/*
  FERNANDO — estilos gerais do simulador.

  CDD / organização:
  - Este arquivo NÃO estiliza a Home.
  - A Home possui uma única fonte de verdade em manual-theme.css.
  - Aqui ficam shell geral, setup, módulos Dinâmico/Imersivo, modais, monitor e mobile do simulador.
*/
:root{
  --bg:#07101d;
  --panel:rgba(10,17,29,.92);
  --line:rgba(255,255,255,.08);
  --text:#eef5ff;
  --muted:#9fb3d8;
  --accent:#67b1ff;
  --accent-2:#2f74ff;
  --ok:#2ace7f;
  --warn:#ffc94d;
  --danger:#ff5e7a;
  --monitor:#020814;
  --grid:rgba(99,174,255,.12);
  --shadow:0 18px 40px rgba(0,0,0,.35);
  --radius:24px;
  --glass:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
}
*{box-sizing:border-box}
body{
  margin:0; min-height:100vh;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top, rgba(38,74,141,.45), transparent 35%),
    radial-gradient(circle at bottom right, rgba(36,100,171,.18), transparent 30%),
    linear-gradient(180deg, #09111e 0%, #050a13 100%);
}
button,input,select{font:inherit}
.hidden{display:none !important}
.shell-app{max-width:1680px;margin:0 auto;padding:20px}
.screen{display:grid;gap:20px}

/* ========================================================================
   Alpha 0.0.9 · v30 — Home redesign alinhado ao manual do usuário
   ======================================================================== */

.build-info-modal-card{
  background:#f6f4ef;
  color:#163661;
  border:1px solid rgba(13,58,112,.10);
  box-shadow:0 18px 38px rgba(4,18,43,.16);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}








































.compact-info-summary{margin:0;color:#40556f;line-height:1.65}
.compact-info-points{display:flex;flex-wrap:wrap;gap:8px}

.mini-info-btn{min-height:46px;padding:10px 14px;border-radius:14px;background:#0d3970;color:#fff;box-shadow:none;width:max-content}
.build-info-modal-card{width:min(860px,96vw);padding:22px;display:grid;gap:16px;position:relative}
.build-info-close{background:#0d3970}
.build-info-modal-card h2{margin:0;color:#0d3970;font-size:1.6rem}
.build-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.build-info-grid article{padding:14px;border-radius:18px;background:#fbfaf8;border:1px solid rgba(13,58,112,.10)}
.build-info-grid h3{margin:0 0 8px;color:#0d3970;font-size:1rem}
.build-info-grid p{margin:0;color:#42566f;line-height:1.62}


.glass-card,.modal-card,.postgame-review article,.postgame-modal-card{
  background:var(--glass);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.eyebrow{color:#b9d2ff;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.setup-topbar{padding:22px 24px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.setup-topbar h2{margin:6px 0 10px;font-size:clamp(1.6rem,2.6vw,2.6rem);line-height:1.1}
.setup-topbar p,.setup-card p{margin:0;color:var(--muted);line-height:1.6}














.setup-card{padding:22px;display:grid;gap:18px}


.setup-card h3{margin:6px 0 6px;font-size:1.35rem;line-height:1.2}

.setup-actions-row,.side-control-stack{display:grid;gap:12px}















.clipboard-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:#dfeaff;background:linear-gradient(135deg, rgba(38,76,131,.3), rgba(5,10,20,.88));font-size:1rem}
.btn-home-start{min-height:62px;font-size:1rem}
.mini-pill{min-height:42px;padding:8px 14px;border-radius:999px}
.setup-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}
.setup-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.segmented-btn,.module-choice{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;color:var(--text);min-height:56px;padding:14px 16px}
.segmented-btn.selected,.module-choice.selected{background:linear-gradient(180deg, rgba(103,177,255,.26), rgba(47,116,255,.16));border-color:rgba(103,177,255,.45);box-shadow:0 0 0 1px rgba(103,177,255,.22), 0 18px 34px rgba(11,36,83,.35)}
.case-preview{min-height:230px;padding:18px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);display:grid;align-content:start;gap:12px}
.case-preview-empty{color:var(--muted)}
.case-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.06);font-size:.78rem;font-weight:800;width:max-content}
.case-title{font-size:1.2rem;font-weight:900}
.case-description,.case-summary{color:#ddeaff;line-height:1.55}
.module-choice-grid{display:grid;gap:12px}
.module-choice{min-height:118px;text-align:left;display:grid;gap:8px}
.module-choice strong{font-size:1rem}
.module-choice small{color:#d2e1ff;line-height:1.5}
.app{display:grid;gap:20px}
.screen-simulator{
  position:relative;
  isolation:isolate;
  padding:14px;
  border-radius:32px;
  overflow:hidden;
  color:var(--home-ink,#102f55);
  background:
    radial-gradient(circle at 88% 9%, rgba(8,41,77,.16), transparent 25%),
    radial-gradient(circle at 8% 91%, rgba(182,90,56,.11), transparent 23%),
    linear-gradient(145deg,#c9d7da 0%,#d6e0dd 48%,#c7d2d7 100%);
  border:1px solid rgba(8,41,77,.09);
  box-shadow:0 18px 38px rgba(8,41,77,.12);
}
.screen-simulator::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:430px;
  height:300px;
  right:-170px;
  top:-145px;
  border:34px solid rgba(8,41,77,.055);
  border-radius:50%;
  transform:rotate(-18deg);
  pointer-events:none;
}
.screen-simulator,.screen-simulator *{
  font-family:"Open Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.status-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.status-card{
  position:relative;
  overflow:hidden;
  padding:15px 16px;
  display:grid;
  gap:10px;
  align-content:start;
  min-height:138px;
  color:var(--home-ink,#102f55);
  background:linear-gradient(155deg,#dbe7e3 0%,#cddbd6 100%);
  border:1px solid rgba(55,90,78,.14);
  border-radius:20px;
  box-shadow:0 10px 22px rgba(8,41,77,.08),inset 0 1px 0 rgba(255,255,255,.58);
}
.status-card:nth-child(3n+1),.status-card:nth-child(3n+3){
  background:linear-gradient(155deg,#dfe6ec 0%,#ced9e2 100%);
  border-color:rgba(13,61,115,.13);
}
.status-card:nth-child(3)::after,.status-card:nth-child(6)::after{
  content:"";position:absolute;right:-28px;bottom:-36px;width:78px;height:78px;border-radius:50%;
  border:10px solid rgba(182,90,56,.08);pointer-events:none;
}
.status-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--home-navy,#08294d)}
.status-card:nth-child(2)::before,.status-card:nth-child(5)::before{background:var(--home-green,#6e8b7e)}
.status-card:nth-child(3)::before,.status-card:nth-child(6)::before{background:var(--home-terra,#b65a38)}
.status-label{color:#55756a;font-size:.77rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.status-value{color:var(--home-navy,#08294d);font-size:clamp(1rem,1.6vw,1.55rem);font-weight:900;line-height:1;word-break:break-word}
.status-sub{color:#465d76;font-size:.82rem;line-height:1.35;min-height:1.2em}
.mini-btn-row{display:grid;grid-template-columns:1fr;gap:6px}
.layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.45fr) minmax(300px,.8fr);gap:18px;align-items:stretch}
.simulator-main-layout{grid-auto-rows:1fr}
.side-stack{display:grid;grid-template-rows:auto 1fr auto;gap:18px;min-height:100%}
.side-left-stack{grid-template-rows:auto 1fr auto}
.side-right-stack{grid-template-rows:auto 1fr auto}
.panel,.bottom-card,.monitor-card{
  color:var(--home-ink,#102f55);
  border:1px solid rgba(8,41,77,.11);
  border-radius:24px;
  box-shadow:0 12px 26px rgba(8,41,77,.09),inset 0 1px 0 rgba(255,255,255,.52);
}
.panel{
  padding:20px;
  display:grid;
  gap:16px;
  background:
    radial-gradient(circle at 108% -8%,rgba(13,61,115,.10),transparent 28%),
    linear-gradient(160deg,#d9e6e1 0%,#cbdcd5 100%);
}
.side-right-stack .panel{
  background:
    radial-gradient(circle at 108% -8%,rgba(182,90,56,.09),transparent 28%),
    linear-gradient(160deg,#dce4ea 0%,#ccd7df 100%);
}
.panel h2,.bottom-card h2{margin:0;color:var(--home-navy,#08294d);font-size:1.15rem}
.panel p,.bottom-card p,.footer-line,.rules-text{margin:0;color:var(--home-body,#465d76);line-height:1.5;font-size:.92rem}
.panel-block{
  display:grid;gap:12px;padding:14px;border-radius:18px;
  background:rgba(231,238,236,.90);
  border:1px solid rgba(8,41,77,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48);
}
.panel-block h3{margin:0;color:#315e50;font-size:.95rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.monitor-card{
  padding:14px;
  background:linear-gradient(160deg,#d8e3df 0%,#c9d6d2 100%);
  border-color:rgba(55,90,78,.18);
}
.monitor-shell{
  border-radius:24px;
  background:linear-gradient(180deg,var(--home-navy,#08294d) 0%,#03192f 100%);
  border:1px solid rgba(8,41,77,.24);
  padding:12px;
  display:grid;
  gap:12px;
  box-shadow:0 10px 24px rgba(8,41,77,.18),inset 0 1px 0 rgba(255,255,255,.08);
}
.monitor-body{position:relative;border-radius:18px;background:var(--monitor);border:1px solid rgba(223,233,228,.20);overflow:hidden;min-height:440px;box-shadow:inset 0 0 28px rgba(0,0,0,.34)}
#ecgCanvas{display:block;width:100%;height:440px;background:linear-gradient(180deg, rgba(3,8,20,.96), rgba(0,4,12,1));contain:paint}
.monitor-overlay{position:absolute;left:16px;right:16px;bottom:16px;pointer-events:none}
.alert{padding:11px 13px;border-radius:14px;font-weight:800;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 18px rgba(0,0,0,.22);backdrop-filter:blur(8px)}
.alert.info{background:rgba(235,241,245,.94);color:var(--home-navy,#08294d);border-left:4px solid #0d4684}
.alert.ok{background:rgba(215,230,222,.95);color:#315e50;border-left:4px solid var(--home-green,#6e8b7e)}
.alert.warn{background:rgba(240,221,211,.96);color:#7f3e28;border-left:4px solid var(--home-terra,#b65a38)}
.alert.danger{background:rgba(238,213,207,.96);color:#7a3428;border-left:4px solid var(--home-terra-dark,#a54e32)}
.monitor-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tag{padding:9px 10px;border-radius:12px;background:rgba(218,231,225,.96);border:1px solid rgba(255,255,255,.16);color:#214c42;font-size:.82rem;font-weight:800;text-align:center}
button{appearance:none;border:0;outline:0;cursor:pointer;border-radius:16px;min-height:56px;padding:12px 14px;color:white;font-weight:900;font-size:.94rem;letter-spacing:.01em;transition:transform .14s ease, filter .14s ease, box-shadow .14s ease;box-shadow:0 12px 24px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08)}
button:hover{transform:translateY(-1px);filter:brightness(1.05)}
button:active{transform:translateY(1px)}
.btn-primary{background:linear-gradient(180deg,#5b96ff,#2d65dc)}
.btn-neutral{background:linear-gradient(180deg,#4e5b79,#2f3850)}
.btn-good{background:linear-gradient(180deg,#2fd789,#17975b)}
.btn-warn{background:linear-gradient(180deg,#ffd560,#c28c10);color:#2d2100}
.btn-danger{background:linear-gradient(180deg,#ff718d,#d2375a)}
.screen-simulator .btn-primary,
#settingsModal .btn-primary,
#outcomeModal .btn-primary,
#postgameModal .btn-primary{background:linear-gradient(180deg,#0d4684,#08294d);color:#fff}
.screen-simulator .btn-neutral,
#settingsModal .btn-neutral,
#outcomeModal .btn-neutral,
#postgameModal .btn-neutral{background:linear-gradient(180deg,#647b93,#496279);color:#fff}
.screen-simulator .btn-good{background:linear-gradient(180deg,#739b88,#557c6b);color:#fff}
.screen-simulator .btn-warn{background:linear-gradient(180deg,#c56c47,#b65a38);color:#fff}
.screen-simulator .btn-danger{background:linear-gradient(180deg,#bd6342,#a54e32);color:#fff}
.btn-rhythm{min-height:76px;text-align:left}
.btn-rhythm small{display:block;font-size:.76rem;margin-top:4px;opacity:.88;font-weight:700}
.btn-big{min-height:98px;font-size:1.04rem}
.mini-btn{min-height:34px;padding:8px 6px;font-size:.72rem;border-radius:12px;box-shadow:none}
.action-area{display:grid;gap:10px}
.action-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.response-chip{padding:8px 12px;border-radius:999px;background:#d7e5df;border:1px solid rgba(55,90,78,.18);font-size:.82rem;font-weight:800;color:#214c42;white-space:nowrap}
.response-chip.hidden{display:none}
.action-panel-shell{align-content:start;min-height:0}
.medication-panel{align-content:start}
.side-dock{margin-top:auto;display:grid;gap:10px}
.side-dock-left{align-self:end}
.control-panel-shell{display:grid;grid-template-columns:1fr 1fr 76px;gap:10px;align-content:center;align-self:end;padding:16px}
.dock-btn{display:grid;gap:4px;align-content:center;justify-items:center;text-align:center;min-height:84px;padding:16px 18px;border-radius:22px}
.dock-btn-title{display:block;font-size:1rem;font-weight:900;line-height:1.1}
.dock-btn-sub{display:block;font-size:.76rem;opacity:.9;font-weight:700;line-height:1.25}
.dock-btn-sampla{width:100%;min-height:92px;background:linear-gradient(180deg,#739b88,#557c6b);border:1px solid rgba(49,94,80,.22);box-shadow:0 10px 20px rgba(8,41,77,.10)}
.settings-gear-btn{padding:12px 10px}
.gear-icon{font-size:1.9rem;line-height:1;display:block}
.dock-btn-control{min-height:92px}
.dock-hint{padding:0 4px}
.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bottom-card{
  padding:20px;display:grid;gap:14px;
  background:
    radial-gradient(circle at 105% -15%,rgba(13,61,115,.08),transparent 28%),
    linear-gradient(160deg,#d5e2de 0%,#c7d8d2 100%);
}
.bottom-card:nth-child(2){
  background:
    radial-gradient(circle at 105% -15%,rgba(182,90,56,.07),transparent 28%),
    linear-gradient(160deg,#d9e1e7 0%,#c9d4dc 100%);
}
.log{display:grid;gap:8px;max-height:360px;overflow:auto}
.log-item{background:rgba(251,250,247,.72);border:1px solid rgba(8,41,77,.08);border-left:4px solid var(--home-green,#6e8b7e);border-radius:12px;padding:10px 12px;font-size:.9rem;line-height:1.4;color:var(--home-ink,#102f55)}
.log-item small{display:block;color:#60766d;margin-bottom:4px;font-weight:700}
.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,13,.82);display:flex;align-items:center;justify-content:center;padding:18px;z-index:999}
.modal-card{width:min(520px,100%);padding:20px;display:grid;gap:16px;background:#0d1628;border:1px solid rgba(255,255,255,.14)}
#settingsModal,#samplaModal,#outcomeModal,#postgameModal{background:rgba(8,41,77,.72);backdrop-filter:blur(5px)}
#settingsModal .modal-card{
  background:linear-gradient(160deg,#e7eeec,#dbe5e1);
  color:var(--home-ink,#102f55);
  border:1px solid rgba(8,41,77,.12);
  box-shadow:0 24px 60px rgba(8,41,77,.28)
}
#settingsModal .modal-card h2{color:var(--home-navy,#08294d)}
.modal-grid{display:grid;gap:14px}
.field{display:grid;gap:8px}
.field label{font-size:.88rem;font-weight:800;color:#dce9ff}
.field input,.field select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#122038;color:var(--text)}
.field option{background:#122038;color:var(--text)}
#settingsModal .field label{color:var(--home-ink,#102f55)}
#settingsModal .field input,#settingsModal .field select{border-color:rgba(8,41,77,.14);background:rgba(251,250,247,.88);color:var(--home-ink,#102f55)}
#settingsModal .field option{background:#fbfaf7;color:var(--home-ink,#102f55)}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.sampla-modal-card{position:relative;width:min(880px,100%);padding:18px;border-radius:28px}
.sampla-modal-visual{position:relative;min-height:580px;border-radius:22px;overflow:hidden;background:linear-gradient(135deg, rgba(38,76,131,.32), rgba(5,10,20,.92));border:1px solid rgba(255,255,255,.08)}
.sampla-modal-visual img,.postgame-clipboard-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.modal-close-btn{position:absolute;top:16px;right:16px;width:44px;height:44px;min-height:44px;border-radius:999px;padding:0;display:grid;place-items:center;background:rgba(7,16,29,.88);z-index:2}

/* Prancheta SAMPLA: mantém a imagem original e os seis quadros alinhados à área útil do papel. */
.sampla-modal-card{
  width:min(760px,96vw);
  max-height:94dvh;
  overflow:auto;
}
.sampla-modal-visual{
  width:100%;
  min-height:0;
  aspect-ratio:888 / 1323;
  background:#d9d0c5;
}
.sampla-modal-visual img,.postgame-clipboard-preview img{
  object-fit:contain;
}
.sampla-content-layer{
  position:absolute;
  left:8.2%;
  right:9.5%;
  top:25.5%;
  bottom:9.2%;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:1.15%;
  color:#10243f;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  pointer-events:auto;
}
.sampla-entry{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:7px 8px;
  border-radius:8px;
  border:1px solid rgba(16,36,63,.13);
  background:rgba(255,255,255,.77);
  box-shadow:0 3px 9px rgba(82,60,35,.06);
  font-size:10px;
  line-height:1.22;
  overflow:hidden;
}
.sampla-entry-head{display:flex;align-items:center;gap:6px;flex:0 0 auto;border-bottom:1px solid rgba(16,36,63,.1);padding-bottom:4px}
.sampla-entry-head strong{font-size:1em;line-height:1.1}
.sampla-letter{flex:0 0 auto;width:22px;height:22px;border-radius:7px;background:#143968;color:white;display:grid;place-items:center;font-size:12px;font-weight:1000}
.sampla-entry-body{display:grid;gap:5px;min-height:0;overflow:auto;padding-right:2px;scrollbar-width:thin}
.sampla-qa{display:grid;gap:2px}
.sampla-q{font-weight:900;color:#18375f}
.sampla-q::before{content:"P: ";color:#356aa8}
.sampla-a{color:#24364c}
.sampla-a::before{content:"R: ";font-weight:900;color:#47745f}
.sampla-dense .sampla-entry{font-size:9px;padding:6px}
.sampla-dense .sampla-entry-body{gap:4px}
.sampla-very-dense .sampla-entry{font-size:8px;line-height:1.15;padding:5px 6px}
.sampla-very-dense .sampla-letter{width:18px;height:18px;font-size:10px}
.sampla-empty{grid-column:1/-1;align-self:center;text-align:center;color:#33465c;background:rgba(255,255,255,.8);padding:16px;border-radius:12px}
.postgame-modal-card{position:relative;width:min(1180px,96vw);max-height:92vh;overflow:auto;padding:18px;border-radius:28px}
.postgame-review{display:grid;grid-template-columns:30% 70%;gap:18px}
.postgame-review article{padding:20px;display:grid;gap:16px;color:var(--home-ink,#102f55);border:1px solid rgba(8,41,77,.11);box-shadow:0 12px 28px rgba(8,41,77,.10)}
.postgame-sampla{
  background:
    radial-gradient(circle at 110% -8%,rgba(110,139,126,.13),transparent 30%),
    linear-gradient(160deg,#dce8e3 0%,#cfdfd8 100%) !important;
}
.postgame-question{
  background:
    radial-gradient(circle at 105% -8%,rgba(182,90,56,.08),transparent 28%),
    linear-gradient(160deg,#e9edf1 0%,#dce4ea 100%) !important;
}
.postgame-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.postgame-clipboard-preview{position:relative;min-height:340px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg, rgba(38,76,131,.32), rgba(5,10,20,.92));border:1px solid rgba(255,255,255,.08)}
.postgame-case-meta{display:grid;gap:8px;color:var(--home-body,#465d76);font-size:.93rem}
.options-list{display:grid;gap:10px}
.option-card{padding:14px 16px;border-radius:18px;background:rgba(251,250,247,.94);border:1px solid rgba(8,41,77,.16);display:flex;gap:12px;align-items:flex-start;color:var(--home-ink,#102f55);box-shadow:0 6px 14px rgba(8,41,77,.05)}
.option-card input{margin-top:3px}
.option-card strong{display:block;margin-bottom:4px}
.answer-feedback{display:grid;gap:10px;padding:16px;border-radius:18px;background:#dce6e3;border:1px solid rgba(8,41,77,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}
.answer-line{padding:12px 14px;border-radius:14px;background:rgba(251,250,247,.74);border:1px solid rgba(8,41,77,.09);line-height:1.5;color:var(--home-ink,#102f55)}
.answer-line.correct{border-color:rgba(42,206,127,.4)}
.answer-line.incorrect{border-color:rgba(255,94,122,.35)}
.toast-mini{font-size:.85rem;color:var(--home-body,#465d76);padding:10px 12px;border-radius:14px;background:#d7e5df;border:1px solid rgba(110,139,126,.18)}


@media (max-width:960px){
  
  
  
  
  .build-info-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  
  
  
  
  
  
  
  
  
  
  
  .build-info-modal-card{width:min(96vw,760px);padding:18px}
}
@media (max-width:1320px){
  .setup-grid,.bottom-row,.postgame-review{grid-template-columns:1fr}
  
  .status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .layout{grid-template-columns:1fr}
  .side-stack{grid-template-rows:auto auto}
}
@media (max-width:760px){
  .shell-app,.app{padding:14px}
  .status-grid{grid-template-columns:1fr}
  .monitor-status{grid-template-columns:1fr 1fr}
  #ecgCanvas{height:320px}
  .monitor-body{min-height:320px}
  .setup-topbar{padding:18px;flex-direction:column}
  
  
  .sampla-modal-visual{min-height:360px}
  .segmented{grid-template-columns:1fr}
  .control-panel-shell{grid-template-columns:1fr}
  .dock-btn,.dock-btn-control,.dock-btn-sampla{min-height:76px}
  .postgame-modal-card{width:min(96vw,760px)}
}

/* Configurações: ajuda contextual com espera de 2 segundos no desktop. */
.settings-intro{margin:0;color:var(--home-body,#465d76);line-height:1.5;font-size:.92rem}
.config-help-target{position:relative;padding:10px;border-radius:16px;transition:background .18s ease,border-color .18s ease;border:1px solid transparent}
.config-help-target:hover{background:rgba(223,233,228,.72);border-color:rgba(110,139,126,.16)}
.config-help-target.help-pending,.config-help-target.help-pending *{cursor:progress !important}
.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}
.checkbox-label input{width:auto !important;accent-color:var(--home-green,#6e8b7e);transform:scale(1.1)}
.field-group{gap:12px}
.field-inline{display:flex;align-items:center;justify-content:space-between;gap:14px}
.field-inline>label{flex:1}
.number-with-suffix{display:flex;align-items:center;gap:8px;min-width:180px}
.number-with-suffix input{min-width:90px}
.number-with-suffix span{color:var(--home-body,#465d76);font-size:.84rem;font-weight:700}
.config-help-tooltip{position:fixed;z-index:1600;width:min(340px,calc(100vw - 28px));padding:13px 15px;border-radius:16px;background:var(--home-navy,#08294d);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(8,41,77,.28);color:#f7f9fb;font-size:.88rem;line-height:1.5;pointer-events:none}

/* Dicas de Resposta: destaca a ação recomendada sem bloquear as demais opções. */
@keyframes answerHintPulse{
  0%,100%{box-shadow:0 12px 24px rgba(0,0,0,.25),0 0 0 0 rgba(103,177,255,.15);transform:translateY(0) scale(1)}
  50%{box-shadow:0 14px 30px rgba(0,0,0,.3),0 0 0 7px rgba(103,177,255,.22),0 0 28px rgba(103,177,255,.42);transform:translateY(-1px) scale(1.018)}
}
.answer-hint-pulse{outline:2px solid rgba(143,193,255,.9)!important;animation:answerHintPulse .9s ease-in-out infinite!important;position:relative;z-index:4}

@media (max-width:760px){
  .field-inline{align-items:flex-start;flex-direction:column}
  .number-with-suffix{width:100%;min-width:0}
}

/* ========================================================================
   Alpha 0.0.5 · v26 — Casos JSON, múltipla escolha, SAMPLA e experiência móvel
   ======================================================================== */
html{
  min-height:100%;
  background:#050a13;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  min-height:100vh;
  min-height:100dvh;
  overscroll-behavior-y:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.shell-app{
  padding-top:calc(20px + env(safe-area-inset-top,0px));
  padding-right:calc(20px + env(safe-area-inset-right,0px));
  padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));
  padding-left:calc(20px + env(safe-area-inset-left,0px));
}
button,.segmented-btn,.module-choice{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  -webkit-user-select:none;
}
.log,.postgame-modal-card,.sampla-entry-body,.modal-card,.outcome-modal-card{
  -webkit-overflow-scrolling:touch;
}
.outcome-modal-card{
  position:relative;
  width:min(640px,94vw);
  max-height:90dvh;
  overflow:auto;
  padding:34px 30px 28px;
  display:grid;
  justify-items:center;
  text-align:center;
  gap:14px;
  color:var(--home-ink,#102f55);
  background:
    radial-gradient(circle at 92% 8%,rgba(13,61,115,.10),transparent 28%),
    linear-gradient(160deg,#e7eeec 0%,#d9e5e1 100%);
  border:1px solid rgba(8,41,77,.14);
  border-radius:30px;
  box-shadow:0 28px 80px rgba(8,41,77,.32);
}
.outcome-icon{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;font-size:2.5rem;font-weight:1000;border:1px solid rgba(8,41,77,.10)}
.outcome-success{background:#cfe0d7;color:#315e50;box-shadow:0 0 42px rgba(110,139,126,.15)}
.outcome-death{background:#ead3ca;color:#8c412d;box-shadow:0 0 42px rgba(182,90,56,.14)}
.outcome-modal-card h2{margin:0;color:var(--home-navy,#08294d);font-size:clamp(1.55rem,4vw,2.25rem)}
.outcome-lead{margin:0;color:var(--home-body,#465d76);font-size:1rem;line-height:1.55}
.outcome-reason{width:100%;padding:15px 17px;border-radius:18px;background:rgba(251,250,247,.70);border:1px solid rgba(8,41,77,.09);color:var(--home-ink,#102f55);line-height:1.55;text-align:left}
.outcome-actions{width:100%;display:grid;grid-template-columns:1fr 1.35fr;gap:12px;margin-top:4px}

/* Pergunta final 30% / 70% com alternativas A–E provenientes do JSON. */
.postgame-modal-card{width:min(1420px,97vw);max-height:94dvh}
.postgame-review{grid-template-columns:minmax(300px,30%) minmax(0,70%)}
.postgame-clipboard-preview{
  min-height:0;
  width:100%;
  aspect-ratio:888 / 1323;
  background:#d9d0c5;
}
.sampla-content-layer-postgame{font-size:7px}
.sampla-content-layer-postgame .sampla-entry{font-size:7px;padding:4px;gap:2px;border-radius:5px}
.sampla-content-layer-postgame .sampla-letter{width:15px;height:15px;font-size:8px;border-radius:4px}
.sampla-content-layer-postgame.sampla-dense .sampla-entry{font-size:6.5px}
.sampla-content-layer-postgame.sampla-very-dense .sampla-entry{font-size:6px}
.case-answer-label{font-size:.82rem;font-weight:900;color:var(--home-navy,#08294d)}
.case-answer-input{
  width:100%;
  min-height:180px;
  resize:vertical;
  padding:15px 16px;
  border-radius:18px;
  border:1px solid rgba(8,41,77,.13);
  background:rgba(251,250,247,.82);
  color:var(--home-ink,#102f55);
  font:inherit;
  line-height:1.55;
  outline:none;
}
.case-answer-input:focus{border-color:rgba(103,177,255,.6);box-shadow:0 0 0 3px rgba(103,177,255,.12)}
.answer-feedback{padding:14px;background:#d7e2df;border:1px solid rgba(8,41,77,.12);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.40)}
.answer-compare-card{padding:15px 16px;border-radius:18px;border:1px solid rgba(8,41,77,.12);line-height:1.55;white-space:pre-wrap;color:#18344f}
.answer-user-card{background:#dce5ec}
.answer-key-card{background:#d4e4dc;border-color:rgba(49,94,80,.24)}
.answer-compare-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:1000;color:#08294d;margin-bottom:7px}
.answer-compare-note{color:#465d76;font-size:.83rem;line-height:1.45;padding:0 2px}

/* Bloqueio visual de orientação: em telefone na vertical, o usuário precisa girar antes de continuar. */
.orientation-gate{display:none;position:fixed;inset:0;z-index:5000;background:#06101e;padding:calc(18px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(18px + env(safe-area-inset-left,0px));align-items:center;justify-content:center;text-align:center}
.orientation-card{width:min(420px,100%);padding:28px 24px;display:grid;gap:12px;justify-items:center}
.orientation-card h2{margin:0}
.orientation-card p{margin:0;color:var(--muted);line-height:1.55}
.orientation-phone{font-size:3.1rem;line-height:1;color:#8fc1ff;animation:orientationNudge 1.5s ease-in-out infinite}
@keyframes orientationNudge{0%,100%{transform:rotate(0deg)}50%{transform:rotate(12deg)}}

/* Ajustes WebKit usados por Chrome/Safari em dispositivos Apple. */
@supports (-webkit-touch-callout:none){
  html{height:-webkit-fill-available}
  body{min-height:-webkit-fill-available}
  .modal-backdrop{min-height:-webkit-fill-available}
}

@media (max-width:960px) and (orientation:landscape){
  .shell-app{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-right:calc(10px + env(safe-area-inset-right,0px));padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));padding-left:calc(10px + env(safe-area-inset-left,0px))}
  .screen,.app{gap:12px}
  .setup-topbar{padding:14px 16px}
  .setup-topbar h2{font-size:1.35rem}
  .setup-grid,.bottom-row{grid-template-columns:1fr}
  
  
  .status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .status-card{min-height:104px;padding:11px 12px;gap:7px}
  .status-value{font-size:1.05rem}
  .layout{grid-template-columns:1fr;gap:12px}
  .side-stack{grid-template-rows:auto auto;gap:10px}
  .monitor-card,.panel,.bottom-card{padding:12px}
  .monitor-shell{padding:10px}
  .monitor-body{min-height:300px}
  #ecgCanvas{height:300px}
  .monitor-status{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .control-panel-shell{grid-template-columns:1fr 1fr 70px}
  .dock-btn,.dock-btn-control,.dock-btn-sampla{min-height:68px;padding:10px 12px}
  .postgame-review{grid-template-columns:32% 68%;gap:10px}
  .postgame-review article{padding:12px;gap:10px}
  .postgame-modal-card{padding:10px}
  .case-answer-input{min-height:120px}
  .sampla-modal-card{width:min(520px,72vw)}
  input,select,textarea{font-size:16px}
}

@media (max-width:960px) and (orientation:portrait) and (hover:none) and (pointer:coarse){
  .orientation-gate{display:flex}
}

@media (max-width:680px){
  .outcome-actions{grid-template-columns:1fr}
  .postgame-review{grid-template-columns:1fr}
  .postgame-sampla{max-width:440px;margin:0 auto}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}



/* Alpha 0.0.5 — alternativas A–E dos casos */
.postgame-options{display:grid;gap:10px;max-height:48vh;overflow:auto;padding-right:4px}
.option-card{cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.option-card:hover{border-color:rgba(13,61,115,.30);background:rgba(244,247,248,.92)}
.option-card.selected{border-color:rgba(13,61,115,.58);background:#dbe5ee;box-shadow:0 0 0 2px rgba(13,61,115,.10)}
.option-card.selected .option-letter{background:#315e50;color:#fff}
.option-card.option-correct{border-color:rgba(49,94,80,.60);background:#d7e7df}
.option-card.option-correct .option-letter{background:#315e50;color:#fff}
.option-card.option-selected-wrong{border-color:rgba(182,90,56,.62);background:#ecd8cf}
.option-card.option-selected-wrong .option-letter{background:#a54e32;color:#fff}
.option-card input{accent-color:#0d4684;flex:0 0 auto}
.option-letter{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#0d4684;color:#fff;font-weight:1000;flex:0 0 32px;box-shadow:0 4px 10px rgba(8,41,77,.14)}
.option-text{line-height:1.5;color:#18344f;font-weight:700}
.answer-result-banner{padding:14px 16px;border-radius:16px;border:1px solid rgba(8,41,77,.12);font-weight:900;box-shadow:0 5px 12px rgba(8,41,77,.06)}
.answer-result-correct{background:#cfe1d8;border-color:rgba(49,94,80,.34);color:#214c42}
.answer-result-wrong{background:#ead3ca;border-color:rgba(165,78,50,.34);color:#773824}
.answer-explanations-grid{display:grid;gap:9px}
.answer-option-explanation{display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:#e7edef;border:1px solid rgba(8,41,77,.12);line-height:1.45;color:#102f55;box-shadow:0 4px 10px rgba(8,41,77,.04)}
.answer-option-explanation.correct{background:#d5e5dd;border-color:rgba(49,94,80,.32)}
.answer-option-explanation.incorrect{background:#e2e8ed;border-color:rgba(13,61,115,.14)}
.answer-option-explanation strong{color:#08294d;font-weight:900}
.answer-option-explanation.correct strong{color:#315e50}
.answer-option-explanation span{color:#29465f;font-size:.9rem;font-weight:650}
button:disabled{cursor:default;opacity:.62;transform:none !important;filter:none !important}

/* ========================================================================
   Alpha 0.0.6 · v27 — responsividade de verdade + ajuda touch
   CDD: preservar a geografia do simulador (medicação | monitor | decisão)
   sempre que houver largura horizontal suficiente, em vez de empilhar tudo.
   ======================================================================== */

/* Ajuda das configurações: desktop usa hover; touch recebe um botão ? explícito. */
.field-label-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.field-label-row>label{min-width:0;flex:1}
.config-help-btn{
  display:none;
  flex:0 0 32px;
  width:32px;
  height:32px;
  min-height:32px;
  padding:0;
  border-radius:50%;
  place-items:center;
  background:rgba(103,177,255,.12);
  border:1px solid rgba(103,177,255,.28);
  color:#cfe3ff;
  font-size:.9rem;
  font-weight:1000;
  box-shadow:none;
}
.config-help-btn:hover{background:rgba(103,177,255,.2)}

/* O body fica realmente preso enquanto Configurações está aberta.
   Isso evita o clássico problema WebKit/iOS em que a página de trás rola. */
body.settings-modal-open{
  position:fixed;
  left:0;
  right:0;
  width:100%;
  overflow:hidden;
  overscroll-behavior:none;
}
#settingsModal{
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}
#settingsModal .modal-card{
  max-height:calc(100dvh - 36px);
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}

/* MacBooks/notebooks menores continuam com a mesma organização espacial do desktop. */
@media (min-width:961px) and (max-width:1320px){
  .setup-grid{grid-template-columns:1.05fr .95fr}
  .bottom-row{grid-template-columns:1fr 1fr}
  .postgame-review{grid-template-columns:minmax(300px,30%) minmax(0,70%)}
  .status-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
  .status-card{padding:13px 14px;min-height:126px}
  .simulator-main-layout{
    grid-template-columns:minmax(210px,.78fr) minmax(500px,1.55fr) minmax(220px,.78fr);
    gap:12px;
    align-items:stretch;
  }
  .simulator-main-layout .panel{padding:15px}
  .simulator-main-layout .grid-2{gap:8px}
  .simulator-main-layout button{font-size:.86rem}
  .side-stack{grid-template-rows:auto 1fr auto}
}

/* Telefone em paisagem: mesma geografia do computador, porém compacta.
   Em aparelhos muito estreitos preservamos uma largura mínima em vez de
   transformar as três zonas em uma coluna vertical. */
@media (max-width:960px) and (orientation:landscape){
  .screen-simulator{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .simulator-shell{
    min-width:620px;
    gap:8px;
  }
  .simulator-shell .status-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:5px;
  }
  .simulator-shell .status-card{
    min-height:86px;
    padding:8px 8px;
    gap:5px;
    border-radius:16px;
  }
  .simulator-shell .status-label{font-size:.58rem;letter-spacing:.04em}
  .simulator-shell .status-value{font-size:.88rem}
  .simulator-shell .status-sub{font-size:.62rem;line-height:1.2}
  .simulator-shell .mini-btn{min-height:28px;padding:5px;font-size:.62rem}

  .simulator-main-layout{
    grid-template-columns:minmax(145px,.72fr) minmax(330px,1.65fr) minmax(145px,.72fr) !important;
    gap:7px !important;
    align-items:stretch;
  }
  .simulator-main-layout .side-stack{
    display:grid;
    grid-template-rows:auto 1fr auto;
    gap:7px;
    min-height:100%;
  }
  .simulator-main-layout .panel,.simulator-main-layout .monitor-card{padding:8px;border-radius:16px}
  .simulator-main-layout .panel h2{font-size:.88rem}
  .simulator-main-layout .panel h3{font-size:.73rem}
  .simulator-main-layout .panel p,.simulator-main-layout .footer-line{font-size:.64rem;line-height:1.3}
  .medication-panel>div:first-child p,.medication-panel>.footer-line{display:none}
  .simulator-main-layout .panel-block{padding:7px;border-radius:12px;gap:7px}
  .simulator-main-layout .grid-2{gap:5px}
  .simulator-main-layout button{min-height:42px;padding:7px 6px;border-radius:12px;font-size:.68rem}

  .monitor-shell{padding:7px;gap:7px;border-radius:16px}
  .monitor-body{min-height:248px !important}
  #ecgCanvas{height:248px !important}
  .monitor-overlay{left:8px;right:8px;bottom:8px}
  .alert{padding:7px 8px;border-radius:10px;font-size:.66rem;line-height:1.25}
  .monitor-status{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .tag{padding:6px 4px;border-radius:10px;font-size:.58rem;line-height:1.18}

  .action-panel-shell{gap:7px}
  .action-head{gap:5px}
  .action-head h2{font-size:.84rem}
  .response-chip{padding:5px 6px;font-size:.57rem}
  .action-area{gap:5px}
  .btn-rhythm{min-height:46px !important}
  .btn-rhythm small{font-size:.55rem;margin-top:2px}
  .btn-big{min-height:60px !important;font-size:.74rem !important}

  .side-dock{gap:5px}
  .dock-btn,.dock-btn-control,.dock-btn-sampla{min-height:54px !important;padding:7px 5px !important;border-radius:13px}
  .dock-btn-title{font-size:.68rem}
  .dock-btn-sub{font-size:.52rem}
  .control-panel-shell{grid-template-columns:1fr 1fr 48px !important;gap:5px;padding:7px !important}
  .gear-icon{font-size:1.25rem}

  /* Regras e log continuam abaixo, mas lado a lado para manter a linguagem visual. */
  .simulator-shell .bottom-row{grid-template-columns:1fr 1fr;gap:7px}
  .simulator-shell .bottom-card{padding:9px;border-radius:14px;gap:7px}
  .simulator-shell .bottom-card h2{font-size:.78rem}
  .simulator-shell .rules-text,.simulator-shell .bottom-card p{font-size:.62rem;line-height:1.3}
  .simulator-shell .log{max-height:180px;gap:5px}
  .simulator-shell .log-item{padding:6px 7px;border-radius:9px;font-size:.61rem}

  /* Modal de configurações ocupa a altura útil e rola por dentro. */
  #settingsModal{
    align-items:flex-start;
    padding:calc(8px + env(safe-area-inset-top,0px)) calc(8px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px));
  }
  #settingsModal .modal-card{
    width:min(620px,96vw);
    max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
    padding:12px;
    gap:10px;
    margin:auto;
  }
  #settingsModal .modal-grid{gap:7px}
  #settingsModal .config-help-target{padding:7px;border-radius:12px}
  #settingsModal .field{gap:5px}
  #settingsModal .field label{font-size:.72rem}
  #settingsModal .field input,#settingsModal .field select{padding:8px 9px;border-radius:10px;font-size:16px}
  #settingsModal .settings-intro{font-size:.68rem}
  #settingsModal h2{font-size:1rem;margin:0}
  #settingsModal .modal-actions{position:sticky;bottom:-12px;padding:8px 0 0;background:linear-gradient(180deg,rgba(13,22,40,0),#0d1628 32%)}
  #settingsModal .modal-actions button{min-height:42px}
}

/* Em telas touch o ? vira a forma principal de descobrir a explicação. */
@media (hover:none), (pointer:coarse){
  .config-help-btn{display:grid}
  .config-help-target:hover{background:transparent;border-color:transparent}
  .config-help-target.help-pending,.config-help-target.help-pending *{cursor:default !important}
  .config-help-tooltip{
    width:min(310px,calc(100vw - 24px));
    font-size:.82rem;
    line-height:1.45;
  }
}

@media (max-width:760px){
  #settingsModal{align-items:flex-start}
  #settingsModal .modal-card{
    width:100%;
    max-height:calc(100dvh - 20px);
    margin:auto;
  }
  .field-label-row{align-items:flex-start}
}

/* ========================================================================
   Alpha 0.0.8 / v29 — Timer manual único + áudio sincronizado
   ======================================================================== */

/* Timer da Adrenalina: botão manual apenas para o primeiro início; após ativo, fica desabilitado. */
.medication-reminder strong{color:#315e50}

/* No fechamento, o SAMPLA deixa de ser uma miniatura ilegível da prancheta.
   O usuário escolhe uma letra e lê somente aquela parte em tamanho confortável. */
.postgame-sampla{align-content:start;min-width:0}
#postgameModal .eyebrow{color:#4f7166}
#outcomeModal .eyebrow{color:#4f7166}
.postgame-sampla-intro{margin:0;color:#405f55;font-size:.86rem;line-height:1.45}
.postgame-sampla-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.postgame-sampla-tab{
  min-height:46px;
  padding:8px 4px;
  border-radius:13px;
  background:linear-gradient(180deg,#315f52,#244b41);
  color:#ffffff;
  border:1px solid rgba(26,68,56,.38);
  box-shadow:0 7px 14px rgba(8,41,77,.12);
  font-size:.92rem;
  font-weight:900;
  opacity:1;
}
.postgame-sampla-tab:hover,.postgame-sampla-tab:focus-visible{
  filter:none;
  background:linear-gradient(180deg,#3d7464,#2b594c);
  box-shadow:0 9px 18px rgba(8,41,77,.16),0 0 0 3px rgba(110,139,126,.16);
}
.postgame-sampla-tab.selected{
  background:linear-gradient(180deg,#0d4684,#08294d);
  color:#ffffff;
  border-color:rgba(8,41,77,.70);
  box-shadow:0 9px 20px rgba(8,41,77,.24),0 0 0 3px rgba(13,70,132,.14);
}
.postgame-sampla-detail{
  min-height:250px;
  max-height:58dvh;
  overflow:auto;
  padding:15px;
  border-radius:18px;
  background:rgba(229,237,234,.94);
  border:1px solid rgba(55,90,78,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.postgame-sampla-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--home-navy,#08294d)}
.postgame-sampla-detail-letter{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(180deg,#0d4684,#08294d);color:#fff;font-weight:950}
.postgame-sampla-detail-body{display:grid;gap:10px}
.postgame-sampla-qa{display:grid;gap:5px;padding:10px 11px;border-radius:13px;background:rgba(223,233,228,.72);border:1px solid rgba(55,90,78,.12)}
.postgame-sampla-q{font-size:.78rem;line-height:1.4;color:#315e50;font-weight:800}
.postgame-sampla-a{font-size:1rem;line-height:1.55;color:#08294d;font-weight:800;background:rgba(255,255,255,.94);border:1px solid rgba(13,70,132,.12);border-left:4px solid #0d4684;border-radius:10px;padding:8px 10px;box-shadow:0 3px 8px rgba(8,41,77,.05)}

/* Todos os filhos da grade principal podem encolher. Isso evita o monitor
   avançar visualmente sobre o painel de medicação em telas estreitas. */
.simulator-main-layout>*,.simulator-main-layout .side-stack,.simulator-main-layout .panel,.simulator-main-layout .monitor-card,.simulator-main-layout .panel-block,.simulator-main-layout .grid-2,.simulator-main-layout .grid-2>*{
  min-width:0;
}
.simulator-main-layout button{
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}

@media (max-width:960px) and (orientation:landscape){
  .shell-app{padding:7px;max-width:none;width:100%}
  .screen-simulator{overflow-x:hidden;width:100%}
  .simulator-shell{min-width:0 !important;width:100%;max-width:100%;gap:7px}

  /* Mantém Medicação | Monitor | Decisão na mesma linha sem largura mínima fixa. */
  .simulator-main-layout{
    width:100%;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.68fr) minmax(0,.72fr) !important;
    gap:6px !important;
  }

  .simulator-main-layout .panel,.simulator-main-layout .monitor-card{padding:7px;border-radius:14px}
  .simulator-main-layout .panel h2{font-size:clamp(.7rem,1.85vw,.86rem)}
  .simulator-main-layout .panel h3{font-size:clamp(.59rem,1.5vw,.72rem)}
  .simulator-main-layout .panel p,.simulator-main-layout .footer-line{font-size:clamp(.50rem,1.32vw,.63rem);line-height:1.28}
  .simulator-main-layout button{font-size:clamp(.53rem,1.5vw,.68rem);padding:6px 4px}
  .simulator-main-layout .grid-2{gap:4px}
  .simulator-main-layout .panel-block{padding:6px;gap:6px}

  /* No celular, escondemos apenas a introdução longa; o lembrete útil permanece. */
  .medication-panel>div:first-child p{display:none}
  .medication-panel>.footer-line.medication-reminder{display:block !important;margin-top:1px}

  .monitor-shell{min-width:0;padding:6px}
  .monitor-body{min-width:0;min-height:230px !important}
  #ecgCanvas{width:100% !important;max-width:100%;height:230px !important}

  .simulator-shell .status-card{min-width:0}
  .simulator-shell .status-label,.simulator-shell .status-value,.simulator-shell .status-sub{overflow-wrap:anywhere}

  .postgame-review{grid-template-columns:minmax(0,34%) minmax(0,66%);gap:8px}
  .postgame-sampla-tabs{gap:3px}
  .postgame-sampla-tab{min-height:34px;padding:5px 2px;border-radius:9px;font-size:.7rem}
  .postgame-sampla-detail{min-height:180px;max-height:58dvh;padding:9px;border-radius:12px}
  .postgame-sampla-detail-head{gap:7px;margin-bottom:8px;font-size:.76rem}
  .postgame-sampla-detail-letter{width:27px;height:27px;flex-basis:27px;border-radius:8px}
  .postgame-sampla-qa{padding:7px;border-radius:9px;gap:3px}
  .postgame-sampla-q{font-size:.62rem}
  .postgame-sampla-a{font-size:.78rem;line-height:1.45;padding:6px 8px;border-left-width:3px}
}

@media (max-width:680px){
  .postgame-sampla{max-width:none;margin:0}
  .postgame-sampla-tabs{grid-template-columns:repeat(6,minmax(36px,1fr));overflow-x:auto;padding-bottom:3px}
  .postgame-sampla-detail{max-height:42dvh}
}


/* ========================================================================
   Alpha 0.0.9 · v39 — tema do bloqueio de rotação do telefone
   ======================================================================== */
@media (max-width:960px) and (orientation:portrait) and (hover:none) and (pointer:coarse){
  .orientation-gate{
    display:flex;
    background:
      radial-gradient(circle at top left, rgba(14,94,173,.25), transparent 35%),
      radial-gradient(circle at bottom right, rgba(199,120,84,.18), transparent 32%),
      linear-gradient(160deg, #08294d 0%, #0d3d73 58%, #1b2738 100%);
  }
  .orientation-card{
    width:min(440px,100%);
    padding:30px 24px;
    border-radius:28px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 20px 44px rgba(0,0,0,.28);
    backdrop-filter:blur(18px);
  }
  .orientation-card h2{
    font-size:clamp(1.35rem, 6vw, 1.7rem);
    color:#f7fbff;
  }
  .orientation-card p{
    color:#dce9f7;
    font-size:1rem;
    line-height:1.55;
  }
  .orientation-phone{
    width:78px;
    height:78px;
    display:grid;
    place-items:center;
    font-size:2.8rem;
    border-radius:22px;
    color:#fff;
    background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.05));
    border:1px solid rgba(255,255,255,.14);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  }
}

/* ========================================================================
   Alpha 0.0.9 · v50 — Tela de Preparação da Simulação
   ÚNICA fonte de verdade visual do setup.
   Linguagem: Manual do Usuário + Home do FERNANDO.
   ======================================================================== */

body.setup-view{
  margin:0;
  color:var(--home-ink,#102f55);
  background:
    radial-gradient(circle at 92% 8%, rgba(110,139,126,.13), transparent 24%),
    radial-gradient(circle at 7% 92%, rgba(182,90,56,.08), transparent 25%),
    var(--home-cream,#f5f3ef);
}
body.setup-view .shell-app{
  max-width:1500px;
  min-height:100dvh;
  margin:0 auto;
  padding:8px 14px;
}

.screen-setup,
.screen-setup *{
  font-family:"Open Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.screen-setup{
  position:relative;
  display:grid;
  gap:10px;
  min-height:calc(100dvh - 16px);
  padding:0;
  overflow:visible;
  color:var(--home-ink,#102f55);
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}

/* -------------------------------------------------------------------------
   TOPO — usa o MESMO azul e a MESMA curva da tela principal
   ------------------------------------------------------------------------- */
.setup-topbar{
  position:relative;
  min-height:154px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:18px;
  padding:16px 18px 17px;
  overflow:hidden;
  border-radius:28px;
  background:linear-gradient(90deg,var(--home-navy,#08294d) 0%,#0d4684 62%,#b9c4d0 100%);
  box-shadow:0 13px 28px rgba(8,41,77,.19);
}
.setup-top-wave{
  position:absolute;
  right:-90px;
  bottom:-82px;
  width:40%;
  min-width:300px;
  height:170px;
  border-radius:64% 0 0 0 / 100% 0 0 0;
  background:linear-gradient(180deg,rgba(236,240,244,.72),rgba(195,204,215,.92));
  pointer-events:none;
  animation:setupTopWaveFloat 9s ease-in-out infinite alternate;
}
@keyframes setupTopWaveFloat{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-7px,-4px,0)}
}
.setup-topbar-main{
  position:relative;
  z-index:2;
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.setup-topbar-nav{display:flex;align-items:flex-start}
.setup-back-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:auto;
  min-width:118px;
  min-height:46px;
  padding:7px 14px;
  color:var(--home-navy,#08294d);
  background:rgba(251,250,247,.97);
  border:1px solid rgba(255,255,255,.84);
  border-radius:999px;
  box-shadow:0 8px 19px rgba(0,0,0,.14);
  font-size:.88rem;
  font-weight:800;
  line-height:1;
}
.setup-back-icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  flex:0 0 26px;
  border-radius:50%;
  color:#fff;
  background:var(--home-terra,#b65a38);
  font-size:1rem;
  line-height:1;
}
.setup-back-btn:hover,
.setup-back-btn:focus-visible{
  transform:translateY(-2px);
  filter:none;
  box-shadow:0 12px 23px rgba(0,0,0,.18);
}
.setup-topbar-copy{
  min-width:0;
  display:grid;
  gap:8px;
  padding-top:1px;
}
.setup-topbar .eyebrow{
  color:#dfe9e4;
  font-size:.74rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
}
.setup-topbar h2{
  margin:0;
  max-width:830px;
  color:#fff;
  font-size:clamp(1.55rem,2.15vw,2.25rem);
  line-height:1.08;
  font-weight:800;
}
.setup-topbar p{
  max-width:820px;
  margin:0;
  color:rgba(255,255,255,.90);
  font-size:.93rem;
  line-height:1.48;
}
.setup-flow-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:1px;
}
.setup-flow-chips span{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:6px 10px;
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  font-size:.75rem;
  font-weight:800;
  line-height:1.1;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.setup-topbar-side{
  position:relative;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  min-width:188px;
  padding:0;
  background:transparent;
  box-shadow:none;
}
.setup-user-pill{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:46px;
  padding:6px 12px;
  color:var(--home-navy,#08294d);
  background:rgba(251,250,247,.96);
  border:1px solid rgba(255,255,255,.78);
  border-radius:999px;
  box-shadow:0 8px 19px rgba(0,0,0,.14);
}
.setup-user-avatar{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  flex:0 0 32px;
  border-radius:50%;
  color:#fff;
  background:var(--home-terra,#b65a38);
  font-size:.84rem;
  font-weight:800;
}
.setup-user-copy{display:grid;line-height:1.08;text-align:left}
.setup-user-copy strong{font-size:.86rem;color:var(--home-navy,#08294d)}
.setup-user-copy small{font-size:.68rem;color:#687689}

/* -------------------------------------------------------------------------
   DUAS JANELAS — papel claro do manual; sem moldura ornamental solta
   ------------------------------------------------------------------------- */
.setup-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:10px;
  align-items:stretch;
}
.setup-card{
  position:relative;
  min-width:0;
  min-height:100%;
  display:grid;
  align-content:start;
  gap:14px;
  padding:20px;
  overflow:hidden;
  color:var(--home-ink,#102f55);
  background:var(--home-paper,#fbfaf7);
  border:1px solid rgba(8,41,77,.09);
  border-radius:26px;
  box-shadow:var(--home-shadow,0 14px 30px rgba(8,41,77,.12));
}
.setup-card::before,
.setup-card::after{display:none!important;content:none!important}
.setup-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:11px;
  border-bottom:1px solid var(--home-line,#d4ddd8);
}
.setup-card-head .eyebrow{
  color:var(--home-navy,#08294d);
  font-size:.96rem;
  line-height:1.15;
  letter-spacing:0;
  text-transform:none;
  font-weight:800;
}
.setup-card h3{
  margin:4px 0 0;
  color:var(--home-ink,#102f55);
  font-size:1.28rem;
  line-height:1.18;
  font-weight:800;
}
.setup-card-intro{
  display:grid;
  gap:7px;
  padding:12px 13px;
  border-radius:17px;
  background:var(--home-green-soft,#dfe9e4);
  border:1px solid rgba(110,139,126,.18);
}
.setup-intro-badge{
  display:inline-flex;
  width:max-content;
  min-height:26px;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  color:#fff;
  background:var(--home-green,#6e8b7e);
  font-size:.69rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.setup-card-intro p{
  margin:0;
  color:#36516b;
  font-size:.88rem;
  line-height:1.48;
}

/* caso */
.setup-card-case .segmented{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:6px;
  border-radius:19px;
  background:#eef2f0;
  border:1px solid rgba(8,41,77,.08);
}
.setup-card .segmented-btn,
.setup-card .module-choice{
  color:var(--home-ink,#102f55);
  background:rgba(255,255,255,.82);
  border:1px solid rgba(8,41,77,.08);
  box-shadow:none;
}
.setup-card .segmented-btn{
  min-height:52px;
  padding:10px 12px;
  border-radius:15px;
  font-size:.88rem;
  font-weight:800;
}
.setup-card .segmented-btn:hover,
.setup-card .module-choice:hover{
  filter:none;
  border-color:rgba(8,41,77,.18);
  box-shadow:0 8px 17px rgba(8,41,77,.08);
}
.setup-card .segmented-btn.selected{
  color:#fff;
  background:linear-gradient(180deg,#84a998,var(--home-green,#6e8b7e));
  border-color:transparent;
  box-shadow:0 7px 17px rgba(8,41,77,.11);
}
.setup-card-case .case-preview{
  min-height:235px;
  display:grid;
  align-content:start;
  gap:10px;
  padding:16px 17px 18px;
  border-radius:19px;
  color:var(--home-ink,#102f55);
  background:#fff;
  border:1px solid rgba(8,41,77,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.setup-card-case .case-preview::before{
  content:"Apresentação do caso";
  display:block;
  margin-bottom:2px;
  color:var(--home-green,#6e8b7e);
  font-size:.69rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.screen-setup .case-chip{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background:var(--home-gray-chip,#e9eeec);
  color:var(--home-navy,#08294d);
  font-size:.72rem;
  font-weight:800;
}
.screen-setup .case-title{
  color:var(--home-navy,#08294d);
  font-size:1.12rem;
  font-weight:900;
}
.screen-setup .case-description,
.screen-setup .case-summary,
.screen-setup .case-preview-empty{
  color:var(--home-body,#465d76);
  font-size:.88rem;
  line-height:1.48;
}

/* módulo */
.setup-card-module .module-choice-grid{
  display:grid;
  gap:10px;
}
.setup-card-module .module-choice{
  min-height:111px;
  display:grid;
  align-content:center;
  gap:6px;
  padding:15px 16px;
  border-radius:18px;
  text-align:left;
}
.setup-card-module .module-choice strong{
  color:var(--home-navy,#08294d);
  font-size:1rem;
  font-weight:800;
}
.setup-card-module .module-choice small{
  color:var(--home-body,#465d76);
  font-size:.82rem;
  line-height:1.42;
  font-weight:600;
}
.setup-card-module .module-choice.selected{
  color:#fff;
  background:linear-gradient(180deg,#124a80,var(--home-navy,#08294d));
  border-color:transparent;
  box-shadow:0 7px 17px rgba(8,41,77,.11);
}
.setup-card-module .module-choice.selected strong,
.setup-card-module .module-choice.selected small{color:#fff}
.setup-card-module .module-choice[data-module="dynamic"]::before,
.setup-card-module .module-choice[data-module="immersive"]::before{
  display:none!important;
  content:none!important;
}

/* -------------------------------------------------------------------------
   AÇÕES — desenho derivado diretamente dos botões do Manual/Home
   botão inteiro centralizado + ícone circular + ECG de hover
   ------------------------------------------------------------------------- */
.setup-actions-row{
  display:grid;
  justify-items:center;
  gap:8px;
  padding-top:1px;
}
.setup-manual-action{
  width:min(100%,470px);
  min-height:66px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 78px;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:0;
  border-radius:19px;
  color:#fff;
  text-align:center;
  box-shadow:0 7px 17px rgba(8,41,77,.11);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.setup-manual-action:hover,
.setup-manual-action:focus-visible{
  transform:translateY(-2px);
  filter:brightness(1.025);
  box-shadow:0 12px 23px rgba(8,41,77,.16);
}
.setup-manual-action-navy{background:linear-gradient(180deg,#124a80,var(--home-navy,#08294d))}
.setup-manual-action-green{background:linear-gradient(180deg,#84a998,var(--home-green,#6e8b7e))}
.setup-action-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#fff;
}
.setup-manual-action-navy .setup-action-icon{color:var(--home-navy,#08294d)}
.setup-manual-action-green .setup-action-icon{color:var(--home-green,#6e8b7e)}
.setup-action-icon svg{width:25px;height:25px;display:block}
.setup-action-copy{
  min-width:0;
  display:grid;
  justify-items:center;
  gap:2px;
}
.setup-action-copy strong{
  color:#fff;
  font-size:.91rem;
  line-height:1.1;
  font-weight:800;
  white-space:normal;
}
.setup-action-copy small{
  color:rgba(255,255,255,.94);
  font-size:.66rem;
  line-height:1.22;
  font-weight:700;
}
.setup-action-heartbeat{
  width:78px;
  min-width:78px;
  height:14px;
  display:inline-flex;
  align-items:center;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .14s ease;
}
.setup-action-heartbeat svg{width:78px;height:14px;display:block}
.setup-action-heartbeat svg path{
  opacity:0;
  stroke-dasharray:0 240;
  stroke-dashoffset:0;
  animation:none;
}
.setup-manual-action:hover .setup-action-heartbeat,
.setup-manual-action:focus-visible .setup-action-heartbeat{opacity:.95}
.setup-manual-action:hover .setup-action-heartbeat svg path,
.setup-manual-action:focus-visible .setup-action-heartbeat svg path{animation:setupManualHeartbeat 1.45s linear infinite}
@keyframes setupManualHeartbeat{
  0%{opacity:0;stroke-dasharray:0 240;stroke-dashoffset:0}
  10%{opacity:.9;stroke-dasharray:38 240;stroke-dashoffset:0}
  28%{opacity:1;stroke-dasharray:64 240;stroke-dashoffset:-22}
  46%{opacity:.64;stroke-dasharray:32 240;stroke-dashoffset:-53}
  60%{opacity:.95;stroke-dasharray:52 240;stroke-dashoffset:-68}
  78%{opacity:1;stroke-dasharray:70 240;stroke-dashoffset:-95}
  100%{opacity:0;stroke-dasharray:0 240;stroke-dashoffset:-148}
}
.setup-action-note{
  width:min(100%,520px);
  margin:0;
  color:#667789;
  font-size:.74rem;
  line-height:1.35;
  text-align:center;
}

/* -------------------------------------------------------------------------
   RESPONSIVIDADE
   ------------------------------------------------------------------------- */
@media (max-width:1100px){
  .setup-topbar{grid-template-columns:1fr auto}
  .setup-topbar-main{grid-template-columns:1fr;gap:10px}
  .setup-topbar-nav{order:0}
  .setup-topbar-copy{order:1}
  .setup-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:960px) and (orientation:landscape){
  body.setup-view .shell-app{padding:6px 10px}
  .screen-setup{min-height:calc(100dvh - 12px);gap:7px}
  .setup-topbar{min-height:124px;padding:10px 12px 11px;border-radius:21px;gap:10px}
  .setup-top-wave{right:-80px;bottom:-78px;min-width:250px;height:150px}
  .setup-topbar-main{grid-template-columns:auto minmax(0,1fr);gap:11px}
  .setup-back-btn{min-width:94px;min-height:38px;padding:5px 9px;font-size:.72rem}
  .setup-back-icon{width:23px;height:23px;flex-basis:23px;font-size:.84rem}
  .setup-topbar-copy{gap:5px}
  .setup-topbar .eyebrow{font-size:.6rem}
  .setup-topbar h2{font-size:1.18rem}
  .setup-topbar p{font-size:.72rem;line-height:1.35}
  .setup-flow-chips{gap:4px}
  .setup-flow-chips span{min-height:24px;padding:4px 7px;font-size:.58rem}
  .setup-topbar-side{min-width:148px}
  .setup-user-pill{min-height:39px;padding:5px 9px;gap:7px}
  .setup-user-avatar{width:27px;height:27px;flex-basis:27px;font-size:.72rem}
  .setup-user-copy strong{font-size:.72rem}
  .setup-user-copy small{font-size:.58rem}

  .setup-grid{gap:7px}
  .setup-card{padding:14px;gap:10px;border-radius:20px}
  .setup-card-head{padding-bottom:7px}
  .setup-card-head .eyebrow{font-size:.78rem}
  .setup-card h3{font-size:.96rem}
  .setup-card-intro{padding:8px 9px;gap:4px;border-radius:14px}
  .setup-intro-badge{min-height:22px;padding:4px 7px;font-size:.56rem}
  .setup-card-intro p{font-size:.67rem;line-height:1.35}
  .setup-card .segmented-btn{min-height:43px;padding:7px 8px;font-size:.69rem}
  .setup-card-case .case-preview{min-height:170px;padding:10px 11px 12px;border-radius:16px;gap:6px}
  .screen-setup .case-title{font-size:.86rem}
  .screen-setup .case-description,
  .screen-setup .case-summary,
  .screen-setup .case-preview-empty{font-size:.66rem;line-height:1.34}
  .setup-card-module .module-choice{min-height:78px;padding:10px 11px;border-radius:15px;gap:4px}
  .setup-card-module .module-choice strong{font-size:.78rem}
  .setup-card-module .module-choice small{font-size:.62rem;line-height:1.3}
  .setup-manual-action{width:min(100%,390px);min-height:52px;grid-template-columns:31px minmax(0,1fr) 54px;gap:7px;padding:7px 9px;border-radius:15px}
  .setup-action-icon{width:30px;height:30px}
  .setup-action-icon svg{width:20px;height:20px}
  .setup-action-copy strong{font-size:.72rem}
  .setup-action-copy small{font-size:.54rem}
  .setup-action-heartbeat{width:54px;min-width:54px;height:10px}
  .setup-action-heartbeat svg{width:54px;height:10px}
  .setup-action-note{font-size:.58rem;line-height:1.25}
}

@media (max-width:760px){
  body.setup-view .shell-app{padding:8px 10px}
  .setup-topbar{grid-template-columns:1fr;min-height:auto;padding:13px;border-radius:20px}
  .setup-topbar-main{grid-template-columns:1fr;gap:9px}
  .setup-topbar-side{min-width:0;justify-content:flex-start}
  .setup-grid{grid-template-columns:1fr}
  .setup-card{padding:15px}
  .setup-manual-action{width:100%}
}