/* Componentes reales alineados con el lenguaje visual de la portada. */
.product-page {
  --product-panel: #0d293e;
  --product-panel-soft: #102f46;
  --product-line: rgba(145, 184, 196, .17);
  --product-muted: #8fa5b1;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 1.6rem 0 3rem;
}
.product-eyebrow { color: var(--app-teal); font-size: .67rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.product-icon { display: grid; width: 46px; height: 46px; flex: none; place-items: center; color: var(--app-teal); border: 1px solid rgba(82,237,199,.17); border-radius: 14px; background: rgba(82,237,199,.07); font-size: 1.12rem; }
.product-page-header { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; padding: 1.7rem 0; border-bottom: 1px solid var(--product-line); }
.product-page-header h1 { margin: .35rem 0 .45rem; font-size: clamp(2rem,4vw,3.15rem); font-weight: 850; line-height: 1.04; }
.product-page-header p { max-width: 620px; margin: 0; color: var(--product-muted); font-size: .9rem; line-height: 1.6; }
.product-filter { min-width: 285px; }
.product-filter label { display: block; margin-bottom: .45rem; color: #b7c8ce !important; font-size: .7rem; }

/* Configurador de test */
.test-config-dialog { max-width: 820px; }
.test-config-modal { max-height: calc(100dvh - 2rem); overflow: hidden; border: 1px solid rgba(82,237,199,.19) !important; border-radius: 27px !important; background: #0b2437 !important; box-shadow: 0 35px 100px rgba(0,6,14,.56) !important; }
.test-config-modal > form { display: flex; min-height: 0; flex: 1; flex-direction: column; }
.test-config-header { padding: 1.35rem 1.6rem; background: linear-gradient(135deg,rgba(20,61,78,.9),rgba(11,37,56,.96)) !important; }
.test-config-header-icon { display: grid; width: 48px; height: 48px; flex: none; place-items: center; color: var(--app-teal); border-radius: 15px; background: rgba(82,237,199,.1); font-size: 1.2rem; }
.test-config-eyebrow { color: var(--app-teal); font-size: .6rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.test-config-header h5 { margin: .1rem 0; font-size: 1.25rem; font-weight: 820; }
.test-config-header p { margin: 0; color: #8fa6b2; font-size: .68rem; }
.test-config-body { display: grid; gap: 1rem; overflow-y: auto; padding: 1.2rem 1.35rem; background: #0a2133; }
.test-config-section { padding: 1.2rem; border: 1px solid var(--product-line); border-radius: 20px; background: rgba(14,43,63,.66); }
.test-config-section-heading { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; }
.test-config-section-heading > span { display: grid; width: 31px; height: 31px; flex: none; place-items: center; color: #06271f; border-radius: 9px; background: var(--app-teal); font-size: .62rem; font-weight: 900; }
.test-config-section-heading > div { min-width: 0; flex: 1; }
.test-config-section-heading h6 { margin: 0; font-size: .78rem; font-weight: 800; }
.test-config-section-heading p { margin: .12rem 0 0; color: #7f96a2; font-size: .61rem; }
.test-config-section-heading > small { padding: .3rem .5rem; color: var(--app-teal); border-radius: 7px; background: rgba(82,237,199,.08); font-size: .54rem; font-weight: 750; }
.test-config-section .form-label { font-size: .68rem; }
.test-config-section .form-select { min-height: 46px; padding-block: .6rem; border-radius: 12px; font-size: .72rem; }
.test-type-picker { display: grid; grid-template-columns: repeat(3,1fr); gap: .65rem; }
.test-type-picker button { display: flex; min-height: 105px; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; color: #8298a4; border: 1px solid var(--product-line); border-radius: 15px; background: rgba(6,23,36,.3); transition: transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease; }
.test-type-picker button:hover { transform: translateY(-2px); border-color: rgba(82,237,199,.3); }
.test-type-picker button i { margin-bottom: .15rem; font-size: 1.18rem; }
.test-type-picker button strong { color: #b9c9ce; font-size: .72rem; }
.test-type-picker button small { font-size: .55rem; }
.test-type-picker button.is-active { color: var(--app-teal); border-color: rgba(82,237,199,.68); background: rgba(82,237,199,.08); box-shadow: inset 0 0 28px rgba(82,237,199,.025); }
.test-type-picker button.is-active strong { color: var(--app-teal); }
.test-mode-and-count { display: grid; grid-template-columns: 1.35fr .65fr; gap: 1rem; }
.test-mode-picker { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; padding: .35rem; border-radius: 14px; background: rgba(5,20,32,.55); }
.test-mode-picker button { display: flex; min-height: 70px; align-items: center; gap: .65rem; padding: .65rem; color: #859ba6; border: 1px solid transparent; border-radius: 11px; background: transparent; text-align: left; }
.test-mode-picker button > i { display: grid; width: 33px; height: 33px; flex: none; place-items: center; border-radius: 10px; background: rgba(255,255,255,.035); }
.test-mode-picker button span { display: flex; flex-direction: column; }.test-mode-picker strong { color: #b8c8ce; font-size: .7rem; }.test-mode-picker small { font-size: .54rem; }
.test-mode-picker button.is-active { color: #06271f; background: var(--app-teal); box-shadow: 0 8px 22px rgba(82,237,199,.13); }.test-mode-picker button.is-active strong { color: #06271f; }.test-mode-picker button.is-active > i { background: rgba(6,39,31,.08); }
.test-count-box { display: flex; flex-direction: column; justify-content: center; padding: .8rem 1rem; border: 1px solid var(--product-line); border-radius: 14px; background: rgba(6,23,36,.36); }
.test-count-box > label { color: #8198a4 !important; font-size: .58rem; }.test-count-box > div { display: flex; align-items: end; gap: .45rem; }.test-count-box input { width: 62px; padding: 0; color: #f2fbfa; border: 0; outline: 0; background: transparent; font-size: 2rem; font-weight: 850; }.test-count-box span { padding-bottom: .28rem; color: #768e9a; font-size: .53rem; }.test-count-box span strong { color: #b7c9ce; }
.test-time-box { display: flex; align-items: center; gap: .75rem; margin-top: .8rem; padding: .75rem; border: 1px solid rgba(94,183,255,.18); border-radius: 14px; background: rgba(77,157,224,.05); }
.test-time-box > span { display: grid; width: 36px; height: 36px; flex: none; place-items: center; color: #78baf0; border-radius: 10px; background: rgba(77,157,224,.09); }.test-time-box > div { min-width: 0; flex: 1; }.test-time-box label { margin: 0; }.test-time-box p { margin: .08rem 0 0; color: #758d99; font-size: .55rem; }.test-time-box input { width: 110px; min-height: 42px; padding: .55rem .7rem; border-radius: 11px; font-size: .7rem; }
.test-config-footer { padding: 1rem 1.35rem; background: #0a2133; }.test-config-footer .btn { min-height: 44px; border-radius: 12px; font-size: .73rem; }

/* Progreso y estadísticas */
.stats-activity-strip { display: grid; grid-template-columns: .75fr .7fr .7fr 1.35fr; gap: .7rem; margin-bottom: 1rem; padding: .75rem; border: 1px solid var(--product-line); border-radius: 19px; background: rgba(11,35,53,.72); }
.stats-activity-strip > div,.stats-activity-strip > button { display: flex; min-width: 0; align-items: center; gap: .7rem; padding: .7rem .8rem; color: #c5d4d8; border: 0; border-right: 1px solid var(--product-line); background: transparent; text-align: left; }
.stats-activity-strip > button { justify-content: space-between; border-right: 0; border-radius: 12px; background: rgba(82,237,199,.055); }.stats-activity-strip > button:hover { background: rgba(82,237,199,.09); }
.stats-activity-icon { display: grid; width: 35px; height: 35px; flex: none; place-items: center; color: var(--app-teal); border-radius: 11px; background: rgba(82,237,199,.08); }
.stats-activity-strip div > span:last-child,.stats-activity-strip button > span { display: flex; min-width: 0; flex-direction: column; }.stats-activity-strip small { color: #718b98; font-size: .54rem; }.stats-activity-strip strong { overflow: hidden; color: #e6f0f1; font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; }.stats-activity-strip button > i { color: var(--app-teal); }
.stats-overview-row > div { display: flex; }.stats-overview-row .card { width: 100%; border-radius: 22px !important; background: linear-gradient(145deg,rgba(16,47,70,.88),rgba(10,32,49,.94)) !important; }
.stats-card-heading { display: flex; align-items: center; gap: .8rem; }.stats-card-heading div { display: flex; flex-direction: column; }.stats-card-heading small { color: var(--app-teal); font-size: .56rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.stats-card-heading h2 { margin: .16rem 0 0; font-size: .9rem; font-weight: 800; }
.stats-score-content { display: flex; align-items: center; gap: clamp(1.4rem,4vw,3rem); margin-top: 1.6rem; }
.stats-ring { position: relative; display: grid; width: 155px; height: 155px; flex: 0 0 155px; place-items: center; border-radius: 50%; background: conic-gradient(var(--app-teal) 0 var(--stats-value,0%),#173e53 var(--stats-value,0%) 100%); box-shadow: 0 0 35px rgba(82,237,199,.06); transition: background .45s ease; }.stats-ring::before { content:""; position:absolute; width:116px; height:116px; border-radius:50%; background:#0d2a3f; }.stats-ring > span { position:relative; z-index:1; display:flex; align-items:baseline; justify-content:center; flex-wrap:wrap; }.stats-ring strong { font-size:2rem; line-height:1; }.stats-ring em { color:#b8cbcf; font-size:.8rem; font-style:normal; }.stats-ring small { width:100%; margin-top:.25rem; color:#758e9a; font-size:.58rem; text-align:center; }
.stats-score-copy { flex:1; }.stats-score-copy > strong { font-size:.83rem; }.stats-score-copy p { margin:.35rem 0 1rem; color:var(--product-muted); font-size:.68rem; line-height:1.6; }
.stats-mini-card .card-body { display:flex; height:100%; flex-direction:column; }.stats-mini-icon { display:grid; width:42px; height:42px; place-items:center; margin-bottom:auto; border-radius:13px; }.stats-errors-card .stats-mini-icon { color:#ff8f7b; background:rgba(255,118,92,.09); }.stats-unanswered-card .stats-mini-icon { color:#78baf0; background:rgba(77,157,224,.09); }.stats-mini-card small { margin-top:1.2rem; color:#839aa5; font-size:.62rem; }.stats-mini-card > .card-body > div { display:flex; align-items:baseline; }.stats-mini-card strong { margin-top:.15rem; font-size:2.4rem; }.stats-mini-card em { color:#8ea4af; font-size:.8rem; font-style:normal; }.stats-mini-card p { min-height:2.5em; color:var(--product-muted); font-size:.64rem; }.stats-mini-card a { display:inline-flex; align-items:center; gap:.35rem; margin-top:auto; padding-top:.8rem; color:var(--app-teal); font-size:.62rem; font-weight:750; text-decoration:none; }
.stats-section-title { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin:3.6rem 0 1.3rem; }.stats-section-title h2 { margin:.25rem 0 0; font-size:1.55rem; font-weight:830; }.stats-section-title p { max-width:440px; margin:0; color:var(--product-muted); font-size:.72rem; text-align:right; }
.stats-mode-card { border-radius:22px !important; }.stats-mode-card .card-body { padding:1.4rem; }.stats-mode-header { display:flex; align-items:center; gap:.8rem; }.stats-mode-header > div { min-width:0; flex:1; }.stats-mode-header small { color:var(--app-teal); font-size:.54rem; font-weight:750; text-transform:uppercase; }.stats-mode-header h2 { margin:.12rem 0 0; font-size:1rem; }.stats-mode-tag { padding:.36rem .55rem; color:#91a6b0; border-radius:8px; background:rgba(255,255,255,.035); font-size:.54rem; }
.stats-mode-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; margin:1.25rem 0 1.5rem; }.stats-mode-metrics > div { position:relative; display:flex; min-width:0; flex-direction:column; padding:.8rem; border:1px solid var(--product-line); border-radius:13px; background:rgba(6,23,36,.28); }.stats-dot { width:7px; height:7px; margin-bottom:.65rem; border-radius:50%; }.stats-dot.is-success{background:var(--app-teal)}.stats-dot.is-danger{background:var(--app-coral)}.stats-dot.is-warning{background:var(--app-info)}.stats-mode-metrics small { color:#8197a3; font-size:.55rem; }.stats-mode-metrics strong { margin:.18rem 0 .55rem; font-size:1.15rem !important; }
.stats-history-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:.7rem; }.stats-history-heading h3 { margin:0; font-size:.78rem; font-weight:800; }.stats-history-heading span { color:#718a97; font-size:.55rem; }.stats-mode-card .table-responsive { border-radius:13px; }.stats-mode-card .table { font-size:.65rem; }.stats-mode-card .table th,.stats-mode-card .table td { padding:.7rem; }

/* Resolución y revisión */
.test-session-bar { display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 1rem; border:1px solid var(--product-line); border-radius:18px; background:rgba(12,38,57,.84); box-shadow:0 12px 32px rgba(0,7,15,.12); }.test-session-bar > div:first-child { display:flex; flex-wrap:wrap; gap:.45rem !important; }.test-session-bar .badge { padding:.48rem .65rem; font-size:.6rem; }.test-session-clock { display:flex; align-items:center; gap:.6rem; padding:.5rem .7rem; border-radius:12px; background:rgba(82,237,199,.06); }.test-session-clock > i { color:var(--app-teal); }.test-session-clock > span { display:flex; flex-direction:column; }.test-session-clock small { color:#77909c; font-size:.5rem; }.test-session-clock strong { font-size:.9rem; }
.question-navigator { position:sticky; top:96px; border-radius:20px !important; }.question-nav-heading { display:flex; align-items:center; gap:.7rem; margin-bottom:1rem; }.question-nav-heading > span { display:grid; width:38px; height:38px; place-items:center; color:var(--app-teal); border-radius:11px; background:rgba(82,237,199,.08); }.question-nav-heading h2 { margin:0; font-size:.78rem; }.question-nav-heading p { margin:.12rem 0 0; color:#78909d; font-size:.55rem; }
.question-stage,.review-question-card { min-height:500px; padding:clamp(1.3rem,3vw,2rem); border:1px solid var(--product-line) !important; border-radius:22px !important; background:linear-gradient(145deg,rgba(16,47,70,.9),rgba(10,31,48,.95)) !important; box-shadow:0 18px 45px rgba(0,7,15,.16); }.question-stage h1 { margin:.3rem 0 1.5rem; font-size:1.15rem; }.question-stage [data-enunciado],#rev-enunciado { margin-bottom:1.4rem; font-size:clamp(1.05rem,2vw,1.25rem) !important; font-weight:650; line-height:1.55; }.question-stage [data-opciones] .list-group-item,.review-question-card .list-group-item { min-height:58px; padding:.9rem 1rem !important; border-radius:13px !important; }.question-stage [data-opciones] .list-group-item::before { display:grid; width:26px; height:26px; flex:none; place-items:center; margin-right:.75rem; color:#8ba1ac; border:1px solid var(--product-line); border-radius:8px; content:""; }
.review-header { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:1.5rem; padding:1.7rem 0; border-bottom:1px solid var(--product-line); }.review-header h1 { margin:.3rem 0 .4rem; font-size:clamp(2rem,4vw,3rem); font-weight:850; }.review-header p { margin:0; color:var(--product-muted); }.review-header > .d-flex { justify-content:flex-end; }.review-question-card .card-body { padding:0; }.review-question-card h2 { margin:0; font-size:.8rem; }.review-question-card > .card-body > .d-flex:first-child { padding-bottom:1rem; border-bottom:1px solid var(--product-line); }

/* Materias privadas y generador Premium */
.subjects-header { align-items:center; }.subjects-header .btn { flex:none; }.private-workspace { overflow:hidden; border:1px solid rgba(82,237,199,.18); border-radius:25px; background:linear-gradient(145deg,rgba(16,51,70,.9),rgba(9,31,47,.96)); box-shadow:0 20px 60px rgba(0,7,15,.17); }.private-workspace > .card-body { padding:clamp(1.25rem,3vw,2rem); }.private-workspace-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.4rem; padding-bottom:1.3rem; border-bottom:1px solid var(--product-line); }.private-workspace-header h2 { margin:.18rem 0; font-size:1.25rem; }.private-workspace-header p { margin:0; color:var(--product-muted); font-size:.7rem; }
.private-workspace-toolbar { display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:center; margin-bottom:1.2rem; }.private-quota { display:flex; align-items:center; gap:.65rem; padding:.65rem .8rem; color:#b8c9ce; border:1px solid var(--product-line); border-radius:13px; background:rgba(6,23,36,.36); }.private-quota > i { color:var(--app-teal); }.private-quota span { display:flex; flex-direction:column; font-size:.56rem; }.private-quota strong { color:#e0ecec; font-size:.66rem; }.private-quota.is-full > i { color:var(--app-warning); }.private-join-form { position:relative; display:flex; justify-self:end; gap:.45rem; width:min(100%,470px); }.private-join-form > i { position:absolute; left:.8rem; top:50%; z-index:1; color:#76909d; transform:translateY(-50%); }.private-join-form input { min-height:43px; padding-left:2.2rem; border-radius:12px; font-size:.66rem; }.private-join-form .btn { min-height:43px; padding:.55rem .8rem; border-radius:12px; font-size:.65rem; white-space:nowrap; }
.premium-agent-workspace { scroll-margin-top:100px; padding:0 !important; overflow:hidden; border:1px solid rgba(82,237,199,.22) !important; border-radius:22px !important; background:rgba(6,25,39,.45) !important; }.premium-agent-workspace > summary { display:flex; align-items:center; gap:.9rem; min-height:96px; padding:1rem 1.2rem; list-style:none; background:linear-gradient(110deg,rgba(82,237,199,.075),transparent); }.premium-agent-workspace > summary::-webkit-details-marker{display:none}.premium-agent-summary-icon { display:grid; width:48px; height:48px; flex:none; place-items:center; color:#06271f; border-radius:15px; background:var(--app-teal); box-shadow:0 10px 28px rgba(82,237,199,.18); }.premium-agent-workspace summary > span:nth-child(2) { display:flex; min-width:0; flex:1; flex-direction:column; }.premium-agent-workspace summary small { color:var(--app-teal); font-size:.55rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.premium-agent-workspace summary strong { margin:.18rem 0; color:#eff9f8; font-size:.9rem; }.premium-agent-workspace summary em { color:#8198a4; font-size:.62rem; font-style:normal; }.premium-agent-chevron { color:#8299a4; transition:transform .2s ease; }.premium-agent-workspace[open] .premium-agent-chevron { transform:rotate(180deg); }
.premium-agent-body { padding:1.3rem; border-top:1px solid var(--product-line); }.premium-agent-intro { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.premium-agent-intro h3 { margin:.25rem 0; font-size:1.25rem; }.premium-agent-intro p { margin:0; color:var(--product-muted); font-size:.68rem; }.premium-agent-safe { display:inline-flex; flex:none; align-items:center; gap:.4rem; padding:.4rem .6rem; color:var(--app-teal); border-radius:9px; background:rgba(82,237,199,.07); font-size:.55rem; }
.premium-agent-upload-form { display:grid; gap:.85rem; }.premium-file-drop { display:flex !important; min-height:125px; align-items:center; gap:1rem; padding:1rem 1.2rem; color:#b8c9ce !important; border:1px dashed rgba(82,237,199,.38); border-radius:17px; background:rgba(82,237,199,.035); cursor:pointer; transition:border-color .18s ease,background .18s ease; }.premium-file-drop:hover { border-color:var(--app-teal); background:rgba(82,237,199,.06); }.premium-file-drop > i { display:grid; width:47px; height:47px; flex:none; place-items:center; color:var(--app-teal); border-radius:14px; background:rgba(82,237,199,.09); font-size:1.2rem; }.premium-file-drop > span { display:flex; min-width:0; flex:1; flex-direction:column; }.premium-file-drop strong { color:#e5efef; font-size:.76rem; }.premium-file-drop small { margin-top:.15rem; color:#7c94a0; font-size:.59rem; }.premium-file-drop em { padding:.5rem .7rem; color:#07271f; border-radius:9px; background:var(--app-teal); font-size:.58rem; font-style:normal; font-weight:800; }.premium-file-selected,.agent-file-card { display:flex; align-items:center; gap:.75rem; padding:.8rem; border:1px solid var(--product-line); border-radius:14px; background:rgba(7,25,39,.44); }.premium-file-selected[hidden]{display:none}.premium-file-selected > span,.agent-file-card > span { display:grid; width:40px; height:40px; flex:none; place-items:center; color:#ff9a84; border-radius:11px; background:rgba(255,118,92,.09); }.premium-file-selected > div,.agent-file-card > div { display:flex; min-width:0; flex:1; flex-direction:column; }.premium-file-selected strong,.agent-file-card strong { overflow:hidden; font-size:.68rem; text-overflow:ellipsis; white-space:nowrap; }.premium-file-selected small,.agent-file-card small { color:#78909c; font-size:.55rem; }.premium-file-selected > i,.agent-file-card > i { color:var(--app-teal); }.premium-agent-consent { padding:.75rem .8rem .75rem 2.3rem; border:1px solid var(--product-line); border-radius:12px; background:rgba(6,23,36,.3); }.premium-agent-consent .form-check-input { margin-left:-1.45rem; }.premium-agent-consent label { margin:0; font-size:.6rem; }.premium-analyze-button { justify-self:start; min-height:45px; border-radius:12px; font-size:.68rem; }.premium-agent-result { margin-top:1rem; }
.agent-analysis-card,.agent-ready-card { padding:1rem; border:1px solid rgba(82,237,199,.18); border-radius:19px; background:rgba(7,27,41,.58); }.agent-analysis-connector { display:flex; align-items:center; justify-content:center; gap:.55rem; height:58px; }.agent-analysis-connector span { width:25%; height:1px; background:linear-gradient(90deg,transparent,rgba(82,237,199,.45)); }.agent-analysis-connector span:last-child{transform:rotate(180deg)}.agent-analysis-connector em { display:grid; width:32px; height:32px; place-items:center; color:var(--app-teal); border:1px solid rgba(82,237,199,.25); border-radius:50%; background:#0c3343; font-style:normal; }.agent-classification-card { padding:1rem; border:1px solid rgba(82,237,199,.3); border-radius:15px; background:rgba(82,237,199,.045); }.agent-classification-heading { display:flex; justify-content:space-between; gap:1rem; }.agent-classification-heading > div { display:flex; flex-direction:column; }.agent-classification-heading span { color:#7c94a0; font-size:.55rem; }.agent-classification-heading h3 { margin:.15rem 0; font-size:.9rem; }.agent-confidence { align-self:start; padding:.3rem .45rem; color:var(--app-teal)!important; border-radius:7px; background:rgba(82,237,199,.08); }.agent-summary-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; margin:.85rem 0; }.agent-summary-grid span { display:flex; flex-direction:column; padding:.65rem; color:#78909c; border-radius:10px; background:rgba(4,20,32,.5); font-size:.52rem; }.agent-summary-grid strong { color:#f0f8f8; font-size:1.05rem; }.agent-classification-card > p { margin:0; padding-top:.7rem; color:var(--app-teal); border-top:1px solid var(--product-line); font-size:.56rem; }.agent-edit-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin:2rem 0 .85rem; }.agent-edit-heading h3 { margin:.2rem 0 0; font-size:1rem; }.agent-edit-heading > small { color:#78909c; font-size:.55rem; }.agent-topic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }.agent-topic-grid fieldset { min-width:0; padding:.8rem; border:1px solid var(--product-line); border-radius:13px; background:rgba(5,22,35,.35); }.agent-topic-grid legend { color:#a9bbc2; font-size:.62rem!important; }.agent-classification-form .form-control { min-height:44px; border-radius:11px; font-size:.65rem; }.agent-form-actions .btn { min-height:42px; border-radius:11px; font-size:.63rem; }
.agent-ready-card { text-align:center; }.agent-ready-icon { display:grid; width:52px; height:52px; margin:0 auto .8rem; place-items:center; color:#06271f; border-radius:16px; background:var(--app-teal); font-size:1.35rem; }.agent-ready-card h3 { margin:.3rem 0 1rem; font-size:1.2rem; }.agent-ready-summary { display:grid; grid-template-columns:1.5fr .75fr .75fr; gap:.5rem; margin-bottom:1rem; text-align:left; }.agent-ready-summary > div { display:flex; flex-direction:column; padding:.75rem; border-radius:11px; background:rgba(5,22,35,.5); }.agent-ready-summary small { color:#77909c; font-size:.52rem; }.agent-ready-summary strong { font-size:.8rem; }.agent-ready-card ul { margin:0 0 1rem; padding:0; list-style:none; text-align:left; }.agent-ready-card li { display:flex; align-items:center; gap:.5rem; padding:.5rem; border-bottom:1px solid var(--product-line); color:#aebfc5; font-size:.62rem; }.agent-ready-card li i { color:var(--app-teal); }.agent-ready-card li span { flex:1; }.agent-ready-card li strong { color:#e7f0f0; }

@media (max-width:991.98px){
  .product-page-header,.review-header { align-items:flex-start; flex-direction:column; }.product-filter { width:100%; }.stats-activity-strip { grid-template-columns:1fr 1fr; }.stats-activity-strip > div:nth-child(2){border-right:0}.question-navigator{position:static}.private-workspace-toolbar{grid-template-columns:1fr}.private-join-form{justify-self:stretch;width:100%}
}
@media (max-width:767.98px){
  .product-page{padding-top:.5rem}.test-config-dialog{margin:.5rem}.test-config-modal{border-radius:22px!important}.test-config-header{padding:1rem}.test-config-body{padding:.75rem}.test-config-section{padding:.9rem}.test-type-picker{grid-template-columns:1fr}.test-type-picker button{min-height:74px;align-items:center;flex-direction:row;justify-content:flex-start;padding:.75rem 1rem;text-align:left}.test-type-picker button i{width:32px}.test-type-picker button small{margin-left:auto}.test-mode-and-count{grid-template-columns:1fr}.test-time-box{align-items:flex-start;flex-wrap:wrap}.test-time-box input{width:100%}.stats-activity-strip{grid-template-columns:1fr}.stats-activity-strip>div,.stats-activity-strip>button{border-right:0;border-bottom:1px solid var(--product-line)}.stats-activity-strip>button{border-bottom:0}.stats-score-content{align-items:flex-start;flex-direction:column}.stats-ring{margin-inline:auto}.stats-mode-metrics{grid-template-columns:1fr}.stats-section-title{align-items:flex-start;flex-direction:column}.stats-section-title p{text-align:left}.test-session-bar{align-items:flex-start;flex-direction:column}.test-session-bar>div:last-child{width:100%;justify-content:flex-end}.review-header>.d-flex{justify-content:flex-start!important}.private-workspace-header,.premium-agent-intro{align-items:flex-start;flex-direction:column}.private-join-form{flex-wrap:wrap}.private-join-form input{flex:1}.private-join-form .btn{width:100%}.premium-agent-workspace>summary{align-items:flex-start}.premium-agent-workspace summary em{display:none}.premium-file-drop{align-items:flex-start;flex-wrap:wrap}.premium-file-drop em{margin-left:auto}.agent-summary-grid,.agent-ready-summary{grid-template-columns:1fr}.agent-topic-grid{grid-template-columns:1fr}
}
@media (max-width:575.98px){.stats-overview-row>.col-6{width:100%}.review-header .badge{font-size:.52rem}.question-stage,.review-question-card{padding:1rem}.question-stage>.d-flex:last-child,.review-question-card .d-flex.justify-content-between.mt-4{align-items:stretch!important;flex-direction:column;gap:.7rem}.question-stage>.d-flex:last-child>div,.review-question-card .d-flex.justify-content-between.mt-4>div{display:grid!important;grid-template-columns:1fr 1fr}.question-stage>.d-flex:last-child .btn,.review-question-card .d-flex.justify-content-between.mt-4 .btn{width:100%}}
@media (prefers-reduced-motion:reduce){.test-type-picker button,.premium-file-drop,.premium-agent-chevron{transition:none}}