/* SEISER · identidad compartida con Organización · 2026-09-15 */
:root,body[data-seiser-app]{
 --bg:#f6f7f9;--bg-2:#f0f2f6;--sf:#fff;--sf-2:#f4f6f9;--sf-3:#eaf0f6;
 --b1:#e5e8ef;--b2:#d4dae5;--b3:#b7c1d2;
 --t1:#1f2125;--t2:#4a4f57;--t3:#667085;--t4:#768194;
 --accent:#4a6cc4;--accent-soft:#eef1fb;--accent-strong:#3657ad;
 --ok:#137a53;--ok-soft:#e9f6ef;--warn:#976000;--warn-soft:#fff5dc;
 --err:#b42338;--err-soft:#fff0f2;--info:#3657ad;--info-soft:#eef1fb;
 --shadow-sm:0 1px 2px rgba(15,23,42,.04);--shadow:0 8px 30px rgba(15,23,42,.08);
 color-scheme:light;
}
body[data-seiser-app]{background:var(--bg);color:var(--t1);font-size:14px;line-height:1.55}
body[data-seiser-app] .app{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh}
body[data-seiser-app] .sidebar{
 --bg:#18191c;--bg-2:#18191c;--sf:#232428;--sf-2:#2a2c31;--sf-3:#353740;
 --b1:#2d2f35;--b2:#40444d;--t1:#f2f3f5;--t2:#c4c6cc;--t3:#a0a4af;--t4:#9298a4;
 --accent:#93a9fa;--accent-soft:#2b3450;--accent-strong:#b3c3ff;
 background:#18191c;color:var(--t1);height:100dvh;overflow-y:auto;padding:18px 14px;border-color:var(--b1);
}
.sb-logo{background:linear-gradient(135deg,#a0b4ff,#8199f2);color:#172139;flex-shrink:0}
.sb-brand{gap:10px}.sb-brand-sub{font-size:10.5px;letter-spacing:.025em}
.sb-item{width:100%;text-align:left;min-height:40px}.sb-item.on,.sb-nav.on{font-weight:600}
.seiser-app-links{display:flex;flex-direction:column;padding:5px;margin:0 0 14px;border:1px solid var(--b1);background:#101114;border-radius:11px;gap:3px}
.seiser-app-links a{display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 9px;font-size:12px;color:#afb3bf;border-radius:7px}
.seiser-app-links a::before{content:'';height:6px;width:6px;border-radius:50%;background:#93a9fa;flex-shrink:0}
.seiser-app-links a:nth-child(2)::before{background:#dcc48b}.seiser-app-links a:nth-child(3)::before{background:#80c7ab}
.seiser-app-links a.active{background:#2a2c31;color:#fff}.seiser-app-links a:hover{background:#232428;color:#fff}
.seiser-app-links small{margin-left:auto;font-size:9px;opacity:.7}
.seiser-version{font-size:10px;color:var(--t3);padding:8px 10px}
body[data-seiser-app] .main{min-width:0;max-width:none;background:var(--bg);padding:28px 32px 60px}
body[data-seiser-app] .page{max-width:1480px;padding:0;margin:0 auto}
.page-greet{font-size:25px;font-weight:650;letter-spacing:-.035em;line-height:1.3}
.page-sub,.card-sub{color:var(--t3);line-height:1.6}.page-hdr{margin-bottom:24px;align-items:center}
.card,.kpi{border:1px solid var(--b1);box-shadow:var(--shadow-sm);border-radius:14px;background:var(--sf)}
.card{padding:22px;margin-bottom:18px}.card-title{font-size:15px;letter-spacing:-.02em;font-weight:650}.card-hdr{gap:14px;flex-wrap:wrap}
.kpi-grid{gap:14px}.kpi{padding:20px}.kpi.accent{border-color:#ced8ef;background:#fff}
.kpi-lbl{font-size:12px;color:var(--t3)}.kpi-val{font-size:30px;letter-spacing:-.035em}.kpi-cta{color:var(--accent)}
.btn.primary{background:#3e5fb4;color:#fff;border-color:#3e5fb4}.btn.primary:hover{background:#304e99}
.btn,.select,.input{border-radius:9px}.btn{min-height:38px}.input,.select{border-color:var(--b2)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #597ddd;outline-offset:3px}
.month-pill{border-radius:10px}.month-pill button{width:34px;height:34px}.month-pill .lbl{font-weight:600}
.tbl th{font-size:11px;color:var(--t3);background:var(--sf-2)}.tbl td{border-bottom-color:var(--b1);padding-top:13px;padding-bottom:13px}
.tbl tr:hover td{background:#f7f9fd}.tbl{font-size:12.5px}.lrow .desc{white-space:normal;overflow-wrap:anywhere}
.drawer{height:100dvh;padding:24px;background:#fff;box-shadow:var(--shadow)}.drawer-title{line-height:1.4}.drawer-close,.sb-logout{min-width:38px;min-height:38px}
.seiser-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:650;color:var(--accent);margin-bottom:7px}
.prov-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.prov-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0}
.prov-toolbar .input{min-width:230px;max-width:100%}.prov-note{font-size:12px;color:var(--t3);line-height:1.65;margin-top:14px}
.prov-client-heading,.prov-client-row{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(95px,1fr)) minmax(95px,1.2fr) 28px;gap:16px;align-items:center}
.prov-client-heading{padding:11px 14px;background:var(--sf-2);border-radius:8px;font-size:10.5px;color:var(--t3);text-transform:uppercase;letter-spacing:.04em}
.prov-client-row{width:100%;text-align:left;padding:17px 14px;border-bottom:1px solid var(--b1);border-radius:0}
.prov-client-row:hover{background:#f7f9fd}.prov-client-name{display:flex;align-items:center;gap:10px;min-width:0;font-weight:600;font-size:13px;overflow-wrap:anywhere}
.prov-cell{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.prov-cell strong{font-weight:650}.prov-cell small{display:none}
.prov-ratio{font-size:11px;color:var(--t3)}.prov-ratio .bar-track{margin-top:6px;height:5px}.prov-arrow{color:var(--t3)}
.prov-review{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;background:var(--warn-soft);color:var(--warn);font-size:10px;margin-top:6px}
.prov-empty{padding:40px;text-align:center;color:var(--t3)}.prov-chart-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}
.seiser-mobile-header,.seiser-bottom-nav,.seiser-menu-close{display:none}
.login-side{background:#18191c;color:#f2f3f5}.login-side .login-brand{color:#f2f3f5}.login-side .login-pitch p,.login-side .login-brand div{color:inherit}
.login-side .login-pitch h1{color:#f2f3f5}.login-side strong{color:#a9bcff}.login-form-side{background:#f6f7f9}.login-form{max-width:400px}.login-form h2{font-size:25px;color:#1f2125}
.seiser-login-foot{font-size:12px;color:var(--t3);margin-top:22px}.seiser-load-error{max-width:500px;margin:12vh auto;padding:30px;background:#fff;border:1px solid var(--b1);border-radius:14px}
@media(max-width:1100px){.prov-client-heading,.prov-client-row{gap:10px;grid-template-columns:minmax(130px,1.6fr) repeat(3,minmax(80px,1fr)) minmax(85px,1fr) 20px}}
@media(max-width:1000px){
 body[data-seiser-app] .app{display:block}body[data-seiser-app] .sidebar{display:none}body[data-seiser-app] .main{padding:20px 18px 96px}
 .mobile-top,.seiser-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--b1);padding:12px 18px}
 .mobile-top .sb-logo,.seiser-mobile-header .sb-logo{width:30px;height:30px}.seiser-mobile-header .row{font-size:13px;font-weight:600}
 .mobile-bottom-nav,.seiser-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff;border-top:1px solid var(--b1);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
 .mb-item,.seiser-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;padding:6px 3px;color:var(--t3);font-size:11px;border-radius:9px}
 .mb-item.on,.seiser-bottom-nav button.on{background:var(--accent-soft);color:var(--accent-strong)}
 .mb-item .lbl{font-size:10.5px}.prov-chart-grid,.grid-2{grid-template-columns:1fr!important}
 body[data-seiser-app] .sidebar.mobile-open{display:flex;position:fixed;inset:0;z-index:150;width:100%;height:100dvh;padding:24px}
 .seiser-menu-close{display:flex;justify-content:flex-end;margin-bottom:16px}.seiser-menu-close button{min-height:44px;padding:8px 12px;color:#fff;border:1px solid #444b5d;border-radius:8px}
 .drawer{width:100%!important;max-width:100%!important;padding:20px}.drawer .tbl{display:block;overflow-x:auto}.card{padding:18px}.kpi-val{font-size:26px}
}
@media(max-width:700px){
 .page-greet{font-size:23px}.page-hdr{gap:14px}.page-sub{font-size:12px}.prov-overview{grid-template-columns:1fr;gap:10px}
 .prov-overview .kpi{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:16px 18px}.prov-overview .kpi-hdr{margin:0}.prov-overview .kpi-val{grid-row:1 / 3;grid-column:2;font-size:27px;align-self:center}.prov-overview .kpi-foot{grid-column:1;margin:0}.prov-overview .kpi-cta,.prov-overview .kpi-icon{display:none}
 .prov-client-heading{display:none}.prov-client-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 8px;padding:18px 0;border-radius:0}.prov-client-name{grid-column:1 / -1;font-size:14px}.prov-cell{text-align:left;font-size:13px}.prov-cell small{display:block;color:var(--t3);font-size:10px;margin-bottom:4px}.prov-ratio{grid-column:1 / 3}.prov-arrow{justify-self:end}
 .prov-toolbar{margin:12px 0}.prov-toolbar .input{width:100%;min-width:0}.prov-toolbar label{font-size:12px}.prov-note{font-size:11px}
 .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kpi{padding:14px}.kpi-val{font-size:22px}.kpi-val .unit{font-size:11px}
 .input,.select,textarea{font-size:16px!important;min-height:44px}.btn,.seg button{min-height:44px}.month-pill button{width:40px;height:40px}.month-pill .lbl{min-width:125px}
 .card:has(>.tbl){overflow-x:auto}.tbl{min-width:440px}.page-hdr .seg{max-width:100%;overflow-x:auto}.card-hdr{align-items:flex-start}
 .login-wrap{display:block;min-height:100dvh}.login-side{display:none}.login-form-side{padding:42px 22px;min-height:100dvh}
 .sb-logout,.drawer-close{min-height:44px;min-width:44px}.prov-client-row:focus-visible{outline-offset:-3px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:700px){.topbar{flex-wrap:wrap;gap:12px;align-items:flex-start}.topbar-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%;min-width:0}.topbar-actions .month-pill{width:100%;justify-content:space-between}.topbar-actions .btn{flex:1;justify-content:center}.crumbs{font-size:12px}.prov-client-name>span:last-child{min-width:0}.prov-review{margin-left:5px}.prov-toolbar .input{flex:1;min-width:0}}
