/* The inspected Super Dispatch menu, using the portal's existing theme. */
.bol-menu-screen { background:var(--canvas);min-height:100dvh; }
.driver-screen .bol-menu-toolbar { background:var(--canvas);grid-template-columns:48px 1fr 48px;backdrop-filter:none; }
.bol-menu-content { padding:24px 16px max(32px,env(safe-area-inset-bottom)); }
.bol-menu-content svg,.bol-send-icon svg { width:24px;height:24px;flex-shrink:0; }
.bol-send-icon { justify-self:end;display:grid;place-items:center;width:44px;min-height:44px;background:transparent;border:0;color:var(--secondary);padding:8px; }
.bol-recipient-box { padding:32px 16px;border-radius:16px;background:var(--surface);margin-bottom:24px; }
.bol-recipient-line { display:flex;align-items:center;border-bottom:1px solid var(--link); }
.bol-recipient-line input { min-width:0;width:100%;min-height:48px;border:0;border-radius:0;background:transparent;color:var(--text);padding:8px 0;font-size:17px;box-shadow:none; }
.bol-recipient-line input::placeholder { color:var(--secondary);opacity:1; }
.bol-add-recipient { display:grid;place-items:center;background:transparent;color:var(--link);border:0;width:44px;min-height:44px;padding:8px; }
.bol-menu-row { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;min-height:54px;font-size:17px;line-height:1.3; }
.bol-row-value { display:flex;align-items:center;gap:4px;color:var(--secondary);flex-shrink:0; }
.bol-row-value svg { width:18px;height:20px; }
.bol-attachment-menu { background:var(--surface);border-radius:16px;margin-bottom:24px; }
.bol-attachment-menu summary { list-style:none;color:var(--link);cursor:pointer; }
.bol-attachment-menu summary::-webkit-details-marker { display:none; }
.bol-attachment-menu p { margin:0;padding:0 16px 16px;color:var(--secondary);font-size:14px; }
.bol-attachment-menu[open] .bol-row-value svg { transform:rotate(90deg); }
.bol-settings-group { background:var(--surface);border-radius:16px;padding:0 16px;margin-bottom:24px; }
.bol-settings-group .bol-menu-row { padding:16px 0; }
.bol-header-option { border-bottom:1px solid var(--divider); }
.bol-header-option>span:first-child { max-width:25ch; }
.bol-preview-switch { width:58px;height:34px;border-radius:20px;background:var(--surface-raised);border:1px solid var(--divider);position:relative;flex-shrink:0; }
.bol-preview-switch::after { content:'';position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:var(--secondary); }
:root[data-theme=dark] .bol-preview-switch { background:#50545e;border-color:#50545e; }
:root[data-theme=dark] .bol-preview-switch::after { background:#fff; }
.bol-send-button { width:100%;margin-bottom:24px;background:var(--action);color:#fff;border:0; }
.bol-menu-screen button:disabled { opacity:1;cursor:default; }
.bol-menu-screen .bol-send-button:disabled { background:var(--action);color:#fff; }
.bol-menu-screen .bol-add-recipient:disabled { background:transparent;color:var(--link); }
.bol-menu-screen .bol-send-icon:disabled { background:transparent;color:var(--secondary); }
.bol-view-link { border-radius:16px;background:var(--surface);color:var(--link);text-decoration:none; }
.bol-view-link:hover,.bol-attachment-menu summary:hover { background:var(--tint);border-radius:16px; }
.bol-print-help { margin-top:12px;text-align:right;font-size:14px; }
.bol-print-help summary { display:inline-flex;align-items:center;min-height:44px;color:var(--link);cursor:pointer;list-style:none; }
.bol-print-help summary::-webkit-details-marker { display:none; }
.bol-print-help p { text-align:left;color:var(--secondary);line-height:1.5;margin:8px 0 0; }
.bol-menu-note { margin:24px 0 0;color:var(--secondary);font-size:12px;line-height:1.6; }
.bol-menu-note strong { font-weight:500; }
.bol-preset-group { border-bottom:1px solid var(--divider);padding:12px 0; }
.bol-preset-group>summary { min-height:44px;padding:12px 0;cursor:pointer;font-weight:600;color:var(--text); }
.bol-preset-group fieldset { border:0;padding:12px 0;margin:0;min-width:0; }
#bol-preset-form>.primary-wide { width:100%; }
.bol-correction-field { margin-bottom:14px; }
.bol-correction-choice { display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px; }
.bol-correction-choice input { width:20px;height:20px;accent-color:var(--action); }
.bol-correction-field>input { width:100%;background:var(--surface);color:var(--text);border-color:var(--divider); }
.bol-correction-field>input:disabled { background:var(--canvas);color:var(--secondary);opacity:1; }
@media(max-width:369px) { .bol-menu-row { font-size:15px;gap:10px; }.bol-row-value { gap:0; } }
@media(min-width:760px) { .bol-menu-content { padding-left:24px;padding-right:24px; } }

/* Admin BOL defaults: one section at a time, explicit field actions. */
.bol-settings-content { padding-bottom:130px; }
.bol-settings-intro h2 { margin:0 0 6px;font-size:24px;letter-spacing:-.02em;line-height:1.25; }
.bol-settings-intro p { margin:0 0 24px;color:var(--secondary);font-size:15px; }
.bol-apply-row { display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--surface);padding:18px 16px;border-radius:16px; }
.bol-apply-row strong { display:block;font-size:16px;font-weight:600; }
.bol-apply-row small { display:block;margin-top:4px;font-size:13px;font-weight:400;color:var(--secondary);line-height:1.4; }
.bol-section-tabs { display:flex;border-bottom:1px solid var(--divider);margin:24px 0 0;gap:4px; }
.bol-section-tabs button { flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 4px;border-radius:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--secondary);font-size:15px; }
.bol-section-tabs button:hover { background:var(--surface);color:var(--text); }
.bol-section-tabs button[aria-selected=true] { border-bottom-color:var(--action);color:var(--link); }
.bol-section-tabs span { font-size:12px;min-width:20px;padding:1px 5px;border-radius:6px;background:var(--surface-raised);color:var(--text);font-variant-numeric:tabular-nums; }
.bol-section-tabs [hidden],.bol-section-panel[hidden],.bol-field-entry[hidden] { display:none; }
.bol-section-heading { padding:22px 0 16px; }
.bol-section-heading h3 { margin:0 0 4px;font-size:17px;font-weight:600; }
.bol-section-heading p { margin:0;font-size:14px;color:var(--secondary); }
.bol-field-list { background:var(--surface);border-radius:16px;padding:0 16px; }
.bol-field-row { padding:10px 0;border-bottom:1px solid var(--divider); }
.bol-field-row:last-child { border:0; }
.bol-field-top { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px; }
.bol-field-top label { font-size:15px;font-weight:500;margin:0; }
.bol-field-top select { width:148px;flex-shrink:0;min-height:44px;font-size:14px;padding:8px;border:1px solid transparent;background-color:var(--surface)!important;color:var(--link)!important; }
.bol-field-top select:hover { border-color:var(--divider); }
.bol-field-entry { padding:2px 0 6px; }
.bol-field-entry input { width:100%;font-size:16px;min-height:48px;border-radius:10px;background:var(--canvas)!important;caret-color:var(--link); }
.bol-field-entry input::placeholder { color:var(--secondary);opacity:1; }
.bol-field-entry input[aria-invalid=true] { border-color:var(--settings-error,#b42318); }
.bol-field-error { display:block;font-size:13px;color:var(--settings-error,#b42318);line-height:1.4; }
.bol-field-error:not(:empty) { margin-top:6px; }
.bol-save-bar { position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,600px);z-index:600;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--divider); }
.bol-save-feedback { flex:1;min-width:0; }
#bol-preset-status { margin:0;color:var(--secondary);font-size:13px;line-height:1.4;overflow-wrap:anywhere; }
#bol-preset-status.is-error { color:var(--settings-error,#b42318); }
.bol-discard { padding:4px 0;background:transparent;color:var(--link);font-size:13px;min-height:44px;border:0; }
.bol-discard:hover { text-decoration:underline;background:transparent; }
#bol-save { flex-shrink:0;min-height:48px;border-radius:12px;padding:12px 18px;font-size:15px; }
#bol-save:disabled { background:var(--surface-raised);color:var(--secondary);opacity:1; }
.bol-settings-content :focus-visible { outline:2px solid var(--link);outline-offset:3px; }
.bol-settings-content ::selection { background:var(--tint);color:var(--text); }
@media(max-width:369px) { .bol-field-top { gap:6px; }.bol-field-top select { width:132px; }.bol-save-bar { padding-left:16px;padding-right:16px; }.bol-settings-intro h2 { font-size:22px; } }

.bol-settings-content,.carrier-settings-content { --settings-error:#b42318; }
:root[data-theme=dark] .bol-settings-content,:root[data-theme=dark] .carrier-settings-content { --settings-error:#ffb4ab; }
