/* HyDev V16 Blackhole Chroma. Functional builder CSS remains separate. */
:root {
  color-scheme: dark;
  --hydev-bg: #05070d;
  --hydev-panel: rgba(13, 17, 29, .88);
  --hydev-panel-strong: #111827;
  --hydev-text: #f3f6ff;
  --hydev-muted: #a7b1c8;
  --hydev-line: rgba(178, 193, 232, .18);
  --hydev-cyan: #63e8ff;
  --hydev-violet: #ad8cff;
  --hydev-pink: #ff72c7;
  --hydev-success: #50d7a7;
  --hydev-warning: #ffd166;
  --hydev-danger: #ff7e9a;
  --hydev-focus: #8beaff;
  --hydev-radius: 16px;
  --hydev-surface: rgba(9, 13, 23, .92);
  --hydev-surface-soft: rgba(14, 19, 32, .84);
  --hydev-input: rgba(17, 24, 39, .88);
  --hydev-table-head: rgba(12, 17, 29, .94);
  --hydev-hover: rgba(173, 140, 255, .06);
  --hydev-shadow: 0 14px 36px rgba(0, 0, 0, .16);
  --hydev-shadow-hover: 0 18px 44px rgba(0, 0, 0, .22);
  --bg: var(--hydev-bg); --panel: var(--hydev-panel); --panel2: var(--hydev-panel-strong);
  --text: var(--hydev-text); --muted: var(--hydev-muted); --line: var(--hydev-line);
  --blue: var(--hydev-violet); --cyan: var(--hydev-cyan); --pink: var(--hydev-pink);
  --green: var(--hydev-success); --yellow: var(--hydev-warning); --red: var(--hydev-danger); --purple: var(--hydev-violet);
}
:root[data-hydev-theme="light"] {
  color-scheme: light;
  --hydev-bg: #eef3fb;
  --hydev-panel: rgba(255, 255, 255, .86);
  --hydev-panel-strong: #ffffff;
  --hydev-text: #111827;
  --hydev-muted: #526078;
  --hydev-line: rgba(76, 92, 123, .22);
  --hydev-cyan: #087e9c;
  --hydev-violet: #6948be;
  --hydev-pink: #b72e81;
  --hydev-success: #167a61;
  --hydev-warning: #8a5a00;
  --hydev-danger: #a5294a;
  --hydev-focus: #075d78;
  --hydev-surface: rgba(255, 255, 255, .92);
  --hydev-surface-soft: rgba(248, 250, 252, .94);
  --hydev-input: #f7f9fc;
  --hydev-table-head: #f2f5fa;
  --hydev-hover: rgba(105, 72, 190, .045);
  --hydev-shadow: 0 10px 28px rgba(38, 49, 73, .07);
  --hydev-shadow-hover: 0 16px 38px rgba(38, 49, 73, .11);
  --bg: var(--hydev-bg); --panel: var(--hydev-panel); --panel2: var(--hydev-panel-strong);
  --text: var(--hydev-text); --muted: var(--hydev-muted); --line: var(--hydev-line);
  --blue: var(--hydev-violet); --cyan: var(--hydev-cyan); --pink: var(--hydev-pink);
  --green: var(--hydev-success); --yellow: var(--hydev-warning); --red: var(--hydev-danger); --purple: var(--hydev-violet);
}
html { background: var(--hydev-bg); }
body {
  background: var(--hydev-bg);
  color: var(--hydev-text);
  accent-color: var(--hydev-cyan);
  transition: background-color .2s ease, color .2s ease;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--hydev-violet) 14%, transparent), transparent 30%),
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--hydev-cyan) 11%, transparent), transparent 28%),
    radial-gradient(circle at 54% 100%, color-mix(in srgb, var(--hydev-pink) 10%, transparent), transparent 34%);
}
:where(.card, .panel, .table-wrap, .modal-content, .loginbox, .site-card, .gjs-pn-panel) {
  background: var(--hydev-panel);
  color: var(--hydev-text);
  border-color: var(--hydev-line);
}
:where(.side, .top, .drawer-panel, .project-card, .tiny-card) {
  background: var(--hydev-panel);
  color: var(--hydev-text);
  border-color: var(--hydev-line);
}
:where(.card.chroma, .hero, .hydev-v16-chroma) { position: relative; isolation: isolate; }
:where(.card.chroma, .hero, .hydev-v16-chroma)::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: linear-gradient(115deg, color-mix(in srgb, var(--hydev-cyan) 52%, transparent), transparent 42%, color-mix(in srgb, var(--hydev-pink) 44%, transparent));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .72;
}
:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--hydev-focus);
  outline-offset: 2px;
}
:where(button, .btn, .nav a, .sidebar-item, .hydev-theme-toggle) { min-height: 44px; }
.hydev-theme-toggle {
  position: fixed;
  top: 14px;
  right: 16px;
  z-index: 1200;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 118px;
  justify-content: center;
  padding: 10px 14px;
  border: 1px solid var(--hydev-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--hydev-panel-strong) 86%, transparent);
  color: var(--hydev-text);
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
  font: 700 12px/1.1 Inter, system-ui, sans-serif;
  cursor: pointer;
  backdrop-filter: blur(18px);
}
.hydev-theme-toggle:hover { border-color: var(--hydev-cyan); }
.hydev-theme-toggle .hydev-theme-swatch { width: 9px; height: 9px; border-radius: 50%; background: linear-gradient(135deg, var(--hydev-pink), var(--hydev-cyan)); }
:where(.muted, .sub, .tiny) { color: var(--hydev-muted); }
:where(.btn, .btn-primary, .btn-ghost) { color: var(--hydev-text); border-color: var(--hydev-line); }
:where(.btn.primary, .btn-primary) { background: linear-gradient(135deg, var(--hydev-violet), var(--hydev-cyan)); color: #08101b; border: 0; }
:where(.inp, .sel, .ta, input, select, textarea) { background: color-mix(in srgb, var(--hydev-panel-strong) 82%, transparent); color: var(--hydev-text); border-color: var(--hydev-line); }
:where(.green, .success) { color: var(--hydev-success) !important; }
.hydev-v16-note { border-left: 3px solid var(--hydev-cyan); padding-left: 12px; }
:root[data-hydev-theme="light"] .card,
:root[data-hydev-theme="light"] .panel,
:root[data-hydev-theme="light"] .table-wrap,
:root[data-hydev-theme="light"] .modal-content,
:root[data-hydev-theme="light"] .loginbox,
:root[data-hydev-theme="light"] .site-card,
:root[data-hydev-theme="light"] .tiny-card,
:root[data-hydev-theme="light"] .project-card,
:root[data-hydev-theme="light"] .side,
:root[data-hydev-theme="light"] .top {
  background: var(--hydev-panel) !important;
  color: var(--hydev-text) !important;
  border-color: var(--hydev-line) !important;
}
:root[data-hydev-theme="light"] .btn {
  color: #18233b !important;
  background: rgba(105, 72, 190, .10) !important;
  border-color: rgba(105, 72, 190, .36) !important;
}
:root[data-hydev-theme="light"] .btn.primary,
:root[data-hydev-theme="light"] .btn-primary {
  color: #08101b !important;
  background: linear-gradient(135deg, #ad8cff, #63cfe5) !important;
  border-color: transparent !important;
}
:root[data-hydev-theme="light"] .drawer-panel,
:root[data-hydev-theme="light"] .drawer-head,
:root[data-hydev-theme="light"] .tabs {
  background: var(--hydev-bg) !important;
  color: var(--hydev-text) !important;
  border-color: var(--hydev-line) !important;
}
:root[data-hydev-theme="light"] .site-meta b { color: var(--hydev-text) !important; }
:root[data-hydev-theme="light"] :where(.inp,.sel,.ta,input,select,textarea,.table-filter,.table-filter-select,.fi) { background: var(--hydev-input) !important; color: var(--hydev-text) !important; border-color: var(--hydev-line) !important; }
:root[data-hydev-theme="light"] th { background: var(--hydev-table-head) !important; }
:root[data-hydev-theme="light"] tr:hover td { background: var(--hydev-hover) !important; }
html.hydev-embedded .hydev-theme-toggle { display:none !important; }
html.hydev-embedded body, html.hydev-embedded .main, html.hydev-embedded .content, html.hydev-embedded .ops-wrap { background: var(--hydev-bg) !important; }
@media (max-width: 720px) {
  .hydev-theme-toggle { top: 10px; right: 10px; min-width: 118px; padding: 10px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Migrated HyDev admin functional layout rules. V16 tokens own all brand and state colors.\n   ══════════════════════════════════════════════════════════════════════
   hydev-admin-v11.css — HyDev Admin v1.1 Design Standard
   ─────────────────────────────────────────────────────────────────────
   Extracted from hydev-admin.html inline <style> block.
   All hardcoded colors replaced with CSS custom property tokens.
   Adapts to every Hypatia theme via var(--hydev-success), var(--hydev-bg), etc.

   Hardcoded colors replaced (~18):
     #05080f → var(--hydev-bg)
     #eaf1ff → var(--hydev-text)
     #8392ad → var(--hydev-muted)
     rgba(11,24,48,.96) → color-mix(in srgb, var(--hydev-bg) 96%, transparent)
     #ff4664 → var(--hydev-danger)
     var(--hydev-cyan) → var(--hydev-cyan)
     var(--hydev-violet) → var(--hydev-violet)
     var(--hydev-warning) → var(--hydev-warning)
     #50d7a7 → var(--hydev-success)
     rgba(7,16,31,.9x) → color-mix(in srgb, var(--hydev-bg) Nx%, transparent)
     rgba(16,224,160,...) → color-mix(in srgb, var(--hydev-success) X%, transparent)
     rgba(255,70,100,...) → color-mix(in srgb, var(--hydev-danger) X%, transparent)

   NOTE: --ha-accent (var(--hydev-violet)) is intentionally kept as the site-builder
   blue brand color — distinct from the theme accent on purpose.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Reset ─────────────────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0}

/* ── HyDev Admin palette ─────────────────────────────────────────── */
:root{
  /* Site-builder blue — intentionally kept, not a theme override */
  --ha-accent:        var(--hydev-violet);
  --ha-accent-dim:    color-mix(in srgb, var(--hydev-violet) 8%, transparent);
  --ha-accent-glow:   color-mix(in srgb, var(--hydev-violet) 16%, transparent);
  --ha-border:        var(--hydev-line);
  --ha-border-focus:  color-mix(in srgb, var(--hydev-violet) 34%, var(--hydev-line));
  /* Theme-aware vars */
  --ha-bg:            var(--hydev-bg);
  --ha-text:          var(--hydev-text);
  --ha-muted:         var(--hydev-muted);
  --ha-card:          var(--hydev-surface);
  --ha-danger:        var(--danger, #ff4664);
  --ha-cyan:          var(--info, #3ac9ff);
  --ha-purple:        var(--purple, #b47aff);
  --ha-gold:          var(--warning, #fad015);
  --ha-green:         var(--accent, #50d7a7);
}

html,body{min-height:100%;font-family:'Inter',sans-serif;background:var(--ha-bg);color:var(--ha-text)}
body{display:flex;height:100vh;height:100dvh;overflow:hidden}

/* ── Sidebar ─────────────────────────────────────────────────────── */
#admin-sidebar{width:220px;background:color-mix(in srgb, var(--hydev-surface) 88%, var(--hydev-bg));border-right:1px solid var(--ha-border);display:flex;flex-direction:column;flex-shrink:0}
#admin-logo{padding:20px;border-bottom:1px solid var(--ha-border)}
#admin-logo-name{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:900;color:var(--ha-accent);letter-spacing:.1em}
#admin-logo-sub{font-size:10px;color:var(--ha-muted);margin-top:2px}
.sidebar-section{padding:16px 12px 4px;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--ha-muted) 72%, transparent)}
.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-radius:8px;margin:1px 8px;transition:.15s;color:var(--ha-muted);font-size:12px;font-weight:500}
.sidebar-item:hover{background:var(--ha-accent-dim);color:var(--ha-text)}
.sidebar-item.active{background:var(--ha-accent-dim);border:1px solid var(--ha-accent-glow);color:var(--ha-accent)}
.sidebar-item .si-icon{font-size:16px;flex-shrink:0}
.sidebar-badge{margin-left:auto;background:var(--ha-accent-dim);color:var(--ha-accent);border-radius:20px;font-size:9px;font-weight:700;padding:2px 7px}
#sidebar-back{margin:auto 8px 12px;padding:10px 14px;border-radius:8px;background:var(--hydev-surface-soft);border:1px solid var(--ha-border);text-decoration:none;font-size:11px;color:var(--ha-muted);display:flex;align-items:center;gap:6px;transition:.15s}
#sidebar-back:hover{background:var(--hydev-hover);color:var(--ha-text);border-color:var(--ha-border-focus)}

/* ── Main ────────────────────────────────────────────────────────── */
#admin-main{flex:1;overflow:hidden;display:flex;flex-direction:column}
#admin-topbar{background:color-mix(in srgb, var(--hydev-surface) 86%, transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--ha-border);padding:0 24px;height:52px;display:flex;align-items:center;gap:12px;flex-shrink:0}
#admin-page-title{font-family:'Orbitron',sans-serif;font-size:13px;font-weight:900;color:var(--ha-accent);flex:1;letter-spacing:.06em}
#admin-content{flex:1;overflow-y:auto;padding:24px}
.panel{display:none}
.panel.active{display:block}

/* ── Stat cards ──────────────────────────────────────────────────── */
.stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}
.stat-card{background:var(--ha-card);border:1px solid var(--ha-border);border-radius:14px;padding:16px;transition:.2s;box-shadow:var(--hydev-shadow)}
.stat-card:hover{border-color:var(--ha-border-focus);box-shadow:var(--hydev-shadow-hover);transform:translateY(-1px)}
.stat-val{font-family:'Roboto Mono',monospace;font-size:24px;font-weight:700;color:var(--ha-accent);margin-bottom:4px}
.stat-label{font-size:9px;color:var(--ha-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.stat-sub{font-size:9px;color:var(--ha-muted);margin-top:4px}

/* ── Table ───────────────────────────────────────────────────────── */
.table-wrap{background:var(--ha-card);border:1px solid var(--ha-border);border-radius:14px;overflow:hidden;box-shadow:var(--hydev-shadow)}
.table-header{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--ha-border);gap:10px;flex-wrap:wrap}
.table-title{font-family:'Orbitron',sans-serif;font-size:11px;font-weight:900;color:var(--ha-accent);letter-spacing:.06em}
.table-filter{padding:7px 12px;border:1px solid var(--ha-border);border-radius:8px;font-size:11px;font-family:inherit;outline:none;background:var(--hydev-input);color:var(--ha-text);width:200px}
.table-filter:focus{border-color:var(--ha-border-focus)}
.table-filter-select{padding:7px 10px;border:1px solid var(--ha-border);border-radius:8px;font-size:10px;font-family:inherit;outline:none;background:var(--hydev-input);color:var(--ha-text);cursor:pointer}
.table-filter-select:focus{border-color:var(--ha-border-focus)}
table{width:100%;border-collapse:collapse}
th{padding:9px 14px;text-align:left;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ha-muted);border-bottom:1px solid var(--ha-border);background:var(--hydev-table-head);white-space:nowrap;user-select:none}
td{padding:10px 14px;font-size:11px;border-bottom:1px solid var(--ha-border)}
tr:last-child td{border-bottom:none}
tr:hover td{background:var(--hydev-hover)}
tbody tr{cursor:pointer;transition:.1s}

/* ── Badges ──────────────────────────────────────────────────────── */
.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.pill-green{background:color-mix(in srgb, var(--hydev-success) 10%, transparent);color:var(--ha-green);border:1px solid color-mix(in srgb, var(--hydev-success) 25%, transparent)}
.pill-yellow{background:color-mix(in srgb, var(--hydev-warning) 8%, transparent);color:var(--ha-gold);border:1px solid color-mix(in srgb, var(--hydev-warning) 20%, transparent)}
.pill-blue{background:color-mix(in srgb, var(--hydev-cyan) 8%, transparent);color:var(--ha-cyan);border:1px solid color-mix(in srgb, var(--hydev-cyan) 20%, transparent)}
.pill-purple{background:color-mix(in srgb, var(--hydev-violet) 8%, transparent);color:var(--ha-purple);border:1px solid color-mix(in srgb, var(--hydev-violet) 20%, transparent)}
.pill-grey{background:rgba(255,255,255,.05);color:var(--ha-muted);border:1px solid rgba(255,255,255,.1)}

/* ── Detail drawer ───────────────────────────────────────────────── */
.detail-drawer{position:fixed;right:-560px;top:0;width:560px;max-width:96vw;height:100vh;height:100dvh;background:var(--ha-card);border-left:1px solid var(--ha-border);box-shadow:-8px 0 30px rgba(0,0,0,.4);z-index:900;overflow-y:auto;transition:.3s;padding:24px}
.detail-drawer.open{right:0}
.dd-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:899}
.dd-backdrop.open{display:block}
.dd-close{position:absolute;top:16px;right:16px;background:none;border:1px solid var(--ha-border);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:14px;color:var(--ha-muted);transition:.15s}
.dd-close:hover{color:var(--ha-danger);border-color:color-mix(in srgb, var(--hydev-danger) 30%, transparent)}
.dd-title{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:900;color:var(--ha-accent);margin-bottom:4px;letter-spacing:.06em}
.dd-sub{font-size:11px;color:var(--ha-muted);margin-bottom:16px}
.dd-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--ha-border)}
.dd-section:last-child{border-bottom:none}
.dd-label{font-size:8px;font-weight:700;color:var(--ha-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}

/* ── Form fields ─────────────────────────────────────────────────── */
.fi{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--ha-border);background:var(--hydev-input);color:var(--ha-text);font-family:inherit;font-size:11px;margin-bottom:8px}
.fi:focus{outline:none;border-color:var(--ha-border-focus)}
select.fi{cursor:pointer}
.fl{font-size:8px;font-weight:700;color:var(--ha-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}

/* ── Buttons ─────────────────────────────────────────────────────── */
.btn{padding:7px 14px;border-radius:8px;border:1px solid var(--ha-border);background:var(--ha-accent-dim);color:var(--ha-accent);font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:.15s;white-space:nowrap}
.btn:hover{border-color:var(--ha-border-focus);background:var(--ha-accent-glow)}
.btn.primary{border-color:var(--ha-accent);color:var(--ha-accent)}
.btn.danger{border-color:color-mix(in srgb, var(--hydev-danger) 30%, transparent);color:var(--ha-danger);background:color-mix(in srgb, var(--hydev-danger) 6%, transparent)}
.btn.danger:hover{background:color-mix(in srgb, var(--hydev-danger) 12%, transparent)}
.btn.sm{padding:4px 10px;font-size:9px}
.btn:disabled{opacity:.4;pointer-events:none}

/* ── Tiles (templates) ───────────────────────────────────────────── */
.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.tile{background:var(--ha-card);border:1px solid var(--ha-border);border-radius:12px;padding:16px;transition:.18s}
.tile:hover{border-color:var(--ha-border-focus);transform:translateY(-2px)}
.tile .t-ico{font-size:24px;margin-bottom:8px}
.tile .t-name{font-size:13px;font-weight:800;margin-bottom:2px}
.tile .t-desc{font-size:10px;color:var(--ha-muted);line-height:1.5;min-height:30px}
.tile .t-meta{font-size:9px;color:var(--ha-cyan);font-family:'Roboto Mono',monospace;margin-top:8px}.template-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.template-tile.client-ready{border-color:color-mix(in srgb,var(--hydev-cyan) 24%,var(--ha-border))}.template-tile.preview-only{opacity:.76}.template-tile .btn{width:100%;margin-top:12px}#panel-client-orders.active{display:block;min-height:calc(100dvh - 100px);overflow:visible}#panel-client-orders .hd-page-head{margin-bottom:18px}.hd-client-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.hd-client-search{display:flex;align-items:center;gap:9px;min-width:min(440px,100%);flex:1;max-width:620px;padding:0 12px;border:1px solid var(--ha-border);border-radius:14px;background:var(--ha-card);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.hd-client-search iconify-icon{color:var(--ha-muted);font-size:18px}.hd-client-search input{width:100%;min-height:44px;border:0;outline:0;background:transparent;color:var(--ha-text);font:inherit}.hd-client-filter-row{display:flex;gap:7px;flex-wrap:wrap}.hd-client-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:stretch}.hd-client-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:280px;padding:20px;border:1px solid var(--ha-border);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--ha-card) 94%,transparent),color-mix(in srgb,var(--ha-bg) 96%,transparent));box-shadow:0 14px 36px rgba(0,0,0,.08);overflow:hidden}.hd-client-card:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--ha-accent),var(--ha-cyan));opacity:.8}.hd-client-card[data-live='1']:before{background:var(--ha-green)}.hd-client-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hd-client-card-name{margin:0;font-size:20px;line-height:1.15;letter-spacing:-.025em;color:var(--ha-text)}.hd-client-card-meta{margin-top:6px;color:var(--ha-muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.hd-client-next{margin:17px 0 14px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--ha-accent) 26%,var(--ha-border));border-radius:14px;background:color-mix(in srgb,var(--ha-accent) 5%,var(--ha-card))}.hd-client-next span{display:block;color:var(--ha-muted);font:700 9px 'Roboto Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.hd-client-next strong{display:block;margin-top:5px;color:var(--ha-text);font-size:13px;line-height:1.4}.hd-client-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:auto}.hd-client-status{min-width:0;padding:9px;border:1px solid var(--ha-border);border-radius:11px;background:var(--ha-bg)}.hd-client-status span{display:block;color:var(--ha-muted);font:700 8px 'Roboto Mono',monospace;text-transform:uppercase;letter-spacing:.04em}.hd-client-status b{display:block;margin-top:4px;color:var(--ha-text);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-client-card-actions{display:flex;gap:8px;align-items:center;margin-top:15px}.hd-client-card-actions .btn.primary{flex:1}.hd-client-empty{grid-column:1/-1;min-height:260px;display:grid;place-items:center;text-align:center;border:1px dashed var(--ha-border);border-radius:20px;color:var(--ha-muted)}@media(max-width:720px){.hd-client-toolbar{align-items:stretch}.hd-client-search{min-width:100%;max-width:none}.hd-client-project-grid{grid-template-columns:1fr}.hd-client-card{min-height:0;padding:17px}.hd-client-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-client-card-actions{flex-direction:column;align-items:stretch}.hd-client-card-actions .btn{width:100%}}

/* ── Member analytics ────────────────────────────────────────────── */
.analytics-bar{display:flex;gap:8px;margin-bottom:12px}
.analytics-item{flex:1;background:var(--hydev-surface-soft);border:1px solid var(--ha-border);border-radius:8px;padding:10px;text-align:center}
.analytics-item .av{font-family:'Roboto Mono',monospace;font-size:16px;font-weight:700;color:var(--ha-accent)}
.analytics-item .al{font-size:8px;color:var(--ha-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.06em}
.link-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid var(--ha-border);margin-bottom:4px;background:var(--hydev-surface-soft)}
.link-info{flex:1;min-width:0}
.link-title{font-size:10px;font-weight:700;color:var(--ha-text)}
.link-url{font-size:8px;color:var(--ha-muted)}

/* ── Toast ───────────────────────────────────────────────────────── */
#ha-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:10px;font-size:11px;font-weight:700;z-index:2000;opacity:0;transition:.3s;pointer-events:none;background:var(--ha-accent-dim);border:1px solid var(--ha-accent-glow);color:var(--ha-accent)}
#ha-toast.show{opacity:1}
#ha-toast.err{background:color-mix(in srgb, var(--hydev-danger) 12%, transparent);border-color:color-mix(in srgb, var(--hydev-danger) 30%, transparent);color:var(--ha-danger)}

/* ── Mobile header ───────────────────────────────────────────────── */
.hy-mobile-header{display:none}
@media(max-width:1024px){.stat-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  body{display:block;width:100%;height:100dvh;overflow:hidden}
  #admin-main{width:100%;height:calc(100dvh - 52px);min-width:0}
  #admin-page-title{display:none}
  #admin-topbar{justify-content:flex-end}
  .hy-mobile-header{display:flex;width:100%;height:52px;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--ha-border);background:color-mix(in srgb, var(--hydev-surface) 92%, transparent)}
  .hy-hamburger,.hy-panel-btn{background:none;border:1px solid var(--ha-border);border-radius:8px;color:var(--ha-accent);font-size:16px;padding:4px 10px;cursor:pointer}
  .hy-mobile-title{font-family:'Orbitron',sans-serif;font-size:12px;font-weight:900;color:var(--ha-accent);flex:1}
}
@media(max-width:768px){
  #admin-content{padding:10px}
  #panel-client-orders .hydev-v16-note{font-size:11px;line-height:1.4;margin-bottom:8px!important}
  #hydev-client-orders-frame{height:calc(100dvh - 116px)!important;min-height:0!important;border-radius:12px!important}
  .stat-row{grid-template-columns:repeat(2,1fr)}
  .detail-drawer{width:100%;right:-100%}
  table{font-size:10px}
  td,th{padding:6px 8px}
}
@media(max-width:480px){.stat-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:116px;padding:14px}.stat-card:nth-child(5){grid-column:1/-1}.stat-val{font-size:24px!important}}

/* ═══════════════════════════════════════════════════════════════════════
   V16 premium polish — one tokenized visual language for admin + ops
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --hydev-glow-cyan: color-mix(in srgb,var(--hydev-cyan) 34%,transparent);
  --hydev-glow-violet: color-mix(in srgb,var(--hydev-violet) 30%,transparent);
  --hydev-glow-pink: color-mix(in srgb,var(--hydev-pink) 24%,transparent);
  --hydev-glass: color-mix(in srgb,var(--hydev-surface) 88%,transparent);
  --hydev-glass-strong: color-mix(in srgb,var(--hydev-panel-strong) 94%,transparent);
}
body{
  background:
    radial-gradient(circle at 12% -8%,var(--hydev-glow-violet),transparent 28%),
    radial-gradient(circle at 92% 2%,var(--hydev-glow-cyan),transparent 25%),
    radial-gradient(circle at 58% 108%,var(--hydev-glow-pink),transparent 28%),
    var(--hydev-bg)!important;
}
#admin-main{background:transparent}
#admin-sidebar{
  background:linear-gradient(180deg,color-mix(in srgb,var(--hydev-glass-strong) 96%,transparent),color-mix(in srgb,var(--hydev-bg) 94%,transparent))!important;
  box-shadow:18px 0 50px color-mix(in srgb,var(--hydev-violet) 7%,transparent);
}
#admin-logo-name,#admin-page-title,.table-title{
  background:linear-gradient(95deg,var(--hydev-violet),var(--hydev-cyan),var(--hydev-pink));
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
#admin-topbar{
  padding-right:164px!important;
  background:color-mix(in srgb,var(--hydev-glass-strong) 86%,transparent)!important;
  border-bottom-color:color-mix(in srgb,var(--hydev-violet) 18%,var(--hydev-line))!important;
  box-shadow:0 10px 34px color-mix(in srgb,var(--hydev-violet) 6%,transparent);
}
.hydev-theme-toggle{
  top:7px!important;right:18px!important;min-width:122px!important;height:40px!important;min-height:40px!important;
  background:var(--hydev-glass-strong)!important;
  border:1px solid color-mix(in srgb,var(--hydev-violet) 28%,var(--hydev-line))!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--hydev-violet) 13%,transparent)!important;
}
.hydev-theme-toggle:hover{transform:translateY(-1px);box-shadow:0 12px 30px var(--hydev-glow-violet)!important}
.sidebar-item{position:relative;border:1px solid transparent}
.sidebar-item:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--hydev-violet) 10%,transparent),color-mix(in srgb,var(--hydev-cyan) 5%,transparent))!important}
.sidebar-item.active{
  background:linear-gradient(90deg,color-mix(in srgb,var(--hydev-violet) 15%,transparent),color-mix(in srgb,var(--hydev-cyan) 7%,transparent))!important;
  border-color:color-mix(in srgb,var(--hydev-violet) 30%,var(--hydev-line))!important;
  box-shadow:inset 3px 0 0 var(--hydev-violet),0 8px 24px color-mix(in srgb,var(--hydev-violet) 8%,transparent);
}
.stat-row{gap:14px!important}
.stat-card{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(145deg,var(--hydev-glass-strong),color-mix(in srgb,var(--hydev-surface-soft) 84%,transparent))!important;
  border:1px solid color-mix(in srgb,var(--hydev-violet) 20%,var(--hydev-line))!important;
  box-shadow:var(--hydev-shadow)!important;
}
.stat-card::before{
  content:"";position:absolute;inset:0 0 auto;height:2px;z-index:2;
  background:linear-gradient(90deg,var(--hydev-cyan),var(--hydev-violet),var(--hydev-pink));opacity:.82
}
.stat-card::after{
  content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-54px;top:-62px;z-index:-1;
  background:radial-gradient(circle,var(--hydev-glow-violet),transparent 68%);filter:blur(2px)
}
.stat-card:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--hydev-cyan) 36%,var(--hydev-line))!important;box-shadow:var(--hydev-shadow-hover),0 0 26px var(--hydev-glow-violet)!important}
.stat-val{font-size:28px!important;background:linear-gradient(110deg,var(--hydev-violet),var(--hydev-cyan));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.table-wrap{
  background:var(--hydev-glass)!important;
  border-color:color-mix(in srgb,var(--hydev-violet) 18%,var(--hydev-line))!important;
  box-shadow:var(--hydev-shadow)!important;
  backdrop-filter:blur(18px) saturate(125%);
}
.table-header{background:linear-gradient(90deg,color-mix(in srgb,var(--hydev-violet) 5%,transparent),transparent 42%,color-mix(in srgb,var(--hydev-cyan) 4%,transparent))}
th{background:color-mix(in srgb,var(--hydev-table-head) 92%,transparent)!important}
tbody tr:hover td{background:linear-gradient(90deg,color-mix(in srgb,var(--hydev-violet) 6%,transparent),color-mix(in srgb,var(--hydev-cyan) 3%,transparent))!important}
.hydev-v16-note{
  position:relative;padding:12px 16px!important;border:1px solid color-mix(in srgb,var(--hydev-cyan) 18%,var(--hydev-line));border-left:3px solid var(--hydev-cyan)!important;border-radius:0 12px 12px 0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--hydev-cyan) 6%,transparent),color-mix(in srgb,var(--hydev-violet) 4%,transparent),transparent 72%);
  box-shadow:0 8px 26px color-mix(in srgb,var(--hydev-cyan) 6%,transparent)
}
#hydev-client-orders-frame{
  border:1px solid color-mix(in srgb,var(--hydev-violet) 24%,var(--hydev-line))!important;
  box-shadow:0 18px 55px color-mix(in srgb,var(--hydev-violet) 10%,transparent),0 0 34px color-mix(in srgb,var(--hydev-cyan) 6%,transparent)!important;
}
#sidebar-back{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--hydev-text) 5%,transparent)}
@media(max-width:900px){
  #admin-topbar{padding-right:12px!important;height:52px}
  .hydev-theme-toggle{top:6px!important;right:10px!important}
  .hy-mobile-header{box-shadow:0 8px 28px color-mix(in srgb,var(--hydev-violet) 7%,transparent)}
}

/* BeautifulUI-inspired HyDev primitives */
.hd-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.hd-page-head-copy{min-width:0}.hd-kicker{color:var(--hydev-cyan);font:700 10px/1.4 'Roboto Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.hd-page-title{margin:5px 0 4px;font:800 clamp(22px,3vw,34px)/1.02 Inter,sans-serif;letter-spacing:-.045em;color:var(--hydev-text)}.hd-page-copy{max-width:720px;color:var(--hydev-muted);font-size:13px;line-height:1.55}.hd-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.hd-command{display:flex;align-items:center;gap:9px;min-height:48px;padding:7px 10px 7px 13px;border:1px solid color-mix(in srgb,var(--hydev-violet) 24%,var(--hydev-line));border-radius:14px;background:var(--hydev-glass);box-shadow:var(--hydev-shadow);backdrop-filter:blur(18px)}.hd-command iconify-icon{color:var(--hydev-cyan);font-size:18px}.hd-command input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;color:var(--hydev-text)!important;font-size:14px!important}.hd-command-key{flex:none;padding:4px 7px;border:1px solid var(--hydev-line);border-radius:7px;background:var(--hydev-surface-soft);color:var(--hydev-muted);font:10px/1.2 'Roboto Mono',monospace}
.hd-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 18px}.hd-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid var(--hydev-line);border-radius:10px;background:var(--hydev-surface-soft);color:var(--hydev-muted);font-size:11px;font-weight:650;cursor:pointer}.hd-chip:hover,.hd-chip.active{color:var(--hydev-text);border-color:color-mix(in srgb,var(--hydev-cyan) 38%,var(--hydev-line));background:linear-gradient(90deg,color-mix(in srgb,var(--hydev-cyan) 9%,var(--hydev-surface-soft)),color-mix(in srgb,var(--hydev-violet) 7%,var(--hydev-surface-soft)));box-shadow:0 0 18px color-mix(in srgb,var(--hydev-cyan) 8%,transparent)}
.hd-surface{--hd-tone:var(--hydev-violet);position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--hd-tone) 22%,var(--hydev-line));border-radius:16px;background:var(--hydev-glass);box-shadow:var(--hydev-shadow);backdrop-filter:blur(18px) saturate(125%)}.hd-surface[data-tone="cyan"]{--hd-tone:var(--hydev-cyan)}.hd-surface[data-tone="green"]{--hd-tone:var(--hydev-success)}.hd-surface[data-tone="pink"]{--hd-tone:var(--hydev-pink)}.hd-surface[data-tone="amber"]{--hd-tone:var(--hydev-warning)}.hd-surface::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--hd-tone),transparent);opacity:.85}.hd-surface-head{display:flex;align-items:center;gap:10px;padding:14px 16px 10px}.hd-surface-head iconify-icon{color:var(--hd-tone);font-size:19px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--hd-tone) 55%,transparent))}.hd-surface-title{flex:1;color:var(--hydev-text);font-size:13px;font-weight:750;letter-spacing:-.01em}.hd-surface-meta{color:var(--hydev-muted);font:10px 'Roboto Mono',monospace}.hd-surface-body{padding:0 16px 16px}
.hd-overview-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px;margin:0 0 18px}.hd-task-list{display:grid}.hd-task-row{--hd-task:var(--hydev-muted);display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid var(--hydev-line)}.hd-task-row:last-child{border-bottom:0}.hd-task-row[data-tone="violet"]{--hd-task:var(--hydev-violet)}.hd-task-row[data-tone="cyan"]{--hd-task:var(--hydev-cyan)}.hd-task-row[data-tone="green"]{--hd-task:var(--hydev-success)}.hd-task-row[data-tone="amber"]{--hd-task:var(--hydev-warning)}.hd-task-dot{display:grid;place-items:center;width:26px;height:26px;border:1px solid color-mix(in srgb,var(--hd-task) 42%,var(--hydev-line));border-radius:50%;background:color-mix(in srgb,var(--hd-task) 7%,var(--hydev-bg));color:var(--hd-task);font-size:12px}.hd-task-copy strong{display:block;color:var(--hydev-text);font-size:12px;font-weight:700}.hd-task-copy small{display:block;margin-top:3px;color:var(--hydev-muted);font-size:11px;line-height:1.45}.hd-task-action{align-self:center;padding:6px 9px;border:1px solid var(--hydev-line);border-radius:9px;background:var(--hydev-surface-soft);color:var(--hydev-muted);font-size:10px;cursor:pointer}.hd-task-action:hover{color:var(--hydev-text);border-color:var(--hd-task)}
.hd-insight{padding:12px 0}.hd-insight+.hd-insight{border-top:1px solid var(--hydev-line)}.hd-insight-label{color:var(--hydev-muted);font:700 9px 'Roboto Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.hd-insight-value{margin-top:4px;color:var(--hydev-text);font-size:21px;font-weight:800;letter-spacing:-.035em}.hd-insight-copy{margin-top:3px;color:var(--hydev-muted);font-size:11px;line-height:1.45}
.hd-empty{display:grid;place-items:center;min-height:180px;padding:28px;text-align:center}.hd-empty-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--hydev-violet) 28%,var(--hydev-line));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--hydev-violet) 10%,var(--hydev-surface-soft)),color-mix(in srgb,var(--hydev-cyan) 8%,var(--hydev-surface-soft)));color:var(--hydev-cyan);box-shadow:0 0 24px var(--hydev-glow-violet)}.hd-empty h3{color:var(--hydev-text);font-size:14px}.hd-empty p{max-width:420px;margin:5px auto 0;color:var(--hydev-muted);font-size:11px;line-height:1.55}
.hd-form-card{padding:16px}.hd-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hd-form-field label{display:block;margin-bottom:6px;color:var(--hydev-muted);font:700 9px 'Roboto Mono',monospace;text-transform:uppercase;letter-spacing:.07em}.hd-form-field.full{grid-column:1/-1}
.hd-approval-strip{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--hydev-line);background:linear-gradient(90deg,color-mix(in srgb,var(--hydev-warning) 6%,transparent),transparent)}.hd-approval-strip iconify-icon{color:var(--hydev-warning);font-size:18px}.hd-approval-copy{flex:1;min-width:0}.hd-approval-copy strong{display:block;color:var(--hydev-text);font-size:12px}.hd-approval-copy small{display:block;color:var(--hydev-muted);font-size:10px;margin-top:2px}
.hd-panel-stack{display:grid;gap:14px}.hd-table-shell{overflow:hidden}.hd-table-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--hydev-line)}.hd-table-toolbar .table-filter{margin-left:auto}.hd-record-count{color:var(--hydev-muted);font:10px 'Roboto Mono',monospace}
@media(max-width:900px){.hd-overview-grid{grid-template-columns:1fr}.hd-page-head{align-items:flex-start;flex-direction:column}.hd-head-actions{width:100%}.hd-head-actions .btn{flex:1}.hd-form-grid{grid-template-columns:1fr}.hd-command{position:relative}.hd-command-key{display:none}}
@media(max-width:560px){.hd-page-title{font-size:26px}.hd-page-copy{font-size:12px}.hd-chip-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.hd-chip{flex:none}.hd-task-row{grid-template-columns:28px minmax(0,1fr)}.hd-task-action{grid-column:2;justify-self:start}.hd-surface-head{padding:12px}.hd-surface-body{padding:0 12px 12px}}


/* HyDev canvas toast: isolate from admin toast component rules. */
#hd-toast.hd-toast{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:60px!important;
  width:max-content!important;
  min-width:0!important;
  max-width:min(520px,calc(100vw - 24px))!important;
  padding:10px 16px!important;
  animation:none!important;
  pointer-events:none!important;
  opacity:0;
  transform:translateX(-50%) translateY(16px)!important;
  transition:opacity .22s ease,transform .22s ease!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  line-height:1.4;
}
#hd-toast.hd-toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0)!important;
}
@media(max-width:720px){
  #hd-toast.hd-toast{
    bottom:76px!important;
    max-width:calc(100vw - 20px)!important;
    padding:10px 14px!important;
    border-radius:14px!important;
  }
}
/* ═══════════════════════════════════════════════════════════════════════
   HyDev Admin modern spacing / responsive surface polish — 2026-09-26
   ═══════════════════════════════════════════════════════════════════════ */
#admin-content {
  padding: clamp(16px, 2.25vw, 30px);
  scroll-padding-top: 18px;
}
#admin-content > .panel {
  width: min(100%, 1480px);
  margin-inline: auto;
}
#admin-topbar {
  min-height: 56px;
  height: 56px;
  padding-inline: clamp(14px, 2vw, 24px) 164px !important;
}
#admin-topbar .btn {
  min-height: 42px;
  border-radius: 12px;
  padding-inline: 14px;
}
.sidebar-item {
  min-height: 46px;
  border-radius: 12px;
  margin-block: 3px;
  padding-inline: 13px;
}
.sidebar-item .si-icon {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 18px;
}
.hd-page-head {
  margin-bottom: 22px;
}
.hd-page-title {
  max-width: 900px;
}
.hd-page-copy {
  max-width: 780px;
  font-size: 13px;
  line-height: 1.65;
}
.hd-client-toolbar {
  padding: 12px;
  border: 1px solid var(--hydev-line);
  border-radius: 18px;
  background: color-mix(in srgb,var(--hydev-panel) 78%,transparent);
  box-shadow: var(--hydev-shadow);
}
.hd-client-search {
  min-height: 48px;
  border-radius: 14px;
}
.hd-client-filter-row .hd-chip {
  min-height: 40px;
  padding-inline: 13px;
  border-radius: 11px;
}
.hd-client-project-grid {
  gap: 18px;
}
.hd-client-card {
  min-height: 294px;
  padding: 22px;
  border-radius: 22px;
  box-shadow: 0 18px 44px rgba(22,34,55,.08);
}
.hd-client-card-name {
  font-size: 21px;
}
.hd-client-card-meta {
  font-size: 12px;
}
.hd-client-next {
  padding: 14px 15px;
  border-radius: 15px;
}
.hd-client-status {
  min-height: 58px;
  padding: 10px;
  border-radius: 12px;
}
.hd-client-card-actions .btn {
  min-height: 46px;
  border-radius: 12px;
}
.hd-surface,
.table-wrap,
.stat-card {
  border-radius: 18px !important;
}
.stat-card {
  min-height: 118px;
  padding: 18px;
}
:where(#admin-content input,#admin-content select,#admin-content textarea) {
  min-height: 44px;
  border-radius: 11px !important;
}
#admin-content textarea { min-height: 96px; }
.btn {
  border-radius: 11px;
}
@media(max-width:900px){
  #admin-main { height: calc(100dvh - 56px); }
  .hy-mobile-header {
    height: 56px;
    min-height: 56px;
    padding: 8px 12px;
    background: var(--hydev-panel-strong) !important;
    backdrop-filter: none;
    position: relative;
    z-index: 160;
  }
  .hy-hamburger {
    min-width: 44px;
    width: 44px;
    min-height: 44px;
    height: 44px;
    padding: 0;
    display: grid;
    place-items: center;
    border-radius: 12px;
  }
  #admin-sidebar {
    background: var(--hydev-panel-strong) !important;
    backdrop-filter: none !important;
    box-shadow: 24px 0 70px rgba(15,23,42,.28) !important;
    z-index: 150 !important;
  }
  #admin-sidebar.hy-drawer.hy-drawer--left:not(.open) {
    position: fixed !important;
    transform: translateX(-100%) !important;
    transition: none !important;
  }
  #admin-sidebar.hy-drawer.hy-drawer--left.open {
    position: fixed !important;
    transform: translateX(0) !important;
    transition: transform .28s cubic-bezier(.4,0,.2,1) !important;
  }
  #admin-content {
    padding: clamp(12px, 3vw, 18px);
  }
  #admin-topbar {
    min-height: 52px;
    height: 52px;
    padding: 4px 12px !important;
  }
  .hd-page-head {
    gap: 12px;
    margin-bottom: 16px;
  }
  .hd-page-title {
    font-size: clamp(26px, 7vw, 34px);
  }
  .hd-client-toolbar {
    padding: 10px;
    border-radius: 16px;
  }
}
@media(max-width:560px){
  #admin-content {
    padding: 12px;
  }
  .hd-client-project-grid { gap: 12px; }
  .hd-client-card {
    padding: 16px;
    border-radius: 18px;
  }
  .hd-client-card-name { font-size: 19px; }
  .hd-client-status-grid { gap: 7px; }
  .hd-client-card-actions { gap: 7px; }
  .hd-client-toolbar {
    margin-bottom: 14px;
  }
  .hd-client-filter-row {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .hd-client-filter-row .hd-chip {
    justify-content: center;
  }
}

@media(max-width:480px){
  .hydev-theme-toggle{
    min-width:44px!important;
    width:44px!important;
    height:44px!important;
    padding:0!important;
    border-radius:14px!important;
    justify-content:center!important;
  }
  .hydev-theme-toggle .hydev-theme-label{display:none!important}
  .hydev-theme-toggle .hydev-theme-swatch{width:12px!important;height:12px!important}
}