#sup-app{--blue:#0866e8;--dark:#073568;--green:#15945b;--red:#e5262c;--amber:#e99a12;--line:#dce5ef;display:grid;grid-template-columns:218px minmax(0,1fr);grid-template-rows:auto 1fr;max-width:1560px;min-height:760px;margin:16px auto;background:#f5f8fc;color:#10264a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border:1px solid #dce5ef;border-radius:15px;overflow:hidden;box-shadow:0 14px 42px #173d7020}
#sup-app>.sup-head{grid-column:2;grid-row:1;min-height:76px;display:flex;align-items:center;background:#fff;color:#10264a;margin:0;padding:14px 24px;border-radius:0;border-bottom:1px solid #dce5ef}
#sup-app>.sup-head h1{font-size:25px;line-height:1.1;margin:0;letter-spacing:-.5px;white-space:nowrap}
.sup-subtitle{position:absolute;margin-top:39px;color:#697c99;font-size:12px}.sup-top-tools{margin-left:auto;display:flex;align-items:center;gap:10px}.sup-top-tools>span{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;padding:0!important;background:#edf4ff!important;border:1px solid #d8e7fb!important;border-radius:50%!important;color:#0a4b9a!important;font-size:0!important}.sup-top-tools>span:before{content:"U";font-size:13px;font-weight:800}
.sup-global-search{width:min(400px,32vw);display:flex;align-items:center;gap:8px;padding:9px 12px;background:#f9fbfe;border:1px solid #d5e0ed;border-radius:8px;color:#4d6381}.sup-global-search input{border:0!important;outline:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;width:100%;color:#17345c}.sup-logout{display:inline-flex;align-items:center;padding:9px 14px;border-radius:8px;background:#edf3fb;color:#164b8d!important;text-decoration:none!important;font-weight:750}.sup-logout:hover{background:#dceaff}
#sup-app>.sup-tabs{grid-column:1;grid-row:1/10;display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:0;padding:82px 12px 24px;background:linear-gradient(180deg,#083c76,#062e5c);border:0}
#sup-app>.sup-tabs:before{content:"◆  Suprimentos";position:absolute;margin-top:-56px;padding-left:10px;color:#fff;font-size:18px;font-weight:850;letter-spacing:-.3px}
#sup-app>.sup-tabs .sup-tab{width:100%;padding:12px 13px;background:transparent;color:#dfeeff;border:0;border-radius:8px;text-align:left}#sup-app>.sup-tabs .sup-tab:before{content:"◇";display:inline-block;margin-right:11px;font-size:16px}#sup-app>.sup-tabs .sup-tab.active{background:#0966cf!important;color:#fff!important;box-shadow:inset 0 0 0 1px #2d83e6}
#sup-app>.sup-panel{grid-column:2;grid-row:2;padding:22px 23px 30px;min-width:0}#sup-app .sup-grid{gap:14px}#sup-app .sup-card{background:#fff;border-color:#dce5ef;border-radius:10px;box-shadow:0 3px 12px #143d7208}#sup-app .sup-grid .sup-card{min-height:112px;padding:17px 19px}#sup-app .sup-kpi{font-size:29px;color:#10264a;letter-spacing:-.6px}#sup-app .sup-muted{color:#687d9b}
#sup-app .sup-btn{background:#0866e8;border-radius:8px;padding:10px 14px;box-shadow:0 3px 7px #0866e828}#sup-app .sup-btn:hover{background:#0759ca}#sup-app .sup-btn.alt{background:#edf3fa;color:#1e426f;box-shadow:none}#sup-app .sup-btn.ok{background:#15945b}#sup-app .sup-btn.warn{background:#e39518}
#sup-app .sup-tablewrap{padding:0;border-radius:10px}#sup-app .sup-table th{background:#f1f5fa;color:#435a79;padding:11px 12px}#sup-app .sup-table td{padding:11px 12px;border-bottom-color:#e7edf4}#sup-app .sup-table tr:hover td{background:#f7faff}#sup-app .sup-low{color:#e5262c}#sup-app .sup-ok{color:#15945b}#sup-app .sup-pending{color:#d57f00}
#sup-app .sup-modal{background:#082e5d80;backdrop-filter:blur(3px)}#sup-app .sup-modalbox{border-radius:13px;box-shadow:0 25px 80px #082e5d4d}#sup-app .sup-field input,#sup-app .sup-field select,#sup-app .sup-field textarea{border-color:#ccd9e7;border-radius:8px;padding:10px}
.sup-login{max-width:430px;margin:50px auto!important;padding:28px!important;background:#fff!important;border:1px solid #dce5ef!important;border-radius:14px!important;box-shadow:0 18px 55px #173d7020}.sup-login h2{margin:0 0 7px;color:#10264a}.sup-login form p{margin:14px 0}.sup-login label{display:block;margin-bottom:5px;color:#435a79;font-weight:650}.sup-login input[type=text],.sup-login input[type=password]{width:100%;padding:11px;border:1px solid #ccd9e7;border-radius:8px}.sup-login .button{width:100%;padding:11px;border:0;border-radius:8px;background:#0866e8;color:#fff;font-weight:750;cursor:pointer}
@media(max-width:900px){#sup-app{grid-template-columns:185px minmax(0,1fr)}.sup-global-search{width:240px}.sup-subtitle{display:none}}
@media(max-width:720px){#sup-app{display:block;margin:7px;min-height:0}#sup-app>.sup-head{padding:12px 13px;flex-wrap:wrap}#sup-app>.sup-head h1{font-size:20px}#sup-app>.sup-tabs{position:relative;display:flex;flex-direction:row;overflow:auto;padding:10px 11px;background:#073568;border-bottom:1px solid #dce5ef}#sup-app>.sup-tabs:before{display:none}#sup-app>.sup-tabs .sup-tab{width:auto;white-space:nowrap}#sup-app>.sup-tabs .sup-tab:before{display:none}#sup-app>.sup-panel{padding:14px 10px 23px}.sup-global-search{display:none}.sup-top-tools{gap:7px}.sup-top-tools>span{display:none!important}}