/* 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:var(--n0-c-070e1c, #070e1c)!important;border:2px solid var(--n0-c-22d3ee, #22d3ee)!important;border-radius:calc(12px * var(--n0-radius, 1))!important;
  box-shadow:0 0 58px var(--n0-c-22d3ee-a380, rgba(34,211,238,.38)),0 0 140px var(--n0-c-22d3ee-a130, rgba(34,211,238,.13)),0 24px 74px var(--n0-c-000000-a920, rgba(0,0,0,.92))!important;color:var(--n0-c-e2e8f0, #e2e8f0)}
#admin-overlay,#recordings-overlay{background:var(--n0-c-02060e-a900, 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:calc(16px * var(--n0-space, 1)) calc(20px * var(--n0-space, 1)) calc(12px * var(--n0-space, 1))!important;gap:calc(12px * var(--n0-space, 1));flex-wrap:wrap}
#admin-overlay .admin-header h2,#recordings-overlay .admin-header h2,#vaudio-panel .admin-header h2{
  font-family:var(--n0-font-share-tech-mono, "Share Tech Mono","Courier New",monospace);font-size:calc(19px * var(--n0-text, 1));font-weight:700;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;
  color:var(--n0-c-f1f5f9, #f1f5f9);text-shadow:0 0 18px var(--n0-c-22d3ee-a400, rgba(34,211,238,.4))}
/* header close (X) = Radio Patch .rp-x */
#admin-overlay .admin-header button[data-n0-click*="closeOverlay"],#recordings-overlay .admin-header button[data-n0-click*="close"],
#recordings-overlay .admin-header button[data-n0-click*="Close"]{
  background:var(--n0-c-7f1d1d, #7f1d1d)!important;border:2px solid var(--n0-c-ef4444, #ef4444)!important;border-radius:calc(8px * var(--n0-radius, 1))!important;color:var(--n0-c-ffffff, #fff)!important}
#admin-overlay .admin-header button[data-n0-click*="closeOverlay"]:hover,#recordings-overlay .admin-header button[data-n0-click*="close"]:hover,
#recordings-overlay .admin-header button[data-n0-click*="Close"]:hover{background:var(--n0-c-dc2626, #dc2626)!important;border-color:var(--n0-c-fca5a5, #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:var(--n0-c-0d1a30, #0d1a30)!important;border:1.5px solid var(--n0-c-3b82f6, #3b82f6)!important;border-radius:calc(8px * var(--n0-radius, 1))!important;color:var(--n0-c-e2e8f0, #e2e8f0)!important;
  font-family:var(--n0-font-share-tech-mono, "Share Tech Mono","Courier New",monospace)!important;letter-spacing:.03em!important;font-size:calc(10.5px * var(--n0-text, 1))!important}
#admin-overlay .adm-shortcuts button:hover{border-color:var(--n0-c-60a5fa, #60a5fa)!important;background:var(--n0-c-14243f, #14243f)!important;color:var(--n0-c-ffffff, #fff)!important}
/* tab row = Radio Patch filter pills */
#admin-overlay .admin-tabs{background:transparent!important;border-bottom:none!important;padding:calc(2px * var(--n0-space, 1)) calc(16px * var(--n0-space, 1)) calc(12px * var(--n0-space, 1))!important;gap:calc(7px * var(--n0-space, 1))!important}
#admin-overlay .admin-tab{background:var(--n0-c-0d1a30, #0d1a30)!important;border:1px solid var(--n0-c-7dd3fc-a280, rgba(125,211,252,.28))!important;border-radius:calc(6px * var(--n0-radius, 1))!important;color:var(--n0-c-cbd5e1, #cbd5e1)!important;
  font-family:var(--n0-font-share-tech-mono, "Share Tech Mono","Courier New",monospace);font-size:calc(10.5px * var(--n0-text, 1))!important;letter-spacing:.04em!important;padding:calc(7px * var(--n0-space, 1)) calc(10px * var(--n0-space, 1))!important;box-shadow:none!important}
#admin-overlay .admin-tab:hover{border-color:var(--n0-c-22d3ee, #22d3ee)!important;color:var(--n0-c-ffffff, #fff)!important}
#admin-overlay .admin-tab.active{background:var(--n0-c-1d7fe0, #1d7fe0)!important;border-color:var(--n0-c-1d7fe0, #1d7fe0)!important;color:var(--n0-c-ffffff, #fff)!important}
/* body = one boxed panel (.rp-col / .pu-body) */
#admin-overlay .admin-body,#recordings-overlay .admin-body,#vaudio-panel .admin-body{
  background:var(--n0-c-0b1426, #0b1426)!important;margin:0 16px 16px;border:1px solid var(--n0-c-22d3ee-a550, rgba(34,211,238,.55));border-radius:calc(10px * var(--n0-radius, 1));padding:calc(14px * var(--n0-space, 1)) calc(16px * var(--n0-space, 1))!important;color:var(--n0-c-e2e8f0, #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:var(--n0-c-1e8fb5, #1e8fb5);border-radius:calc(5px * var(--n0-radius, 1))}
/* 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:var(--n0-font-share-tech-mono, "Share Tech Mono","Courier New",monospace);font-size:calc(11.5px * var(--n0-text, 1))!important;font-weight:700;color:var(--n0-c-22d3ee, #22d3ee)!important;letter-spacing:.16em!important;
  text-transform:uppercase;border-bottom:1px solid var(--n0-c-22d3ee-a250, rgba(34,211,238,.25))!important;padding-bottom:calc(6px * var(--n0-space, 1))}
#admin-overlay .admin-body h4{color:var(--n0-c-7dd3fc, #7dd3fc)!important;letter-spacing:.1em}
#admin-overlay .admin-body label{color:var(--n0-c-7dd3fc, #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:var(--n0-c-060d1a, #060d1a)!important;border:1px solid var(--n0-c-22d3ee-a450, rgba(34,211,238,.45))!important;border-radius:calc(8px * var(--n0-radius, 1))!important;color:var(--n0-c-e2e8f0, #e2e8f0)!important;
  outline:none}
#admin-overlay .admin-body input:focus,#admin-overlay .admin-body textarea:focus{border-color:var(--n0-c-22d3ee, #22d3ee)!important;box-shadow:0 0 10px var(--n0-c-22d3ee-a350, rgba(34,211,238,.35))}
#admin-overlay .admin-body input::placeholder,#admin-overlay .admin-body textarea::placeholder{color:var(--n0-c-475569, #475569)}
#admin-overlay input[type=checkbox],#admin-overlay input[type=radio],#recordings-overlay input[type=checkbox],#vaudio-panel input[type=checkbox]{accent-color:var(--n0-c-22c55e, #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:var(--n0-font-share-tech-mono, "Share Tech Mono","Courier New",monospace)!important;border-radius:calc(7px * var(--n0-radius, 1))!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:var(--n0-c-0d1a30, #0d1a30)!important;border:1.5px solid var(--n0-c-3b82f6, #3b82f6)!important;color:var(--n0-c-e2e8f0, #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:var(--n0-c-60a5fa, #60a5fa)!important;background:var(--n0-c-14243f, #14243f)!important;color:var(--n0-c-ffffff, #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:var(--n0-c-1d7fe0, #1d7fe0)!important;border:1.5px solid var(--n0-c-1d7fe0, #1d7fe0)!important;color:var(--n0-c-ffffff, #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:var(--n0-c-07230f, #07230f)!important;border:1.5px solid var(--n0-c-22c55e, #22c55e)!important;color:var(--n0-c-4ade80, #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:var(--n0-c-7f1d1d, #7f1d1d)!important;border:1.5px solid var(--n0-c-ef4444, #ef4444)!important;color:var(--n0-c-ffffff, #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:var(--n0-c-07230f, #07230f)!important;border:1.5px solid var(--n0-c-22c55e, #22c55e)!important;color:var(--n0-c-4ade80, #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:var(--n0-c-22d3ee, #22d3ee)!important;font-size:calc(10.5px * var(--n0-text, 1))!important;font-weight:700!important;letter-spacing:.14em;text-transform:uppercase;
  border-bottom:1px solid var(--n0-c-22d3ee-a350, rgba(34,211,238,.35))!important;background:transparent}
#admin-overlay .admin-body td{border-bottom:1px solid var(--n0-c-7dd3fc-a80, rgba(125,211,252,.08))!important}
#admin-overlay .admin-body tbody tr:hover>td{background:var(--n0-c-0e2a44-a550, rgba(14,42,68,.55))}
#admin-overlay .admin-body pre{background:var(--n0-c-060d1a, #060d1a)!important;border:1px solid var(--n0-c-22d3ee-a400, rgba(34,211,238,.4))!important;border-radius:calc(8px * var(--n0-radius, 1))!important;color:var(--n0-c-cbd5e1, #cbd5e1)!important}
#admin-overlay .admin-body summary{color:var(--n0-c-7dd3fc, #7dd3fc)!important;letter-spacing:.06em}
#admin-overlay .admin-body a{color:var(--n0-c-38bdf8, #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:var(--n0-c-060d1a, #060d1a)!important;border-color:var(--n0-c-22d3ee-a350, 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:var(--n0-c-22d3ee-a350, rgba(34,211,238,.35))!important;border-radius:calc(8px * var(--n0-radius, 1))}
/* 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:var(--n0-c-64748b, #64748b)!important}
#admin-overlay .admin-body [style*="color:#888"],#admin-overlay .admin-body [style*="color:#999"],#admin-overlay .admin-body [style*="color:#aaa"]{color:var(--n0-c-94a3b8, #94a3b8)!important}
#admin-overlay .admin-body [style*="color:#7986cb"],#admin-overlay .admin-body [style*="color:#90caf9"],#admin-overlay .admin-body [style*="color:#64b5f6"]{color:var(--n0-c-7dd3fc, #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 var(--n0-c-22d3ee-a550, rgba(34,211,238,.55))!important;border-radius:calc(10px * var(--n0-radius, 1));background-color:var(--n0-c-0b1426, #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:var(--n0-font-share-tech-mono, "Share Tech Mono","Courier New",monospace)!important;border-radius:calc(7px * var(--n0-radius, 1))!important}
#recordings-overlay #rec-transport button:not(#rec-tr-mute){border-color:var(--n0-c-3b82f6-a750, rgba(59,130,246,.75))!important}
#recordings-overlay .rec-row{background:var(--n0-c-060d1a, #060d1a)!important;border:1px solid var(--n0-c-22d3ee-a300, rgba(34,211,238,.3))!important;border-radius:calc(8px * var(--n0-radius, 1))!important}
#recordings-overlay .rec-row:hover{background:var(--n0-c-0e2a44, #0e2a44)!important;border-color:var(--n0-c-22d3ee, #22d3ee)!important}

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

/* ---------- F. Diagnostics + Connections panels (console-diagnostics.js, inline) ---------- */
#diag-panel,#conn-panel{background:var(--n0-c-070e1c, #070e1c)!important;border:2px solid var(--n0-c-22d3ee, #22d3ee)!important;border-radius:calc(12px * var(--n0-radius, 1))!important;
  box-shadow:0 0 40px var(--n0-c-22d3ee-a320, rgba(34,211,238,.32)),0 18px 60px var(--n0-c-000000-a900, rgba(0,0,0,.9))!important;font-family:var(--n0-font-share-tech-mono, "Share Tech Mono","Courier New",monospace)!important}
#diag-panel #diag-header,#conn-panel>div:first-child{background:transparent!important;border-bottom:1px solid var(--n0-c-22d3ee-a250, rgba(34,211,238,.25))!important}
#diag-panel #diag-header>span:first-child,#conn-panel>div:first-child>span:first-child{color:var(--n0-c-f1f5f9, #f1f5f9)!important;letter-spacing:.14em!important;text-shadow:0 0 14px var(--n0-c-22d3ee-a450, rgba(34,211,238,.45))}
#diag-panel #diag-filters{border-bottom:1px solid var(--n0-c-22d3ee-a200, rgba(34,211,238,.2))!important;padding:calc(6px * var(--n0-space, 1)) calc(8px * var(--n0-space, 1))!important;gap:calc(5px * var(--n0-space, 1))!important}
#diag-panel .diag-filter-btn{background:var(--n0-c-0d1a30, #0d1a30)!important;border:1px solid var(--n0-c-7dd3fc-a280, rgba(125,211,252,.28))!important;color:var(--n0-c-cbd5e1, #cbd5e1)!important;border-radius:calc(6px * var(--n0-radius, 1))!important;
  padding:calc(3px * var(--n0-space, 1)) calc(9px * var(--n0-space, 1))!important;font-family:inherit!important;letter-spacing:.08em}
#diag-panel .diag-filter-btn:hover{border-color:var(--n0-c-22d3ee, #22d3ee)!important;color:var(--n0-c-ffffff, #fff)!important}
#diag-panel .diag-filter-btn.active{background:var(--n0-c-1d7fe0, #1d7fe0)!important;border-color:var(--n0-c-1d7fe0, #1d7fe0)!important;color:var(--n0-c-ffffff, #fff)!important}
#diag-panel #diag-log{background:var(--n0-c-060d1a, #060d1a);margin:6px 8px;border:1px solid var(--n0-c-22d3ee-a350, rgba(34,211,238,.35));border-radius:calc(8px * var(--n0-radius, 1))}
#diag-panel>div:last-child{border-top:1px solid var(--n0-c-22d3ee-a200, rgba(34,211,238,.2))!important}
#diag-panel>div:last-child button{background:var(--n0-c-0d1a30, #0d1a30)!important;border:1.5px solid var(--n0-c-3b82f6, #3b82f6)!important;color:var(--n0-c-e2e8f0, #e2e8f0)!important;border-radius:calc(6px * var(--n0-radius, 1))!important;
  padding:calc(3px * var(--n0-space, 1)) calc(9px * var(--n0-space, 1))!important;font-family:inherit!important;letter-spacing:.08em}
#diag-panel>div:last-child button:hover{background:var(--n0-c-14243f, #14243f)!important;border-color:var(--n0-c-60a5fa, #60a5fa)!important}
#diag-panel #diag-header button[data-n0-click*="toggle()"]{color:var(--n0-c-fca5a5, #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:var(--n0-c-0b1426-a880, rgba(11,20,38,.88))!important;border-color:var(--n0-c-22d3ee-a600, rgba(34,211,238,.6))!important;box-shadow:0 0 10px var(--n0-c-22d3ee-a180, 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:var(--n0-c-22d3ee, #22d3ee)!important}
#tb-mic-source:not(.tb-mic-attention) .tb-mic-dev{color:var(--n0-c-7dd3fc, #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:var(--n0-c-02060e-a900, rgba(2,6,14,.9))!important}
#edit-ch-modal>div,#edit-dmr-modal>div,#dv-edit-modal>div{background:var(--n0-c-070e1c, #070e1c)!important;border:2px solid var(--n0-c-22d3ee, #22d3ee)!important;border-radius:calc(12px * var(--n0-radius, 1))!important;
  box-shadow:0 0 58px var(--n0-c-22d3ee-a380, rgba(34,211,238,.38)),0 0 140px var(--n0-c-22d3ee-a130, rgba(34,211,238,.13)),0 24px 74px var(--n0-c-000000-a920, rgba(0,0,0,.92))!important;font-family:var(--n0-font-share-tech-mono, "Share Tech Mono","Courier New",monospace);color:var(--n0-c-e2e8f0, #e2e8f0)}
#edit-ch-modal h4,#edit-dmr-modal h4,#dv-edit-modal h4,#dv-edit-modal h3{color:var(--n0-c-f1f5f9, #f1f5f9)!important;font-size:calc(18px * var(--n0-text, 1))!important;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 18px var(--n0-c-22d3ee-a400, rgba(34,211,238,.4))}
#edit-ch-modal label,#edit-dmr-modal label,#dv-edit-modal label{color:var(--n0-c-22d3ee, #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:var(--n0-c-060d1a, #060d1a)!important;border:1px solid var(--n0-c-22d3ee-a450, rgba(34,211,238,.45))!important;border-radius:calc(8px * var(--n0-radius, 1))!important;color:var(--n0-c-e2e8f0, #e2e8f0)!important;font-family:var(--n0-font-share-tech-mono, "Share Tech Mono","Courier New",monospace)!important}
#edit-ch-modal button,#edit-dmr-modal button,#dv-edit-modal button{font-family:var(--n0-font-share-tech-mono, "Share Tech Mono","Courier New",monospace)!important;border-radius:calc(7px * var(--n0-radius, 1))!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:var(--n0-c-0d1a30, #0d1a30)!important;border:1.5px solid var(--n0-c-3b82f6, #3b82f6)!important;color:var(--n0-c-e2e8f0, #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[data-n0-click*="save"],#edit-dmr-modal button[data-n0-click*="save"],#dv-edit-modal button[data-n0-click*="save"],
#edit-ch-modal button[data-n0-click*="Save"],#edit-dmr-modal button[data-n0-click*="Save"],#dv-edit-modal button[data-n0-click*="Save"]{background:var(--n0-c-1d7fe0, #1d7fe0)!important;border-color:var(--n0-c-1d7fe0, #1d7fe0)!important;color:var(--n0-c-ffffff, #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:calc(17px * var(--n0-text, 1));letter-spacing:.1em}
  #admin-overlay .admin-body,#recordings-overlay .admin-body{margin:0 8px 8px;padding:calc(12px * var(--n0-space, 1))!important}
  #admin-overlay .admin-tabs{padding:calc(2px * var(--n0-space, 1)) calc(10px * var(--n0-space, 1)) calc(10px * var(--n0-space, 1))!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:calc(12px * var(--n0-space, 1)) calc(12px * var(--n0-space, 1)) calc(10px * var(--n0-space, 1))!important}
  #admin-overlay .admin-header>div:first-child{flex-wrap:wrap;row-gap:calc(10px * var(--n0-space, 1))}
  #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%}
}