/* Bluefrog secure demo — replica theme.
   True-black chrome, warm-light content, dense white cards & tables.
   Primary vocabulary is rk-*; legacy dm-* classes are kept as working
   aliases (restyled light) so not-yet-rebuilt pages stay presentable. */

:root{
  --rk-black:#0d0d0d; --rk-black-2:#171717; --rk-line-dk:#333;
  --rk-accent:#e8842c; --rk-accent-dk:#c96e1d;
  --rk-bg:#f4f4f2; --rk-card:#ffffff; --rk-border:#e3e3df; --rk-border-lt:#eeeeea;
  --rk-ink:#141414; --rk-dim:#77776f; --rk-faint:#9a9a92;
  --rk-blue:#1a56db; --rk-green:#1a7f37; --rk-amber:#b7791f; --rk-red:#c1341f;
  --rk-green-bg:#e3f2e7; --rk-amber-bg:#fdf3dd; --rk-red-bg:#fde8e4; --rk-blue-bg:#e5edfb;
  --rk-shadow:0 1px 2px rgba(20,20,20,.04);
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html{color-scheme:light only}
html,body{margin:0;padding:0}
body{background:var(--rk-bg);color:var(--rk-ink);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--rk-blue);text-decoration:none}
a:hover{text-decoration:underline}

/* ---- watermark (deterrence + attribution) ---- */
.dm-watermark{position:fixed;inset:-10%;z-index:9999;pointer-events:none;display:flex;flex-wrap:wrap;gap:90px 70px;align-content:space-between;transform:rotate(-24deg);opacity:.045;user-select:none}
.dm-watermark span{font-family:var(--mono);font-size:12px;color:#667;white-space:nowrap}
@media print{body>*{display:none !important}body::after{content:"Printing is disabled for this secure demo.";display:block;padding:40px;font-family:sans-serif}}

/* ================= CHROME (black block) ================= */
.rk-head{background:var(--rk-black);color:#eee;position:sticky;top:0;z-index:60}
.rk-head a{text-decoration:none}
.rk-head__row1{display:flex;align-items:center;gap:16px;padding:12px 24px 8px;flex-wrap:wrap}
.rk-brand{display:flex;align-items:baseline;gap:14px;min-width:0}
.rk-wordmark{font-family:var(--mono);font-weight:800;font-size:17px;letter-spacing:.28em;color:#fff;white-space:nowrap}
.rk-wordmark em{font-style:normal;color:var(--rk-accent)}
.rk-sublabel{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a;white-space:nowrap}
.rk-head__mid{flex:1;display:flex;justify-content:center}
.rk-search{width:34px;height:34px;border-radius:50%;background:#1c1c1c;border:1px solid var(--rk-line-dk);color:#ccc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.rk-search:hover{border-color:#555;color:#fff}
.rk-search svg{width:15px;height:15px}
.rk-ent{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.rk-ent__tab{display:inline-block;padding:7px 13px;border:1px solid var(--rk-line-dk);border-radius:3px;color:#999;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.rk-ent__tab:hover{color:#ddd;border-color:#555;text-decoration:none}
.rk-ent__tab--on{background:#fff;border-color:#fff;color:#000}
.rk-ent__tab--on:hover{color:#000;border-color:#fff}
.rk-iconbtn{width:34px;height:34px;border-radius:6px;background:#1f1f1f;border:1px solid var(--rk-line-dk);color:#bbb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.rk-iconbtn:hover{border-color:#555;color:#fff}
.rk-iconbtn svg{width:15px;height:15px}

/* row 2 — date bar */
.rk-datebar{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 24px 10px;flex-wrap:wrap}
.rk-preset{display:inline-block;padding:5px 10px;border:1px solid var(--rk-line-dk);border-radius:3px;color:#ccc;font-size:12px;font-weight:600;white-space:nowrap}
.rk-preset:hover{color:#fff;border-color:#555;text-decoration:none}
.rk-preset--on{background:var(--rk-accent);border-color:var(--rk-accent);color:#000;font-weight:700}
.rk-preset--on:hover{color:#000;border-color:var(--rk-accent)}
.rk-datebar form{display:flex;align-items:center;gap:6px;margin:0 0 0 10px}
.rk-datebar label{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#888;font-weight:700}
.rk-dateinput{background:#1a1a1a;border:1px solid var(--rk-line-dk);border-radius:3px;color:#e5e5e5;font-family:var(--font);font-size:12.5px;padding:5px 8px;color-scheme:dark}
.rk-dateinput:focus{outline:none;border-color:#666}
.rk-apply{background:var(--rk-accent);border:1px solid var(--rk-accent);border-radius:3px;color:#000;font-family:var(--font);font-size:12px;font-weight:700;padding:6px 12px;cursor:pointer}
.rk-apply:hover{background:#f09540}
.rk-updated{font-size:11px;color:#888;margin-left:10px;white-space:nowrap}
.rk-updated b{color:#ddd}

/* row 3 — module tabs (still on black; active tab merges with page bg) */
/* Centered like the reference. Hover tooltips must escape the row, so overflow
   stays visible until the bar genuinely has to scroll (narrow viewports). */
.rk-tabs{display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:8px 24px 0;background:var(--rk-black);overflow:visible}
@media(max-width:900px){.rk-tabs{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}}
.rk-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:#e2e2de;color:#3a3a36;font-size:12.5px;font-weight:600;border-radius:6px 6px 0 0;white-space:nowrap}
.rk-tab:hover{background:#ececea;color:#000;text-decoration:none}
.rk-tab--on{background:var(--rk-bg);color:#000;font-weight:700}
.rk-tab--on:hover{background:var(--rk-bg)}
.rk-tab--mini{padding:8px 11px;gap:0}
.rk-tab svg{width:14px;height:14px;flex:none}
/* Icon-only tabs keep their word in the DOM for screen readers; sighted users
   get it back as the .rk-tip bubble on hover/focus. */
.rk-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* One body-level bubble, moved to the hovered tab (inc/ui.php). It is fixed and
   lives OUTSIDE .rk-tabs: below 900px that bar becomes an overflow-x scroller,
   and a scroller clips both axes — a bubble drawn under a tab would be cut off. */
.rk-tip{position:fixed;z-index:1200;left:0;top:0;background:#14181a;color:#fff;font-family:var(--font);font-size:11.5px;font-weight:600;letter-spacing:.01em;line-height:1;padding:6px 9px;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.3);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-3px);transition:opacity .12s ease,transform .12s ease}
.rk-tip::before{content:"";position:absolute;top:-4px;left:50%;margin-left:-4px;width:0;height:0;border:4px solid transparent;border-top:0;border-bottom-color:#14181a}
.rk-tip--on{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.rk-tip{transition:none;transform:none}}

/* Control-center sub-nav — the second row under the module tabs. Centered to
   line up with the tab bar above it, and sharing the chrome's black so it reads
   as part of the header block rather than a detached stripe. */
.rk-subnav{display:flex;justify-content:center;gap:22px;padding:9px 24px 10px;background:var(--rk-bg);border-bottom:1px solid var(--rk-border);flex-wrap:wrap}
.rk-subnav__item{font-size:12.5px;font-weight:600;color:var(--rk-dim);padding:2px 0;border-bottom:2px solid transparent}
.rk-subnav__item:hover{color:var(--rk-ink);text-decoration:none}
.rk-subnav__item--on{color:var(--rk-ink);font-weight:700;border-bottom-color:var(--rk-accent)}

/* ================= CONTENT ================= */
.rk-wrap,.dm-wrap{max-width:1480px;margin:0 auto;padding:22px 24px 60px}

/* section headers */
.rk-sect{display:flex;align-items:baseline;gap:12px;margin:28px 0 10px;flex-wrap:wrap}
.rk-sect:first-child{margin-top:6px}
.rk-sect h2{margin:0;font-family:var(--mono);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#000}
.rk-sect__note{font-size:11.5px;color:var(--rk-faint);font-weight:400}
.rk-sect__right{margin-left:auto;font-size:11.5px;color:var(--rk-faint)}

/* cards */
.rk-card{background:var(--rk-card);border:1px solid var(--rk-border);border-radius:8px;padding:16px 18px;box-shadow:var(--rk-shadow)}
.rk-card--pad0{padding:0;overflow:hidden}

/* KPI cards — thin colored top border */
.rk-kpi{background:var(--rk-card);border:1px solid var(--rk-border);border-top:3px solid var(--rk-border);border-radius:8px;padding:12px 14px;box-shadow:var(--rk-shadow)}
.rk-kpi--good{border-top-color:#2ea043}
.rk-kpi--bad{border-top-color:#d1462f}
.rk-kpi--warn{border-top-color:var(--rk-accent)}
.rk-kpi__label{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--rk-dim);font-weight:700}
.rk-kpi__num{font-family:var(--mono);font-size:23px;font-weight:800;letter-spacing:-.01em;margin-top:2px;font-variant-numeric:tabular-nums;color:#000}
.rk-kpi__sub{font-size:11.5px;color:var(--rk-dim);margin-top:2px}
.rk-kpi__meter{height:4px;border-radius:2px;background:var(--rk-border-lt);margin-top:8px;overflow:hidden}
.rk-kpi__meter i{display:block;height:100%;background:#2ea043}
.rk-delta{font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.rk-delta--up{color:var(--rk-green)}
.rk-delta--down{color:var(--rk-red)}
.rk-delta--flat{color:var(--rk-faint)}

/* tables */
.rk-table-wrap{overflow-x:auto;background:var(--rk-card);border:1px solid var(--rk-border);border-radius:8px;box-shadow:var(--rk-shadow)}
.rk-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:600px}
.rk-table th{text-align:left;padding:9px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a8a84;font-weight:700;border-bottom:1px solid var(--rk-border);white-space:nowrap;background:var(--rk-card)}
.rk-table td{padding:8px 12px;border-bottom:1px solid var(--rk-border-lt);vertical-align:middle;font-variant-numeric:tabular-nums}
.rk-table tbody tr:last-child td{border-bottom:0}
.rk-table tbody tr:hover{background:#fafaf8}
.rk-table .num,.rk-table th.num{text-align:right}
.rk-table a{font-weight:600}
.rk-table .rk-total td{font-weight:700;border-top:2px solid #ddddd8;background:#fcfcfa}
.rk-x{color:var(--rk-faint);font-size:11px;margin-right:6px}
.rk-sub{display:block;font-size:11.5px;color:var(--rk-faint);font-weight:400}

/* chips */
.rk-chip{display:inline-block;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8a8a84;border:1px solid #d5d5d0;border-radius:3px;padding:2px 6px;background:#fafaf8;white-space:nowrap}
.rk-grade{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.rk-grade--green{background:var(--rk-green-bg);color:var(--rk-green)}
.rk-grade--amber{background:var(--rk-amber-bg);color:var(--rk-amber)}
.rk-grade--red{background:var(--rk-red-bg);color:var(--rk-red)}
.rk-grade--dim{background:#f0f0ee;color:var(--rk-faint)}
.rk-out{display:inline-block;padding:2px 9px;border-radius:4px;font-size:11px;font-weight:700;white-space:nowrap}
.rk-out--missed{background:var(--rk-red-bg);color:var(--rk-red)}
.rk-out--booked{background:var(--rk-green-bg);color:var(--rk-green)}
.rk-out--other{background:var(--rk-blue-bg);color:var(--rk-blue)}
.rk-out--wrong{background:#eeeeec;color:#71716b}
.rk-new{color:var(--rk-red);font-size:10.5px;font-weight:700}

/* explainers */
.rk-note-card{background:#fff8e6;border:1px solid #e8c96a;border-radius:8px;padding:12px 16px;font-size:13px;color:#3f3a2c;line-height:1.55}
.rk-note-card b{color:#241f12}
.rk-explain{font-size:12.5px;color:var(--rk-dim);line-height:1.55}

/* criterion bars */
.rk-crit{padding:14px 0;border-bottom:1px solid var(--rk-border-lt)}
.rk-crit:last-child{border-bottom:0}
.rk-crit__head{display:flex;align-items:baseline;gap:8px}
.rk-crit__title{font-size:14px;font-weight:700;color:#000}
.rk-crit__w{font-size:11px;color:var(--rk-faint);font-weight:600}
.rk-crit__score{margin-left:auto;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums}
.rk-crit__score span{color:var(--rk-faint);font-weight:400}
.rk-crit__bar{height:6px;border-radius:3px;background:var(--rk-border-lt);margin:8px 0 10px;overflow:hidden}
.rk-crit__bar i{display:block;height:100%;border-radius:3px;background:#2ea043}
.rk-crit__bar--green i{background:#2ea043}
.rk-crit__bar--amber i{background:#e08a00}
.rk-crit__bar--red i{background:#d1462f}
.rk-crit p{margin:4px 0;font-size:13.5px}
.rk-quote{font-style:italic;font-size:13px;color:#555;border-left:3px solid #ccc;padding:2px 12px;margin:6px 0}

/* live status band */
.rk-live{background:#14181a;color:#eee;border-radius:10px;padding:12px 18px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.rk-live__dot{width:9px;height:9px;border-radius:50%;background:#2ea043;flex:none;animation:rkpulse 1.6s infinite}
@keyframes rkpulse{0%{box-shadow:0 0 0 0 rgba(46,160,67,.6)}70%{box-shadow:0 0 0 8px rgba(46,160,67,0)}100%{box-shadow:0 0 0 0 rgba(46,160,67,0)}}
.rk-live__stat{min-width:64px}
.rk-live__stat b{display:block;font-family:var(--mono);font-size:18px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.rk-live__stat span{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#9a9a9a;font-weight:700}
.rk-live__right{margin-left:auto;font-size:11px;color:#9a9a9a}
.rk-live__right b{color:#fff}

/* filter row */
.rk-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rk-filter select,.rk-filter input[type=text],.rk-filter input[type=search]{background:#fff;border:1px solid #d5d5d0;border-radius:4px;padding:6px 10px;font-family:var(--font);font-size:13px;color:var(--rk-ink)}
.rk-filter select:focus,.rk-filter input:focus{outline:none;border-color:var(--rk-accent)}
.rk-toggle{display:inline-block;padding:6px 12px;border:1px solid #d5d5d0;border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:var(--rk-dim);cursor:pointer}
.rk-toggle--on{background:#14181a;border-color:#14181a;color:#fff}

/* leaderboard bar chart (plain CSS) */
.rk-lb{display:flex;align-items:flex-end;gap:14px;height:230px;padding:10px 6px 0}
.rk-lb__col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}
.rk-lb__bar{width:68%;background:#2ea043;border-radius:2px 2px 0 0}
.rk-lb__bar--amber{background:#e08a00}
.rk-lb__bar--red{background:#d1462f}
.rk-lb__name{margin-top:6px;font-size:11px;color:var(--rk-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rk-lb__val{font-size:11px;font-weight:700;color:var(--rk-ink)}

/* buttons */
.rk-btn{display:inline-block;background:var(--rk-accent);color:#111;border:1px solid var(--rk-accent);border-radius:4px;padding:8px 16px;font-family:var(--font);font-weight:700;font-size:13px;cursor:pointer}
.rk-btn:hover{background:#f09540;text-decoration:none;color:#111}
.rk-btn--ghost{background:#fff;border:1px solid #d5d5d0;color:var(--rk-dim)}
.rk-btn--ghost:hover{background:#fafaf8;color:var(--rk-ink)}
.rk-btn--dark{background:#14181a;border-color:#14181a;color:#fff}
.rk-btn--dark:hover{background:#232a2d;color:#fff}
.rk-btn--sm{padding:5px 11px;font-size:12px}
.rk-callbtn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:8px;padding:11px 20px;font-family:var(--font);font-size:14px;font-weight:700;color:#fff;cursor:pointer}
.rk-callbtn--green{background:#22a04a}
.rk-callbtn--green:hover{background:#1d8c40}
.rk-callbtn--blue{background:#1f6ef5}
.rk-callbtn--blue:hover{background:#1a5edb}
.rk-icircle{width:28px;height:28px;border-radius:50%;border:1px solid #d5d5d0;background:#fff;color:var(--rk-dim);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px}
.rk-icircle:hover{border-color:#aaa;color:#000}

/* misc */
.rk-back{display:inline-block;font-size:13.5px;font-weight:600;color:var(--rk-blue);margin-bottom:10px}
.rk-h1{font-family:var(--mono);font-size:17px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin:4px 0 2px;color:#000}
.rk-meta{font-size:12.5px;color:var(--rk-dim)}
.rk-split{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}
@media(max-width:980px){.rk-split{grid-template-columns:1fr}}
.rk-grid{display:grid;gap:12px}
.rk-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.rk-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.rk-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.rk-grid.cols-5{grid-template-columns:repeat(5,1fr)}
.rk-grid.cols-6{grid-template-columns:repeat(6,1fr)}
.rk-grid.cols-7{grid-template-columns:repeat(7,1fr)}
@media(max-width:1180px){.rk-grid.cols-5,.rk-grid.cols-6,.rk-grid.cols-7{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1080px){.rk-grid.cols-4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.rk-grid.cols-3,.rk-grid.cols-4,.rk-grid.cols-5,.rk-grid.cols-6,.rk-grid.cols-7{grid-template-columns:repeat(2,1fr)}.rk-grid.cols-2{grid-template-columns:1fr}}
@media(max-width:560px){.rk-grid{grid-template-columns:1fr !important}}
.mt-1{margin-top:10px}.mt-2{margin-top:18px}.mt-3{margin-top:30px}.mt-4{margin-top:44px}
.mono{font-family:var(--mono)}
.txt-dim{color:var(--rk-dim)}
.txt-green{color:var(--rk-green)}
.txt-amber{color:var(--rk-amber)}
.txt-red{color:var(--rk-red)}
.txt-right{text-align:right}

/* footer */
.rk-footer,.dm-footer{max-width:1480px;margin:0 auto;padding:14px 24px 30px;display:flex;justify-content:space-between;gap:14px;color:var(--rk-faint);font-size:11.5px;flex-wrap:wrap}
.dm-footer__co{color:var(--rk-faint)}

/* modal (light) */
.dm-modal{position:fixed;inset:0;background:rgba(20,20,20,.45);display:none;align-items:flex-start;justify-content:center;z-index:100;padding:40px 16px;overflow-y:auto}
.dm-modal.open{display:flex}
.dm-modal__box{background:#fff;border:1px solid var(--rk-border);border-radius:8px;max-width:860px;width:100%;padding:22px;box-shadow:0 18px 50px rgba(20,20,20,.25);position:relative}
.dm-modal__close{position:absolute;top:12px;right:12px;background:none;border:0;color:var(--rk-faint);font-size:22px;cursor:pointer}
.dm-modal__close:hover{color:#000}

/* toast (light) */
.dm-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:#14181a;border:1px solid #14181a;color:#fff;padding:12px 20px;border-radius:8px;font-size:13.5px;opacity:0;pointer-events:none;transition:all .25s;z-index:200;box-shadow:0 8px 30px rgba(20,20,20,.3)}
.dm-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ================= GATE (code entry / sign-in card) ================= */
.dm-gate{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:110px 20px 20px;background:var(--rk-bg)}
.dm-gate__box{max-width:400px;width:100%;background:#fff;border:1px solid var(--rk-border);border-radius:6px;padding:30px 30px 26px;box-shadow:var(--rk-shadow)}
.dm-gate h1{font-family:var(--mono);font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:16px 0 4px;color:#000}
.dm-gate h1 .rk-gate__note{font-family:var(--font);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--rk-dim);margin-left:8px}
.dm-gate p{color:var(--rk-dim);font-size:12.5px}
.dm-input{width:100%;background:#f4f4f1;border:1px solid #d5d5d0;border-radius:4px;color:var(--rk-ink);padding:11px 13px;font-size:15px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;text-align:left}
.dm-input:focus{outline:none;border-color:var(--rk-blue);background:#fff;box-shadow:0 0 0 1px var(--rk-blue)}
.dm-field-label{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--rk-dim);font-weight:700;margin:16px 0 6px}
.dm-err{background:var(--rk-red-bg);border:1px solid #e9b3a7;color:var(--rk-red);border-radius:4px;padding:10px 14px;font-size:13px;margin-top:14px}

/* Demo terms acceptance panel (IP-protection gate) */
.rk-terms{background:#fff;border:1px solid var(--rk-border);border-radius:4px;overflow:hidden}
.rk-terms__body{max-height:200px;overflow-y:auto;padding:12px 14px;font-size:12px;line-height:1.65;color:var(--rk-ink);-webkit-overflow-scrolling:touch}
.rk-terms__body:focus{outline:none;box-shadow:inset 0 0 0 1px var(--rk-blue)}
.rk-terms__body ol{margin:0;padding-left:18px}
.rk-terms__body li{margin:0 0 8px}
.rk-terms__body li:last-child{margin-bottom:0}
.rk-terms__check{display:flex;align-items:flex-start;gap:9px;padding:10px 14px;border-top:1px solid var(--rk-border);background:#fafaf8;font-size:12px;line-height:1.45;color:var(--rk-ink);cursor:pointer}
.rk-terms__check input{margin:1px 0 0;flex:0 0 auto;cursor:pointer}
.rk-btn:disabled,.rk-btn[disabled]{opacity:.45;cursor:not-allowed}
.rk-btn:disabled:hover,.rk-btn[disabled]:hover{background:var(--rk-accent)}

/* ================= dm-* ALIASES (legacy pages, restyled light) ================= */
.dm-logo{font-family:var(--mono);font-weight:800;letter-spacing:.24em;font-size:16px;color:#000;text-transform:uppercase}
.dm-logo em,.rk-wordmark--dark em{font-style:normal;color:var(--rk-accent)}
.dm-topbar{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:10px 22px;background:var(--rk-black);color:#eee;border-bottom:1px solid #222;position:sticky;top:0;z-index:50;flex-wrap:wrap}
.dm-topbar .dm-logo{color:#fff}
.dm-topbar__brand{display:flex;align-items:center;gap:10px}
.dm-topbar__product{color:#999;font-weight:600;font-size:13px}
.dm-topbar__scope{display:flex;gap:6px;flex-wrap:wrap}
.dm-scopebtn{padding:5px 12px;border:1px solid var(--rk-line-dk);border-radius:3px;color:#999;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.dm-scopebtn--on{background:#fff;border-color:#fff;color:#000}
.dm-topbar__user{display:flex;align-items:center;gap:12px}
.dm-topbar__who{color:#8a8a8a;font-size:12.5px}
.dm-nav{display:flex;gap:4px;padding:8px 22px 0;background:var(--rk-black);overflow-x:auto;position:sticky;top:53px;z-index:49}
.dm-nav__item{padding:8px 14px;background:#e2e2de;color:#3a3a36;font-weight:600;font-size:12.5px;border-radius:6px 6px 0 0;white-space:nowrap}
.dm-nav__item--on{background:var(--rk-bg);color:#000;font-weight:700}
.dm-grid{display:grid;gap:12px}
.dm-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.dm-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.dm-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.dm-grid.cols-5{grid-template-columns:repeat(5,1fr)}
.dm-grid.cols-6{grid-template-columns:repeat(6,1fr)}
@media(max-width:1080px){.dm-grid.cols-4,.dm-grid.cols-5,.dm-grid.cols-6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.dm-grid.cols-3,.dm-grid.cols-4,.dm-grid.cols-5,.dm-grid.cols-6{grid-template-columns:repeat(2,1fr)}.dm-grid.cols-2{grid-template-columns:1fr}}
@media(max-width:560px){.dm-grid{grid-template-columns:1fr !important}}
.dm-split{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}
@media(max-width:980px){.dm-split{grid-template-columns:1fr}}
.dm-card{background:var(--rk-card);border:1px solid var(--rk-border);border-radius:8px;padding:16px 18px;box-shadow:var(--rk-shadow)}
.dm-card--pad0{padding:0;overflow:hidden}
.dm-card h3{margin:0 0 10px;font-size:14px}
.dm-kpi{background:var(--rk-card);border:1px solid var(--rk-border);border-top:3px solid var(--rk-border);border-radius:8px;padding:12px 14px;box-shadow:var(--rk-shadow)}
.dm-kpi__label{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--rk-dim);font-weight:700}
.dm-kpi__num{font-family:var(--mono);font-size:23px;font-weight:800;letter-spacing:-.01em;margin-top:2px;font-variant-numeric:tabular-nums;color:#000}
.dm-kpi__sub{font-size:11.5px;color:var(--rk-dim);margin-top:2px}
.dm-kpi--alert{border-top-color:#d1462f}
.dm-kpi--good{border-top-color:#2ea043}
.dm-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:28px 0 10px}
.dm-section-title h2{margin:0;font-family:var(--mono);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#000}
.dm-section-title .dm-note{margin:0}
.dm-note{color:var(--rk-faint);font-size:11.5px}
.dm-eyebrow{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--rk-accent-dk);font-weight:700;margin-bottom:6px}
.dm-pill{display:inline-block;padding:2px 9px;border-radius:4px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}
.dm-pill--sm{font-size:10.5px;padding:2px 7px}
.dm-pill--green{background:var(--rk-green-bg);color:var(--rk-green)}
.dm-pill--amber{background:var(--rk-amber-bg);color:var(--rk-amber)}
.dm-pill--red{background:var(--rk-red-bg);color:var(--rk-red)}
.dm-pill--blue{background:var(--rk-blue-bg);color:var(--rk-blue)}
.dm-pill--dim{background:#f0f0ee;color:var(--rk-faint)}
.dm-chip{display:inline-block;padding:3px 9px;border:1px solid #d5d5d0;border-radius:999px;font-size:12px;color:var(--rk-dim);background:#fff}
.dm-alert{border:1px solid var(--rk-border);border-left:3px solid var(--rk-blue);border-radius:6px;padding:11px 14px;background:#fff;margin-bottom:10px;box-shadow:var(--rk-shadow)}
.dm-alert--amber{border-left-color:#e08a00}
.dm-alert--red{border-left-color:#d1462f}
.dm-alert--green{border-left-color:#2ea043}
.dm-alert__title{font-weight:700;font-size:13.5px}
.dm-alert__sub{color:var(--rk-dim);font-size:12.5px;margin-top:2px}
.dm-btn{display:inline-block;background:var(--rk-accent);color:#111;border:1px solid var(--rk-accent);border-radius:4px;padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer;font-family:var(--font)}
.dm-btn:hover{background:#f09540;color:#111;text-decoration:none}
.dm-btn--ghost{background:#fff;border:1px solid #d5d5d0;color:var(--rk-dim)}
.dm-btn--ghost:hover{color:var(--rk-ink);border-color:#aaa;background:#fafaf8}
.dm-btn--sm{padding:5px 11px;font-size:12px}
.dm-btn-row{display:flex;gap:10px;flex-wrap:wrap}
.dm-table-wrap{overflow-x:auto;background:var(--rk-card);border:1px solid var(--rk-border);border-radius:8px;box-shadow:var(--rk-shadow)}
.dm-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:600px}
.dm-table th{text-align:left;padding:9px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a8a84;font-weight:700;border-bottom:1px solid var(--rk-border);background:var(--rk-card);white-space:nowrap}
.dm-table td{padding:8px 12px;border-bottom:1px solid var(--rk-border-lt);vertical-align:middle;font-variant-numeric:tabular-nums}
.dm-table tr:last-child td{border-bottom:0}
.dm-table tbody tr:hover{background:#fafaf8}
.dm-table .num{text-align:right}
.dm-table a{font-weight:600}
.dm-score{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;font-weight:800;font-size:19px;position:relative;background:conic-gradient(var(--sc,#1a7f37) calc(var(--p,0)*1%), #e8e8e4 0)}
.dm-score::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}
.dm-score span{position:relative}
.dm-bar{height:8px;border-radius:999px;background:var(--rk-border-lt);overflow:hidden}
.dm-bar__fill{height:100%;border-radius:999px;background:var(--rk-blue)}
.dm-bar__fill--green{background:#2ea043}
.dm-bar__fill--amber{background:#e08a00}
.dm-bar__fill--red{background:#d1462f}
.dm-crit{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;font-size:13px}
.dm-crit .dm-bar{grid-column:1/-1;margin-bottom:8px}
.dm-list{list-style:none;margin:0;padding:0}
.dm-list li{padding:8px 0;border-bottom:1px solid var(--rk-border-lt)}
.dm-list li:last-child{border-bottom:0}
.dm-transcript{display:flex;flex-direction:column;gap:10px;max-height:480px;overflow-y:auto;padding-right:6px}
.dm-transcript__msg{max-width:82%;padding:9px 13px;border-radius:10px;font-size:13.5px}
.dm-transcript__msg--csr{align-self:flex-start;background:#f2f2ef;border:1px solid var(--rk-border)}
.dm-transcript__msg--caller{align-self:flex-end;background:var(--rk-blue-bg);border:1px solid #c4d4f4}
.dm-transcript__who{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--rk-faint);margin-bottom:3px;font-weight:700}
.dm-funnel{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.dm-funnel__stage{flex:1;min-width:120px;background:#fff;border:1px solid var(--rk-border);border-radius:6px;padding:12px;text-align:center;position:relative;box-shadow:var(--rk-shadow)}
.dm-funnel__stage:hover{border-color:var(--rk-accent)}
.dm-funnel__num{font-family:var(--mono);font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}
.dm-funnel__label{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--rk-dim);font-weight:700;margin-top:2px}
.dm-ask-input{display:flex;gap:10px}
.dm-ask-input input{flex:1;background:#fff;border:1px solid #d5d5d0;border-radius:4px;color:var(--rk-ink);padding:12px 15px;font-size:14.5px;font-family:var(--font)}
.dm-ask-input input:focus{outline:none;border-color:var(--rk-accent)}
.dm-ask-suggest{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.dm-ask-suggest button{cursor:pointer;background:#fff;border:1px solid #d5d5d0;border-radius:999px;color:var(--rk-dim);padding:6px 12px;font-size:12.5px;font-family:var(--font)}
.dm-ask-suggest button:hover{border-color:var(--rk-accent);color:var(--rk-ink)}
.dm-answer{border:1px solid var(--rk-border);border-left:3px solid var(--rk-accent);border-radius:6px;background:#fff;padding:15px 17px;margin-top:16px;box-shadow:var(--rk-shadow)}
.dm-answer h4{margin:0 0 8px;font-size:14px}
.dm-answer p{margin:0 0 8px;font-size:13.5px}
.dm-answer .dm-note{margin-top:8px}
.dm-url{font-family:var(--mono);font-size:12px;word-break:break-all}
.dm-code{font-family:var(--mono);font-weight:700;letter-spacing:.12em;background:#f2f2ef;border:1px solid var(--rk-border);border-radius:4px;padding:2px 8px}

/* ═══════════════════════════════════════════════════════════════════════════
   DRILL-DOWN MODAL + CALL-SUMMARY POPOVER (inc/drill.php)
   Ported from the live product's drill styles, themed to the replica palette:
   white dialog on the warm ground, #e3e3df hairlines, amber accent for the
   focus ring / active tab edge, dense 12.5px call tables.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Anything a page marks drillable gets the pointer + amber hover outline. */
.drillable{cursor:pointer}
.drillable:hover{outline:2px solid var(--rk-accent);outline-offset:-1px}
.drillable:focus-visible{outline:2px solid var(--rk-accent);outline-offset:1px}

/* Overlay (backdrop) + dialog. display:none until .show. */
#drill{display:none;position:fixed;inset:0;z-index:1250;background:rgba(13,13,13,.55);
  padding:5vh 16px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}
#drill.show{display:flex;align-items:flex-start;justify-content:center}
#drill .drill-dialog{position:relative;display:flex;flex-direction:column;
  background:var(--rk-card);border:1px solid var(--rk-border);border-left:4px solid var(--rk-accent);
  border-radius:6px;padding:16px 18px;width:min(1120px,100%);max-height:90vh;overflow:hidden;
  box-shadow:0 20px 55px rgba(13,13,13,.30);color:var(--rk-ink)}
#drill .drill-dialog:focus{outline:none}
#drill h3{margin:0;font-family:var(--font);font-weight:800;font-size:16px;letter-spacing:.02em;
  padding-right:74px;color:var(--rk-ink)}
#drill .d-sub{font-size:12px;color:var(--rk-dim);margin:3px 0 12px}
/* Only the body scrolls, so the pinned Close never scrolls out of reach. */
#drill .d-body{overflow:auto;flex:1 1 auto;min-height:0}
#drill .close{position:absolute;top:12px;right:14px;z-index:1;background:#fff;
  border:1px solid var(--rk-border);color:var(--rk-dim);border-radius:4px;padding:5px 13px;
  cursor:pointer;font-family:var(--font);font-size:12px;font-weight:600}
#drill .close:hover{border-color:var(--rk-accent);color:var(--rk-ink)}
#drill .close:focus-visible{outline:2px solid var(--rk-accent);outline-offset:1px}
#drill .loading{font-size:13px;color:var(--rk-dim);padding:14px 0}

/* Dense drill table. */
.call-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--rk-border);
  font-size:12.5px;line-height:1.45}
.call-table thead th{background:#f6f6f3;border-bottom:1px solid var(--rk-border);color:var(--rk-dim);
  font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;
  text-align:left;padding:7px 10px;white-space:nowrap;position:sticky;top:0;z-index:2}
.call-table td{padding:6px 10px;border-bottom:1px solid var(--rk-border-lt);
  text-align:left;white-space:nowrap;vertical-align:top}
.call-table tbody tr:hover{background:#fafaf8}
.call-table a{color:var(--rk-blue)}
.call-table tfoot tr.totals td{font-weight:800;background:#f6f6f3;border-top:2px solid #c9c9c2;
  border-bottom:none;position:sticky;bottom:0;z-index:2}

/* Drill tabs (By day / Detail / Calls …). */
.drill-tabs{display:flex;gap:2px;margin-bottom:10px;border-bottom:1px solid var(--rk-border);
  flex-wrap:wrap}
.drill-tab{border:1px solid var(--rk-border);border-bottom:none;background:#f2f2ef;color:var(--rk-dim);
  font-family:var(--font);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:6px 14px;border-radius:4px 4px 0 0;cursor:pointer;margin-bottom:-1px}
.drill-tab:hover{color:var(--rk-ink)}
.drill-tab.active{background:#fff;color:var(--rk-ink);border-bottom:1px solid #fff;
  box-shadow:inset 0 2px 0 var(--rk-accent)}

/* Nested By-day: each day row expands to that day's records underneath. */
.call-table.nested .exp-col{width:26px;text-align:center;padding-left:6px;padding-right:0}
.call-table.nested tr.day-row{cursor:pointer}
.call-table.nested tr.day-row:hover{background:#faf6f0}
.call-table.nested tr.day-row.open{background:#f6f6f3;font-weight:700}
.call-table.nested tr.day-detail>td{padding:0;background:#fbfbf9}
.expander{cursor:pointer;user-select:none;display:inline-block;padding:0 2px}
.caret{display:inline-block;transition:transform .15s;color:var(--rk-faint)}
tr.open .caret{transform:rotate(90deg);color:var(--rk-accent)}
.day-inner{padding:8px 8px 12px 30px}
.day-inner table.call-table{margin:0;border-color:var(--rk-border-lt)}
.day-inner .call-table thead th{position:static}

/* Call-summary cell + its popover (hover to peek, click to pin). */
.cs-sum{color:var(--rk-blue);cursor:pointer;border-bottom:1px dotted #9db3d8}
.cs-sum:hover{background:var(--rk-blue-bg)}
.cs-sum:focus-visible{outline:2px solid var(--rk-accent);outline-offset:1px}
#csPop{display:none;position:fixed;z-index:1290;background:#fff;color:var(--rk-ink);
  border:1px solid var(--rk-border);border-radius:8px;box-shadow:0 14px 38px rgba(13,13,13,.22);
  padding:12px 14px;font-size:13px;line-height:1.5;max-width:360px}
#csPop .cs-pop-sum{margin-bottom:9px}
#csPop .cs-pop-link{display:inline-block;font-weight:700;color:var(--rk-blue);text-decoration:none}
#csPop .cs-pop-link:hover{text-decoration:underline}

/* Mobile: full-screen sheet; the popover becomes a bottom sheet (the JS sets
   inline top/left, so these need !important to win). */
@media (max-width:640px){
  #drill{padding:0}
  #drill .drill-dialog{width:100%;height:100%;max-height:none;border-radius:0;border-left-width:1px}
  #drill .close{padding:8px 14px}
  #csPop{left:8px !important;right:8px !important;top:auto !important;bottom:12px !important;
    max-width:none !important;width:auto !important;max-height:55vh;overflow-y:auto;
    font-size:14px;padding:14px 15px;box-shadow:0 -8px 40px rgba(13,13,13,.30)}
  .cs-sum{border-bottom-style:solid}
}
@media(prefers-reduced-motion:reduce){.caret{transition:none}}

/* ============ CHROME OVERLAYS: search palette · gear menu · drawer ============
   Real controls, not decoration: the palette queries /api/search.php, the gear
   menu switches range + entity with real links, the drawer lists every module
   this invite can reach. All three: Esc closes, focus is trapped then restored. */

/* shared overlay shell */
.rk-ov{position:fixed;inset:0;z-index:1300;background:rgba(13,13,13,.55);display:flex;
  opacity:0;transition:opacity .13s ease}
.rk-ov.show{opacity:1}
.rk-ov[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.rk-ov{transition:none}}

/* ---- global search palette (the circular search button, "/" and Ctrl-K) ---- */
.rk-ov:not(.rk-ov--right){align-items:flex-start;justify-content:center;padding:9vh 16px 24px}
.rk-pal{width:min(660px,100%);max-height:78vh;display:flex;flex-direction:column;
  background:var(--rk-card);border:1px solid var(--rk-border);border-radius:10px;
  box-shadow:0 24px 60px rgba(13,13,13,.34);overflow:hidden;
  transform:translateY(-6px);transition:transform .13s ease}
.rk-ov.show .rk-pal{transform:none}
@media(prefers-reduced-motion:reduce){.rk-pal{transition:none}}
.rk-pal__bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--rk-border)}
.rk-pal__ico{display:inline-flex;color:var(--rk-faint)}
.rk-pal__ico svg{width:16px;height:16px}
.rk-pal__input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--rk-ink);
  font-family:var(--font);font-size:16px;line-height:1.4;padding:2px 0}
.rk-pal__input::placeholder{color:var(--rk-faint)}
.rk-pal__x{border:0;background:transparent;color:var(--rk-faint);font-size:20px;line-height:1;
  cursor:pointer;padding:0 4px}
.rk-pal__x:hover{color:var(--rk-ink)}
.rk-pal__kbd{font-family:var(--mono);font-size:10px;color:var(--rk-dim);border:1px solid var(--rk-border);
  border-radius:4px;padding:2px 6px;background:#f6f6f3}
.rk-pal__body{overflow-y:auto;flex:1 1 auto;min-height:0;padding:6px 0 8px}
.rk-pal__msg{padding:22px 18px;font-size:13px;color:var(--rk-dim)}
.rk-pal__grp{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  padding:9px 16px 4px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--rk-faint)}
.rk-pal__grp span{font-family:var(--mono);letter-spacing:.04em;font-weight:600;text-transform:none}
.rk-pal__item{display:block;width:100%;text-align:left;border:0;border-left:3px solid transparent;
  background:transparent;cursor:pointer;padding:7px 16px;font-family:var(--font);color:var(--rk-ink);
  text-decoration:none}
.rk-pal__item:hover{text-decoration:none}
.rk-pal__item.is-active{background:var(--rk-blue-bg);border-left-color:var(--rk-accent)}
.rk-pal__item:focus-visible{outline:2px solid var(--rk-accent);outline-offset:-2px}
.rk-pal__t{display:block;font-size:13.5px;font-weight:600;color:var(--rk-ink)}
.rk-pal__t em{font-style:normal;font-weight:400;font-size:11px;color:var(--rk-faint);margin-left:6px}
.rk-pal__s{display:block;font-size:11.5px;color:var(--rk-dim);margin-top:1px}
.rk-pal__q{display:block;font-size:11.5px;color:var(--rk-faint);font-style:italic;margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-pal__h{display:none;font-size:11px;color:var(--rk-blue);font-weight:700;margin-top:2px}
.rk-pal__item.is-active .rk-pal__h{display:block}
.rk-pal__foot{display:flex;justify-content:space-between;gap:12px;padding:7px 14px;
  border-top:1px solid var(--rk-border);background:#f6f6f3;font-size:10.5px;color:var(--rk-faint)}

/* ---- gear dropdown ---- */
.rk-menu-wrap{position:relative;display:inline-flex}
.rk-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1200;width:250px;
  background:var(--rk-card);border:1px solid var(--rk-border);border-radius:8px;
  box-shadow:0 18px 44px rgba(13,13,13,.30);padding:6px 0;color:var(--rk-ink)}
.rk-menu[hidden]{display:none}
.rk-menu__head{padding:8px 12px 4px;font-size:10px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:var(--rk-faint)}
.rk-menu__head b{color:var(--rk-ink);letter-spacing:.04em}
.rk-menu__chips{display:flex;flex-wrap:wrap;gap:4px;padding:2px 10px 8px}
.rk-menu__chip{display:inline-block;padding:3px 8px;border:1px solid var(--rk-border);border-radius:3px;
  font-size:11.5px;font-weight:600;color:var(--rk-dim);text-decoration:none;background:#fafaf8}
.rk-menu__chip:hover{border-color:var(--rk-accent);color:var(--rk-ink);text-decoration:none}
.rk-menu__chip--on{background:var(--rk-accent);border-color:var(--rk-accent);color:#111}
.rk-menu__chip--on:hover{color:#111}
.rk-menu__item{display:flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;
  color:var(--rk-ink);text-decoration:none}
.rk-menu__item:hover{background:#f4f4f1;text-decoration:none}
.rk-menu__item:focus-visible{outline:2px solid var(--rk-accent);outline-offset:-2px}
.rk-menu__item--on{font-weight:700}
.rk-menu__item--out{color:var(--rk-red)}
.rk-menu__tick{display:inline-block;width:12px;color:var(--rk-accent);font-size:11px;flex:none}
.rk-menu__dim{color:var(--rk-faint);font-size:11px}
.rk-menu__sep{height:1px;background:var(--rk-border);margin:6px 0}

/* ---- burger drawer ---- */
.rk-ov--right{align-items:stretch;justify-content:flex-end}
.rk-drawer{width:min(330px,86vw);background:var(--rk-black);color:#e8e8e8;display:flex;
  flex-direction:column;overflow-y:auto;box-shadow:-14px 0 44px rgba(13,13,13,.45);
  transform:translateX(14px);transition:transform .15s ease}
.rk-ov.show .rk-drawer{transform:none}
@media(prefers-reduced-motion:reduce){.rk-drawer{transition:none}}
.rk-drawer__top{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 16px 10px;border-bottom:1px solid var(--rk-line-dk)}
.rk-drawer__x{background:#1f1f1f;border:1px solid var(--rk-line-dk);color:#bbb;border-radius:6px;
  width:30px;height:30px;font-size:18px;line-height:1;cursor:pointer}
.rk-drawer__x:hover{color:#fff;border-color:#555}
.rk-drawer__meta{padding:10px 16px;font-size:11px;line-height:1.6;color:#8a8a8a;
  border-bottom:1px solid var(--rk-line-dk)}
.rk-drawer__nav{padding:6px 0 20px}
.rk-drawer__grp{padding:12px 16px 4px;font-size:10px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:#6f6f6f}
.rk-drawer__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px;
  background:transparent;border:0;text-align:left;font-family:var(--font);font-size:13.5px;
  font-weight:600;color:#d6d6d6;text-decoration:none;cursor:pointer}
.rk-drawer__item:hover{background:#1c1c1c;color:#fff;text-decoration:none}
.rk-drawer__item:focus-visible{outline:2px solid var(--rk-accent);outline-offset:-2px}
.rk-drawer__item svg{width:15px;height:15px;flex:none;color:#8a8a8a}
.rk-drawer__item--on{background:#1c1c1c;color:#fff;box-shadow:inset 3px 0 0 var(--rk-accent)}
.rk-drawer__item--on svg{color:var(--rk-accent)}
.rk-drawer__item--out{color:#e0805f}
.rk-drawer__item--out:hover{color:#ff9a72}

@media (max-width:640px){
  .rk-ov:not(.rk-ov--right){padding:0}
  .rk-pal{width:100%;max-height:100%;height:100%;border-radius:0}
  .rk-pal__foot{flex-wrap:wrap}
  .rk-menu{width:min(280px,92vw)}
}

.rk-footer__row{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;width:100%}
.rk-footer__links a{color:var(--rk-dim)}
.rk-footer__links a:hover{color:var(--rk-ink)}
.rk-footer__legal{width:100%;margin-top:10px;padding-top:10px;border-top:1px solid var(--rk-border);font-size:11px;line-height:1.6;color:var(--rk-faint)}