/* GRAFYNX HUB V1.7.0 — airy reference-inspired creative workspace.
   Scope: application chrome, workspace cards, dashboard only. Business forms,
   editors, invoice templates, finance calculations and endpoints are untouched. */
:root {
  --bg:#f1f3f9;
  --surface:#fff;
  --ink:#23243a;
  --muted:#8890a5;
  --line:#e8ebf4;
  --chip:#f6f7fc;
  --pink:#e72388;
  --pink-soft:#fff0f8;
  --shadow:0 9px 25px rgba(37,46,91,.045);
}
html[data-theme="dark"] {
  --bg:#141722;
  --surface:#202433;
  --ink:#f4f3fb;
  --muted:#a9acc1;
  --line:#353a4c;
  --chip:#2a2e40;
  --pink:#ff6aaa;
  --pink-soft:#392238;
  --shadow:0 12px 34px rgba(0,0,0,.14);
}
html {background:#e6e9f1}
html[data-theme="dark"] {background:#11131d}
body {background:transparent}
.grafynx-workspace {background:#e6e9f1;min-width:0;}
html[data-theme="dark"] .grafynx-workspace {background:#11131d}
.grafynx-workspace .main-shell {
  background:linear-gradient(144deg,#fafdff 6%,#f5f7ff 57%,#f0f2fc 100%);
  border:1px solid rgba(255,255,255,.9);border-radius:23px;
  min-width:0;box-shadow:0 20px 62px rgba(76,82,124,.075);
  overflow:hidden;
}
html[data-theme="dark"] .grafynx-workspace .main-shell {
  background:linear-gradient(145deg,#1d2230,#1b1e2a 65%,#242436);border-color:#343746;
}
.grafynx-workspace .topbar {
  height:81px;min-height:81px;
  border-bottom:0;background:transparent;box-shadow:none;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  padding-inline:clamp(24px,3.1vw,48px);
  grid-template-columns:minmax(0,1fr) auto;gap:16px;
}
.grafynx-workspace .topbar .top-nav {display:none!important}
.grafynx-workspace .topbar .topbar-brand {gap:12px;}
.grafynx-workspace .topbar .brand-symbol.brand-mark {width:34px;height:41px;min-width:34px}
.grafynx-workspace .topbar .brand-wordmark img {width:113px;max-height:28px}
.grafynx-workspace .topbar .brand-name small {font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.grafynx-workspace .header-actions {gap:11px;align-items:center}
.grafynx-workspace .topbar .search-launch {height:39px;min-width:175px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);box-shadow:0 4px 12px rgba(48,52,85,.025)}
.grafynx-workspace .topbar .header-actions .icon-button {height:39px;width:39px;border:0;border-radius:11px;background:transparent;color:var(--ink)}
.grafynx-workspace .topbar .header-actions .icon-button:hover {background:var(--surface)}
.grafynx-workspace .topbar .top-create {border:0;background:var(--pink);border-radius:10px;padding:10px 15px;min-height:39px;box-shadow:0 8px 18px rgba(231,35,136,.13);font-size:11px;letter-spacing:.005em;font-weight:750}
.grafynx-workspace .topbar .top-create:hover {filter:brightness(.96)}
.grafynx-workspace .sidebar {
  position:fixed;z-index:26;left:23px;top:24px;bottom:24px;
  width:66px;max-height:none;padding:17px 8px;gap:17px;
  background:#fff;border:1px solid #fff;color:#8c93a5;
  border-radius:20px;box-shadow:0 16px 35px rgba(40,45,80,.045);
  overflow:hidden;transition:width .23s ease,box-shadow .23s ease;
}
html[data-theme="dark"] .grafynx-workspace .sidebar {background:#202433;border-color:#353a4c;color:#b6b6c9}
.grafynx-workspace .sidebar:not(.is-expanded) .rail-heading {display:none}
.grafynx-workspace .sidebar.is-expanded {width:224px;top:24px;max-height:none;box-shadow:0 25px 60px rgba(39,43,79,.17)}
.grafynx-workspace .rail-top {justify-content:center;min-height:43px;padding:0 1px;gap:10px}
.grafynx-workspace .sidebar.is-expanded .rail-top {justify-content:flex-start}
.grafynx-workspace .rail-toggle {background:#fcf0f8;color:#b42172;border:0;width:45px;height:43px;border-radius:11px;flex:0 0 45px}
.grafynx-workspace .rail-toggle:hover {background:#fbe4f3;color:#bf227a}
.grafynx-workspace .rail-heading {color:var(--ink)}
.grafynx-workspace .rail-heading small {color:var(--muted)}
.grafynx-workspace .rail-links {border:0;gap:10px;padding:24px 0 15px;flex:1;align-items:center}
.grafynx-workspace .sidebar.is-expanded .rail-links {align-items:stretch}
.grafynx-workspace .rail-links .nav-link {color:#79849e;border:0;position:relative;min-height:45px;height:45px;width:46px;gap:13px;border-radius:11px;padding:12px 13px;font-size:12px}
.grafynx-workspace .rail-links .nav-link svg,.grafynx-workspace .nav-tool svg {height:18px;width:18px;stroke-width:1.9}
.grafynx-workspace .rail-links .nav-link:hover,.grafynx-workspace .nav-tool:hover {background:#f8eff6;color:#b61f75}
.grafynx-workspace .rail-links .nav-link.active {background:#faeaf5;color:#cc257e;box-shadow:none}
.grafynx-workspace .rail-links .nav-link.active:before {width:3px;height:25px;left:-9px;top:10px;border-radius:0 4px 4px 0;background:var(--pink);box-shadow:none}
.grafynx-workspace .rail-bottom {border:0;padding-top:6px;align-items:center;gap:7px}
.grafynx-workspace .sidebar.is-expanded .rail-bottom {align-items:stretch}
.grafynx-workspace .nav-tool {width:46px;min-height:43px;height:43px;border-radius:11px;color:#8890a6;padding:11px 13px}
.grafynx-workspace .sidebar :focus-visible {outline:2px solid var(--pink);outline-offset:2px}
.grafynx-workspace .desktop-foot {padding:8px clamp(24px,3.1vw,48px) 22px;font-size:9px;letter-spacing:.12em}
.grafynx-workspace .main {max-width:none;min-width:0;min-height:calc(100dvh - 167px);padding:20px clamp(24px,3.1vw,48px) 30px;}
.grafynx-workspace .page-head {align-items:center}
.grafynx-workspace .page-head h1 {font-size:clamp(25px,2.8vw,35px);font-weight:760;letter-spacing:-.04em}
.grafynx-workspace .page-head h1:after {display:none}
.grafynx-workspace .page-head .eyebrow {letter-spacing:.13em}
.grafynx-workspace .page-head .eyebrow:before {background:var(--pink);box-shadow:0 0 0 4px #e7238815}
.grafynx-workspace :is(.panel,.table-card,.form-card,.empty) {border:1px solid var(--line);background:var(--surface);border-radius:16px;box-shadow:0 8px 21px rgba(32,45,89,.025)}
.grafynx-workspace :is(.btn,.btn-primary,.btn-light) {border-radius:11px}
.grafynx-workspace .btn-primary {background:var(--pink)}
.grafynx-workspace .table-card th {background:var(--chip)}
.grafynx-workspace .table-card tr:hover td {background:var(--chip)}

/* Dashboard layout — reference: four tall stat tiles, paired service cards,
   financial trend and small compact summary tiles. */
.ref-dashboard {min-width:0}
.ref-dashboard-greeting {display:flex;align-items:center;gap:12px;min-height:55px;margin:0 0 29px}
.ref-profile-avatar {height:38px;width:38px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,#f9a0bb,#ae6a9c);color:white;border:3px solid #fff;box-shadow:0 3px 12px #a05e8718}
.ref-profile-avatar svg {width:18px;height:18px}
.ref-dashboard-greeting>span:nth-child(2) {display:flex;flex-direction:column;gap:4px;min-width:0}
.ref-dashboard-greeting strong {font-size:12px;font-weight:760;color:var(--ink);letter-spacing:-.01em;overflow-wrap:anywhere}
.ref-dashboard-greeting small {font-size:11px;color:var(--muted)}
.ref-greeting-month {margin-left:auto;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:11px;cursor:pointer;white-space:nowrap}
.ref-greeting-month svg {width:14px;height:14px;color:var(--pink)}
.ref-dashboard-title {display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:20px}
.ref-overline {display:block;font-size:9px;font-weight:800;letter-spacing:.16em;color:#a6aabd}
.ref-dashboard-title h1 {margin:6px 0 0;color:var(--ink);font-size:clamp(23px,2.2vw,32px);letter-spacing:-.05em;font-weight:780;line-height:1.2}
.ref-analytics-link {display:inline-flex;gap:8px;align-items:center;cursor:pointer;background:transparent;border:0;color:#b62b7b;font-size:11px;font-weight:740;padding:7px 0;white-space:nowrap}
.ref-analytics-link svg {width:14px;height:14px}
.ref-dashboard-grid {display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:25px;align-items:start}
.ref-dashboard-left,.ref-dashboard-right {min-width:0}
.grafynx-workspace .ref-dashboard .grid-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 30px}
.grafynx-workspace .ref-dashboard .stat-card {min-width:0;min-height:156px;padding:15px 12px 16px;background:var(--surface);color:var(--ink);border:1px solid #f3f3fa;border-radius:13px;box-shadow:0 12px 24px rgba(46,62,107,.045);transition:transform .18s,box-shadow .18s}
html[data-theme="dark"] .grafynx-workspace .ref-dashboard .stat-card {border-color:var(--line)}
.grafynx-workspace .ref-dashboard .stat-card:after {display:none}
.grafynx-workspace .ref-dashboard .stat-card:hover {box-shadow:0 13px 23px rgba(76,62,118,.10);transform:translateY(-2px)}
.grafynx-workspace .ref-dashboard .stat-card:first-child {background:var(--surface);color:var(--ink);border-color:#f3f3fa}
html[data-theme="dark"] .grafynx-workspace .ref-dashboard .stat-card:first-child {border-color:var(--line)}
.grafynx-workspace .ref-dashboard .stat-top {display:flex;align-items:flex-start;flex-direction:column-reverse;gap:15px;justify-content:start;color:var(--muted);font-size:10px;font-weight:650;line-height:1.35}
.grafynx-workspace .ref-dashboard .stat-card:first-child .stat-top,.grafynx-workspace .ref-dashboard .stat-card:first-child .stat-sub {color:var(--muted)}
.grafynx-workspace .ref-dashboard .stat-icon {display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;color:#fff;background:linear-gradient(135deg,#db4aa9,#8b3dc0)}
.grafynx-workspace .ref-dashboard .stat-icon svg {width:18px;height:18px}
.grafynx-workspace .ref-dashboard .stat-icon.violet {background:linear-gradient(135deg,#7880c9,#5044ab)}
.grafynx-workspace .ref-dashboard .stat-icon.coral {background:linear-gradient(135deg,#fca18d,#ec6c7c)}
.grafynx-workspace .ref-dashboard .stat-icon.orange {background:linear-gradient(135deg,#ffb27c,#f38766)}
.grafynx-workspace .ref-dashboard .stat-value {font-size:clamp(16px,1.45vw,23px);font-weight:800;letter-spacing:-.04em;margin:12px 0 5px;white-space:normal;overflow-wrap:anywhere;line-height:1.23}
.grafynx-workspace .ref-dashboard .stat-sub {font-size:9px;color:var(--muted);line-height:1.4}
.ref-workflow-heading {display:flex;align-items:end;justify-content:space-between;margin:0 0 15px;gap:8px}
.ref-workflow-heading h2 {font-size:15px;letter-spacing:-.03em;margin:5px 0 0;font-weight:770}
.ref-workflow-heading>span {font-size:10px;color:var(--muted)}
.ref-shortcuts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ref-shortcut {min-height:118px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;text-align:left;background:rgba(255,255,255,.74);color:var(--ink);border:1px solid rgba(241,241,249,.9);border-radius:12px;padding:14px 12px;cursor:pointer;min-width:0;transition:transform .18s,box-shadow .18s}
.ref-shortcut:hover {transform:translateY(-2px);box-shadow:0 8px 20px #4e54800b}
html[data-theme="dark"] .ref-shortcut {background:var(--surface);border-color:var(--line)}
.ref-shortcut-copy {display:flex;flex-direction:column;gap:5px;min-width:0;flex:1;align-self:stretch}
.ref-shortcut strong {font-size:11px;font-weight:780;line-height:1.4}
.ref-shortcut small {font-size:9px;line-height:1.4;color:var(--muted);max-width:155px}
.ref-shortcut-footer {display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:12px}
.ref-shortcut-footer b {font-size:10px;font-weight:800;color:var(--ink)}
.ref-shortcut-footer>span {display:flex;align-items:center;gap:3px;color:var(--muted);font-size:9px}
.ref-shortcut-footer svg {width:11px;height:11px}
.ref-shortcut-icon {display:grid;place-items:center;width:32px;height:32px;border-radius:9px;flex:none;background:#f2ecfe;color:#8569c8}
.ref-shortcut-icon svg {width:17px;height:17px}
.ref-shortcut-icon.coral {background:#fff0e9;color:#f28d79}
.ref-shortcut-icon.orange {background:#fff3dc;color:#d5a14b}
.ref-shortcut-icon.pink {background:#fdeaf4;color:#e664a0}
.ref-dashboard-right {display:flex;flex-direction:column;gap:14px}
.ref-trend-panel {min-width:0;min-height:260px;padding:17px 15px 12px;background:transparent;border:0;border-radius:12px}
.ref-trend-header {display:flex;align-items:start;justify-content:space-between;gap:10px}
.ref-trend-header h2 {font-size:14px;letter-spacing:-.025em;margin:5px 0 0;font-weight:760}
.ref-trend-period {flex:none}
.ref-trend-period .analytics-segments {padding:2px;background:#ebedf6;border-radius:9px;gap:2px}
html[data-theme="dark"] .ref-trend-period .analytics-segments {background:var(--chip)}
.ref-trend-period .analytics-segments button {min-width:30px;min-height:29px;padding:6px 7px;border-radius:7px;font-size:10px;color:var(--muted)}
.ref-trend-period .analytics-segments button.selected {background:var(--surface);color:var(--pink);box-shadow:0 1px 5px #0000000a}
.ref-chart-container {width:100%;padding-top:13px}
.ref-line-svg {display:block;width:100%;height:auto;min-height:170px;max-height:222px;overflow:visible}
.ref-chart-grid line {stroke:#dfe3ef;stroke-width:1;stroke-dasharray:3 6}
html[data-theme="dark"] .ref-chart-grid line {stroke:#41465b}
.ref-income-line,.ref-expense-line {fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ref-income-line {stroke:#39b5ae}
.ref-expense-line {stroke:#d275a0}
.ref-point {stroke:var(--surface);stroke-width:2}
.ref-income {fill:#36b4a9}
.ref-expense {fill:#d275a0}
.ref-chart-label {font:12px Inter,Arial,sans-serif;fill:#8991aa}
.ref-chart-empty {height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--muted);text-align:center}
.ref-chart-empty svg {width:27px;height:27px;color:#ac8db9}
.ref-chart-empty strong {font-size:12px;color:var(--ink)}
.ref-chart-empty span {font-size:11px;line-height:1.5;max-width:235px}
.ref-chart-legend {display:flex;gap:17px;justify-content:center;margin:0 0 1px;flex-wrap:wrap;color:var(--muted);font-size:10px}
.ref-chart-legend span {display:flex;gap:6px;align-items:center}
.ref-chart-legend i {width:7px;height:7px;border-radius:50%;display:inline-block}
.ref-legend-income {background:#3ab9af}.ref-legend-expense {background:#d275a0}
.ref-metric-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ref-small-metric {display:flex;align-items:center;gap:8px;min-height:45px;padding:10px 11px;background:var(--surface);border:1px solid rgba(244,245,251,.94);border-radius:11px;box-shadow:0 7px 17px rgba(40,46,90,.035);cursor:pointer;text-align:left;min-width:0}
html[data-theme="dark"] .ref-small-metric {border-color:var(--line)}
.ref-small-metric-icon {width:20px;height:20px;flex:none;display:grid;place-items:center;color:#9ca0b3}
.ref-small-metric svg {width:15px;height:15px}
.ref-small-metric>span:nth-child(2) {font-size:10px;color:var(--muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-small-metric b {font-size:11px;font-weight:780;color:var(--ink);white-space:nowrap}
.ref-small-metric:hover {border-color:#f4d8eb}
.ref-status-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:2px}
.ref-status-panel {min-height:109px;padding:16px 13px 11px;border:1px solid rgba(244,245,251,.96);background:var(--surface);border-radius:12px;box-shadow:0 8px 22px rgba(40,46,90,.035);overflow:hidden}
html[data-theme="dark"] .ref-status-panel {border-color:var(--line)}
.ref-status-panel>span {font-size:10px;color:var(--muted);display:block;margin-bottom:10px;font-weight:680}
.ref-status-panel>strong {font-size:clamp(13px,1.15vw,17px);font-weight:790;letter-spacing:-.04em;overflow-wrap:anywhere;display:block}
.ref-status-line {display:flex;align-items:center;gap:7px;color:#42a9a3;margin-top:13px;opacity:.9}
.ref-status-line.expense {color:#d77a9b}
.ref-status-line svg {width:25px;height:16px;stroke-width:2.5}
.ref-status-line small {font-size:9px;color:var(--muted)}
.ref-lower-grid {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;margin-top:25px}
.grafynx-workspace .ref-lower-grid .panel {border-radius:13px;padding:19px 20px;min-width:0}
.ref-lower-grid .panel-heading {margin-bottom:15px;gap:10px;align-items:center}
.ref-lower-grid .panel-heading h2 {font-size:14px;margin:4px 0 0}
.ref-lower-grid .job-row {padding:12px 0;gap:10px;min-width:0}
.ref-lower-grid .job-row h3 {font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.ref-lower-grid .job-row small {font-size:10px;line-height:1.6}
.ref-lower-grid .job-row .grow {min-width:0}
.ref-lower-grid .job-mark {width:35px;height:35px;flex:none;border-radius:10px}
.ref-lower-grid .job-row .pill {flex:none}
.ref-empty-jobs {padding:19px 0;font-size:12px;line-height:1.6;color:var(--muted)}
.ref-overview-panel .summary-mini {gap:2px}
.ref-overview-panel .summary-line {padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}
.ref-overview-panel .summary-line:last-child {border:0}
.ref-overview-panel .summary-line b {font-size:12px;white-space:nowrap}
.ref-overview-panel .summary-line.highlight b {color:var(--pink)}
.ref-overview-panel .help-copy {font-size:10px;line-height:1.6;margin-top:12px}

@media(min-width:801px){
 .grafynx-workspace .main-shell {margin:23px 24px 24px 107px!important;width:calc(100% - 131px);}
 .grafynx-workspace .sidebar {top:23px;bottom:24px;max-height:calc(100dvh - 47px)}
 .grafynx-workspace .sidebar.is-expanded {top:23px;max-height:calc(100dvh - 47px)}
}
@media(max-width:1450px){
 .ref-dashboard-grid {gap:17px}
 .grafynx-workspace .ref-dashboard .grid-kpis {gap:8px}
 .grafynx-workspace .ref-dashboard .stat-card {padding:14px 10px;min-height:151px}
 .ref-shortcut {padding:12px 10px}
}
@media(max-width:1190px){
 .ref-dashboard-grid {grid-template-columns:1fr}
 .grafynx-workspace .ref-dashboard .grid-kpis {grid-template-columns:repeat(4,minmax(0,1fr))}
 .ref-dashboard-right {display:grid;grid-template-columns:minmax(0,1fr) minmax(225px,.65fr);align-items:start;gap:12px}
 .ref-trend-panel {grid-row:span 2}
 .ref-status-grid,.ref-metric-grid {grid-template-columns:1fr 1fr}
 .ref-lower-grid {grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}
}
@media(max-width:900px){
 .ref-dashboard-right {grid-template-columns:1fr 1fr}
 .ref-trend-panel {grid-column:1/-1;grid-row:auto}
 .ref-metric-grid,.ref-status-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .ref-lower-grid {grid-template-columns:1fr}
}
@media(max-width:800px){
 html,body,.grafynx-workspace {background:var(--bg)}
 .grafynx-workspace .main-shell {border:0;border-radius:0;box-shadow:none;margin:0!important;width:100%;min-width:0;overflow:visible;background:linear-gradient(155deg,#fafcff,#f5f7ff 65%,#f1f3fc)}
 html[data-theme="dark"] .grafynx-workspace .main-shell {background:linear-gradient(155deg,#1c202d,#1b1e2a)}
 .grafynx-workspace .topbar {position:sticky;top:0;height:68px;min-height:68px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--line);z-index:10;grid-template-columns:minmax(0,1fr) auto;padding:0 15px}
 .grafynx-workspace .topbar .mobile-menu {display:grid;place-items:center}
 .grafynx-workspace .sidebar {position:fixed;top:0;bottom:0;left:0;max-height:100dvh;z-index:27;width:min(290px,86vw)!important;padding:20px 14px;border-radius:0 18px 18px 0;transform:translateX(-110%);box-shadow:none}
 .grafynx-workspace .sidebar.is-expanded {top:0;max-height:100dvh;width:min(290px,86vw)!important;transform:translateX(0);box-shadow:15px 0 45px #1215213d}
 .grafynx-workspace .rail-top,.grafynx-workspace .rail-links,.grafynx-workspace .rail-bottom {align-items:stretch}
 .grafynx-workspace .rail-top {justify-content:flex-start}
 .grafynx-workspace .rail-links .nav-link,.grafynx-workspace .nav-tool {width:100%;min-height:49px;gap:16px}
 .grafynx-workspace .rail-links .nav-link span,.grafynx-workspace .nav-tool-text {opacity:1}
 .grafynx-workspace .rail-heading {opacity:1}
 .grafynx-workspace .rail-links .nav-link.active:before {left:0}
 .grafynx-workspace .nav-scrim.is-visible {z-index:26}
 .grafynx-workspace .main {padding:21px 19px calc(118px + env(safe-area-inset-bottom));min-height:calc(100dvh - 68px)}
 .grafynx-workspace .topbar .search-launch {min-width:0}
 .grafynx-workspace .bottom-nav {background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -5px 20px #26294809}
 .grafynx-workspace .bottom-link.active {color:var(--pink);background:var(--pink-soft)}
 .ref-dashboard-greeting {margin-bottom:22px}
 .ref-dashboard-grid {grid-template-columns:1fr;gap:19px}
 .ref-dashboard-right {display:grid;grid-template-columns:1fr 1fr}
 .ref-trend-panel {grid-column:1/-1}
 .ref-shortcut {min-height:115px}
}
@media(max-width:580px){
 .grafynx-workspace .main {padding:17px 14px calc(104px + env(safe-area-inset-bottom))}
 .grafynx-workspace .topbar .topbar-brand {gap:5px}
 .grafynx-workspace .topbar .brand-symbol.brand-mark {width:24px;height:33px;min-width:24px}
 .grafynx-workspace .topbar .brand-wordmark img {width:94px;max-height:23px}
 .grafynx-workspace .topbar .search-launch {height:36px;padding:0 9px}
 .grafynx-workspace .topbar .search-launch .search-word,.grafynx-workspace .topbar .search-launch kbd {display:none}
 .grafynx-workspace .topbar .header-actions {gap:5px}
 .grafynx-workspace .topbar .top-create {padding:9px 10px;min-height:36px}
 .grafynx-workspace .topbar .top-create span:not([data-icon]) {font-size:0}
 .grafynx-workspace .topbar .top-create svg {width:16px;height:16px}
 .ref-dashboard-greeting {gap:9px;margin-bottom:23px}
 .ref-dashboard-greeting strong {font-size:11px}
 .ref-dashboard-greeting small {font-size:10px}
 .ref-greeting-month {font-size:0;padding:9px;min-height:35px}
 .ref-greeting-month svg {width:17px;height:17px}
 .ref-dashboard-title {margin-bottom:17px}
 .ref-dashboard-title h1 {font-size:25px}
 .ref-analytics-link {font-size:10px}
 .grafynx-workspace .ref-dashboard .grid-kpis {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:23px}
 .grafynx-workspace .ref-dashboard .stat-card {padding:14px 15px;min-height:135px}
 .grafynx-workspace .ref-dashboard .stat-top {gap:10px;font-size:11px}
 .grafynx-workspace .ref-dashboard .stat-value {font-size:21px;margin:9px 0 4px}
 .ref-shortcuts {gap:10px}
 .ref-shortcut {padding:12px 10px;min-height:139px}
 .ref-shortcut strong {font-size:11px}
 .ref-shortcut small {font-size:9px}
 .ref-shortcut-icon {width:29px;height:29px}
 .ref-shortcut-footer {align-items:flex-start;flex-direction:column;gap:4px}
 .ref-dashboard-right {grid-template-columns:1fr}
 .ref-trend-panel {grid-column:1;padding:12px 0 4px;min-height:0}
 .ref-metric-grid,.ref-status-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .ref-small-metric {padding:9px 8px;gap:6px}
 .ref-small-metric>span:nth-child(2) {font-size:9px}
 .ref-status-panel {padding:13px 10px}
 .ref-lower-grid {margin-top:18px;gap:11px}
 .grafynx-workspace .ref-lower-grid .panel {padding:17px 14px}
}
@media(max-width:360px){
 .grafynx-workspace .topbar .brand-name small {display:none}
 .grafynx-workspace .topbar .brand-wordmark img {width:79px}
 .ref-dashboard-title h1 {font-size:22px}
 .ref-shortcut-icon {width:25px;height:25px}
 .ref-shortcut-icon svg {width:14px}
}
@media(prefers-reduced-motion:reduce){.ref-dashboard *{animation:none!important;transition:none!important}}