.speaker-specs-preview{margin:14px 0;padding:12px 16px;background:rgba(220,192,125,.06);border-left:3px solid #cdb373}.speaker-specs-preview ul{margin:0;padding-left:18px;line-height:1.8}.speaker-specs-fields label{display:block}.speaker-specs-fields input,.speaker-specs-fields select{font-size:16px}.spec-error{color:#ffc3b8;min-height:1em;font-size:.85rem}.speaker-specs-fields input[aria-invalid=true]{border-color:#f4a08f}.speaker-specs-fields .small{line-height:1.5}.measure-control{margin-top:6px}.slider-track{display:flex;align-items:center;min-height:44px}.slider-track input[type=range]{accent-color:#dcc07d;min-height:44px;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:pan-y;width:100%}.slider-track input[type=range]:disabled{opacity:.3;cursor:default}.slider-track input[type=range]::-webkit-slider-thumb{min-width:24px;min-height:24px}.measure-control .unitField{margin-top:0}.unknown-choice{display:flex!important;align-items:center;gap:8px;font-weight:400;font-size:.85rem;min-height:36px;margin:0!important}.unknown-choice input[type=checkbox]{width:18px;height:18px;accent-color:#dcc07d}.unknown-choice .fieldCheck,.slider-track .fieldCheck{display:none}.spec-upper-note{color:#c9d6dc}.speaker-specs-fields h3{margin:8px 0 14px}@media(max-width:600px){.speaker-specs-fields .grid2{grid-template-columns:1fr}.unknown-choice{min-height:44px}}
.input-flow .validationHost:not(.unitField)>.fieldCheck{display:none}.slider-track input[type=range]{padding:0!important}
.single-validation-control{display:block}.single-validation-control>input,.single-validation-control>select{width:100%}.speaker-specs-fields input[aria-invalid=true]{border-color:#f4a08f!important}

.planner-heading{padding:14px 0 18px}.planner-heading h1{font-size:1.65rem;margin:0 0 5px}.planner-heading p{margin:0;color:#b5c0c9;font-size:.9rem}.input-flow .setup-section{padding:22px;margin:0 0 16px;background:#141d24;border-color:#33424c}.setup-section>h2{display:flex;align-items:center;gap:11px;font-size:1.12rem;margin:0 0 18px}.section-number{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d7bd7c;color:#171b1f;font-size:.86rem}.input-flow .grid2{gap:18px 28px}.input-flow .grid3{gap:18px 24px}.input-flow .field-grid{align-items:start}.input-flow label{font-size:.83rem;margin:0 0 5px;color:#c8d2d9}.input-flow .form-section{border-top:1px solid #2c3b45;margin-top:18px;padding-top:16px}.input-flow h3{font-size:.88rem;font-weight:750;margin:0 0 12px;color:#e3e9ed}.input-flow .measure-control{margin:0}.input-flow .measure-main{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:14px;align-items:center}.input-flow .slider-track{min-height:44px}.input-flow .unitField{width:100px;margin:0}.input-flow .unitField input{height:40px;padding:8px 28px 8px 9px!important;text-align:right;font-size:.94rem;min-width:0;border-radius:8px}.input-flow .unitField .unit{right:8px;font-size:.75rem}.input-flow .wideUnit .unit{right:8px}.input-flow .measure-control .unknown-choice{font-size:.74rem;gap:7px;min-height:26px;margin:0;color:#9eacb7}.input-flow .unknown-choice input{width:15px;height:15px}.input-flow .fieldCheck{display:none!important}.input-flow .validationHost.fieldValid input,.input-flow .validationHost.fieldValid select{border-color:#3a4852!important;box-shadow:none!important}.input-flow .speaker-specs-fields input[aria-invalid=true],.input-flow input.invalid{border-color:#f4a08f!important}.input-flow input:focus-visible,.input-flow select:focus-visible{outline:2px solid #d7bd7c;outline-offset:2px}.input-flow .inline-reference{display:flex;align-items:center;gap:10px;margin-top:7px}.input-flow .inline-reference label{font-size:.72rem;margin:0;color:#91a2ae}.input-flow .inline-reference select{font-size:.75rem;padding:5px 25px 5px 8px;min-height:32px}.input-flow .inline-reference>.single-validation-control{max-width:170px}.input-flow .spec-error{min-height:0;margin:0;font-size:.75rem}.input-flow .spec-error:not(:empty){padding-top:5px}.input-flow [hidden]{display:none!important}.discrete-readout{display:grid;place-items:center;min-height:40px;border:1px solid #3a4852;border-radius:8px;background:#0d141a;color:#f1e2bd;font-weight:750;font-size:.85rem;padding:5px}.discrete-scale{display:flex;justify-content:space-between;margin-right:114px;font-size:.65rem;color:#8d9da9;line-height:1}.input-flow .discrete-control .unknown-choice{margin-top:8px!important}.input-flow .text-action{padding:5px 0;border:0;background:none;color:#e1ca8e;font-size:.78rem;min-height:32px;text-align:left}.input-flow .device-choice{margin-bottom:10px}.input-flow .sourceLine,.input-flow #ampStatus{font-size:.72rem;color:#9caeba}.input-flow #speakerSpecsPreview{display:none!important}.input-flow .lookup{display:flex;align-items:center;gap:8px;border:0;padding:0;background:none;margin:10px 0 12px;font-size:.75rem}.input-flow .lookup .lookuplinks{margin:0;gap:12px}.input-flow .lookup .lookuplinks a{padding:3px 0;font-size:.75rem}.lookup-caption{color:#94a7b4;font-size:.72rem}.input-flow .extra-settings{background:transparent;border:0;border-top:1px solid #2c3b45;border-radius:0;margin:18px 0 0}.input-flow .extra-settings>summary{padding:12px 0 3px;font-size:.82rem;color:#bfccd5;font-weight:650}.input-flow .extra-settings>.detailsBody{padding:12px 0 0}.input-flow .extra-settings h3{margin-top:16px}.input-flow .extra-settings h4{font-size:.82rem;margin:20px 0 8px}.input-flow .extra-settings .small{font-size:.75rem;line-height:1.5}.input-flow #speakerSpecsSource{font-size:.85rem}.input-flow #speakerKnownEvidence{font-size:.76rem;line-height:1.6}.input-flow .match-priority-field{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;animation:none!important}.input-flow .check-action{margin:18px 0}.input-flow .check-action button{width:100%;padding:14px;font-size:1rem}.test-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px;padding:0;font-size:.78rem}.test-label{color:#c5af7b;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.test-toolbar details{max-width:85%}.test-toolbar summary{padding:8px 0;font-size:.78rem;text-align:right}.test-toolbar .actions{padding-bottom:10px}.test-toolbar .actions button{font-size:.74rem;min-height:38px}.version{font-size:.7rem;opacity:.75}header .logo{width:56px;height:56px}header .brand{font-size:1.3rem}.input-flow .helpbtn{width:18px;height:18px;font-size:.65rem}.input-flow #speakerIdentityFields{margin:10px 0}.input-flow #speakerLookup[style*="display: none"],.input-flow #ampLookup[style*="display: none"]{display:none}
@media(max-width:820px){.input-flow .grid2,.input-flow .grid3{grid-template-columns:1fr}.input-flow .setup-section{padding:17px}.input-flow .grid2,.input-flow .grid3{gap:15px}.input-flow .measure-main{grid-template-columns:minmax(0,1fr) 88px;gap:12px}.input-flow .unitField{width:88px}.input-flow .discrete-scale{margin-right:100px}.input-flow .measure-control .unknown-choice{min-height:32px}.input-flow .lookup{flex-wrap:wrap}.input-flow .lookup .lookuplinks a{min-height:32px;display:inline-flex;align-items:center}.input-flow .inline-reference select{font-size:16px;min-height:40px}.input-flow .extra-settings>summary{min-height:44px}.test-toolbar{align-items:flex-start}.test-toolbar .actions{display:grid;grid-template-columns:1fr}.input-flow input[type=text],.input-flow input[inputmode=decimal]{font-size:16px}.input-flow .discrete-readout{font-size:.82rem}.input-flow .unknown-choice{padding:4px 0}.input-flow .slider-track input[type=range]{min-height:44px}}
@media(max-width:820px){.input-flow .measure-control .unknown-choice{min-height:44px}}
.input-flow .listening-priority-group{padding:18px;border:1px solid #b99d5d;border-radius:12px;background:linear-gradient(110deg,rgba(215,189,124,.12),rgba(215,189,124,.025));box-shadow:inset 3px 0 0 #d7bd7c}
.input-flow .priority-heading{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;margin-bottom:16px;color:#e9d7ab;font-size:.8rem;font-weight:650}
.input-flow .priority-badge{padding:4px 9px;border-radius:5px;background:#d7bd7c;color:#172026;font-size:.7rem;font-weight:800}
.input-flow .listening-controls>div>label{color:#f2e8cf;font-weight:650}
.input-flow .helpbtn{width:24px;height:24px;font-size:.75rem;vertical-align:middle}
@media(max-width:820px){.input-flow .listening-priority-group{padding:15px}.input-flow .helpbtn{width:36px;height:36px}.input-flow .inline-reference{flex-wrap:wrap}.input-flow .inline-reference label{display:inline-flex;align-items:center;gap:5px}}

/* Production presentation: keep the existing result and validation messages. */
.input-flow>.heroPublic{padding:18px 22px;margin-bottom:18px}
.input-flow>.heroPublic h1{font-size:1.7rem;margin:8px 0}
.input-flow>.heroPublic p{max-width:760px;margin-bottom:0;font-size:.9rem}
.input-flow>.heroPublic .vuDeck{display:none}
.input-flow .match-priority-badge{display:none}
.input-flow .match-priority-hint{padding:0;margin:8px 0 0;background:none;border:0;box-shadow:none;color:#aebbc4;font-size:.75rem;min-height:0}
.input-flow .match-priority-hint>span{display:none}
.input-flow .match-priority-hint p{margin:0}
.input-flow .inline-reference{flex-wrap:wrap}
.input-flow .inline-reference select{max-width:200px}
.input-flow .lookup{display:block}
.input-flow .lookup .lookuplinks{display:flex;flex-wrap:wrap}
.input-flow .lookup .small{font-size:.75rem}
.input-flow .lookup button{font-size:.75rem;padding:6px 10px}
.input-flow #roomDetails .info{font-size:.8rem;padding:10px 12px}
.input-flow .legacy-control{display:none!important}
@media(max-width:820px){.input-flow>.heroPublic{padding:16px}.input-flow .inline-reference select{font-size:16px}}

/* Reserve separate space for the longer W/Kanal unit, including on phones. */
.input-flow #ampTechDetails .measure-main{grid-template-columns:minmax(0,1fr) 132px}
.input-flow #ampTechDetails .wideUnit{width:132px}
.input-flow #ampTechDetails .wideUnit input{padding-right:65px!important}
