/* ZunoVet · official emerald and turquoise palette. Artwork is reused unchanged. */
:root{--zuno-deep:#064b36;--zuno-emerald:#008b45;--zuno-jade:#00ac75;--zuno-turquoise:#0cccb1;--teal:#00875d;--teal-dark:#056443;--tint:#e2f6ec;--text:#164338;--muted:#58766c;--line:#d4e8dd;--bg:#eff7f3;--surface:#fff;--surface2:#f5fbf7}
body{background:radial-gradient(ellipse at 96% 0,#c5f2dc70,transparent 40%),radial-gradient(ellipse at 0 85%,#c8f6ef50,transparent 44%),var(--bg)}
body.dark{--bg:#183b32;--surface:#20483d;--surface2:#285346;--text:#edf9f2;--muted:#b8d3c5;--line:#416e59;--tint:#305e4c;--teal:#74e1b5;--teal-dark:#9aefd0;--glass:linear-gradient(135deg,#285447eb,#20483dea 65%,#275744eb);background:radial-gradient(ellipse at 90% 0,#39735d66,transparent 52%),#183b32}
body .sidebar,body.dark .sidebar{--text:#164338;--muted:#527465;--surface:#fff;--surface2:#f1faf5;--line:#cbe4d6;--tint:#e2f6ec;--teal:#007b51;--teal-dark:#055f40;--glass:linear-gradient(140deg,#fff,#e9f8f0);--bevel:inset 0 1px #fff;--shadow:0 5px 15px #164c3610;background:linear-gradient(155deg,#fff 0%,#f6fcf8 45%,#e0f5e8 100%);border-color:#bcdcc9;box-shadow:6px 0 24px #064b3609;color:#164338;color-scheme:light}
body .sidebar .brand,body.dark .sidebar .brand{background:#fff;border-color:#d4e9db;box-shadow:inset 0 1px #fff,0 4px 13px #064b3608;border-radius:16px}
body .sidebar .navlabel,body.dark .sidebar .navlabel{color:#547764;letter-spacing:1.5px}
body .sidebar .nav button,body.dark .sidebar .nav button{color:#416755;border-radius:11px;min-height:41px;font-size:12px}
body .sidebar .nav-parent>svg,body.dark .sidebar .nav-parent>svg{color:#0b9164}
body .sidebar .nav button.active,body .sidebar .nav .nav-parent.active,body.dark .sidebar .nav button.active,body.dark .sidebar .nav .nav-parent.active{color:#fff;border-color:#008a53;background:linear-gradient(155deg,#ffffff32 0 38%,#ffffff00 39%),linear-gradient(115deg,#029f4c,#00835d 66%,#057263);box-shadow:inset 0 1px #ffffff90,inset 0 -1px #00482e55,0 4px 10px #00824d25}
body .sidebar .nav button.active>svg,body.dark .sidebar .nav button.active>svg{color:#fff}
body .sidebar .nav button:hover:not(.active),body.dark .sidebar .nav button:hover:not(.active){background:linear-gradient(120deg,#fff,#d8f4e4);border-color:#b8dec7;color:#075b3c}
body .sidebar .nav .nav-child.selected,body.dark .sidebar .nav .nav-child.selected{background:linear-gradient(120deg,#e0f9e9,#c5eedf);color:#065c3d;border-color:#a6d8bf;box-shadow:inset 3px 0 #00a26b}
body .sidebar .nav .count,body.dark .sidebar .nav .count{background:#d3efdf;color:#096342}
body .sidebar .nav .active .count,body.dark .sidebar .nav .active .count{background:#ffffff30;color:#fff}
body .sidebar .sidecard,body.dark .sidebar .sidecard{background:linear-gradient(140deg,#fff,#e3f5e9);border-color:#c2dfce;box-shadow:inset 0 1px #fff;color:#18563b}
body .sidebar .sidecard .avatar,body.dark .sidebar .sidecard .avatar{background:linear-gradient(145deg,#fff,#a4e3c3);color:#08623d;border-color:#a7d5bb;box-shadow:inset 0 1px #fff}
body .sidebar small,body .sidebar .tiny,body.dark .sidebar small,body.dark .sidebar .tiny{color:#527463}
body .topbar,body.dark .topbar{--text:#164338;--muted:#58766c;--surface:#fff;--surface2:#eff8f3;--line:#d4e8dd;--tint:#e2f6ec;--teal:#00875d;color:#164338;background:linear-gradient(115deg,#fff,#f7fff9);border-color:#cfe8d8;color-scheme:light}
body.dark .topbar .account-switch-options,body.dark .topbar .workspace-account-options{color:#164338;background:#fff}
body .content .pagehead{background:radial-gradient(ellipse at 90% -30%,#32e3b177,transparent 58%),linear-gradient(115deg,#064c35,#008750 65%,#039c7c);border-color:#168c5e;box-shadow:inset 0 1px #ffffff70,inset 0 -1px #00382250,0 8px 22px #005a3618;min-height:100px;padding:21px 24px;border-radius:19px}
body.dark .content .pagehead{background:radial-gradient(ellipse at 90% -30%,#2cd39a66,transparent 58%),linear-gradient(115deg,#07513b,#097d52 65%,#008d71);border-color:#48ac80}
body .content .pagehead p,body.dark .content .pagehead p{color:#dcf8e9}
body .welcome{background:radial-gradient(ellipse at 100% 0,#11c69a35,transparent 58%),linear-gradient(120deg,#f8fff9,#d4f5df 65%,#baeddd);border-color:#acdabe;box-shadow:inset 0 2px #fff,0 7px 20px #006b3910;padding:22px 25px;color:#0a5636}
body .welcome p{color:#426e57}
body.dark .welcome{background:radial-gradient(ellipse at 100% 0,#11c69a40,transparent 58%),linear-gradient(120deg,#23543f,#276e4d 65%,#216d59);border-color:#52966d;color:#f0fff5}
body.dark .welcome p{color:#c9e9d5}
body .btn.primary{background:linear-gradient(155deg,#ffffff38 0 38%,transparent 39%),linear-gradient(120deg,#00a34e,#008451 65%,#007d69);border-color:#078c52;box-shadow:inset 0 1px #ffffff90,inset 0 -2px #004e3140,0 5px 12px #00824d20;color:#fff}
body.dark .btn.primary{background:linear-gradient(155deg,#ffffff28 0 38%,transparent 39%),linear-gradient(120deg,#149e56,#087e51 65%,#00816b);border-color:#4baf78;color:#fff}
body .pagehead .btn.primary{background:linear-gradient(155deg,#fff9 0 40%,transparent 41%),linear-gradient(120deg,#bdf6d0,#63d9b8);color:#075435;border-color:#a0ebc2}
body .content .panel{border-radius:17px;border-color:var(--line)}
body .content .panelhead{background:linear-gradient(120deg,#fff,#eaf8ef);border-color:var(--line)}
body.dark .content .panelhead{background:linear-gradient(120deg,#2f5d49,#24523e)}
body .content .stats .stat{border-radius:16px;padding:16px;background:linear-gradient(145deg,#fff,#daf4e4)!important;border-color:#b7dec5}
body .content .stats .stat.green{background:linear-gradient(145deg,#eefff4,#a8e8c4)!important;border-color:#8dccaa}
body.dark .content .stats .stat{background:linear-gradient(135deg,#32644d,#264c3d)!important;border-color:#5a8768}
body.dark .content .stats .stat.green{background:linear-gradient(135deg,#2b744c,#1d573d)!important;border-color:#5b9b72}
body.dark .content .stats .stat.blue{background:linear-gradient(135deg,#295968,#204853)!important;border-color:#4f8190}
body.dark .content .stats .stat.amber{background:linear-gradient(135deg,#64583b,#4a422e)!important;border-color:#978052}
body .content .stats .stat strong{font-size:27px}
body .quick-dock,body .patient-shortcuts{background:linear-gradient(120deg,#fff,#e4f7ed);border-color:#b8ddc9;box-shadow:inset 0 1px #fff,0 4px 12px #065a3410}
body.dark .quick-dock,body.dark .patient-shortcuts{background:linear-gradient(120deg,#2e624b,#24543f);border-color:#4a8562;box-shadow:inset 0 1px #ffffff20}
body .quick-icon,body .shortcut-mini{background:linear-gradient(145deg,#fff,#b9efd4);border-color:#a5d9bd;color:#078557}
body.dark .quick-icon,body.dark .shortcut-mini{background:linear-gradient(145deg,#467e5c,#2c5d43);border-color:#659a73;color:#cbffe1}
body .portal-hero{background:radial-gradient(ellipse at 100% 0,#0bc69a35,transparent 60%),linear-gradient(115deg,#fbfffc,#d5f4df 70%,#bfecdb);border-color:#acd8bd;padding:24px 28px;border-radius:19px}
body .portal-hero h1{color:#075b39}
body .portal-card{border-radius:17px;background:linear-gradient(140deg,#fff,#f1fbf5);border-color:#c7e5d2;padding:21px;box-shadow:inset 0 1px #fff,0 7px 20px #075b390c}
body.dark .portal-card{background:var(--glass);border-color:var(--line)}
@media(max-width:720px){body .content .pagehead{padding:18px 16px;min-height:0;border-radius:17px}body .content .stats .stat{padding:13px 11px;border-radius:14px}body .content .stats .stat strong{font-size:24px}body .welcome{padding:20px 17px}body .portal-hero{padding:20px}.content .stats{gap:10px}}
/* Sidebar remains a light surface even when clinical content uses dark mode. */
body .sidebar .cloud-status,body.dark .sidebar .cloud-status{background:linear-gradient(145deg,#fff,#eaf9ef);border-color:#c1dfca;color:#214f38;box-shadow:inset 0 1px #fff}
body .sidebar .cloud-status small,body.dark .sidebar .cloud-status small{color:#527463}
body .sidebar .btn,body.dark .sidebar .btn{background:linear-gradient(145deg,#fff,#e1f5e8);border-color:#b9dac5;color:#17633e;box-shadow:inset 0 1px #fff}
body .sidebar .btn.danger,body.dark .sidebar .btn.danger{color:#a02c40;background:#fff3f3;border-color:#e8c5ce}
body .sidebar .nav .nav-child,body.dark .sidebar .nav .nav-child{font-size:11px;min-height:35px}
body .sidebar .cloud-status b,body.dark .sidebar .cloud-status b{color:#214f38}
/* Dark cards: distinct raised surfaces with readable labels and amounts. */
body.dark .content{--surface:#2b5143;--surface2:#315c4b;--line:#638c73;--muted:#d1e5d8;--glass:linear-gradient(135deg,#315c4d,#284e40)}
body.dark .content .panel,body.dark .content .note,body.dark .content .profilehead,body.dark .dashboard-shortcuts{background:var(--glass);border-color:#638c73;box-shadow:inset 0 1px #d9ffe22e,0 7px 20px #001f2b26}
body.dark .content .panelhead{background:linear-gradient(120deg,#3b6954,#315c49);border-color:#71967d}
body.dark .content .panelhead h2,body.dark .content .panelhead h3{color:#f4fff7}
body.dark .content .panelhead small{color:#d9ecdf}
body.dark .content .stats .stat{background:linear-gradient(140deg,#456f5b,#335b49)!important;border-color:#83ac92;box-shadow:inset 0 2px #dfffe83d,inset 0 -1px #062a2440,0 7px 16px #001f2829;color:#f3fff7}
body.dark .content .stats .stat:nth-child(2):not(.green):not(.amber),body.dark .content .stats .stat.blue{background:linear-gradient(140deg,#41677e,#2e4f64)!important;border-color:#87afc5;color:#f1faff}
body.dark .content .stats .stat.green{background:linear-gradient(140deg,#3c7d57,#286044)!important;border-color:#85c79c;color:#edfff3}
body.dark .content .stats .stat.amber{background:linear-gradient(140deg,#7a6845,#5e5035)!important;border-color:#c4ae79;color:#fff9e5}
body.dark .content .stats .stat::after{height:42%;background:linear-gradient(155deg,#ffffff14,#ffffff03 76%,transparent 77%);pointer-events:none}
body.dark .content .stats .stat .statlabel{color:#f1fff6;font-weight:650}
body.dark .content .stats .stat small{color:#dceee2;font-weight:500}
body.dark .content .stats .stat strong{color:#fff;text-shadow:0 1px 2px #002b2033;font-weight:700}
body.dark .content .stats .stat.green strong{color:#dbffe6}
body.dark .content .stats .stat.blue strong,body.dark .content .stats .stat:nth-child(2):not(.green):not(.amber) strong{color:#e5f6ff}
body.dark .content .stats .stat.amber strong{color:#fff0bc}
body.dark .content .stats .stat.amber small{color:#f5e9ca}
body.dark .content .stats .stat.blue small,body.dark .content .stats .stat:nth-child(2):not(.green):not(.amber) small{color:#d9eaf4}
body.dark .content .stats .stat-icon{background:linear-gradient(140deg,#619178,#47755c);border-color:#a1c3aa;color:#f0fff3;box-shadow:inset 0 1px #ffffff4d}
body.dark .content .stats .stat.blue .stat-icon,body.dark .content .stats .stat:nth-child(2):not(.green):not(.amber) .stat-icon{background:linear-gradient(140deg,#5c8ba4,#426b83);border-color:#a0bfd0;color:#f1fbff}
body.dark .content .stats .stat.amber .stat-icon{background:linear-gradient(140deg,#988155,#7b683f);border-color:#d3be8a;color:#fff3cc}
body.dark .quick-dock,body.dark .patient-shortcuts{background:linear-gradient(120deg,#3b6a52,#2d5c43);border-color:#7ba68a;box-shadow:inset 0 1px #e3ffea38,0 5px 14px #001f2520}
body.dark .quick-action,body.dark .patient-shortcuts button{color:#f1fff5}
body.dark .content .operation,body.dark .content .listrow,body.dark .content .mobilecards td{border-color:#5d846d}
body.dark .content .operation b,body.dark .content .listrow b,body.dark .content .mobilecards td:first-child b{color:#f2fff6}
body.dark .content .operation small,body.dark .content .listrow small{color:#d5e9dc}
body.dark .content .directory-metric{background:linear-gradient(140deg,#47765b,#315a44);border-color:#86ac8f;color:#f1fff5}
body.dark .content .directory-metric.blue{background:linear-gradient(140deg,#436981,#305269);border-color:#8aadc1;color:#f0f9ff}
body.dark .content .directory-metric.purple{background:linear-gradient(140deg,#68597e,#514664);border-color:#aa98bf;color:#fbf4ff}
body.dark .content .directory-metric small{color:#e2f0e8}

/* Compact dashboard shortcuts: shared icon and label tracks, including the guide. */
body .quick-dock{gap:5px;padding:10px 8px;align-items:stretch}
body .quick-dock .quick-action{min-width:0;border:1px solid transparent;padding:8px 6px;text-align:center;gap:8px;border-radius:14px}
body .quick-dock .guide-action small{display:none}
body .quick-dock .quick-label{min-width:0;margin:0;line-height:1.3;text-align:center;text-wrap:balance}
body .quick-dock .quick-icon,body .quick-dock .mascot-portrait{width:42px;height:42px;flex:0 0 42px;align-self:center;margin:0;box-sizing:border-box}
body .quick-dock .quick-icon>.ico{width:23px;height:23px}
body .quick-dock .quick-action:focus-visible{outline:2px solid #078557;outline-offset:2px}
body.dark .quick-dock{background:radial-gradient(ellipse at 15% 0,#66e3bb24,transparent 65%),linear-gradient(125deg,#244e43,#183d36);border-color:#79bca08c;box-shadow:inset 0 1px #e1fff54d,inset 0 -1px #031f2770,0 8px 18px #001c2633}
body.dark .quick-dock .quick-action{--shortcut-tint:#58e0b9;background:linear-gradient(155deg,#ffffff12,transparent 48%),linear-gradient(135deg,#58e0b915,#58e0b905);background:linear-gradient(155deg,#ffffff12,transparent 48%),linear-gradient(135deg,color-mix(in srgb,var(--shortcut-tint) 13%,transparent),color-mix(in srgb,var(--shortcut-tint) 4%,transparent));border-color:#d4fff526;box-shadow:inset 0 1px #ffffff24,0 3px 8px #001b221f;color:#f4fff9}
body.dark .quick-dock .quick-file{--shortcut-tint:#7fd8ff}
body.dark .quick-dock .quick-paw{--shortcut-tint:#ffe08b}
body.dark .quick-dock .quick-vaccine{--shortcut-tint:#d8aaff}
body.dark .quick-dock .quick-label{font-weight:700;text-shadow:0 1px 2px #001e2480}
body.dark .quick-dock .quick-icon{color:#edfff8;background:linear-gradient(150deg,#96f3d35e 0%,#ffffff0d 44%,#002f3c26 46%),linear-gradient(140deg,#3caa86,#176c59);border-color:#a2f5dba6;box-shadow:inset 0 2px 1px #effffb66,inset 0 -2px 2px #003e4a66,0 4px 9px #001a2d4d}
body.dark .quick-dock .quick-icon.file{color:#eefaff;background:linear-gradient(150deg,#d3f3ff66,transparent 44%,#002a4626 46%),linear-gradient(140deg,#4699bb,#285c82);border-color:#b3e7ff99}
body.dark .quick-dock .quick-icon.paw{color:#fff8dd;background:linear-gradient(150deg,#fff0be66,transparent 44%,#4c300026 46%),linear-gradient(140deg,#b29449,#79622f);border-color:#ffe7a699}
body.dark .quick-dock .quick-icon.vaccine{color:#fcf3ff;background:linear-gradient(150deg,#f2dcff66,transparent 44%,#39195026 46%),linear-gradient(140deg,#a079bb,#674d8a);border-color:#e7c3ff99}
body.dark .quick-dock .mascot-portrait{border:1px solid #a2f5dba6;box-shadow:inset 0 1px #fff9,0 0 0 3px #92e8cd13,0 4px 9px #001a2d4d}
body.dark .quick-dock .quick-action:focus-visible{outline-color:#b1f9df}
@media(hover:hover){body.dark .quick-dock .quick-action:hover{border-color:#b0f8df99;filter:brightness(1.12)}}
@media(max-width:1180px){
 body .quick-dock .quick-action,body .quick-dock .quick-action:not(.guide-action){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:42px minmax(2.6em,auto);justify-items:center;align-content:start;align-items:center;row-gap:7px;min-height:0}
 body .quick-dock .quick-action .quick-label,body .quick-dock .quick-action:not(.guide-action)>span:last-child{align-self:center;line-height:1.3;justify-self:stretch}
 body .quick-dock .guide-action small{display:none}
 body .quick-dock .guide-action>.mascot-portrait{grid-row:auto}
}
@media(max-width:720px){
 body .quick-dock{gap:3px;padding:8px 5px;border-radius:17px}
 body .quick-dock .quick-action{padding:7px 2px;border-radius:12px;font-size:11px}
 body .quick-dock .quick-action .quick-label,body .quick-dock .guide-action>span:not(.mascot-portrait){font-size:11px}
 body .quick-dock .quick-action,body .quick-dock .quick-action:not(.guide-action){grid-template-rows:36px minmax(2.6em,auto);row-gap:6px}
 body .quick-dock .quick-icon,body .quick-dock .mascot-portrait{width:36px;height:36px;flex-basis:36px}
 body .quick-dock .quick-icon{border-radius:12px}
 body .quick-dock .quick-icon>.ico{width:21px;height:21px}
}
@media(max-width:360px){body .quick-dock .quick-action .quick-label,body .quick-dock .guide-action>span:not(.mascot-portrait){font-size:10px}body .quick-dock{gap:2px;padding-inline:4px}}