/* Growth Center · experiencia del estudiante (ingreso, portal, pruebas y cuenta). Se carga en los modos student, login y public. */
@font-face{font-family:"Carlito";src:url(fonts/Carlito-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Carlito";src:url(fonts/Carlito-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Carlito";src:url(fonts/Carlito-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Caladea";src:url(fonts/Caladea-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Caladea";src:url(fonts/Caladea-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

.skin{
  --bg:#F4F6FB; --card:#FFFFFF; --line:#E3E8F1; --soft:#F3F6FB; --ink:#16223A; --muted:#5E6B80;
  --r:18px; --r-sm:12px;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.06);
  --shadow-lg:0 2px 6px rgba(16,24,40,.05),0 24px 48px rgba(16,24,40,.10);
  --serif:"Caladea",Cambria,Georgia,serif; --sans:"Carlito",Calibri,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  background:var(--bg) radial-gradient(1200px 420px at 50% -120px,#E3ECFB 0%,rgba(227,236,251,0) 70%) no-repeat;
  color:var(--ink); font:17px/1.6 var(--sans); -webkit-font-smoothing:antialiased;
}
.skin h1,.skin h2,.skin h3{font-family:var(--serif);color:var(--navy);letter-spacing:-.005em}
.skin h1{font-size:2rem;line-height:1.15}
.skin h2{font-size:1.35rem}
.skin .eyebrow{letter-spacing:.12em;font-size:.72rem;color:var(--cobalt-d)}
.skin .ico{width:20px;height:20px;flex:none}
.skin .muted{color:var(--muted)}

/* cabecera */
.skin .top{background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.skin .top-in{max-width:1080px;padding:10px 20px;min-height:64px}
.skin .top-brand a.home{display:inline-flex;align-items:center;gap:10px;color:var(--navy)}
.gc-logo{width:34px;height:34px;flex:none;display:block}
.skin .brand-mark{color:var(--navy);font-size:1.18rem}
.skin .brand-mark.gc b{color:var(--navy);letter-spacing:.01em}
.skin .brand-mark .c5{background:var(--gold);color:var(--navy)}
.skin .top-sub{border-left:1px solid var(--line);padding-left:12px;margin-left:2px}
.skin .top-sub .brand-mark{font-size:.95rem;color:var(--muted)}
.skin .top-org .logo-text{color:var(--muted)}
.skin .top-org .logo-text b{color:var(--cobalt-d)}
.skin .top-nav{display:flex;align-items:center;gap:4px}
.skin .top-nav a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:700;font-size:.92rem;padding:8px 12px;border-radius:12px;opacity:1}
.skin .top-nav a:hover{background:var(--soft)}
.skin .top-nav .tn-out{color:var(--muted)}
.skin .tn-user{padding:4px 12px 4px 4px!important;border:1px solid var(--line)}
.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--cobalt),#6AA6FF);color:#fff;font-weight:700;font-size:.82rem;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.02em}
.avatar.lg{width:64px;height:64px;font-size:1.4rem}
/* barra de avance de la prueba */
.skin .topbar{background:transparent;border-top:1px solid var(--line)}
.skin .topbar .top-in{min-height:0;padding:8px 20px 10px;display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}
.skin .progress{grid-column:1/-1;height:6px;background:#E6EBF3}
.skin .progress-bar{background:linear-gradient(90deg,var(--cobalt),#58A0FF)}
.skin .progress-label{color:var(--muted);font-size:.82rem;font-weight:700}
.skin .progress-pct{color:var(--muted);font-size:.82rem}
.skin .progress-pct b{color:var(--navy)}

/* contenedor, pie y tarjetas */
.skin .wrap{max-width:880px;padding:32px 20px 64px}
.skin.wide .wrap{max-width:1080px}
.skin .foot{max-width:1080px;padding:8px 20px 40px}
.foot-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--muted)}
.foot-brand .gc-logo{width:22px;height:22px}
.skin .foot p{margin:6px auto 0;max-width:720px}
.skin .card{border-radius:var(--r);box-shadow:var(--shadow);padding:28px;border:1px solid rgba(227,232,241,.7);margin-bottom:20px}
.skin .card.narrow{max-width:480px}
.skin .note{background:#FFF8E1;border:0;border-radius:var(--r-sm);box-shadow:inset 3px 0 0 var(--gold)}
.skin .flash{border-radius:var(--r-sm);font-weight:700}

/* botones */
.skin .btn{border-radius:14px;padding:13px 22px;font-weight:700;letter-spacing:.005em;gap:8px}
.skin .btn .ico{width:18px;height:18px}
.skin .btn.primary{background:linear-gradient(180deg,#FF7A2E,#F2600F);box-shadow:0 6px 16px rgba(242,96,15,.28)}
.skin .btn.primary:hover{background:linear-gradient(180deg,#FF6E1F,#E0540A)}
.skin .btn.ghost{background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--navy)}
.skin .btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--cobalt);color:var(--cobalt-d)}
.skin .btn.soft{background:#EAF2FF;color:var(--cobalt-d)}
.skin .btn.soft:hover{background:#DCE9FF}
.skin .btn.block{width:100%}
.skin .btn.big{padding:16px 30px;font-size:1.08rem}

/* formularios */
.skin label{font-size:.92rem;color:var(--ink)}
.skin input,.skin select,.skin textarea{border-radius:12px;min-height:50px;border:1.5px solid var(--line);background:#FBFCFE}
.skin input:focus,.skin select:focus,.skin textarea:focus{background:#fff;border-color:var(--cobalt);box-shadow:0 0 0 4px rgba(43,127,255,.14)}
.skin label.check{background:var(--soft);border:1.5px solid transparent;border-radius:14px;padding:14px 16px;transition:border-color .15s,background .15s}
.skin label.check:hover{border-color:#D5E2F7}
.skin label.check.big{background:#EEF4FF}
.skin label.check input{width:22px;height:22px;border-radius:6px}
.skin fieldset.group legend{font-size:1.1rem}

/* ---------------- ingreso (dos columnas) ---------------- */
.auth{display:grid;grid-template-columns:1.05fr 1fr;gap:0;background:#fff;border-radius:26px;box-shadow:var(--shadow-lg);overflow:hidden;min-height:540px;margin:8px 0 12px}
.auth-brand{position:relative;background:linear-gradient(150deg,#0E1B2E 0%,#13305A 60%,#1B4A8A 100%);color:#DCE6F5;padding:44px 40px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.auth-brand::before,.auth-brand::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.auth-brand::before{width:420px;height:420px;right:-170px;bottom:-170px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 38px rgba(255,255,255,.03),0 0 0 76px rgba(255,255,255,.025),0 0 0 114px rgba(255,255,255,.02)}
.auth-brand::after{width:22px;height:22px;right:29px;bottom:29px;background:#FFC629;box-shadow:0 0 0 10px rgba(255,198,41,.14)}
.auth-logo{display:inline-flex;align-items:center;gap:10px}
.auth-brand .brand-mark{color:#fff;font-size:1.3rem}
.auth-org{position:relative;z-index:1;margin:24px 0 0!important;font-size:.84rem;letter-spacing:.12em;text-transform:uppercase;color:#9FB2D0!important}
.skin .wrap.bare{max-width:1080px;padding-top:48px}
.auth-brand .brand-mark.gc b{color:var(--gold)}
.auth-brand h1{color:#fff;font-size:2.2rem;margin:28px 0 12px;max-width:420px}
.auth-brand p{color:#C9D6EA;max-width:400px}
.auth-points{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px;position:relative;z-index:1}
.auth-points li{display:flex;gap:12px;align-items:flex-start;color:#E5ECF7}
.auth-points .ico{width:22px;height:22px;color:var(--gold);margin-top:1px}
.auth-form{padding:48px 44px;display:flex;flex-direction:column;justify-content:center}
.auth-form h2{font-size:1.7rem;margin-bottom:.3em}
.auth-form .stack{margin-top:18px}
.auth-form .links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.9rem;margin-top:16px}
.auth-form .links a{font-weight:700;text-decoration:none}
.auth-secure{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.84rem;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.auth-secure .ico{width:18px;height:18px;color:var(--ok)}

/* ---------------- portal ---------------- */
.hello{position:relative;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:linear-gradient(135deg,#0E1B2E 0%,#15325A 65%,#1D4A86 100%);color:#fff;border-radius:26px;padding:34px 36px;margin-bottom:28px;box-shadow:var(--shadow-lg);overflow:hidden}
.hello::after{content:"";position:absolute;right:-120px;top:-150px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.02);pointer-events:none}
.hello h1{color:#fff;font-size:2.1rem;margin:6px 0 8px}
.hello p{color:#CCD8EC;margin:0;max-width:520px}
.hello .org{display:flex;flex-wrap:wrap;gap:8px}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:700;line-height:1.2}
.hello .pill{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.hello .pill.gold{background:rgba(255,198,41,.16);color:var(--gold)}
.pring{display:block;position:relative;z-index:1}
.sec-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px}
.sec-title h2{margin:0}
.sec-title span{color:var(--muted);font-size:.9rem}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-bottom:28px}
.tcard{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow);padding:22px;transition:transform .18s,box-shadow .18s}
.tcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.tcard-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}
.ticon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2B7FFF,#5AA0FF);color:#fff;box-shadow:0 8px 18px rgba(43,127,255,.25)}
.ticon .ico{width:28px;height:28px}
.tcard.c-gold .ticon{background:linear-gradient(135deg,#F5B400,#FFD25C);color:#3B2C00;box-shadow:0 8px 18px rgba(245,180,0,.25)}
.tcard.c-mint .ticon{background:linear-gradient(135deg,#2E9A68,#5CC596);box-shadow:0 8px 18px rgba(46,154,104,.25)}
.tcard.c-orange .ticon{background:linear-gradient(135deg,#F2600F,#FF9A5C);box-shadow:0 8px 18px rgba(242,96,15,.25)}
.tcard h3{font-size:1.3rem;margin:0 0 6px}
.tcard p{color:var(--muted);font-size:.98rem;margin:0 0 14px}
.tmeta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.tmeta span{display:inline-flex;align-items:center;gap:6px;background:var(--soft);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700}
.tmeta .ico{width:15px;height:15px}
.tcard-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.tcard-actions .btn{flex:1 1 auto}
.tcard-actions form.inline{display:flex;flex:1 1 auto}
.tcard-actions form.inline .btn{width:100%}
.tcard .tnote{display:flex;gap:8px;align-items:center;margin-top:auto;color:var(--muted);font-size:.9rem;background:var(--soft);border-radius:12px;padding:10px 12px}
.tcard.is-done{background:linear-gradient(180deg,#fff 0%,#FAFCFF 100%)}
.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px;font-size:.78rem;font-weight:700;white-space:nowrap}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.status.pendiente{background:#EEF2F8;color:#56647A}
.status.en_curso{background:#FFF3D6;color:#8A5B00}
.status.finalizado,.status.reportado{background:#E1F4E8;color:#1B7F4B}
.status.rechazado{background:#FBE3E1;color:#A1261D}
.help{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:#fff;border:1px dashed #CFDAEA;border-radius:18px;padding:18px 20px;color:var(--muted);font-size:.95rem}
.help .ico{width:26px;height:26px;color:var(--cobalt)}
.empty-state{text-align:center;padding:48px 24px}
.empty-state .ico{width:44px;height:44px;color:var(--cobalt);margin-bottom:10px}

/* bienvenida (primer ingreso) */
.onboard{max-width:720px;margin:0 auto}
.onboard .hello{grid-template-columns:1fr}
.steps-mini{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.steps-mini span{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--muted)}
.steps-mini b{width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem}

/* mi cuenta */
.profile-card{display:flex;align-items:center;gap:18px;margin-bottom:6px}
.profile-card h2{margin:0}
.dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:16px 0 0}
.dl dt{color:var(--muted);font-size:.9rem}
.dl dd{margin:0;font-weight:700;overflow-wrap:anywhere}

/* ---------------- recorrido de la prueba ---------------- */
.skin .stage-steps span{width:26px;height:26px;font-size:.78rem}
.skin .stage-steps span.on{background:var(--cobalt);border-color:var(--cobalt)}
.skin .items-card{padding:30px 32px 20px}
.skin .counter{background:#EEF4FF;color:var(--cobalt-d);font-weight:700}
.skin form.cards fieldset.item{padding-top:26px}
.skin form.cards fieldset.item legend{font-size:1.32rem;line-height:1.45;color:var(--ink)}
.skin fieldset.voice .vctx{font-size:.88rem;color:var(--cobalt-d);letter-spacing:.01em}
.skin form.cards fieldset.voice q{font-family:var(--serif);font-size:1.5rem;line-height:1.35;color:var(--navy)}
.skin .opts{gap:10px}
.skin .opt span{min-height:62px;border-radius:16px;border:1.5px solid var(--line);font-size:1.12rem;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.skin .opt:hover span{border-color:var(--cobalt);background:#F6F9FF}
.skin .opt input:checked+span{background:linear-gradient(180deg,#2B7FFF,#1F66D6);border-color:#1F66D6;box-shadow:0 8px 18px rgba(43,127,255,.3);transform:translateY(-1px)}
.skin .opts-anchors{font-size:.8rem;margin-top:8px}
.skin .card-nav .btn{border-radius:12px}
.skin .scale-demo div{background:#fff;border:1px solid var(--line);border-radius:14px}
.skin .stages li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.skin .stages li::before{background:linear-gradient(135deg,var(--cobalt),#5AA0FF)}
.skin .stage-card{padding:40px 32px}
.skin .check-icon,.skin .done-card .check-icon{width:76px;height:76px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;background:linear-gradient(135deg,#1FA463,#4CC98A);box-shadow:0 0 0 10px #E3F6EC,0 14px 30px rgba(31,164,99,.3)}
.skin .situation{background:#F2F6FD;border-left:0;border-radius:16px;box-shadow:inset 4px 0 0 var(--cobalt);font-size:1.12rem}
.skin .sjt-card{border-radius:18px;padding:16px 18px;background:#fff}
.skin .sjt-card .letter{background:linear-gradient(135deg,#0E1B2E,#274472)}
.skin .pick span{border-radius:12px;min-height:46px}
.skin .sjt-card.is-best{background:#F4F8FF}
.skin .chip span{border-radius:999px;padding:9px 14px;background:#fff}

/* cierre */
.finish{position:relative;overflow:hidden;text-align:center;padding:44px 28px 36px}
.finish::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(255,198,41,.35) 0 5px,transparent 6px),radial-gradient(circle at 88% 26%,rgba(43,127,255,.35) 0 6px,transparent 7px),radial-gradient(circle at 22% 78%,rgba(43,127,255,.25) 0 4px,transparent 5px),radial-gradient(circle at 80% 72%,rgba(255,106,26,.3) 0 5px,transparent 6px),radial-gradient(circle at 50% 8%,rgba(31,164,99,.3) 0 4px,transparent 5px);pointer-events:none}
.finish h1{font-size:2rem;margin:4px 0 8px}
.finish p{max-width:520px;margin:0 auto 6px;color:var(--muted)}
.finish .actions{justify-content:center}

@media (max-width:860px){
  .auth{grid-template-columns:1fr;min-height:0;border-radius:22px}
  .auth-brand{padding:28px 24px 26px}
  .auth-brand h1{font-size:1.6rem;margin:18px 0 8px}
  .auth-brand::after{display:none}
  .auth-points{display:none}
  .auth-form{padding:28px 24px 30px}
}
@media (max-width:640px){
  .skin{font-size:16px}
  .skin h1{font-size:1.6rem}
  .skin .wrap{padding:20px 14px 48px}
  .skin .top-in{padding:8px 14px;min-height:58px}
  .skin .brand-mark{font-size:1.02rem}
  .gc-logo{width:30px;height:30px}
  .skin .top-sub{display:none}
  .skin .top-nav a span:not(.avatar){display:none}
  .skin .top-nav a{padding:8px}
  .skin .tn-user{border:0}
  .skin .card{padding:20px 18px;border-radius:16px}
  .hello{grid-template-columns:1fr auto;padding:24px 20px;border-radius:22px;gap:14px}
  .hello h1{font-size:1.6rem}
  .hello .pring{width:84px;height:84px}
  .tgrid{grid-template-columns:1fr;gap:14px}
  .tcard{padding:18px;border-radius:20px}
  .skin .items-card{padding:20px 16px 12px}
  .skin form.cards fieldset.item legend{font-size:1.18rem}
  .skin form.cards fieldset.voice q{font-size:1.28rem}
  .skin .opts{gap:6px}
  .skin .opt span{min-height:56px;border-radius:14px}
  .finish h1{font-size:1.6rem}
}
@media print{.skin{background:#fff}.skin .top,.skin .foot,.hello .pring{display:none!important}}
.mt16{margin-top:16px}
.skin h2 .ico{width:22px;height:22px;vertical-align:-3px;color:var(--cobalt)}
.skin .check-icon .ico{width:38px;height:38px;stroke-width:2.6}

/* motor de preguntas (pruebas basadas en banco) */
.bq-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:6px 0 14px;color:var(--muted);font-size:.92rem}
.bq-facts span{display:inline-flex;align-items:center;gap:6px}
.bq-head h1{margin:2px 0 6px}
.bq-instr{color:var(--muted)}
.skin fieldset.bq{padding:22px 0 18px}
.skin fieldset.bq legend{font-size:1.08rem;line-height:1.5}
.bq-stem{display:block}
.bq-title{display:block;font-family:var(--serif);font-size:1.12rem;color:var(--navy);margin-bottom:4px}
.bq-help{margin:-4px 0 12px;color:var(--muted);font-size:.9rem}
.bq-hint{margin:-4px 0 10px;color:var(--muted);font-size:.86rem}
.bq-list{display:grid;gap:8px}
.bq-choice{position:relative;display:block;cursor:pointer}
.bq-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer;min-height:0}
.bq-choice span{display:flex;align-items:center;gap:10px;min-height:48px;border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:10px 14px;transition:border-color .12s,background .12s}
.bq-choice span:before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #B8C3D6;background:#fff;transition:all .12s}
.bq-choice.multi span:before{border-radius:5px}
.bq-choice:hover span{border-color:var(--cobalt)}
.bq-choice input:checked+span{border-color:var(--cobalt);background:#F1F6FF}
.bq-choice input:checked+span:before{border-color:var(--cobalt);background:var(--cobalt);box-shadow:inset 0 0 0 3px #fff}
.bq-choice input:focus-visible+span{box-shadow:0 0 0 3px rgba(43,127,255,.35)}
.bq-choice input:disabled+span{opacity:.5;cursor:not-allowed}
.ml-list{display:grid;gap:10px}
.ml-row{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:10px 16px;align-items:center;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}
.ml-text{margin:0;display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.ml-text .letter{flex:none;width:26px;height:26px;border-radius:50%;background:var(--soft);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:.8rem}
.ml-picks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ml-picks .pick span{min-height:40px;font-size:.82rem;line-height:1.2}
.pick.mas input:checked+span{background:var(--cobalt);border-color:var(--cobalt);color:#fff}
.pick.menos input:checked+span{background:#C4521B;border-color:#C4521B;color:#fff}
.ml-row.is-mas{border-color:var(--cobalt);background:#F3F7FF}
.ml-row.is-menos{border-color:#E7A27E;background:#FFF6F0}
.ml-row.is-mas .letter{background:var(--cobalt);color:#fff}
.ml-row.is-menos .letter{background:#C4521B;color:#fff}
.ml-status{margin:10px 0 0}
fieldset.bq.done .ml-status{color:#1F7A4C}
.bq-rank{display:grid;gap:8px}
.rank-row{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;background:#fff}
.rank-row select{width:72px;flex:none}
.bq-open textarea,.bq-open input,.bq-number input{width:100%}
.bq-number{display:flex;align-items:center;gap:10px;max-width:280px}
.bq-number .unit{color:var(--muted)}
.bq-err{margin:-6px 0 14px;color:#B04A14;font-weight:700;font-size:.9rem}
.bq-actions{display:flex;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}
.bq-actions .btn.primary{margin-left:auto;order:2}
.bq-actions .bq-back{order:1}
.bq-save{display:flex;align-items:center;gap:6px;margin:14px 0 0}
.share-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}
.share-list li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;background:var(--soft);border-radius:14px;padding:12px 14px}
.share-list li div{display:flex;flex-direction:column}
@media (max-width:640px){
  .ml-row{grid-template-columns:1fr}
  .ml-picks{grid-template-columns:1fr 1fr}
  .share-list li{grid-template-columns:1fr auto}
  .share-list li form{grid-column:1/-1}
  .share-list li form .btn{width:100%}
}