/* UCHOA ERP · UI 010 — design system transversal */
:root{--navy:#101e34;--navy2:#1b3150;--brand:#2563eb;--ink:#16253a;--muted:#64748b;--line:#e4eaf2;--canvas:#f5f7fb;--radius:14px}html{scroll-behavior:smooth}body{background:var(--canvas)!important;color:var(--ink)!important}body>header{position:fixed;left:0;top:0;bottom:0;width:228px;z-index:30;background:var(--navy)!important;border:0!important;box-shadow:none!important;padding:26px 15px!important;display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;gap:28px!important;overflow-y:auto}body>header strong{font-size:15px!important;line-height:1.7;letter-spacing:.04em}body>header nav{display:flex!important;flex-direction:column;gap:5px!important}body>header nav a{display:block;color:#c9d7ed!important;border-radius:9px;padding:11px 12px!important;font-size:13px!important;font-weight:600;text-decoration:none}body>header nav a:hover,body>header nav a[aria-current=page]{background:#2b4467!important;color:white!important}body>main{margin:0 0 0 228px!important;padding:44px clamp(22px,4vw,60px) 90px!important;max-width:none!important;min-height:100vh}body>main>h1,body>main>.crud-heading h1{font-size:clamp(27px,3vw,37px)!important;letter-spacing:-.04em}.panel,.order,.module-card,.record,.stat{border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:0 5px 24px #1c34560a!important}.panel{background:white!important}.alert.success{background:#eaf8f0!important;color:#116b41!important;border-color:#bce7cf!important}.alert.error{background:#fff0f0!important;color:#a02b2b!important;border-color:#f0c4c4!important}button{transition:transform .12s,filter .12s,background .12s;cursor:pointer}button:hover:not(:disabled){filter:brightness(.95)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93b4fb!important;outline-offset:2px}input,select,textarea{border-radius:9px!important}table{width:100%}th{text-align:left;color:#53647d;font-size:12px}td,th{padding:12px 10px;border-bottom:1px solid #eef1f6}.erp-topbar{margin:0 0 26px;padding:0 0 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.erp-topbar .erp-clock{font-variant-numeric:tabular-nums}.erp-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#226744;background:#e8f6ee;border-radius:99px;padding:7px 11px}.erp-pill:before{content:'';width:7px;height:7px;background:#20a36b;border-radius:50%}.erp-notice{margin-top:10px;color:var(--muted);font-size:12px}.erp-empty{padding:35px;text-align:center;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:17px;box-shadow:0 30px 100px #0b203b3a;max-width:min(760px,calc(100vw - 32px));max-height:90vh;overflow:auto}dialog::backdrop{background:#0a1b34a8}.erp-actions{display:flex;gap:8px;flex-wrap:wrap}.erp-actions button{font-size:12px}.erp-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.erp-toolbar input{min-width:min(330px,100%)}.erp-table-wrap{overflow-x:auto}@media(max-width:880px){body>header{position:relative;width:auto;bottom:auto;padding:14px 18px!important;gap:8px!important}body>header nav{flex-direction:row;overflow-x:auto}body>header nav a{white-space:nowrap}body>main{margin:0!important;padding:24px 16px 60px!important}.erp-topbar{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Correção 013: sidebar estável em uma coluna, sem quebra horizontal */
@media (min-width: 881px) {
  body > header { width: 228px !important; min-width: 228px !important; max-width: 228px !important; flex-wrap: nowrap !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; overflow-x: hidden !important; overflow-y: auto !important; gap: 22px !important; }
  body > header > strong { display: block !important; width: 100% !important; flex: 0 0 auto !important; overflow-wrap: normal !important; }
  body > header > nav { display: flex !important; width: 100% !important; min-width: 0 !important; flex: 0 0 auto !important; flex-flow: column nowrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 4px !important; }
  body > header > nav > a { display: block !important; width: 100% !important; flex: 0 0 auto !important; white-space: normal !important; overflow-wrap: normal !important; word-break: normal !important; padding: 11px 12px !important; }
}
@media (max-width: 880px) {
  body > header { flex-wrap: nowrap !important; overflow-x: hidden !important; }
  body > header > nav { display: flex !important; flex-flow: row nowrap !important; width: 100% !important; overflow-x: auto !important; }
  body > header > nav > a { flex: 0 0 auto !important; white-space: nowrap !important; }
}