:root{color-scheme:light;--bg:#e0f3ee;--panel:#fff;--ink:#153444;--muted:#567184;--teal:#008f8c;--soft:#edf7f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,sans-serif}body.dark{color-scheme:dark;--bg:#11292d;--panel:#19383d;--ink:#e7f4f2;--muted:#b4cdce;--teal:#007e7c;--soft:#24484b}.shell{max-width:1250px;margin:auto;display:grid;grid-template-columns:245px 1fr;gap:24px;padding:28px}aside{padding:15px}.logo{font-size:38px;font-weight:900;letter-spacing:-2px;text-decoration:none;color:var(--ink)}aside p{font-weight:700}small{color:var(--muted);font-size:13px}nav{display:grid;gap:10px;margin:28px 0}button{border:0;border-radius:16px;background:var(--teal);color:white;padding:16px 22px;font:700 17px system-ui;cursor:pointer;min-height:54px}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e4ac32;outline-offset:3px}nav button,.secondary{background:var(--soft);color:var(--ink)}main{background:var(--panel);border-radius:28px;padding:clamp(22px,4vw,52px);min-width:0;min-height:550px}h1{font-size:clamp(32px,5vw,58px);line-height:1.12;letter-spacing:-1.5px;margin:14px 0 26px}h1 em{color:var(--teal);font-style:normal}h2{font-size:28px;line-height:1.25}p{color:var(--muted);max-width:680px}.eyebrow{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:2px}.chips,.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.chips span{background:var(--soft);padding:8px 13px;border-radius:30px;font-size:14px;color:var(--muted)}.notice{background:var(--soft);padding:16px 20px;border-radius:16px;font-size:14px;margin:24px 0}label{display:block;padding:15px 0}input[type=text]{width:100%;padding:14px;border-radius:12px;border:1px solid #8ba8a8;font:inherit;background:var(--panel);color:var(--ink)}input[type=checkbox]{width:22px;height:22px;vertical-align:middle;margin-right:12px}.freq{font-size:54px;font-weight:800;color:var(--teal)}progress{width:100%;accent-color:var(--teal)}footer{max-width:1200px;margin:auto;padding:0 28px 24px;color:var(--muted);font-size:12px}svg{width:100%;height:auto;background:var(--soft);border-radius:15px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid #97afaf;padding:10px 5px}.session{display:block;margin:12px 0;width:100%;text-align:left}.error{color:#b23838}.stop{background:#a43b38}a{color:var(--teal)}@media(max-width:700px){.shell{display:block;padding:12px}aside{padding:4px 10px}aside p{display:inline-block;margin:0 0 0 16px;font-size:13px;vertical-align:middle}nav{display:flex;overflow:auto;gap:8px;margin:15px 0}nav button{font-size:12px;white-space:nowrap;padding:10px 13px;min-height:44px}aside>small{display:none}main{min-height:450px;padding:25px 20px;border-radius:22px}.actions button{flex:1;min-width:125px}footer{padding:10px 22px 22px}h1{font-size:42px}}@media print{aside,footer,.actions,button{display:none}.shell{display:block;padding:0}main{padding:15px}body{background:white}}
input[type=email],input[type=tel],input[type=number]{width:100%;padding:14px;border-radius:12px;border:1px solid #8ba8a8;font:inherit;background:var(--panel);color:var(--ink)}

.chart-title{font-weight:750;margin:18px 0 10px}.audiogram{max-width:740px;display:block}.chart-key{font-size:13px;margin:8px 0 18px}

/* Interface exclusiva do cliente. */
:root{--bg:#edf3fb;--teal:#0860c8;--soft:#eff5fc;--ink:#123050;--muted:#536c86}
.shell{display:block;max-width:1100px;padding:20px 28px}.client-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}.client-logo{display:block;width:255px;max-width:55%;height:auto}.client-header p{font-size:15px;margin:0;color:#235186}.client-header p strong{display:block;color:#123050}.client-header p span{font-size:12px}main{min-height:400px;padding:28px 40px}h1{font-size:clamp(34px,5vw,52px)}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.actions button:only-child{grid-column:1/-1;max-width:440px}.actions #yes,.actions #no{font-size:20.4px;min-height:65px;padding:19.2px 26.4px;border-radius:19.2px}.actions #yes,.actions #no{background:#e6effb;color:#0757b7;border:2px solid #9abce6}.actions #yes:not(:disabled):hover,.actions #no:not(:disabled):hover{background:#d5e5fa}.freq{font-size:34px}.chart-title{font-size:15px;margin:22px 0 8px}.audiogram{max-width:660px}.chart-key{font-size:12px}.stop{font-size:14px;min-height:44px;padding:10px 18px}.notice{margin:16px 0;font-size:13px}footer{max-width:1044px;padding:0 28px 20px}progress{height:6px}h2{font-size:24px;margin:8px 0 12px}
@media(max-width:700px){.shell{padding:14px}.client-header{margin-bottom:14px;gap:10px}.client-logo{width:210px}.client-header p{font-size:12px}.client-header p span{display:none}main{padding:25px 20px}.actions{gap:12px}.actions #yes,.actions #no{padding:19.2px 12px;min-width:0}footer{padding:0 25px 20px}}
.actions #yes,.actions #no{line-height:1.2}

.response-feedback{border:1px solid #9abce6;border-left:5px solid #0860c8;background:#eff5fc;border-radius:16px;padding:22px;margin:20px 0 28px}.response-feedback h2{margin:10px 0 15px}.response-feedback p{font-size:16px;max-width:none}.response-feedback small{display:block}.response-attention{background:#fff8eb;border-color:#d9ac4e;border-left-color:#a16b0b}.response-attention .eyebrow{color:#86570a}

.mail-button{display:inline-block;text-decoration:none;border-radius:16px;background:var(--teal);color:white;padding:16px 22px;font-weight:700;margin:10px 0}

.quick-title{text-align:center;font-size:clamp(30px,4.3vw,56px);font-weight:900;letter-spacing:-1px;color:#202b36;margin:5px 0 18px}.quick-instructions{text-align:center;max-width:920px;margin:10px auto;font-size:clamp(17px,2vw,22px);font-weight:550;line-height:1.55}.red-start{display:block;background:#ce2936;margin:24px auto 10px;min-width:220px;font-size:24px;letter-spacing:1px;padding:20px 35px}.red-start:hover{background:#aa1b26}.sound-stage{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;align-items:center;gap:25px;margin:25px auto 18px;max-width:900px}.speaker{background:linear-gradient(145deg,#62696b,#343b3c);border-radius:15px;padding:15px 12px 25px;text-align:center;box-shadow:0 7px 12px #0002;min-height:155px}.ear-tag{display:block;color:white;font-size:17px;font-weight:800;margin-bottom:20px}.speaker-cone{height:70px;width:70px;border-radius:50%;background:radial-gradient(circle,#42484a 30%,#24292a 32%,#60686a 65%,#24292a 68%);margin:auto;display:grid;place-items:center}.signal-lamp{display:block;width:24px;height:24px;border-radius:50%;background:#aab2b0;border:3px solid #323936;box-shadow:inset 0 2px 4px #0007}.signal-lamp.lit{background:#76f58c;box-shadow:0 0 8px 4px #64ed85bb,0 0 24px 10px #64ed8544;border-color:#225f33}.sound-center{text-align:center}.sound-frequency{font-size:clamp(28px,5vw,66px);font-weight:900;color:#202b36;white-space:nowrap}.sound-frequency small{font-size:.55em}.direction-label{font-size:17px;color:#536673;margin-top:10px}.test-progress{text-align:center;font-size:15px;font-weight:650;margin:18px 0 8px}.play-status{text-align:center;max-width:none;min-height:30px}.actions{max-width:900px;margin:18px auto}.stop{display:block;margin:18px auto}main:has(.quick-title){padding-top:22px}@media(max-width:600px){.sound-stage{grid-template-columns:85px minmax(0,1fr) 85px;gap:8px}.speaker{min-height:120px;padding:12px 5px}.speaker-cone{width:55px;height:55px}.ear-tag{font-size:12px;margin-bottom:12px}.direction-label{font-size:12px}.sound-frequency{font-size:29px}.signal-lamp{width:20px;height:20px}.quick-title{font-size:30px}}

/* Colors describe the recorded answers, not a clinical classification. */
.response-summary.response-attention{background:#b4232b;border-color:#b4232b;color:#fff}
.response-summary.response-all-heard{background:#176b3a;border-color:#176b3a;color:#fff}
.response-summary.response-attention :is(h2,p,strong,small,.eyebrow),.response-summary.response-all-heard :is(h2,p,strong,small,.eyebrow){color:#fff}
.response-summary.response-incomplete{background:#fff8eb;border-color:#d9ac4e;color:var(--ink)}

input[type=password]{width:100%;padding:14px;font:inherit;border:1px solid #8ba8a8;border-radius:12px}.client-logo{touch-action:manipulation;user-select:none;-webkit-user-select:none}

.attract{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;min-height:78vh;padding:30px 24px;border:0;border-radius:28px;background:radial-gradient(ellipse at 50% 40%,#fff 15%,#e3f1ff 75%);color:#103e66;text-align:center;cursor:pointer;font:inherit;box-shadow:0 15px 50px #163f6517}.attract:hover{background:#eaf5ff}.attract-logo{width:min(65%,420px);height:auto;mix-blend-mode:multiply;animation:brandFloat 7s ease-in-out infinite}.attract-art{width:min(100%,600px);display:block}.attract-art svg{display:block;width:100%;max-height:32vh}.attract strong{font-size:clamp(26px,4vw,48px);line-height:1.12;max-width:900px}.attract>span:not(.attract-art){font-size:clamp(18px,2.4vw,26px)}.attract .attract-cta{background:#0860c8;color:white;padding:18px 30px;border-radius:40px;font-weight:800;margin-top:10px}.attract small{font-size:13px;line-height:1.5;max-width:640px;color:#385874}@keyframes brandFloat{50%{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){.attract-logo{animation:none}}

/* Full viewport advertising, isolated from the screening layout. */
.attract{position:fixed;inset:0;z-index:1000;width:100vw;height:100vh;height:100dvh;min-height:0;border-radius:0;margin:0;padding:clamp(12px,2.5vh,30px) clamp(18px,4vw,60px);gap:clamp(8px,1.5vh,18px);overflow:auto;box-shadow:none;background:#f3f8ff}.attract-logo{width:auto;max-width:65vw;height:clamp(42px,10vh,100px);object-fit:contain;flex-shrink:0}.attract-art{display:flex;justify-content:center;min-height:0;flex:1;width:100%;max-height:49vh}.attract-art img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:20px}.attract strong{font-size:clamp(26px,4.5vw,58px);flex-shrink:0}.attract small{font-size:clamp(11px,1.4vh,14px);flex-shrink:0}.attract .attract-cta{margin:0;padding:14px 26px;flex-shrink:0}@media(orientation:landscape) and (min-width:760px){.attract{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto auto auto;text-align:left;column-gap:5vw}.attract-logo{grid-column:1;justify-self:start}.attract-art{grid-column:2;grid-row:1/6;height:85vh;max-height:85vh}.attract strong{grid-column:1;align-self:end}.attract #attract-text{grid-column:1}.attract .attract-cta{grid-column:1;justify-self:start}.attract small{grid-column:1}}

.sync-badge{position:fixed;bottom:0;right:0;z-index:1100;background:#fffef2;color:#234364;border:1px solid #cad7e3;border-radius:8px 0 0 0;padding:4px 10px;font:12px/1.4 system-ui;pointer-events:none;max-width:100vw}.attract{padding-bottom:42px}

dialog#idle-warning{max-width:min(90vw,540px);border:0;border-radius:20px;padding:30px;color:#163957;box-shadow:0 15px 60px #1236}dialog#idle-warning::backdrop{background:#132f50bb}dialog#idle-warning button{margin:8px 5px}

.screening-help{display:flex;gap:10px;margin:0;flex-wrap:wrap}.screening-help a{padding:9px 12px;background:white;border:1px solid #cbdced;border-radius:8px;text-decoration:none;font-size:14px}
/* Soft brand theme: primary actions remain blue, secondary controls are pale. */
:root{--sa-brand:#004ec4;--sa-brand-hover:#003b96;--sa-soft:#edf4ff;--sa-soft-hover:#dceaff;--sa-border:#cbdcf5}
body button:not(.attract),body input[type=submit],body input[type=button],body .button,body .btn,body .sa-app-menu summary,body .sa-app-menu a,body .sa-dashboard nav a,body .pagination a,body #tarefas nav a{background:var(--sa-soft)!important;color:var(--sa-brand)!important;border-color:var(--sa-border)!important}
body .sa-app-menu details{background:var(--sa-soft)!important;border-color:var(--sa-border)!important}
body .sa-app-menu details>div{background:#fff!important;border-color:var(--sa-border)!important}
body .sa-app-menu summary{border-radius:7px}
body button:not(.attract):hover,body input[type=submit]:hover,body .button:hover,body .btn:hover,body .sa-app-menu summary:hover,body .sa-app-menu a:hover,body .sa-dashboard nav a:hover,body .pagination a:hover,body #tarefas nav a:hover{background:var(--sa-soft-hover)!important;color:var(--sa-brand-hover)!important;border-color:var(--sa-border)!important}
body .button-primary,body button.red-start,body button[type=submit],body button[name=sa_save_lead],body input[type=submit],body button#save,body button#idle-continue,body .attract .attract-cta{background:var(--sa-brand)!important;color:#fff!important;border-color:var(--sa-brand)!important}
body .button-primary:hover,body button.red-start:hover,body button[type=submit]:hover,body button[name=sa_save_lead]:hover,body input[type=submit]:hover,body button#save:hover,body button#idle-continue:hover{background:var(--sa-brand-hover)!important;color:#fff!important}
body button:disabled,body input[type=submit]:disabled{opacity:.5;cursor:not-allowed}
body button:focus-visible,body .button:focus-visible,body .sa-app-menu summary:focus-visible,body .sa-app-menu a:focus-visible{outline:3px solid #e5a629!important;outline-offset:3px}/* Approved gentle result smiles: 144px, separately from the result heading. */
.response-summary .result-smile{display:block;text-align:center;font:144px/1.35 "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;margin:12px auto 18px;transform-origin:center;animation:sa-smile-float 3s ease-in-out infinite}
.response-attention .result-smile{animation-name:sa-smile-nod}
@keyframes sa-smile-float{50%{transform:translateY(-12px)}}
@keyframes sa-smile-nod{50%{transform:translateY(5px) rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.response-summary .result-smile{animation:none}}
.sync-badge{pointer-events:auto;text-decoration:none;min-height:32px;display:flex;align-items:center}