/* Unified radio console. All sizing is scoped to these dialogs. */
.log-call-dialog,.log-call-sheet{color-scheme:dark;--lc-bg:#141c26;--lc-panel:#1a2531;--lc-border:#334454;--lc-muted:#9caec1;--lc-green:#a6ff40;--lc-blue:#58b9ff;color:#f1f6fc;background:var(--lc-bg);border:1px solid #41566a;border-radius:18px;box-shadow:0 30px 100px #0009;font:14px/1.35 Inter,ui-sans-serif,system-ui,sans-serif;padding:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}
.log-call-dialog{width:1180px;overflow:hidden}.log-call-dialog::backdrop,.log-call-sheet::backdrop{background:#050a12bd;backdrop-filter:blur(5px)}
.log-call-dialog *, .log-call-sheet *{box-sizing:border-box}.log-call-dialog [hidden],.log-call-sheet [hidden]{display:none!important}
.log-call-dialog button,.log-call-sheet button{font-family:inherit;font-size:13px;line-height:1.15;font-weight:600;cursor:pointer;min-height:44px;min-width:44px;border:1px solid var(--lc-border);border-radius:9px;background:#253343;color:#eaf2fb;margin:0;box-shadow:none;touch-action:manipulation;transition:background .09s,border-color .09s}
.log-call-dialog button:hover,.log-call-sheet button:hover{background:#31465b;border-color:#6d91b1}.log-call-dialog button:disabled,.log-call-sheet button:disabled{cursor:default;opacity:.48}.log-call-dialog :focus-visible,.log-call-sheet :focus-visible{outline:3px solid var(--lc-blue);outline-offset:2px}
.log-call-dialog button[aria-pressed=true],.log-call-sheet button[aria-pressed=true]{background:#a6ff4026;border-color:var(--lc-green);color:#d8ffb5;box-shadow:inset 0 0 0 1px var(--lc-green)}
.lc-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:13px 20px;background:#1c2835;border-bottom:1px solid var(--lc-border)}
.lc-head h2{font-size:24px;line-height:1.15;margin:3px 0 0;font-weight:750;letter-spacing:-.7px;color:#fff}.lc-head h2 small{font-size:13px;font-weight:500;letter-spacing:0;color:var(--lc-muted);margin-left:12px}.lc-kicker{font-size:10px;letter-spacing:1.8px;color:var(--lc-green);font-weight:750}.lc-kicker span{color:var(--lc-muted);letter-spacing:1px;margin-left:12px}.lc-head-tools{display:flex;align-items:center;gap:8px}.lc-link-state{font-size:11px;color:#b4c8da;margin-right:4px}.lc-icon{font-size:24px!important;width:44px;padding:0!important;background:#1a2531!important}
.log-call-dialog #lc-form{display:flex;flex-direction:column;margin:0;padding:0;gap:0;max-height:calc(100dvh - 104px)}
.lc-content{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0;min-height:0;overflow:auto}.lc-origin{padding:14px 18px;background:#17212d;border-right:1px solid var(--lc-border);display:flex;flex-direction:column;gap:10px;min-width:0}.lc-detail{padding:14px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}.lc-detail section{display:flex;flex-direction:column;gap:7px;min-width:0}.lc-section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:23px}.lc-section-title h3{font-size:13px;letter-spacing:.15px;color:#edf4fc;margin:0;display:flex;align-items:center;gap:8px;font-weight:700}.lc-section-title h3>span{display:inline-grid;place-items:center;border-radius:6px;width:22px;height:22px;font-size:11px;color:var(--lc-blue);background:#58b9ff18;border:1px solid #58b9ff40}.lc-section-title small,.lc-required,.lc-subtitle small{font-size:10px;color:var(--lc-muted);font-weight:500}.lc-subtitle{font-size:12px;font-weight:700;display:flex;justify-content:space-between;color:#d1deec;margin:0}.lc-grid{display:grid;gap:5px}.lc-stations{grid-template-columns:repeat(6,minmax(0,1fr))}.lc-choice{padding:6px 8px;word-break:normal;overflow-wrap:anywhere;font-size:12px!important;letter-spacing:0}.lc-stations .lc-choice{padding:4px;font-size:12px!important;font-weight:750}.lc-conditions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-conditions-grid .lc-choice{font-size:12px!important}.lc-conditions-grid .lc-more{grid-column:auto}.lc-yellow{border-left:3px solid #f4d54f!important}.lc-quick{width:100%;min-height:52px!important;border-color:#55acdd!important;background:#183c54!important;color:#c7edff!important;font-size:13px!important;padding:6px}.lc-quick small{display:block;color:#91c4e3;font-size:10px;font-weight:500;margin-top:4px}.lc-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#111b25;padding:3px;border:1px solid var(--lc-border);border-radius:10px}.lc-mode button{border-color:transparent;min-height:44px}.lc-label{font-size:12px;color:#d9e6f2;font-weight:600;display:flex;justify-content:space-between}.lc-label small{color:var(--lc-muted);font-weight:400}.log-call-dialog input:not([type=checkbox]),.log-call-dialog textarea,.log-call-sheet input:not([type=checkbox]){font:500 13px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;background:#101924;color:#f4f8fc;border:1px solid #3c5063;border-radius:8px;min-height:44px;width:100%;padding:9px 11px;margin:0;max-width:100%;box-shadow:none}.log-call-dialog input::placeholder,.log-call-dialog textarea::placeholder{color:#8499ae}.log-call-dialog textarea{resize:vertical;height:64px;min-height:60px}.lc-custom-row{display:flex;align-items:center;gap:8px;min-width:0}.lc-origin .lc-custom-row input{font-size:11px;min-height:44px}.lc-car-inputs{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:start}.lc-car-number{font-size:10px;color:var(--lc-muted);display:flex;flex-direction:column;gap:5px}.lc-car-number #lc-number{font-size:32px;line-height:1.2;font-weight:750;letter-spacing:1px;min-height:73px;text-align:center;border-color:#5884a2}.lc-colors{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-bottom:5px}.lc-color{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 2px!important;font-size:10px!important;min-width:0!important;min-height:44px}.lc-color i{display:block;width:14px;height:14px;border:1px solid #ffffff69;border-radius:50%;background:var(--swatch)}.lc-car-inputs #lc-color-description{min-height:44px;font-size:12px}.lc-types{grid-template-columns:repeat(4,minmax(0,1fr))}.lc-details{grid-template-columns:repeat(5,minmax(0,1fr))}.lc-details .lc-choice{font-size:11px!important}.lc-details .lc-choice[aria-pressed=true]::before{content:'✓ ';color:var(--lc-green)}.lc-locations{grid-template-columns:repeat(9,minmax(0,1fr))}.lc-locations .lc-choice{padding:5px 3px;font-size:11px!important}.lc-custom-row #lc-location{max-width:250px;font-size:12px}.lc-prediction{font-size:10px;color:var(--lc-muted)}.lc-position{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lc-position>.lc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lc-position .lc-choice{font-size:12px!important}.lc-reset{border:0!important;background:transparent!important;min-height:44px;font-size:11px!important;color:var(--lc-blue)!important;padding:4px 2px}.lc-add{font-size:11px!important;color:var(--lc-green)!important;padding:5px 9px}.lc-car-tabs{display:flex;gap:6px;flex-wrap:wrap}.lc-car-tabs button{padding:6px 10px}.lc-car-options{display:flex;align-items:center;justify-content:space-between;gap:12px}.lc-car-options button{font-size:11px!important;padding:4px 8px;color:var(--lc-blue)}.lc-car-options button:last-child{color:#ffc6ca}.lc-pending-summary{margin-top:auto}.lc-pending-summary>button{background:#1d2c3c;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;text-align:left;font-size:12px}.lc-pending-summary b{background:#2f4358;border-radius:5px;padding:2px 6px;color:#bfe6ff}.lc-pending-summary span{margin-left:auto;color:var(--lc-muted);font-size:10px}.lc-hint{font-size:10px;line-height:1.45;color:var(--lc-muted);margin:0}.lc-broadcast{font-size:11px;display:flex;align-items:center;gap:7px;min-height:44px}.lc-broadcast input,.log-call-sheet input[type=checkbox]{width:18px;height:18px;accent-color:var(--lc-green)}
.lc-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:12px 20px;border-top:1px solid var(--lc-border);background:#1c2835;flex-shrink:0}.lc-footer>div:first-child{min-width:0;flex:1}.lc-message{font-size:12px;line-height:1.4;color:#b8dbf7;white-space:normal}.lc-preview{font-size:11px;color:var(--lc-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:650px}.lc-save-tools{display:flex;gap:8px;align-items:center}.lc-save{background:var(--lc-green)!important;border-color:var(--lc-green)!important;color:#152209!important;font-size:13px!important;font-weight:750!important;padding:10px 20px!important;min-height:48px!important}.lc-save span{margin-left:16px;opacity:.5}.lc-neutral{padding:8px 13px!important;font-size:12px!important}.lc-has-pending{border-color:#58b9ff!important;color:#bfe7ff!important}.lc-radio-empty{padding:60px 40px;text-align:center;color:var(--lc-muted)}.lc-radio-empty>div{font-size:60px;color:var(--lc-blue)}.lc-radio-empty h3{color:#fff;font-size:24px}.lc-radio-mode{display:none}
.log-call-sheet{width:780px;overflow:auto}.log-call-sheet .lc-head{position:sticky;top:0;z-index:2}.log-call-sheet .lc-head h2{font-size:21px}.lc-sheet-body{padding:18px;display:flex;flex-direction:column;gap:14px}.lc-sheet-body p{margin:0;color:var(--lc-muted);font-size:13px;line-height:1.5}.lc-sheet-body footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.lc-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.lc-queue{display:flex;flex-direction:column;gap:8px}.lc-queue button{padding:12px;text-align:left}.lc-queue strong{display:flex;justify-content:space-between}.lc-queue small{display:block;margin-top:6px;font-weight:400;color:var(--lc-muted)}.lc-setting-scopes,.lc-setting-groups{display:flex;gap:6px}.lc-setting-scopes button,.lc-setting-groups button{flex:1;padding:8px}.lc-scope-note{font-size:12px!important}.lc-inherit{display:flex;align-items:center;gap:10px;min-height:44px;color:#dce9f7}.lc-option-table{display:flex;flex-direction:column;gap:8px}.lc-option-row{display:grid;grid-template-columns:minmax(120px,1fr) 44px 55px 42px 44px 44px 44px;gap:5px;align-items:center;padding-bottom:8px;border-bottom:1px solid #334454}.lc-option-row>label:not(:first-child){font-size:10px;display:flex;align-items:center;justify-content:center;gap:2px;min-height:44px}.lc-option-name{display:flex;flex-direction:column;gap:3px;min-width:0}.lc-option-name small{font-size:9px;color:var(--lc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-option-row button{font-size:18px}.lc-settings-footer{position:sticky;bottom:-18px;background:var(--lc-bg);padding:14px 0}.lc-sheet-body>.lc-position>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
@media(min-width:1000px) and (max-height:800px){.log-call-dialog{width:1180px}.lc-head{min-height:64px;padding:9px 18px}.lc-head h2{font-size:22px}.log-call-dialog #lc-form{max-height:calc(100dvh - 90px)}.lc-content{grid-template-columns:320px minmax(0,1fr)}.lc-origin{padding:10px 14px;gap:7px}.lc-detail{padding:8px 16px;gap:7px}.lc-detail section{gap:5px}.lc-footer{min-height:64px;padding:8px 18px}.lc-stations{gap:4px}.lc-car-inputs{grid-template-columns:120px minmax(0,1fr);gap:10px}.lc-section-title{min-height:22px}.lc-colors{gap:4px}.lc-kicker{font-size:9px}.lc-hint{font-size:9px}}
@media(max-width:1100px){.log-call-dialog{width:1000px}.lc-content{grid-template-columns:290px minmax(0,1fr)}.lc-origin{padding:12px;gap:8px}.lc-detail{padding:12px;gap:9px}.lc-colors{grid-template-columns:repeat(4,minmax(0,1fr))}.lc-car-inputs{grid-template-columns:105px minmax(0,1fr);gap:9px}.lc-locations{grid-template-columns:repeat(6,minmax(0,1fr))}.lc-details{grid-template-columns:repeat(3,minmax(0,1fr))}.lc-link-state{display:none}.lc-head h2 small{font-size:11px}.lc-footer{padding:10px 14px}.lc-preview{max-width:370px}.lc-choice{font-size:11px!important}}
@media(max-width:750px){.log-call-dialog,.log-call-sheet{max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:12px}.lc-head{padding:10px 12px;min-height:64px}.lc-head h2 small{display:block;margin:3px 0 0}.lc-kicker span{display:none}.lc-content{grid-template-columns:1fr}.lc-origin{border-right:0;border-bottom:1px solid var(--lc-border)}.lc-detail{padding:12px}.lc-footer{flex-wrap:wrap;gap:8px}.lc-footer>div:first-child{flex-basis:100%}.lc-save-tools{margin-left:auto}.lc-option-row{grid-template-columns:minmax(90px,1fr) 38px 46px 35px 44px 44px 44px;gap:2px}.lc-setting-groups button{font-size:11px}.lc-position{gap:6px}.lc-details{grid-template-columns:repeat(3,minmax(0,1fr))}.lc-preview{max-width:calc(100vw - 60px)}}
@media(prefers-reduced-motion:reduce){.log-call-dialog button,.log-call-sheet button{transition:none}.log-call-dialog::backdrop,.log-call-sheet::backdrop{backdrop-filter:none}}
.log-call-dialog .lc-content{grid-template-columns:390px minmax(0,1fr)}
.log-call-dialog .lc-origin{gap:9px;padding:12px 18px}
.log-call-dialog .lc-stations{grid-template-columns:repeat(7,minmax(0,1fr))}
.log-call-dialog .lc-conditions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.lc-quick-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:7px;margin-top:2px}
.log-call-dialog .lc-queue-mini{font-size:11px;line-height:1.4;color:var(--lc-blue);padding:5px}.lc-queue-mini b{display:block;font-size:16px}
.log-call-dialog .lc-note-button{text-align:left;font-size:12px;padding:8px 12px}.lc-note-button span{font-size:11px;color:var(--lc-muted);margin-left:12px;font-weight:400}
.log-call-dialog .lc-head .lc-mode{width:220px;padding:2px;margin-right:12px}.lc-head .lc-mode button{font-size:12px;padding:5px 12px}.lc-link-state{display:none}
.lc-radio-empty{text-align:left;display:flex;flex-direction:column;gap:14px;padding:25px 30px}.lc-radio-empty>div{font-size:35px}.lc-radio-empty h3,.lc-radio-empty p{margin:0}.lc-radio-empty textarea{height:140px}.lc-radio-empty>.lc-label{margin-top:10px}
.log-call-sheet textarea{font:14px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;color:white;background:#101924;border:1px solid #52667c;border-radius:8px;width:100%;margin-top:8px;padding:12px}
@media(min-width:1000px) and (max-height:800px){.log-call-dialog .lc-origin{padding:8px 16px;gap:6px}.log-call-dialog .lc-content{grid-template-columns:380px minmax(0,1fr)}}
@media(max-width:1100px){.log-call-dialog .lc-content{grid-template-columns:350px minmax(0,1fr)}.log-call-dialog .lc-origin{padding:10px;gap:7px}.log-call-dialog .lc-stations{grid-template-columns:repeat(7,minmax(0,1fr))}.log-call-dialog .lc-locations{grid-template-columns:repeat(8,minmax(0,1fr))}.log-call-dialog .lc-details{grid-template-columns:repeat(5,minmax(0,1fr))}.log-call-dialog .lc-head .lc-mode{width:190px;margin-right:0}.log-call-dialog .lc-colors{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:750px){.log-call-dialog .lc-content{grid-template-columns:1fr}.log-call-dialog .lc-stations{grid-template-columns:repeat(6,minmax(0,1fr))}.log-call-dialog .lc-head .lc-mode{width:auto}.lc-head .lc-mode button{font-size:11px;padding:4px}.lc-head-tools{gap:4px}.lc-head .lc-icon{width:40px;min-width:40px}.log-call-dialog .lc-locations{grid-template-columns:repeat(6,minmax(0,1fr))}.log-call-dialog .lc-details{grid-template-columns:repeat(3,minmax(0,1fr))}.lc-radio-empty{padding:18px}}
@media(min-width:1101px){.log-call-dialog .lc-types{grid-template-columns:repeat(7,minmax(0,1fr))}}
.lc-head .lc-add{padding:6px 12px!important}.log-call-dialog .lc-detail>.lc-car-section>.lc-section-title{min-height:23px}
@media(min-width:1000px) and (max-height:800px){.log-call-dialog .lc-detail{padding:8px 14px;gap:8px}.log-call-dialog .lc-detail section{gap:5px}}
@media(min-width:1000px) and (max-height:800px){.log-call-dialog .lc-detail{padding:6px 14px;gap:5px}.log-call-dialog .lc-detail section{gap:3px}.log-call-dialog .lc-detail .lc-section-title{min-height:22px}}
@media(min-width:751px) and (max-width:1100px){.log-call-dialog{width:1180px}.log-call-dialog .lc-stations{grid-template-columns:repeat(6,minmax(0,1fr))}.log-call-dialog .lc-colors{grid-template-columns:repeat(8,minmax(0,1fr))}.log-call-dialog .lc-types{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(min-width:1000px) and (max-height:800px){.log-call-dialog{max-height:calc(100dvh - 16px)}.log-call-dialog #lc-form{max-height:calc(100dvh - 82px)}}
@media(min-width:751px) and (max-width:1100px){.log-call-dialog .lc-locations{grid-template-columns:repeat(9,minmax(0,1fr))}}
.lc-color-custom{display:flex;gap:5px;align-items:center}.lc-color-custom input{min-width:0}.log-call-dialog .lc-more-colors{padding:4px 6px!important;font-size:11px!important;flex-shrink:0}
@media(min-width:751px){.log-call-dialog .lc-types{grid-template-columns:repeat(var(--lc-incident-columns,7),minmax(0,1fr))}.log-call-dialog .lc-details{grid-template-columns:repeat(var(--lc-detail-columns,5),minmax(0,1fr))}}
/* A single car row leaves room for all controls on a scaled laptop display. */

/* Color labels match the car palette without sacrificing dark-surface contrast. */
.log-call-dialog .lc-color,.log-call-sheet .lc-color{position:relative;color:var(--color-text);background:#1b2632;font-weight:750}
.log-call-dialog .lc-color:hover,.log-call-sheet .lc-color:hover{background:#2a3a4a}
.log-call-dialog .lc-color[aria-pressed=true],.log-call-sheet .lc-color[aria-pressed=true]{color:var(--color-text);background:#a6ff4018;border-color:var(--lc-green);box-shadow:inset 0 0 0 1px var(--lc-green)}
.lc-color[aria-pressed=true] i{outline:2px solid var(--lc-green);outline-offset:2px}
.log-call-sheet .lc-color{flex-direction:row;justify-content:flex-start;gap:10px;min-height:52px;padding:10px 14px!important;font-size:15px!important}
.log-call-sheet .lc-color i{width:14px;height:14px;flex-shrink:0}
.lc-other-label{font-size:11px;font-weight:650;color:#d5dfe8;white-space:nowrap}
/* Keep labels legible without adding rows to the compact single-car form. */
.log-call-dialog,.log-call-sheet{font-family:var(--ui-font,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}
.log-call-dialog :is(input,textarea),.log-call-sheet :is(input,textarea){font-family:inherit}
.log-call-dialog .lc-section-title h3{font-size:14px;line-height:1.2}
.log-call-dialog :is(.lc-section-title small,.lc-subtitle small,.lc-car-number,.lc-hint,.lc-quick small,.lc-preview,.lc-prediction){font-size:12px;line-height:1.3}
.log-call-dialog .lc-color{font-size:12px!important;gap:3px}
.log-call-dialog :is(.lc-choice,.lc-details .lc-choice,.lc-locations .lc-choice){font-size:13px!important}
.log-call-dialog :is(.lc-subtitle,.lc-label,.lc-note-button,.lc-other-label){font-size:13px}
.log-call-dialog .lc-kicker{font-size:11px;letter-spacing:1.2px}
.log-call-dialog .lc-reset{font-size:12px!important}
.log-call-dialog .lc-car-inputs{align-items:end}
.log-call-dialog .lc-color-custom{gap:8px}
.log-call-dialog .lc-color-custom input{flex:1}
@media(max-width:750px){.log-call-dialog .lc-head{flex-wrap:wrap;gap:8px}.log-call-dialog .lc-head-tools{width:100%;justify-content:space-between}.log-call-dialog .lc-car-inputs{grid-template-columns:90px minmax(0,1fr)}.log-call-dialog .lc-colors{grid-template-columns:repeat(4,minmax(0,1fr))}.log-call-dialog .lc-color-custom{flex-wrap:wrap}.log-call-dialog .lc-other-label{flex-basis:100%}}

.log-call-dialog :is(.lc-add,.lc-queue-mini,.lc-more-colors){font-size:12px!important}
.log-call-dialog :is(.lc-stations,.lc-locations) .lc-choice{overflow-wrap:normal;hyphens:manual}
/* Wrapped phone headers must not push the save controls outside the dialog. */
@media(max-width:750px){.log-call-dialog[open]{display:flex;flex-direction:column;height:calc(100dvh - 14px)}.log-call-dialog .lc-head,.log-call-dialog .lc-footer{flex-shrink:0}.log-call-dialog #lc-form{flex:1;min-height:0;max-height:none}.log-call-dialog .lc-content{flex:1}}

/* Read and enter the call in the same top-to-bottom order at every width. */
.log-call-dialog[open]{display:flex;flex-direction:column;width:1120px}
.log-call-dialog .lc-head,.log-call-dialog .lc-footer{flex-shrink:0}
.log-call-dialog #lc-form{flex:1;min-height:0;max-height:none;overflow:hidden}
.log-call-dialog .lc-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}
.log-call-dialog .lc-origin{flex:none;border-right:0;border-bottom:1px solid var(--lc-border);padding:10px 18px;gap:7px}
.log-call-dialog .lc-detail{flex:none;padding:10px 18px;gap:10px}
.log-call-dialog .lc-detail section{gap:6px}
.log-call-dialog .lc-stations,.log-call-dialog .lc-locations{grid-template-columns:repeat(9,minmax(0,1fr))}
.log-call-dialog .lc-car-inputs{grid-template-columns:110px minmax(0,1fr);align-items:end;gap:12px}
.log-call-dialog .lc-colors{grid-template-columns:repeat(8,minmax(0,1fr))}
.log-call-dialog .lc-car-number #lc-number{min-height:72px}
.log-call-dialog .lc-station-tools{display:flex;align-items:center;gap:16px}
.log-call-dialog .lc-queue-mini{padding:5px 10px}
.log-call-dialog .lc-queue-mini b{display:inline;font-size:inherit;margin-left:5px}
.log-call-dialog .lc-note-button{min-height:32px;padding:4px 10px}
.log-call-dialog .lc-position{gap:12px}
@media(max-width:750px){
 .log-call-dialog .lc-origin,.log-call-dialog .lc-detail{padding:12px}
 .log-call-dialog .lc-stations,.log-call-dialog .lc-locations{grid-template-columns:repeat(6,minmax(0,1fr))}
 .log-call-dialog .lc-colors{grid-template-columns:repeat(4,minmax(0,1fr))}
 .log-call-dialog .lc-car-inputs{grid-template-columns:85px minmax(0,1fr);align-items:start}
 .log-call-dialog .lc-station-tools{gap:6px}
 .log-call-dialog .lc-position{grid-template-columns:1fr;gap:6px}
}

/* Familiar compact groups, modeled on the Local Yellow entry form. */
.log-call-dialog[open]{width:850px}
.log-call-dialog .lc-head{min-height:58px;padding:8px 16px}
.log-call-dialog .lc-head h2{font-size:20px}
.log-call-dialog .lc-origin,.log-call-dialog .lc-detail{padding:8px 16px;gap:7px}
.log-call-dialog .lc-origin{background:#17212d}
.log-call-dialog .lc-detail section{padding:6px 8px;border:1px solid #344657;border-radius:8px;gap:5px}
.log-call-dialog .lc-section-title h3{font-size:14px}
.log-call-dialog .lc-stations,.log-call-dialog .lc-locations{grid-template-columns:repeat(7,minmax(0,1fr))}
.log-call-dialog .lc-types{grid-template-columns:repeat(4,minmax(0,1fr))}
.log-call-dialog .lc-details{grid-template-columns:repeat(5,minmax(0,1fr))}
.log-call-dialog :is(.lc-choice,.lc-color){min-height:36px;font-size:13px!important;padding:5px 7px!important}
.log-call-dialog .lc-color{flex-direction:row;gap:6px}
.log-call-dialog .lc-car-inputs{grid-template-columns:90px minmax(0,1fr)}
.log-call-dialog .lc-colors{grid-template-columns:repeat(4,minmax(0,1fr))}
.log-call-dialog .lc-car-number #lc-number{min-height:54px;font-size:25px}
.log-call-dialog .lc-footer{min-height:60px;padding:8px 16px}
@media(max-width:750px){
 .log-call-dialog .lc-stations,.log-call-dialog .lc-locations{grid-template-columns:repeat(4,minmax(0,1fr))}
 .log-call-dialog .lc-types,.log-call-dialog .lc-details{grid-template-columns:repeat(2,minmax(0,1fr))}
 .log-call-dialog .lc-colors{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Compact, one-screen desktop flow with Local Yellow-style grouped choices. */
@media (min-width: 800px) {
 .log-call-dialog[open]{width:1120px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 12px)}
 .log-call-dialog .lc-head{min-height:51px;padding:5px 14px}
 .log-call-dialog .lc-head h2{font-size:20px}
 .log-call-dialog .lc-head .lc-mode button,.log-call-dialog .lc-head .lc-icon{min-height:36px;height:36px}
 .log-call-dialog .lc-head .lc-icon{width:40px}
 .log-call-dialog #lc-form{max-height:calc(100dvh - 63px)}
 .log-call-dialog .lc-content{gap:0}
 .log-call-dialog .lc-origin{padding:5px 12px;gap:4px}
 .log-call-dialog .lc-detail{padding:5px 12px;gap:4px}
 .log-call-dialog .lc-detail section{padding:4px 6px;gap:4px}
 .log-call-dialog .lc-section-title{min-height:21px}
 .log-call-dialog .lc-section-title h3{font-size:13px}
 .log-call-dialog .lc-section-title h3>span{width:19px;height:19px}
 .log-call-dialog .lc-grid{gap:3px}
 .log-call-dialog .lc-stations,.log-call-dialog .lc-locations{grid-template-columns:repeat(9,minmax(0,1fr))}
 .log-call-dialog .lc-types{grid-template-columns:repeat(5,minmax(0,1fr))}
 .log-call-dialog .lc-details{grid-template-columns:repeat(5,minmax(0,1fr))}
 .log-call-dialog :is(.lc-choice,.lc-color){min-height:32px;padding:4px 5px!important;font-size:12px!important}
 .log-call-dialog .lc-color{flex-direction:row;gap:5px}
 .log-call-dialog .lc-car-inputs{grid-template-columns:90px minmax(0,1fr);gap:8px}
 .log-call-dialog .lc-colors{grid-template-columns:repeat(8,minmax(0,1fr));margin-bottom:3px}
 .log-call-dialog .lc-car-number #lc-number{min-height:65px;font-size:24px}
 .log-call-dialog .lc-car-inputs #lc-color-description{min-height:32px;height:32px}
 .log-call-dialog :is(.lc-more-colors,.lc-add,.lc-note-button,.lc-reset){min-height:32px;padding:4px 8px!important}
 .log-call-dialog .lc-footer{min-height:52px;padding:5px 14px}
 .log-call-dialog .lc-save{min-height:40px!important;padding:7px 15px!important}
 .log-call-dialog .lc-neutral{min-height:40px}
 .log-call-dialog .lc-location-tools{display:flex;align-items:center;gap:8px}
 .log-call-dialog .lc-position{gap:8px}
 .log-call-dialog .lc-subtitle{font-size:12px}
}
@media (min-width:800px) and (max-height:700px){
 .log-call-dialog .lc-head{min-height:44px}
 .log-call-dialog .lc-kicker{display:none}
 .log-call-dialog .lc-origin,.log-call-dialog .lc-detail{padding-top:3px;padding-bottom:3px}
 .log-call-dialog .lc-detail section{padding-top:2px;padding-bottom:2px;gap:3px}
 .log-call-dialog :is(.lc-choice,.lc-color){min-height:30px}
 .log-call-dialog .lc-footer{min-height:46px}
}
@media(max-width:799px){.log-call-dialog .lc-location-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.log-call-dialog .lc-location-tools small{display:none}}

@media (min-width:800px){
 .log-call-dialog .lc-details{grid-template-columns:1fr repeat(5,minmax(0,1fr));align-items:stretch}
 .log-call-dialog .lc-details-title{align-items:center;padding:0 5px}
 .log-call-dialog .lc-car-number{font-size:0;gap:0}
 .log-call-dialog .lc-car-number #lc-number{min-height:62px}
}
@media(max-width:799px){.log-call-dialog .lc-details-title{grid-column:1 / -1}}

.lc-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.lc-car-tools{display:flex;align-items:center;gap:6px}
.log-call-dialog .lc-car-chooser{min-height:32px;padding:4px 9px;font-size:12px}
/* Use the same calm, high-contrast slate controls as the Local Yellow chooser. */
.log-call-dialog .lc-choice:not(.lc-color){background:#30414b;border-color:#4b5f6b;color:#f1f6f8}
.log-call-dialog .lc-choice:not(.lc-color):hover{background:#405560;border-color:#78909b}
.log-call-dialog .lc-choice:not(.lc-color)[aria-pressed=true]{background:#a6ff40;border-color:#a6ff40;color:#172209;box-shadow:none}