:root{
  --primary:#39A900;--primary-dark:#2d7f00;--primary-rgb:57,169,0;--on-primary:#fff;
  --bg:#f5f7fb;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;
  --good:#16a34a;--mid:#f59e0b;--bad:#dc2626;--blue:#2563eb;
  --shadow:0 12px 34px rgba(15,23,42,.08);--radius:18px;--max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f8fbff 0,var(--bg) 280px);min-height:100vh;display:flex;flex-direction:column}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.muted{color:var(--muted)}
.hint{font-size:12px;color:var(--muted);line-height:1.45}
.error{margin-top:10px;padding:10px 12px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:12px;font-size:13px;white-space:pre-wrap}
.okbox{margin-top:10px;padding:10px 12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:12px;font-size:13px}
.btn{border:0;background:var(--primary);color:var(--on-primary);padding:10px 14px;border-radius:12px;font-weight:800;box-shadow:0 8px 18px rgba(var(--primary-rgb),.16)}
.btn:hover{filter:brightness(.95)}
.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.btn.danger{background:#b91c1c;color:#fff}
.btn.small{padding:7px 10px;font-size:12px}
.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink);outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.13)}
label{font-size:12px;font-weight:850;color:#334155;display:block;margin-bottom:6px}
.fieldLabel{font-size:12px;font-weight:850;color:#334155;display:block;margin-bottom:6px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:800;color:#334155}
.badge.good{background:#ecfdf5;border-color:#86efac;color:#166534}.badge.mid{background:#fffbeb;border-color:#fde68a;color:#92400e}.badge.bad{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
.card{background:var(--card);border:1px solid rgba(15,23,42,.08);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.card h2{margin:0 0 5px;font-size:21px}.card p{margin:5px 0;color:var(--muted)}
.hr{height:1px;background:var(--line);margin:16px 0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:900px){.grid2,.grid3,.grid4{grid-template-columns:1fr}}

.loky-splash{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:#fff;transition:opacity .65s ease,visibility .65s ease}
.loky-splash.is-leaving{opacity:0;visibility:hidden}
.loky-splash-inner{text-align:center;animation:lokySplashZoom 4s cubic-bezier(.2,.75,.25,1) both}
.loky-splash img{width:clamp(130px,18vw,240px);height:clamp(130px,18vw,240px);object-fit:contain;display:block;margin:0 auto}
.loky-splash-title{margin-top:16px;font-size:clamp(24px,3vw,38px);font-weight:950;letter-spacing:-.02em;color:#0f172a}
.loky-splash-subtitle{margin-top:5px;font-size:12px;font-weight:800;color:#64748b;letter-spacing:.04em}
@keyframes lokySplashZoom{0%{transform:scale(.72);opacity:0}18%{opacity:1}72%{transform:scale(1);opacity:1}100%{transform:scale(1.12);opacity:0}}
@media(prefers-reduced-motion:reduce){.loky-splash-inner{animation:none}.loky-splash{transition:none}}

.topicGuide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}
.topicGuideItem{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px}
.topicGuideItem strong{display:block;font-size:13px;color:var(--primary-dark)}
.topicGuideItem span{display:block;font-size:11px;line-height:1.35;color:var(--muted);margin-top:4px}
.topicGuideGroups{display:flex;flex-direction:column;gap:16px;margin-top:12px}
.topicGroupBlock{border:1px solid var(--line);border-radius:18px;background:#f8fafc;padding:12px}
.topicGroupHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.topicGroupHead strong{font-size:14px;color:var(--ink)}
.topicGroupHead span{font-size:11px;font-weight:850;color:var(--muted)}
.topicGroupChip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.03em}
.topicGroupChip.specific{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}
.topicGroupChip.general{background:#ecfeff;color:#155e75;border:1px solid #a5f3fc}
.topicGroupChip.custom{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}

.topicBanner{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:9px 12px;border:1px solid rgba(var(--primary-rgb),.24);border-radius:14px;background:rgba(var(--primary-rgb),.06);text-align:center}
.topicBanner strong{color:var(--primary-dark);font-size:16px}.topicBanner small{font-weight:850;color:#475569}
.operationStage{display:flex;flex-direction:column;gap:10px;align-items:center}
.operationPrefix{font-size:.42em;color:var(--muted);font-weight:800}
.operationTokens{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.2em}
.opToken{display:inline-block;min-width:.7em;opacity:.10;transform:translateY(4px);transition:opacity .28s ease,transform .28s ease;color:#94a3b8}
.opToken.is-visible{opacity:1;transform:translateY(0);color:inherit}
.productTopbar{background:#fff;border-bottom:1px solid #e9eef5;position:sticky;top:0;z-index:50;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.productTopbarInner{width:min(97%,var(--max));margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 0;position:relative}
.productBrand{display:flex;align-items:center;gap:12px;min-width:0;grid-column:1;grid-row:1;justify-self:start;z-index:2}.productBrand img{width:52px;height:52px;object-fit:contain;border-radius:14px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.05)}
.productName{font-size:22px;font-weight:950;line-height:1.05;color:#0f172a;white-space:nowrap}.productTagline{font-size:10px;color:#64748b;margin-top:5px;font-weight:750}
.appHead{text-align:center;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;grid-column:1/-1;grid-row:1;justify-self:center;width:min(820px,60vw);z-index:1}.appHead img{width:40px;height:40px;object-fit:contain;border:1px solid #e2e8f0;border-radius:10px;background:#fff;flex:0 0 auto}.appHeadText{min-width:0;text-align:center;width:100%;max-width:min(720px,56vw);display:flex;flex-direction:column;align-items:center}.appHeadText small{display:block;font-size:9px;letter-spacing:.13em;color:#94a3b8;font-weight:900;text-align:center}.appHeadText strong{display:-webkit-box;color:var(--primary-dark);font-size:15px;line-height:1.16;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;overflow-wrap:break-word;word-break:normal;max-width:760px;width:100%;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.appHeadText strong.is-long{font-size:13.5px;line-height:1.18}.appHeadText strong.is-very-long{font-size:12.2px;line-height:1.2}.appHeadText span{display:block;font-size:10px;color:#64748b;margin-top:3px;font-weight:700;text-align:center}
.headRight{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-wrap:wrap;grid-column:3;grid-row:1;justify-self:end;z-index:2}
.productLogoLink{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;outline:none}
.productLogoLink:focus-visible{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.22)}
.headActionBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.headActionIcon{font-size:14px;line-height:1}
.personalizationBtn{white-space:nowrap}
.appToast{position:fixed;top:18px;left:50%;right:auto;z-index:120000;display:flex;align-items:center;justify-content:center;gap:9px;max-width:min(520px,calc(100vw - 36px));padding:14px 18px;border:1px solid #86efac;border-radius:14px;background:#ecfdf5;color:#166534;font-size:14px;font-weight:900;box-shadow:0 18px 44px rgba(15,23,42,.22);opacity:0;transform:translate(-50%,-14px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.appToast.is-showing{opacity:1;transform:translate(-50%,0)}
.brandSaveStatus{display:none;margin:0 18px 12px;padding:12px 14px;border:1px solid #86efac;border-radius:12px;background:#ecfdf5;color:#166534;font-size:13px;font-weight:900;align-items:center;gap:8px;opacity:0}.brandSaveStatus.is-showing{display:flex!important;opacity:1!important;animation:brandStatusIn .18s ease-out}@keyframes brandStatusIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.how-card{width:min(700px,calc(100vw - 24px))}
.howIntro{padding:12px 14px;border:1px solid rgba(var(--primary-rgb),.22);background:rgba(var(--primary-rgb),.06);border-radius:14px;color:#334155;font-size:13px;line-height:1.5}
.howSteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.howStep{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px}
.howStepNum{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--primary-rgb),.10);color:var(--primary-dark);font-weight:950}
.howStep strong{display:block;font-size:13px;color:#0f172a}
.howStep p{margin:4px 0 0;font-size:11px;line-height:1.45;color:#64748b}
@media(max-width:620px){.howSteps{grid-template-columns:1fr}.appToast{top:10px;left:50%;right:auto;max-width:calc(100vw - 20px)}}
.brand-modal.is-open .brand-card{animation:brandModalIn .18s ease-out}@keyframes brandModalIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
.color-rule{height:4px;background:var(--primary)}
.steps-wrap{width:min(96%,var(--max));margin:0 auto;padding:9px 0 10px;overflow:auto}
.steps{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:7px;min-width:820px}
.stepBtn{border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:12px;padding:8px 9px;text-align:left;display:flex;align-items:center;gap:8px;box-shadow:none}
.stepBtn b{width:24px;height:24px;border-radius:8px;background:#f1f5f9;display:grid;place-items:center;font-size:11px}.stepBtn span{font-size:11px;font-weight:850}.stepBtn.is-current{border-color:var(--primary);color:var(--primary-dark);background:rgba(var(--primary-rgb),.06)}.stepBtn.is-current b{background:var(--primary);color:var(--on-primary)}
@media(max-width:1120px) and (min-width:881px){.productTopbarInner{grid-template-columns:minmax(210px,.65fr) minmax(430px,1.7fr);gap:12px}.headRight{grid-column:1/-1;justify-content:flex-end}.appHeadText{max-width:none}.appHeadText strong{max-width:none}}
@media(max-width:880px){.productTopbar{position:relative}.productTopbarInner{grid-template-columns:1fr;gap:10px}.appHead{justify-content:center}.appHeadText{text-align:center;max-width:calc(100vw - 95px);align-items:center}.appHeadText strong{max-width:none;text-align:center}.headRight{justify-content:center}.productName{font-size:20px}}

main{width:min(96%,var(--max));margin:18px auto 30px;flex:1}
.section-head{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;flex-wrap:wrap}
.section-head .kicker{font-size:10px;letter-spacing:.14em;color:var(--primary-dark);font-weight:950;text-transform:uppercase}
.pasteBox{min-height:155px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}
.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:14px}
table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}th,td{padding:9px 10px;border-bottom:1px solid #edf2f7;text-align:left;font-size:12px;vertical-align:top}th{background:#f8fafc;font-weight:900;position:sticky;top:0;z-index:1}tbody tr:last-child td{border-bottom:0}
table input,table textarea{min-width:120px;padding:8px 9px;font-size:12px}table textarea{min-height:52px;resize:vertical}
.topicGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.topicCard{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.topicCard label{display:flex;align-items:center;gap:9px;margin:0;font-size:13px;color:var(--ink)}.topicCard input{width:auto}.topicCard small{display:block;color:var(--muted);margin:7px 0 0 27px}
@media(max-width:980px){.topicGuide,.topicGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.topicGuide,.topicGrid{grid-template-columns:1fr}}
.dropzone{border:2px dashed rgba(var(--primary-rgb),.35);border-radius:18px;padding:20px;background:rgba(var(--primary-rgb),.04);text-align:center}.dropzone.drag{background:rgba(var(--primary-rgb),.10);border-color:var(--primary)}
.bankSummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.metric{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.metric small{display:block;color:var(--muted);font-weight:800}.metric strong{display:block;margin-top:4px;font-size:22px}
.promptBox{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}

.testShell{min-height:calc(100vh - 235px);display:flex;flex-direction:column;gap:12px}
.testMeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 12px;box-shadow:var(--shadow)}
.testPanel{background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;flex:1}
.testAccent{height:12px;background:var(--primary)}
.testContent{padding:16px;display:flex;flex-direction:column;gap:12px;align-items:center;flex:1}
.who{width:100%;text-align:center;font-size:clamp(34px,5vw,68px);font-weight:950;padding:10px;border-radius:18px;background:#f8fafc;border:1px solid #edf2f7;word-break:break-word}
.personMeta{text-align:center;color:var(--muted);font-size:12px}
.qtags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.qbox{width:100%;min-height:190px;display:grid;place-items:center;text-align:center;padding:18px;border:1px solid #e2e8f0;background:#fbfdff;border-radius:18px;font-size:clamp(26px,3vw,44px);font-weight:900;line-height:1.22}
.answerGuide{width:100%;padding:12px 14px;border:1px solid rgba(var(--primary-rgb),.3);background:rgba(var(--primary-rgb),.06);border-radius:14px;text-align:center;font-size:14px}.answerGuide strong{color:var(--primary-dark)}
.timerRow{width:100%;display:grid;grid-template-columns:1fr 50px;gap:9px;align-items:center}.timerTrack{height:13px;background:#e2e8f0;border-radius:999px;overflow:hidden}.timerFill{height:100%;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444);width:100%;transition:width .1s linear}.timerNum{text-align:center;font-weight:950}
.scorePad{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scoreBtn{border:1px solid #dbe3ed;border-radius:18px;background:#fff;padding:15px 10px;font-weight:950;font-size:18px;min-height:78px;box-shadow:0 8px 18px rgba(15,23,42,.06)}.scoreBtn small{display:block;font-size:11px;margin-top:5px;color:#64748b}.scoreBtn.good{background:#ecfdf5;border-color:#86efac;color:#166534}.scoreBtn.mid{background:#fffbeb;border-color:#fde68a;color:#92400e}.scoreBtn.bad{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
.testNav{width:100%;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}
@media(max-width:700px){.scorePad{grid-template-columns:1fr}.qbox{min-height:150px}.who{font-size:36px}}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.kpi small{display:block;color:var(--muted);font-weight:800}.kpi strong{font-size:28px;display:block;margin-top:4px}
@media(max-width:800px){.kpis{grid-template-columns:repeat(2,1fr)}}
.chartCard{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.chartCard h3{margin:0 0 8px;font-size:15px}.canvasWrap{overflow:auto}.canvasWrap canvas{display:block;max-width:none}
.resultStatus{font-weight:900}.resultStatus.good{color:#15803d}.resultStatus.mid{color:#b45309}.resultStatus.bad{color:#be123c}
.detailList{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.detailItem{padding:10px;border:1px solid var(--line);border-radius:12px}.detailItem small{display:block;color:var(--muted)}.detailItem strong{display:block;margin-top:4px}

.brand-modal{position:fixed;inset:0;z-index:1000;display:none}.brand-modal.is-open{display:block}.brand-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58)}.brand-card{position:relative;width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 30px);overflow:auto;margin:15px auto;background:#fff;border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.3)}.brand-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.brand-head h2{margin:0;font-size:19px}.brand-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.brand-body{padding:16px 18px}.brand-actions{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.brandLogoRow{display:flex;align-items:center;gap:10px}.brandLogoRow img{width:62px;height:62px;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:#fff}.colorRow{display:grid;grid-template-columns:74px 1fr;gap:10px}.colorRow input[type=color]{padding:3px;height:44px}

.loky-footer{margin-top:auto;width:100%;background:#fff;border-top:1px solid #edf1f6;padding:20px 18px 24px}.loky-footer-inner{width:min(96%,1200px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.loky-footer-brand strong{font-size:24px}.loky-footer-brand span{color:#15afe3}.loky-footer-copy{text-align:right;color:#64748b;font-size:12px}.loky-footer-copy strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#94a3b8;margin-bottom:4px}
@media(max-width:650px){.loky-footer-inner{flex-direction:column;text-align:center}.loky-footer-copy{text-align:center}}


/* ===== Ajustes v3 ===== */
.topicOrderList{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.topicOrderItem{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:5px 9px;align-items:center;min-height:92px;border:1px solid var(--line);border-radius:15px;background:#fff;padding:10px 10px 9px;transition:.15s ease;cursor:grab}.topicOrderItem:hover{border-color:rgba(var(--primary-rgb),.35);box-shadow:0 8px 18px rgba(15,23,42,.06)}.topicOrderItem.is-dragging{opacity:.42;transform:scale(.98)}.topicOrderItem.drag-over{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.dragHandle{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);font-size:0;cursor:grab;user-select:none}.dragHandle:before{content:attr(data-pos);font-size:19px;font-weight:950;color:var(--primary-dark)}.dragHandle:active{cursor:grabbing}.topicOrderMain{min-width:0}.topicOrderMain label{margin:0;display:flex;gap:7px;align-items:center;line-height:1.15}.topicOrderMain label strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topicOrderMain input{width:auto;flex:0 0 auto}.topicOrderMain small{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted);margin-top:3px;font-size:10px}.topicOrderItem>.topicIcon{display:none!important}.orderBtns{position:absolute;right:7px;bottom:6px;display:flex;gap:3px}.orderBtn{width:26px;height:26px;min-height:26px;padding:0;border-radius:8px;background:#fff;color:var(--primary-dark);border:1px solid rgba(var(--primary-rgb),.28);box-shadow:none;font-size:12px}.topicPos{display:none}.bankDiagnostics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin-top:12px}.diagBox{border:1px solid var(--line);border-radius:14px;padding:11px;background:#fff}.diagBox small{display:block;color:var(--muted);font-weight:800}.diagBox strong{display:block;margin-top:4px;font-size:18px}.diagBox.good strong{color:#166534}.diagBox.warn strong{color:#92400e}.diagDetails{margin-top:10px;border:1px solid #fde68a;background:#fffbeb;color:#713f12;border-radius:14px;padding:10px 12px;font-size:12px;line-height:1.45}.paceStrip{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;background:rgba(var(--primary-rgb),.07);border:1px solid rgba(var(--primary-rgb),.22);font-size:13px}.paceStrip strong{color:var(--primary-dark)}.insightGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.insightCard{border:1px solid var(--line);border-radius:15px;padding:13px;background:#fff}.insightCard small{display:block;color:var(--muted);font-weight:850}.insightCard strong{display:block;margin-top:5px;font-size:18px}.exportPanel{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.exportPanel h3{margin:0 0 5px;font-size:15px}.exportPanel p{margin:0 0 11px}.exportActions{display:flex;gap:9px;flex-wrap:wrap}.pdfProgress{margin-top:10px}.individualExportGrid{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}@media(max-width:980px){.topicOrderList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.topicOrderList{grid-template-columns:1fr}.topicOrderItem{min-height:82px}}@media(max-width:760px){.insightGrid{grid-template-columns:1fr}.individualExportGrid{grid-template-columns:1fr}}

#printArea{display:none}
@media print{
  body{background:#fff}.productTopbar,main,.loky-footer,.brand-modal,.loky-splash{display:none!important}#printArea{display:block;padding:0;color:#111827}
  @page{margin:12mm}.printHead{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:4px solid var(--primary);padding-bottom:10px;margin-bottom:14px}.printHead img{width:54px;height:54px;object-fit:contain}.printTitle{font-size:19px;font-weight:900}.printMuted{font-size:10px;color:#475569}.printSection{margin-top:14px}.printSection h2{font-size:13px;margin:0 0 7px}.printTable{width:100%;border-collapse:collapse;min-width:0}.printTable th,.printTable td{border:1px solid #cbd5e1;padding:5px;font-size:9.5px}.printFoot{margin-top:16px;border-top:2px solid var(--primary);padding-top:7px;font-size:9px;color:#475569}
}

/* ===== Ronda de Saberes v5 · UX/UI ===== */
:root{--state-good:#16a34a;--state-mid:#f59e0b;--state-bad:#dc2626;--state-neutral:#64748b}
.dashboardGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.dashboardCard{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;min-height:116px;box-shadow:0 10px 24px rgba(15,23,42,.055)}
.dashboardCard:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--primary)}
.dashboardCard .dIcon{font-size:25px;line-height:1}.dashboardCard small{display:block;color:var(--muted);font-weight:850;margin-top:9px}.dashboardCard strong{display:block;font-size:29px;line-height:1.05;margin-top:4px}.dashboardCard .dSub{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.dashboardCard.good:before{background:var(--state-good)}.dashboardCard.mid:before{background:var(--state-mid)}.dashboardCard.bad:before{background:var(--state-bad)}
.topicCardVisual{border:1px solid var(--line);border-radius:17px;padding:14px;background:#fff;display:flex;gap:12px;align-items:flex-start;min-height:106px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.topicCardVisual:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.07);border-color:rgba(var(--primary-rgb),.28)}
.topicCardVisual .topicIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(var(--primary-rgb),.08);font-size:21px;flex:0 0 auto}
.topicCardVisual .topicInfo{min-width:0;flex:1}.topicCardVisual .topicInfo strong{font-size:13px;display:block}.topicCardVisual .topicInfo small{display:block;margin-top:5px;color:var(--muted)}
.topicState{display:inline-flex;margin-top:8px;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;border:1px solid var(--line)}
.topicState.good{background:#ecfdf5;color:#166534;border-color:#86efac}.topicState.mid{background:#fffbeb;color:#92400e;border-color:#fde68a}.topicState.bad{background:#fff1f2;color:#991b1b;border-color:#fecdd3}.topicState.neutral{background:#f8fafc;color:#64748b}
.tip{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #cbd5e1;color:#64748b;font-size:11px;font-weight:900;margin-left:5px;cursor:help;background:#fff;vertical-align:middle}
.preStartSummary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.preStartItem{border:1px solid var(--line);border-radius:15px;background:#f8fafc;padding:12px;text-align:center}.preStartItem small{display:block;color:var(--muted);font-weight:800}.preStartItem strong{display:block;margin-top:5px;font-size:19px}
.roundProgress{position:sticky;top:0;z-index:12;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;padding:12px 14px;box-shadow:0 10px 26px rgba(15,23,42,.08)}
.roundProgressGrid{display:grid;grid-template-columns:1.3fr 1.4fr 1fr .9fr auto;gap:10px;align-items:center}.roundStat small{display:block;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.roundStat strong{display:block;margin-top:2px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roundProgressTrack{height:9px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-top:10px}.roundProgressFill{height:100%;background:linear-gradient(90deg,var(--primary),var(--state-good));border-radius:inherit;transition:width .35s ease}
.roundActions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.roundActions .btn{padding:8px 10px;font-size:11px}
.testPanel.v5Enter{animation:v5PanelIn .28s ease}.who{font-size:clamp(44px,5.8vw,92px)!important}.qbox{font-size:clamp(28px,3.2vw,52px)!important;min-height:220px!important}.answerGuide{border-left:5px solid var(--primary);font-size:clamp(14px,1.25vw,19px)!important}.scoreBtn{min-height:100px!important;font-size:clamp(22px,2.2vw,34px)!important}.scoreBtn.good{background:#ecfdf5!important;border-color:#86efac!important;color:#166534!important}.scoreBtn.mid{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important}.scoreBtn.bad{background:#fff1f2!important;border-color:#fecaca!important;color:#991b1b!important}.scoreBtn.v5Pick{animation:v5Score .2s ease}
.pauseOverlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:rgba(255,255,255,.91);backdrop-filter:blur(8px)}.pauseBox{text-align:center;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.pauseBox strong{display:block;font-size:34px}.pauseBox span{color:var(--muted)}
.completion{min-height:62vh;display:grid;place-items:center}.completionCard{width:min(820px,100%);text-align:center;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow);padding:34px;animation:v5Finish .5s cubic-bezier(.2,.8,.2,1)}.completionIcon{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:#ecfdf5;color:#166534;font-size:44px}.completionCard h2{font-size:34px;margin:0}.completionStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.completionStats div{border:1px solid var(--line);border-radius:16px;padding:14px;background:#f8fafc}.completionStats small{display:block;color:var(--muted)}.completionStats strong{display:block;font-size:20px;margin-top:4px}
.resultsToolbar{display:grid;grid-template-columns:1.5fr .8fr .9fr auto;gap:10px;align-items:end;margin:14px 0}.resultCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.learnerCard{border:1px solid var(--line);border-radius:20px;background:#fff;padding:16px;box-shadow:0 9px 22px rgba(15,23,42,.05)}.learnerCardHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.learnerCard h3{margin:0;font-size:18px}.learnerScore{font-size:30px;font-weight:950}.learnerMetaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.learnerMetaGrid div{background:#f8fafc;border-radius:12px;padding:9px}.learnerMetaGrid small{display:block;color:var(--muted);font-size:10px}.learnerMetaGrid strong{display:block;font-size:12px;margin-top:3px}.learnerRadar{width:100%;max-height:230px;margin-top:8px}.compareLine{font-size:11px;color:var(--muted);margin-top:8px}.heatmapWrap{overflow:auto;border:1px solid var(--line);border-radius:15px}.heatmap{border-collapse:separate;border-spacing:2px;min-width:980px;background:#f8fafc}.heatmap th,.heatmap td{border:0!important;position:static!important;text-align:center;padding:7px 6px}.heatmap th:first-child,.heatmap td:first-child{text-align:left;position:sticky!important;left:0;background:#fff;z-index:2;min-width:180px}.heatCell{font-weight:900;border-radius:8px!important}.heatCell.good{background:#dcfce7;color:#166534}.heatCell.mid{background:#fef3c7;color:#92400e}.heatCell.bad{background:#fee2e2;color:#991b1b}.heatCell.none{background:#f1f5f9;color:#94a3b8}.analysisLists{display:grid;grid-template-columns:1fr 1fr;gap:12px}.analysisList{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.analysisList h3{margin:0 0 10px;font-size:14px}.analysisListRow{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed #e2e8f0}.analysisListRow:last-child{border-bottom:0}
.rankingCard{margin-top:12px}.sortLink{border:0;background:none;padding:0;color:inherit;font-weight:900;cursor:pointer}.sortLink:hover{color:var(--primary-dark)}
.exportLearnerSearch{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.exportLearnerList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto;margin-top:10px}.exportLearnerItem{border:1px solid var(--line);border-radius:13px;padding:10px;background:#fff;text-align:left;box-shadow:none;color:var(--ink)}.exportLearnerItem.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.exportLearnerItem strong{display:block}.exportLearnerItem small{display:block;color:var(--muted);margin-top:3px}
.pdfMode{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pdfMode label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:9px 11px;border-radius:12px;background:#fff;cursor:pointer}.pdfMode input{width:auto}
@keyframes v5PanelIn{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes v5Score{50%{transform:scale(.96)}}@keyframes v5Finish{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(min-width:1500px){.testShell{width:min(96vw,1580px);margin-left:50%;transform:translateX(-50%)}.testContent{padding:24px 34px!important}.qbox{min-height:300px!important}.scorePad{max-width:1050px;margin-inline:auto}}
@media(max-width:980px){.dashboardGrid{grid-template-columns:repeat(2,1fr)}.preStartSummary{grid-template-columns:repeat(2,1fr)}.roundProgressGrid{grid-template-columns:1fr 1fr}.roundActions{grid-column:1/-1;justify-content:flex-start}.resultsToolbar{grid-template-columns:1fr 1fr}.resultCards{grid-template-columns:1fr}.analysisLists{grid-template-columns:1fr}}
@media(max-width:560px){.dashboardGrid,.completionStats,.learnerMetaGrid,.resultsToolbar,.exportLearnerList{grid-template-columns:1fr}.roundProgressGrid{grid-template-columns:1fr}.who{font-size:40px!important}.qbox{font-size:27px!important;min-height:180px!important}}
/* ===== Ajustes v5.1 · Configuración compacta + ronda sin scroll ===== */
body.round-active{height:100dvh;min-height:100dvh;overflow:hidden;background:#f5f7fb}
body.round-active .productTopbar,body.round-active .loky-footer{display:none!important}
body.round-active main{width:100vw;max-width:none;height:100dvh;min-height:0;margin:0;padding:10px;overflow:hidden;display:block}
body.round-active #view{height:100%;min-height:0}
body.round-active .testShell{width:100%;height:100%;min-height:0;margin:0;transform:none;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}
body.round-active .roundProgress{position:relative;top:auto;border-radius:14px;padding:8px 11px;box-shadow:0 5px 16px rgba(15,23,42,.07)}
body.round-active .roundProgressGrid{grid-template-columns:minmax(220px,1.35fr) minmax(190px,1.1fr) minmax(150px,.8fr) minmax(130px,.65fr) auto;gap:8px}
body.round-active .roundStat small{font-size:9px}
body.round-active .roundStat strong{font-size:12px}
body.round-active .roundStat.topicStat strong{font-size:clamp(18px,1.65vw,28px);line-height:1;color:var(--primary-dark);overflow:visible;text-overflow:clip}
body.round-active .roundProgressTrack{height:6px;margin-top:7px}
body.round-active .roundActions{gap:5px}
body.round-active .roundActions .btn{min-height:34px;padding:6px 9px;font-size:11px}
body.round-active .testPanel{min-height:0;height:100%;border-radius:18px}
body.round-active .testAccent{height:6px}
body.round-active .testContent{height:100%;min-height:0;padding:8px 14px 10px;gap:7px;overflow:hidden;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto auto;align-items:center}
.topicFocus{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:7px 14px;border-radius:14px;background:linear-gradient(90deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.035));border:1px solid rgba(var(--primary-rgb),.28)}
.topicFocusIcon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--primary);color:var(--on-primary);font-size:21px}
.topicFocusMain{min-width:0}.topicFocusMain small{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:950;color:var(--muted)}
.topicFocusMain strong{display:block;margin-top:1px;font-size:clamp(24px,2.3vw,38px);line-height:1;color:var(--primary-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topicFocusMeta{text-align:right;font-size:11px;color:#475569;font-weight:800;white-space:nowrap}.topicFocusMeta b{color:var(--ink);font-size:13px}
body.round-active .who{font-size:clamp(30px,3.7vw,58px)!important;padding:5px 10px;border-radius:13px;line-height:1.05}
body.round-active .personMeta{font-size:10px;line-height:1.1}
body.round-active .qbox{min-height:0!important;height:100%;font-size:clamp(25px,3vw,48px)!important;padding:12px 18px;border-radius:15px;overflow:auto;line-height:1.14}
body.round-active .answerGuide{padding:8px 12px;font-size:clamp(12px,1.05vw,16px)!important;line-height:1.2;border-radius:11px}
body.round-active .timerRow{grid-template-columns:1fr 46px;gap:7px}.timerTrack{height:10px}.timerNum{font-size:13px}
body.round-active .scorePad{gap:8px}.scoreBtn{min-height:64px!important;padding:7px 8px!important;font-size:clamp(17px,1.6vw,26px)!important;border-radius:14px}.scoreBtn small{font-size:9px;margin-top:2px}
body.round-active .testNav{gap:7px;flex-wrap:nowrap}.testNav .btn{min-height:34px;padding:6px 10px;font-size:11px}.testNav .hint{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:38%}
@media(max-width:1100px){body.round-active .roundProgressGrid{grid-template-columns:1.2fr 1fr .8fr .7fr}.roundActions{grid-column:1/-1;justify-content:flex-end}.topicFocusMeta{font-size:10px}}
@media(max-width:760px){body.round-active{height:100dvh;overflow:hidden}body.round-active main{height:100dvh;min-height:0;overflow:hidden;padding:6px}body.round-active .testShell{height:100%;min-height:0;gap:5px}body.round-active .roundProgress{padding:6px 8px}.roundProgressGrid{grid-template-columns:1fr 1fr!important}.roundActions{grid-column:1/-1;justify-content:center!important}.roundActions .btn{padding:5px 7px!important;font-size:10px!important}.topicFocus{grid-template-columns:auto 1fr;padding:5px 9px;gap:8px}.topicFocusIcon{width:34px;height:34px}.topicFocusMain strong{font-size:22px}.topicFocusMeta{grid-column:1/-1;text-align:center;font-size:9px;line-height:1}.testContent{padding:6px 8px 7px!important;gap:4px!important}.who{font-size:30px!important}.qbox{font-size:23px!important;padding:8px 10px!important}.answerGuide{padding:5px 8px!important;font-size:11px!important}.scoreBtn{min-height:52px!important;font-size:17px!important}.testNav{flex-wrap:nowrap!important}.testNav .btn{font-size:9px!important;padding:5px 6px!important}.testNav .hint{display:none}}


/* ===== Ajustes visuales v6.1 ===== */
.productBrand img{width:178px;height:44px;object-fit:contain;border:0;background:transparent;box-shadow:none;border-radius:0}
.productBrand{gap:14px}
.productName{font-size:24px}
.topicOrderItem.specific{background:linear-gradient(180deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.055));border-color:rgba(var(--primary-rgb),.24)}
.topicOrderItem.specific .dragHandle{background:rgba(var(--primary-rgb),.16);border-color:rgba(var(--primary-rgb),.3)}
.topicOrderItem.general{background:#fff}
.topicOrderItem.general .dragHandle{background:#f8fafc;border-color:#e2e8f0}
.topicOrderItem.general .dragHandle:before{color:#334155}
.topicOrderItem.general .topicGroupChip{background:#fff;border-color:#cbd5e1;color:#475569}
.roundActionBtn{min-height:42px;padding:9px 13px!important;font-size:12px!important;border-radius:13px!important;font-weight:900;box-shadow:0 10px 22px rgba(15,23,42,.08)!important}
.roundActionBtn.pauseBtn{background:#f59e0b!important;color:#fff!important}
.roundActionBtn.undoBtn{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important}
.roundActionBtn.resultsBtn{background:#7c3aed!important;color:#fff!important}
.roundActionBtn:disabled{opacity:.55!important}
.answerGuide{font-size:18px!important;line-height:1.35!important}
.answerGuide strong{font-size:20px;display:inline-block;margin-right:6px}
.guideAnswerText{font-size:1.08em;font-weight:700;color:#0f172a}
.testNav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-top:2px}
.testNavButtons{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;width:100%}
.navActionBtn{min-width:240px;min-height:48px;padding:11px 16px!important;border-radius:14px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(15,23,42,.07)!important}
.navActionBtn.secondaryAlt{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important}
.navHint{font-size:11px;text-align:center;max-width:100%;white-space:normal!important}
.topicFocus{padding:10px 16px;gap:14px}
.topicFocusMain strong{white-space:normal;overflow:visible;text-overflow:unset;display:block;font-size:clamp(28px,2.65vw,44px);line-height:1.02;max-width:100%}
.topicFocusMeta{font-size:12px;line-height:1.3;white-space:normal;max-width:260px}
.roundStat.topicStat strong{white-space:normal!important;overflow:visible!important;text-overflow:unset!important;line-height:1.05}
.completion{min-height:100%;height:100%;display:grid;place-items:center;padding:18px}
.completionCard{margin:auto}
.completionActions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.heatmapWrap{overflow:visible;border:1px solid var(--line);border-radius:15px}
.heatmap{width:100%;min-width:0;table-layout:fixed;background:#f8fafc}
.heatmap th,.heatmap td{font-size:11px;padding:7px 4px;vertical-align:middle;word-break:break-word}
.heatmap th:first-child,.heatmap td:first-child{min-width:130px;width:130px}
.heatHead{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.1;font-size:10px;font-weight:900}
.heatHead span{display:block;font-size:10px;font-weight:800}
@media(max-width:1200px){.heatmap th,.heatmap td{font-size:10px;padding:6px 3px}.heatmap th:first-child,.heatmap td:first-child{min-width:116px;width:116px}.heatHead span{font-size:9px}}
@media(max-width:820px){.heatmapWrap{overflow:auto}.heatmap{min-width:820px}.testNavButtons{flex-direction:column}.navActionBtn{width:100%;min-width:0}.completionActions{flex-direction:column}.productBrand img{width:160px;height:40px}}
body.round-active .roundActions .roundActionBtn{min-height:38px;padding:7px 10px!important;font-size:11px!important}
body.round-active .topicFocusMain strong{font-size:clamp(30px,2.9vw,46px)}
body.round-active .answerGuide{padding:10px 14px;font-size:18px!important;line-height:1.3}
body.round-active .answerGuide strong{font-size:20px}
body.round-active .testNavButtons{gap:10px}
body.round-active .navActionBtn{min-width:270px;min-height:42px;padding:8px 14px!important;font-size:12px!important}
body.round-active .topicFocusMeta{max-width:300px;font-size:12px}
body.round-active .roundProgressGrid{grid-template-columns:minmax(280px,1.6fr) minmax(180px,1.1fr) minmax(150px,.85fr) minmax(120px,.7fr) auto}
body.round-active .roundStat.topicStat strong{font-size:clamp(20px,1.8vw,30px)}
@media(max-width:1100px){body.round-active .topicFocusMain strong{font-size:28px}body.round-active .navActionBtn{min-width:0;flex:1}}


/* ===== Ajustes v6.2 · proyección, atajos, incidencias y footer ===== */
.productBrand img{width:52px!important;height:52px!important;object-fit:contain!important;border-radius:14px!important;border:1px solid #e2e8f0!important;background:#fff!important;box-shadow:0 7px 18px rgba(15,23,42,.05)!important}
.productBrand{gap:12px!important}.productName{font-size:22px!important}
.loky-footer-brand img{display:block;width:170px;max-width:42vw;height:auto;object-fit:contain}
.configOptionBar{margin-top:10px;display:flex;justify-content:flex-start}.soundToggle{margin:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 13px;cursor:pointer}.soundToggle input{width:auto}.soundToggle span{display:flex;flex-direction:column;gap:2px}.soundToggle b{font-size:12px;color:var(--ink)}.soundToggle small{font-size:10px;color:var(--muted)}
.quickHud{position:fixed;right:14px;bottom:14px;z-index:85;width:min(520px,calc(100vw - 28px));display:grid;grid-template-columns:1.35fr 1.2fr .65fr .55fr;gap:5px;padding:7px;border-radius:15px;background:rgba(15,23,42,.88);box-shadow:0 16px 38px rgba(15,23,42,.24);backdrop-filter:blur(10px);pointer-events:none;color:#fff}.quickHud div{min-width:0;padding:5px 7px}.quickHud small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#cbd5e1;font-weight:900}.quickHud strong{display:block;margin-top:2px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pendingFinishNotice{padding:8px 12px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:12px;font-size:12px;font-weight:850;text-align:center}
.testShell.group-small .who{font-size:clamp(42px,4.5vw,70px)!important}.testShell.group-small .qbox{font-size:clamp(30px,3.5vw,54px)!important}.testShell.group-large .who{font-size:clamp(28px,3vw,48px)!important}.testShell.group-large .qbox{font-size:clamp(23px,2.65vw,42px)!important}
.heatmapTitleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.heatControls{display:flex;gap:6px;flex-wrap:wrap}.heatControls .is-active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.heatmapWrap.heat-compact{overflow:hidden}.heatmapWrap.heat-compact .heatmap{min-width:0;width:100%;table-layout:fixed}.heatmapWrap.heat-compact .heatmap th,.heatmapWrap.heat-compact .heatmap td{padding:5px 2px;font-size:9px}.heatmapWrap.heat-compact .heatmap th:first-child,.heatmapWrap.heat-compact .heatmap td:first-child{width:100px;min-width:100px}.heatmapWrap.heat-compact .heatHead span{font-size:8px;line-height:1.05}.heatmapWrap.heat-normal{overflow:hidden}.heatmapWrap.heat-normal .heatmap{min-width:0;width:100%;table-layout:fixed}.heatmapWrap.heat-expanded{overflow:auto}.heatmapWrap.heat-expanded .heatmap{min-width:1500px;table-layout:auto}.heatmapWrap.heat-expanded .heatmap th:first-child,.heatmapWrap.heat-expanded .heatmap td:first-child{min-width:180px;width:180px}
.incidentPanel{border:1px solid var(--line);border-radius:18px;background:#f8fafc;padding:14px}.incidentHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.incidentHead h3{margin:0;font-size:16px}.incidentHead p{margin:4px 0 0;color:var(--muted);font-size:11px}.incidentKpis{display:flex;gap:7px;flex-wrap:wrap}.incidentKpis span{min-width:90px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px;text-align:center}.incidentKpis b{display:block;font-size:20px}.incidentKpis small{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:850}.incidentKpis .warn b{color:#d97706}.incidentKpis .bad b{color:#dc2626}.incidentKpis .good b{color:#16a34a}.incidentDetails{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.incidentDetails>div{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:9px}.incidentDetails strong{font-size:11px}.incidentDetails p{font-size:11px;color:#475569;margin:4px 0 0;line-height:1.4}
.completionActions .btn{min-width:150px}
@media(max-width:900px){.incidentDetails{grid-template-columns:1fr}.quickHud{grid-template-columns:1fr 1fr}.heatmapWrap.heat-normal{overflow:auto}.heatmapWrap.heat-normal .heatmap{min-width:900px}.quickHud{display:none}}


/* ===== Ajuste v9 · logo institucional arriba y centrado ===== */
.appHead{
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
}
.appHead>img#headerInstLogo{
  width:46px!important;
  height:46px!important;
  margin:0 auto 2px!important;
  display:block!important;
  flex:0 0 auto!important;
}
.appHeadText{
  width:100%!important;
  max-width:min(760px,58vw)!important;
  text-align:center!important;
  align-items:center!important;
}
.appHeadText small,.appHeadText strong,.appHeadText span{
  text-align:center!important;
}
@media(max-width:1120px) and (min-width:881px){
  .appHead{width:min(700px,55vw)!important}
  .appHeadText{max-width:min(650px,52vw)!important}
}
@media(max-width:880px){
  .appHead{grid-column:1!important;grid-row:auto!important;width:100%!important}
  .appHeadText{max-width:calc(100vw - 36px)!important}
  .productBrand{grid-column:1!important;grid-row:auto!important;justify-self:center!important}
  .headRight{grid-column:1!important;grid-row:auto!important;justify-self:center!important}
}

/* ===== Ajustes reporte v2 · gestión visual de participantes ===== */
.participantEditor{margin-top:16px;border:1px solid var(--line);border-radius:16px;background:#f8fafc;padding:14px}
.participantEditorHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.participantEditorHead h3{margin:0;font-size:15px}.participantEditorHead p{margin:4px 0 0;font-size:11px;color:var(--muted)}
.participantEditTable{min-width:1040px}.participantEditTable th{font-size:10px}.participantEditTable td{padding:6px}
.participantEditTable input{min-width:105px;padding:7px 8px;font-size:11px;border-radius:9px}.participantEditTable input[data-person-field="nombre"]{min-width:210px}.participantEditTable input[data-person-field="programa"]{min-width:180px}
.reportDataPreview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.reportDataPreview div{border:1px solid var(--line);border-radius:11px;background:#fff;padding:9px}.reportDataPreview small{display:block;color:var(--muted);font-weight:800}.reportDataPreview strong{display:block;margin-top:3px;font-size:12px}
@media(max-width:760px){.reportDataPreview{grid-template-columns:1fr}}