:root{--bg: #edf3f8;--surface: #ffffff;--text: #0f172a;--text-muted: #64748b;--primary: #0b5a87;--primary-dark: #0b3d5c;--border: #d9e4ee;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);font-family:Segoe UI,Candara,Calibri,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;max-width:100%}html{overflow-x:hidden}body{margin:0;min-width:0;width:100%;overflow-x:hidden}button,input,select,textarea{font:inherit;max-width:100%}img,svg,video{max-width:100%;height:auto}.btn-primary{border:none;border-radius:.85rem;padding:.85rem 1rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 8px 20px #0b5a8747}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-primary:active:not(:disabled){transform:translateY(1px)}.brand-mark{letter-spacing:.04em}@media (max-width: 720px){input,select,textarea{font-size:16px}}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(14,116,144,.08),transparent 35%),linear-gradient(180deg,#edf3f8,#f7fafc)}.sidebar{background:linear-gradient(180deg,#0b3d5c,#0f4f73 55%,#0b5a87);color:#e8f4fb;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:inset -1px 0 #ffffff14;min-width:0}.sidebar-brand{display:flex;align-items:center;gap:.85rem;padding:.35rem .5rem;min-width:0}.sidebar-brand>div{min-width:0}.brand-mark{display:grid;place-items:center;width:2.6rem;height:2.6rem;flex-shrink:0;border-radius:.85rem;background:#7dd3fc2e;color:#7dd3fc;font-weight:800;letter-spacing:.04em}.sidebar-brand strong{display:block;font-size:1.05rem}.sidebar-brand small{display:block;color:#e8f4fbb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem}.nav-link{color:#e8f4fbdb;text-decoration:none;padding:.75rem .9rem;border-radius:.75rem;font-weight:600;transition:background .15s ease,color .15s ease}.nav-link:hover{background:#ffffff14}.nav-link.active{background:#7dd3fc2e;color:#fff}.app-main{display:flex;flex-direction:column;min-width:0;max-width:100%;overflow-x:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);min-width:0}.btn-menu{display:none;flex-direction:column;gap:4px;border:none;background:transparent;padding:.4rem;cursor:pointer;flex-shrink:0}.btn-menu span{display:block;width:1.25rem;height:2px;background:var(--text);border-radius:999px}.topbar-user{display:flex;align-items:center;gap:.75rem;margin-left:auto;min-width:0}.topbar-user>div{min-width:0;overflow:hidden}.topbar-user strong{display:block;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(42vw,12rem)}.topbar-user small{display:block;color:var(--text-muted)}.btn-logout{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:.7rem;padding:.55rem .9rem;font-weight:600;cursor:pointer;flex-shrink:0;white-space:nowrap}.btn-logout:hover{background:#f8fafc}.content{padding:1.25rem;min-width:0;max-width:100%;overflow-x:hidden}.sidebar-backdrop{display:none}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,86vw);z-index:30;transform:translate(-105%);transition:transform .2s ease}.app-shell.menu-open .sidebar{transform:translate(0)}.btn-menu{display:flex}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:#0f172a73;z-index:20}.content{padding:.85rem}}@media (max-width: 480px){.topbar{padding:.7rem .75rem}.topbar-user small{display:none}.btn-logout{padding:.5rem .7rem}.content{padding:.7rem}}.clientes-page{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;min-width:0}.clientes-header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.clientes-header h1{margin:0;color:#0b3d5c;font-size:clamp(1.25rem,4vw,1.75rem);word-break:break-word}.clientes-header p{margin:.35rem 0 0;color:var(--text-muted)}.clientes-header .btn-primary{flex-shrink:0;white-space:nowrap}.clientes-search{display:grid;grid-template-columns:1fr auto;gap:.75rem;width:100%}.clientes-search input,.clientes-search button,.cliente-form input,.cliente-form select,.cliente-form textarea{border:1px solid var(--border);border-radius:.75rem;padding:.75rem .9rem;background:#fff;width:100%;min-width:0;box-sizing:border-box}.clientes-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#ffffffeb;border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow-sm)}.clientes-table{width:100%;border-collapse:collapse;min-width:640px}.clientes-table th,.clientes-table td{padding:.75rem .85rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.clientes-table th{font-size:.85rem;color:var(--text-muted);background:#f8fafc;white-space:nowrap}.clientes-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.35rem .15rem;color:var(--text-muted);font-weight:600}.cliente-form{width:min(760px,100%);max-height:90vh;max-height:90dvh;overflow:auto;background:#fff;border-radius:1.1rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 24px 60px #0f172a40;min-width:0}.cliente-form header,.cliente-form footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.cliente-form h2{margin:0;color:#0b3d5c;font-size:clamp(1.1rem,4vw,1.35rem);word-break:break-word}.hint{margin:0;color:var(--text-muted);font-size:.92rem}@media (max-width: 720px){.clientes-header{flex-direction:column;align-items:stretch}.clientes-header .btn-primary{width:100%}.clientes-search,.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:.5rem;align-items:stretch;place-items:stretch}.cliente-form{width:100%;max-height:none;min-height:min(100%,96dvh);border-radius:1rem;padding:1rem}.cliente-form footer{flex-direction:column-reverse}.cliente-form footer .btn-primary,.cliente-form footer .btn-secondary{width:100%}.clientes-table{min-width:560px}.clientes-table th,.clientes-table td{padding:.65rem .7rem;font-size:.92rem}}@media (max-width: 480px){.clientes-pagination{flex-direction:column;align-items:stretch}.pagination-actions{justify-content:space-between}.page-indicator{width:100%;order:-1}}.dashboard-page{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:100%;min-width:0;animation:fade-in .3s ease-out}.dashboard-hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.4rem 1.5rem;border-radius:1.15rem;background:linear-gradient(135deg,#0b5a87f2,#0e7490e0),#0b5a87;color:#fff;box-shadow:0 16px 36px #0b5a8738;min-width:0}.dashboard-hero>div{min-width:0}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;opacity:.8;font-weight:700}.dashboard-hero h1{margin:0;font-size:clamp(1.35rem,5vw,2rem);word-break:break-word}.dashboard-hero p{margin:.45rem 0 0;max-width:42rem;opacity:.92}.hero-meta{display:flex;flex-direction:column;gap:.45rem;min-width:0;max-width:100%}.hero-meta span{background:#ffffff24;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.4rem .75rem;font-size:.85rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%}.dashboard-card{background:#ffffffeb;border:1px solid var(--border);border-radius:1rem;padding:1.15rem;box-shadow:var(--shadow-sm);min-width:0}.dashboard-card h2{margin:0;font-size:1.05rem;color:#0b3d5c}.dashboard-card p{margin:.55rem 0 1rem;color:var(--text-muted)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.card-link{color:#0b5a87;font-weight:700;font-size:.85rem;text-decoration:none;white-space:nowrap}.card-link:hover{text-decoration:underline}.card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.metric{background:#f8fafc;border:1px solid var(--border);border-radius:.85rem;padding:.85rem .95rem;display:flex;flex-direction:column;gap:.35rem;min-width:0}.metric-label{color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.metric-value{color:#0b3d5c;font-size:clamp(1rem,3.5vw,1.25rem);overflow-wrap:anywhere;word-break:break-word}.card-ordens .metric:last-child{background:#e8f3fb;border-color:#9ec5de}.chip{display:inline-flex;align-items:center;background:#e0f2fe;color:#075985;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:700}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.dashboard-hero{flex-direction:column;padding:1.1rem 1.15rem}.hero-meta{width:100%;flex-direction:row;flex-wrap:wrap}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 480px){.card-metrics{grid-template-columns:1fr}.dashboard-card{padding:1rem}}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 15% 20%,rgba(14,116,144,.22),transparent 32%),radial-gradient(circle at 85% 10%,rgba(11,90,135,.18),transparent 28%),linear-gradient(160deg,#0b3d5c,#125a82 45%,#edf3f8 45%,#f8fafc)}.login-panel{width:min(420px,100%);background:#fffffff5;border:1px solid rgba(226,232,240,.9);border-radius:1.25rem;padding:1.5rem;box-shadow:0 24px 60px #0f172a2e;animation:login-rise .35s ease-out}.login-brand{display:flex;align-items:center;gap:.9rem;margin-bottom:1.35rem}.login-brand .brand-mark{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.95rem;background:linear-gradient(135deg,#0b5a87,#0e7490);color:#fff;font-weight:800}.login-brand h1{margin:0;font-size:1.45rem;color:#0b3d5c}.login-brand p{margin:.15rem 0 0;color:var(--text-muted);font-size:.92rem}.login-form{display:flex;flex-direction:column;gap:.9rem}.login-form label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;color:var(--text)}.login-form input{border:1px solid var(--border);border-radius:.75rem;padding:.8rem .9rem;background:#fff}.login-form input:focus{outline:2px solid rgba(11,90,135,.25);border-color:#0b5a87}.password-wrapper{display:grid;grid-template-columns:1fr auto;gap:.5rem}.btn-toggle-password{border:1px solid var(--border);background:#f8fafc;border-radius:.75rem;padding:0 .85rem;font-weight:600;cursor:pointer;color:var(--text-muted)}.form-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:.75rem;padding:.75rem .9rem;font-size:.92rem}@keyframes login-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.login-page{padding:.85rem;align-content:center;background:radial-gradient(circle at top,rgba(14,116,144,.2),transparent 40%),linear-gradient(180deg,#0b3d5c,#125a82 28%,#edf3f8 28%,#f8fafc)}.login-panel{padding:1.15rem;border-radius:1rem}.login-brand{align-items:flex-start}.login-brand h1{font-size:1.25rem}.password-wrapper{grid-template-columns:1fr}.btn-toggle-password{padding:.75rem .9rem}}.searchable-select{position:relative;width:100%;min-width:0}.searchable-select-input-wrap{position:relative;display:flex;align-items:center}.searchable-select-input-wrap input{width:100%;min-width:0;border:1px solid var(--border);border-radius:.75rem;padding:.75rem 2.25rem .75rem .9rem;background:#fff;box-sizing:border-box}.searchable-select.open .searchable-select-input-wrap input{border-color:#0b5a87;outline:2px solid rgba(11,90,135,.18)}.searchable-select-clear{position:absolute;right:.45rem;border:none;background:transparent;color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:.25rem .4rem;border-radius:.4rem}.searchable-select-clear:hover{background:#f1f5f9;color:var(--text)}.searchable-select-list{position:absolute;z-index:20;top:calc(100% + .35rem);left:0;right:0;margin:0;padding:.35rem;list-style:none;max-height:14rem;overflow:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--border);border-radius:.85rem;box-shadow:0 12px 28px #0f172a29}.searchable-select-list li{margin:0}.searchable-select-list button{width:100%;border:none;background:transparent;text-align:left;padding:.7rem .8rem;border-radius:.65rem;cursor:pointer;font:inherit;color:var(--text)}.searchable-select-list button:hover,.searchable-select-list button.selected{background:#e8f3fb;color:#0b3d5c}.searchable-select-empty{padding:.75rem .8rem;color:var(--text-muted);font-size:.92rem}.itens-backdrop{z-index:45}.itens-modal{width:min(980px,100%);max-height:92vh;max-height:92dvh;overflow:auto;background:#fff;border-radius:1.1rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 24px 60px #0f172a40;min-width:0}.itens-modal>header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.itens-modal h2,.item-form h3{margin:0;color:#0b3d5c;font-size:clamp(1.05rem,4vw,1.3rem);word-break:break-word}.itens-modal header p{margin:.35rem 0 0;color:var(--text-muted)}.itens-header-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.itens-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:.9rem}.itens-table{width:100%;border-collapse:collapse;min-width:640px}.itens-table th,.itens-table td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.itens-table th{font-size:.85rem;color:var(--text-muted);background:#f8fafc;white-space:nowrap}.itens-footer{display:flex;justify-content:flex-end;color:#0b3d5c}.item-form-backdrop{z-index:50;padding:.75rem}.item-form{width:min(560px,100%);max-height:90dvh;overflow:auto;background:#fff;border-radius:1rem;padding:1.1rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 50px #0f172a40;min-width:0}.item-form header,.item-form footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.item-form input,.item-form select{border:1px solid var(--border);border-radius:.75rem;padding:.75rem .9rem;background:#fff;width:100%;min-width:0;box-sizing:border-box}.item-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.item-form .form-grid label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;min-width:0}.item-form .form-grid label.full{grid-column:1 / -1}@media (max-width: 720px){.itens-modal{width:100%;max-height:none;min-height:min(100%,96dvh);border-radius:1rem;padding:1rem}.itens-modal>header{flex-direction:column;align-items:stretch}.itens-header-actions{flex-wrap:wrap}.itens-header-actions .btn-primary,.itens-header-actions .btn-ghost{flex:1 1 auto}.item-form .form-grid{grid-template-columns:1fr}.item-form{width:100%}.item-form footer{flex-direction:column-reverse}.item-form footer .btn-primary,.item-form footer .btn-secondary{width:100%}.itens-table{min-width:560px}}.ordens-page{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;min-width:0}.ordens-header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.ordens-header h1{margin:0;color:#0b3d5c;font-size:clamp(1.25rem,4vw,1.75rem);word-break:break-word}.ordens-header p{margin:.35rem 0 0;color:var(--text-muted)}.ordens-header .btn-primary{flex-shrink:0;white-space:nowrap}.ordens-search{display:grid;grid-template-columns:1fr minmax(10rem,14rem) auto;gap:.75rem;width:100%}.ordens-search input,.ordens-search select,.ordens-search button,.ordem-form input,.ordem-form select,.ordem-form textarea{border:1px solid var(--border);border-radius:.75rem;padding:.75rem .9rem;background:#fff;width:100%;min-width:0;box-sizing:border-box}.btn-secondary,.btn-ghost{border:1px solid var(--border);background:#fff;border-radius:.75rem;padding:.75rem 1rem;font-weight:600;cursor:pointer}.btn-ghost{border:none;background:transparent;color:var(--text-muted)}.ordens-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#ffffffeb;border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow-sm)}.ordens-table{width:100%;border-collapse:collapse;min-width:720px}.ordens-table th,.ordens-table td{padding:.75rem .85rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.ordens-table th{font-size:.85rem;color:var(--text-muted);background:#f8fafc;white-space:nowrap}.acoes{display:flex;flex-wrap:wrap;gap:.4rem}.acoes button{border:1px solid var(--border);background:#fff;border-radius:.55rem;padding:.4rem .65rem;cursor:pointer;font-weight:600;white-space:nowrap}.acoes button.danger{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.ordens-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.35rem .15rem;color:var(--text-muted);font-weight:600}.pagination-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-actions .btn-secondary:disabled{opacity:.45;cursor:not-allowed}.page-indicator{min-width:0;text-align:center;color:var(--text);white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:1rem;z-index:40;overflow-y:auto;-webkit-overflow-scrolling:touch}.ordem-form{width:min(820px,100%);max-height:90vh;max-height:90dvh;overflow:auto;background:#fff;border-radius:1.1rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 24px 60px #0f172a40;min-width:0}.ordem-form header,.ordem-form footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.ordem-form h2{margin:0;color:#0b3d5c;font-size:clamp(1.1rem,4vw,1.35rem);word-break:break-word}.hint{margin:0;color:var(--text-muted);font-size:.92rem;word-break:break-word}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.form-grid label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;min-width:0}.form-grid label.full{grid-column:1 / -1}.form-grid label.check{flex-direction:row;align-items:center;gap:.55rem}.readonly-value{background:#f8fafc!important;color:#0b3d5c;font-weight:700}.readonly-value.total-pedido{background:#e8f3fb!important;border-color:#9ec5de!important}@media (max-width: 720px){.ordens-header{flex-direction:column;align-items:stretch}.ordens-header .btn-primary{width:100%}.ordens-search,.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:.5rem;align-items:stretch;place-items:stretch}.ordem-form{width:100%;max-height:none;min-height:min(100%,96dvh);border-radius:1rem;padding:1rem}.ordem-form footer{flex-direction:column-reverse}.ordem-form footer .btn-primary,.ordem-form footer .btn-secondary{width:100%}.ordens-table{min-width:640px}.ordens-table th,.ordens-table td{padding:.65rem .7rem;font-size:.92rem}.pagination-actions .btn-secondary{padding:.65rem .85rem}}@media (max-width: 480px){.page-indicator{width:100%;order:-1}.ordens-pagination{flex-direction:column;align-items:stretch}.pagination-actions{justify-content:space-between}}.placeholder-page{background:#ffffffeb;border:1px solid var(--border);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.placeholder-page h1{margin:0;color:#0b3d5c}.placeholder-page p{margin:.6rem 0 0;color:var(--text-muted)}