@media (max-width: 768px){.container{padding:8px!important;max-width:100%!important}nav{position:fixed!important;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;z-index:1000;display:flex;justify-content:space-around;padding:8px 0}nav a{font-size:12px!important;padding:8px 4px!important}body{padding-bottom:60px!important}.card{margin-bottom:12px!important;padding:12px!important}button,.btn,.btn-ctl{min-height:44px!important;min-width:44px!important;font-size:16px!important}input,select,textarea,.inp{font-size:16px!important;padding:12px!important;width:100%!important}.item{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px 8px!important}.item .name{width:100%!important;margin-bottom:4px!important}.item .meta,.item .price-input{width:100%!important;margin-bottom:8px!important}.item .actions{width:100%!important;display:flex!important;justify-content:space-between!important;margin-left:0!important}.dropdown{max-height:50vh!important}table{display:block!important;overflow-x:auto!important;width:100%!important}thead{display:none!important}tr{display:block!important;margin-bottom:12px!important;border:1px solid #ddd!important;border-radius:8px!important;padding:12px!important;background:#fff!important}td{display:block!important;text-align:left!important;padding:6px 0!important;border:none!important}td:before{content:attr(data-label);font-weight:700;display:inline-block;margin-right:8px}input[placeholder*=Scan]{background-color:#f0f8ff!important;border:2px solid #007bff!important}}@media (max-width: 768px) and (orientation: landscape){nav{padding:4px 0}body{padding-bottom:50px!important}}@media (max-width: 400px){.card{padding:8px!important}button,.btn{font-size:14px!important;padding:8px!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f8f9fa}@media (max-width: 768px){body>div#root>div{padding:8px!important}nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;background:#fff!important;border-top:2px solid #007bff!important;box-shadow:0 -2px 10px #0000001a!important;display:flex!important;justify-content:space-around!important;align-items:center!important;padding:0!important;height:56px!important;z-index:9999!important}nav a{flex:1!important;text-align:center!important;padding:8px 4px!important;font-size:11px!important;color:#333!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}nav a.active{color:#007bff!important;background:#007bff1a!important}#root{padding-bottom:60px!important}.card,div[style*="border-radius: 12px"]{margin:0 0 12px!important;padding:12px!important;width:100%!important}button,.btn,input[type=button],input[type=submit]{min-height:44px!important;padding:12px 16px!important;font-size:16px!important;border-radius:8px!important}input,select,textarea{font-size:16px!important;padding:12px!important;width:100%!important;border-radius:8px!important}.dropdown,div[style*="overflow: auto"]{max-height:40vh!important}.item,div[style*=border-bottom]{display:block!important;padding:12px!important;margin-bottom:8px!important;background:#fff!important;border-radius:8px!important;border:1px solid #e0e0e0!important}.item .actions{display:flex!important;justify-content:space-around!important;margin-top:12px!important;width:100%!important}table{width:100%!important}thead{display:none!important}tbody tr{display:block!important;margin-bottom:12px!important;background:#fff!important;border-radius:8px!important;padding:12px!important;box-shadow:0 1px 3px #0000001a!important}tbody td{display:block!important;padding:4px 0!important;border:none!important}button:contains("Workflow"),a[href*=workflow]{background:#007bff!important;color:#fff!important}.btn-ctl{min-width:36px!important;min-height:36px!important;padding:8px!important}.desktop-only{display:none!important}}@media (max-width: 400px){nav a{font-size:10px!important}.card{padding:8px!important}}@media (max-width: 768px) and (orientation: landscape){nav{height:48px!important}#root{padding-bottom:52px!important}}@media (max-width: 768px){.admin-container .card,.admin-container>div>div{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.admin-container table{display:block!important;width:100%!important}.admin-container thead{display:none!important}.admin-container tbody{display:flex!important;flex-direction:column!important;gap:12px!important}.admin-container tbody tr{display:flex!important;flex-direction:column!important;align-items:flex-start!important;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;padding:16px!important;gap:6px!important}.admin-container tbody td{display:block!important;width:100%!important;padding:4px 0!important;border:none!important;text-align:left!important}.admin-container .btn,.admin-container button{min-height:44px!important;padding:10px 16px!important;font-size:14px!important;border-radius:8px!important}.admin-container div[style*="justify-content: space-between"]{flex-wrap:wrap!important;gap:12px!important}.admin-container td:last-child{display:flex!important;flex-direction:row!important;gap:8px!important;padding-top:12px!important;margin-top:8px!important;border-top:1px solid #eee!important;width:100%!important}.admin-container div[style*="display: flex"][style*=gap]{flex-wrap:wrap!important}}