/* core/console-theme81.css -- [calllogui-81 2026-10-09] console pop-up theme for the ADMIN window (every tab), the Recordings
 * window, the Virtual Audio window, the Diagnostics + Connections panels and the top-bar mic-source tile colours.
 * Reference theme (operator-approved, unchanged): Radio Patch pop-up (radio-patch.js [patch-skin2] :392-458: #rp-modal frame,
 * .rp-head/.rp-h1/.rp-h2, .rp-col panels, .rp-pill/.rp-pill.on filters, .rp-search, .rp-btn, .rp-x, .rp-row.sel) and item 77
 * core/console-popups.css (.pu-box/.pu-head/.pu-body/.pu-sec/.pu-btn). Font "Share Tech Mono","Courier New",monospace.
 * LOOK ONLY: no element, id, text or handler is changed by this file. Native <select>/<range> are replaced by buttons in
 * core/ui-buttons81.js (same handlers). Channel cards and the top bar layout are NOT touched (the mic tile gets colours only;
 * item 66 owns its size/text fit). Kill switch: delete the <link> (or localStorage ui_theme81_off=1 is NOT read: CSS only).
 * Many tab bodies are built with inline styles, so some rules below need !important and match inline colour values. */

/* ---------- A. window frame: ADMIN + Recordings (both are .overlay > .admin-box) + 65's Virtual Audio .admin-box ---------- */
#admin-overlay .admin-box,#recordings-overlay .admin-box,#vaudio-panel .admin-box{
  background:#070e1c!important;border:2px solid #22d3ee!important;border-radius:12px!important;
  box-shadow:0 0 58px rgba(34,211,238,.38),0 0 140px rgba(34,211,238,.13),0 24px 74px rgba(0,0,0,.92)!important;color:#e2e8f0}
#admin-overlay,#recordings-overlay{background:rgba(2,6,14,.9)}
#admin-overlay .admin-header,#recordings-overlay .admin-header,#vaudio-panel .admin-header{
  background:transparent!important;border-bottom:none!important;padding:16px 20px 12px!important;gap:12px;flex-wrap:wrap}
#admin-overlay .admin-header h2,#recordings-overlay .admin-header h2,#vaudio-panel .admin-header h2{
  font-family:"Share Tech Mono","Courier New",monospace;font-size:19px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;
  color:#f1f5f9;text-shadow:0 0 18px rgba(34,211,238,.4)}
/* header close (X) = Radio Patch .rp-x */
#admin-overlay .admin-header button[onclick*="closeOverlay"],#recordings-overlay .admin-header button[onclick*="close"],
#recordings-overlay .admin-header button[onclick*="Close"]{
  background:#7f1d1d!important;border:2px solid #ef4444!important;border-radius:8px!important;color:#fff!important}
#admin-overlay .admin-header button[onclick*="closeOverlay"]:hover,#recordings-overlay .admin-header button[onclick*="close"]:hover,
#recordings-overlay .admin-header button[onclick*="Close"]:hover{background:#dc2626!important;border-color:#fca5a5!important}
/* ADMIN header shortcuts (Recordings / Call Log / Diagnostics / Virtual Audio) = .pu-btn */
#admin-overlay .adm-shortcuts button,#admin-overlay .admin-header button[id^="va-"],#admin-overlay .admin-header .va-admin-btn{
  background:#0d1a30!important;border:1.5px solid #3b82f6!important;border-radius:8px!important;color:#e2e8f0!important;
  font-family:"Share Tech Mono","Courier New",monospace!important;letter-spacing:.03em!important;font-size:10.5px!important}
#admin-overlay .adm-shortcuts button:hover{border-color:#60a5fa!important;background:#14243f!important;color:#fff!important}
/* tab row = Radio Patch filter pills */
#admin-overlay .admin-tabs{background:transparent!important;border-bottom:none!important;padding:2px 16px 12px!important;gap:7px!important}
#admin-overlay .admin-tab{background:#0d1a30!important;border:1px solid rgba(125,211,252,.28)!important;border-radius:6px!important;color:#cbd5e1!important;
  font-family:"Share Tech Mono","Courier New",monospace;font-size:10.5px!important;letter-spacing:.04em!important;padding:7px 10px!important;box-shadow:none!important}
#admin-overlay .admin-tab:hover{border-color:#22d3ee!important;color:#fff!important}
#admin-overlay .admin-tab.active{background:#1d7fe0!important;border-color:#1d7fe0!important;color:#fff!important}
/* body = one boxed panel (.rp-col / .pu-body) */
#admin-overlay .admin-body,#recordings-overlay .admin-body,#vaudio-panel .admin-body{
  background:#0b1426!important;margin:0 16px 16px;border:1px solid rgba(34,211,238,.55);border-radius:10px;padding:14px 16px!important;color:#e2e8f0}
#admin-overlay .admin-body::-webkit-scrollbar,#recordings-overlay .admin-body::-webkit-scrollbar,#vaudio-panel .admin-body::-webkit-scrollbar{width:9px}
#admin-overlay .admin-body::-webkit-scrollbar-thumb,#recordings-overlay .admin-body::-webkit-scrollbar-thumb,#vaudio-panel .admin-body::-webkit-scrollbar-thumb{background:#1e8fb5;border-radius:5px}
/* section titles = .pu-sec */
#admin-overlay .admin-section>h3,#recordings-overlay .admin-section>h3,#admin-overlay .admin-body h3,#vaudio-panel .admin-body h3{
  font-family:"Share Tech Mono","Courier New",monospace;font-size:11.5px!important;font-weight:700;color:#22d3ee!important;letter-spacing:.16em!important;
  text-transform:uppercase;border-bottom:1px solid rgba(34,211,238,.25)!important;padding-bottom:6px}
#admin-overlay .admin-body h4{color:#7dd3fc!important;letter-spacing:.1em}
#admin-overlay .admin-body label{color:#7dd3fc}

/* ---------- B. controls inside the windows ---------- */
/* text fields = .rp-search */
#admin-overlay .admin-body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
#admin-overlay .admin-body textarea,#recordings-overlay .admin-body input[type=text],#recordings-overlay .admin-body input[type=search],
#vaudio-panel input[type=text],#vaudio-panel input[type=number]{
  background:#060d1a!important;border:1px solid rgba(34,211,238,.45)!important;border-radius:8px!important;color:#e2e8f0!important;
  outline:none}
#admin-overlay .admin-body input:focus,#admin-overlay .admin-body textarea:focus{border-color:#22d3ee!important;box-shadow:0 0 10px rgba(34,211,238,.35)}
#admin-overlay .admin-body input::placeholder,#admin-overlay .admin-body textarea::placeholder{color:#475569}
#admin-overlay input[type=checkbox],#admin-overlay input[type=radio],#recordings-overlay input[type=checkbox],#vaudio-panel input[type=checkbox]{accent-color:#22c55e}
/* buttons: every button in a window body gets the .rp-btn shape + font; colour by meaning */
#admin-overlay .admin-body button:not(.ub81-opt):not(.ub81-step),#recordings-overlay .admin-body button:not(.ub81-opt):not(.ub81-step){
  font-family:"Share Tech Mono","Courier New",monospace!important;border-radius:7px!important;letter-spacing:.06em}
#admin-overlay .admin-body .btn-sm,#admin-overlay .admin-body button[style*="background:#1a1a2e"],#admin-overlay .admin-body button[style*="background:#222"],
#admin-overlay .admin-body button[style*="background:#2a2a2a"],#admin-overlay .admin-body button[style*="background:#111"],
#admin-overlay .admin-body button[style*="background:#1a0030"],#admin-overlay .admin-body button[style*="background:#0d0d1a"],
#admin-overlay .admin-body button[style*="background:none"],#admin-overlay .admin-body button[style*="background:transparent"],
#admin-overlay .admin-body button[style*="background:#333"]{
  background:#0d1a30!important;border:1.5px solid #3b82f6!important;color:#e2e8f0!important}
#admin-overlay .admin-body .btn-sm:hover,#admin-overlay .admin-body button[style*="background:#1a1a2e"]:hover,#admin-overlay .admin-body button[style*="background:#222"]:hover,
#admin-overlay .admin-body button[style*="background:#2a2a2a"]:hover,#admin-overlay .admin-body button[style*="background:none"]:hover{
  border-color:#60a5fa!important;background:#14243f!important;color:#fff!important}
/* primary (filled cyan / blue Save buttons) -> filled .rp-pill.on blue */
#admin-overlay .admin-body button[style*="background:#00bcd4"],#admin-overlay .admin-body button[style*="background:#0097a7"],
#admin-overlay .admin-body button[style*="background:#1976d2"],#admin-overlay .admin-body button[style*="background:#1565c0"],
#admin-overlay .admin-body button[style*="background:#3949ab"],#admin-overlay .admin-body button[style*="background:#283593"],
#admin-overlay .admin-body button[style*="background:var(--accent"]{
  background:#1d7fe0!important;border:1.5px solid #1d7fe0!important;color:#fff!important}
/* add / create (.btn-sm.add, cyan outline) -> green outline */
#admin-overlay .admin-body .btn-sm.add,#admin-overlay .admin-body button[style*="color:#00bcd4"][style*="border"]{
  background:#07230f!important;border:1.5px solid #22c55e!important;color:#4ade80!important}
/* danger (delete / remove / stop): red = .rp-x */
#admin-overlay .admin-body .btn-sm.del,#admin-overlay .admin-body button[style*="color:#f44"],#admin-overlay .admin-body button[style*="color:#ff5252"],
#admin-overlay .admin-body button[style*="color:#ef5350"],#admin-overlay .admin-body button[style*="color:#e53935"],#admin-overlay .admin-body button[style*="border-color:#f44"],
#admin-overlay .admin-body button[style*="background:#c62828"],#admin-overlay .admin-body button[style*="background:#b71c1c"],#admin-overlay .admin-body button[style*="background:#7f0000"],
#admin-overlay .admin-body button[style*="background:#3a0000"],#admin-overlay .admin-body button[style*="background:#2a0a0a"],#admin-overlay .admin-body button[style*="background:#4a0000"]{
  background:#7f1d1d!important;border:1.5px solid #ef4444!important;color:#fff!important}
/* on / go (green) */
#admin-overlay .admin-body button[style*="background:#1b5e20"],#admin-overlay .admin-body button[style*="background:#2e7d32"],
#admin-overlay .admin-body button[style*="background:#00c853"],#admin-overlay .admin-body button[style*="background:#0d1a0d"],
#admin-overlay .admin-body button[style*="color:#69f0ae"],#admin-overlay .admin-body button[style*="color:#00e676"]{
  background:#07230f!important;border:1.5px solid #22c55e!important;color:#4ade80!important}
#admin-overlay .admin-body button:disabled{opacity:.45;cursor:default}

/* tables = Call Log / Radio Patch list */
#admin-overlay .admin-body table{border-collapse:collapse}
#admin-overlay .admin-body th{color:#22d3ee!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.14em;text-transform:uppercase;
  border-bottom:1px solid rgba(34,211,238,.35)!important;background:transparent}
#admin-overlay .admin-body td{border-bottom:1px solid rgba(125,211,252,.08)!important}
#admin-overlay .admin-body tbody tr:hover>td{background:rgba(14,42,68,.55)}
#admin-overlay .admin-body pre{background:#060d1a!important;border:1px solid rgba(34,211,238,.4)!important;border-radius:8px!important;color:#cbd5e1!important}
#admin-overlay .admin-body summary{color:#7dd3fc!important;letter-spacing:.06em}
#admin-overlay .admin-body a{color:#38bdf8}

/* ---------- C. inline-styled boxes inside the tabs -> Radio Patch panels / rows ---------- */
#admin-overlay .admin-body div[style*="background:#0d0d1a"],#admin-overlay .admin-body div[style*="background:#12121a"],
#admin-overlay .admin-body div[style*="background:#1a1a2e"],#admin-overlay .admin-body div[style*="background:#111"],
#admin-overlay .admin-body div[style*="background:#0a0a14"],#admin-overlay .admin-body div[style*="background:#151515"],
#admin-overlay .admin-body div[style*="background:#1a1a1a"],#admin-overlay .admin-body div[style*="background:#0d0d14"],
#admin-overlay .admin-body div[style*="background:#161616"],#admin-overlay .admin-body div[style*="background:#0f0f1a"],
#admin-overlay .admin-body div[style*="background:#080c18"],#admin-overlay .admin-body div[style*="background:#06080f"],
#admin-overlay .admin-body div[style*="background:#0a0e1a"],#admin-overlay .admin-body div[style*="background:#0b0f1c"],
#admin-overlay .admin-body div[style*="background:#101018"],#admin-overlay .admin-body div[style*="background:#14141f"],
#admin-overlay .admin-body div[style*="background:#0e0e18"],#admin-overlay .admin-body div[style*="background: #0d0d1a"]{
  background:#060d1a!important;border-color:rgba(34,211,238,.35)!important}
#admin-overlay .admin-body div[style*="border:1px solid #222"],#admin-overlay .admin-body div[style*="border:1px solid #333"],
#admin-overlay .admin-body div[style*="border:1px solid #2a2a2a"],#admin-overlay .admin-body div[style*="border:1px solid #1a1a1a"]{
  border-color:rgba(34,211,238,.35)!important;border-radius:8px}
/* dim inline text -> theme dim / label colours */
#admin-overlay .admin-body [style*="color:#555"],#admin-overlay .admin-body [style*="color:#666"],#admin-overlay .admin-body [style*="color:#444"],
#admin-overlay .admin-body [style*="color:#777"]{color:#64748b!important}
#admin-overlay .admin-body [style*="color:#888"],#admin-overlay .admin-body [style*="color:#999"],#admin-overlay .admin-body [style*="color:#aaa"]{color:#94a3b8!important}
#admin-overlay .admin-body [style*="color:#7986cb"],#admin-overlay .admin-body [style*="color:#90caf9"],#admin-overlay .admin-body [style*="color:#64b5f6"]{color:#7dd3fc!important}

/* ---------- D. Recordings window internals (recorder.js, inline) ---------- */
#recordings-overlay #rec-transport{background:transparent!important;border-bottom:none!important;margin:0 16px 10px;border:1px solid rgba(34,211,238,.55)!important;border-radius:10px;background-color:#0b1426!important}
/* transport buttons keep their own colours (state is painted from JS: playing / active speed); only shape + font follow the theme */
#recordings-overlay #rec-transport button{font-family:"Share Tech Mono","Courier New",monospace!important;border-radius:7px!important}
#recordings-overlay #rec-transport button:not(#rec-tr-mute){border-color:rgba(59,130,246,.75)!important}
#recordings-overlay .rec-row{background:#060d1a!important;border:1px solid rgba(34,211,238,.3)!important;border-radius:8px!important}
#recordings-overlay .rec-row:hover{background:#0e2a44!important;border-color:#22d3ee!important}

/* ---------- E. Virtual Audio window (vaudio-console.js #vaudio-panel; live + item 70 inline look) ---------- */
#vaudio-panel{background:#070e1c!important;border:2px solid #22d3ee!important;border-radius:12px!important;color:#e2e8f0!important;
  box-shadow:0 0 58px rgba(34,211,238,.38),0 0 140px rgba(34,211,238,.13),0 24px 74px rgba(0,0,0,.92)!important}
#vaudio-panel>h3,#vaudio-panel>div>h3:first-child{font-family:"Share Tech Mono","Courier New",monospace;font-size:20px!important;letter-spacing:.14em!important;color:#f1f5f9!important;text-shadow:0 0 18px rgba(34,211,238,.4)}
#vaudio-panel .va-note{color:#7dd3fc!important}
#vaudio-panel .va-row{border-top:1px solid rgba(34,211,238,.25)!important}
#vaudio-panel .va-n{color:#22d3ee!important;letter-spacing:.1em}
#vaudio-panel button{font-family:"Share Tech Mono","Courier New",monospace!important;background:#0d1a30!important;border:1px solid rgba(125,211,252,.28)!important;
  border-radius:6px!important;color:#cbd5e1!important}
#vaudio-panel button:hover{border-color:#22d3ee!important;color:#fff!important}
#vaudio-panel button.on{background:#22c55e!important;border-color:#22c55e!important;color:#04210e!important;font-weight:700}
#vaudio-panel .va-list{border-left:2px solid rgba(34,211,238,.45)!important;background:#060d1a;border-radius:0 8px 8px 0}

/* ---------- F. Diagnostics + Connections panels (console-diagnostics.js, inline) ---------- */
#diag-panel,#conn-panel{background:#070e1c!important;border:2px solid #22d3ee!important;border-radius:12px!important;
  box-shadow:0 0 40px rgba(34,211,238,.32),0 18px 60px rgba(0,0,0,.9)!important;font-family:"Share Tech Mono","Courier New",monospace!important}
#diag-panel #diag-header,#conn-panel>div:first-child{background:transparent!important;border-bottom:1px solid rgba(34,211,238,.25)!important}
#diag-panel #diag-header>span:first-child,#conn-panel>div:first-child>span:first-child{color:#f1f5f9!important;letter-spacing:.14em!important;text-shadow:0 0 14px rgba(34,211,238,.45)}
#diag-panel #diag-filters{border-bottom:1px solid rgba(34,211,238,.2)!important;padding:6px 8px!important;gap:5px!important}
#diag-panel .diag-filter-btn{background:#0d1a30!important;border:1px solid rgba(125,211,252,.28)!important;color:#cbd5e1!important;border-radius:6px!important;
  padding:3px 9px!important;font-family:inherit!important;letter-spacing:.08em}
#diag-panel .diag-filter-btn:hover{border-color:#22d3ee!important;color:#fff!important}
#diag-panel .diag-filter-btn.active{background:#1d7fe0!important;border-color:#1d7fe0!important;color:#fff!important}
#diag-panel #diag-log{background:#060d1a;margin:6px 8px;border:1px solid rgba(34,211,238,.35);border-radius:8px}
#diag-panel>div:last-child{border-top:1px solid rgba(34,211,238,.2)!important}
#diag-panel>div:last-child button{background:#0d1a30!important;border:1.5px solid #3b82f6!important;color:#e2e8f0!important;border-radius:6px!important;
  padding:3px 9px!important;font-family:inherit!important;letter-spacing:.08em}
#diag-panel>div:last-child button:hover{background:#14243f!important;border-color:#60a5fa!important}
#diag-panel #diag-header button[onclick*="toggle()"]{color:#fca5a5!important}

/* ---------- G. top-bar mic-source tile: colours only (no size / font-size / wrap: item 66 owns the text fit) ---------- */
#tb-mic-source:not(.tb-mic-attention){background:rgba(11,20,38,.88)!important;border-color:rgba(34,211,238,.6)!important;box-shadow:0 0 10px rgba(34,211,238,.18)}
#tb-mic-source:not(.tb-mic-attention) .tb-mic-icon,#tb-mic-source:not(.tb-mic-attention) .tb-mic-path{color:#22d3ee!important}
#tb-mic-source:not(.tb-mic-attention) .tb-mic-dev{color:#7dd3fc!important}


/* ---------- I. ADMIN edit pop-ups (core/admin-ui.js #edit-ch-modal / #edit-dmr-modal, dv-admin-ui.js #dv-edit-modal) ---------- */
#edit-ch-modal,#edit-dmr-modal,#dv-edit-modal{background:rgba(2,6,14,.9)!important}
#edit-ch-modal>div,#edit-dmr-modal>div,#dv-edit-modal>div{background:#070e1c!important;border:2px solid #22d3ee!important;border-radius:12px!important;
  box-shadow:0 0 58px rgba(34,211,238,.38),0 0 140px rgba(34,211,238,.13),0 24px 74px rgba(0,0,0,.92)!important;font-family:"Share Tech Mono","Courier New",monospace;color:#e2e8f0}
#edit-ch-modal h4,#edit-dmr-modal h4,#dv-edit-modal h4,#dv-edit-modal h3{color:#f1f5f9!important;font-size:18px!important;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 18px rgba(34,211,238,.4)}
#edit-ch-modal label,#edit-dmr-modal label,#dv-edit-modal label{color:#22d3ee!important;letter-spacing:.12em}
#edit-ch-modal input:not([type=checkbox]):not([type=radio]),#edit-dmr-modal input:not([type=checkbox]):not([type=radio]),#dv-edit-modal input:not([type=checkbox]):not([type=radio]){
  background:#060d1a!important;border:1px solid rgba(34,211,238,.45)!important;border-radius:8px!important;color:#e2e8f0!important;font-family:"Share Tech Mono","Courier New",monospace!important}
#edit-ch-modal button,#edit-dmr-modal button,#dv-edit-modal button{font-family:"Share Tech Mono","Courier New",monospace!important;border-radius:7px!important;letter-spacing:.08em}
#edit-ch-modal button:not(.ub81-opt):not(.ub81-step),#edit-dmr-modal button:not(.ub81-opt):not(.ub81-step),#dv-edit-modal button:not(.ub81-opt):not(.ub81-step){background:#0d1a30!important;border:1.5px solid #3b82f6!important;color:#e2e8f0!important}
#edit-ch-modal button[style*="background:#00bcd4"],#edit-dmr-modal button[style*="background:#00bcd4"],#dv-edit-modal button[style*="background:#00bcd4"],
#edit-ch-modal button[onclick*="save"],#edit-dmr-modal button[onclick*="save"],#dv-edit-modal button[onclick*="save"],
#edit-ch-modal button[onclick*="Save"],#edit-dmr-modal button[onclick*="Save"],#dv-edit-modal button[onclick*="Save"]{background:#1d7fe0!important;border-color:#1d7fe0!important;color:#fff!important}

/* ---------- H. phone width: windows fill the screen like the Paging / item 77 pop-ups ---------- */
@media (max-width:768px){
  #admin-overlay .admin-box,#recordings-overlay .admin-box{width:100%!important;max-width:100%!important;max-height:100vh!important;height:100vh;border-radius:0!important}
  #admin-overlay .admin-header h2,#recordings-overlay .admin-header h2{font-size:17px;letter-spacing:.1em}
  #admin-overlay .admin-body,#recordings-overlay .admin-body{margin:0 8px 8px;padding:12px!important}
  #admin-overlay .admin-tabs{padding:2px 10px 10px!important}
  /* header: title + close on the first line, the four shortcut buttons on their own row (they overlapped the title before) */
  #admin-overlay .admin-header{padding:12px 12px 10px!important}
  #admin-overlay .admin-header>div:first-child{flex-wrap:wrap;row-gap:10px}
  #admin-overlay .admin-header .adm-shortcuts{flex-basis:100%;width:100%;margin-left:0!important;order:5}
  #admin-overlay .admin-header .adm-shortcuts button{flex:1 1 40%;justify-content:center}
  #admin-overlay .admin-header>div:last-child{align-self:flex-start}
  #vaudio-panel{width:100vw!important;max-width:100vw!important;left:0!important;transform:none!important;top:0!important;max-height:100vh!important;border-radius:0!important}
  .ub81-rng{width:100%}
}