
:root{
    --brand:#c51632;
    --brand2:#a80f29;
    --brand-dark:#780719;
    --soft:#fff0f3;
    --soft-2:#fff6f8;
    --line-soft:#ffd2da;
    --ink:#12151c;
    --ink-2:#242936;
    --muted:#677083;
    --line:#e8ebf2;
    --line-2:#f1f3f7;
    --bg:#f6f7fb;
    --card:#fff;
    --ok:#15803d;
    --ok-bg:#e9f9ef;
    --warn:#b45309;
    --warn-bg:#fff4e6;
    --info:#1d4ed8;
    --info-bg:#eaf1ff;
    --danger:#b91c1c;
    --danger-bg:#fee2e2;
    --shadow:0 18px 55px rgba(18,24,40,.08);
    --shadow-2:0 28px 80px rgba(35,38,56,.14);
    --sidebar:292px;
    --radius:24px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%}
body{
    font-family:Poppins,Inter,Segoe UI,Arial,sans-serif;
    background:
        radial-gradient(circle at 92% 0%,rgba(197,22,50,.09),transparent 28%),
        radial-gradient(circle at 0% 12%,rgba(197,22,50,.045),transparent 24%),
        linear-gradient(180deg,#fbfbfc,var(--bg));
    color:var(--ink);
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{appearance:none}
.muted{color:var(--muted)}
.small{font-size:12px}.red-text{color:var(--brand)}
.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}
.sidebar{
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(18px);
    border-right:1px solid var(--line);
    position:sticky;top:0;height:100vh;padding:22px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;overflow-x:hidden;
}
.sidebar::-webkit-scrollbar{width:0;height:0}.side-card{border:1px solid var(--line);border-radius:24px;padding:17px;background:#fff;box-shadow:0 8px 28px rgba(18,24,40,.04)}
.brand{display:flex;align-items:center;gap:12px}.brand strong{letter-spacing:-.02em}.brand span{font-size:12px;opacity:.85}
.logo{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;display:grid;place-items:center;font-weight:950;font-size:20px;letter-spacing:-.06em;box-shadow:0 12px 28px rgba(197,22,50,.18)}
.user-card{margin-top:14px;background:linear-gradient(135deg,var(--soft),#fff);border:1px solid var(--line-soft);border-radius:18px;padding:13px}.user-card span{display:block;margin-top:2px}
.nav{display:grid;gap:8px}.nav a{border:1px solid transparent;border-radius:16px;padding:13px 14px;color:#374151;font-weight:850;transition:.18s ease}.nav a:hover,.nav a.active{background:var(--soft);border-color:var(--line-soft);color:var(--brand);transform:translateX(2px)}
.sidebar-footer{margin-top:auto;display:grid;gap:10px}.main{padding:28px 30px 42px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.topbar h1{margin:0;font-size:34px;line-height:1.08;letter-spacing:-.055em}.topbar p{margin:10px 0 0}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-weight:850;font-size:12px}.red{background:var(--soft);color:var(--brand);border:1px solid var(--line-soft)}.green{background:var(--ok-bg);color:var(--ok)}.warn{background:var(--warn-bg);color:var(--warn)}.info{background:var(--info-bg);color:var(--info)}.danger{background:var(--danger-bg);color:var(--danger)}
.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.pad{padding:20px}.stat{padding:20px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-36px;bottom:-42px;width:130px;height:130px;border-radius:50%;background:rgba(197,22,50,.045)}.stat-label{color:var(--muted);font-weight:850;font-size:13px}.stat-value{font-size:36px;font-weight:950;letter-spacing:-.06em;margin-top:8px}.stat-desc{color:var(--muted);font-size:12px;margin-top:8px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-head h2,.section-head h3{margin:0;font-size:22px;letter-spacing:-.045em}
.btn{border:0;border-radius:16px;padding:11px 15px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease;line-height:1}.btn:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 12px 26px rgba(197,22,50,.22)}.primary:hover{background:linear-gradient(135deg,#d91d3b,var(--brand2));box-shadow:0 16px 32px rgba(197,22,50,.26)}.light{background:#fff;border:1px solid var(--line);color:var(--ink)}.soft{background:var(--soft);border:1px solid var(--line-soft);color:var(--brand)}.ok{background:var(--ok);color:#fff}.warning{background:var(--warn-bg);border:1px solid #f5d2a3;color:var(--warn)}.bad{background:var(--danger-bg);border:1px solid #fecaca;color:var(--danger)}
.input,.select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:11px 12px;background:#fff;outline:none;transition:.16s ease;color:var(--ink)}.input:focus,.select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(197,22,50,.10)}label{display:block;font-size:13px;font-weight:850;color:#374151;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#fafbfc}tbody tr:hover{background:#fcfcfd}.zones-grid{grid-template-columns:repeat(2,1fr)}.zone-card{padding:20px;display:grid;gap:16px}.zone-top{display:flex;justify-content:space-between;gap:12px}.qr-box{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fcfcfd}.qr-box img{width:96px;height:96px;object-fit:contain;border-radius:14px;background:#fff}.qr-box small{display:block;color:var(--muted);word-break:break-all;line-height:1.45}.progress{height:10px;background:#f2f4f8;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#ed3b57)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{border:1px solid var(--line);border-radius:16px;background:#fafbfc;padding:12px}.kpi strong{display:block;font-size:22px}.checklist{display:grid;gap:12px}.task{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px}.task.done{background:#fbfffc;border-color:#c7eed5}.task.incident{background:#fffdfa;border-color:#f5d2a3}.task.missed{background:#fffafa;border-color:#fecaca}.task h3{margin:0 0 7px;font-size:16px}.task-meta{display:flex;gap:8px;flex-wrap:wrap}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filters{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}.alert{padding:13px 15px;border-radius:16px;margin-bottom:15px;border:1px solid var(--line);font-weight:700}.alert-success{background:var(--ok-bg);border-color:#c7eed5;color:var(--ok)}.alert-error{background:var(--danger-bg);border-color:#fecaca;color:var(--danger)}

/* Login premium */
.login-body{min-height:100vh;background:#0c0e13;color:var(--ink);overflow-x:hidden}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);position:relative}.login-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 82% 18%,rgba(197,22,50,.20),transparent 28%),radial-gradient(circle at 12% 16%,rgba(255,255,255,.12),transparent 20%),linear-gradient(135deg,#11141b,#07080b 52%,#1b0710);pointer-events:none}.login-visual,.login-panel{position:relative;z-index:1}.login-visual{min-height:100vh;padding:40px 48px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-noise{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 78%);pointer-events:none}.login-visual:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-170px;bottom:-170px;background:radial-gradient(circle,rgba(197,22,50,.55),rgba(197,22,50,0) 68%);filter:blur(4px)}.login-visual-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand-invert span{color:rgba(255,255,255,.72)}.logo-login{background:#fff;color:var(--brand);box-shadow:0 20px 55px rgba(0,0,0,.25)}.login-pill{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);backdrop-filter:blur(14px);color:#fff;border-radius:999px;padding:9px 13px;font-weight:850;font-size:12px}.login-copy{position:relative;z-index:2;max-width:760px;padding:72px 0 44px}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;font-size:11px;letter-spacing:.12em;font-weight:950;margin-bottom:14px}.eyebrow:before{content:"";width:24px;height:2px;background:currentColor;border-radius:99px;opacity:.7}.login-copy h1{font-size:clamp(40px,5.3vw,78px);line-height:.94;letter-spacing:-.075em;margin:0 0 22px;max-width:820px}.login-copy p{font-size:17px;line-height:1.7;color:rgba(255,255,255,.78);max-width:620px;margin:0}.login-preview-card{position:relative;z-index:2;width:min(520px,100%);border:1px solid rgba(255,255,255,.20);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.07));backdrop-filter:blur(22px);box-shadow:0 28px 80px rgba(0,0,0,.30);overflow:hidden}.preview-header{height:44px;border-bottom:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:7px;padding:0 18px}.preview-header span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.72)}.preview-content{padding:22px;display:grid;gap:18px}.preview-content small{display:block;color:rgba(255,255,255,.60);font-weight:800}.preview-content strong{font-size:21px;letter-spacing:-.035em}.preview-progress{height:11px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}.preview-progress span{display:block;height:100%;background:linear-gradient(90deg,#fff,#ffbac6);border-radius:999px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-grid div{border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);padding:14px}.preview-grid strong{display:block;font-size:28px}.login-feature-row{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap}.login-feature-row div{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.09);backdrop-filter:blur(12px);border-radius:999px;padding:10px 13px;font-weight:850;font-size:13px;color:rgba(255,255,255,.88)}.login-feature-row span{color:#fff;margin-right:4px}.login-panel{min-height:100vh;display:grid;place-items:center;padding:34px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.93));box-shadow:-40px 0 90px rgba(0,0,0,.28)}.login-panel-inner{width:min(475px,100%)}.mobile-brand{display:none;margin-bottom:24px}.login-title-block{margin-bottom:24px}.login-title-block h2{font-size:42px;line-height:1;letter-spacing:-.065em;margin:0 0 10px}.login-title-block p{line-height:1.6;margin:0}.login-form-stack{display:grid;gap:16px}.field-group label{margin-bottom:8px}.input-icon-wrap{position:relative}.input-icon-wrap>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:15px;opacity:.55}.login-input{height:54px;border-radius:18px;padding-left:44px;background:#fff;border-color:#dde2eb;box-shadow:0 10px 28px rgba(18,24,40,.04)}.login-input::placeholder{color:#a4adbc}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.checkline{display:flex;align-items:center;gap:9px;margin:0;color:var(--ink);font-size:13px}.checkline input{width:18px;height:18px;accent-color:var(--brand)}.login-submit{height:56px;border-radius:18px;width:100%;font-size:15px;justify-content:center}.login-submit span{font-size:19px;line-height:0}.info-box{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:#fafbfc;padding:14px;color:var(--muted);font-size:12px;line-height:1.55}.login-info-box{display:grid;gap:12px;background:linear-gradient(135deg,#fff,var(--soft-2));border-color:var(--line-soft)}.login-info-box strong{display:block;color:var(--ink);font-size:13px}.login-info-box span{display:block;color:var(--muted);margin-top:2px}.login-info-users{display:flex;flex-wrap:wrap;gap:7px}.login-info-users code{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#374151;font-size:11px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(1020px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid var(--line);border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}.login-hero{padding:44px;background:linear-gradient(135deg,var(--brand),#960a21);color:#fff}.login-hero h1{font-size:38px;line-height:1.05;letter-spacing:-.04em}.login-form{padding:40px}

.print-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.print-card{border:2px solid var(--ink);border-radius:22px;padding:24px;text-align:center;background:#fff}.print-card img{width:180px;height:180px}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pagination nav{display:flex}.inline{display:inline}.only-print{display:none}
.product-grid{display:grid;gap:14px}.product-card{display:grid;grid-template-columns:120px 1fr;gap:14px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px}.product-photo{width:120px;height:120px;border:1px solid var(--line);border-radius:16px;background:#fafbfc;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:12px;font-weight:850;text-align:center}.product-photo img{width:100%;height:100%;object-fit:cover}.product-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid var(--line);border-radius:14px;background:#fafbfc;padding:10px}.product-checks label{display:flex;gap:8px;align-items:center;margin:0;font-weight:650;font-size:13px}.task-admin-card{border:1px solid var(--line);border-radius:16px;background:#fafbfc;padding:13px}.product-mini-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.product-mini-list span{background:var(--soft);color:var(--brand);border:1px solid var(--line-soft);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850}.task-products{display:grid;gap:8px;margin-top:12px}.task-product{display:grid;grid-template-columns:62px 1fr;gap:10px;border:1px solid var(--line);border-radius:14px;background:#fafbfc;padding:10px}.task-product-photo{width:62px;height:62px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:11px;font-weight:850;text-align:center}.task-product-photo img{width:100%;height:100%;object-fit:cover}.inline{display:inline-block}
@media(max-width:1180px){.stats{grid-template-columns:repeat(2,1fr)}.zones-grid{grid-template-columns:1fr}.filters{grid-template-columns:repeat(3,1fr)}.login-shell{grid-template-columns:1fr}.login-visual{min-height:520px}.login-panel{min-height:auto;box-shadow:none}.login-copy{padding:52px 0 30px}.login-copy h1{font-size:52px}}
@media(max-width:980px){.app{display:block}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.main{padding:22px}.login-card{grid-template-columns:1fr}.form-grid,.task{grid-template-columns:1fr}.actions{justify-content:flex-start}}
@media(max-width:760px){.product-card{grid-template-columns:1fr}.product-photo{width:100%;height:180px}.product-checks{grid-template-columns:1fr}.task-product{grid-template-columns:1fr}.task-product-photo{width:100%;height:120px}.login-visual{display:none}.login-panel{min-height:100vh;padding:26px;background:linear-gradient(180deg,#fff,#fff7f9)}.mobile-brand{display:flex}.login-title-block h2{font-size:36px}.login-options{align-items:flex-start;flex-direction:column}.login-panel-inner{width:100%}}
@media(max-width:640px){.stats,.kpis,.filters,.print-grid{grid-template-columns:1fr}.topbar{display:block}.topbar h1{font-size:27px}.qr-box{grid-template-columns:1fr}.login-hero,.login-form{padding:25px}}
@media print{.sidebar,.topbar,.no-print{display:none!important}.app{display:block}.main{padding:0}.card{box-shadow:none}.only-print{display:block}}
.qr-placeholder{width:96px;height:96px;border-radius:14px;background:linear-gradient(135deg,#111827,#c51632);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:.08em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}

:root{
    --sidebar:260px;
    --radius:20px;
    --shadow:0 12px 34px rgba(15,23,42,.075);
    --shadow-2:0 18px 55px rgba(15,23,42,.13);
}
body{background:linear-gradient(135deg,#f7f8fb 0%,#fff5f7 52%,#f8fafc 100%);}
.app{grid-template-columns:var(--sidebar) minmax(0,1fr);}
.sidebar{padding:18px 14px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);}
.side-card{border-radius:22px;padding:16px;box-shadow:0 8px 28px rgba(15,23,42,.045)}
.logo{width:44px;height:44px;border-radius:16px;box-shadow:0 12px 30px rgba(197,22,50,.22)}
.nav{gap:7px}.nav a{padding:12px 13px;border-radius:14px;font-size:14px}.nav a.active{box-shadow:0 10px 24px rgba(197,22,50,.10)}
.sidebar-footer{gap:10px}.main{padding:22px 24px 26px}.topbar{margin-bottom:16px;align-items:center}.topbar h1{font-size:34px;letter-spacing:-.055em}.topbar p{margin-top:3px}.card{border-color:rgba(226,232,240,.86);box-shadow:var(--shadow)}.pad{padding:18px}.section-head{margin-bottom:14px}.section-head h2{font-size:20px}.compact-head{align-items:center}.compact-head h2{margin-bottom:2px}.btn{min-height:38px;padding:10px 13px;border-radius:13px;font-size:13px}.badge{border-radius:999px;padding:6px 10px}.input,.select,textarea{border-radius:14px;min-height:42px;padding:10px 12px}.grid{gap:12px}

.hero-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 128px;align-items:center;gap:16px;margin-bottom:14px;padding:22px 24px;border:1px solid rgba(255,210,218,.95);border-radius:28px;background:linear-gradient(135deg,#fff,#fff6f8 48%,#fff);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-dashboard:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-190px;background:radial-gradient(circle,rgba(197,22,50,.16),transparent 68%)}.hero-dashboard>*{position:relative}.hero-dashboard h2{font-size:42px;letter-spacing:-.07em;line-height:.96;margin:4px 0 8px}.hero-dashboard p{margin:0;color:var(--muted);font-weight:650}.hero-ring{--deg:calc(var(--value) * 3.6deg);width:118px;height:118px;border-radius:999px;display:grid;place-items:center;text-align:center;background:conic-gradient(var(--brand) var(--deg),#eef1f6 0);box-shadow:inset 0 0 0 10px #fff,0 14px 34px rgba(197,22,50,.15)}.hero-ring strong{font-size:28px;letter-spacing:-.04em}.hero-ring span{margin-top:-34px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.compact-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.stat-card{border:1px solid var(--line);border-radius:22px;padding:16px 18px;background:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-42px;bottom:-50px;background:currentColor;opacity:.065}.stat-card span{display:block;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.stat-card strong{display:block;font-size:34px;line-height:1;margin:7px 0;letter-spacing:-.055em}.stat-card small{color:var(--muted);font-weight:650}.danger-soft{color:var(--danger)}.ok-soft{color:var(--ok)}.warn-soft{color:var(--warn)}.info-soft{color:var(--info)}
.dashboard-grid-tight{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);gap:14px}.dashboard-zones-card,.dashboard-activity-card{min-height:0}.zones-compact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.zone-row{display:grid;grid-template-columns:minmax(0,1fr) 78px auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:16px;background:#fff}.zone-row strong{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-row span{display:block;color:var(--muted);font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-row-progress b{font-size:13px}.progress.tiny{height:6px;margin-top:5px}.zone-row-link{font-size:12px;font-weight:950;color:var(--brand);text-decoration:none;background:var(--soft);border:1px solid var(--line-soft);padding:7px 9px;border-radius:10px}.zone-row.is-ok{border-color:#cbeed8}.zone-row.is-pending{border-color:#ffd2da}.zone-row.is-warning{border-color:#fed7aa}.activity-list{display:grid;gap:8px}.activity-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;padding:11px;border:1px solid var(--line);border-radius:16px;background:#fff}.activity-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;background:var(--info)}.activity-dot.done{background:var(--ok)}.activity-dot.incident{background:var(--warn)}.activity-dot.missed{background:var(--danger)}.activity-item strong,.activity-item span,.activity-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item strong{font-size:13px}.activity-item span{font-size:12px;color:var(--muted);font-weight:750}.activity-item small{font-size:11px;color:var(--muted)}.compact-empty{padding:16px;min-height:auto}

.admin-command-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.command-card{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.command-card>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-weight:950}.command-card>summary::-webkit-details-marker{display:none}.command-card>summary span{font-size:17px}.command-card>summary small{color:var(--muted);font-weight:750}.command-card[open]>summary{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,var(--soft-2))}.compact-form{display:grid;gap:10px;padding:16px}.form-grid.compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.form-grid.compact.two{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-form label{font-size:12px;font-weight:950;color:var(--ink-2);margin:0 0 4px}.compact-form textarea{min-height:82px}.compact-checks{max-height:130px;overflow:auto;grid-template-columns:repeat(3,minmax(0,1fr));padding:9px}.locations-board{display:grid;gap:14px}.location-panel{overflow:visible}.zone-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zone-admin-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff,#fbfcfe);padding:14px;display:grid;gap:12px}.zone-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.zone-admin-head h3{font-size:18px;margin:0 0 4px}.zone-admin-head p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zone-admin-meta{display:flex;gap:7px;flex-wrap:wrap}.zone-admin-meta span{font-size:11px;font-weight:900;color:var(--muted);background:#f4f6fa;border:1px solid var(--line);border-radius:999px;padding:5px 8px}.zone-admin-actions,.task-admin-actions,.product-actions-v5{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline-details{position:relative}.inline-details>summary{list-style:none;cursor:pointer}.inline-details>summary::-webkit-details-marker{display:none}.floating-editor{position:absolute;right:0;top:calc(100% + 8px);width:min(520px,88vw);max-height:72vh;overflow:auto;z-index:30;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-2)}.floating-editor.wide{width:min(620px,90vw)}.task-admin-list{display:grid;gap:8px;max-height:330px;overflow:auto;padding-right:3px}.task-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid var(--line);border-radius:15px;background:#fff;padding:10px}.task-admin-row strong{display:block;font-size:13.5px}.task-admin-row span{display:block;color:var(--muted);font-size:11.5px;font-weight:750}.product-mini-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.product-mini-list em{font-style:normal;font-size:10.5px;font-weight:900;color:var(--brand);background:var(--soft);border:1px solid var(--line-soft);border-radius:999px;padding:4px 7px}
.product-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card-v5{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 9px 26px rgba(15,23,42,.045);overflow:hidden;display:grid;grid-template-columns:96px minmax(0,1fr)}.product-photo-v5{height:100%;min-height:138px;background:#f7f8fb;border-right:1px solid var(--line);display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:12px;font-weight:900}.product-photo-v5 img{width:100%;height:100%;object-fit:cover}.product-content-v5{padding:12px;display:grid;gap:9px}.product-head-v5{display:flex;justify-content:space-between;gap:10px}.product-head-v5 strong{display:block;font-size:15px}.product-head-v5 span{display:block;color:var(--muted);font-size:11.5px;font-weight:750}.product-card-v5 p{margin:0;color:var(--ink-2);font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-notes-v5{display:grid;gap:3px}.product-notes-v5 small{display:block;color:var(--muted);font-size:11.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Cleaner checklist more mobile-first and less vertical */
.checklist{display:grid;gap:10px}.task{grid-template-columns:minmax(0,1fr) auto;padding:14px;border-radius:19px}.task h3{font-size:17px;margin-bottom:3px}.task-meta{gap:5px}.task-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.task-product{grid-template-columns:48px minmax(0,1fr);padding:8px}.task-product-photo{width:48px;height:48px}.actions{gap:7px}.actions .btn{min-width:96px;justify-content:center}

@media(max-width:1400px){.product-board{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-admin-grid{grid-template-columns:1fr}.zones-compact-list{grid-template-columns:1fr}.dashboard-grid-tight{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:1120px){.compact-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid-tight{grid-template-columns:1fr}.admin-command-bar{grid-template-columns:1fr}.form-grid.compact,.form-grid.compact.two{grid-template-columns:1fr}.product-board{grid-template-columns:1fr}.task-products{grid-template-columns:1fr}}
@media(max-width:980px){.main{padding:18px}.sidebar{padding:14px}.hero-dashboard{grid-template-columns:1fr}.hero-ring{width:102px;height:102px}.zone-row{grid-template-columns:minmax(0,1fr) 70px}.zone-row-link{grid-column:1/-1;text-align:center}.floating-editor{position:fixed;left:12px;right:12px;top:78px;width:auto;max-height:calc(100vh - 100px)}.product-card-v5{grid-template-columns:84px minmax(0,1fr)}}
@media(max-width:640px){.compact-stats{grid-template-columns:1fr}.hero-dashboard h2{font-size:34px}.topbar h1{font-size:28px}.zone-admin-actions,.task-admin-actions,.product-actions-v5{align-items:stretch}.zone-admin-actions .btn,.zone-admin-actions form,.zone-admin-actions button,.task-admin-actions .btn,.task-admin-actions form,.task-admin-actions button,.product-actions-v5 .btn,.product-actions-v5 form,.product-actions-v5 button{width:100%}.product-card-v5{grid-template-columns:1fr}.product-photo-v5{height:150px;border-right:0;border-bottom:1px solid var(--line)}}

.qr-task-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;background:linear-gradient(135deg,#ffffff 0%,#fff7f8 52%,#ffffff 100%);border-color:rgba(197,22,50,.16)}
.qr-task-hero h2{font-size:32px;letter-spacing:-.055em;margin:4px 0 6px}.qr-task-hero p{margin:0;color:var(--muted);font-weight:700;max-width:760px}.qr-locations-board{display:grid;gap:14px}.qr-location-panel{background:linear-gradient(180deg,#fff,#fbfcfe)}.qr-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qr-zone-card{display:grid;grid-template-columns:minmax(0,1fr) 78px auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:12px;box-shadow:0 8px 22px rgba(15,23,42,.035)}.qr-zone-card strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-zone-card span{display:block;color:var(--muted);font-size:11.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-zone-card-progress b{font-size:13px}.qr-zone-card-actions{display:flex;align-items:center;gap:6px}.qr-zone-card.is-complete{border-color:#cbeed8}.qr-zone-card.has-pending{border-color:#ffd2da}.qr-zone-card.has-incident{border-color:#fed7aa}.empty-state-premium{text-align:center;display:grid;place-items:center;gap:12px;min-height:360px;background:radial-gradient(circle at 50% 0%,#fff0f3 0,#fff 45%,#f8fafc 100%)}.empty-state-premium h2{margin:0;font-size:32px;letter-spacing:-.055em}.empty-state-premium p{max-width:680px;color:var(--muted);font-weight:700;line-height:1.55;margin:0}.empty-icon{width:86px;height:86px;border-radius:26px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:1000;letter-spacing:.08em;box-shadow:0 18px 45px rgba(15,23,42,.18)}.empty-help-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(900px,100%);margin-top:4px}.empty-help-grid span{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px;font-size:12px;font-weight:900;color:var(--ink-2)}

@media(max-width:1280px){.qr-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-zone-card{grid-template-columns:minmax(0,1fr) 74px}.qr-zone-card-actions{grid-column:1/-1}.qr-zone-card-actions .btn{flex:1;justify-content:center}}
@media(max-width:760px){.qr-task-hero{display:grid}.qr-task-hero h2{font-size:26px}.qr-zone-grid{grid-template-columns:1fr}.empty-help-grid{grid-template-columns:1fr}.empty-state-premium{min-height:300px}.qr-zone-card{grid-template-columns:1fr}.qr-zone-card-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.qr-zone-card-actions .btn:first-child:last-child{grid-column:1/-1}}

body{overflow-x:hidden}.main{overflow-x:hidden}.users-page-v7{display:grid;gap:14px;max-width:100%;overflow:visible}.users-hero-v7{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;background:linear-gradient(135deg,#fff 0%,#fff7f8 46%,#fff 100%);border-color:rgba(197,22,50,.15)}.users-hero-v7 h2{margin:10px 0 6px;font-size:31px;line-height:1;letter-spacing:-.06em}.users-hero-v7 p{margin:0;color:var(--muted);font-weight:700;line-height:1.45}.users-metrics-v7{display:grid;grid-template-columns:repeat(4,86px);gap:8px}.users-metrics-v7 div{border:1px solid var(--line);background:#fff;border-radius:18px;padding:11px;text-align:center;box-shadow:0 7px 18px rgba(15,23,42,.035)}.users-metrics-v7 strong{display:block;font-size:24px;letter-spacing:-.055em}.users-metrics-v7 span{display:block;margin-top:2px;color:var(--muted);font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.user-create-panel-v7{overflow:visible}.user-create-panel-v7>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;font-weight:950}.user-create-panel-v7>summary::-webkit-details-marker{display:none}.user-create-panel-v7>summary span{font-size:17px}.user-create-panel-v7>summary small{color:var(--muted);font-weight:750}.user-create-panel-v7[open]>summary{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,var(--soft-2))}.user-form-v7{display:grid;gap:12px;padding:16px}.user-form-v7.compact{padding:0}.user-form-grid-v7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.user-form-grid-v7 label{font-size:12px;margin:0 0 5px;font-weight:950}.check-v7{display:flex!important;align-items:center;gap:8px;margin:0!important;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 12px;color:var(--ink-2)!important;font-size:12px!important;font-weight:900!important}.check-v7 input{width:15px;height:15px;accent-color:var(--brand)}.users-list-v7{display:grid;gap:9px}.user-row-v7{display:grid;grid-template-columns:46px minmax(190px,1fr) minmax(290px,1.25fr) minmax(142px,.55fr) auto;gap:12px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 9px 25px rgba(15,23,42,.04);border-radius:20px;padding:12px;min-width:0;transition:.16s ease}.user-row-v7:hover{border-color:rgba(197,22,50,.20);box-shadow:0 14px 34px rgba(15,23,42,.07);transform:translateY(-1px)}.user-row-v7.is-inactive{background:#fbfbfc;opacity:.82}.user-avatar-v7{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:14px;font-weight:1000;color:#fff;letter-spacing:-.04em;background:#111827;box-shadow:0 10px 24px rgba(15,23,42,.14)}.user-avatar-v7.role-admin{background:linear-gradient(135deg,var(--brand),var(--brand2))}.user-avatar-v7.role-supervisor{background:linear-gradient(135deg,#334155,#0f172a)}.user-avatar-v7.role-cleaner{background:linear-gradient(135deg,#64748b,#334155)}.user-identity-v7,.user-tags-v7,.user-last-login-v7,.user-actions-v7{min-width:0}.user-title-v7{display:flex;align-items:center;gap:7px;min-width:0}.user-title-v7 strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.user-identity-v7>span{display:block;color:var(--muted);font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.user-tags-v7{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badge.role-admin{background:var(--soft);color:var(--brand);border:1px solid var(--line-soft)}.badge.role-supervisor{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}.badge.role-cleaner{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.user-last-login-v7 small{display:block;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.045em;font-weight:950}.user-last-login-v7 strong{display:block;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-actions-v7{display:flex;align-items:center;justify-content:flex-end;gap:7px}.user-actions-v7 form{margin:0}.user-actions-v7 .btn{padding:10px 12px;border-radius:13px;white-space:nowrap}.user-edit-panel-v7{position:relative}.user-edit-panel-v7>summary{list-style:none}.user-edit-panel-v7>summary::-webkit-details-marker{display:none}.user-edit-panel-v7[open]::before{content:"";position:fixed;inset:0;background:rgba(15,23,42,.34);backdrop-filter:blur(3px);z-index:88}.user-edit-content-v7{position:fixed;right:28px;top:76px;width:min(760px,calc(100vw - 56px));max-height:calc(100vh - 104px);overflow:auto;z-index:90;border-radius:24px;box-shadow:0 30px 90px rgba(15,23,42,.26)}.user-edit-head-v7{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.user-edit-head-v7 h3{font-size:23px;letter-spacing:-.05em;margin:0 0 3px}.user-checks-v7{display:grid;gap:8px}.users-note-v7{display:flex;align-items:center;gap:8px;padding:13px 16px!important;border-color:#e8edf4;background:linear-gradient(135deg,#fff,#fbfcfe);font-size:12.5px}.users-note-v7 strong{white-space:nowrap}.users-note-v7 span{color:var(--muted);font-weight:750}
@media(max-width:1380px){.user-row-v7{grid-template-columns:46px minmax(180px,1fr) minmax(230px,1fr) auto}.user-last-login-v7{display:none}.users-metrics-v7{grid-template-columns:repeat(2,94px)}}
@media(max-width:1080px){.users-hero-v7{grid-template-columns:1fr}.users-metrics-v7{grid-template-columns:repeat(4,minmax(0,1fr))}.user-form-grid-v7{grid-template-columns:repeat(2,minmax(0,1fr))}.user-row-v7{grid-template-columns:46px minmax(0,1fr);align-items:start}.user-tags-v7,.user-actions-v7{grid-column:2}.user-actions-v7{justify-content:flex-start}.user-edit-content-v7{left:18px;right:18px;top:70px;width:auto;max-height:calc(100vh - 92px)}}
@media(max-width:680px){.users-hero-v7 h2{font-size:26px}.users-metrics-v7{grid-template-columns:repeat(2,minmax(0,1fr))}.user-create-panel-v7>summary{display:grid}.user-form-grid-v7{grid-template-columns:1fr}.user-row-v7{grid-template-columns:1fr}.user-avatar-v7{display:none}.user-tags-v7,.user-actions-v7{grid-column:auto}.user-actions-v7{display:grid;grid-template-columns:1fr}.user-actions-v7 .btn,.user-actions-v7 form{width:100%}.users-note-v7{display:grid}.users-note-v7 strong{white-space:normal}}

.planning-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;background:linear-gradient(135deg,#fff,#fff7f8)}
.planning-week-card{overflow:hidden}.planning-table-grid{display:grid;grid-template-columns:minmax(150px,.8fr) repeat(7,minmax(120px,1fr));gap:8px;align-items:stretch}.planning-table-head{font-size:12px;font-weight:900;color:#667085;text-transform:uppercase;letter-spacing:.04em;padding:8px}.planning-location-name{border:1px solid #edf0f5;border-radius:16px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:3px}.planning-location-name span{font-size:12px;color:#667085}.planning-day-cell{border:1px solid #edf0f5;border-radius:16px;padding:8px;background:#fff;display:flex;flex-direction:column;gap:7px}.planning-day-cell.main{background:#fff7f8;border-color:#ffd7df}.planning-day-cell.review{background:#f7fbff;border-color:#dbeafe}.planning-day-cell.off{background:#f5f5f5;border-color:#e5e7eb}.planning-day-cell .select,.planning-day-cell .input{height:36px;font-size:12px}.planning-rules-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.planning-rules-grid article{border:1px solid #edf0f5;border-radius:16px;padding:14px;background:#fff}.planning-rules-grid strong{display:block;margin-bottom:6px}.planning-rules-grid span{font-size:13px;color:#667085;line-height:1.4}.planning-mini-grid{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:12px;margin:12px 0}.day-pills{display:flex;flex-wrap:wrap;gap:6px}.day-pills label{display:inline-flex;align-items:center;gap:5px;border:1px solid #e7eaf0;border-radius:999px;padding:6px 9px;background:#fff;font-size:12px;font-weight:800}.schedule-badges,.frequency-line{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.schedule-badges em{font-style:normal;background:#fff1f3;color:#b40f2d;border:1px solid #ffd4dc;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900}.planning-task-row{align-items:flex-start}.history-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.compact-history-filters{grid-template-columns:repeat(7,minmax(0,1fr))}.daily-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.daily-history-card{background:#fff;border:1px solid #e9edf4;border-radius:22px;padding:16px;box-shadow:0 14px 30px rgba(15,23,42,.05)}.daily-history-card.has-pending{border-color:#ffd5dd;background:linear-gradient(135deg,#fff,#fff8f9)}.daily-history-card.is-ok{border-color:#d9f7e4}.daily-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.daily-history-head strong{font-size:16px}.daily-history-head span{display:block;color:#667085;font-size:13px;margin-top:3px}.daily-history-percent{text-align:right}.daily-history-percent b{font-size:26px;color:#111827}.daily-history-percent small{display:block;color:#667085;font-weight:800}.daily-history-bar{height:9px;background:#eef2f7;border-radius:999px;overflow:hidden;margin:13px 0}.daily-history-bar span{display:block;height:100%;background:linear-gradient(90deg,#c8102e,#7f1020);border-radius:999px}.daily-history-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.daily-history-stats span{border:1px solid #edf0f5;border-radius:14px;padding:8px;text-align:center;font-size:12px;color:#667085;background:#fff}.daily-history-stats b{display:block;color:#111827;font-size:17px}.history-details{margin-top:10px}.history-details summary{cursor:pointer;font-weight:900;color:#b40f2d}.pending-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.pending-task-list span{border:1px solid #ffe0e5;background:#fff7f8;border-radius:12px;padding:8px;font-size:12px}.pending-task-list em{font-style:normal;color:#b40f2d;font-weight:900}.traceability-box{margin-top:18px}.traceability-box>summary{cursor:pointer;font-weight:900}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1200px){.planning-table-grid{grid-template-columns:1fr}.planning-table-head{display:none}.planning-rules-grid,.history-kpi-grid,.daily-history-grid{grid-template-columns:1fr 1fr}.planning-mini-grid,.compact-history-filters{grid-template-columns:1fr 1fr}.daily-history-stats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.planning-hero{flex-direction:column;align-items:flex-start}.planning-rules-grid,.history-kpi-grid,.daily-history-grid,.planning-mini-grid,.compact-history-filters,.pending-task-list{grid-template-columns:1fr}.daily-history-stats{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:1fr}}


.locked-weekend {
    background: linear-gradient(180deg, #f8fafc, #f1f5f9) !important;
    border-style: dashed !important;
    opacity: .92;
}
.weekend-lock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    width: 100%;
    border-radius: 14px;
    font-weight: 900;
    color: #64748b;
    background: #e2e8f0;
    letter-spacing: .01em;
}
.flash.warning {
    border: 1px solid #fde68a;
    background: #fffbeb;
    color: #92400e;
    padding: 12px 16px;
    border-radius: 16px;
    margin-bottom: 14px;
    font-weight: 800;
}

.login-body-v10{
    min-height:100vh;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 0%, rgba(197,22,50,.10), transparent 34%),
        linear-gradient(180deg,#f7f8fb 0%, #eef1f6 100%) !important;
    color:var(--ink);
}
.login-body-v10 .login-simple-shell{
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:24px;
}
.login-simple-card{
    width:min(430px,100%);
    background:rgba(255,255,255,.96);
    border:1px solid rgba(232,235,242,.95);
    border-radius:28px;
    padding:28px;
    box-shadow:0 24px 80px rgba(18,24,40,.12);
}
.login-simple-brand{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:24px;
}
.login-simple-brand strong{
    display:block;
    letter-spacing:-.025em;
}
.login-simple-brand span{
    display:block;
    margin-top:2px;
    color:var(--muted);
    font-size:12px;
    font-weight:750;
}
.login-simple-title{
    margin-bottom:18px;
}
.login-simple-title>span{
    display:inline-flex;
    margin-bottom:10px;
    color:var(--brand);
    font-size:11px;
    font-weight:1000;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.login-simple-title h1{
    margin:0 0 8px;
    font-size:34px;
    line-height:.98;
    letter-spacing:-.065em;
}
.login-simple-title p{
    margin:0;
    color:var(--muted);
    line-height:1.5;
    font-size:14px;
    font-weight:650;
}
.login-simple-form{
    display:grid;
    gap:10px;
}
.login-simple-form label{
    margin-top:4px;
    margin-bottom:0;
    color:var(--ink-2);
    font-size:12px;
    font-weight:950;
}
.login-simple-form .input{
    height:50px;
    border-radius:15px;
    background:#fff;
    border:1px solid #dfe4ed;
    box-shadow:none;
}
.login-simple-form .input:focus{
    border-color:rgba(197,22,50,.75);
    box-shadow:0 0 0 4px rgba(197,22,50,.10);
    outline:0;
}
.login-simple-options{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:4px 0 6px;
    font-size:12px;
    color:var(--muted);
}
.login-simple-options label{
    margin:0;
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--ink-2);
    font-weight:850;
}
.login-simple-options input{
    width:16px;
    height:16px;
    accent-color:var(--brand);
}
.login-simple-submit{
    width:100%;
    height:52px;
    border-radius:15px;
    font-size:15px;
    justify-content:center;
}
.login-security-help{
    margin-top:14px;
    border:1px solid #edf0f5;
    border-radius:16px;
    background:#fafbfc;
    color:var(--muted);
    font-size:12px;
}
.login-security-help summary{
    cursor:pointer;
    padding:11px 13px;
    font-weight:900;
    color:#4b5563;
}
.login-security-help div{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    padding:0 13px 13px;
}
.login-security-help code{
    background:#fff;
    border:1px solid #e6eaf1;
    border-radius:999px;
    padding:5px 8px;
    color:#475569;
    font-size:11px;
}
.login-simple-alert{
    margin-bottom:14px;
}
.nav-v10 a{
    display:flex;
    align-items:center;
    gap:10px;
}
.nav-v10 .nav-icon{
    width:22px;
    min-width:22px;
    text-align:center;
    font-size:18px;
    line-height:1;
}
.nav-v10 .nav-text{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

@media(max-width:1180px){
    :root{--sidebar:244px;}
    .app{
        display:grid;
        grid-template-columns:var(--sidebar) minmax(0,1fr);
    }
    .sidebar{
        padding:16px;
    }
    .main{
        padding:20px;
        min-width:0;
    }
    .topbar h1{
        font-size:30px;
    }
}

@media(max-width:980px){
    :root{--sidebar:92px;}
    body{overflow-x:hidden;}
    .app{
        display:grid!important;
        grid-template-columns:var(--sidebar) minmax(0,1fr)!important;
        min-height:100vh;
    }
    .sidebar{
        position:sticky!important;
        top:0;
        height:100vh!important;
        border-right:1px solid var(--line)!important;
        border-bottom:0!important;
        padding:10px 8px!important;
        overflow-y:auto;
        overflow-x:hidden;
        gap:10px;
        background:rgba(255,255,255,.96);
    }
    .sidebar::-webkit-scrollbar{width:0;height:0;}
    .side-card{
        padding:9px!important;
        border-radius:18px!important;
        box-shadow:none!important;
    }
    .brand{
        justify-content:center;
        gap:0;
    }
    .brand>div:not(.logo){display:none;}
    .logo{
        width:46px;
        height:46px;
        border-radius:15px;
        font-size:17px;
    }
    .user-card{
        margin-top:9px!important;
        padding:8px 6px!important;
        text-align:center;
        border-radius:14px!important;
    }
    .user-card strong{
        display:block;
        font-size:10px;
        line-height:1.1;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .user-card .small{display:none;}
    .nav{gap:7px;}
    .nav-v10 a{
        min-height:58px;
        padding:8px 6px!important;
        border-radius:16px!important;
        flex-direction:column;
        justify-content:center;
        gap:4px;
        transform:none!important;
    }
    .nav-v10 .nav-icon{
        width:auto;
        min-width:0;
        font-size:21px;
    }
    .nav-v10 .nav-text{
        display:block;
        width:100%;
        white-space:normal;
        text-align:center;
        font-size:9.5px;
        line-height:1.05;
        font-weight:900;
    }
    .sidebar-footer{
        gap:8px;
    }
    .sidebar-footer .side-card{display:none;}
    .sidebar-footer .btn{
        min-height:44px;
        padding:8px 5px!important;
        border-radius:14px!important;
        font-size:0!important;
    }
    .sidebar-footer .btn::before{
        content:"Salir";
        font-size:10px;
        font-weight:950;
    }
    .main{
        padding:14px!important;
        min-width:0;
        overflow-x:hidden;
    }
    .topbar{
        display:flex!important;
        align-items:flex-start;
        justify-content:space-between;
        gap:10px;
        margin-bottom:13px;
    }
    .topbar h1{
        font-size:24px!important;
        line-height:1.02;
    }
    .topbar p{
        margin-top:5px;
        font-size:12px;
        line-height:1.35;
    }
    .topbar .badge{
        white-space:nowrap;
        padding:6px 9px;
        font-size:11px;
    }
    .card,
    .daily-history-card,
    .users-hero-v7,
    .user-row-v7,
    .product-card-v5,
    .zone-admin-card,
    .task-admin-card{
        border-radius:18px!important;
    }
    .pad{padding:15px!important;}
    .btn{
        min-height:42px;
        border-radius:13px;
    }
}

@media(max-width:720px){
    :root{--sidebar:78px;}
    .sidebar{padding:8px 6px!important;}
    .logo{width:42px;height:42px;border-radius:14px;font-size:16px;}
    .user-card{display:none;}
    .nav-v10 a{min-height:54px;padding:7px 4px!important;}
    .nav-v10 .nav-icon{font-size:20px;}
    .nav-v10 .nav-text{font-size:8.5px;}
    .main{padding:10px!important;}
    .topbar{
        display:grid!important;
        grid-template-columns:1fr auto;
        align-items:start;
    }
    .topbar h1{font-size:21px!important;}
    .topbar p{display:none;}
    .stats,
    .kpis,
    .compact-stats,
    .history-kpi-grid,
    .daily-history-grid,
    .planning-rules-grid,
    .planning-mini-grid,
    .compact-history-filters,
    .filters,
    .form-grid,
    .form-grid.compact,
    .form-grid.compact.two,
    .form-grid.three,
    .product-board,
    .qr-zone-grid,
    .zones-compact-list{
        grid-template-columns:1fr!important;
    }
    .daily-history-stats{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .section-head{
        align-items:flex-start;
        flex-direction:column;
    }
    .section-head .actions,
    .actions{
        width:100%;
        display:grid;
        grid-template-columns:1fr;
    }
    .actions .btn,
    .actions form,
    .actions button{
        width:100%;
    }
}

@media(max-width:520px){
    :root{--sidebar:70px;}
    .login-body-v10{overflow:auto;}
    .login-body-v10 .login-simple-shell{
        align-items:start;
        padding:14px;
    }
    .login-simple-card{
        border-radius:22px;
        padding:20px;
        margin-top:8px;
    }
    .login-simple-title h1{
        font-size:29px;
    }
    .login-simple-options{
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
    }
    .sidebar{
        padding:7px 5px!important;
    }
    .nav-v10 a{
        min-height:50px;
        gap:2px;
    }
    .nav-v10 .nav-icon{font-size:19px;}
    .nav-v10 .nav-text{font-size:7.8px;}
    .main{padding:8px!important;}
    .topbar .badge{display:none;}
    .card,.pad{border-radius:16px!important;}
}

.error-body-v11 {
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(circle at top left, rgba(197, 22, 50, .10), transparent 34%),
        linear-gradient(135deg, #f8fafc 0%, #ffffff 48%, #fff5f7 100%);
    display: grid;
    place-items: center;
    padding: 24px;
}
.error-shell-v11 {
    width: min(520px, 100%);
}
.error-card-v11 {
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 28px;
    padding: 32px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .12);
    text-align: center;
}
.error-logo-v11 {
    margin: 0 auto 18px;
}
.error-card-v11 h1 {
    margin: 14px 0 10px;
    font-size: clamp(28px, 5vw, 42px);
    line-height: 1.02;
    letter-spacing: -.045em;
}
.error-card-v11 p {
    margin: 0 auto 22px;
    max-width: 420px;
    color: #64748b;
    line-height: 1.55;
}
.error-actions-v11 {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
@media (max-width: 640px) {
    .error-card-v11 {
        padding: 24px;
        border-radius: 22px;
    }
    .error-actions-v11 .btn {
        width: 100%;
    }
}

.form-grid.compact.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.history-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1120px){.form-grid.compact.four{grid-template-columns:repeat(2,minmax(0,1fr))}.history-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.form-grid.compact.four,.history-kpi-grid{grid-template-columns:1fr}.task{grid-template-columns:1fr}.actions details,.actions form{width:100%}.actions .btn{width:100%}}

:root{
    --v14-gap:20px;
    --v14-field:#fbfcfe;
    --v14-panel:#ffffff;
    --v14-panel-2:#f9fafc;
    --v14-ring:0 0 0 4px rgba(197,22,50,.09);
}
.main{max-width:1680px;width:100%;margin:0 auto;}
.card{border-color:#e7eaf1;box-shadow:0 18px 60px rgba(18,24,40,.065)}
.pad{padding:24px}.section-head{margin-bottom:20px}.section-head h2{font-size:24px}.section-head p{line-height:1.55}.muted{line-height:1.55}

/* Formularios más respirables */
.compact-form,.user-form-v7,form.compact-form{display:grid;gap:18px}.compact-form>.form-grid{margin:0}.form-grid{gap:18px}.form-grid.compact{gap:16px}.form-grid.compact.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.compact.three,.form-grid.compact.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.input,.select,textarea{min-height:46px;border-radius:15px;background:var(--v14-field);border-color:#dfe4ec}textarea{min-height:92px;resize:vertical;line-height:1.55}input[type="file"].input{padding:10px;background:#fff}label{margin-bottom:8px;color:#303747}.checkline{display:flex!important;align-items:center;gap:10px;min-height:46px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:#fff;font-weight:850}.checkline input{width:18px;height:18px;accent-color:var(--brand)}
.input:hover,.select:hover,textarea:hover{border-color:#cfd6e3}.input:focus,.select:focus,textarea:focus{box-shadow:var(--v14-ring);background:#fff}

/* Desplegables de creación/edición como panel claro */
details{position:relative}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.command-card,details.card{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 38px rgba(18,24,40,.045);overflow:hidden}.command-card>summary,details.card>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 19px;font-weight:950;background:linear-gradient(180deg,#fff,#fafbfe);border-radius:22px}.command-card>summary:after,details.card>summary:after,.inline-details>summary:after{content:"Abrir";font-size:11px;font-weight:950;color:var(--muted);background:#f1f4f8;border:1px solid var(--line);border-radius:999px;padding:6px 9px}.command-card[open]>summary:after,details.card[open]>summary:after,.inline-details[open]>summary:after{content:"Cerrar"}.command-card>summary small{display:block;color:var(--muted);font-weight:700;margin-top:2px}.command-card>form,details.card>form,.command-card>.compact-form{padding:20px;border-top:1px solid var(--line);background:#fff}
.admin-command-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.admin-command-bar .command-card{align-self:start}.admin-command-bar .command-card[open]{grid-column:1/-1}

/* Editores flotantes más usables: ya no quedan apelotonados */
.inline-details{display:inline-block}.inline-details>summary.btn{min-width:92px}.floating-editor{position:absolute;right:0;top:calc(100% + 10px);z-index:50;width:min(760px,calc(100vw - 70px));max-height:78vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 30px 90px rgba(18,24,40,.20)}.floating-editor.wide{width:min(920px,calc(100vw - 70px))}.floating-editor label{margin-top:8px}.floating-editor .btn.primary{position:sticky;bottom:0;width:100%;margin-top:10px;box-shadow:0 -8px 18px rgba(255,255,255,.88),0 12px 26px rgba(197,22,50,.18)}

/* Tarjetas de producto/útiles más limpias */
.product-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px}.product-card-v5{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 12px 36px rgba(18,24,40,.055);overflow:visible}.product-card-v5.is-warning{border-color:#f5c77c;background:#fffaf2}.product-photo-v5{width:150px;min-height:150px;border-radius:20px;background:#f4f6fa;border:1px dashed #cfd6e3;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-weight:900}.product-photo-v5 img{width:100%;height:100%;object-fit:cover}.product-content-v5{min-width:0;display:grid;gap:12px}.product-head-v5{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.product-head-v5 strong{display:block;font-size:18px;line-height:1.2}.product-head-v5 span:not(.badge){display:block;color:var(--muted);font-size:12px;margin-top:4px}.product-content-v5 p{margin:0;line-height:1.55}.product-notes-v5{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fbfcfe}.product-actions-v5{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;margin-top:4px}.product-actions-v5 form{margin:0}

/* Listados y tablas más leíbles */
.table-wrap{border-radius:20px;background:#fff}.table-wrap table{min-width:860px}th{position:sticky;top:0;z-index:1;background:#f7f8fb}td,th{padding:15px 16px;line-height:1.45}tbody tr:hover{background:#fff8fa}.activity-list{display:grid;gap:12px}.activity-item{display:grid;gap:5px;padding:14px 15px;border:1px solid var(--line);border-radius:17px;background:#fff}.activity-item strong{font-size:15px}.activity-item span{color:var(--muted);font-size:13px;line-height:1.45}

/* Checklist: acción principal clara y no escondida abajo */
.checklist{gap:16px}.task{grid-template-columns:minmax(0,1fr) 340px;align-items:start;padding:20px;border-radius:24px;box-shadow:0 10px 32px rgba(18,24,40,.045)}.task h3{font-size:19px;line-height:1.25;margin-bottom:8px}.task-meta{gap:7px}.task-products{display:grid;gap:10px;margin-top:13px}.task-product{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fbfcfe}.task-product-photo{width:64px;height:64px;border-radius:14px}.task-actions-v14{width:100%;display:grid;gap:10px;position:sticky;top:18px;align-self:start;justify-content:stretch}.task-actions-v14 details,.task-actions-v14 form{width:100%}.task-actions-v14 summary.btn,.task-actions-v14>.btn,.task-actions-v14 form>.btn{width:100%;min-height:46px}.task-actions-v14 details{border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(18,24,40,.04);overflow:hidden}.task-actions-v14 details>summary{border-radius:16px}.task-actions-v14 details[open]>summary{border-bottom:1px solid var(--line);border-bottom-left-radius:0;border-bottom-right-radius:0}.task-action-form{display:grid;gap:10px;min-width:0!important;margin:0!important;padding:12px;background:#fff}.task-action-form textarea{min-height:70px}.confirm-main-v14{position:sticky;bottom:0;width:100%;margin-top:0!important;box-shadow:0 -8px 18px rgba(255,255,255,.9)}.primary-done{border-color:#bfe8cc!important;background:#f8fffb!important}

/* Zonas y filas tipo CRM */
.zones-compact-list{display:grid;gap:12px}.zone-row{padding:16px 17px;border-radius:18px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.zone-row-main strong{font-size:16px}.zone-row-main span{line-height:1.45}.zone-row-link{border-radius:14px;padding:10px 13px;background:#fff;border:1px solid var(--line);font-weight:900;color:var(--brand)}.zone-row-link:hover{background:var(--soft)}
.zone-admin-card,.task-admin-card{overflow:visible!important}.task-admin-card{padding:16px!important;background:#fff;border:1px solid var(--line);border-radius:19px}.task-admin-card+.task-admin-card{margin-top:12px}

/* Planning y paneles */
.planning-mini-grid{display:grid;grid-template-columns:1.1fr 1.6fr .8fr;gap:16px}.day-pills,.product-checks,.compact-checks{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fbfcfe}.day-pills label,.product-checks label,.compact-checks label{display:inline-flex;align-items:center;gap:7px;margin:0;padding:8px 10px;border:1px solid #e4e8f0;border-radius:999px;background:#fff;font-size:12px;font-weight:850}.day-pills input,.product-checks input,.compact-checks input{accent-color:var(--brand)}

/* Confirmaciones y botones */
.btn{min-height:42px;white-space:nowrap}.btn.bad,.bad{font-weight:950}.btn.primary,.btn.ok,.btn.warning,.btn.bad{box-shadow:0 10px 22px rgba(18,24,40,.08)}.badge{white-space:nowrap}.empty,.compact-empty{padding:18px;border:1px dashed #cfd6e3;border-radius:18px;background:#fbfcfe;color:var(--muted);font-weight:800}

/* Mobile/tablet: la app debe sentirse de móvil, no de Excel encogido */
@media(max-width:1180px){
    .admin-command-bar,.dashboard-grid-tight,.product-board{grid-template-columns:1fr}.task{grid-template-columns:1fr}.task-actions-v14{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.task-actions-v14 form,.task-actions-v14 details{min-width:0}.planning-mini-grid{grid-template-columns:1fr}.floating-editor,.floating-editor.wide{position:fixed;left:14px;right:14px;top:70px;width:auto;max-height:calc(100vh - 100px)}
}
@media(max-width:760px){
    .pad{padding:16px!important}.admin-command-bar{gap:12px}.command-card>summary,details.card>summary{padding:14px}.command-card>form,details.card>form,.command-card>.compact-form{padding:14px}.product-card-v5{grid-template-columns:1fr}.product-photo-v5{width:100%;height:180px}.product-head-v5{flex-direction:column}.task-actions-v14{grid-template-columns:1fr}.task-product{grid-template-columns:52px 1fr}.task-product-photo{width:52px;height:52px}.table-wrap table{min-width:720px}.zone-row{grid-template-columns:1fr;gap:12px}.btn{width:100%}.inline-details{width:100%}.floating-editor,.floating-editor.wide{left:8px;right:8px;top:58px;max-height:calc(100vh - 74px);padding:14px;border-radius:18px}
}

.v15-page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:0 0 20px;padding:22px 24px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fff,#fff7f9);box-shadow:0 18px 55px rgba(18,24,40,.055)}
.v15-page-intro h2{margin:6px 0 8px;font-size:30px;letter-spacing:-.055em;line-height:1.1}.v15-page-intro p{margin:0;color:var(--muted);max-width:860px;line-height:1.65}.v15-eyebrow{display:inline-flex;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:950;color:var(--brand)}
.v15-intro-kpis{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.v15-intro-kpis span{display:grid;gap:3px;min-width:118px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--muted);font-size:12px;font-weight:800}.v15-intro-kpis b{font-size:26px;line-height:1;color:var(--ink);letter-spacing:-.05em}
.v15-admin-actions{display:grid;gap:18px;margin-bottom:20px}.v15-create-panel{border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 55px rgba(18,24,40,.06);overflow:hidden}.v15-create-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:linear-gradient(180deg,#fff,#fbfcff);cursor:pointer}.v15-create-panel>summary b{display:block;font-size:18px}.v15-create-panel>summary small{display:block;margin-top:4px;color:var(--muted);font-weight:750}.v15-create-panel>summary em{font-style:normal;font-size:12px;font-weight:950;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#f5f7fb;color:var(--muted)}.v15-create-panel[open]>summary{border-bottom:1px solid var(--line)}.v15-create-panel.mini-panel:not([open]){box-shadow:none}
.v15-form-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:0;background:#fff}.v15-form-shell.compact-version{margin-top:14px;border:1px solid var(--line);border-radius:24px;overflow:hidden}.v15-form-side{padding:20px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fbfcff,#fff);display:flex;flex-direction:column;gap:12px}.v15-form-side.mini{padding:16px;gap:10px}.v15-step{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:16px;color:var(--muted);font-weight:900}.v15-step b{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#eef1f6;color:#455066}.v15-step.is-active{background:var(--soft);border-color:var(--line-soft);color:var(--brand)}.v15-step.is-active b{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.v15-step span{font-size:13px}.v15-help-card{margin-top:auto;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff}.v15-help-card strong{display:block;margin-bottom:6px}.v15-help-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.v15-form-main{display:grid;gap:18px;padding:20px}.v15-form-block{border:1px solid var(--line);border-radius:24px;background:#fff;padding:18px;display:grid;gap:16px}.v15-form-block.soft-block{background:#fbfcff}.v15-block-head{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:start}.v15-block-head>span{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:var(--soft);color:var(--brand);font-weight:950;border:1px solid var(--line-soft)}.v15-block-head h3{margin:0;font-size:20px;letter-spacing:-.04em}.v15-block-head p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.v15-grid{display:grid;gap:16px}.v15-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.v15-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.v15-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.v15-grid.two-one{grid-template-columns:2fr 1fr 1fr}.v15-grid.compact-inner{gap:10px}.v15-form-block sup{color:var(--brand);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.v15-form-actions{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 -10px 26px rgba(255,255,255,.92)}.v15-form-actions span{color:var(--muted);font-size:13px;font-weight:800;line-height:1.35}.v15-form-actions .btn{min-width:180px}.v15-simple-form{display:grid;gap:16px;padding:18px}.v15-schedule-box{display:grid;grid-template-columns:1fr 1.45fr .75fr;gap:16px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#fbfcff}.v15-control-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.v15-control-strip.small-strip{grid-template-columns:180px 1fr 180px}.v15-product-checks{max-height:180px;overflow:auto;align-content:flex-start}.v15-pills{min-height:48px}
.v15-list-card{margin-top:20px}.v15-product-list{display:grid;gap:18px}.v15-product-card{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 12px 34px rgba(18,24,40,.045);overflow:hidden}.v15-product-card.needs-stock{border-color:#f1c36f;background:#fffaf2}.v15-product-main{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;padding:18px}.v15-product-photo{width:160px;height:160px;border-radius:22px;border:1px dashed #cbd3df;background:#f5f7fb;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-weight:950}.v15-product-photo img{width:100%;height:100%;object-fit:cover}.v15-product-summary{display:grid;gap:14px;min-width:0}.v15-product-titlebar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.v15-product-titlebar h3{margin:0;font-size:22px;letter-spacing:-.04em}.v15-product-titlebar p{margin:5px 0 0;color:var(--muted);font-size:13px}.v15-product-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v15-product-facts span,.v15-task-digest span{padding:11px 12px;border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0;color:#303747;font-size:13px;line-height:1.35}.v15-product-facts b,.v15-task-digest b{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.v15-info-strip{display:grid;gap:6px;padding:13px;border:1px solid var(--line);border-radius:18px;background:#fff}.v15-info-strip p{margin:0;color:#404858;line-height:1.5;font-size:13px}.v15-product-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;padding:0 18px 18px}.v15-product-controls form{margin:0}.v15-editor-panel{width:100%;display:block}.v15-editor-panel>summary.btn{width:auto}.v15-editor-panel[open]>summary{margin-bottom:0}.v15-product-controls .v15-editor-panel{flex:1 1 100%}.v15-product-controls>form{flex:0 0 auto}
.v15-locations-board{display:grid;gap:22px}.v15-zone-list{display:grid;gap:18px}.v15-zone-card{border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 12px 34px rgba(18,24,40,.045);overflow:hidden}.v15-zone-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcff)}.v15-zone-header h3{margin:0;font-size:22px;letter-spacing:-.04em}.v15-zone-header p{margin:6px 0 0;color:var(--muted);font-size:13px}.v15-zone-status{display:grid;justify-items:end;gap:7px;color:var(--muted);font-size:12px;font-weight:850}.v15-zone-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;padding:14px 20px;border-bottom:1px solid var(--line)}.v15-zone-actions form{margin:0}.v15-zone-editor{flex:1 1 100%}.v15-zone-editor>summary.btn{width:auto}.v15-task-list{display:grid;gap:12px;padding:16px 20px 20px}.v15-task-card{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden}.v15-task-card.is-disabled{opacity:.78;background:#fbfbfc}.v15-task-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px}.v15-task-code{display:inline-flex;margin-bottom:7px;color:var(--brand);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.v15-task-summary h4{margin:0;font-size:18px;letter-spacing:-.035em}.v15-task-summary p{margin:5px 0 0;color:var(--muted);font-size:13px}.v15-task-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v15-task-digest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 16px 16px}.v15-task-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;padding:14px 16px;border-top:1px solid var(--line);background:#fbfcff}.v15-task-actions form{margin:0}.task-editor-panel{flex:1 1 100%}.task-edit-form{width:100%}
.task-actions-v14 details>summary.btn:after{content:none}.task-actions-v14 .task-action-form{gap:12px}.task-actions-v14 .confirm-main-v14{min-height:52px;font-size:15px;border-radius:17px}.task-actions-v14 .primary-done>summary{font-size:15px;font-weight:950}.task-actions-v14 details[open]{box-shadow:0 18px 44px rgba(18,24,40,.09)}
@media(max-width:1240px){.v15-form-shell{grid-template-columns:1fr}.v15-form-side{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.v15-help-card{grid-column:1/-1}.v15-grid.four,.v15-grid.three,.v15-product-facts,.v15-task-digest,.v15-schedule-box{grid-template-columns:repeat(2,minmax(0,1fr))}.v15-grid.two-one{grid-template-columns:1fr 1fr}.v15-control-strip{grid-template-columns:1fr 1fr}.v15-product-main{grid-template-columns:130px 1fr}.v15-product-photo{width:130px;height:130px}}
@media(max-width:820px){.v15-page-intro{display:grid;padding:18px}.v15-intro-kpis{justify-content:stretch}.v15-intro-kpis span{min-width:0;flex:1}.v15-create-panel>summary{align-items:flex-start}.v15-create-panel>summary em{display:none}.v15-form-side{grid-template-columns:1fr 1fr}.v15-grid.two,.v15-grid.three,.v15-grid.four,.v15-grid.two-one,.v15-schedule-box,.v15-product-facts,.v15-task-digest,.v15-control-strip,.v15-control-strip.small-strip{grid-template-columns:1fr}.v15-form-main,.v15-form-block,.v15-simple-form{padding:14px}.v15-block-head{grid-template-columns:38px 1fr}.v15-block-head>span{width:38px;height:38px;border-radius:13px}.v15-form-actions{position:static;display:grid}.v15-form-actions .btn{width:100%;min-width:0}.v15-product-main{grid-template-columns:1fr}.v15-product-photo{width:100%;height:190px}.v15-product-titlebar,.v15-zone-header,.v15-task-summary{display:grid}.v15-zone-status{justify-items:start}.v15-task-badges{justify-content:flex-start}.v15-page-intro h2{font-size:25px}.v15-product-titlebar h3,.v15-zone-header h3{font-size:20px}.v15-editor-panel>summary.btn{width:100%}.v15-zone-actions>.btn,.v15-zone-actions form,.v15-zone-actions form .btn{width:100%}}

.v16-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin:0 0 22px;padding:26px;border:1px solid rgba(197,22,50,.14);border-radius:32px;background:linear-gradient(135deg,#fff 0%,#fff7f9 44%,#fff 100%);box-shadow:0 22px 70px rgba(18,24,40,.07)}
.v16-hero h2{margin:7px 0 10px;font-size:34px;line-height:1.02;letter-spacing:-.065em}.v16-hero p{margin:0;color:var(--muted);font-weight:650;line-height:1.65;max-width:980px}.v16-eyebrow{display:inline-flex;color:var(--brand);font-size:11px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}.v16-hero-metrics{display:grid;grid-template-columns:repeat(3,106px);gap:10px}.v16-hero-metrics span{display:grid;gap:3px;padding:13px 12px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:center;box-shadow:0 10px 25px rgba(15,23,42,.045)}.v16-hero-metrics b{font-size:29px;line-height:1;letter-spacing:-.06em}.v16-hero-metrics small{font-size:10px;color:var(--muted);font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.v16-panel{border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 20px 62px rgba(18,24,40,.065);overflow:hidden;margin-bottom:20px}.v16-panel-summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 22px;background:linear-gradient(180deg,#fff,#fbfcff);cursor:pointer}.v16-panel-summary::-webkit-details-marker{display:none}.v16-panel-summary b{display:block;font-size:19px;letter-spacing:-.025em}.v16-panel-summary small{display:block;margin-top:4px;color:var(--muted);font-weight:750;line-height:1.4}.v16-panel-summary em{font-style:normal;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.v16-panel[open]>.v16-panel-summary{border-bottom:1px solid var(--line)}.v16-admin-stack{display:grid;gap:18px;margin-bottom:22px}
.v16-editor-form{display:grid;grid-template-columns:260px minmax(0,1fr);background:#fff}.v16-editor-form.inline{margin:16px 18px 18px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#fff}.v16-editor-rail{padding:22px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fbfcff,#fff);display:grid;align-content:start;gap:14px}.v16-editor-rail strong{font-size:15px;letter-spacing:-.02em}.v16-editor-rail ol{margin:0;padding-left:20px;color:#424a5a;font-size:13px;font-weight:760;line-height:1.75}.v16-editor-rail.compact{padding:18px}.v16-editor-rail.compact>span{display:block;color:var(--brand);font-weight:950;word-break:break-word}.v16-rail-note{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.v16-rail-note b{font-size:12px}.v16-rail-note span{font-size:12px;color:var(--muted);line-height:1.5;font-weight:700}.v16-editor-body{display:grid;gap:16px;padding:18px;background:#fff}
.v16-section{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden}.v16-section.muted-section{background:#fbfcff}.v16-section>summary{list-style:none;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:17px 18px;cursor:pointer}.v16-section>summary::-webkit-details-marker{display:none}.v16-section>summary:after{content:"Abrir";justify-self:end;grid-column:2;font-size:11px;color:var(--muted);font-weight:950;text-transform:uppercase;letter-spacing:.06em;margin-top:-22px}.v16-section[open]>summary{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fcfdff)}.v16-section[open]>summary:after{content:"Cerrar"}.v16-section-number{width:48px;height:48px;border-radius:17px;background:var(--soft);border:1px solid var(--line-soft);color:var(--brand);font-weight:1000;display:grid;place-items:center}.v16-section summary b{display:block;font-size:18px;letter-spacing:-.035em}.v16-section summary small{display:block;margin-top:4px;color:var(--muted);font-size:12.5px;font-weight:750;line-height:1.4}.v16-section-content{display:grid;gap:16px;padding:18px}.v16-grid{display:grid;gap:14px}.v16-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.v16-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.v16-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.v16-grid.v16-primary-grid{grid-template-columns:2fr 1fr 1fr}.v16-grid.compact-inner{gap:10px}.v16-field{padding:13px;border:1px solid #edf0f5;border-radius:18px;background:#fff;min-width:0}.v16-field.important{border-color:rgba(197,22,50,.22);background:#fffafb}.v16-field.warning-field{border-color:#f5d2a3;background:#fffdfa}.v16-field.slim{align-self:end}.v16-field label{margin-bottom:7px;font-size:12.5px;font-weight:950;color:#303747}.v16-field sup{font-size:9px;color:var(--brand);font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.v16-field small{display:block;margin-top:7px;color:var(--muted);font-size:11.5px;font-weight:720;line-height:1.4}.v16-field .input,.v16-field .select,.v16-field textarea{border-radius:13px;background:#fff}.v16-savebar{position:sticky;bottom:0;z-index:6;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px solid rgba(232,235,242,.95);border-radius:22px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);box-shadow:0 -10px 30px rgba(255,255,255,.9),0 14px 34px rgba(18,24,40,.06)}.v16-savebar span{font-size:13px;color:var(--muted);font-weight:820;line-height:1.35}.v16-savebar .btn{min-height:48px;min-width:190px;border-radius:16px}
.v16-list-section{margin-top:24px}.v16-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.v16-list-head.inside-card{margin:0 0 18px}.v16-list-head h2{margin:4px 0 6px;font-size:27px;letter-spacing:-.055em}.v16-list-head p{margin:0;color:var(--muted);font-weight:700;line-height:1.5}.v16-products,.v16-zone-list,.v16-task-list,.v16-locations-board{display:grid;gap:16px}.v16-product,.v16-zone-card,.v16-task-card{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 14px 38px rgba(18,24,40,.05);overflow:hidden}.v16-product.stock-low{border-color:#f1c36f;background:#fffaf2}.v16-product-view{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:18px}.v16-product-media{width:150px;height:150px;border-radius:24px;border:1px dashed #cbd3df;background:#f5f7fb;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-weight:950}.v16-product-media img{width:100%;height:100%;object-fit:cover}.v16-product-info{display:grid;gap:13px;min-width:0}.v16-product-topline,.v16-zone-header,.v16-task-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.v16-product-topline h3,.v16-zone-header h3{margin:0;font-size:23px;letter-spacing:-.045em}.v16-product-topline p,.v16-zone-header p,.v16-task-summary p{margin:5px 0 0;color:var(--muted);font-size:13px;font-weight:700;line-height:1.45}.v16-status-stack{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v16-status-stack small{color:var(--muted);font-size:12px;font-weight:850}.v16-facts,.v16-task-digest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v16-facts span,.v16-task-digest span{padding:11px 12px;border:1px solid var(--line);border-radius:16px;background:#fff;font-size:13px;color:#303747;line-height:1.35;min-width:0;word-break:break-word}.v16-facts b,.v16-task-digest b{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.v16-readable-notes{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff}.v16-readable-notes p{margin:0;font-size:13px;line-height:1.55;color:#404858}.v16-readable-notes b{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}.v16-inline-editor{display:block;border-top:1px solid var(--line);background:#fff}.v16-inline-editor>summary.btn{margin:14px 18px;list-style:none;width:auto}.v16-inline-editor>summary::-webkit-details-marker{display:none}.v16-danger-zone{margin:0 18px 18px;border:1px solid #fee2e2;border-radius:18px;background:#fffafa;overflow:hidden}.v16-danger-zone>summary{padding:12px 14px;cursor:pointer;color:var(--danger);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.v16-danger-zone form{padding:0 14px 14px;margin:0}.v16-simple-form{display:grid;gap:15px;padding:18px}.v16-simple-form.compact{padding:14px;background:#fbfcff;border-top:1px solid var(--line)}
.v16-schedule-grid{display:grid;grid-template-columns:1fr 1.35fr .8fr;gap:14px}.v16-schedule-grid.two-parts{grid-template-columns:1fr 1.35fr}.v16-pills{display:flex;gap:7px;flex-wrap:wrap}.v16-pills label{margin:0;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:9px 11px;background:#fff;color:#303747;font-size:12px;font-weight:950}.v16-pills input,.v16-check-card input{accent-color:var(--brand)}.v16-control-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.v16-control-cards.compact{grid-template-columns:180px 1fr 180px}.v16-check-card{margin:0!important;display:flex!important;align-items:center;gap:10px;padding:13px!important;border:1px solid var(--line);border-radius:18px;background:#fff;color:#303747!important}.v16-check-card b{display:block;font-size:13px}.v16-check-card small{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:720;line-height:1.35}.v16-nested-details{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.v16-nested-details>summary{cursor:pointer;padding:13px 15px;font-size:13px;font-weight:950;color:#303747}.v16-nested-details[open]>summary{border-bottom:1px solid var(--line);background:#fbfcff}.v16-product-checks{max-height:210px;overflow:auto;padding:12px;align-content:flex-start}.v16-product-checks label{border-radius:13px;background:#fbfcff}.v16-zone-header{padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcff)}.v16-zone-actions,.v16-task-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}.v16-zone-actions form,.v16-task-actions form{margin:0}.v16-zone-actions .zone-edit{flex:1 1 100%}.v16-task-list{padding:16px 18px 18px}.v16-task-card.is-disabled{opacity:.76;background:#fbfbfc}.v16-task-summary{padding:16px 16px 12px}.v16-task-code{display:inline-flex;margin-bottom:7px;color:var(--brand);font-size:11px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase}.v16-task-summary h4{margin:0;font-size:19px;letter-spacing:-.04em}.v16-task-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v16-task-digest{padding:0 16px 16px}.v16-task-actions{border-top:1px solid var(--line);border-bottom:0;background:#fbfcff}.v16-task-actions .task-editor-panel{flex:1 1 100%}.v16-location-panel{background:rgba(255,255,255,.96)}
.task-actions-v14{gap:12px}.task-action-details.primary-done{flex:1 1 260px}.task-action-details.primary-done>summary.btn{width:100%;min-height:54px;font-size:15px}.task-action-form{min-width:min(440px,100%);border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px!important;margin-top:10px}.confirm-main-v14{width:100%;margin-top:10px!important}.task .actions{align-items:flex-start}.task-products{margin-top:12px}.task-product{border-radius:16px}.task-product-photo{border-radius:14px}
@media(max-width:1280px){.v16-hero{grid-template-columns:1fr}.v16-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.v16-editor-form{grid-template-columns:1fr}.v16-editor-rail{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:start}.v16-rail-note{grid-column:1/-1}.v16-grid.four,.v16-grid.three,.v16-grid.v16-primary-grid,.v16-facts,.v16-task-digest,.v16-schedule-grid,.v16-schedule-grid.two-parts,.v16-control-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.v16-product-view{grid-template-columns:125px 1fr}.v16-product-media{width:125px;height:125px}}
@media(max-width:820px){.v16-hero{padding:18px;border-radius:24px}.v16-hero h2{font-size:27px}.v16-hero-metrics{grid-template-columns:repeat(3,1fr)}.v16-panel-summary{align-items:flex-start}.v16-panel-summary em{display:none}.v16-editor-rail{display:none}.v16-editor-body,.v16-section-content,.v16-simple-form{padding:14px}.v16-section>summary{grid-template-columns:40px 1fr;padding:14px}.v16-section>summary:after{display:none}.v16-section-number{width:40px;height:40px;border-radius:14px}.v16-grid.two,.v16-grid.three,.v16-grid.four,.v16-grid.v16-primary-grid,.v16-facts,.v16-task-digest,.v16-schedule-grid,.v16-schedule-grid.two-parts,.v16-control-cards,.v16-control-cards.compact{grid-template-columns:1fr}.v16-savebar{position:static;display:grid}.v16-savebar .btn{width:100%;min-width:0}.v16-product-view{grid-template-columns:1fr}.v16-product-media{width:100%;height:190px}.v16-product-topline,.v16-zone-header,.v16-task-summary,.v16-list-head{display:grid}.v16-status-stack,.v16-task-badges{justify-content:flex-start}.v16-zone-actions>.btn,.v16-zone-actions form,.v16-zone-actions form .btn,.v16-task-actions>.btn,.v16-task-actions form,.v16-task-actions form .btn{width:100%}.v16-inline-editor>summary.btn{width:calc(100% - 36px)}.v16-hero-metrics span{padding:11px 8px}.v16-hero-metrics b{font-size:23px}.v16-field{padding:11px}.task{grid-template-columns:1fr}.task .actions{justify-content:stretch}.task .actions .btn,.task .actions details,.task .actions form{width:100%}.task-action-form{min-width:0}}
@media(max-width:520px){.v16-hero-metrics{grid-template-columns:1fr}.v16-panel-summary{padding:16px}.v16-product-media{height:160px}.v16-section summary b{font-size:16px}.v16-list-head h2{font-size:23px}.v16-task-summary h4{font-size:17px}}

.doc-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.45fr);gap:24px;align-items:start;background:linear-gradient(135deg,#fff,#fff8fa)}
.doc-hero h2{margin:6px 0 10px;font-size:32px;letter-spacing:-.055em;line-height:1.05;color:#141926}
.doc-hero p{max-width:620px;line-height:1.55;font-weight:700}
.doc-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.doc-quick-card{display:block;text-decoration:none;color:#202838;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.92);padding:15px;box-shadow:0 12px 28px rgba(18,24,40,.045)}
.doc-quick-card strong{display:block;margin-bottom:6px;font-size:14px;font-weight:1000;letter-spacing:-.02em}
.doc-quick-card span{display:block;color:var(--muted);font-size:12.5px;font-weight:760;line-height:1.42}
.doc-editor-card{margin-top:18px}.doc-editor-form{border-top:1px solid var(--line)}
.doc-library{display:grid;gap:18px;margin-top:22px}.doc-category{scroll-margin-top:18px}.doc-grid{display:grid;gap:15px}
.doc-card{border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 14px 34px rgba(18,24,40,.045);overflow:hidden}
.doc-card.is-inactive{opacity:.74;background:#fbfbfc}.doc-card-head{display:flex;justify-content:space-between;gap:18px;padding:18px;border-bottom:1px solid var(--line)}
.doc-category-label{display:inline-flex;margin-bottom:7px;color:var(--brand);font-size:10.5px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase}
.doc-card h3{margin:0;font-size:22px;letter-spacing:-.045em;color:#151b28}.doc-card p{margin:7px 0 0;color:var(--muted);font-size:13px;font-weight:720;line-height:1.5}
.doc-meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fbfcff}
.doc-meta-row span{display:block;padding:11px 12px;border:1px solid var(--line);border-radius:16px;background:#fff;color:#303747;font-size:13px;font-weight:760;line-height:1.35;min-width:0;word-break:break-word}
.doc-meta-row b{display:block;margin-bottom:4px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:1000}
.doc-readable{margin:16px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.doc-readable>summary{cursor:pointer;padding:13px 15px;font-size:13px;font-weight:1000;color:#303747;background:#fbfcff;border-bottom:1px solid var(--line)}
.doc-readable div{padding:15px;color:#303747;font-size:14px;font-weight:650;line-height:1.65;white-space:normal}.doc-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 18px 16px}.empty.compact{padding:10px 12px;border-radius:14px;font-size:12px}.doc-empty{border-radius:18px}
@media(max-width:1180px){.doc-hero{grid-template-columns:1fr}.doc-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-meta-row{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.doc-hero{padding:18px}.doc-hero h2{font-size:27px}.doc-hero-grid,.doc-meta-row{grid-template-columns:1fr}.doc-card-head{display:grid}.doc-actions .btn{width:100%}.doc-editor-card .v16-editor-rail{display:none}}

/* V20.6: producto y dosificación individual por producto dentro de cada tarea */
.product-dosage-list {
    display: grid;
    gap: 14px;
}
.product-dosage-card {
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
}
.product-dosage-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    cursor: pointer;
}
.product-dosage-head input {
    width: 18px;
    height: 18px;
    accent-color: #c8102e;
}
.product-dosage-head span {
    display: grid;
    gap: 2px;
}
.product-dosage-head strong {
    font-weight: 900;
    color: #111827;
}
.product-dosage-head small {
    color: #64748b;
    font-weight: 700;
}
.product-line-body {
    display: none;
    border-top: 1px solid #eef2f7;
    padding: 16px;
    background: #fbfdff;
}
.product-dosage-card:has(.product-dosage-head input:checked) .product-line-body {
    display: grid;
    gap: 14px;
}
.product-dosage-card.is-visible .product-line-body {
    display: grid;
    gap: 14px;
}
.task-product .small + .small {
    margin-top: 3px;
}
@media (max-width: 760px) {
    .product-line-body {
        padding: 12px;
    }
}


/* V26 - Flujo administrativo progresivo y navegación responsive */
:root{
    --focus-ring:0 0 0 4px rgba(197,22,50,.13);
}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:22px}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
    outline:3px solid rgba(197,22,50,.28);
    outline-offset:3px;
}
.mobile-bar,.sidebar-close,.sidebar-scrim{display:none}
.sidebar-logout{width:100%}
.nav-v10{gap:4px}
.nav-group-label{
    display:block;
    margin:12px 12px 4px;
    color:#98a0ae;
    font-size:9px;
    font-weight:1000;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.nav-v10 a{min-height:44px;padding:10px 12px}
.nav-v10 a.active{box-shadow:inset 3px 0 0 var(--brand)}
.admin-flow-hint{line-height:1.45}
.admin-flow-hint strong{display:block;margin-bottom:4px}
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.quick-actions{position:relative;z-index:30}
.quick-actions>summary{list-style:none;min-height:40px;padding:10px 14px}
.quick-actions>summary::-webkit-details-marker{display:none}
.quick-actions-menu{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    width:300px;
    padding:8px;
    border:1px solid var(--line);
    border-radius:20px;
    background:#fff;
    box-shadow:0 24px 70px rgba(15,23,42,.18);
}
.quick-actions-menu a{
    display:grid;
    gap:3px;
    padding:11px 12px;
    border-radius:14px;
}
.quick-actions-menu a:hover{background:var(--soft)}
.quick-actions-menu b{font-size:13px}
.quick-actions-menu span{color:var(--muted);font-size:11.5px;font-weight:700}

.select,select.input{
    appearance:none;
    padding-right:42px;
    background-color:#fff;
    background-image:
        linear-gradient(45deg,transparent 50%,#687386 50%),
        linear-gradient(135deg,#687386 50%,transparent 50%),
        linear-gradient(to right,#e7eaf0,#e7eaf0);
    background-position:
        calc(100% - 18px) 50%,
        calc(100% - 13px) 50%,
        calc(100% - 38px) 50%;
    background-size:5px 5px,5px 5px,1px 22px;
    background-repeat:no-repeat;
}
.select:hover,select.input:hover{background-color:#fff}
.select:focus,select.input:focus{box-shadow:var(--focus-ring)}

.v16-panel-summary{position:relative;padding-right:64px}
.v16-panel-summary::after{
    content:"+";
    position:absolute;
    right:20px;
    top:50%;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border:1px solid var(--line);
    border-radius:50%;
    background:#fff;
    color:var(--brand);
    font-size:19px;
    font-style:normal;
    font-weight:900;
}
.v16-panel[open]>.v16-panel-summary::after{content:"−"}
.v16-panel-summary em{margin-right:30px}
.v16-section>summary:after{
    content:"+ Abrir";
    padding:5px 8px;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fff;
}
.v16-section[open]>summary:after{content:"− Cerrar"}
.v16-section>summary:hover,.v16-panel-summary:hover{background:var(--soft-2)}
.is-conditional-hidden{display:none!important}
.dependency-callout{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:13px;
    align-items:start;
    padding:16px;
    border:1px solid #f0c9d0;
    border-radius:18px;
    background:#fff8fa;
}
.dependency-callout>span{
    width:42px;height:42px;display:grid;place-items:center;
    border-radius:14px;background:#fff;border:1px solid var(--line);
}
.dependency-callout b{font-size:14px}
.dependency-callout p{margin:5px 0 12px;color:var(--muted);font-size:13px;line-height:1.5}
.admin-create-panel{scroll-margin-top:20px}

.admin-page-intro{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:22px;
    margin-bottom:20px;
    padding:24px;
    border:1px solid rgba(197,22,50,.14);
    border-radius:28px;
    background:linear-gradient(135deg,#fff,#fff7f9 58%,#fff);
    box-shadow:var(--shadow);
}
.admin-page-intro h2{margin:6px 0 8px;font-size:30px;letter-spacing:-.055em}
.admin-page-intro p{max-width:760px;margin:0;color:var(--muted);font-weight:700;line-height:1.55}
.admin-next-step{
    min-width:220px;
    padding:14px 16px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}
.admin-next-step span{display:block;margin-bottom:4px;color:var(--muted);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.admin-next-step a{color:var(--brand);font-size:13px;font-weight:950}

.location-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.location-card{
    border:1px solid var(--line);
    border-radius:26px;
    background:#fff;
    box-shadow:0 14px 38px rgba(18,24,40,.05);
    overflow:hidden;
}
.location-card.is-inactive{opacity:.72;background:#fafbfc}
.location-card-main{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:18px}
.location-card-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:var(--soft);font-size:24px}
.location-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
.location-card-title h3{margin:0;font-size:22px;letter-spacing:-.04em}
.location-card-main p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.location-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px 16px}
.location-card-stats span{padding:11px;border:1px solid var(--line);border-radius:15px;background:#fafbfc;color:var(--muted);font-size:11px;font-weight:850}
.location-card-stats b{display:block;color:var(--ink);font-size:20px;line-height:1.05}
.location-card-actions{display:flex;gap:9px;padding:14px 18px;border-top:1px solid var(--line);background:#fbfcff}
.location-card-actions>.btn{flex:0 0 auto}
.location-editor{flex:1}
.location-editor>summary{width:100%}
.location-editor-form{display:grid;gap:14px;margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:20px;background:#fff}
.location-card:has(.location-editor[open]){grid-column:1/-1}
.location-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.location-editor-head h3{margin:4px 0 0;font-size:23px}
.location-card .v16-danger-zone{margin-top:0}
.location-card .v16-danger-zone p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.45}
.empty-state-admin{
    grid-column:1/-1;
    display:grid;
    justify-items:center;
    gap:8px;
    padding:44px 20px;
    border:1px dashed #ccd3de;
    border-radius:26px;
    background:#fff;
    text-align:center;
}
.empty-state-admin>span{font-size:34px}
.empty-state-admin h3,.empty-state-admin p{margin:0}
.empty-state-admin p{color:var(--muted);margin-bottom:7px}

@media(max-width:980px){
    :root{--sidebar:292px}
    .app{display:block!important;min-height:100vh}
    .sidebar{
        position:fixed!important;
        z-index:100;
        inset:0 auto 0 0;
        width:min(292px,calc(100vw - 48px));
        height:100vh!important;
        padding:16px!important;
        border-right:1px solid var(--line)!important;
        border-bottom:0!important;
        background:#fff!important;
        transform:translateX(-105%);
        transition:transform .22s ease;
        box-shadow:0 30px 90px rgba(15,23,42,.22);
    }
    .sidebar-open .sidebar{transform:translateX(0)}
    .sidebar-scrim{
        position:fixed;
        z-index:99;
        inset:0;
        width:100%;
        height:100%;
        border:0;
        background:rgba(15,23,42,.38);
        backdrop-filter:blur(2px);
    }
    .sidebar-open .sidebar-scrim{display:block}
    .sidebar-close{
        display:grid;
        place-items:center;
        margin-left:auto;
        width:34px;
        height:34px;
        border:1px solid var(--line);
        border-radius:12px;
        background:#fff;
        color:var(--ink);
        font-size:22px;
    }
    .sidebar .side-card{padding:13px!important}
    .sidebar .brand{justify-content:flex-start;gap:10px}
    .sidebar .brand>div:not(.logo){display:block}
    .sidebar .brand span{display:inline}
    .sidebar .user-card{display:block;text-align:left;padding:10px 12px!important}
    .sidebar .user-card .small{display:block}
    .sidebar .nav{gap:3px}
    .sidebar .nav-group-label{display:block;margin-top:10px}
    .sidebar .nav-v10 a{
        min-height:44px;
        flex-direction:row;
        justify-content:flex-start;
        gap:10px;
        padding:10px 12px!important;
    }
    .sidebar .nav-v10 .nav-icon{width:22px;font-size:18px}
    .sidebar .nav-v10 .nav-text{width:auto;text-align:left;font-size:12px;line-height:1.2;white-space:nowrap}
    .sidebar-footer .side-card{display:block}
    .sidebar-footer .btn{min-height:44px;font-size:12px!important}
    .sidebar-footer .btn::before{content:none}
    .mobile-bar{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        margin:-4px 0 16px;
        padding-bottom:12px;
        border-bottom:1px solid var(--line);
    }
    .mobile-menu-button{
        display:inline-flex;
        align-items:center;
        gap:8px;
        min-height:42px;
        padding:9px 12px;
        border:1px solid var(--line);
        border-radius:13px;
        background:#fff;
        color:var(--ink);
        font-weight:900;
    }
    .mobile-bar>strong{font-size:13px}
    .main{width:100%;padding:16px!important}
    .topbar-actions{align-items:flex-start}
    .quick-actions-menu{position:fixed;top:72px;right:14px;left:14px;width:auto}
    .location-card-grid{grid-template-columns:1fr}
    .location-card:has(.location-editor[open]){grid-column:auto}
}
@media(max-width:720px){
    .main{padding:12px!important}
    .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto}
    .topbar-actions .badge{display:none}
    .quick-actions>summary{font-size:12px;padding:9px 11px}
    .admin-page-intro{display:grid;padding:18px;border-radius:22px}
    .admin-page-intro h2{font-size:25px}
    .admin-next-step{min-width:0}
    .location-card-main{grid-template-columns:1fr}
    .location-card-icon{display:none}
    .location-card-title{align-items:flex-start}
    .location-card-actions{display:grid;grid-template-columns:1fr}
    .location-card-actions>.btn,.location-editor>summary{width:100%}
    .location-editor-head{display:grid}
    .v16-panel-summary{padding-right:56px}
    .v16-panel-summary em{display:none}
    .v16-panel-summary::after{right:14px}
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{transition:none!important;animation:none!important}
}


/* V26 - Planning en tarjetas adaptables, sin columnas cortadas */
.planning-intro{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:22px;
    margin-bottom:18px;
    padding:24px;
    border:1px solid rgba(197,22,50,.14);
    border-radius:28px;
    background:linear-gradient(135deg,#fff,#fff7f9);
    box-shadow:var(--shadow);
}
.planning-intro h2{margin:6px 0 8px;font-size:30px;letter-spacing:-.055em}
.planning-intro p{max-width:780px;margin:0;color:var(--muted);font-weight:700;line-height:1.55}
.planning-form-v26{
    display:grid;
    gap:16px;
    padding:20px;
    border:1px solid var(--line);
    border-radius:28px;
    background:#fff;
    box-shadow:var(--shadow);
}
.planning-form-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.planning-form-head h2{margin:5px 0 4px;font-size:26px;letter-spacing:-.045em}
.planning-form-head p{margin:0;color:var(--muted);font-size:13px}
.planning-location-list{display:grid;gap:16px}
.planning-location-card-v26{border:1px solid var(--line);border-radius:23px;background:#fbfcff;overflow:hidden}
.planning-location-card-v26>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line);background:#fff}
.planning-location-card-v26 h3{margin:0;font-size:20px;letter-spacing:-.035em}
.planning-location-card-v26 header div>span{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:750}
.planning-days-v26{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;padding:12px}
.planning-day-v26{display:grid;align-content:start;gap:8px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff}
.planning-day-v26.main{border-color:#f1cbd2;background:#fffafb}
.planning-day-v26.review{border-color:#cfe0f7;background:#f8fbff}
.planning-day-v26.off,.planning-day-v26.is-locked{border-style:dashed;background:#f4f6f8}
.planning-day-title{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;margin-bottom:2px}
.planning-day-title strong{font-size:14px}
.planning-day-title span{color:var(--muted);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.045em;text-align:right}
.planning-day-v26 label{margin:2px 0 -3px;color:#566071;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.planning-day-v26 label span{text-transform:none;letter-spacing:0;font-weight:700}
.planning-day-v26 .input,.planning-day-v26 .select{min-height:40px;padding-top:8px;padding-bottom:8px;font-size:12px}
.planning-day-v26.is-locked .input{color:#77808f;background:#eef1f4}
.planning-day-v26 .weekend-lock{min-height:40px;font-size:12px}
.planning-savebar{margin-top:2px}
.planning-help-v26{margin-top:18px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.planning-help-v26>summary{padding:17px 19px;font-weight:950}
.planning-help-v26>summary::after{content:"+ Ver ayuda";float:right;color:var(--brand);font-size:11px}
.planning-help-v26[open]>summary{border-bottom:1px solid var(--line)}
.planning-help-v26[open]>summary::after{content:"− Cerrar"}
.planning-help-v26 .planning-rules-grid{padding:16px}
@media(max-width:820px){
    .planning-intro,.planning-form-head{display:grid;align-items:start}
    .planning-intro{padding:18px;border-radius:22px}
    .planning-intro h2{font-size:25px}
    .planning-intro .btn,.planning-form-head .btn{width:100%}
    .planning-form-v26{padding:13px;border-radius:22px}
    .planning-days-v26{grid-template-columns:repeat(2,minmax(0,1fr));padding:9px}
}
@media(max-width:520px){
    .planning-days-v26{grid-template-columns:1fr}
    .planning-location-card-v26>header{align-items:flex-start}
}


.secondary-controls{margin:-2px 0 18px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}
.secondary-controls>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px}
.secondary-controls>summary b{display:block;font-size:13px}
.secondary-controls>summary small{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:700}
.secondary-controls>summary::after{content:"+ Ver";color:var(--brand);font-size:11px;font-weight:950}
.secondary-controls[open]>summary{border-bottom:1px solid var(--line)}
.secondary-controls[open]>summary::after{content:"− Ocultar"}
.secondary-controls>summary>.badge{margin-left:auto}
.secondary-stats{padding:14px;margin:0;grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1120px){.secondary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.secondary-stats{grid-template-columns:1fr}}

@media(max-width:980px){body.sidebar-open{overflow:hidden}}


/* V26 - Funciones incorporadas de la revisión operativa */
.product-picker{display:grid;gap:16px}
.product-picker-dropdown{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.product-picker-dropdown summary{cursor:pointer;list-style:none}
.product-picker-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:14px;border-top:1px solid var(--line);background:#fafafa}
.picker-option{display:flex;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:800}
.picker-option small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.product-dosage-card.is-hidden{display:none}
.readonly-head{cursor:default}
.v16-zone-photo{width:96px;height:72px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;flex:0 0 auto}
.v16-zone-photo img{width:100%;height:100%;object-fit:cover}
.stock-check-panel{display:grid;gap:10px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px;margin:10px 0}
.stock-check-panel small{color:var(--muted);font-size:12px}
.stock-check-row{display:grid;grid-template-columns:1fr minmax(190px,240px);gap:10px;align-items:center}
.validation-list{gap:14px}
.validation-card .task-products{margin-top:12px}
.compact-product-row{min-height:auto}
.planning-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:14px}
.planning-task-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:16px;box-shadow:var(--shadow)}
.planning-task-card h3{margin:0 0 6px}
.planning-task-card ul{margin:10px 0 0;padding-left:18px}
.planning-task-card li{margin:4px 0;color:var(--muted)}
.full-width{grid-column:1/-1;width:100%}
@media(max-width:760px){
    .stock-check-row{grid-template-columns:1fr}
    .v16-zone-photo{width:100%;height:130px}
    .product-picker-options{grid-template-columns:1fr}
}


/* V26 - Lectura operativa del planning incorporada al rediseño */
.planning-reality-card{margin-bottom:18px}
.planning-task-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.planning-task-card-head h3{margin:0}
.planning-task-card-head span{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:750}
.planning-task-card-head>b{font-size:22px;color:var(--brand)}
.planning-task-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
.planning-task-metrics span{padding:8px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:10px;text-align:center}
.planning-task-metrics b{display:block;color:var(--ink);font-size:17px}
.planning-pending-details{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}
.planning-pending-details>summary{color:var(--brand);font-size:11px;font-weight:950}
.planning-card-note{margin:11px 0 0}
.planning-forecast{margin-bottom:18px}
.planning-forecast-body{display:grid;gap:22px;padding:18px}
.planning-forecast-body .section-head{margin-bottom:12px}
.planning-forecast-body h3{margin:0;font-size:20px}
@media(max-width:640px){.planning-task-metrics{grid-template-columns:1fr 1fr 1fr}}

/* Validation review workspace */
.validation-hero{margin-bottom:24px}
.validation-queue{display:grid;gap:18px}
.validation-review-card{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 16px 42px rgba(18,24,40,.06)}
.validation-review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcff)}
.validation-location{display:block;margin-bottom:7px;color:var(--brand);font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
.validation-review-header h3{margin:0;font-size:25px;letter-spacing:-.045em}
.validation-review-header p{margin:7px 0 0;color:var(--muted);font-size:13px;font-weight:700;line-height:1.5}
.validation-review-header p strong{color:#303747}
.validation-status{flex:0 0 auto;border:1px solid #f6d8a8;border-radius:999px;background:#fff7e8;color:#9a6110;padding:8px 11px;font-size:11px;font-weight:950;white-space:nowrap}
.validation-meta-grid{display:grid;grid-template-columns:1fr 1fr .7fr 1.3fr;gap:10px;padding:16px 24px;border-bottom:1px solid var(--line);background:#fff}
.validation-meta-grid div{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:15px;background:#fbfcfe}
.validation-meta-grid span{display:block;margin-bottom:4px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.validation-meta-grid strong{display:block;color:#303747;font-size:13px;line-height:1.4;word-break:break-word}
.validation-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;padding:22px 24px}
.validation-evidence-panel,.validation-context-panel{min-width:0}
.validation-context-panel{padding:16px;border:1px solid var(--line);border-radius:20px;background:#fbfcfe;align-self:start}
.validation-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.validation-section-title>div>span,.validation-decision-copy>span{display:block;margin-bottom:3px;color:var(--brand);font-size:10px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
.validation-section-title h4{margin:0;color:#202633;font-size:18px;letter-spacing:-.025em}
.validation-section-title>small{color:var(--muted);font-size:11px;font-weight:750}
.validation-section-title.compact{margin-bottom:12px}
.validation-section-title.compact h4{font-size:16px}
.validation-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.validation-photo{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#f4f6f9;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.validation-photo:hover{transform:translateY(-2px);border-color:#d5a1aa;box-shadow:0 13px 30px rgba(18,24,40,.1)}
.validation-photo>img,.validation-photo-missing{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef1f5}
.validation-photo-missing{display:grid;place-items:center;color:var(--muted);font-size:13px;font-weight:900}
.validation-photo-caption{display:grid;gap:2px;padding:11px 13px;background:#fff}
.validation-photo-caption b{font-size:13px}
.validation-photo-caption small{color:var(--muted);font-size:11px;font-weight:750}
.validation-photo-caption em{margin-top:3px;color:#485064;font-size:12px;font-style:normal;line-height:1.4}
.validation-empty-evidence{display:grid;gap:4px;padding:22px;border:1px dashed #e1b8bf;border-radius:20px;background:#fff8f9;color:#53333a}
.validation-empty-evidence span{color:var(--muted);font-size:12px;font-weight:700}
.validation-product{display:grid;grid-template-columns:60px minmax(0,1fr);gap:11px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.validation-product:first-of-type{border-top:0;padding-top:0}
.validation-product-photo{width:60px;height:60px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;place-items:center;color:var(--muted);font-size:10px;font-weight:850;text-align:center}
.validation-product-photo img{width:100%;height:100%;object-fit:cover}
.validation-product strong,.validation-product span{display:block;line-height:1.35}
.validation-product strong{font-size:13px}.validation-product span{margin-top:4px;color:var(--muted);font-size:11px;font-weight:700}
.validation-no-products{margin:0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.5}
.validation-decision-panel{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:20px;align-items:start;padding:18px 24px;border-top:1px solid var(--line);background:#f8fafc}
.validation-decision-copy strong,.validation-decision-copy small{display:block}.validation-decision-copy strong{font-size:15px}.validation-decision-copy small{margin-top:4px;color:var(--muted);font-size:11px;font-weight:700;line-height:1.4}
.validation-actions{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;justify-self:end;width:min(100%,560px)}
.validation-actions>form,.validation-actions>details,.validation-actions .btn{width:100%;margin:0}
.validation-actions .btn{min-height:46px;justify-content:center}
.validation-reject-details[open]{grid-column:1/-1;border:1px solid #f2c8ce;border-radius:18px;background:#fff;overflow:hidden}
.validation-reject-details[open]>summary{border-radius:17px 17px 0 0;border-width:0 0 1px}
.validation-reject-form{display:grid;gap:12px;padding:15px}
.validation-reject-heading strong,.validation-reject-heading span{display:block}.validation-reject-heading strong{font-size:14px}.validation-reject-heading span{margin-top:3px;color:var(--muted);font-size:11px;font-weight:700;line-height:1.4}
.validation-reject-form textarea{min-height:86px}
.validation-reject-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.validation-reject-options .checkline{margin:0;padding:11px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe}
.validation-reject-selects{display:grid;grid-template-columns:1fr 150px;gap:10px}
.validation-reject-selects label{margin:0;color:var(--muted);font-size:11px;font-weight:850}
.validation-reject-selects .select{margin-top:5px}
.validation-confirm-reject{margin-top:2px!important}
.validation-all-done{display:grid;place-items:center;gap:5px;min-height:220px;padding:30px;border:1px dashed var(--line);border-radius:28px;background:#fff;text-align:center}
.validation-all-done strong{font-size:22px}.validation-all-done span{color:var(--muted);font-weight:700}
@media(max-width:1050px){.validation-content-grid{grid-template-columns:1fr}.validation-context-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.validation-context-panel .validation-section-title,.validation-context-panel .validation-no-products{grid-column:1/-1}.validation-product{border:1px solid var(--line);border-radius:16px;padding:9px!important;background:#fff}.validation-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.validation-review-header,.validation-section-title{display:grid}.validation-review-header,.validation-content-grid,.validation-decision-panel{padding:17px}.validation-meta-grid{grid-template-columns:1fr;padding:14px 17px}.validation-status{justify-self:start}.validation-context-panel{grid-template-columns:1fr}.validation-decision-panel{grid-template-columns:1fr}.validation-actions{grid-template-columns:1fr;width:100%;justify-self:stretch}.validation-reject-details[open]{grid-column:auto}.validation-reject-options,.validation-reject-selects{grid-template-columns:1fr}.validation-gallery{grid-template-columns:1fr}.validation-section-title>small{display:none}}

/* Admin/operational separation and guided setup */
.admin-context .sidebar{border-right-color:#d8dde7}.operational-context .sidebar{border-right-color:#b9dec7}.nav-order{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:#f2f4f8;color:#4b5565;font-size:11px;font-weight:1000}.nav a.active .nav-order{background:var(--brand);color:#fff}.operational-switch{width:100%;border-color:#bfd9c8!important;background:#f0fbf4!important;color:#176236!important}.operational-mode-notice{border-color:#bfe3cb!important;background:#f3fcf6!important}.sidebar-footer form{width:100%}.sidebar-footer form .btn{width:100%}.topbar-actions form{margin:0}.admin-mode-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fff 0%,#fff7f8 100%);box-shadow:0 16px 40px rgba(18,24,40,.05)}.admin-mode-hero h2{margin:5px 0 8px;font-size:32px;letter-spacing:-.055em}.admin-mode-hero p{max-width:720px;margin:0;color:var(--muted);font-weight:700;line-height:1.55}.admin-structure-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:20px}.admin-structure-grid>a{display:grid;min-height:180px;padding:18px;border:1px solid var(--line);border-radius:23px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 12px 28px rgba(18,24,40,.045);transition:.18s ease}.admin-structure-grid>a:hover{transform:translateY(-2px);border-color:#d6a5ad}.admin-structure-grid span{color:var(--brand);font-size:11px;font-weight:1000}.admin-structure-grid b{margin-top:12px;font-size:18px}.admin-structure-grid strong{align-self:end;font-size:34px}.admin-structure-grid small{margin-top:5px;color:var(--muted);font-weight:700;line-height:1.35}.admin-supervision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:18px}.admin-alert-card{display:grid;grid-template-columns:1fr auto;gap:5px;padding:18px;border:1px solid #f1d0d5;border-radius:20px;background:#fff8f9;color:inherit;text-decoration:none}.admin-alert-card strong{grid-row:1/3;grid-column:2;font-size:28px;color:var(--brand)}.admin-alert-card small{color:var(--muted);font-weight:700}.admin-alert-card.neutral{border-color:var(--line);background:#fff}.separated-resource-intro{align-items:center}.resource-intro-actions{display:flex;gap:9px;flex-wrap:wrap}.resource-groups{display:grid;gap:18px;margin-top:22px}.resource-group-card{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 12px 32px rgba(18,24,40,.05)}.resource-group-card>header{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line);background:#fbfcfe}.resource-group-card h2{margin:3px 0;font-size:24px}.resource-group-card p{margin:0;color:var(--muted);font-weight:700}.zone-clean-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.zone-clean-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#fff}.zone-clean-card.is-inactive,.task-admin-clean-card.is-inactive{opacity:.65}.zone-clean-photo{width:92px;height:92px;overflow:hidden;border:1px dashed var(--line);border-radius:16px;background:#f5f7fa;display:grid;place-items:center;color:var(--muted);font-size:11px;font-weight:800}.zone-clean-photo img{width:100%;height:100%;object-fit:cover}.zone-clean-info>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.zone-clean-info h3{margin:0;font-size:18px}.zone-clean-info p{margin:7px 0;font-size:12px}.zone-clean-stats{display:flex!important;justify-content:flex-start!important;gap:12px!important;color:var(--muted);font-size:11px}.zone-clean-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line)}.zone-clean-actions details{position:relative}.zone-more-actions>div{position:absolute;right:0;z-index:6;display:grid;gap:8px;width:190px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(18,24,40,.15)}.zone-more-actions form,.zone-more-actions .btn{width:100%;margin:0}.zone-compact-edit{position:absolute;right:0;z-index:5;width:min(420px,80vw);display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 44px rgba(18,24,40,.15)}.zone-compact-edit label{margin:0}.resource-filter-bar{display:grid;grid-template-columns:1fr 1fr auto auto;gap:12px;align-items:end;margin:18px 0;padding:15px;border:1px solid var(--line);border-radius:20px;background:#fff}.resource-filter-bar label{margin:0;color:var(--muted);font-size:11px;font-weight:900}.resource-filter-bar .select{margin-top:5px}.task-admin-list-clean{display:grid;gap:14px}.task-admin-clean-card{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:18px;padding:19px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(18,24,40,.045)}.task-admin-location{color:var(--brand);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.task-admin-clean-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-top:7px}.task-admin-clean-title small{color:var(--muted);font-weight:800}.task-admin-clean-title h3{margin:2px 0 0;font-size:22px}.task-admin-clean-main>p{margin:8px 0;color:var(--muted);font-weight:700}.task-admin-clean-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.task-admin-clean-facts span{padding:9px;border:1px solid var(--line);border-radius:13px;font-size:12px;word-break:break-word}.task-admin-clean-facts b{display:block;margin-bottom:3px;color:var(--muted);font-size:9px;text-transform:uppercase}.task-admin-clean-actions{display:grid;align-content:start;gap:8px}.task-admin-clean-actions form,.task-admin-clean-actions .btn{width:100%;margin:0}.edit-task-breadcrumb{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px;color:var(--muted);font-weight:800}.edit-task-breadcrumb a{color:var(--brand)}.standalone-task-editor{display:grid;gap:15px}.standalone-edit-section{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff}.standalone-edit-section>header{display:flex;gap:13px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);background:#fbfcfe}.standalone-edit-section>header>span{width:40px;height:40px;border-radius:14px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:1000}.standalone-edit-section h2{margin:0;font-size:19px}.standalone-edit-section p{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:700}.standalone-edit-body{display:grid;gap:13px;padding:18px}.standalone-edit-save{position:sticky;bottom:12px;display:flex;justify-content:flex-end;gap:10px;padding:13px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.94);box-shadow:0 12px 36px rgba(18,24,40,.12);backdrop-filter:blur(10px)}.setup-wizard-shell{margin-top:8px}.setup-stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.setup-stepper span{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:15px;background:#fff}.setup-stepper b{flex:0 0 auto;width:28px;height:28px;border-radius:10px;background:#edf0f4;display:grid;place-items:center;font-size:11px}.setup-stepper small{font-weight:900;color:var(--muted)}.setup-stepper .is-current{border-color:#d99ca6;background:#fff8f9}.setup-stepper .is-current b{background:var(--brand);color:#fff}.setup-stepper .is-complete b{background:#dff5e6;color:#176236}.setup-context-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px;padding:10px 14px;border-radius:14px;background:#f4f6f9;color:var(--muted);font-size:12px}.setup-context-line b{color:#303747}.setup-stage{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 42px rgba(18,24,40,.055)}.setup-stage>header{display:flex;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfe)}.setup-stage>header>span{width:48px;height:48px;border-radius:16px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:1000}.setup-stage h2{margin:0;font-size:25px}.setup-stage header p{margin:5px 0 0;color:var(--muted);font-weight:700}.setup-stage-body{display:grid;gap:16px;padding:24px}.setup-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.setup-choice-grid a{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;color:inherit;text-decoration:none}.setup-choice-grid a:hover{border-color:#d69aa5;background:#fff9fa}.setup-choice-grid span{color:var(--muted);font-size:12px}.setup-choice-grid em{margin-top:8px;color:var(--brand);font-size:12px;font-style:normal;font-weight:900}.setup-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.setup-divider:before,.setup-divider:after{content:'';height:1px;background:var(--line);flex:1}.setup-inline-form,.setup-task-form{display:grid;gap:13px}.setup-next-button{justify-self:end;min-width:240px}.setup-secondary-action{text-align:right}.setup-secondary-action a{color:var(--brand);font-weight:900}.setup-summary-card{display:grid;gap:6px;padding:20px;border:1px solid #bfe3cb;border-radius:20px;background:#f3fcf6}.setup-summary-card span{color:#237044;font-size:11px;font-weight:1000;text-transform:uppercase}.setup-summary-card b{font-size:18px}.setup-summary-card small{color:var(--muted);font-weight:700}.setup-final-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.setup-final-stage{text-align:center}.setup-final-stage header{text-align:left}.setup-complete-mark{margin:auto;width:70px;height:70px;border-radius:24px;background:#dff5e6;color:#176236;display:grid;place-items:center;font-size:32px;font-weight:1000}
@media(max-width:1180px){.admin-structure-grid{grid-template-columns:repeat(3,1fr)}.task-admin-clean-facts{grid-template-columns:repeat(2,1fr)}.setup-stepper{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.admin-mode-hero,.resource-group-card>header,.separated-resource-intro{display:grid}.admin-structure-grid,.admin-supervision-grid,.zone-clean-grid,.setup-choice-grid{grid-template-columns:1fr}.resource-filter-bar,.task-admin-clean-card{grid-template-columns:1fr}.task-admin-clean-actions{grid-template-columns:repeat(2,1fr)}.setup-stepper{display:flex;overflow:auto}.setup-stepper span{min-width:130px}.setup-stage>header,.setup-stage-body{padding:17px}.zone-compact-edit{position:fixed;left:10px;right:10px;top:80px;width:auto;max-height:75vh;overflow:auto}.topbar-actions .operational-switch{display:none}}
@media(max-width:520px){.admin-structure-grid{grid-template-columns:1fr}.task-admin-clean-facts{grid-template-columns:1fr}.zone-clean-card{grid-template-columns:1fr}.zone-clean-photo{width:100%;height:150px}.task-admin-clean-actions{grid-template-columns:1fr}.setup-next-button{width:100%;min-width:0}}
/* Admin onboarding and interactive tutorial */
.admin-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-welcome-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(18,24,40,.58);backdrop-filter:blur(8px);animation:welcome-fade .22s ease}.admin-welcome-dialog{width:min(610px,100%);padding:34px;border:1px solid rgba(255,255,255,.7);border-radius:30px;background:#fff;box-shadow:0 34px 90px rgba(18,24,40,.28);text-align:center;animation:welcome-rise .28s ease}.admin-welcome-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 15px;border-radius:22px;background:linear-gradient(145deg,var(--brand),#9c2438);color:#fff;font-size:22px;font-weight:1000;box-shadow:0 14px 30px rgba(163,31,53,.22)}.admin-welcome-dialog h2{margin:7px 0 10px;font-size:32px;letter-spacing:-.045em}.admin-welcome-dialog>p{max-width:500px;margin:0 auto;color:var(--muted);font-weight:700;line-height:1.55}.admin-welcome-route{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0 16px}.admin-welcome-route span{padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:#f8f9fb;font-size:11px;font-weight:900}.admin-welcome-route i{color:#bd8490;font-style:normal}.admin-welcome-note{display:grid;gap:3px;padding:13px;border:1px solid #bfe3cb;border-radius:16px;background:#f3fcf6}.admin-welcome-note b{color:#176236}.admin-welcome-note span{color:#52725e;font-size:12px;font-weight:700}.admin-welcome-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.admin-welcome-actions form{margin:0}.admin-welcome-dialog>small{display:block;margin-top:14px;color:var(--muted);font-weight:700}@keyframes welcome-fade{from{opacity:0}}@keyframes welcome-rise{from{transform:translateY(14px) scale(.98)}}
.admin-tutorial{display:grid;gap:14px}.tutorial-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#fff,#fff8f9)}.tutorial-header h2{margin:8px 0 6px;font-size:30px;letter-spacing:-.045em}.tutorial-header p{max-width:760px;margin:0;color:var(--muted);font-weight:700;line-height:1.5}.tutorial-sandbox-badge{display:inline-flex;padding:7px 10px;border:1px solid #bfe3cb;border-radius:999px;background:#f3fcf6;color:#176236;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em}.tutorial-progress{height:7px;overflow:hidden;border-radius:99px;background:#e8ebf0}.tutorial-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#df798a);transition:width .25s ease}.tutorial-mobile-progress{display:none}.tutorial-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.tutorial-steps{display:grid;align-content:start;gap:7px;padding:10px;border:1px solid var(--line);border-radius:24px;background:#fff}.tutorial-steps button{display:grid;grid-template-columns:34px 1fr;gap:1px 10px;padding:12px;border:1px solid transparent;border-radius:16px;background:transparent;color:inherit;text-align:left;cursor:pointer}.tutorial-steps button:hover{background:#f7f8fa}.tutorial-steps button>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eef0f4;color:#687183;font-size:10px;font-weight:1000}.tutorial-steps button>b{font-size:13px}.tutorial-steps button>small{color:var(--muted);font-size:10px;font-weight:700}.tutorial-steps button.is-active{border-color:#e2b5bd;background:#fff7f8}.tutorial-steps button.is-active>span{background:var(--brand);color:#fff}.tutorial-steps button.is-done>span{background:#dff5e6;color:#176236}.tutorial-stage{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 16px 42px rgba(18,24,40,.055)}.tutorial-scene{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(420px,1.5fr);gap:28px;align-items:center;min-height:510px;padding:32px;animation:tutorial-scene-in .25s ease}.tutorial-scene[hidden]{display:none}.tutorial-explanation h3{margin:8px 0 10px;font-size:29px;line-height:1.06;letter-spacing:-.04em}.tutorial-explanation>p{margin:0;color:var(--muted);font-weight:700;line-height:1.6}.tutorial-kicker{color:var(--brand);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.tutorial-tip{display:grid;gap:4px;margin-top:19px;padding:14px;border-left:4px solid #5db87b;border-radius:5px 15px 15px 5px;background:#f3fcf6}.tutorial-tip b{font-size:12px}.tutorial-tip span{color:#52725e;font-size:11px;font-weight:700;line-height:1.45}.tutorial-tip.warning{border-left-color:#e7a23c;background:#fff9ed}.tutorial-tip.warning span{color:#806239}@keyframes tutorial-scene-in{from{opacity:0;transform:translateX(10px)}}
.tutorial-mock{overflow:hidden;padding:22px;border:1px solid #dce0e7;border-radius:22px;background:#f8f9fb;box-shadow:0 20px 50px rgba(18,24,40,.12)}.mock-window-bar{display:flex;align-items:center;gap:5px;margin:-22px -22px 20px;padding:11px 14px;border-bottom:1px solid #dfe3e8;background:#fff}.mock-window-bar i{width:7px;height:7px;border-radius:50%;background:#d8dce3}.mock-window-bar i:first-child{background:#df7586}.mock-window-bar span{margin-left:6px;color:#7c8493;font-size:9px;font-weight:900}.hierarchy-row{display:grid;grid-template-columns:repeat(3,1fr auto);align-items:center;gap:9px}.hierarchy-row>div,.hierarchy-branches>div{display:grid;min-height:110px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.hierarchy-row>div span,.hierarchy-branches span{color:var(--brand);font-size:9px;font-weight:1000}.hierarchy-row>div b,.hierarchy-branches b{margin-top:9px}.hierarchy-row>div small,.hierarchy-branches small{align-self:end;color:var(--muted);font-size:9px;font-weight:700}.hierarchy-row>i{color:#c0959d;font-style:normal}.hierarchy-row>div:nth-of-type(3){grid-column:auto}.hierarchy-branches{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.mock-step-line{display:flex;align-items:center;width:75%;margin:5px auto 24px}.mock-step-line b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--brand);color:#fff;font-size:11px}.mock-step-line b.done{background:#dff5e6;color:#176236}.mock-step-line span{height:2px;flex:1;background:#cfd5de}.mock-field{display:grid;gap:5px;margin-top:10px}.mock-field>span{color:#747d8e;font-size:9px;font-weight:900;text-transform:uppercase}.mock-field>strong{padding:11px 12px;border:1px solid #d9dee6;border-radius:12px;background:#fff;font-size:12px}.mock-field em{float:right;color:#22804a;font-style:normal}.mock-callout{margin-top:14px;padding:11px;border-radius:12px;background:#eef1f6;color:#626b7c;font-size:10px;font-weight:800}.mock-callout.success{background:#e8f8ed;color:#176236}.mock-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 10px}.mock-form-grid .mock-window-bar,.mock-form-grid .wide{grid-column:1/-1}.mock-toggle{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px;border:1px solid #dce1e8;border-radius:13px;background:#fff}.mock-toggle>i{position:relative;width:34px;height:19px;border-radius:99px;background:#ccd2db}.mock-toggle.is-on>i{background:#55ad72}.mock-toggle.is-on>i:after{content:'';position:absolute;right:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#fff}.mock-toggle span{display:grid}.mock-toggle b{font-size:10px}.mock-toggle small{color:var(--muted);font-size:8px}.mock-product{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center;padding:12px;border:2px solid #d58e9a;border-radius:15px;background:#fff}.mock-product>div{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#fff0f2;color:var(--brand);font-weight:1000}.mock-product span{display:grid}.mock-product small{color:var(--muted);font-size:9px}.mock-product>i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#dff5e6;color:#176236;font-style:normal}.mock-dose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.mock-week span{display:grid;place-items:center;gap:5px;padding:10px 4px;border:1px solid #bfe3cb;border-radius:12px;background:#f3fcf6;color:#176236;font-size:10px;font-weight:1000}.mock-week span b{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#55ad72;color:#fff}.mock-week span.off{border-color:#e2e5ea;background:#f0f2f5;color:#9ca3af}.mock-schedule{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}.mock-schedule>i{padding:7px;border-radius:9px;background:#fff0f2;color:var(--brand);font-size:11px;font-style:normal;font-weight:1000}.mock-schedule div{display:grid}.mock-schedule small{color:var(--muted);font-size:9px}.mock-schedule>span{font-size:9px;font-weight:900}.lifecycle-row{display:grid;grid-template-columns:repeat(4,1fr auto);align-items:center;gap:6px}.lifecycle-row>div{display:grid;place-items:center;gap:6px;min-height:85px;padding:9px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center}.lifecycle-row>div span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff0f2;color:var(--brand);font-size:10px;font-weight:1000}.lifecycle-row>div b{font-size:9px}.lifecycle-row>i{color:#c0959d;font-style:normal}.mock-validation{display:grid;grid-template-columns:65px 1fr auto;gap:11px;align-items:center;margin-top:17px;padding:12px;border:1px solid #ead4d8;border-radius:15px;background:#fff}.mock-photo{display:grid;place-items:center;width:65px;height:52px;border-radius:10px;background:linear-gradient(145deg,#e1e6ea,#c9d1d7);color:#68727b;font-size:8px;font-weight:900}.mock-validation>div:nth-child(2){display:grid}.mock-validation small,.mock-validation span{color:var(--muted);font-size:8px}.mock-validation button{padding:8px 11px;border:0;border-radius:9px;background:#25804a;color:#fff;font-size:9px;font-weight:900}.tutorial-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid var(--line);background:#fbfcfe}.tutorial-controls>span{display:grid;text-align:center}.tutorial-controls>span small{color:var(--muted);font-size:9px}.tutorial-controls form{margin:0}
@media(max-width:1100px){.tutorial-scene{grid-template-columns:1fr;min-height:0}.tutorial-explanation{max-width:720px}.tutorial-mock{width:100%}}
@media(max-width:820px){.admin-welcome-dialog{padding:25px 19px}.admin-welcome-dialog h2{font-size:27px}.admin-welcome-actions{display:grid}.admin-welcome-actions form,.admin-welcome-actions .btn{width:100%}.tutorial-header{display:grid;padding:19px}.tutorial-header h2{font-size:25px}.tutorial-workspace{grid-template-columns:1fr}.tutorial-steps{display:flex;overflow:auto}.tutorial-steps button{flex:0 0 155px}.tutorial-mobile-progress{display:block;color:var(--muted);font-size:11px;font-weight:800}.tutorial-scene{padding:20px}.tutorial-explanation h3{font-size:25px}}
@media(max-width:560px){.admin-welcome-route i{display:none}.admin-welcome-route span{flex:1 0 28%}.admin-welcome-dialog>small{font-size:10px}.admin-hero-actions{display:grid;width:100%}.admin-hero-actions .btn{width:100%}.tutorial-header .btn{width:100%}.tutorial-steps{margin-right:-10px}.tutorial-scene{padding:15px;gap:18px}.tutorial-mock{padding:14px}.mock-window-bar{margin:-14px -14px 14px}.hierarchy-row{grid-template-columns:1fr}.hierarchy-row>i{transform:rotate(90deg);text-align:center}.hierarchy-branches,.mock-form-grid,.mock-dose-grid{grid-template-columns:1fr}.mock-form-grid .mock-window-bar,.mock-form-grid .wide{grid-column:auto}.mock-form-grid .mock-window-bar{grid-column:1}.mock-week{gap:3px}.mock-week span{padding:7px 2px}.mock-schedule{grid-template-columns:auto 1fr}.mock-schedule>span{grid-column:2}.lifecycle-row{grid-template-columns:1fr}.lifecycle-row>i{transform:rotate(90deg);text-align:center}.mock-validation{grid-template-columns:55px 1fr}.mock-validation button{grid-column:1/-1}.tutorial-controls{display:grid;grid-template-columns:1fr 1fr}.tutorial-controls>span{grid-row:1;grid-column:1/-1}.tutorial-controls .btn,.tutorial-controls form{width:100%}.tutorial-controls form{grid-column:2}.tutorial-controls form .btn{width:100%}}
/* Narrative admin training simulator */
.story-tutorial{display:grid;gap:14px}.story-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:25px 27px;border:1px solid var(--line);border-radius:27px;background:linear-gradient(135deg,#fff 0%,#fff8f9 100%)}.story-header h2{margin:8px 0 6px;font-size:31px;letter-spacing:-.045em}.story-header p{max-width:790px;margin:0;color:var(--muted);font-weight:700;line-height:1.5}.story-progress{height:8px;overflow:hidden;border-radius:99px;background:#e7eaf0}.story-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#e17789);transition:width .35s ease}.story-mobile-status{display:none}.story-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}.story-chapters{display:grid;align-content:start;gap:6px;max-height:730px;padding:11px;overflow:auto;border:1px solid var(--line);border-radius:25px;background:#fff}.story-chapters-heading{display:grid;gap:3px;padding:10px 10px 13px;border-bottom:1px solid var(--line)}.story-chapters-heading span{color:var(--muted);font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.story-chapters-heading b{font-size:13px}.story-chapters button{display:grid;grid-template-columns:34px 1fr;gap:1px 10px;padding:10px;border:1px solid transparent;border-radius:15px;background:transparent;color:inherit;text-align:left;cursor:pointer}.story-chapters button>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eef0f4;color:#687183;font-size:10px;font-weight:1000}.story-chapters button>b{font-size:12px}.story-chapters button>small{color:var(--muted);font-size:9px;font-weight:700}.story-chapters button.is-active{border-color:#e2b5bd;background:#fff7f8}.story-chapters button.is-active>span{background:var(--brand);color:#fff}.story-chapters button.is-done>span{background:#dff5e6;color:#176236}.story-chapters button:disabled{cursor:not-allowed;opacity:.43}.story-stage{overflow:hidden;border:1px solid var(--line);border-radius:27px;background:#fff;box-shadow:0 16px 42px rgba(18,24,40,.055)}.story-context-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 19px;border-bottom:1px solid var(--line);background:#f8f9fb}.story-context-bar>div{display:grid}.story-context-bar span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.story-context-bar b{margin-top:2px;font-size:12px}.story-safe-pill{padding:6px 9px;border:1px solid #bfe3cb;border-radius:999px;background:#f3fcf6;color:#176236!important}.story-scene{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(460px,1.55fr);gap:28px;align-items:center;min-height:535px;padding:31px;animation:tutorial-scene-in .25s ease}.story-scene[hidden]{display:none}.story-copy h3{margin:8px 0 10px;font-size:29px;line-height:1.07;letter-spacing:-.04em}.story-copy>p{margin:0;color:var(--muted);font-weight:700;line-height:1.6}.story-screen{overflow:hidden;padding:21px;border:1px solid #dce0e7;border-radius:22px;background:#f8f9fb;box-shadow:0 20px 50px rgba(18,24,40,.12)}.story-screen .mock-window-bar{margin:-21px -21px 19px}.story-form-title{display:flex;align-items:center;gap:11px;margin-bottom:14px}.story-form-title>div:last-child{display:grid}.story-form-title small{color:var(--muted);font-size:9px}.story-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff0f2;color:var(--brand);font-size:11px;font-weight:1000}.story-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.story-field{display:grid;gap:4px;padding:11px;border:1px solid #dce1e8;border-radius:13px;background:#fff}.story-field.wide{grid-column:1/-1}.story-field span{color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}.story-field b{font-size:11px;line-height:1.35}.story-action{width:100%;margin-top:15px;justify-content:center;transition:.18s ease}.story-action.is-running{background:#747d8e!important;border-color:#747d8e!important}.story-action.is-complete{background:#277b49!important;border-color:#277b49!important;color:#fff!important}.story-result{display:flex;align-items:center;gap:10px;margin-top:10px;padding:11px;border:1px solid #bfe3cb;border-radius:13px;background:#f3fcf6;animation:welcome-rise .25s ease}.story-result[hidden]{display:none}.story-result>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#55ad72;color:#fff;font-weight:1000}.story-result>div{display:grid}.story-result b{color:#176236;font-size:11px}.story-result small{color:#52725e;font-size:9px;font-weight:700}.story-result.final{padding:15px}.story-parent-path{display:flex;align-items:center;gap:9px;margin-bottom:13px;padding:9px;border-radius:12px;background:#edf0f4;font-size:10px}.story-parent-path i{color:#b57b86;font-style:normal}.story-qr-preview{display:flex;align-items:center;gap:11px;margin-top:10px;padding:10px;border:1px dashed #ccd2db;border-radius:13px;background:#fff}.story-qr-preview>div{display:grid;grid-template-columns:repeat(3,7px);gap:2px;padding:5px;border:1px solid #222}.story-qr-preview i{width:7px;height:7px;background:#252a32}.story-qr-preview i:nth-child(2),.story-qr-preview i:nth-child(4),.story-qr-preview i:nth-child(8){background:#fff}.story-qr-preview span{color:var(--muted);font-size:9px;font-weight:800}.story-product-list{display:grid;gap:9px}.story-product-list>div{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:14px;background:#fff}.product-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:10px;font-weight:1000}.product-avatar.blue{background:#e8f1ff;color:#376aa7}.product-avatar.green{background:#e6f7ed;color:#287b4b}.story-product-list p{display:grid;margin:0}.story-product-list p b{font-size:11px}.story-product-list p small{color:var(--muted);font-size:9px}.story-product-list em{padding:5px 7px;border-radius:8px;background:#edf8f1;color:#287b4b;font-size:8px;font-style:normal;font-weight:900}.story-control-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.story-control-chips span{padding:7px 9px;border:1px solid #bfe3cb;border-radius:999px;background:#f3fcf6;color:#176236;font-size:8px;font-weight:900}.story-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.story-week>div{display:grid;place-items:center;gap:5px;min-height:66px;padding:7px;border:1px solid #dfe3e9;border-radius:12px;background:#f0f2f5;color:#8a92a0;text-align:center}.story-week span{font-size:10px;font-weight:1000}.story-week b{font-size:7px}.story-week .on{border-color:#bfe3cb;background:#f3fcf6;color:#176236}.story-calendar-task{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;margin-top:13px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.story-calendar-task>i{padding:7px;border-radius:9px;background:#fff0f2;color:var(--brand);font-size:10px;font-style:normal;font-weight:1000}.story-calendar-task>div{display:grid}.story-calendar-task b{font-size:10px}.story-calendar-task small{color:var(--muted);font-size:8px}.story-calendar-task>span{font-size:8px;font-weight:900}.operational-story-screen{border-color:#bfe3cb;background:#f4faf6}.story-today-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.story-today-header>div{display:grid}.story-today-header span{color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}.story-today-header b{font-size:15px}.story-today-header em{padding:6px 8px;border-radius:9px;background:#fff0dc;color:#946318;font-size:8px;font-style:normal;font-weight:900}.story-worker-task{display:grid;grid-template-columns:48px 1fr auto;gap:11px;align-items:center;padding:13px;border:1px solid #cddfd3;border-radius:15px;background:#fff}.worker-task-status{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e7f7ec;color:#176236;font-size:10px;font-weight:1000}.story-worker-task>div:nth-child(2){display:grid}.story-worker-task span,.story-worker-task small{color:var(--muted);font-size:8px}.story-worker-task b{font-size:11px}.story-worker-task strong{padding:6px 8px;border-radius:9px;background:#fff1db;color:#9b6717;font-size:8px}.story-scene.is-completed .story-worker-task strong{background:#dff5e6;color:#176236}.story-auto-note,.story-resolution-note{margin-top:10px;padding:10px;border:1px dashed #cbd3dc;border-radius:12px;color:var(--muted);font-size:9px;font-weight:700;line-height:1.4}.story-evidence-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:11px}.story-evidence-photo{position:relative;display:grid;align-content:end;min-height:235px;overflow:hidden;padding:15px;border-radius:15px;background:linear-gradient(145deg,#e9f2f5 0%,#d3e4e1 42%,#9fc7bb 100%)}.story-evidence-photo:before{content:'';position:absolute;inset:20px 35px 55px;border:10px solid rgba(255,255,255,.7);border-radius:50% 50% 36% 36%}.evidence-sparkle{position:absolute;right:15px;top:14px;color:#fff;font-size:24px}.story-evidence-photo span,.story-evidence-photo b{position:relative;z-index:1}.story-evidence-photo span{font-size:8px;font-weight:900;text-transform:uppercase}.story-evidence-photo b{font-size:11px}.story-evidence-data{padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.validation-pending{display:inline-flex;padding:5px 7px;border-radius:8px;background:#fff1db;color:#9b6717;font-size:7px;font-weight:1000;text-transform:uppercase}.story-evidence-data h4{margin:10px 0;font-size:14px}.story-evidence-data dl{display:grid;gap:7px;margin:0}.story-evidence-data dl>div{display:grid;grid-template-columns:90px 1fr;gap:8px;padding-top:7px;border-top:1px solid var(--line)}.story-evidence-data dt{color:var(--muted);font-size:8px;font-weight:800}.story-evidence-data dd{margin:0;font-size:8px;font-weight:800;line-height:1.35}.incident-story-screen{border-color:#edd6b0;background:#fffaf0}.story-incident-preview{padding:17px;border:1px solid #ead7b8;border-radius:16px;background:#fff}.incident-priority{display:inline-flex;padding:5px 8px;border-radius:8px;background:#fff0d7;color:#98651a;font-size:8px;font-weight:1000;text-transform:uppercase}.story-incident-preview h4{margin:11px 0 5px;font-size:17px}.story-incident-preview p{margin:0;color:var(--muted);font-size:10px;font-weight:700;line-height:1.45}.story-incident-preview>div{display:grid;grid-template-columns:85px 1fr;gap:5px 10px;margin-top:13px;padding-top:11px;border-top:1px solid var(--line)}.story-incident-preview>div span{color:var(--muted);font-size:8px}.story-incident-preview>div b{font-size:8px}.story-admin-inbox{display:grid;gap:9px}.story-admin-inbox>div{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.inbox-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-weight:1000}.inbox-icon.validation{background:#e7f7ec;color:#176236}.inbox-icon.incident{background:#fff0d7;color:#98651a}.story-admin-inbox p{display:grid;margin:0}.story-admin-inbox p b{font-size:10px}.story-admin-inbox p small{color:var(--muted);font-size:8px}.story-admin-inbox em{padding:5px 7px;border-radius:8px;background:#fff1db;color:#946318;font-size:7px;font-style:normal;font-weight:1000}.story-scene.is-completed .story-admin-inbox em{background:#dff5e6;color:#176236}.story-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 19px;border-top:1px solid var(--line);background:#fbfcfe}.story-controls>div{display:grid;text-align:center}.story-controls>div small{color:var(--muted);font-size:8px}.story-controls form{margin:0}
@media(max-width:1120px){.story-scene{grid-template-columns:1fr;min-height:0}.story-copy{max-width:760px}.story-screen{width:100%}}
@media(max-width:820px){.story-header{display:grid;padding:19px}.story-header h2{font-size:25px}.story-header .btn{width:100%}.story-workspace{grid-template-columns:1fr}.story-chapters{display:flex;max-height:none;overflow:auto}.story-chapters-heading{flex:0 0 160px;border:0;border-right:1px solid var(--line)}.story-chapters button{flex:0 0 140px}.story-mobile-status{display:block;color:var(--muted);font-size:11px;font-weight:800}.story-scene{padding:20px}.story-copy h3{font-size:25px}}
@media(max-width:560px){.story-scene{padding:14px;gap:17px}.story-screen{padding:14px}.story-screen .mock-window-bar{margin:-14px -14px 14px}.story-field-grid,.story-evidence-grid{grid-template-columns:1fr}.story-field.wide{grid-column:auto}.story-week{gap:3px}.story-week>div{min-height:55px;padding:5px 2px}.story-week b{font-size:6px}.story-calendar-task{grid-template-columns:auto 1fr}.story-calendar-task>span{grid-column:2}.story-worker-task{grid-template-columns:44px 1fr}.story-worker-task>strong{grid-column:2;justify-self:start}.story-evidence-photo{min-height:190px}.story-evidence-data dl>div{grid-template-columns:1fr}.story-admin-inbox>div{grid-template-columns:36px 1fr}.story-admin-inbox em{grid-column:2;justify-self:start}.story-controls{display:grid;grid-template-columns:1fr 1fr}.story-controls>div{grid-row:1;grid-column:1/-1}.story-controls .btn,.story-controls form{width:100%}.story-controls form{grid-column:2}.story-controls form .btn{width:100%}}
/* Real-interface training sandbox */
.training-mode{overflow-x:hidden}.training-environment-bar{position:fixed;inset:0 0 auto 0;z-index:1200;height:40px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;background:#17233b;color:#fff;box-shadow:0 5px 18px rgba(16,24,40,.22)}.training-environment-bar span{padding:4px 8px;border-radius:7px;background:#2b8753;font-size:9px;font-weight:1000;letter-spacing:.08em}.training-environment-bar b{font-size:11px}.training-environment-bar a{position:absolute;right:20px;color:#fff;font-size:11px;font-weight:900;text-decoration:underline}.training-app{padding-top:40px}.training-mode .sidebar{top:40px;height:calc(100vh - 40px)}.training-main{min-width:0;padding-bottom:250px}.training-screen{animation:training-screen-in .2s ease}.training-screen[hidden]{display:none!important}@keyframes training-screen-in{from{opacity:0;transform:translateY(5px)}}.training-screen .admin-structure-grid>article,.training-screen .admin-supervision-grid>article{display:grid;padding:18px;border:1px solid var(--line);border-radius:23px;background:#fff}.training-screen .admin-structure-grid>article{min-height:180px}.training-screen .admin-structure-grid>article span{color:var(--brand);font-size:11px;font-weight:1000}.training-screen .admin-structure-grid>article b{margin-top:12px;font-size:18px}.training-screen .admin-structure-grid>article strong{align-self:end;font-size:34px}.training-screen .admin-structure-grid>article small{color:var(--muted);font-weight:700}.training-created-item[hidden],.training-screen [hidden]{display:none!important}.training-link-button{border:0;background:none;color:var(--brand);font:inherit;font-weight:900;cursor:pointer}.training-task-card{display:grid;gap:15px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff}.training-task-card h3{margin:10px 0 5px}.training-task-card p{margin:0;color:var(--muted);font-weight:700}.training-task-product{display:grid;gap:4px;padding:13px;border:1px solid #bfe3cb;border-radius:14px;background:#f3fcf6}.training-task-product span{color:#52725e;font-size:12px;font-weight:800}.training-photo-field{display:grid;gap:6px}.training-photo-field>span{font-size:11px;font-weight:900}.training-photo-field>div{display:grid;place-items:center;min-height:100px;border:2px dashed #cbd2dc;border-radius:15px;background:#f8f9fb;color:var(--muted);font-size:11px;font-weight:800}.training-evidence-photo{width:min(360px,100%);padding:0;text-align:left}.training-evidence-image{display:grid;place-items:center;min-height:190px;background:linear-gradient(145deg,#e8f0f2,#bbd8d0);color:#3e6d61;font-weight:900}.training-evidence-photo.is-open .training-evidence-image{min-height:280px}.training-coach{position:fixed;right:20px;bottom:18px;z-index:1100;width:min(410px,calc(100vw - 40px));overflow:hidden;padding:20px;border:1px solid #e5adb7;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(18,24,40,.28)}.training-coach-progress{height:5px;margin:-20px -20px 16px;background:#edf0f4}.training-coach-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#df7184);transition:width .25s ease}.training-coach>span{color:var(--brand);font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em}.training-coach h2{margin:6px 0 7px;font-size:21px;letter-spacing:-.035em}.training-coach p{margin:0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.5}.training-coach-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}.training-coach-footer small{color:var(--muted);font-size:9px;font-weight:800}.training-coach-footer form{margin:0}.training-reset{border:0;background:transparent;color:var(--brand);font-size:10px;font-weight:900;cursor:pointer}.training-coach.is-finished{border-color:#a9d9b8;background:#f4fcf6}.training-coach.is-finished .training-coach-footer small{display:none}.training-highlight{position:relative!important;z-index:1000!important;outline:4px solid #ffb000!important;outline-offset:4px!important;box-shadow:0 0 0 9px rgba(255,176,0,.22),0 16px 42px rgba(18,24,40,.28)!important;animation:training-pulse 1.15s ease-in-out infinite!important}.sidebar .training-highlight{background:#fff8e6!important;color:#8d5f00!important;border-color:#ffb000!important}.training-highlight:after{content:'PULSA AQUÍ';position:absolute;right:8px;top:-16px;padding:4px 7px;border-radius:7px;background:#ffb000;color:#3f2c00;font-size:7px;font-weight:1000;letter-spacing:.04em;white-space:nowrap}.training-nudge{animation:training-nudge .28s ease}.training-current-link{opacity:.55}.training-mode input[readonly],.training-mode textarea[readonly]{background:#f8f9fb}@keyframes training-pulse{50%{outline-color:#ffd36d;box-shadow:0 0 0 14px rgba(255,176,0,.08),0 16px 42px rgba(18,24,40,.22)}}@keyframes training-nudge{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
@media(max-width:980px){.training-mode .sidebar{position:fixed!important;top:40px!important;left:0!important;height:calc(100vh - 40px)!important;z-index:1150!important;transform:translateX(-105%);transition:transform .2s ease}.training-mode.sidebar-open .sidebar{transform:translateX(0)}.training-mode .sidebar-scrim{top:40px}.training-main{padding-bottom:270px}}
@media(max-width:620px){.training-environment-bar{justify-content:flex-start;padding-left:10px}.training-environment-bar b{display:none}.training-environment-bar a{right:10px}.training-coach{right:9px;bottom:9px;width:calc(100vw - 18px);padding:16px;border-radius:20px}.training-coach-progress{margin:-16px -16px 13px}.training-coach h2{font-size:18px}.training-coach p{font-size:11px}.training-coach-footer{display:grid;grid-template-columns:auto 1fr}.training-coach-footer form{grid-column:1/-1}.training-coach-footer form .btn{width:100%}.training-main{padding-bottom:290px}.training-screen .admin-structure-grid>article{min-height:120px}.training-mode .planning-days-v26{grid-template-columns:1fr}.training-mode .validation-content-grid{grid-template-columns:1fr}}.resource-order-next{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:12px 0 18px}.resource-order-next>span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}@media(max-width:620px){.resource-order-next{display:grid}.resource-order-next .btn{width:100%}}
.setup-measure-rule{display:grid;gap:4px;padding:13px 15px;border:1px solid #b9d8f4;border-radius:16px;background:#f2f8fe;color:#244b6b}.setup-measure-rule b{font-size:13px}.setup-measure-rule span{font-size:12px;font-weight:700;line-height:1.45}
.admin-today-summary{margin-top:18px}.overview-zone-actions{display:flex;gap:6px;align-items:center}.overview-zone-actions .btn{width:auto;white-space:nowrap;padding:9px 11px}@media(max-width:760px){.overview-zone-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.overview-zone-actions .btn{width:100%}}


/* Historial mensual */
.history-month-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid #fecdd3;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fff7f7 100%);margin-bottom:18px}.history-month-summary h2{font-size:30px;margin:4px 0}.history-month-summary p{margin:0;color:#64748b}.history-month-kpis{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.history-month-kpis span{display:flex;flex-direction:column;min-width:110px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:#64748b;font-size:12px}.history-month-kpis b{color:#111827;font-size:21px}.history-calendar-card{overflow-x:auto}.history-calendar-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.history-calendar-toolbar>div{min-width:190px;text-align:center}.history-calendar-toolbar span{color:#64748b;font-size:12px}.history-calendar-toolbar h2{margin:2px 0 0;text-transform:capitalize}.history-month-arrow{min-width:44px;padding-inline:12px}.history-calendar-toolbar .btn.soft{margin-left:auto}.history-calendar-filters{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto auto;gap:10px;padding:14px;border-radius:16px;background:#f8fafc;margin-bottom:16px}.history-calendar-legend{display:flex;flex-wrap:wrap;gap:14px 20px;margin:8px 0 18px;color:#475569;font-size:12px}.history-calendar-legend span{display:inline-flex;align-items:center;gap:7px}.history-calendar-legend i{width:11px;height:11px;border-radius:4px;background:#e2e8f0}.history-calendar-legend .legend-today i{background:#fff;box-shadow:0 0 0 2px #0f172a}.history-calendar-legend .legend-complete i{background:#22c55e}.history-calendar-legend .legend-partial i{background:#f59e0b}.history-calendar-legend .legend-incident i{background:#ef4444}.history-calendar-legend .legend-pending i{background:#60a5fa}.history-calendar-legend .legend-off i{background:#cbd5e1}.history-calendar-weekdays,.history-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:8px;min-width:760px}.history-calendar-weekdays{margin-bottom:8px}.history-calendar-weekdays span{text-align:center;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.history-calendar-day,.history-calendar-blank{min-height:118px;border-radius:15px}.history-calendar-day{position:relative;display:flex;flex-direction:column;gap:7px;padding:11px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.history-calendar-day:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.09)}.history-calendar-day.is-today{border:2px solid #0f172a}.history-calendar-day.is-selected{box-shadow:0 0 0 3px rgba(15,23,42,.14)}.history-day-top{display:flex;align-items:center;justify-content:space-between}.history-day-top time{font-size:18px;font-weight:900}.history-day-top em{padding:3px 7px;border-radius:999px;background:#0f172a;color:#fff;font-size:9px;font-style:normal;text-transform:uppercase}.history-calendar-day>strong{font-size:12px}.history-calendar-day>small{margin-top:auto;color:#64748b;font-size:10px;line-height:1.3}.history-day-progress{height:5px;border-radius:999px;background:rgba(148,163,184,.25);overflow:hidden}.history-day-progress i{display:block;height:100%;border-radius:inherit;background:currentColor}.history-calendar-day.status-complete{border-color:#86efac;background:#f0fdf4;color:#15803d}.history-calendar-day.status-partial{border-color:#fcd34d;background:#fffbeb;color:#b45309}.history-calendar-day.status-incident{border-color:#fca5a5;background:#fef2f2;color:#b91c1c}.history-calendar-day.status-pending,.history-calendar-day.status-planned{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.history-calendar-day.status-off{background:#f1f5f9;color:#64748b;border-style:dashed}.history-calendar-day.status-empty{background:#fff;color:#94a3b8}.history-day-detail{scroll-margin-top:18px;margin-top:20px}.history-day-detail-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;border-radius:22px 22px 0 0;background:#0f172a;color:#fff}.history-day-detail-head h2{margin:4px 0;text-transform:capitalize}.history-day-detail-head p{margin:0;color:#cbd5e1}.history-selected-progress{display:flex;flex-direction:column;align-items:flex-end}.history-selected-progress strong{font-size:36px}.history-selected-progress span{font-size:12px;color:#cbd5e1}.history-day-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#e2e8f0;border:1px solid #e2e8f0}.history-day-kpis article{display:flex;flex-direction:column;gap:4px;padding:15px;background:#fff}.history-day-kpis span{color:#64748b;font-size:11px}.history-day-kpis strong{font-size:24px}.history-day-kpis .is-complete strong{color:#15803d}.history-day-kpis .is-pending strong{color:#b45309}.history-day-kpis .is-incident strong{color:#b91c1c}.history-location-list{display:grid;gap:12px;padding:18px;background:#f8fafc;border:1px solid #e2e8f0;border-top:0;border-radius:0 0 22px 22px;margin-bottom:16px}.history-location-summary{padding:18px;border:1px solid #e2e8f0;border-left:5px solid #22c55e;border-radius:16px;background:#fff}.history-location-summary.has-pending{border-left-color:#f59e0b}.history-location-summary.has-incident{border-left-color:#ef4444}.history-location-summary header{display:flex;align-items:center;justify-content:space-between}.history-location-summary header span{font-size:11px;color:#64748b}.history-location-summary h3{margin:2px 0}.history-location-summary header>strong{font-size:24px}.history-location-progress{height:7px;margin:12px 0;border-radius:999px;background:#e2e8f0;overflow:hidden}.history-location-progress i{display:block;height:100%;border-radius:inherit;background:#22c55e}.history-location-summary.has-pending .history-location-progress i{background:#f59e0b}.history-location-summary.has-incident .history-location-progress i{background:#ef4444}.history-location-stats{display:flex;flex-wrap:wrap;gap:8px}.history-location-stats span{padding:6px 9px;border-radius:9px;background:#f8fafc;color:#64748b;font-size:11px}.history-location-stats b{color:#111827}.history-location-list>.empty{display:flex;flex-direction:column;gap:5px}.history-location-list>.empty span{color:#64748b}
@media(max-width:1100px){.history-day-kpis{grid-template-columns:repeat(3,1fr)}.history-calendar-filters{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media(max-width:760px){.history-month-summary,.history-day-detail-head{align-items:flex-start;flex-direction:column}.history-month-kpis{justify-content:flex-start}.history-calendar-toolbar{min-width:760px}.history-calendar-filters{min-width:760px}.history-day-kpis{grid-template-columns:repeat(2,1fr)}}

/* Resultados operativos inequívocos */
.task-outcome-intro,.task-outcome-locked{grid-column:1/-1;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:15px;background:#f8fafc;border:1px solid var(--line)}.task-outcome-intro strong,.task-outcome-locked strong{font-size:13px}.task-outcome-intro span,.task-outcome-locked span{color:var(--muted);font-size:11px;line-height:1.35}.task-outcome-locked{border-color:#bbf7d0;background:#f0fdf4}.task-outcome-locked strong{color:var(--ok)}.task-action-explanation{padding:10px 11px;border-radius:12px;background:#f8fafc;color:#475569;font-size:12px;line-height:1.4}.task-actions-v14 summary.btn.info{border:1px solid #bfdbfe;color:var(--info)}.task-actions-v14 summary.btn.warning{border:1px solid #fed7aa}

/* Calendario operativo: festivos y excepciones puntuales */
.history-calendar-legend .legend-holiday i{background:#8b5cf6}
.history-calendar-day.status-holiday{border-color:#c4b5fd;background:#f5f3ff;color:#6d28d9;border-style:dashed}
.calendar-day-config{scroll-margin-top:18px;margin-top:20px}
.calendar-config-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;border:1px solid #e2e8f0;border-radius:22px 22px 0 0;background:#fff}
.calendar-config-head h2{margin:4px 0;text-transform:capitalize}.calendar-config-head p{margin:0;color:#64748b}
.calendar-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;background:#f8fafc;border:1px solid #e2e8f0;border-top:0}
.calendar-config-card{position:relative;margin:0}.calendar-config-card h3{margin:4px 0 8px;font-size:20px}.calendar-config-card p{color:#64748b;line-height:1.5}
.calendar-config-step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:950}
.calendar-inline-form,.calendar-exception-form{display:grid;gap:10px}.calendar-exception-form label{display:grid;gap:6px;color:#475569;font-size:12px;font-weight:850}
.calendar-exception-list{margin-top:14px}.calendar-exception-list h3{margin:4px 0 12px}.calendar-exception-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid #e2e8f0}.calendar-exception-list article div{display:grid;gap:3px}.calendar-exception-list article span,.calendar-exception-list article small{color:#64748b}
@media(max-width:760px){.calendar-config-head{align-items:flex-start;flex-direction:column}.calendar-config-grid{grid-template-columns:1fr}.calendar-exception-list article{align-items:flex-start;flex-direction:column}}

/* Inventario unificado */
.inventory-form[hidden],.inventory-form [hidden]{display:none!important}.inventory-progress,.inventory-reveal{display:grid;gap:14px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#fbfcff}.inventory-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.inventory-option-grid .v16-check-card{cursor:pointer}.inventory-option-grid .v16-check-card:has(input:checked){border-color:rgba(197,22,50,.3);background:#fff8fa}
.inventory-kind-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;border-bottom:1px solid var(--line);background:#fbfcff}.inventory-kind-picker label{display:flex;gap:11px;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer}.inventory-kind-picker input{margin-top:3px;accent-color:var(--brand)}.inventory-kind-picker b,.inventory-kind-picker small{display:block}.inventory-kind-picker b{font-size:15px}.inventory-kind-picker small{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.4}.inventory-secondary-text{margin-top:10px}.inventory-list{display:grid;gap:12px}.inventory-item{display:grid;grid-template-columns:88px minmax(200px,1.2fr) minmax(280px,1fr) auto;gap:18px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 25px rgba(18,24,40,.04)}.inventory-item.stock-low{border-color:#f1c36f;background:#fffaf2}.inventory-item h3{margin:0;font-size:17px}.inventory-item p{margin:4px 0 0;color:var(--muted);font-size:12.5px;line-height:1.4}.inventory-item-type{padding:8px 10px;border-radius:999px;text-align:center;font-size:11px;font-weight:950}.inventory-item-type.product{background:#eef7ff;color:#17628d}.inventory-item-type.tool{background:#f4f0ff;color:#6548a5}.inventory-item-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.inventory-item-facts span{font-size:12px;min-width:0;word-break:break-word}.inventory-item-facts b{display:block;margin-bottom:3px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.inventory-movements{margin-top:24px}.inventory-movement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.inventory-history{margin-top:18px}@media(max-width:900px){.inventory-item{grid-template-columns:80px 1fr}.inventory-item-facts,.inventory-item .v16-status-stack{grid-column:2}.inventory-kind-picker,.inventory-movement-grid,.inventory-option-grid{grid-template-columns:1fr}}@media(max-width:520px){.inventory-item{grid-template-columns:1fr;gap:10px}.inventory-item-type{justify-self:start}.inventory-item-facts,.inventory-item .v16-status-stack{grid-column:auto}}
