:root{
    --bg:#fcf5f9;
    --bg-2:#fff9fc;
    --bg-soft:#fff3f9;
    --card:#ffffff;
    --line:#eed5e2;
    --line-2:#f3dbe8;
    --text:#26111c;
    --muted:#7a5a6c;
    --pink:#df4290;
    --pink-2:#f06cab;
    --pink-dark:#a92d66;
    --shadow:0 18px 46px rgba(173, 64, 114, .10);
    --shadow-soft:0 10px 28px rgba(173, 64, 114, .08);
    --radius:28px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(180deg,#fdf9fb 0%, #f9eef5 100%)}
a{text-decoration:none;color:inherit}
html{scroll-behavior:smooth}
button,input,select,textarea{font:inherit}
body{min-height:100vh}

.login-body{overflow-x:hidden}
.v7-body{background:radial-gradient(circle at top left, rgba(239,145,184,.18), transparent 30%), linear-gradient(180deg,#fffafd 0%,#f7edf4 100%)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}
.login-shell-v7{position:relative}
.login-hero,.login-panel-wrap{position:relative}
.login-hero{padding:42px 44px 40px 46px;overflow:hidden}
.login-hero-v7{display:flex;flex-direction:column;gap:28px;border-right:1px solid var(--line)}
.hero-glow{position:absolute;border-radius:999px;filter:blur(40px);pointer-events:none}
.hero-glow-1{width:260px;height:260px;left:-90px;top:80px;background:rgba(236,112,175,.22)}
.hero-glow-2{width:320px;height:320px;right:8%;bottom:12%;background:rgba(250,202,225,.55)}
.hero-gridline{position:absolute;border:1px dashed rgba(220,164,192,.32);border-radius:999px;pointer-events:none}
.hero-gridline-1{width:430px;height:430px;top:58px;right:140px}
.hero-gridline-2{width:260px;height:260px;bottom:56px;left:80px}

.brand-block{display:flex;gap:16px;align-items:center;position:relative;z-index:2}
.brand-mark{
    width:72px;height:72px;border-radius:24px;display:grid;place-items:center;
    background:linear-gradient(180deg,var(--pink-2) 0%,var(--pink) 100%);
    color:#fff;font-weight:900;font-size:34px;box-shadow:0 20px 44px rgba(223,66,144,.22)
}
.brand-mark--small{width:56px;height:56px;border-radius:18px;font-size:26px}
.brand-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:13px;color:#87576f;margin-bottom:6px}
.brand-block h1{font-size:30px;letter-spacing:-.05em;margin:0}

.hero-copy,.panel-head{position:relative;z-index:2}
.eyebrow,.panel-chip,.preview-pill,.soft-badge,.hero-pill,.template-chip{
    display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;
    border:1px solid var(--line);background:rgba(255,248,252,.75);color:#9a3b6e;font-weight:800;
    text-transform:uppercase;letter-spacing:.10em;font-size:12px
}
.hero-copy h2{font-size:68px;line-height:.98;letter-spacing:-.075em;margin:0 0 18px;max-width:780px}
.hero-copy p{max-width:760px;font-size:19px;line-height:1.75;color:var(--muted);margin:0}
.hero-copy-v7 h2{max-width:900px}
.hero-pill-row{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:2}
.hero-pill{text-transform:none;letter-spacing:0;font-size:14px;padding:10px 14px;font-weight:700;background:rgba(255,255,255,.55)}

.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative;z-index:2}
.metric-chip{
    padding:18px 18px;border-radius:22px;background:rgba(255,255,255,.6);border:1px solid var(--line);
    box-shadow:var(--shadow-soft)
}
.metric-chip strong{display:block;font-size:17px;margin-bottom:8px}
.metric-chip span{display:block;color:var(--muted);line-height:1.6;font-size:14px}

.hero-preview-board{display:grid;grid-template-columns:1.08fr .72fr;gap:18px;align-items:stretch;position:relative;z-index:2}
.preview-main-card,.preview-mini-card{
    background:rgba(255,255,255,.86);border:1px solid rgba(234,204,220,.95);box-shadow:var(--shadow);border-radius:30px
}
.preview-main-card{padding:22px 22px 24px}
.preview-main-card h3{font-size:34px;line-height:1.08;letter-spacing:-.05em;margin:18px 0 16px;max-width:680px}
.preview-topbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.preview-mini-text{font-size:14px;color:var(--muted)}
.route-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}
.route-step{
    padding:14px 10px;border-radius:18px;background:#fff8fb;border:1px solid var(--line);
    display:flex;flex-direction:column;align-items:flex-start;gap:8px
}
.route-step b{
    width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#fff;color:var(--pink-dark);font-size:13px
}
.route-step span{font-size:13px;color:#6e495d;font-weight:700}
.route-step.is-active{background:linear-gradient(180deg,#fff6fb 0%,#ffeef7 100%);box-shadow:var(--shadow-soft)}
.preview-chart-row{display:grid;grid-template-columns:1fr 260px;gap:14px;align-items:stretch}
.preview-side-notes{display:flex;flex-direction:column;gap:12px}
.preview-side-notes div,.preview-soft-panel{
    padding:16px 18px;border-radius:20px;background:#fff9fc;border:1px solid var(--line)
}
.preview-side-notes strong,.preview-soft-panel strong{display:block;margin-bottom:6px;font-size:16px}
.preview-side-notes small,.preview-soft-panel small{color:var(--muted);font-size:13px;line-height:1.55}
.preview-soft-panel{display:flex;flex-direction:column;justify-content:center;gap:8px;background:linear-gradient(180deg,#fff8fb 0%,#fff1f8 100%)}
.preview-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}
.preview-mini-card{padding:20px 18px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.preview-mini-card span{font-size:28px}
.preview-mini-card strong{font-size:20px}
.preview-mini-card p{margin:0;color:var(--muted);line-height:1.55}

.login-panel-wrap{display:flex;align-items:center;justify-content:center;padding:34px}
.login-panel{
    width:min(590px,100%);background:rgba(255,255,255,.92);border:1px solid var(--line);
    border-radius:34px;box-shadow:var(--shadow);padding:34px 34px 28px;position:relative;z-index:2
}
.panel-head h3{font-size:34px;letter-spacing:-.05em;margin:16px 0 10px}
.panel-head p{margin:0;color:var(--muted);line-height:1.7}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0 18px}
.auth-tab{
    border:1px solid var(--line);background:#fff6fb;color:#854766;border-radius:18px;padding:14px 18px;
    font-weight:800;cursor:pointer;transition:.18s ease
}
.auth-tab.is-active{background:linear-gradient(180deg,var(--pink) 0%,var(--pink-2) 100%);color:#fff;box-shadow:0 14px 28px rgba(223,66,144,.23);border-color:transparent}
.auth-tab-panel{display:none}
.auth-tab-panel.is-active{display:block}
.auth-form{display:flex;flex-direction:column;gap:12px}
label{font-weight:800;color:#462131}
input,select,textarea{
    width:100%;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:#fff;color:var(--text);
    outline:none;transition:border-color .16s ease, box-shadow .16s ease
}
input:focus,select:focus,textarea:focus{border-color:#e290b5;box-shadow:0 0 0 4px rgba(223,66,144,.10)}
textarea{resize:vertical;min-height:120px}
.password-wrap{position:relative}
.password-wrap input{padding-right:96px}
.toggle-pass{
    position:absolute;right:8px;top:8px;bottom:8px;border:0;background:#fff1f8;color:#94476e;
    border-radius:14px;padding:0 16px;font-weight:800;cursor:pointer
}
.form-inline-note{
    display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;border-radius:18px;
    background:#fff8fb;border:1px solid var(--line);color:#6e495d;line-height:1.55
}
.form-inline-note small{color:#95617d;font-weight:700}
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;
    padding:16px 22px;border-radius:18px;background:linear-gradient(180deg,var(--pink) 0%,var(--pink-2) 100%);
    color:#fff;font-weight:900;box-shadow:0 14px 28px rgba(223,66,144,.24);transition:transform .16s ease, box-shadow .16s ease
}
.btn:hover{transform:translateY(-1px)}
.btn-secondary{background:#fff6fb;color:var(--pink-dark);border:1px solid var(--line);box-shadow:none}
.btn-ghost{background:#fff;color:var(--pink-dark);border:1px solid var(--line);box-shadow:none}
.btn-block{width:100%}
.alert{margin:0 0 16px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);line-height:1.6}
.alert-success{background:#f7fff9;color:#1c6a3b;border-color:#d4ebda}
.alert-error{background:#fff7fa;color:#a43762;border-color:#f0cfe0}
.panel-footer-note{
    margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:center;color:var(--muted)
}
.panel-footer-note strong{
    width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff3f8;color:#ab3e73;font-size:14px
}
.panel-footer-note span{font-size:13px;line-height:1.55}

.app-shell{display:flex;min-height:100vh}
.app-shell-v7{background:linear-gradient(180deg,#fdf9fb 0%, #f8eef4 100%)}
.sidebar{
    width:310px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-right:1px solid var(--line);
    padding:26px 22px;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;height:100vh
}
.sidebar-profile-card{
    margin-top:22px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#fff8fb 0%,#fff2f8 100%);
    border:1px solid var(--line)
}
.sidebar-profile-card strong{display:block;font-size:18px;margin-bottom:6px}
.sidebar-profile-card span{color:var(--muted);font-size:14px;line-height:1.55}
.nav-links{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.nav-links a{
    padding:15px 16px;border-radius:18px;color:#583549;font-weight:800;border:1px solid transparent;transition:.15s ease;
    display:flex;align-items:center;gap:10px
}
.nav-links a:hover,.nav-links a.is-active{background:var(--bg-soft);border-color:var(--line);box-shadow:var(--shadow-soft)}
.nav-links a.is-active{color:#3f1d30}
.sidebar-foot{display:flex;flex-direction:column;gap:12px}
.mini-card{padding:16px;border-radius:20px;background:var(--bg-soft);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.mini-card span{color:var(--muted);font-size:14px;line-height:1.55}
.main{flex:1;padding:28px 28px 34px}
.main-v7{background:transparent}
.card{
    background:rgba(255,255,255,.93);border:1px solid rgba(234,204,220,.95);border-radius:30px;
    padding:24px;box-shadow:var(--shadow);margin-bottom:18px
}
.soft-card{background:linear-gradient(180deg,#fffafc 0%,#fff3f8 100%)}
.app-topbar{display:flex;justify-content:space-between;gap:14px;align-items:center}
.app-topbar h2{margin:12px 0 0;font-size:34px;letter-spacing:-.05em}
.topbar-meta{display:flex;gap:12px;flex-wrap:wrap}
.topbar-meta-item{padding:14px 16px;border-radius:18px;background:#fff8fb;border:1px solid var(--line);min-width:140px}
.topbar-meta-item small{display:block;color:#9c6781;margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.topbar-meta-item strong{font-size:15px}

.dashboard-hero-grid-v7{display:grid;grid-template-columns:1.14fr .86fr;gap:18px;align-items:stretch}
.dashboard-hero-copy h3{font-size:48px;letter-spacing:-.06em;margin:16px 0 12px}
.dashboard-hero-copy p{margin:0;color:var(--muted);line-height:1.75;max-width:760px}
.hero-actions-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.hero-side-panel-v7{
    padding:22px;border-radius:26px;background:linear-gradient(180deg,#fff8fb 0%,#fff0f7 100%);border:1px solid var(--line);
    display:flex;flex-direction:column;gap:10px;justify-content:center
}
.hero-side-panel-v7 h4{font-size:28px;letter-spacing:-.05em;margin:0}
.hero-side-panel-v7 p{margin:0;color:var(--muted);line-height:1.65}
.route-steps-compact{margin:14px 0 0}
.stats-grid{display:grid;gap:18px}
.stats-grid-v7{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-card{display:flex;flex-direction:column;gap:12px}
.stat-topline{display:flex;justify-content:space-between;gap:10px;align-items:center}
.stat-icon{width:58px;height:58px;border-radius:18px;background:#fff4f9;display:grid;place-items:center;font-size:28px}
.stat-meta{display:flex;flex-direction:column;gap:5px}
.stat-meta strong{font-size:38px;letter-spacing:-.06em}
.stat-meta span{font-size:14px;color:var(--muted)}
.stat-card p{margin:0;color:var(--muted);line-height:1.6}
.stat-card a{margin-top:auto;font-weight:900;color:#ab3b73}
.dashboard-duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}
.section-head h3{font-size:30px;letter-spacing:-.05em;margin:12px 0 0}
.compact-head h3{font-size:28px}
.focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.focus-card{
    padding:18px;border-radius:22px;background:#fff9fc;border:1px solid var(--line)
}
.focus-card strong{display:block;font-size:18px;margin-bottom:8px}
.focus-card p{margin:0;color:var(--muted);line-height:1.6}
.status-list,.timeline-list,.bullet-cards,.student-grid,.report-list{display:flex;flex-direction:column;gap:12px}
.status-row,.timeline-item,.student-card,.bullet-card{
    display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border-radius:18px;background:#fff8fb;border:1px solid var(--line)
}
.status-row strong{font-size:15px}
.status-row span{font-size:14px;color:#8d4368;font-weight:800}
.timeline-item{justify-content:flex-start;background:#fff}
.timeline-dot{width:14px;height:14px;border-radius:999px;background:linear-gradient(180deg,var(--pink) 0%,var(--pink-2) 100%);box-shadow:0 0 0 6px #fff3f8;flex:0 0 auto;margin-top:4px}
.timeline-dot-report{background:linear-gradient(180deg,#b55ab0 0%,#df4290 100%)}
.timeline-item strong{display:block;font-size:17px;margin-bottom:5px}
.timeline-item p{margin:0;color:var(--muted);line-height:1.5}
.page-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px}
.page-head h2{font-size:36px;letter-spacing:-.05em;margin:12px 0 8px}
.page-head p{margin:0;color:var(--muted);line-height:1.7;max-width:760px}
.content-grid-v7{display:grid;gap:18px}
.content-grid-v7-2{grid-template-columns:1.2fr .8fr}
.stack-form{display:flex;flex-direction:column;gap:12px}
.form-hint-card{
    padding:16px 18px;border-radius:18px;background:#fff8fb;border:1px solid var(--line);
    display:flex;flex-direction:column;gap:8px
}
.form-hint-card strong{font-size:16px}
.form-hint-card span{color:var(--muted);line-height:1.55}
.bullet-card{flex-direction:column;align-items:flex-start}
.bullet-card strong{font-size:16px}
.bullet-card span{color:var(--muted);line-height:1.55}
.student-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.student-card{justify-content:flex-start;background:#fff}
.student-avatar{
    width:52px;height:52px;border-radius:16px;background:linear-gradient(180deg,#ffe8f4 0%,#ffd6eb 100%);
    display:grid;place-items:center;font-weight:900;color:#9f3668;font-size:20px;flex:0 0 auto
}
.student-card strong{display:block;font-size:18px;margin-bottom:6px}
.student-card span{color:var(--muted);font-size:14px}
.template-chip-row{display:flex;flex-wrap:wrap;gap:8px}
.template-chip{font-size:12px;padding:9px 12px;text-transform:none;letter-spacing:0;font-weight:800}
.report-item{padding:18px;border-radius:20px;background:#fff8fb;border:1px solid var(--line);line-height:1.6}
.report-item-topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px;flex-wrap:wrap}
.report-item h4{margin:0;font-size:20px}
.report-item p{margin:0;color:var(--muted);white-space:normal}
.empty-state{padding:18px;border-radius:18px;background:#fff8fb;border:1px solid var(--line);color:var(--muted);line-height:1.6}

@media (max-width: 1360px){
    .hero-copy h2{font-size:56px}
    .hero-preview-board{grid-template-columns:1fr}
    .stats-grid-v7{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 1180px){
    .login-shell{grid-template-columns:1fr}
    .login-panel-wrap{padding-top:0}
    .app-shell{flex-direction:column}
    .sidebar{position:relative;height:auto;width:100%}
    .main{padding:20px}
    .app-topbar,.dashboard-hero-grid-v7,.dashboard-duo-grid,.content-grid-v7-2{grid-template-columns:1fr;display:grid}
    .app-topbar{gap:16px}
}
@media (max-width: 860px){
    .login-hero{padding:28px 20px 22px}
    .login-panel-wrap{padding:20px}
    .login-panel{padding:24px 20px}
    .hero-copy h2{font-size:42px}
    .hero-metrics{grid-template-columns:1fr}
    .route-steps,.stats-grid-v7,.focus-grid{grid-template-columns:1fr}
    .preview-chart-row{grid-template-columns:1fr}
    .app-topbar h2,.dashboard-hero-copy h3,.section-head h3,.page-head h2{font-size:30px}
    .topbar-meta{width:100%}
    .topbar-meta-item{flex:1}
}

/* ===== V8 refinements ===== */
.app-shell-v8{background:
    radial-gradient(circle at top left, rgba(255,220,237,.75), transparent 32%),
    linear-gradient(180deg,#fdf9fb 0%, #f6edf4 100%);
}
.sidebar-v8{box-shadow:inset -1px 0 0 rgba(234,204,220,.9)}
.sidebar-profile-card-v8{background:linear-gradient(180deg,#fff8fb 0%,#ffeff7 100%)}
.mini-card-route-v8{background:linear-gradient(180deg,#fff6fb 0%,#ffeef7 100%)}
.main-v8{padding-top:24px}
.app-topbar-v8{border-radius:32px}
.login-shell-v8{align-items:stretch}
.login-hero-v8{background:linear-gradient(135deg,#fff6fb 0%,#fffdfd 50%,#fff1f7 100%)}
.hero-copy-v8 h2{max-width:900px}
.hero-metrics-v8 .metric-chip{background:rgba(255,255,255,.72)}
.preview-main-card-v8{background:rgba(255,255,255,.92)}
.preview-soft-panel-v8{min-height:100%}
.login-panel-v8{background:rgba(255,255,255,.96)}
.panel-footer-note-v8 strong{background:linear-gradient(180deg,#fff0f8 0%,#ffe3f0 100%)}

.form-grid-v8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.content-grid-v8-2{grid-template-columns:1.18fr .82fr}
.card-v8-large{padding:26px}
.card-v8-aside{padding:24px}
.form-hint-card-v8{background:linear-gradient(180deg,#fff9fc 0%,#fff2f8 100%)}
.bullet-cards-v8 .bullet-card{background:#fffdfd}

.student-grid-v8{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.student-profile-card{
    display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:26px;background:#fff;
    border:1px solid var(--line);box-shadow:var(--shadow-soft)
}
.student-profile-top{display:flex;gap:14px;align-items:flex-start}
.profile-block{
    padding:14px 16px;border-radius:18px;background:#fff8fb;border:1px solid var(--line)
}
.profile-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9a6580;font-weight:900;margin-bottom:8px}
.profile-block p{margin:0;color:#684555;line-height:1.65}
.student-mini-note{margin:8px 0 0;color:#7c5267;line-height:1.55}

.timeline-item-card-v8{align-items:flex-start;background:#fff}
.timeline-subnote{margin-top:8px !important;color:#6f4c5f !important;line-height:1.55 !important}
.timeline-subnote-soft{padding:10px 12px;border-radius:14px;background:#fff8fb;border:1px solid var(--line)}
.mini-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}

.report-item-v8-rich{background:#fff}
.report-recommendation-box{
    margin-top:14px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#fff9fc 0%,#fff1f8 100%);
    border:1px solid var(--line)
}
.report-recommendation-box strong{display:block;margin-bottom:8px;font-size:15px}
.report-recommendation-box p{margin:0;color:#6b495b;line-height:1.6}
.dashboard-bottom-card-v8{margin-top:2px}

.focus-grid-v8 .focus-card{min-height:132px}
.focus-card-v8{background:linear-gradient(180deg,#fff9fc 0%,#fff 100%)}
.stat-card-v8{min-height:238px}
.dashboard-hero-v8{overflow:hidden}
.dashboard-hero-v8:before{
    content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:999px;
    background:radial-gradient(circle, rgba(247,191,220,.25) 0%, rgba(247,191,220,0) 70%);pointer-events:none
}
.dashboard-hero-v8{position:relative}
.hero-side-panel-v8{background:linear-gradient(180deg,#fff8fb 0%,#ffedf6 100%)}

@media (max-width: 1180px){
    .content-grid-v8-2,.dashboard-hero-grid-v8{grid-template-columns:1fr}
}
@media (max-width: 860px){
    .form-grid-v8,.student-grid-v8{grid-template-columns:1fr}
    .card-v8-large,.card-v8-aside{padding:20px}
}

/* V9 */
.app-shell-v9{background:
    radial-gradient(circle at top right, rgba(255,226,239,.62), transparent 26%),
    radial-gradient(circle at bottom left, rgba(255,233,243,.55), transparent 24%),
    linear-gradient(180deg,#fdf9fb 0%, #f4ebf2 100%);
}
.sidebar-v9{background:rgba(255,255,255,.9)}
.sidebar-profile-card-v9{background:linear-gradient(180deg,#fff8fb 0%,#fff1f8 100%)}
.mini-card-v9{background:linear-gradient(180deg,#fff9fc 0%,#fff2f8 100%)}
.main-v9{padding-top:22px}
.app-topbar-v9{border-radius:34px}
.login-hero-v9{background:linear-gradient(135deg,#fff8fb 0%,#fffdfd 48%,#ffeff7 100%)}
.hero-copy-v9 h2{max-width:960px}
.preview-main-card-v9{position:relative;overflow:hidden}
.preview-main-card-v9:after{content:"";position:absolute;right:-50px;bottom:-70px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle, rgba(243,176,208,.18) 0%, rgba(243,176,208,0) 72%)}
.preview-soft-panel-v9{background:linear-gradient(180deg,#fffafc 0%,#fff1f8 100%)}
.login-panel-v9{border-radius:36px}
.panel-footer-note-v9 strong{background:linear-gradient(180deg,#fff0f8 0%,#ffe5f1 100%)}
.page-head-v9{align-items:flex-end}
.page-actions-inline{display:flex;gap:12px;align-items:center}
.content-grid-v9-2{grid-template-columns:1.16fr .84fr}
.card-v9-large{padding:28px}
.card-v9-aside{padding:24px}
.form-grid-v9{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-hint-card-v9{background:linear-gradient(180deg,#fff9fc 0%,#fff0f8 100%)}
.bullet-cards-v9 .bullet-card{background:#fffdfd}
.student-grid-v9{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.student-profile-card-v9{min-height:100%}
.student-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:4px}
.compact-actions{padding-top:10px}
.inline-link-btn,
.text-link-inline{
    display:inline-flex;align-items:center;gap:8px;font-weight:900;color:var(--pink-dark)
}
.inline-link-btn{
    padding:12px 16px;border-radius:16px;background:#fff6fb;border:1px solid var(--line)
}
.text-link-inline{font-size:14px}
.inline-link-btn:hover,.text-link-inline:hover{color:#8f2a59}
.dashboard-hero-v9{position:relative;overflow:hidden}
.dashboard-hero-v9:after{content:"";position:absolute;left:-70px;top:-90px;width:250px;height:250px;border-radius:999px;background:radial-gradient(circle, rgba(246,202,224,.16) 0%, rgba(246,202,224,0) 68%);pointer-events:none}
.dashboard-hero-grid-v9{align-items:stretch}
.hero-side-panel-v9{background:linear-gradient(180deg,#fff9fc 0%,#ffeef7 100%)}
.stats-grid-v9{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-card-v9{min-height:246px}
.focus-grid-v9 .focus-card{min-height:138px}
.focus-card-v9{background:linear-gradient(180deg,#fff9fc 0%,#fff 100%)}
.dashboard-duo-grid-v9{grid-template-columns:1fr 1fr}
.dashboard-bottom-card-v9{margin-top:2px}
.student-detail-hero{padding:28px;overflow:hidden}
.student-detail-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.student-detail-head{display:flex;gap:16px;align-items:flex-start}
.student-avatar-xl{width:72px;height:72px;border-radius:22px;font-size:28px}
.student-detail-head h3{font-size:44px;letter-spacing:-.06em;margin:12px 0 10px}
.student-detail-school{margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.6}
.student-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.student-detail-stat{padding:16px;border-radius:20px;background:#fff8fb;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;justify-content:space-between}
.student-detail-stat strong{font-size:24px;letter-spacing:-.04em}
.student-detail-stat span{color:var(--muted);line-height:1.5;font-size:14px}
.student-route-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.student-detail-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;margin-top:18px}
.student-detail-grid-bottom{align-items:start}
.student-detail-aside .bullet-card span{white-space:pre-line}
.detail-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.detail-block{min-height:100%}
.detail-block p{white-space:pre-line}
.route-steps-v9 .route-step{min-height:92px}

@media (max-width: 1240px){
    .stats-grid-v9{grid-template-columns:repeat(2,minmax(0,1fr))}
    .student-detail-hero-grid,.student-detail-grid,.content-grid-v9-2{grid-template-columns:1fr}
}
@media (max-width: 860px){
    .form-grid-v9,.detail-info-grid,.student-detail-stats,.student-route-board,.dashboard-duo-grid-v9,.stats-grid-v9{grid-template-columns:1fr}
    .student-grid-v9{grid-template-columns:1fr}
    .student-detail-head h3{font-size:34px}
    .page-head-v9{align-items:flex-start}
}


/* ===== V10 overrides ===== */
.sidebar{
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:#dca7c3 transparent;
}
.sidebar::-webkit-scrollbar{width:10px}
.sidebar::-webkit-scrollbar-thumb{background:#e7c0d4;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.sidebar-top{display:flex;flex-direction:column}
.sidebar-v10{gap:18px}
.sidebar-foot-v10{padding-top:10px}
.main-v10{padding-top:22px}
.app-shell-v10{background:linear-gradient(180deg,#fdf8fb 0%,#f8edf4 100%)}

.page-actions-inline{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.inline-link-btn,.text-link-inline{
    display:inline-flex;align-items:center;gap:8px;padding:12px 15px;border-radius:16px;
    background:#fff6fb;border:1px solid var(--line);color:#9e3669;font-weight:900
}
.text-link-inline{padding:0;background:none;border:0}
.mini-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.profile-block{
    padding:16px 18px;border-radius:20px;background:#fff9fc;border:1px solid var(--line)
}
.profile-label{
    display:inline-block;margin-bottom:8px;color:#9b5a79;font-size:12px;
    text-transform:uppercase;letter-spacing:.08em;font-weight:900
}
.profile-block p{margin:0;color:var(--text);line-height:1.65}
.student-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.compact-actions{margin-top:10px}

.form-grid-v8,.form-grid-v9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.content-grid-v10-2{grid-template-columns:1.15fr .85fr}
.card-v10-large,.card-v10-aside{height:100%}

.dashboard-v10-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:stretch}
.dashboard-v10-copy h3{font-size:48px;line-height:1.02;letter-spacing:-.06em;margin:16px 0 12px}
.dashboard-v10-copy p{margin:0;color:var(--muted);line-height:1.75;max-width:760px}
.dashboard-v10-side{
    padding:24px;border-radius:26px;background:linear-gradient(180deg,#fff9fc 0%,#fff1f8 100%);
    border:1px solid var(--line);display:flex;flex-direction:column;gap:14px
}
.dashboard-v10-side h4{margin:0;font-size:28px;letter-spacing:-.05em}
.quick-list{display:flex;flex-direction:column;gap:10px}
.quick-list-item{
    padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--line);
    color:#6d4f60;line-height:1.55
}

.route-progress-card{
    margin-top:22px;padding:18px 18px 16px;border-radius:22px;background:#fff8fb;border:1px solid var(--line)
}
.route-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.route-progress-head strong{font-size:17px}
.route-progress-head span{font-weight:900;color:#9d3368}
.route-progress-bar{
    width:100%;height:12px;border-radius:999px;background:#f4d9e6;overflow:hidden;position:relative
}
.route-progress-bar span{
    display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pink) 0%,var(--pink-2) 100%);
    box-shadow:0 8px 18px rgba(223,66,144,.24)
}
.route-progress-card small{display:block;margin-top:10px;color:var(--muted);line-height:1.5}
.route-progress-card-student{margin-top:18px}

.stats-grid-v10{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-card-v10{min-height:240px}
.dashboard-v10-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:18px}
.dashboard-v10-grid-bottom{grid-template-columns:1fr 1fr}
.stage-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.stage-row{
    display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;
    background:#fff8fb;border:1px solid var(--line)
}
.stage-row strong{font-size:15px}
.stage-row span{font-weight:900;color:#9b3367}
.focus-grid-v10{grid-template-columns:repeat(2,minmax(0,1fr))}
.timeline-list-v10{display:flex;flex-direction:column;gap:12px}
.student-grid-v10{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.student-profile-card{
    background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow-soft)
}
.student-profile-top{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}
.report-list-v10{display:flex;flex-direction:column;gap:12px}
.report-item-v10{background:#fff8fb}
.report-recommendation-box{
    margin-top:14px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--line)
}
.report-recommendation-box strong{display:block;margin-bottom:6px}
.report-recommendation-box p{margin:0;line-height:1.6}

.student-detail-hero-v10{padding-bottom:20px}
.student-detail-hero-grid-v10{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:center}
.student-detail-head-v10{display:flex;gap:18px;align-items:flex-start}
.student-avatar-xl{width:76px;height:76px;border-radius:24px;font-size:30px}
.student-detail-head-v10 h3{font-size:42px;line-height:1.02;letter-spacing:-.06em;margin:14px 0 8px}
.student-detail-school{margin:12px 0 0;color:var(--muted)}
.student-detail-stats-v10{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.student-detail-stat{
    padding:18px;border-radius:22px;background:#fff8fb;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px
}
.student-detail-stat strong{font-size:24px;letter-spacing:-.04em}
.student-detail-stat span{color:var(--muted);line-height:1.45}
.student-route-board{
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px
}
.student-detail-grid-v10{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}
.student-detail-grid-v10-bottom{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;margin-top:18px}
.detail-info-grid{display:grid;grid-template-columns:1fr;gap:14px}
.detail-info-grid-v10 .detail-block{background:#fff}
.student-detail-aside-v10 .bullet-card{background:#fff}
.timeline-item-card-v10{background:#fff}
.timeline-subnote{margin:8px 0 0;color:#5d4753;line-height:1.6}
.timeline-subnote-soft{
    padding:12px 14px;border-radius:16px;background:#fff8fb;border:1px solid var(--line);margin-top:10px
}
.student-card-actions-v10{margin-top:18px}
.app-topbar-v10{position:sticky;top:16px;z-index:4;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}

.preview-chart-row-v10{grid-template-columns:1fr 280px}
.preview-main-card-v10 h3{max-width:740px}

@media (max-width: 1280px){
    .dashboard-v10-hero-grid,
    .dashboard-v10-grid,
    .dashboard-v10-grid-bottom,
    .student-detail-hero-grid-v10,
    .student-detail-grid-v10,
    .student-detail-grid-v10-bottom,
    .content-grid-v10-2{grid-template-columns:1fr}
    .stats-grid-v10{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 860px){
    .form-grid-v8,.form-grid-v9,.focus-grid-v10,.student-detail-stats-v10,.student-route-board,.stats-grid-v10{grid-template-columns:1fr}
    .dashboard-v10-copy h3,.student-detail-head-v10 h3{font-size:34px}
    .student-detail-head-v10{flex-direction:column}
}

/* ===== V12 ===== */
.section-head-form{align-items:center}
.compact-actions-wrap{display:flex;gap:10px;flex-wrap:wrap}
.edit-mode-banner{padding:16px 18px;border-radius:20px;background:linear-gradient(180deg,#fff4fa 0%,#fff9fc 100%);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;margin:0 0 18px}
.edit-mode-banner strong{font-size:16px}
.edit-mode-banner span{color:var(--muted);line-height:1.6}
.form-grid-v12-tight{grid-template-columns:repeat(3,minmax(0,1fr))}
.student-profile-card{padding:18px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:12px}
.student-profile-head{display:flex;align-items:center;gap:12px}
.student-profile-head strong{display:block;font-size:18px;margin-bottom:4px}
.student-profile-head span{font-size:14px;color:var(--muted);line-height:1.5}
.student-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.text-link-inline{font-weight:800;color:#a93d73;padding:10px 12px;border-radius:14px;background:#fff4fa;border:1px solid var(--line)}
.text-link-inline:hover{background:#fff0f7}
.student-card-summary{margin:0;color:var(--muted);line-height:1.55}
.student-card-summary-soft{color:#9b6480}
.badge-status,.badge-priority,.case-pill{font-weight:800}
.status-active,.badge-status-activo{background:#eef9f1 !important;color:#1d7a47 !important;border-color:#cae9d5 !important}
.status-observation{background:#fff7e8 !important;color:#a36b00 !important;border-color:#efd899 !important}
.status-paused{background:#f3f0ff !important;color:#6c4ec4 !important;border-color:#d9d0ff !important}
.status-discharged{background:#eef8ff !important;color:#176f98 !important;border-color:#cfe7f6 !important}
.status-closed{background:#f2f2f5 !important;color:#5b5b67 !important;border-color:#dddddf !important}
.priority-high,.badge-priority-alta{background:#fff0f2 !important;color:#b83355 !important;border-color:#f2c2ce !important}
.priority-medium,.badge-priority-media{background:#fff7e8 !important;color:#a36b00 !important;border-color:#efd899 !important}
.priority-low,.badge-priority-baja{background:#eef8ff !important;color:#176f98 !important;border-color:#cfe7f6 !important}
.case-review{background:#fff9fc !important;color:#8d5570 !important}
.case-chip-row{margin-top:10px}
.case-status-board{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.case-status-line{padding:16px 18px;border-radius:18px;border:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff}
.case-status-line strong{font-size:15px}
.case-status-line span{font-weight:800}
.case-review-line{background:#fff8fb}
.print-body{background:#f6eff4}
.print-shell{max-width:1100px;margin:0 auto;padding:28px}
.print-top-actions{display:flex;justify-content:flex-end;gap:12px;margin-bottom:18px}
.print-card{background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);padding:30px}
.print-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid #efdfe7;margin-bottom:22px}
.print-header h1{margin:8px 0 12px;font-size:38px;letter-spacing:-.05em}
.print-header p{margin:0;color:var(--muted);line-height:1.6;max-width:700px}
.print-avatar{width:76px;height:76px;border-radius:24px;background:linear-gradient(180deg,var(--pink) 0%,var(--pink-2) 100%);display:grid;place-items:center;color:#fff;font-size:34px;font-weight:900;box-shadow:0 18px 32px rgba(223,66,144,.2)}
.print-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}
.print-hero-main h2{font-size:34px;letter-spacing:-.05em;margin:0 0 12px}
.print-hero-side{display:grid;grid-template-columns:1fr;gap:12px}
.print-kpi{padding:16px 18px;border-radius:20px;border:1px solid var(--line);background:#fff8fb}
.print-kpi small{display:block;color:#9c6781;text-transform:uppercase;letter-spacing:.08em;font-size:11px;margin-bottom:6px}
.print-kpi strong{font-size:18px}
.print-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.print-block{padding:18px;border-radius:24px;background:#fffafc;border:1px solid var(--line)}
.print-block p{margin:8px 0 0;color:#4a3140;line-height:1.7}
.print-block-wide{margin-top:8px}
.print-timeline{display:flex;flex-direction:column;gap:12px}
.print-timeline-item{padding:16px 18px;border-radius:18px;background:#fff;border:1px solid #efdfE7}
.print-timeline-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}
.print-timeline-top strong{font-size:17px}
.print-timeline-top span{font-size:13px;color:#8d5570;font-weight:700}
.print-meta-line{display:inline-block;padding:7px 10px;border-radius:999px;background:#fff4fa;border:1px solid var(--line);font-size:12px;font-weight:800;color:#9f3568;margin-bottom:8px}
.print-muted{color:#8d5570 !important}
.print-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid #efdfe7;color:#8d5570}
.print-footer strong{display:block;color:#3b2230;margin-bottom:3px}
@media (max-width: 980px){
  .form-grid-v12-tight,.print-grid-two,.print-hero-grid{grid-template-columns:1fr}
}
@media print{
  body.print-body{background:#fff}
  .no-print{display:none !important}
  .print-shell{max-width:none;padding:0}
  .print-card{box-shadow:none;border:0;border-radius:0;padding:0}
}


/* ===== V14 ===== */
.app-shell-v13{background:
    radial-gradient(circle at top left, rgba(255,223,237,.65) 0, rgba(255,223,237,0) 34%),
    linear-gradient(180deg,#fcf8fb 0%,#f6ebf3 100%)
}
.sidebar-v13{background:rgba(255,255,255,.92)}
.sidebar-profile-card-v13{box-shadow:0 20px 38px rgba(179,85,129,.08)}
.mini-card-v13{background:linear-gradient(180deg,#fff9fc 0%,#fff3f8 100%)}
.main-v13{padding-top:22px}
.app-topbar-v13{border-color:#ecd8e4}

.page-head-v13{align-items:flex-start}
.dashboard-v13-hero-grid{align-items:stretch}
.dashboard-v13-copy h3{max-width:920px}
.dashboard-v13-side{position:relative;overflow:hidden}
.dashboard-v13-side:after{
    content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:999px;
    background:radial-gradient(circle, rgba(223,66,144,.15) 0%, rgba(223,66,144,0) 70%)
}

.alert-board-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:0 0 18px
}
.alert-board-grid-compact{margin-top:-2px}
.alert-board-card{position:relative;overflow:hidden;min-height:150px}
.alert-board-card h4{font-size:24px;letter-spacing:-.04em;margin:10px 0 0}
.alert-board-card p{margin:10px 0 0;color:var(--muted);line-height:1.65}
.alert-board-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.alert-board-top strong{font-size:34px;letter-spacing:-.06em}
.alert-inline-link{margin-top:14px}
.tone-danger{background:linear-gradient(180deg,#fff5f7 0%,#fff 100%);border-color:#f1c9d5}
.tone-warning{background:linear-gradient(180deg,#fffaf0 0%,#fff 100%);border-color:#efd8a5}
.tone-info{background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);border-color:#d7e7f5}
.tone-soft{background:linear-gradient(180deg,#fff9fc 0%,#fff 100%);border-color:#ead3df}
.tone-success{background:linear-gradient(180deg,#f5fff8 0%,#fff 100%);border-color:#d4eadb}

.status-badge{font-weight:900}
.status-programmed{background:#eef7ff !important;color:#1b6598 !important;border-color:#cde0f0 !important}
.status-done{background:#eef9f1 !important;color:#1d7a47 !important;border-color:#cae9d5 !important}
.status-rescheduled{background:#fff7e8 !important;color:#a36b00 !important;border-color:#efd899 !important}
.status-suspended{background:#fff0f2 !important;color:#b83355 !important;border-color:#f2c2ce !important}
.status-neutral{background:#f3f0ff !important;color:#6c4ec4 !important;border-color:#d9d0ff !important}

.timeline-item-body{width:100%}
.student-alert-grid .alert-board-card{min-height:unset}
.student-detail-hero-v13{
    background:
        radial-gradient(circle at top right, rgba(223,66,144,.08) 0%, rgba(223,66,144,0) 32%),
        linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,251,253,.96) 100%)
}
.student-detail-head-v13 .student-avatar{
    box-shadow:0 18px 32px rgba(223,66,144,.18)
}
.student-detail-hero-grid-v13{align-items:start}
.case-status-line{box-shadow:var(--shadow-soft)}
.quick-list-item{box-shadow:var(--shadow-soft)}
.report-item-v10{box-shadow:var(--shadow-soft)}
.card-v10-large{overflow:hidden}
.form-hint-card-v13{background:linear-gradient(180deg,#fff8fb 0%,#fff 100%)}

@media (max-width: 1280px){
    .alert-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 860px){
    .alert-board-grid{grid-template-columns:1fr}
}


/* ===== V14 ===== */
:root{
    --bg:#faf7fb;
    --bg-2:#fdfbfd;
    --bg-soft:#f3eef7;
    --card:#ffffff;
    --line:#e5dbe8;
    --line-2:#eee4f0;
    --text:#2c2430;
    --muted:#6f6475;
    --pink:#b987ad;
    --pink-2:#d6b4ca;
    --pink-dark:#70506b;
    --shadow:0 22px 54px rgba(108, 83, 111, .10);
    --shadow-soft:0 10px 28px rgba(108, 83, 111, .08);
}
html,body{background:linear-gradient(180deg,#fcfbfd 0%, #f4eff7 100%)}
.v14-body{background:radial-gradient(circle at top left, rgba(194,170,208,.20), transparent 30%), radial-gradient(circle at bottom right, rgba(246,220,228,.18), transparent 26%), linear-gradient(180deg,#fefcff 0%,#f4eff7 100%)}
.brand-mark-v14,.brand-mark{background:linear-gradient(180deg,#d8bfd0 0%,#b987ad 100%);box-shadow:0 18px 36px rgba(146, 116, 146, .18)}
.eyebrow-v14,.panel-chip-v14,.preview-pill-v14{background:rgba(255,255,255,.74);color:#7d5b79;border-color:#e4d7e6}
.login-shell-v14{grid-template-columns:1.08fr .92fr}
.login-hero-v14{background:linear-gradient(135deg,#fbf8fd 0%,#f6f0f8 52%,#fdf8fb 100%)}
.hero-glow-1{background:rgba(195,170,208,.26)}
.hero-glow-2{background:rgba(242,218,228,.48)}
.hero-gridline{border-color:rgba(187,168,199,.26)}
.hero-copy-v14 h2{max-width:760px;font-size:60px}
.metric-chip-v14{background:rgba(255,255,255,.72)}
.preview-main-card-v14,.preview-mini-card-v14{background:rgba(255,255,255,.90);border-color:#e8deea}
.preview-topbar-v14{margin-bottom:10px}
.route-steps-v14 .route-step{background:#fcf9fd}
.route-steps-v14 .route-step.is-active{background:linear-gradient(180deg,#f8f1fb 0%,#f3e8f7 100%)}
.login-comfort-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.comfort-card{padding:16px;border-radius:20px;background:#fcf8fd;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.comfort-card strong{display:block;font-size:15px;margin-bottom:7px}
.comfort-card small{display:block;color:var(--muted);line-height:1.55}
.login-panel-wrap-v14{padding:40px 34px}
.login-panel-v14{width:min(640px,100%);padding:36px 36px 30px;border-radius:36px;background:rgba(255,255,255,.95)}
.panel-head-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.micro-state{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:8px 12px;border-radius:999px;background:#f4edf7;border:1px solid var(--line);color:#7a5b76;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.panel-head-v14 h3{font-size:38px}
.panel-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 18px}
.panel-trust-strip div{padding:14px 14px 12px;border-radius:18px;background:#fbf8fc;border:1px solid var(--line)}
.panel-trust-strip strong{display:block;font-size:14px;margin-bottom:6px}
.panel-trust-strip span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.auth-tabs-v14{margin-top:8px}
.auth-tab{background:#faf5fb;color:#70506b}
.auth-tab.is-active{background:linear-gradient(180deg,#b987ad 0%,#d6b4ca 100%);box-shadow:0 14px 30px rgba(146, 116, 146, .22)}
.auth-form-v14{gap:14px}
.field-grid-compact{display:grid;grid-template-columns:1fr;gap:14px}
.field-grid-compact-register{grid-template-columns:1fr 1fr}
label{color:#3f3646}
input,select,textarea{padding:17px 18px;border-radius:18px;border-color:#e5dbe8;background:#fff}
input:focus,select:focus,textarea:focus{border-color:#c7a6bf;box-shadow:0 0 0 4px rgba(185,135,173,.12)}
.toggle-pass{background:#f6eff8;color:#6d566a}
.form-inline-note-v14{background:linear-gradient(180deg,#fcf8fd 0%,#f6f0f8 100%)}
.access-checklist{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}
.access-checklist span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:#f7f1f9;border:1px solid var(--line);color:#6d596e;font-weight:700;font-size:13px}
.btn-v14,.btn{background:linear-gradient(180deg,#b987ad 0%,#d6b4ca 100%);box-shadow:0 14px 28px rgba(146, 116, 146, .20)}
.btn-secondary-v14,.btn-secondary{background:#f9f4fa;color:#6a4e66;border:1px solid var(--line)}
.btn-ghost{color:#6a4e66}
.panel-footer-note-v14{border-top-color:#e8dfe9}
.panel-footer-note-v14 strong{background:#f5edf7;color:#785c75}
.sidebar,.card,.topbar-meta-item,.topbar-meta-item,.focus-card,.report-item,.student-profile-card-v10,.bullet-card,.form-hint-card,.status-row,.timeline-item,.mini-card{border-color:#e7dde9 !important}
.sidebar{background:rgba(255,255,255,.90)}
.nav-links a:hover,.nav-links a.is-active{background:#f5eff8}
.soft-card,.hero-side-panel-v7,.preview-soft-panel,.sidebar-profile-card,.topbar-meta-item,.focus-card,.report-item,.form-hint-card,.bullet-card,.status-row{background-image:none;background-color:#fbf7fc}
.card{box-shadow:0 18px 46px rgba(108,83,111,.08)}
.filter-toolbar-v14{display:grid;grid-template-columns:1.4fr .8fr .8fr auto;gap:14px;align-items:end}
.filter-actions-v14{display:flex;gap:10px;align-items:center}
.filter-stats-v14{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.filter-stat-pill{display:flex;flex-direction:column;gap:4px;min-width:120px;padding:14px 16px;border-radius:18px;background:#fbf7fc;border:1px solid var(--line)}
.filter-stat-pill strong{font-size:24px;letter-spacing:-.05em}
.filter-stat-pill span{color:var(--muted);font-size:13px}
.section-head-filter-v14{margin-bottom:16px}
@media (max-width: 1180px){
  .login-shell-v14{grid-template-columns:1fr}
  .hero-copy-v14 h2{font-size:54px}
  .panel-trust-strip,.login-comfort-grid{grid-template-columns:1fr 1fr}
  .filter-toolbar-v14{grid-template-columns:1fr 1fr}
}
@media (max-width: 780px){
  .hero-copy-v14 h2{font-size:42px}
  .login-panel-v14{padding:24px 20px 22px}
  .panel-trust-strip,.login-comfort-grid,.field-grid-compact-register,.filter-toolbar-v14{grid-template-columns:1fr}
  .filter-actions-v14{flex-direction:column;align-items:stretch}
}


/* V14.1 compact login + quick actions */
.app-topbar-v14plus{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(260px,1fr) auto;align-items:center;gap:18px;}
.topbar-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start;}
.topbar-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:16px;border:1px solid var(--line);background:#faf6fb;color:#6a4e66;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-soft);}
.topbar-action-btn:hover{transform:translateY(-1px);background:#f6f0f8;}
.topbar-action-btn.is-primary{background:linear-gradient(180deg,#b987ad 0%,#d6b4ca 100%);color:#fff;border-color:transparent;box-shadow:0 14px 28px rgba(146,116,146,.18);}

@media (max-height: 980px) and (min-width: 1181px){
  .login-shell-v14{min-height:100svh;grid-template-columns:1.02fr .98fr;}
  .login-hero-v14{padding:24px 30px 18px;gap:16px;}
  .brand-mark{width:60px;height:60px;border-radius:18px;font-size:28px;}
  .brand-block h1{font-size:26px;}
  .brand-kicker{font-size:11px;margin-bottom:4px;}
  .hero-copy-v14 h2{font-size:50px;line-height:1.01;margin-bottom:10px;max-width:680px;}
  .hero-copy-v14 p{font-size:16px;line-height:1.55;max-width:680px;}
  .hero-pill-row-v14{gap:8px;}
  .hero-pill{padding:8px 12px;font-size:13px;}
  .hero-metrics-v14{gap:10px;}
  .metric-chip{padding:13px 14px;border-radius:18px;}
  .metric-chip strong{font-size:14px;margin-bottom:4px;}
  .metric-chip span{font-size:12px;line-height:1.4;}
  .hero-preview-board-v14{display:none;}
  .login-panel-wrap-v14{padding:24px 28px;}
  .login-panel-v14{width:min(620px,100%);padding:24px 26px 20px;border-radius:30px;}
  .panel-head-v14 h3{font-size:30px;margin:12px 0 6px;}
  .panel-head p{font-size:15px;line-height:1.55;}
  .panel-trust-strip{margin:14px 0 14px;gap:8px;}
  .panel-trust-strip div{padding:10px 12px;border-radius:16px;}
  .panel-trust-strip strong{font-size:13px;margin-bottom:3px;}
  .panel-trust-strip span{font-size:12px;line-height:1.35;}
  .auth-tabs{margin:12px 0 12px;}
  .auth-tab{padding:12px 16px;border-radius:16px;}
  .auth-form-v14{gap:12px;}
  input,select,textarea{padding:14px 16px;border-radius:16px;}
  .toggle-pass{top:7px;bottom:7px;padding:0 14px;}
  .form-inline-note{padding:12px 14px;border-radius:16px;font-size:14px;}
  .form-inline-note small{font-size:12px;}
  .access-checklist{display:none;}
  .btn{padding:14px 20px;border-radius:16px;}
  .panel-footer-note-v14{margin-top:14px;padding-top:14px;}
  .panel-footer-note-v14 strong{width:38px;height:38px;}
  .panel-footer-note-v14 span{font-size:12px;line-height:1.45;}
}

@media (max-height: 860px) and (min-width: 1181px){
  .hero-pill-row-v14,.panel-trust-strip{display:none;}
  .login-hero-v14{gap:14px;}
  .hero-copy-v14 h2{font-size:44px;}
  .hero-metrics-v14{grid-template-columns:1fr;}
  .metric-chip:nth-child(3){display:none;}
}

@media (max-width: 1450px){
  .app-topbar-v14plus{grid-template-columns:1fr;align-items:stretch;}
  .topbar-actions{justify-content:flex-start;}
}

@media (max-width: 780px){
  .topbar-actions{display:grid;grid-template-columns:1fr;gap:8px;}
  .topbar-action-btn{width:100%;}
}


/* V15 premium + Evalúa */
.v15-body{background:radial-gradient(circle at top left, rgba(197,168,198,.16), transparent 28%), linear-gradient(180deg,#fffcff 0%,#f6eef5 100%)}
.login-shell-v15{grid-template-columns:1fr .92fr;min-height:100svh}
.login-hero-v15{padding:30px 34px 24px;gap:18px}
.hero-copy-v15 h2{font-size:60px;line-height:1.02;max-width:760px;margin-bottom:12px}
.hero-copy-v15 p{font-size:17px;line-height:1.62;max-width:760px}
.hero-metrics-v15-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hero-preview-board-v15-simple{grid-template-columns:1fr .62fr;gap:14px}
.preview-stack-v15{grid-template-rows:1fr 1fr}
.login-panel-wrap-v15{padding:28px 28px 24px}
.login-panel-v15{width:min(620px,100%);padding:28px 28px 22px;border-radius:34px}
.panel-head-v15 h3{font-size:32px;margin:10px 0 8px}
.panel-trust-strip-v15{margin:16px 0 14px}
.auth-form-v15{gap:12px}
.form-inline-note-v15{padding:14px 16px}
.access-checklist-v15{margin-top:0}
.panel-footer-note-v15{margin-top:14px;padding-top:14px}
.evalua-grid-v15{align-items:start}
.form-grid-v15-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.timeline-dot-evalua{background:linear-gradient(180deg,#9d7fb4 0%,#c9b0d8 100%)}
.timeline-item-card-evalua{background:linear-gradient(180deg,#fffdfd 0%,#faf6fc 100%)}
.student-evalua-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;margin:18px 0;border-radius:20px;background:#faf6fc;border:1px solid var(--line)}
.student-evalua-strip strong{font-size:16px}
.student-evalua-strip span{color:var(--muted)}
.evalua-side-card .quick-list-item strong{font-weight:900}
.compact-chip-row{margin:10px 0 6px}
.preview-main-card-v14 h3{max-width:720px}
@media (max-height: 980px) and (min-width: 1181px){
  .login-shell-v15{grid-template-columns:1fr .96fr}
  .login-hero-v15{padding:22px 26px 18px;gap:14px}
  .hero-copy-v15 h2{font-size:46px;max-width:650px}
  .hero-copy-v15 p{font-size:15px;line-height:1.5;max-width:650px}
  .hero-preview-board-v15-simple{display:none}
  .hero-metrics-v15-compact .metric-chip:nth-child(3){display:none}
  .login-panel-v15{padding:22px 24px 18px}
  .panel-head-v15 h3{font-size:28px}
}
@media (max-width: 1350px){
  .login-shell-v15{grid-template-columns:1fr}
  .hero-copy-v15 h2{font-size:48px}
}
@media (max-width: 980px){
  .form-grid-v15-3,.hero-metrics-v15-compact,.hero-preview-board-v15-simple{grid-template-columns:1fr}
}


/* V16 parent portal + apoderados */
.v16-body{background:radial-gradient(circle at top left, rgba(195,184,214,.18), transparent 28%), linear-gradient(180deg,#fffefe 0%,#f4eef7 100%)}
.login-shell-v16{min-height:100vh}.login-hero-v16{padding-bottom:34px}.hero-copy-v16 h2{max-width:820px}.hero-pill-row-v16{margin-bottom:18px}.preview-stack-v16 .preview-mini-card{min-height:140px}.panel-trust-strip-v16 div{min-height:74px}.login-footnote-v16{margin-top:18px;padding-top:16px;border-top:1px solid rgba(145,99,127,.14);display:flex;gap:12px;align-items:flex-start;color:#73586b}.login-footnote-v16 strong{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:14px;background:#f2e7f1;color:#7d5373}
.sidebar-v16 .sidebar-top,.sidebar-v16 .sidebar-foot{gap:18px}.mini-card-v16,.mini-card-route-v16{border:1px solid rgba(171,126,160,.18);background:#fbf6fb}.sidebar-guardian .mini-card-v16,.sidebar-guardian .mini-card-route-v16{background:#f7f3fb}.nav-links a{display:flex;align-items:center;gap:8px}
.records-table-wrap{overflow:auto}.records-table{width:100%;border-collapse:collapse}.records-table th,.records-table td{padding:12px 14px;border-bottom:1px solid rgba(171,126,160,.15);text-align:left;font-size:14px}.records-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#94677f}.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.status-pill-ok{background:#eaf6ee;color:#2d7b4b}.status-pill-muted{background:#f0ebf2;color:#7d6a78}
.guardian-page-head{margin-bottom:18px}.guardian-switch-row{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.guardian-student-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:#f3edf6;border:1px solid rgba(171,126,160,.15);color:#5b4154;font-weight:700}.guardian-student-chip.is-active{background:#ceb0c9;color:#fff}.guardian-hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px;margin-bottom:18px}.guardian-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.guardian-mini-card{padding:14px;border-radius:18px;background:#fbf7fb;border:1px solid rgba(171,126,160,.14);display:flex;flex-direction:column;gap:6px}.guardian-mini-card strong{font-size:13px;color:#7d5870}.guardian-side-card h3{margin-bottom:10px}.guardian-content-grid{margin-top:0}.guardian-report-block strong{display:block;margin-bottom:4px}.muted-line{color:#876678;margin-bottom:12px}.guardian-empty-card{text-align:center;padding:28px}.card-v16-list{margin-top:18px}
.topbar-actions{flex-wrap:wrap;gap:10px}.topbar-action-btn{white-space:nowrap}.app-topbar-v14plus{gap:18px}
.form-inline-note-v16{background:#faf4fb;border:1px solid rgba(171,126,160,.14)}
@media (max-width: 1200px){.guardian-hero-grid{grid-template-columns:1fr}.app-topbar-v14plus{grid-template-columns:1fr}}
@media (max-width: 860px){.guardian-mini-grid{grid-template-columns:1fr}.records-table th,.records-table td{padding:10px}.login-hero-v16{padding-bottom:20px}}


/* V17 cleaner login + psychopedagogical semaforo */
.v17-body{background:radial-gradient(circle at top left, rgba(201,184,216,.16), transparent 26%), linear-gradient(180deg,#fffefe 0%,#f3eef6 100%)}
.login-shell-v17{grid-template-columns:1fr .92fr;min-height:100svh}
.login-hero-v17{padding:28px 34px 22px;gap:16px}
.hero-copy-v17 h2{font-size:56px;line-height:1.02;max-width:760px;margin-bottom:10px}
.hero-copy-v17 p{font-size:16px;line-height:1.58;max-width:760px}
.hero-metrics-v17{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hero-preview-board-v17{margin-top:2px}.brand-mark-v17{background:linear-gradient(180deg,#d3bbd1 0%,#bea1c4 100%)}
.login-panel-wrap-v17{padding:24px 26px 20px}.login-panel-v17{width:min(620px,100%);padding:26px 28px 20px;border-radius:32px}
.panel-head-v17 h3{font-size:31px;margin:10px 0 8px}.panel-trust-strip-v17{margin:14px 0 14px}.auth-form-v17{gap:12px}.form-inline-note-v17{background:#fbf5fb;border:1px solid rgba(171,126,160,.13)}.access-checklist-v17{margin-top:0}.btn-v17{margin-top:2px}
.card-v17-area-radar{margin:18px 0}.v17-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v17-area-chip-card{padding:16px 18px;border-radius:20px;background:#fbf7fb;border:1px solid rgba(171,126,160,.14);display:flex;flex-direction:column;gap:6px}.v17-area-chip-card strong{font-size:15px}.v17-area-chip-card span{color:#7a5f72;font-size:14px;line-height:1.5}.v17-area-chip-card-soft{background:#f7f1fb}.v17-area-chip-card.is-empty{grid-column:span 3}
.v17-semaforo-card{margin:18px 0}.v17-semaforo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v17-semaforo-item{padding:16px 18px;border-radius:20px;border:1px solid rgba(171,126,160,.14);background:#fff;display:flex;flex-direction:column;gap:6px}.v17-semaforo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.v17-semaforo-head strong{font-size:15px;line-height:1.3}.v17-semaforo-head span{font-size:12px;font-weight:800;letter-spacing:.02em}.v17-semaforo-item p{margin:0;color:#5e4758;line-height:1.45}.v17-semaforo-item small{color:#8a6e80}.semaforo-ok{background:#f3fbf4;border-color:#dbeedc}.semaforo-ok .v17-semaforo-head span{color:#2d7b4b}.semaforo-watch{background:#fffaf0;border-color:#f3e4b8}.semaforo-watch .v17-semaforo-head span{color:#a16b17}.semaforo-mixed{background:#f7f3fb;border-color:#ddd0ef}.semaforo-mixed .v17-semaforo-head span{color:#7d5cb0}.semaforo-risk{background:#fff7f2;border-color:#f1d6bf}.semaforo-risk .v17-semaforo-head span{color:#ba6a20}.semaforo-high{background:#fff3f4;border-color:#efc8cf}.semaforo-high .v17-semaforo-head span{color:#b7455b}.semaforo-neutral{background:#fbf7fb;border-color:rgba(171,126,160,.14)}.semaforo-neutral .v17-semaforo-head span{color:#8a6e80}.v17-semaforo-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
@media (max-height: 930px) and (min-width: 1181px){.login-shell-v17{grid-template-columns:1fr .96fr}.login-hero-v17{padding:20px 24px 16px;gap:12px}.hero-copy-v17 h2{font-size:46px;max-width:650px}.hero-copy-v17 p{font-size:15px;line-height:1.48;max-width:650px}.hero-preview-board-v17{display:none}.hero-metrics-v17 .metric-chip:nth-child(3){display:none}.login-panel-v17{padding:22px 24px 18px}.panel-head-v17 h3{font-size:28px}}
@media (max-width: 1350px){.v17-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v17-semaforo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 980px){.login-shell-v17{grid-template-columns:1fr}.hero-copy-v17 h2{font-size:44px}.hero-metrics-v17,.v17-area-grid,.v17-semaforo-grid{grid-template-columns:1fr}.v17-area-chip-card.is-empty{grid-column:auto}}


/* V18 plantillas + portal familiar mejorado */
.v18-template-intro{margin-bottom:18px}
.v18-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.v18-template-card{display:flex;flex-direction:column;gap:14px}
.v18-template-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.compact-template-list .quick-list-item{padding:10px 12px}
.template-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;text-decoration:none}
.template-pill.is-active{background:#c9a8c7;color:#fff;border-color:#c9a8c7}
.v18-evalua-tools{margin-bottom:18px}
.v18-template-chip-row{display:flex;gap:10px;flex-wrap:wrap}
.v18-template-launch{margin:18px 0}
.v18-launch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v18-launch-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:20px;border:1px solid rgba(171,126,160,.14);background:#fbf7fb;text-decoration:none;color:inherit;transition:transform .18s ease, box-shadow .18s ease}
.v18-launch-card:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(120,80,110,.10)}
.v18-launch-card strong{font-size:16px}
.v18-launch-card span{font-size:14px;line-height:1.45;color:#6d5666}
.guardian-hero-grid-v18{margin-bottom:18px}
.guardian-hero-card-v18,.guardian-side-card-v18{background:linear-gradient(180deg,#fffefe 0%,#faf5fb 100%)}
.guardian-stage-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.v18-guardian-area-card{margin-bottom:18px}
.v18-guardian-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width: 1280px){
  .v18-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 980px){
  .v18-template-grid,.v18-launch-grid,.v18-guardian-area-grid{grid-template-columns:1fr}
}


/* V19 structured templates + flow fix */
.v19-template-card.is-focused{border-color:#c2a0c4;box-shadow:0 18px 36px rgba(124,85,121,.12);background:linear-gradient(180deg,#fffefe 0%,#fbf5fb 100%)}
.v19-template-actions{display:flex;gap:10px;flex-wrap:wrap}
.v19-template-checks .quick-list-item{background:#fcf8fc}
.v19-guide-card{display:grid;grid-template-columns:.95fr 1.05fr;gap:14px;padding:16px 18px;margin:14px 0 2px;border-radius:22px;background:linear-gradient(180deg,#fffefe 0%,#faf5fb 100%);border:1px solid rgba(171,126,160,.14)}
.v19-guide-card strong{font-size:16px}
@media (max-width: 980px){.v19-guide-card{grid-template-columns:1fr}}


/* V20 serious scores + template anchors */
.v18-template-card:target,
.v19-template-card.is-focused{
    outline:2px solid rgba(182, 118, 157, .35);
    box-shadow:0 18px 40px rgba(154, 98, 136, .14);
    transform:translateY(-2px);
}
.v20-score-overview-card,
.v20-student-score-card,
.v20-guardian-score-card{
    border:1px solid var(--line);
    background:linear-gradient(180deg,#fffefe 0%, #fff8fc 100%);
}
.v20-score-hero{
    display:grid;
    grid-template-columns:260px 1fr;
    gap:22px;
    align-items:start;
}
.v20-score-total{
    border:1px solid var(--line);
    border-radius:22px;
    padding:20px;
    background:linear-gradient(180deg,#fff7fb 0%, #fff 100%);
    display:flex;
    flex-direction:column;
    gap:8px;
}
.v20-score-total small{color:var(--muted);font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.v20-score-total strong{font-size:2rem;line-height:1;color:var(--text)}
.v20-score-total span{color:var(--muted)}
.v20-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.v20-score-line{
    border:1px solid var(--line);
    border-radius:18px;
    padding:14px 16px;
    background:rgba(255,255,255,.82);
}
.v20-score-line-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-bottom:8px;
    font-size:.95rem;
}
.v20-score-line-head span{color:var(--pink-dark);font-weight:800}
.v20-score-bar{
    height:10px;
    border-radius:999px;
    background:#f3e5ee;
    overflow:hidden;
}
.v20-score-bar span{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#cda0be 0%, #b97ca8 100%);
}
.score-board-editor{
    margin:8px 0 18px;
    padding:18px;
    border:1px solid var(--line);
    border-radius:22px;
    background:linear-gradient(180deg,#fffafc 0%, #fff 100%);
}
.score-editor-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.score-badge-table{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:74px;
    padding:7px 10px;
    border-radius:999px;
    background:#f7ebf3;
    border:1px solid var(--line);
    color:var(--pink-dark);
    font-weight:800;
}
@media (max-width: 1100px){
    .v20-score-hero{grid-template-columns:1fr}
    .v20-score-grid{grid-template-columns:1fr}
}
@media (max-width: 900px){
    .score-editor-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
    .score-editor-grid{grid-template-columns:1fr}
}


/* V21 charts + comparison */
.sparkline-wrap { display:block; width:100%; min-height:90px; }
.sparkline-svg { width:100%; height:100px; overflow:visible; }
.sparkline-svg line { stroke: rgba(120, 102, 128, 0.18); stroke-width:1; }
.sparkline-svg polygon { fill: rgba(182, 142, 180, 0.14); }
.sparkline-svg polyline { fill:none; stroke: #b588b7; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.sparkline-svg .sparkline-dots circle { fill: #ffffff; stroke: #b588b7; stroke-width:2; }
.v21-dashboard-analytics,
.v21-student-chart-card,
.v21-student-compare-card,
.guardian-progress-card,
.guardian-compare-card { border:1px solid rgba(184, 159, 187, 0.22); box-shadow: 0 18px 40px rgba(64, 39, 61, 0.05); }
.v21-analytics-grid,
.v21-student-progress-grid,
.guardian-v21-progress-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:18px; }
.v21-chart-card,
.v21-student-chart-card,
.v21-student-compare-card,
.guardian-progress-card,
.guardian-compare-card { padding:22px; border-radius:26px; background: rgba(255,255,255,0.86); }
.v21-chart-head,
.v21-area-bar-head,
.v21-compare-row,
.v21-compare-meta,
.v21-chart-hero { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.v21-chart-head span { color:#7d677f; font-size:14px; }
.v21-chart-hero { align-items:flex-end; }
.v21-chart-hero > div:first-child { min-width:140px; }
.v21-chart-hero small { display:block; color:#8b768d; margin-bottom:4px; }
.v21-chart-hero strong { display:block; font-size:34px; line-height:1; margin-bottom:6px; }
.v21-chart-hero span { color:#725f74; }
.v21-benchmark-row { margin-top:10px; }
.v21-area-bars,
.v21-compare-rows { display:grid; gap:12px; margin-top:14px; }
.v21-area-bar-row { display:grid; gap:8px; }
.v21-area-bar-head strong,
.v21-compare-row strong { font-size:15px; }
.v21-area-bar-head span,
.v21-compare-row small { color:#7a667d; font-size:13px; }
.v21-area-bar-track { height:10px; border-radius:999px; background: rgba(187, 167, 192, 0.18); overflow:hidden; }
.v21-area-bar-track span { display:block; height:100%; border-radius:inherit; background: linear-gradient(90deg, #d5bdd6 0%, #b588b7 100%); }
.v21-delta-pill { display:inline-flex; align-items:center; justify-content:center; min-width:52px; padding:8px 12px; border-radius:999px; font-weight:700; font-size:13px; background: rgba(180, 157, 182, 0.16); color:#6b566d; }
.v21-delta-pill.is-up { background: rgba(127, 182, 142, 0.18); color:#2f6a3f; }
.v21-delta-pill.is-down { background: rgba(219, 154, 154, 0.16); color:#9a4343; }
.v21-delta-pill.is-flat { background: rgba(182, 167, 192, 0.16); color:#69596c; }
.v21-compare-row { padding:12px 14px; border:1px solid rgba(188, 166, 191, 0.2); border-radius:18px; background: rgba(249, 246, 250, 0.75); }
.guardian-progress-card .v21-chart-hero strong,
.guardian-compare-card .v21-compare-row strong { font-size:30px; }
@media (max-width: 1100px) {
  .v21-analytics-grid,
  .v21-student-progress-grid,
  .guardian-v21-progress-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .v21-chart-hero,
  .v21-chart-head,
  .v21-compare-row,
  .v21-compare-meta { flex-direction:column; align-items:flex-start; }
  .v21-chart-hero strong { font-size:28px; }
}


/* V22 intervención 360 + fix plantillas */
html { scroll-behavior: smooth; }
.field-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.field-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.intervention-grid { align-items: stretch; }
.intervention-card { border: 1px solid rgba(190, 166, 197, 0.28); background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(250,245,251,0.92) 100%); }
.intervention-card .student-card-summary-soft { min-height: 52px; }
.intervention-detail-grid { margin-top: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.intervention-detail-grid .detail-block { background: rgba(255,255,255,0.68); }
.v19-template-card.is-focused { box-shadow: 0 0 0 2px rgba(182, 139, 182, 0.28), 0 28px 60px rgba(141, 110, 149, 0.14); transform: translateY(-2px); }
.guardian-report-block .v20-score-line { margin-top: 14px; }
@media (max-width: 980px) {
  .field-grid-3,
  .field-grid-4,
  .intervention-detail-grid { grid-template-columns: 1fr; }
}


/* V23.1 compact topbar + plantilla selection */
.app-topbar--compact{grid-template-columns:minmax(200px,.9fr) minmax(220px,1fr) auto;gap:14px;padding:22px 24px;}
.topbar-actions--compact{display:flex;flex-wrap:wrap;gap:8px;max-width:520px;align-items:flex-start;}
.topbar-actions--compact .topbar-action-btn{padding:9px 12px;border-radius:14px;font-size:14px;font-weight:800;box-shadow:none;background:#fcf8fc;}
.topbar-actions--compact .topbar-action-btn.is-primary{box-shadow:none;}
.template-active-banner{margin:18px 0 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;background:linear-gradient(180deg,#fffefe 0%,#faf4fb 100%);border:1px solid rgba(182,139,182,.20);}
.template-active-banner h3{margin:8px 0 6px;font-size:28px;}
.template-active-banner p{margin:0;color:var(--muted);max-width:760px;}
.template-active-actions{display:flex;gap:10px;flex-wrap:wrap;}
.v19-template-actions .btn-secondary{display:inline-flex;text-decoration:none;}
@media (max-width: 1240px){
  .app-topbar--compact{grid-template-columns:1fr;}
  .topbar-actions--compact{max-width:none;}
}
@media (max-width: 780px){
  .template-active-banner{flex-direction:column;align-items:flex-start;}
  .template-active-actions{width:100%;}
  .template-active-actions .btn{width:100%;justify-content:center;}
}

/* V24 compact layout + working plantillas */
.sidebar{
    width:272px;
    padding:20px 18px;
}
.sidebar-profile-card{
    margin-top:18px;
    padding:16px;
    border-radius:20px;
}
.sidebar-profile-card strong{font-size:17px}
.sidebar-profile-card span{font-size:13px;line-height:1.5}
.nav-links{gap:8px;margin-top:18px}
.nav-links a{
    padding:12px 14px;
    border-radius:16px;
    font-size:15px;
    font-weight:800;
}
.sidebar-foot{gap:10px}
.mini-card{padding:14px;border-radius:18px}
.mini-card strong{font-size:15px}
.mini-card span{font-size:13px;line-height:1.45}
.main{padding:22px 22px 30px}
.card{padding:22px;border-radius:26px}
.app-topbar-v14plus{grid-template-columns:minmax(240px,1fr) auto auto;align-items:start;gap:16px}
.app-topbar h2{font-size:30px;margin:10px 0 0}
.topbar-meta{gap:10px}
.topbar-meta-item{min-width:118px;padding:12px 14px;border-radius:16px}
.topbar-meta-item strong{font-size:14px;line-height:1.35}
.topbar-action-btn{
    padding:10px 13px;
    border-radius:999px;
    font-size:14px;
    background:#fff;
    box-shadow:none;
}
.topbar-action-btn.is-primary{box-shadow:0 10px 22px rgba(146,116,146,.14)}
.app-topbar--compact{
    grid-template-columns:minmax(220px,1fr) auto;
    grid-template-areas:
        "head meta"
        "actions actions";
    gap:12px;
    padding:18px 20px;
}
.app-topbar--compact > div:first-child{grid-area:head}
.app-topbar--compact .topbar-actions{grid-area:actions}
.app-topbar--compact .topbar-meta{grid-area:meta;justify-content:flex-end}
.topbar-meta--compact{gap:8px}
.topbar-meta--compact .topbar-meta-item{min-width:108px;padding:10px 12px;border-radius:14px;background:#fcf8fc}
.topbar-meta--compact .topbar-meta-item small{font-size:11px;margin-bottom:4px}
.topbar-meta--compact .topbar-meta-item strong{font-size:13px}
.topbar-actions--compact{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    max-width:none;
}
.topbar-actions--compact .topbar-action-btn{
    padding:8px 12px;
    border-radius:999px;
    font-size:13px;
    background:#fff;
}
.template-active-banner.is-hidden{display:none}
.template-active-banner{
    margin:16px 0 4px;
    padding:18px 20px;
    border-radius:24px;
    background:linear-gradient(180deg,#fffefe 0%,#faf5fb 100%);
}
.template-active-banner h3{font-size:26px;margin:8px 0 6px}
.template-active-banner p{font-size:14px;line-height:1.6;color:var(--muted)}
.compact-template-intro{padding:18px 20px}
.route-steps-v24{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.v24-template-grid{gap:16px}
.v24-template-card{scroll-margin-top:24px}
.v24-template-card h3{font-size:26px;margin:14px 0 10px}
.v24-template-actions{gap:8px}
.v24-template-actions .btn,
.v24-template-actions .btn-secondary,
.v24-template-actions .btn-ghost{
    padding:12px 15px;
    border-radius:16px;
    font-size:14px;
}
.v24-template-card.is-focused{
    border-color:#c5a4c7;
    box-shadow:0 0 0 2px rgba(190,146,189,.25), 0 22px 46px rgba(108,83,111,.10);
}
@media (max-width: 1450px){
    .app-topbar-v14plus{grid-template-columns:1fr}
    .topbar-meta{justify-content:flex-start}
}
@media (max-width: 1180px){
    .sidebar{width:250px}
    .route-steps-v24{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 900px){
    .app-topbar--compact{grid-template-columns:1fr;grid-template-areas:"head" "meta" "actions"}
    .app-topbar--compact .topbar-meta{justify-content:flex-start}
    .topbar-meta--compact{flex-wrap:wrap}
}
@media (max-width: 780px){
    .sidebar{width:100%;height:auto;position:relative}
    .main{padding:16px}
    .card{padding:18px;border-radius:22px}
    .route-steps-v24{grid-template-columns:repeat(2,minmax(0,1fr))}
    .v24-template-actions{display:grid;grid-template-columns:1fr}
    .v24-template-actions .btn,
    .v24-template-actions .btn-secondary,
    .v24-template-actions .btn-ghost{width:100%;justify-content:center}
}


/* V25 premium final polish */
.sidebar{
    width:292px;
    padding:22px 18px;
}
.brand-block-app{align-items:flex-start;gap:14px}
.brand-kicker{font-size:12px;letter-spacing:.18em}
.sidebar-profile-card{
    margin-top:18px;
    padding:16px 16px 18px;
    border-radius:20px;
}
.sidebar-profile-card strong{font-size:17px}
.nav-links{gap:8px;margin-top:20px}
.nav-links a{
    padding:13px 14px;
    border-radius:16px;
    font-size:15px;
}
.sidebar-foot{gap:10px}
.mini-card{padding:14px 15px;border-radius:18px}
.main{padding:22px 24px 30px}
.card{
    padding:22px;
    border-radius:28px;
}
.app-topbar-v14plus{
    grid-template-columns:minmax(250px,1fr) minmax(320px,1.05fr) auto;
    gap:16px;
}
.app-topbar h2{font-size:32px}
.topbar-actions{gap:8px;align-content:flex-start}
.topbar-action-btn{
    padding:10px 14px;
    min-height:42px;
    border-radius:15px;
    font-size:14px;
}
.topbar-meta{gap:10px;justify-content:flex-end;align-items:stretch}
.topbar-meta-item{
    min-width:128px;
    min-height:80px;
    border-radius:16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.dashboard-v10-hero-grid.dashboard-v13-hero-grid{grid-template-columns:1.08fr .92fr;gap:18px}
.dashboard-v10-copy h3,.dashboard-v13-copy h3{
    font-size:clamp(42px,4.6vw,66px);
    line-height:.98;
    max-width:12ch;
}
.dashboard-v10-copy p,.dashboard-v13-copy p{max-width:64ch}
.hero-actions-row{gap:10px;margin-top:18px}
.hero-actions-row .btn,
.hero-actions-row .btn-secondary,
.hero-actions-row .btn-ghost{
    padding:13px 18px;
    border-radius:16px;
}
.route-progress-card{margin-top:18px;padding:16px 18px;border-radius:22px}
.quick-list{gap:10px}
.quick-list-item{padding:13px 14px;border-radius:16px}
.route-step{min-height:88px;border-radius:18px}
.focus-card,.student-card,.bullet-card,.report-item,.status-row,.timeline-item{border-radius:20px}
.section-head h3{font-size:28px}
.page-head h2{font-size:34px}
.panel-chip{
    padding:9px 14px;
    border-radius:999px;
}
.v24-template-actions .btn,
.v24-template-actions .btn-secondary,
.v24-template-actions .btn-ghost{
    min-height:44px;
}
@media (max-width: 1450px){
    .dashboard-v10-copy h3,.dashboard-v13-copy h3{max-width:none}
}
@media (max-width: 1180px){
    .sidebar{width:260px}
    .main{padding:18px}
}


/* V25.2 micro polish */
:root{
    --shadow:0 16px 40px rgba(108,83,111,.075);
    --shadow-soft:0 8px 20px rgba(108,83,111,.055);
}
.sidebar{
    width:284px;
    padding:18px 16px 20px;
}
.brand-mark--small{width:52px;height:52px;border-radius:17px;font-size:24px;}
.brand-block-app{gap:12px;}
.brand-kicker{font-size:11px;letter-spacing:.16em;}
.brand-block h1{font-size:28px;}
.sidebar-profile-card{padding:15px 15px 16px;border-radius:18px;}
.sidebar-profile-card strong{font-size:16px;}
.sidebar-profile-card span{font-size:12.75px;line-height:1.52;}
.nav-links{gap:7px;margin-top:18px;}
.nav-links a{padding:11px 13px;border-radius:15px;font-size:14px;gap:9px;}
.mini-card{padding:13px 14px;border-radius:17px;}
.mini-card strong{font-size:14px;}
.mini-card span{font-size:12.5px;line-height:1.45;}
.btn{border-radius:16px;}
.main{padding:18px 20px 28px;}
.card{padding:20px;border-radius:24px;margin-bottom:16px;}
.panel-chip,.eyebrow,.panel-head .panel-chip{padding:8px 13px;font-size:11px;letter-spacing:.11em;}
.app-topbar-v14plus{grid-template-columns:minmax(220px,.95fr) minmax(280px,1fr) auto;gap:14px;padding:18px 20px;}
.app-topbar h2{font-size:28px;margin:8px 0 0;}
.topbar-actions{gap:7px;}
.topbar-action-btn{padding:9px 13px;min-height:38px;border-radius:14px;font-size:13px;}
.topbar-meta{gap:8px;}
.topbar-meta-item{min-width:116px;min-height:72px;padding:10px 12px;border-radius:14px;}
.topbar-meta-item small{font-size:11px;margin-bottom:4px;}
.topbar-meta-item strong{font-size:13px;line-height:1.3;}
.app-topbar--compact{padding:16px 18px;gap:10px;}
.topbar-actions--compact .topbar-action-btn{padding:8px 11px;font-size:12.5px;min-height:36px;}
.topbar-meta--compact .topbar-meta-item{min-width:100px;min-height:64px;}
.dashboard-v10-copy h3,.dashboard-v13-copy h3{font-size:clamp(38px,4.1vw,58px);line-height:1.01;}
.dashboard-v10-copy p,.dashboard-v13-copy p,.page-head p{font-size:15px;line-height:1.68;}
.hero-side-panel-v7,.dashboard-v10-side,.hero-side-panel-v13{border-radius:24px;}
.route-progress-card,.focus-card,.student-card,.bullet-card,.report-item,.status-row,.timeline-item,.form-hint-card{border-radius:18px;}
.page-head{margin-bottom:18px;}
.page-head h2{font-size:30px;margin:10px 0 8px;}
.section-head{margin-bottom:14px;}
.section-head h3{font-size:25px;}
input,select,textarea{padding:14px 16px;border-radius:16px;}
.form-grid-v8,.form-grid-v9,.form-grid-v15-3,.field-grid-3,.field-grid-4{gap:12px;}
.records-table th,.records-table td{padding:11px 12px;}
.empty-state{padding:16px 18px;border-radius:16px;font-size:14px;}
.template-active-banner{padding:16px 18px;border-radius:20px;}
.template-active-banner h3{font-size:23px;}
.v24-template-card h3{font-size:24px;}
.v24-template-actions .btn,.v24-template-actions .btn-secondary,.v24-template-actions .btn-ghost{padding:11px 14px;border-radius:14px;font-size:13px;}
@media (max-width: 1450px){
  .app-topbar-v14plus{grid-template-columns:1fr;}
  .topbar-meta{justify-content:flex-start;}
}
@media (max-width: 1180px){
  .sidebar{width:252px;}
  .main{padding:16px;}
  .card{padding:18px;}
}
@media (max-width: 900px){
  .sidebar{width:100%;height:auto;position:relative;}
  .app-topbar--compact{grid-template-columns:1fr;grid-template-areas:"head" "meta" "actions";}
  .app-topbar--compact .topbar-meta{justify-content:flex-start;}
}


/* V26 ordered layout + observa */
.sidebar{width:268px;padding:16px 14px 18px;}
.brand-mark--small{width:50px;height:50px;border-radius:16px;font-size:23px;}
.brand-block h1{font-size:26px;}
.sidebar-profile-card{padding:14px 14px 15px;}
.nav-links a{padding:10px 12px;font-size:13.5px;border-radius:14px;}
.main{padding:16px 18px 24px;}
.card{padding:18px 18px 19px;border-radius:22px;}
.page-head{margin-bottom:14px;}
.page-head h2{font-size:28px;}
.app-topbar-v14plus{grid-template-columns:minmax(210px,.9fr) minmax(260px,1fr) auto;gap:12px;padding:16px 18px;border-radius:24px;}
.app-topbar h2{font-size:26px;}
.topbar-actions{gap:6px;align-content:flex-start;}
.topbar-action-btn{padding:8px 12px;min-height:36px;font-size:12.5px;border-radius:13px;}
.topbar-meta-item{min-width:108px;min-height:66px;padding:10px 11px;}
.topbar-meta-item strong{font-size:12.75px;}
.app-topbar--compact{padding:14px 16px;}
.topbar-actions--compact .topbar-action-btn{padding:7px 10px;min-height:34px;font-size:12px;}
.topbar-meta--compact .topbar-meta-item{min-width:96px;min-height:60px;}
.dashboard-v10-copy h3,.dashboard-v13-copy h3{font-size:clamp(34px,3.5vw,52px);}
.v24-template-grid{gap:16px;}
.v24-template-card{scroll-margin-top:90px;}
.v24-template-actions{display:flex;flex-wrap:wrap;gap:8px;}
.v24-template-actions .btn,.v24-template-actions .btn-secondary,.v24-template-actions .btn-ghost{flex:1 1 170px;}
.template-active-banner{padding:15px 16px;gap:14px;}
.template-active-actions{display:flex;flex-wrap:wrap;gap:8px;}
.template-active-actions .btn,.template-active-actions .btn-secondary,.template-active-actions .btn-ghost{min-height:40px;}
.clean-list{margin:10px 0 0;padding-left:18px;color:var(--muted);display:grid;gap:8px;}
.compact-side-card p,.compact-side-card li{font-size:14px;line-height:1.6;}
.observa-context-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
@media (max-width:1450px){
  .sidebar{width:252px;}
  .app-topbar-v14plus{grid-template-columns:1fr;}
}
@media (max-width:1180px){
  .sidebar{width:238px;}
}

.topbar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
.topbar-actions--compact{max-width:560px}
.topbar-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:18px;border:1px solid var(--line);background:#fff8fb;color:#6b3f56;font-weight:800;box-shadow:var(--shadow-soft)}
.topbar-action-btn.is-primary{background:linear-gradient(180deg,var(--pink) 0%,var(--pink-2) 100%);color:#fff;border-color:transparent;box-shadow:0 14px 28px rgba(223,66,144,.24)}
.stats-grid-v27-small{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-row-2,.form-row-3{display:grid;gap:12px}
.form-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.score-grid-v27{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:14px 0}
.score-box-v27{padding:14px 16px;border-radius:18px;background:#fff8fb;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.score-box-v27 strong{font-size:24px;letter-spacing:-.05em}
.score-box-v27 span{font-size:13px;color:var(--muted);font-weight:700}
.progress-row-v27{display:flex;align-items:center;gap:12px;margin:10px 0 14px}
.progress-track-v27{height:12px;flex:1;border-radius:999px;background:#f4e7ef;overflow:hidden;border:1px solid var(--line)}
.progress-track-v27 span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pink) 0%,var(--pink-2) 100%)}
.sparkline-card{padding:8px 0 0}
.sparkline-svg{width:100%;height:110px;display:block}
.sparkline-svg line{stroke:#ecd7e3;stroke-width:1}
.sparkline-svg polygon{fill:rgba(223,66,144,.10)}
.sparkline-svg polyline{fill:none;stroke:var(--pink-dark);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sparkline-svg .sparkline-dots circle{fill:#fff;stroke:var(--pink-dark);stroke-width:2}
.v27-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v27-tool-card{padding:18px;border-radius:22px;background:#fff8fb;border:1px solid var(--line)}
.v27-tool-card strong{display:block;font-size:18px;margin-bottom:8px}
.v27-tool-card p{margin:0;color:var(--muted);line-height:1.6}
@media (max-width: 1180px){
  .stats-grid-v27-small{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-row-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 860px){
  .form-row-2,.form-row-3,.stats-grid-v27-small,.v27-tool-grid{grid-template-columns:1fr}
  .topbar-actions{width:100%}
}

/* V27.2 autodraft + apoderados empty state */
.report-autodraft-card{margin:0 0 18px;padding:18px;border-radius:20px;background:#fbf6fb;border:1px solid rgba(171,126,160,.16)}
.autodraft-form-grid{display:grid;grid-template-columns:1.25fr 1fr auto;gap:12px;align-items:end;margin-top:12px}
.autodraft-form-grid label{display:block;margin:0 0 8px;font-size:13px;font-weight:700;color:#5b4154}
.draft-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.draft-meta-card{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid rgba(171,126,160,.14);display:flex;flex-direction:column;gap:4px}
.draft-meta-card strong{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#94677f}
.draft-meta-card span{font-weight:700;color:#3a2b39}
.compact-head-tight h3{font-size:22px}
.empty-state-rich strong{display:block;margin-bottom:6px;color:#412f3f}
.empty-state-rich p{margin:0;color:#7a6273;line-height:1.6}
.guardian-empty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.guardian-empty-actions{margin-top:14px}
@media (max-width: 980px){
  .autodraft-form-grid{grid-template-columns:1fr}
  .draft-meta-grid,.guardian-empty-grid{grid-template-columns:1fr}
}

/* V27.3 brutal */
.v273-alert-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}
.smart-alert-item{border:1px solid rgba(171,126,160,.18)}
.smart-alert-high{background:#fff4f7}
.smart-alert-warning{background:#fff9f0}
.smart-alert-info{background:#fbf8ff}
.area-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.area-progress-grid-student{grid-template-columns:repeat(3,minmax(0,1fr))}
.area-progress-grid-guardian{grid-template-columns:repeat(2,minmax(0,1fr))}
.area-progress-card{padding:16px;border-radius:20px;background:#fff8fb;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.area-progress-card.compact{padding:14px}
.score-box-v27-large{padding:16px 18px}
.score-box-v27-large strong{font-size:30px}
.mini-spark-wrap{margin-top:2px}
.delta-badge{font-weight:800}
.delta-badge.is-up{background:#eef9f1;color:#23764a}
.delta-badge.is-down{background:#fff1f1;color:#b14a5a}
.delta-badge.is-flat{background:#f5eef4;color:#7c6073}
.role-grid-v273{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.role-card-v273{padding:18px;border-radius:22px;background:#fff8fb;border:1px solid var(--line)}
.role-card-v273 h4{margin:0 0 10px;font-size:18px}
.role-card-v273 ul{margin:0;padding-left:18px;display:grid;gap:9px;color:var(--muted)}
.preset-button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.preset-button-row .btn{flex:1 1 220px}
@media (max-width:1200px){
  .v273-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .area-progress-grid-student,.role-grid-v273{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .v273-alert-grid,.area-progress-grid,.area-progress-grid-student,.area-progress-grid-guardian,.role-grid-v273{grid-template-columns:1fr}
}


/* V27.3.1 apoderados + sidebar memory */
.guardian-list-card{height:auto !important;min-height:0 !important;}
.guardian-empty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;}
.guardian-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;}
.guardian-bottom-card{padding:14px 15px;border-radius:18px;background:#fbf7fb;border:1px solid rgba(171,126,160,.14);display:flex;flex-direction:column;gap:6px;}
.guardian-bottom-card strong{font-size:13px;color:#7d5870;}
.guardian-bottom-card span{font-size:14px;line-height:1.6;color:var(--muted);}
#appSidebar{scroll-behavior:auto;}
#appSidebar .nav-links a{scroll-margin-top:18px;}
@media (max-width: 1024px){
  .guardian-bottom-grid,.guardian-empty-grid{grid-template-columns:1fr;}
}

/* ===== V28 visual reorder ===== */
:root{
    --bg:#f6f5fb;
    --bg-2:#fbfafe;
    --bg-soft:#f4f0fa;
    --card:#ffffff;
    --line:#e6deef;
    --line-2:#eee6f5;
    --text:#231d2f;
    --muted:#6f6780;
    --pink:#9b73bf;
    --pink-2:#c7a4dd;
    --pink-dark:#6d4e8d;
    --shadow:0 18px 42px rgba(83, 60, 114, .08);
    --shadow-soft:0 10px 24px rgba(83, 60, 114, .06);
    --radius:26px;
}
html,body{
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:var(--text);
    background:linear-gradient(180deg,#fbfafe 0%, #f4eff7 100%);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
body{line-height:1.55}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.04em;text-wrap:balance}
p,span,small,label,input,select,textarea,button{letter-spacing:-.01em}

.brand-mark-v28{
    background:linear-gradient(180deg,#d3b3e6 0%, #a97dca 100%);
    box-shadow:0 18px 36px rgba(128, 85, 166, .18);
}
.brand-block-v28 h1{font-size:29px}
.login-body-v28{overflow-x:hidden;background:
    radial-gradient(circle at top left, rgba(200,168,225,.22), transparent 30%),
    radial-gradient(circle at bottom right, rgba(182,221,209,.18), transparent 24%),
    linear-gradient(180deg,#fbfafe 0%, #f3eef7 100%)}
.login-shell-v28{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}
.login-hero-v28{padding:40px 42px 34px 46px;display:flex;flex-direction:column;gap:24px;border-right:1px solid var(--line);position:relative;overflow:hidden}
.login-panel-wrap-v28{display:flex;align-items:center;justify-content:center;padding:28px 32px}
.login-panel-v28{width:min(560px,100%);padding:30px 30px 26px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow)}
.hero-copy-v28 h2{font-size:60px;line-height:1.02;max-width:860px;margin:0 0 14px}
.hero-copy-v28 p{max-width:740px;font-size:18px;line-height:1.72;margin:0;color:var(--muted)}
.hero-pill-row-v28{display:flex;flex-wrap:wrap;gap:10px}
.login-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.login-value-card{padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.68);box-shadow:var(--shadow-soft)}
.login-value-card strong{display:block;font-size:17px;margin-bottom:8px}
.login-value-card span{display:block;color:var(--muted);line-height:1.58;font-size:14px}
.hero-preview-board-v28{display:grid;grid-template-columns:1.04fr .78fr;gap:16px}
.preview-main-card-v28,.preview-mini-card-v28{background:rgba(255,255,255,.90);border:1px solid rgba(230,222,239,.96);box-shadow:var(--shadow);border-radius:30px}
.preview-main-card-v28{padding:20px 20px 22px}
.preview-main-card-v28 h3{font-size:31px;line-height:1.1;margin:16px 0 16px;max-width:680px}
.preview-stack-v28{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}
.preview-mini-card-v28{padding:20px 18px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.preview-mini-card-v28 span{font-size:28px}
.preview-mini-card-v28 strong{font-size:19px}
.preview-mini-card-v28 p{margin:0;color:var(--muted);line-height:1.58}
.preview-soft-panel-v28{margin-top:14px}
.panel-head-v28 h3{font-size:33px;margin:14px 0 10px}
.panel-head-v28 p{margin:0;color:var(--muted);line-height:1.68}
.panel-trust-strip-v28{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 16px}
.panel-trust-strip-v28 div{padding:14px 14px;border-radius:18px;border:1px solid var(--line);background:#faf7fc}
.panel-trust-strip-v28 strong{display:block;font-size:15px;margin-bottom:6px}
.panel-trust-strip-v28 span{display:block;color:var(--muted);font-size:13px;line-height:1.5}
.auth-form-v28{display:flex;flex-direction:column;gap:12px}
.auth-form-v28 input{min-height:58px;border-radius:18px}
.form-inline-note-v28{align-items:flex-start}
.btn-v28{min-height:58px;font-size:17px}
.login-footnote-v28{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:flex-start}
.login-footnote-v28 strong{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f5eef9;color:var(--pink-dark);font-size:15px}
.login-footnote-v28 span{color:var(--muted);line-height:1.55;font-size:13px}

.app-shell-v28{display:flex;min-height:100vh;background:
    radial-gradient(circle at top left, rgba(201,169,225,.18), transparent 22%),
    radial-gradient(circle at bottom right, rgba(181,221,208,.12), transparent 20%),
    linear-gradient(180deg,#faf9fd 0%, #f3edf7 100%)}
.sidebar-v28{
    width:292px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border-right:1px solid var(--line);
    padding:22px 18px 18px;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;height:100vh;overflow:auto;
    scrollbar-width:thin;scrollbar-color:#d2c1e0 transparent
}
.sidebar-v28::-webkit-scrollbar{width:8px}
.sidebar-v28::-webkit-scrollbar-thumb{background:#d7cae3;border-radius:999px}
.sidebar-top{display:flex;flex-direction:column;gap:18px}
.sidebar-profile-card-v28{margin-top:0;padding:16px 16px 15px;border-radius:22px;background:linear-gradient(180deg,#fff9fc 0%,#f7f2fb 100%);border:1px solid var(--line)}
.sidebar-profile-card-v28 strong{display:block;font-size:17px;margin-bottom:6px}
.sidebar-profile-card-v28 span{font-size:14px;line-height:1.6;color:var(--muted)}
.nav-groups{display:flex;flex-direction:column;gap:18px;margin-top:2px}
.nav-group{display:flex;flex-direction:column;gap:8px}
.nav-group-label{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#92758f;padding:0 10px}
.nav-links-v28{margin-top:0;gap:7px}
.nav-links-v28 a{
    padding:12px 14px;border-radius:16px;color:#4d385e;font-weight:700;border:1px solid transparent;transition:.16s ease;
    display:flex;align-items:center;gap:10px;font-size:15px
}
.nav-links-v28 a:hover,.nav-links-v28 a.is-active{background:#f6f2fa;border-color:var(--line);box-shadow:none}
.nav-links-v28 a.is-active{color:#2f213d}
.nav-icon{width:20px;display:inline-flex;justify-content:center;opacity:.95}
.sidebar-foot-v28{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid rgba(230,222,239,.85)}
.mini-card-v28{padding:14px 15px;border-radius:18px;background:#f8f4fb;border:1px solid var(--line);gap:6px}
.mini-card-v28 strong{font-size:15px}
.mini-card-v28 span{font-size:13px;line-height:1.55}
.main-v28{flex:1;padding:24px 24px 28px;min-width:0}
.card{background:rgba(255,255,255,.94);border:1px solid rgba(230,222,239,.96);border-radius:28px;padding:22px;box-shadow:var(--shadow);margin-bottom:16px}
.panel-chip,.eyebrow,.preview-pill,.soft-badge,.hero-pill,.template-chip{background:#fbf8fd;color:#8b648e;border-color:var(--line);font-size:11.5px}
.app-topbar-v28{
    display:grid;grid-template-columns:minmax(0,1.2fr) auto auto;gap:16px;align-items:start;padding:18px 20px 18px 20px
}
.topbar-main{min-width:0}
.app-topbar-v28 h2{margin:10px 0 6px;font-size:31px;line-height:1.08}
.topbar-description{margin:0;max-width:580px;color:var(--muted);font-size:14px;line-height:1.65}
.topbar-actions-v28{display:flex;flex-wrap:wrap;gap:8px;max-width:430px;justify-content:flex-start}
.topbar-action-btn{padding:11px 14px;border-radius:16px;border:1px solid var(--line);background:#fff9fc;color:#66486d;font-weight:700;font-size:14px;transition:.16s ease;white-space:nowrap}
.topbar-action-btn:hover{background:#f7f1fb}
.topbar-action-btn.is-primary{background:linear-gradient(180deg,var(--pink) 0%,var(--pink-2) 100%);border-color:transparent;color:#fff;box-shadow:0 10px 22px rgba(124, 84, 161, .18)}
.topbar-meta-v28{display:grid;grid-template-columns:repeat(3,minmax(132px,1fr));gap:10px;min-width:420px}
.topbar-meta-v28 .topbar-meta-item{padding:14px 15px;border-radius:18px;background:#fbf8fd;border:1px solid var(--line);min-width:0}
.topbar-meta-v28 .topbar-meta-item strong{font-size:14px;line-height:1.35}
.page-head h2,.dashboard-hero-copy h3,.section-head h3{letter-spacing:-.045em}
.dashboard-hero-copy h3{font-size:54px;line-height:.98;max-width:16ch}
.dashboard-hero-copy p{max-width:740px;font-size:17px;color:var(--muted)}
.hero-actions-row .btn,.page-actions-inline .btn{min-height:48px;padding:14px 18px;font-size:15px}
.hero-side-panel-v7,.soft-card,.focus-card,.bullet-card,.form-hint-card,.report-item,.empty-state,.status-row,.timeline-item,.student-card{border-radius:22px}
.stats-grid-v7{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat-meta strong{font-size:34px}
.stat-card p{font-size:14px;line-height:1.6}
.student-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.records-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}
.records-table{width:100%;border-collapse:collapse;background:#fff}
.records-table th,.records-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}
.records-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8c6d89;background:#fbf8fd}
.guardian-list-card,.guardian-bottom-grid,.guardian-empty-grid{margin-top:12px}
.empty-state-rich{padding:22px}
.empty-state-rich strong{display:block;font-size:16px;margin-bottom:6px}
.empty-state-rich p{margin:0;color:var(--muted)}
.guardian-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.guardian-bottom-card,.guardian-mini-card{padding:16px;border-radius:18px;border:1px solid var(--line);background:#faf7fc;display:flex;flex-direction:column;gap:8px}
.guardian-bottom-card strong,.guardian-mini-card strong{font-size:16px}
.guardian-bottom-card span,.guardian-mini-card span{font-size:14px;line-height:1.55;color:var(--muted)}
.page-actions-inline.compact-actions-wrap{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px}
input,select,textarea{border-radius:16px;min-height:52px;padding:14px 16px;background:#fff}
textarea{min-height:118px}
label{font-size:14px;margin-bottom:4px;display:inline-block}
.btn{border-radius:16px;min-height:50px;font-size:15px}
.alert{border-radius:16px}

/* calmer content widths */
.content-grid-v7-2,.dashboard-duo-grid,.dashboard-hero-grid-v7{gap:16px}
.section-head{margin-bottom:16px}
.page-head{margin-bottom:18px}

/* responsive */
@media (max-width: 1360px){
    .login-shell-v28{grid-template-columns:1fr}
    .login-panel-wrap-v28{padding-top:0}
    .hero-copy-v28 h2{font-size:52px}
    .hero-preview-board-v28{grid-template-columns:1fr}
    .app-topbar-v28{grid-template-columns:1fr}
    .topbar-meta-v28{min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}
    .topbar-actions-v28{max-width:none}
}
@media (max-width: 1180px){
    .app-shell-v28{flex-direction:column}
    .sidebar-v28{position:relative;height:auto;width:100%;overflow:visible}
    .main-v28{padding:18px}
    .stats-grid-v7{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dashboard-hero-copy h3{font-size:44px;max-width:none}
    .guardian-bottom-grid,.login-value-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 860px){
    .login-hero-v28{padding:28px 20px 22px}
    .login-panel-wrap-v28{padding:20px}
    .login-panel-v28{padding:24px 20px}
    .hero-copy-v28 h2{font-size:40px}
    .login-value-grid,.guardian-bottom-grid,.panel-trust-strip-v28,.topbar-meta-v28,.stats-grid-v7{grid-template-columns:1fr}
    .app-topbar-v28 h2,.page-head h2,.section-head h3{font-size:28px}
    .dashboard-hero-copy h3{font-size:36px}
    .topbar-actions-v28{gap:8px}
    .topbar-action-btn{flex:1 1 calc(50% - 8px);text-align:center}
    .nav-links-v28 a{font-size:14px}
}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
    outline:3px solid rgba(155,115,191,.22);
    outline-offset:2px;
}
.report-item h4,.student-card strong,.focus-card strong,.bullet-card strong{font-weight:800}
.muted-line{color:var(--muted);font-size:14px;line-height:1.55}


/* ===== V28.1 visual tightening ===== */
body{font-size:15px}
.login-shell-v28{grid-template-columns:1fr 500px;min-height:100vh}
.login-hero-v28{padding:34px 38px 28px 40px;gap:20px;justify-content:center}
.hero-copy-v281 h2{font-size:54px;max-width:720px}
.hero-copy-v281 p{max-width:620px;font-size:17px}
.hero-pill-row-v281{gap:8px}
.login-feature-strip-v281{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;z-index:2}
.login-feature-card-v281{padding:16px 16px 15px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.72);box-shadow:var(--shadow-soft)}
.login-feature-card-v281 strong{display:block;font-size:16px;margin-bottom:6px}
.login-feature-card-v281 span{display:block;font-size:14px;line-height:1.55;color:var(--muted)}
.hero-route-card-v281{padding:18px 18px 16px;border-radius:26px;background:rgba(255,255,255,.86);border:1px solid rgba(230,222,239,.96);box-shadow:var(--shadow);position:relative;z-index:2}
.route-steps-v281{margin:14px 0 8px;grid-template-columns:repeat(4,minmax(0,1fr))}
.route-note-v281{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.login-panel-wrap-v28{padding:24px 24px 24px 20px}
.login-panel-v28{width:min(500px,100%);padding:26px 26px 22px}
.panel-head-v28 h3{font-size:30px}
.panel-trust-strip-v281{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 14px}
.form-inline-note-v281{padding:12px 14px}
.form-inline-note-v281 small{white-space:nowrap}
.login-footnote-v281{margin-top:14px;padding-top:14px}
.login-footnote-v281 span{font-size:12.5px}

.app-topbar-v28{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main actions" "meta meta";align-items:start;padding:16px 18px;row-gap:14px}
.topbar-main{grid-area:main}
.topbar-actions-v28{grid-area:actions;justify-content:flex-end;align-self:start}
.topbar-meta-v28{grid-area:meta;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;width:100%}
.app-topbar-v28 h2{font-size:28px;margin:8px 0 6px}
.topbar-description{max-width:760px;font-size:13.5px;line-height:1.55}
.topbar-action-btn{padding:10px 13px;font-size:13px;border-radius:14px}
.topbar-meta-v28 .topbar-meta-item{padding:12px 14px;border-radius:16px}
.topbar-meta-v28 .topbar-meta-item strong{font-size:13.5px}

.dashboard-hero-grid-v7{grid-template-columns:1.25fr .75fr;gap:14px}
.dashboard-hero-copy h3{font-size:42px;line-height:1.02;max-width:14ch}
.dashboard-hero-copy p{font-size:15.5px;line-height:1.62;max-width:640px}
.hero-actions-row{margin-top:18px;gap:10px}
.hero-actions-row .btn{min-height:44px;padding:12px 16px;font-size:14px}
.hero-side-panel-v281{padding:18px 18px 16px;gap:12px;justify-content:flex-start}
.hero-side-panel-v281 h4{font-size:24px}
.hero-side-panel-v281 p{font-size:14px;line-height:1.55}
.hero-summary-grid-v281{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hero-summary-grid-v281 div{padding:12px 12px 11px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.hero-summary-grid-v281 strong{display:block;font-size:22px;letter-spacing:-.05em;margin-bottom:4px}
.hero-summary-grid-v281 span{display:block;font-size:12.5px;color:var(--muted);line-height:1.45}
.sparkline-card-v281{padding:8px 10px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.compact-hint-v281{padding:14px 15px;border-radius:16px}
.compact-hint-v281 strong{font-size:14px}
.compact-hint-v281 span{font-size:13px}
.stats-grid-v7{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.stat-card{padding:18px 18px 16px}
.stat-card p{font-size:13px}

@media (max-width: 1500px){
  .login-shell-v28{grid-template-columns:1fr 470px}
  .hero-copy-v281 h2{font-size:48px}
}
@media (max-width: 1360px){
  .login-shell-v28{grid-template-columns:1fr}
  .login-feature-strip-v281{grid-template-columns:1fr}
  .hero-copy-v281 h2{font-size:46px}
  .app-topbar-v28{grid-template-columns:1fr;grid-template-areas:"main" "actions" "meta"}
  .topbar-actions-v28{justify-content:flex-start}
  .dashboard-hero-grid-v7{grid-template-columns:1fr}
}
@media (max-width: 860px){
  .hero-copy-v281 h2{font-size:36px}
  .route-steps-v281,.hero-summary-grid-v281,.panel-trust-strip-v281{grid-template-columns:1fr}
  .topbar-action-btn{flex:1 1 auto}
}


/* V28.2 visual cleanup */
body{overflow-x:hidden}
.login-shell-v28{grid-template-columns:minmax(0,1fr) 460px;min-height:100vh}
.login-hero-v28{padding:34px 34px 28px 42px;gap:18px;justify-content:center}
.hero-copy-v282 h2{font-size:46px;line-height:1.04;max-width:680px}
.hero-copy-v282 p{max-width:560px;font-size:17px;line-height:1.68}
.hero-glow,.hero-gridline,.hero-pill-row-v281,.login-feature-strip-v281,.hero-route-card-v281{display:none !important}
.login-simple-points-v282{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px}
.login-simple-points-v282 div{padding:16px 18px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.72)}
.login-simple-points-v282 strong{display:block;font-size:16px;margin-bottom:5px}
.login-simple-points-v282 span{display:block;font-size:14px;line-height:1.55;color:var(--muted)}
.login-panel-wrap-v28{padding:22px 26px}
.login-panel-v28{width:min(470px,100%);padding:28px 28px 24px}
.panel-head-v282 h3{font-size:30px;margin:12px 0 8px}
.panel-head-v282 p{font-size:16px;line-height:1.62}
.login-footnote-v282{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.login-footnote-v282 span{color:var(--muted);font-size:13px;line-height:1.55}
.panel-head-topline .micro-state,.panel-trust-strip-v28,.form-inline-note-v281{display:none !important}

.sidebar-v28{width:300px;padding:20px 18px 18px}
.sidebar-top{display:flex;flex-direction:column;gap:16px}
.brand-block-v28 h1{font-size:26px}
.brand-kicker{font-size:11px;letter-spacing:.16em}
.sidebar-profile-card-v28{padding:14px 15px}
.nav-group-label{margin:10px 6px 8px;font-size:11px;letter-spacing:.18em;color:#907890;text-transform:uppercase;font-weight:800}
.nav-links-v28 a{padding:11px 13px;border-radius:16px;font-size:14px}
.nav-icon{font-size:18px;line-height:1}
.sidebar-foot-v28 .mini-card-v28{display:none}

.main-v28{padding:18px 18px 22px}
.app-topbar-v282{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main actions";align-items:start;gap:14px;padding:16px 18px;border-radius:24px}
.app-topbar-v282 .topbar-main{grid-area:main;min-width:0}
.app-topbar-v282 .topbar-actions-v282{grid-area:actions;justify-content:flex-end;align-self:start}
.app-topbar-v282 .topbar-description{max-width:760px;margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
.topbar-context-line{margin-top:8px;font-size:12px;color:#8b728e;font-weight:700}
.topbar-meta-v28{display:none !important}
.topbar-actions-v282{max-width:none;gap:8px}
.topbar-action-btn{padding:10px 14px;border-radius:16px;font-size:14px}
.app-topbar-v28 h2{margin:8px 0 0;font-size:28px;line-height:1.05}
.panel-chip{font-size:11px;padding:7px 12px;border-radius:999px;letter-spacing:.14em}

.dashboard-hero-grid-v7{grid-template-columns:minmax(0,1.22fr) 340px;gap:16px;align-items:start}
.dashboard-hero-copy h3{font-size:40px;line-height:1.02;max-width:720px;margin:10px 0 12px}
.dashboard-hero-copy p{max-width:720px;font-size:15px;line-height:1.65}
.hero-actions-row-v282{margin-top:16px}
.hero-side-panel-v7,.hero-side-panel-v281{padding:16px 16px 14px;gap:10px;min-height:0;align-self:start}
.hero-side-panel-v281 h4{font-size:22px}
.hero-summary-grid-v281{grid-template-columns:1fr;gap:8px}
.hero-summary-grid-v281 div{padding:10px 12px}
.sparkline-card-v281,.compact-hint-v281{display:none}
.stats-grid-v27-small{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.stat-card{padding:18px}
.alert-board-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.alert-board-card{padding:18px}
.dashboard-duo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.area-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.role-grid-v273{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

.page-head{margin-bottom:16px}
.page-head h2{font-size:30px;margin:8px 0 6px}
.page-head p{font-size:15px;line-height:1.6;max-width:760px}
.content-grid-v282-single{display:block}
.content-grid-v282-single > .card{margin-bottom:16px}
.card-v10-aside,.evalua-side-card{display:none !important}
.card-v10-large,.card-v16-list,.card-v14-filter,.card{border-radius:24px;padding:20px}
.section-head h3,.compact-head h3{font-size:24px}
.form-hint-card-v10{margin-top:8px}
.filter-stats-v14{gap:10px}
.filter-stat-pill{padding:10px 12px;border-radius:14px}
.student-grid-v10{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.records-table-wrap{overflow:auto}
.empty-state{padding:14px 16px}

@media (max-width: 1320px){
  .dashboard-hero-grid-v7{grid-template-columns:1fr}
  .stats-grid-v27-small{grid-template-columns:repeat(2,minmax(0,1fr))}
  .alert-board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .role-grid-v273{grid-template-columns:1fr}
}
@media (max-width: 1100px){
  .login-shell-v28{grid-template-columns:1fr}
  .login-simple-points-v282{grid-template-columns:1fr}
  .app-topbar-v282{grid-template-columns:1fr;grid-template-areas:"main" "actions"}
  .topbar-actions-v282{justify-content:flex-start}
  .stats-grid-v27-small,.dashboard-duo-grid,.alert-board-grid,.area-progress-grid,.focus-grid{grid-template-columns:1fr}
}
@media (max-width: 860px){
  .sidebar-v28{width:100%;padding:16px}
  .login-hero-v28{padding:24px 18px 14px}
  .hero-copy-v282 h2{font-size:34px}
  .login-panel-v28{padding:22px 18px}
}


/* V28.2.1 layout tightening */
body.login-body-v283{display:block;padding:18px;background:linear-gradient(180deg,#f8f5fb 0%,#f4eff8 100%)}
.login-shell-v28{width:min(1460px,100%);margin:0 auto;grid-template-columns:minmax(0,1fr) 430px;min-height:calc(100vh - 36px);border-radius:34px;overflow:hidden}
.login-hero-v28{padding:28px 32px 24px 38px;align-content:center;display:grid;grid-auto-rows:max-content;justify-items:start}
.brand-block-login,.hero-copy-v28,.login-simple-points-v282{width:min(680px,100%)}
.hero-copy-v282 h2{max-width:620px;font-size:42px;line-height:1.03}
.hero-copy-v282 p{max-width:600px;font-size:17px;line-height:1.65}
.login-panel-wrap-v28{padding:18px 20px}
.login-panel-v28{width:min(430px,100%);padding:26px 24px 22px}
.page-agenda .content-grid-v10-2,.page-alumnos .content-grid-v10-2,.page-informes .content-grid-v10-2,.page-fluidez .content-grid-v7-2,.page-ejecutiva .content-grid-v7-2,.page-metas .content-grid-v7-2,.page-intervencion .content-grid-v10-2,.page-seguimiento .content-grid-v10-2{grid-template-columns:minmax(0,1fr) !important}
.page-fluidez .content-grid-v7-2 > section.soft-card,.page-ejecutiva .content-grid-v7-2 > section.soft-card,.page-metas .content-grid-v7-2 > section.soft-card,.page-intervencion .content-grid-v10-2 > aside,.page-seguimiento .content-grid-v10-2 > aside{display:none !important}
.page-agenda .card-v10-large,.page-alumnos .card-v10-large,.page-informes .card-v10-large,.page-fluidez .content-grid-v7-2 > section:first-child,.page-ejecutiva .content-grid-v7-2 > section:first-child,.page-metas .content-grid-v7-2 > section:first-child,.page-intervencion .content-grid-v10-2 > section.card-v10-large,.page-seguimiento .content-grid-v10-2 > section.card-v10-large{max-width:none;width:100%}
.page-alumnos .card-v10-large,.page-agenda .card-v10-large,.page-informes .card-v10-large,.page-fluidez .content-grid-v7-2 > section:first-child,.page-ejecutiva .content-grid-v7-2 > section:first-child,.page-metas .content-grid-v7-2 > section:first-child,.page-intervencion .content-grid-v10-2 > section.card-v10-large,.page-seguimiento .content-grid-v10-2 > section.card-v10-large{overflow:visible}
.page-alumnos .form-grid-v8,.page-agenda .form-grid-v8,.page-informes .form-grid-v8,.page-evalua .form-grid-v8,.page-fluidez .form-row-2,.page-fluidez .form-row-3,.page-ejecutiva .form-row-3,.page-ejecutiva .form-row-2,.page-metas .field-grid-compact,.page-intervencion .field-grid-compact,.page-seguimiento .field-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-evalua .form-grid-v15-3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.page-evalua .card-v16-list{height:auto !important;min-height:0 !important;margin-bottom:0}
.page-evalua .card-v16-list .empty-state{padding:16px 18px;margin:0}
.page-evalua .main-v28{padding-bottom:12px}
.page-evalua .app-shell-v28,.page-evalua .main-v28,.page-evalua .card-v16-list{align-items:start}
.page-agenda .student-grid-v10,.page-informes .student-grid-v10,.page-fluidez .report-list,.page-ejecutiva .report-list,.page-metas .report-list,.page-intervencion .student-grid-v10,.page-seguimiento .student-grid-v10{margin-top:4px}
.page-dashboard .dashboard-hero-grid-v7{grid-template-columns:minmax(0,1fr) 320px}
.page-dashboard .dashboard-hero-copy h3{max-width:820px}
@media (max-width: 1400px){
  .login-shell-v28{grid-template-columns:minmax(0,1fr) 400px}
}
@media (max-width: 1180px){
  body.login-body-v283{padding:10px}
  .login-shell-v28{grid-template-columns:1fr;min-height:auto}
  .brand-block-login,.hero-copy-v28,.login-simple-points-v282{width:100%;max-width:none}
  .page-alumnos .form-grid-v8,.page-agenda .form-grid-v8,.page-informes .form-grid-v8,.page-evalua .form-grid-v8,.page-evalua .form-grid-v15-3,.page-fluidez .form-row-2,.page-fluidez .form-row-3,.page-ejecutiva .form-row-3,.page-ejecutiva .form-row-2,.page-metas .field-grid-compact,.page-intervencion .field-grid-compact,.page-seguimiento .field-grid-compact{grid-template-columns:1fr !important}
}


/* V28.3 cleanup visual */
.brand-kicker{letter-spacing:.16em}
.login-shell-v28{width:min(1260px,100%);grid-template-columns:minmax(0,.88fr) 430px;min-height:calc(100vh - 36px)}
.login-hero-v28{padding:24px 28px 24px 34px;justify-content:center}
.brand-block-login,.hero-copy-v28,.login-simple-points-v282{width:min(560px,100%)}
.hero-copy-v282 h2{max-width:560px;font-size:40px;line-height:1.04}
.hero-copy-v282 p{max-width:520px;font-size:16px;line-height:1.6}
.login-simple-points-v282{max-width:520px;gap:10px}
.login-simple-points-v282 div{padding:14px 16px}
.login-panel-v28{padding:26px 24px}
.login-panel-v28 .panel-head p{margin-bottom:12px}
.login-footnote-v282{padding-top:14px;margin-top:12px}

/* Hide version traces gracefully */
.brand-kicker,.panel-chip,.topbar-context-line,.login-footnote-v28 span,.sidebar-foot-v28 .mini-card-v28 strong{word-break:normal}

/* Cleaner topbars on operational pages */
.page-alumnos .app-topbar-v282,
.page-agenda .app-topbar-v282,
.page-informes .app-topbar-v282,
.page-evalua .app-topbar-v282,
.page-fluidez .app-topbar-v282,
.page-ejecutiva .app-topbar-v282,
.page-metas .app-topbar-v282,
.page-intervencion .app-topbar-v282,
.page-seguimiento .app-topbar-v282,
.page-observa .app-topbar-v282{padding:14px 18px}
.page-alumnos .topbar-description,
.page-agenda .topbar-description,
.page-informes .topbar-description,
.page-evalua .topbar-description,
.page-fluidez .topbar-description,
.page-ejecutiva .topbar-description,
.page-metas .topbar-description,
.page-intervencion .topbar-description,
.page-seguimiento .topbar-description,
.page-observa .topbar-description{display:none}
.page-alumnos .topbar-context-line,
.page-agenda .topbar-context-line,
.page-informes .topbar-context-line,
.page-evalua .topbar-context-line,
.page-fluidez .topbar-context-line,
.page-ejecutiva .topbar-context-line,
.page-metas .topbar-context-line,
.page-intervencion .topbar-context-line,
.page-seguimiento .topbar-context-line,
.page-observa .topbar-context-line{margin-top:4px}

/* Expand forms and remove noisy side explainers */
.page-agenda .content-grid-v10-2,
.page-alumnos .content-grid-v10-2,
.page-informes .content-grid-v10-2,
.page-fluidez .content-grid-v7-2,
.page-ejecutiva .content-grid-v7-2,
.page-metas .content-grid-v7-2,
.page-intervencion .content-grid-v10-2,
.page-seguimiento .content-grid-v10-2,
.page-observa .content-grid-v7-2{display:block !important}
.page-fluidez .content-grid-v7-2 > section.soft-card,
.page-ejecutiva .content-grid-v7-2 > section.soft-card,
.page-metas .content-grid-v7-2 > section.soft-card,
.page-intervencion .content-grid-v10-2 > aside,
.page-seguimiento .content-grid-v10-2 > aside,
.page-observa .content-grid-v7-2 > aside{display:none !important}
.page-agenda .card-v10-large,
.page-alumnos .card-v10-large,
.page-informes .card-v10-large,
.page-fluidez .content-grid-v7-2 > section:first-child,
.page-ejecutiva .content-grid-v7-2 > section:first-child,
.page-metas .content-grid-v7-2 > section:first-child,
.page-intervencion .content-grid-v10-2 > section.card-v10-large,
.page-seguimiento .content-grid-v10-2 > section.card-v10-large,
.page-observa .content-grid-v7-2 > article{width:100%;max-width:none}

/* Observa order */
.page-observa .observa-form-clean{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.page-observa .observa-form-clean > label:nth-of-type(1){grid-column:span 2}
.page-observa .observa-form-clean > label:nth-of-type(2){grid-column:span 1}
.page-observa .observa-form-clean > label:nth-of-type(3){grid-column:span 2}
.page-observa .observa-form-clean > label:nth-of-type(4){grid-column:span 1}
.page-observa .observa-form-clean > label:nth-of-type(5){grid-column:span 1}
.page-observa .observa-form-clean > label:nth-of-type(6){grid-column:span 3}
.page-observa .observa-form-clean > label:nth-of-type(7){grid-column:span 4}
.page-observa .observa-form-clean > label:nth-of-type(8){grid-column:span 4}
.page-observa .observa-form-clean > label:nth-of-type(9){grid-column:span 3}
.page-observa .observa-form-clean > label:nth-of-type(10){grid-column:1/-1}
.page-observa .observa-form-clean > .student-card-actions{grid-column:1/-1}

/* Evalua bottom */
.page-evalua .evalua-history-card{padding-bottom:16px;min-height:0 !important;height:auto !important}
.page-evalua .evalua-history-card .empty-state{margin-bottom:12px}
.page-evalua .compact-empty-actions{display:flex;gap:10px;flex-wrap:wrap}
.page-evalua .compact-empty-actions .btn{min-width:0}

/* Slightly wider forms */
.page-alumnos .stack-form,
.page-agenda .stack-form,
.page-informes .stack-form,
.page-fluidez .stack-form,
.page-ejecutiva .stack-form,
.page-metas .stack-form,
.page-intervencion .stack-form,
.page-seguimiento .stack-form{max-width:none}

@media (max-width: 1200px){
  .login-shell-v28{grid-template-columns:1fr 400px;width:min(1180px,100%)}
}
@media (max-width: 900px){
  .page-observa .observa-form-clean{grid-template-columns:1fr !important}
  .page-observa .observa-form-clean > label,
  .page-observa .observa-form-clean > .student-card-actions{grid-column:1/-1 !important}
}


/* V28.4 super admin + final cleanup */
body.login-body-v283{padding:0;background:linear-gradient(180deg,#f8f4fb 0%,#f4eff8 100%)}
.login-shell-v28{width:min(1380px,100%);grid-template-columns:minmax(0,1fr) 470px;min-height:100vh;border-radius:0;overflow:hidden}
.login-hero-v28{padding:36px 48px;justify-content:center}
.brand-block-login,.hero-copy-v28,.login-simple-points-v282{width:min(640px,100%)}
.login-flow-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.login-flow-points div{background:#fff8fb;border:1px solid var(--line);border-radius:20px;padding:16px 18px}
.login-flow-points strong{display:block;margin-bottom:6px;font-size:15px}
.login-flow-points span{display:block;color:var(--muted);line-height:1.5}
.hero-copy-v282 h2{font-size:58px;line-height:.98;max-width:740px}
.hero-copy-v282 p{font-size:18px;line-height:1.68;max-width:620px}
.login-panel-wrap-v28{padding:28px}
.login-panel-v28{width:min(470px,100%);padding:30px 28px 24px}
.login-panel-v28 .panel-head p{font-size:15px;line-height:1.6}
.main-v28 > *{max-width:1380px;margin-left:auto;margin-right:auto}
.page-dashboard .dashboard-hero-grid-v7{grid-template-columns:minmax(0,1fr) 360px}
.page-dashboard .dashboard-hero-copy h3{font-size:clamp(42px,4vw,64px);max-width:920px}
.page-dashboard .dashboard-duo-grid{grid-template-columns:1fr 1fr}
.page-informes .alert-board-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.alert-board-card{display:flex;flex-direction:column;justify-content:space-between;min-height:132px}
.alert-board-top strong{font-size:42px;line-height:1}
.alert-board-card h4{font-size:18px;line-height:1.24;margin:14px 0 0}
.page-alumnos .content-grid-v10-2,
.page-agenda .content-grid-v10-2,
.page-informes .content-grid-v10-2,
.page-fluidez .content-grid-v7-2,
.page-ejecutiva .content-grid-v7-2,
.page-metas .content-grid-v7-2,
.page-intervencion .content-grid-v10-2,
.page-seguimiento .content-grid-v10-2,
.page-observa .content-grid-v7-2{display:grid!important;grid-template-columns:1fr!important}
.page-alumnos .content-grid-v10-2 > aside,
.page-agenda .content-grid-v10-2 > aside,
.page-informes .content-grid-v10-2 > aside,
.page-fluidez .content-grid-v7-2 > section.soft-card,
.page-ejecutiva .content-grid-v7-2 > section.soft-card,
.page-metas .content-grid-v7-2 > section.soft-card,
.page-intervencion .content-grid-v10-2 > aside,
.page-seguimiento .content-grid-v10-2 > aside,
.page-observa .content-grid-v7-2 > aside{display:none!important}
.page-alumnos .card-v10-large,
.page-agenda .card-v10-large,
.page-informes .card-v10-large,
.page-fluidez .content-grid-v7-2 > section:first-child,
.page-ejecutiva .content-grid-v7-2 > section:first-child,
.page-metas .content-grid-v7-2 > section:first-child,
.page-intervencion .content-grid-v10-2 > section.card-v10-large,
.page-seguimiento .content-grid-v10-2 > section.card-v10-large,
.page-observa .content-grid-v7-2 > article{width:100%;max-width:none}
.page-alumnos .stack-form,
.page-agenda .stack-form,
.page-informes .stack-form,
.page-fluidez .stack-form,
.page-ejecutiva .stack-form,
.page-metas .stack-form,
.page-intervencion .stack-form,
.page-seguimiento .stack-form,
.page-observa form{max-width:none}
.page-alumnos .form-grid-v8,
.page-agenda .form-grid-v8,
.page-informes .form-grid-v8,
.page-evalua .form-grid-v8,
.page-evalua .form-grid-v15-3,
.page-fluidez .form-row-2,
.page-fluidez .form-row-3,
.page-ejecutiva .form-row-2,
.page-ejecutiva .form-row-3,
.page-metas .field-grid-compact,
.page-intervencion .field-grid-compact,
.page-seguimiento .field-grid-compact,
.page-observa .observa-form-clean{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.page-observa .observa-form-clean > label:nth-of-type(10),
.page-observa .observa-form-clean > .student-card-actions{grid-column:1/-1!important}
.page-evalua .card-v16-list,
.page-evalua .evalua-history-card{min-height:0!important;height:auto!important;padding-bottom:14px;margin-bottom:10px}
.page-evalua .card-v16-list .empty-state{padding:16px 18px;margin:0}
.page-evalua .main-v28{padding-bottom:10px}
.super-admin-grid{grid-template-columns:1.15fr .85fr}
.permission-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.permission-role-card{padding:16px;border:1px solid var(--line);border-radius:20px;background:#fff8fb}
.permission-role-card strong{display:block;margin-bottom:10px}
.permission-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.permission-check{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--text)}
.permission-check input{width:auto;padding:0;margin-top:2px}
.super-admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1280px){
  .login-shell-v28{grid-template-columns:1fr 420px}
  .hero-copy-v282 h2{font-size:48px}
  .super-admin-grid,.permission-role-grid,.super-admin-stats{grid-template-columns:1fr}
}
@media (max-width:980px){
  .login-shell-v28{grid-template-columns:1fr}
  .login-flow-points,
  .page-alumnos .form-grid-v8,
  .page-agenda .form-grid-v8,
  .page-informes .form-grid-v8,
  .page-evalua .form-grid-v8,
  .page-evalua .form-grid-v15-3,
  .page-fluidez .form-row-2,
  .page-fluidez .form-row-3,
  .page-ejecutiva .form-row-2,
  .page-ejecutiva .form-row-3,
  .page-metas .field-grid-compact,
  .page-intervencion .field-grid-compact,
  .page-seguimiento .field-grid-compact,
  .page-observa .observa-form-clean,
  .permission-checklist{grid-template-columns:1fr!important}
}


/* V28.4.1 stability patch */
.page-dashboard .dashboard-hero-grid-lite{grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.dashboard-simple-grid{margin-top:16px}
.dashboard-actions-card .simple-action-list{display:grid;gap:10px}
.simple-action-item{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none;color:var(--ink)}
.simple-action-item strong{display:block;font-size:16px;margin-bottom:4px}
.simple-action-item span{display:block;color:var(--muted);font-size:14px;line-height:1.5}
.page-super_admin .dashboard-hero-grid-lite{grid-template-columns:minmax(0,1fr) 320px}
.page-super_admin .super-admin-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}
.page-super_admin .permission-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.page-super_admin .permission-role-card{padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}
.page-super_admin .permission-checklist{display:grid;gap:8px;margin-top:10px}
.page-super_admin .permission-check{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--muted)}
.page-super_admin .report-list-v10{display:grid;gap:10px}
.page-super_admin .report-item{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:#fff}
.page-dashboard .alert-board-grid,.page-dashboard .role-grid-v273,.page-dashboard .area-progress-grid,.page-dashboard .dashboard-duo-grid{display:none !important}
@media (max-width: 1100px){.page-dashboard .dashboard-hero-grid-lite,.page-super_admin .dashboard-hero-grid-lite,.page-super_admin .super-admin-grid,.page-super_admin .permission-role-grid{grid-template-columns:1fr}}


/* V28.4.3 admin + sidebar stabilization */
.page-super_admin .admin-bottom-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;align-items:start}
.page-super_admin .admin-side-stack{display:grid;gap:16px}
.page-super_admin .user-item-card .report-item-topline{align-items:center}
.page-super_admin .user-item-card p{margin-top:6px}
.page-super_admin .report-list-v10{display:grid;gap:10px}
.page-super_admin .card{margin-bottom:16px}
.page-super_admin .main-v28{padding-bottom:18px}
.page-super_admin .content-grid-v7-2,.page-super_admin .content-grid-v10-2{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}
.page-super_admin .soft-card{height:auto;min-height:0}
#appSidebar{overscroll-behavior:contain;overflow-anchor:none}
@media (max-width: 1120px){
  .page-super_admin .admin-bottom-grid,.page-super_admin .content-grid-v10-2,.page-super_admin .content-grid-v7-2{grid-template-columns:1fr !important}
}


/* V28.5 recommended improvements */
.dashboard-alerts-grid-v29{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:16px;align-items:start;margin-top:16px}
.system-alert-list,.reminder-list-v29{display:grid;gap:12px}
.system-alert-card{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:#fff}
.system-alert-card .system-alert-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}
.system-alert-card .system-alert-head span{min-width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f5eef5;font-weight:700;color:#5a4165}
.system-alert-card.tone-high{background:#fff5f7;border-color:#f1cfd8}
.system-alert-card.tone-warning{background:#fff9f2;border-color:#f3ddbe}
.system-alert-card.tone-info,.system-alert-card.tone-soft{background:#f7f6ff;border-color:#dbd7f7}
.reminder-item-v29{display:flex;flex-direction:column;gap:6px}
.page-super_admin .admin-mid-grid-v29{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:16px;align-items:start}
.page-super_admin .admin-mid-grid-v29 .card{height:100%}
.page-super_admin .mini-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.page-super_admin .hero-summary-grid-v281{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.page-super_admin .hero-summary-grid-v281 div{padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}
.page-super_admin .hero-summary-grid-v281 strong{display:block;font-size:20px}
.page-super_admin textarea{min-height:92px}
.page-super_admin .soft-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#f5eef5;color:#5a4165;border:1px solid #e4d9ea;font-size:12px;font-weight:600}
@media (max-width:1100px){
  .dashboard-alerts-grid-v29,.page-super_admin .admin-mid-grid-v29{grid-template-columns:1fr}
}


.dashboard-priority-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0 0 18px}
.priority-pill{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:22px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-soft)}
.priority-pill-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9c6781;font-weight:900}
.priority-pill strong{font-size:16px;line-height:1.3}
.priority-pill small{color:var(--muted);line-height:1.45}
.priority-pill.tone-warning{background:#fff8fb;border-color:#f0cfe0}
.priority-pill.tone-soft{background:#fffdf6;border-color:#f5e7c4}
.dashboard-insight-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.insight-card{padding:18px 20px;margin-bottom:0}
.insight-card strong{display:block;font-size:34px;letter-spacing:-.06em;margin:10px 0 6px}
.insight-card p{margin:0;color:var(--muted);line-height:1.55}
.dashboard-side-stack{display:flex;flex-direction:column;gap:18px}
.mini-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.mini-metric-card{padding:14px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.mini-metric-card strong{font-size:24px;letter-spacing:-.05em}
.mini-metric-card span{font-size:13px;color:var(--muted);line-height:1.45}

.consent-radar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.consent-radar-card{padding:18px 20px;margin-bottom:0}
.consent-radar-card strong{display:block;font-size:34px;letter-spacing:-.06em;margin:8px 0}
.consent-radar-card p{margin:0;color:var(--muted);line-height:1.5}
.consent-radar-card.tone-warning{background:#fff8fb}
.consent-inline-summary{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 14px}
.consent-report-item .muted-line{margin-top:10px}

.report-export-card{padding:18px 20px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#fff9fc 0%,#fff3f8 100%);margin:0 0 18px}
.premium-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 14px}
.premium-link-card{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;color:var(--text)}
.premium-link-card strong{font-size:16px}
.premium-link-card span{color:var(--muted);line-height:1.5;font-size:14px}
.premium-link-card:hover{border-color:#e4b7ce;box-shadow:var(--shadow-soft)}

.report-print-body{background:#f6eef4;color:var(--text);padding:20px}
.print-actions-bar{display:flex;justify-content:flex-end;gap:12px;max-width:1100px;margin:0 auto 16px}
.report-premium-sheet{max-width:1100px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);padding:34px}
.report-premium-header{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}
.report-premium-header h1{font-size:42px;letter-spacing:-.06em;margin:12px 0 8px}
.report-premium-header p{margin:0;color:var(--muted)}
.report-header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;color:var(--muted);text-align:right}
.report-header-meta strong{font-size:15px;color:var(--pink-dark)}
.report-premium-lead{margin-bottom:22px}
.report-premium-lead p{margin:0 0 16px;color:var(--muted);line-height:1.7}
.report-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.report-metric-card{padding:16px;border-radius:20px;background:#fff8fb;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.report-metric-card span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9c6781;font-weight:900}
.report-metric-card strong{font-size:26px;letter-spacing:-.05em}
.report-premium-section{padding:18px 0;border-top:1px solid #f0e4eb}
.report-premium-section.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.report-section-head{margin-bottom:12px}
.report-section-head h2{font-size:26px;letter-spacing:-.05em;margin:0}
.report-bullet-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:10px}
.report-bullet-list li{line-height:1.65}
.report-body-copy{line-height:1.8;color:#513546}
.progress-stack-print{display:flex;flex-direction:column;gap:12px}
.progress-print-item{padding:14px 16px;border-radius:18px;background:#fff9fc;border:1px solid var(--line)}
.progress-print-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.mini-progress{height:10px;border-radius:999px;background:#f3e7ee;overflow:hidden}
.mini-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(180deg,var(--pink) 0%,var(--pink-2) 100%)}
.progress-print-item small{display:block;margin-top:8px;color:var(--muted)}
.report-mini-stack{display:flex;flex-direction:column;gap:12px}
.report-mini-card{padding:14px 16px;border-radius:18px;background:#fff8fb;border:1px solid var(--line)}
.report-mini-card strong{display:block;margin-bottom:6px}
.report-mini-card p{margin:0;color:var(--muted);line-height:1.55}
.recommendation-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.recommendation-role-card{padding:16px;border-radius:20px;background:#fff9fc;border:1px solid var(--line)}
.recommendation-role-card.is-focused{background:linear-gradient(180deg,#fff6fb 0%,#ffeef7 100%)}
.recommendation-role-card strong{display:block;margin-bottom:10px}
.recommendation-role-card ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}
.recommendation-role-card p{margin:0;color:var(--muted)}
.report-premium-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:16px;color:var(--muted);font-size:14px;line-height:1.6}
.report-premium-footer p{margin:0 0 6px}

@media (max-width: 980px){
  .dashboard-insight-row,.consent-radar-grid,.premium-link-grid,.report-metric-grid,.recommendation-role-grid,.report-premium-section.two-columns{grid-template-columns:1fr}
  .mini-metric-grid{grid-template-columns:1fr 1fr 1fr}
  .report-premium-header{flex-direction:column;align-items:flex-start}
  .report-header-meta{text-align:left;align-items:flex-start}
}
@media print{
  .no-print{display:none !important}
  .report-print-body{background:#fff;padding:0}
  .report-premium-sheet{max-width:none;border:0;box-shadow:none;border-radius:0;padding:0}
}


/* V28.7 editorial polish */
.login-hero-v28{padding:34px 30px}
.login-simple-points-v282{margin-top:18px;gap:10px}
.login-simple-points-v282 div{padding:12px 14px;border-radius:16px}
.login-panel-v28{padding:28px}
.login-footnote-v282{margin-top:14px}
.dashboard-insight-row,.hero-summary-grid-v281,.mini-metric-grid,.report-metric-grid,.simple-action-list,.system-alert-list{align-items:stretch}
.dashboard-insight-row .insight-card,.hero-summary-grid-v281 > div,.mini-metric-card,.report-metric-card,.simple-action-item,.system-alert-card{height:100%}
.report-metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.report-metric-card{display:flex;flex-direction:column;justify-content:space-between;min-height:124px}
.simple-action-list{display:grid;grid-template-columns:1fr;gap:10px}
.simple-action-item{min-height:72px;justify-content:center}
.system-alert-card{min-height:116px}
.panel-chip{letter-spacing:.02em}
.report-item p,.muted-line,.empty-state,.sidebar-profile-card span{max-width:70ch}
.quick-list-item{line-height:1.55}
.topbar-context-line{opacity:.82}
@media (min-width: 1080px){
  .dashboard-priority-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboard-simple-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr)}
}
@media (max-width: 900px){
  .login-hero-v28{padding:24px 20px}
  .login-panel-v28{padding:22px}
}