/* DailyOutfitter — Business Studio. Presentation only. */
html[data-theme="business"] {
 --bg:#f3f6f8;--bg2:#edf2f5;--surface:#fff;--surface-2:#f7f9fa;
 --text:#142c3c;--text-2:#4b6171;--text-3:#657987;--border:#dce5ea;--border-2:#eaf0f3;
 --brand:#087f78;--brand-2:#0a958a;--brand-soft:#e8f5f2;--brand-ink:#075b57;
 --success:#13815f;--success-soft:#ebf7f0;--danger:#c53e50;--danger-soft:#fff0f2;
 --warn:#a86812;--warn-soft:#fff6e7;--info:#2474a4;--info-soft:#ecf5fb;
 --field:#fff;--field-bd:#cbd8df;--track:#e9eff2;--topbar:rgba(255,255,255,.96);
 --shadow-sm:0 2px 8px rgba(20,44,60,.035);--shadow:0 8px 28px rgba(20,44,60,.065);--shadow-lg:0 20px 64px rgba(20,44,60,.16);
}
body[data-ui="erp"]{font-size:13px;line-height:1.5}
body[data-ui="erp"] .sb{width:244px;padding:10px 12px;background:var(--surface);box-shadow:none}
body[data-ui="erp"] .sb-logo{padding:20px 10px 23px}
body[data-ui="erp"] .sb-brand-name{font-size:16px;letter-spacing:-.5px}
body[data-ui="erp"] .sb-brand-tag{font-size:9px;letter-spacing:1.7px}
body[data-ui="erp"] .sb-save{font-size:11px;background:var(--surface-2);border-radius:8px}
body[data-ui="erp"] .sb-group{font-size:10px;letter-spacing:1.2px;padding-top:20px}
body[data-ui="erp"] .sb-item{font-size:12px;border-radius:9px;min-height:43px}
body[data-ui="erp"] .sb-item.active{background:var(--brand-soft);box-shadow:none}
body[data-ui="erp"] .main{margin-left:244px}
body[data-ui="erp"] .topbar{min-height:82px;padding:18px 32px;border-bottom:1px solid var(--border);box-shadow:none;background:var(--topbar)}
body[data-ui="erp"] .topbar-title{font-size:21px;letter-spacing:-.65px}
body[data-ui="erp"] .topbar-sub{font-size:11px}
body[data-ui="erp"] .tb-theme,body[data-ui="erp"] .tb-pill{font-size:11px;border-radius:8px}
body[data-ui="erp"] .content{padding:28px 32px 48px;max-width:1640px}
body[data-ui="erp"] .dashboard-heading{border-radius:16px;padding:28px 30px;background:linear-gradient(110deg,var(--surface) 40%,var(--brand-soft));box-shadow:none}
body[data-ui="erp"] .dashboard-eyebrow{letter-spacing:1.8px;font-size:10px}
body[data-ui="erp"] .dashboard-title{font-size:29px!important;letter-spacing:-1.1px!important;font-weight:800}
body[data-ui="erp"] .dashboard-period{border:1px solid var(--border);border-radius:10px!important}
body[data-ui="erp"] .dashboard-period button{font-size:11px!important}
body[data-ui="erp"] .dashboard-quicklinks{margin-bottom:26px;gap:9px}
body[data-ui="erp"] .dashboard-quicklinks .btn{font-size:11px;padding:9px 14px;border-radius:8px}
body[data-ui="erp"] .kpi-grid{gap:14px}
body[data-ui="erp"] .kpi{border-radius:13px;padding:22px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}
body[data-ui="erp"] .kpi-v{font-size:27px;font-weight:750;letter-spacing:-1px;font-variant-numeric:tabular-nums}
body[data-ui="erp"] .kpi-l{font-size:10px;letter-spacing:.65px;line-height:1.5}
body[data-ui="erp"] .kpi-ic{border-radius:10px;margin-bottom:15px}
html[data-theme="business"] .dashboard-view>.kpi-grid>.kpi:first-child{background:#e8f5f2;border-color:#c0dfd8;box-shadow:none}
html[data-theme="business"] .dashboard-view>.kpi-grid>.kpi:first-child .kpi-v{color:#075b57!important}
html[data-theme="business"] .dashboard-view>.kpi-grid>.kpi:first-child .kpi-l,
html[data-theme="business"] .dashboard-view>.kpi-grid>.kpi:first-child>div:last-child{color:#3b655e!important;opacity:1}
html[data-theme="business"] .dashboard-view>.kpi-grid>.kpi:first-child .kpi-ic{background:#d5ede7!important}
body[data-ui="erp"] .card{border-radius:13px;border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}
body[data-ui="erp"] .card-hdr{font-size:13px;padding:18px 20px;letter-spacing:-.15px}
body[data-ui="erp"] .card-body{padding:20px}
body[data-ui="erp"] .btn{font-size:12px;padding:10px 15px;border-radius:8px;box-shadow:none}
body[data-ui="erp"] .btn:hover{box-shadow:0 3px 10px rgba(20,44,60,.1)}
body[data-ui="erp"] th{padding:13px 14px;font-size:10px;letter-spacing:.65px;color:var(--text-2);background:var(--surface-2);border-bottom:1px solid var(--border)}
body[data-ui="erp"] td{font-size:12px;padding:13px 14px;border-bottom-color:var(--border-2)}
body[data-ui="erp"] tbody tr:hover td{background:var(--surface-2)}
body[data-ui="erp"] .badge{border-radius:6px;font-size:10px}
body[data-ui="erp"] .fg label{font-size:10px;letter-spacing:.55px;color:var(--text-2)}
body[data-ui="erp"] input,body[data-ui="erp"] select,body[data-ui="erp"] textarea{border-radius:8px}
body[data-ui="erp"] #mbox{border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px}
/* Same palette across employee portal, sign-in and user management. */
body[data-ui="portal"],body[data-ui="login"],body[data-ui="users"]{
 --bg:#f3f6f8;--card:#fff;--ink:#142c3c;--ink2:#4b6171;--ink3:#657987;--line:#dce5ea;
 --brand:#087f78;--brand2:#075b57;--brand-2:#0a958a;--brand-soft:#e8f5f2;
 --text:#142c3c;--text-2:#4b6171;--text-3:#657987;--border:#dce5ea;--surface:#fff;
 --g:#13815f;--gsoft:#ebf7f0;--r:#c53e50;--rsoft:#fff0f2;--y:#a86812;--ysoft:#fff6e7;
 background:#f3f6f8;color:#142c3c;line-height:1.5;-webkit-font-smoothing:antialiased;
}
body[data-ui="portal"] .wrap{max-width:780px;padding:24px 20px 42px}
body[data-ui="portal"] .topbar{background:linear-gradient(110deg,#e4f3ef,#f5faf8);border:1px solid #c6dfd8;color:#142c3c;box-shadow:none;border-radius:16px;padding:23px;margin-bottom:20px}
body[data-ui="portal"] .who .nm{font-size:22px;letter-spacing:-.6px}
body[data-ui="portal"] .who .meta{color:#4b6171}
body[data-ui="portal"] .tag,body[data-ui="portal"] .lo{background:#d4eae4;color:#075b57}
body[data-ui="portal"] .avatar{background:#d4eae4;color:#075b57;border-color:#fff}
body[data-ui="portal"] .grid{gap:15px}
body[data-ui="portal"] .card{border-color:#dce5ea;border-radius:13px;padding:19px;box-shadow:0 2px 8px rgba(20,44,60,.035)}
body[data-ui="portal"] .card h3{font-size:11px;color:#4b6171;letter-spacing:.7px}
body[data-ui="portal"] .net{background:#e8f5f2;color:#075b57;border:1px solid #c0dfd8;border-radius:13px}
body[data-ui="portal"] .net .n{font-variant-numeric:tabular-nums;font-size:34px}
body[data-ui="portal"] .mtabs{background:#e7eef1;padding:5px;border-radius:10px}
body[data-ui="portal"] .mtabs button.on{color:#075b57;box-shadow:0 2px 5px rgba(20,44,60,.06)}
body[data-ui="portal"] .p-b{background:#eaf3fa;color:#245f84}
body[data-ui="portal"] .note,body[data-ui="portal"] .muted{color:#657987}
body[data-ui="portal"] th{color:#4b6171;background:#f7f9fa}
body[data-ui="login"],body[data-ui="portal"] .login-bg{background:radial-gradient(ellipse at 20% 0%,#dceee8,transparent 55%),#f3f6f8}
body[data-ui="login"] .box,body[data-ui="portal"] .login-box{border:1px solid #dce5ea;border-radius:20px;box-shadow:0 16px 60px rgba(20,44,60,.09);padding:38px 32px;max-width:410px}
body[data-ui="login"] .logo,body[data-ui="portal"] .logo,body[data-ui="users"] .logo{background:#087f78;color:#fff;border-radius:14px;box-shadow:0 5px 12px rgba(8,127,120,.12)}
body[data-ui="login"] h1,body[data-ui="portal"] .login-box h1{color:#142c3c;font-size:23px;letter-spacing:-.6px}
body[data-ui="login"] .sub,body[data-ui="portal"] .login-box .sub{color:#657987;font-size:13px;margin-top:7px}
body[data-ui="login"] .foot{color:#657987}
body[data-ui="login"] label,body[data-ui="portal"] label{color:#4b6171;font-size:11px;letter-spacing:.55px}
body[data-ui="login"] button[type="submit"]{background:#087f78;border-radius:9px;padding:13px}
body[data-ui="login"] .box>a{color:#087f78!important}
body[data-ui="login"] input:focus,body[data-ui="portal"] input:focus,body[data-ui="portal"] select:focus{border-color:#087f78;box-shadow:0 0 0 3px rgba(8,127,120,.12)}
body[data-ui="users"] .topbar{background:#fff;border-bottom:1px solid #dce5ea;color:#142c3c;padding:19px 24px;box-shadow:none}
body[data-ui="users"] .pill.admin{background:#e8f5f2;color:#075b57}
body[data-ui="users"] .card{border-radius:13px;box-shadow:0 2px 8px rgba(20,44,60,.035)}
body[data-ui="users"] .note{background:#e8f5f2;border-color:#c0dfd8;color:#075b57}
body[data-ui] :is(button,a,input,select,textarea):focus-visible{outline:3px solid #087f78;outline-offset:3px}
@media(min-width:1450px){body[data-ui="erp"] .dashboard-view>.kpi-grid .kpi{padding:19px 15px}body[data-ui="erp"] .dashboard-view>.kpi-grid .kpi-v{font-size:23px}}
@media(max-width:1100px) and (min-width:769px){body[data-ui="erp"] .sb{width:220px}body[data-ui="erp"] .main{margin-left:220px}body[data-ui="erp"] .content{padding:24px}body[data-ui="erp"] .topbar{padding:16px 24px}}
@media(max-width:768px){
 body[data-ui="erp"] .sb{width:258px}body[data-ui="erp"] .main{margin-left:0;width:100%}
 body[data-ui="erp"] .topbar{padding:14px 16px;min-height:68px}body[data-ui="erp"] .topbar-title{font-size:19px}
 body[data-ui="erp"] .content{padding:20px 14px 34px}body[data-ui="erp"] .dashboard-heading{padding:23px 19px}
 body[data-ui="erp"] .dashboard-title{font-size:24px!important}body[data-ui="erp"] .dashboard-view>.kpi-grid .kpi{padding:17px 13px}
 body[data-ui="erp"] .kpi-v{font-size:22px}body[data-ui="erp"] .kpi-l{font-size:9px}
 body[data-ui="portal"] .wrap{padding:16px 12px 32px}body[data-ui="portal"] .topbar{padding:18px 15px}
 body[data-ui="portal"] .who .nm{font-size:19px}body[data-ui="portal"] .card{padding:16px}
}
@media(max-width:420px){body[data-ui="portal"] .topbar{gap:9px}body[data-ui="portal"] .avatar{width:48px;height:48px}body[data-ui="portal"] .lo{padding:8px}body[data-ui="login"] .box{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){body[data-ui] *,body[data-ui] *::before,body[data-ui] *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body[data-ui="erp"] .main{margin:0!important}body[data-ui="erp"] .content{padding:0!important}body[data-ui] .card,body[data-ui] .kpi{box-shadow:none!important}}