/* Ocean workspace. Color and elevation only: compact layout and saved type remain unchanged. */
:root{--bg:#eaf3f6;--surface:#fff;--text:#183649;--muted:#536e7d;--border:#d5e4e9;--primary:#08758e;--action:#087b96;--action-hover:#05657e;--soft:#e0f2f7;--brand-blue:#039fc8;--accent:#b9dc70;--panel-edge:#cfdee5;--elevation-card:0 3px 6px #123f5105,0 12px 28px #123f510b;--elevation-hover:0 8px 24px #123f511c}
.app{background:radial-gradient(ellipse at 95% 0,#9cdce9 0,transparent 48%),radial-gradient(ellipse at 8% 82%,#d3e9c2 0,transparent 44%),linear-gradient(135deg,#e4f3f8,#dfeff1 56%,#ecf3e7);background-attachment:fixed}
.sidebar,.dark .sidebar{background:radial-gradient(ellipse at 0 0,#14647c 0,transparent 52%),linear-gradient(170deg,#12344a,#122d40 68%,#173d45);border-right:1px solid #2d5467;box-shadow:5px 0 22px #143b4d15;color:#f0f9fc}
.sidebar .brand{color:#fff}.sidebar .brand-dot{color:#b9dc70}.sidebar .nav-label{color:#a5c7d5}.sidebar .nav-separator{background:#ffffff20}
.sidebar .workspace,.dark .sidebar .workspace{background:#ffffff09;border-color:#ffffff26;color:#effaff;box-shadow:inset 0 1px 0 #ffffff0b}
.sidebar .workspace small,.sidebar .profile small{color:#b9d0dc}.sidebar .workspace-icon{background:#b9dc70;color:#294827;border-color:#d3eca0}
.sidebar .side-link,.dark .sidebar .side-link{color:#c5dbe6}.sidebar .side-link:hover,.dark .sidebar .side-link:hover{color:#fff;background:#ffffff10}
.sidebar .side-link.active,.dark .sidebar .side-link.active{background:linear-gradient(100deg,#087f9c,#126781);color:#fff;border-color:#59b1c266;box-shadow:inset 3px 0 0 #c1e481,0 4px 12px #001c3326}
.sidebar .side-link.active i,.dark .sidebar .side-link.active i{color:#d0eea0}.sidebar .side-link .count{background:#ffffff1f;color:#fff}
.sidebar .help-card{background:linear-gradient(135deg,#1b526b,#234d52);border-color:#70b4c237;color:#fff}.sidebar .help-card>span{color:#d0eea0}.sidebar .help-card p{color:#c0d8e1}.sidebar .help-card a{color:#d2eeb2}
.sidebar .profile,.dark .sidebar .profile{border-color:#ffffff24}.sidebar .profile .icon-btn{color:#bdd5df}.sidebar .profile>.avatar,.dark .sidebar .profile>.avatar{box-shadow:0 0 0 3px #ffffff10;border-color:#1a4355}
.app .topbar{background:linear-gradient(100deg,#ffffffed,#e7f5f7ed);border-bottom:1px solid #bbdbe3;box-shadow:0 3px 14px #164b6010;backdrop-filter:blur(16px)}
.app .page-heading h1{color:#183b50}.app .page-icon{background:linear-gradient(135deg,#08a1c2,#08758e);box-shadow:0 4px 9px #08758e28}
.btn-primary{background-image:linear-gradient(125deg,#087b96,#08758e);border-color:#087b96;box-shadow:0 4px 10px #087b9626}.btn-primary:hover{background-image:linear-gradient(125deg,#077b97,#05657e);border-color:#05657e}.btn-primary.btn-danger{background-image:none;border-color:#b34235}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#49a4bf}.form-control:focus,.form-select:focus{border-color:#65b4c9;box-shadow:0 0 0 3px #039fc81c}
.app .filter-main-row{background:#faffffcf;border-color:#bcd9e2;box-shadow:0 3px 12px #164b6008}.app .listing-search input:focus{border-color:#65b4c9;box-shadow:0 0 0 2px #039fc819}.filter-primary .form-select{background-color:#f0f8fa;border-color:#d9e9ee}
.app .collection-panel{border-color:#c4dce4;border-top:3px solid #0797b6;box-shadow:0 10px 30px #164b6010}.app .collection-panel:has(.entity-card-grid){background:linear-gradient(130deg,#e2f0f4,#ecf4ed)}
.app .collection-head{background:linear-gradient(105deg,#cceaf1,#e2efeb);border-bottom-color:#bad7df}.app .collection-head h3{color:#234f62}.app .collection-head>div:first-child>.muted{background:#ffffff9c;border-color:#bddae3;color:#486676}
.app .panel-head{background:linear-gradient(110deg,#d9edf4,#eaf3ed);border-bottom-color:#cbdee5}.panel-heading-icon{background:#ffffffb8;border-color:#c9e1e9;color:#08758e}
.app .management-table thead th{background:#deedf2;color:#3f6071;border-bottom-color:#c5dde5}.management-table tbody tr:nth-child(even){background:#f5fafb}.management-table tbody tr:hover{background:#eaf6f9}.management-table tbody tr:has(.check-cell input:checked){background:#e0f1f6;box-shadow:inset 3px 0 0 #0797b6}
.view-switch{background:#d8e8ee;border-color:#c1d8e1}.view-switch button[aria-pressed=true]{color:#08758e;background:#fff}.page-button.current{background:#e0f2f7;border-color:#9dcdda;color:#07637b}
.app .entity-card{border-color:#c5dbe3;border-top:3px solid var(--entity-accent);box-shadow:0 5px 15px #164b6010;background:linear-gradient(155deg,#fff 65%,#f5fafb)}
.entity-card-top{background:linear-gradient(115deg,#d9eef4,#eaf5f4);border-bottom-color:#cee4e9;padding-bottom:11px}.entity-card-icon{background:#ffffffd4;border-color:#ffffffd9;box-shadow:0 3px 7px #164b600b;color:#08758e}.entity-category{color:#3d6273;letter-spacing:1.2px}
.entity-card-name{color:#163d52}.entity-card-footer{background:linear-gradient(100deg,#edf6f9,#f1f7f2);border-top-color:#dce9ee}.entity-state{background:#e7f0f3;border-color:#d7e4e9;color:#536e7d}.entity-state>i{background:#7d9aaa}
.entity-card:hover{box-shadow:0 9px 26px #164b601c;border-color:#87bdcb}.entity-card.is-selected{border-color:#279ec5;box-shadow:0 0 0 2px #039fc81c}.entity-card-stats strong{color:#21475d}.entity-card-stats i{color:#5f8b9c}
.app .metric:nth-child(n){--muted:#42616f;background:linear-gradient(125deg,#edf9fc,#c9eaf3);border-color:#b9dce7}.app .metric:nth-child(2){background:linear-gradient(125deg,#eef7e5,#e0edcc);border-color:#cedfbc}.app .metric:nth-child(3){background:linear-gradient(125deg,#e9f7f4,#cce9e2);border-color:#bddbd3}.app .metric:nth-child(4){background:linear-gradient(125deg,#eaf3fa,#d2e4f2);border-color:#bfd5e5}
.app .metric:before{background:#0897b8}.app .metric:nth-child(2):before{background:#79a53c}.app .metric:nth-child(3):before{background:#299382}.app .metric:nth-child(4):before{background:#4b8bb8}.app .metric:nth-child(n) .metric-icon{background:#ffffffb0;border-color:#ffffffc9;color:#08758e}.app .metric:nth-child(2) .metric-icon{color:#507323}.app .metric:nth-child(3) .metric-icon{color:#207868}.app .metric:nth-child(4) .metric-icon{color:#32688e}
.app .metric:first-child{--muted:#d3eaf2;color:#fff;background:radial-gradient(ellipse at 100% 0,#12667c,transparent 65%),linear-gradient(125deg,#14506b,#11677b);border-color:#267e92;box-shadow:0 7px 18px #14506b24}.app .metric:first-child:before{background:#b9dc70}.app .metric:first-child .metric-value strong{color:#fff}.app .metric:first-child .metric-value span,.app .metric:first-child .metric-foot{color:#d3eaf2}.app .metric:first-child .metric-icon{background:#ffffff19;border-color:#ffffff30;color:#fff;box-shadow:none}
.search-trigger{background:#f1f8fa;border-color:#deebef;color:#536e7d}.app .pagination-bar{background:linear-gradient(100deg,#fff,#f3f9fa);border-top-color:#d4e4ea}.app .board-column{background:linear-gradient(160deg,#d9eaf1,#e8f0ed);border-color:#bed7df}.app footer{color:#496b7a}
.app .configuration-layout>.panel{border-top-color:#0797b6}.configuration-section>.pill{background:#e0f2f7;border-color:#c9e4ec;color:#08758e}.typography-preview,.app .brand-preview{background:radial-gradient(ellipse at 95% 0,#deedd4,transparent 55%),linear-gradient(120deg,#e7f5fa,#fafdfb);border-color:#d2e5eb}.app .brand-preview{border-top-color:#79a53c!important}.intake-summary{background:linear-gradient(120deg,#e5f4f9,#edf4e2);border-color:#d0e3dd}
.signin-hero{background:radial-gradient(ellipse at 85% 95%,#deedbc,transparent 52%),radial-gradient(ellipse at 0 0,#bde8f5,transparent 60%),linear-gradient(140deg,#e9f8fc,#ecf8f8 60%,#f0f6e8);border-color:#d2e5eb}.hero-copy h1>span,.signin-eyebrow{color:#08758e}.signin-card h2>span{color:#507323}.hero-kicker{color:#486d7c}.hero-kicker>span{background:#86ad46;box-shadow:0 0 0 4px #86ad4618}.hero-orbit{border-color:#81bdcf8c}.orbit-two{border-color:#b3cb858c}.dot-one{background:#0797b6;box-shadow:0 0 0 6px #0797b610}.dot-two{background:#a2c85f;box-shadow:0 0 0 6px #a2c85f14}.hero-mini-progress span{background:linear-gradient(90deg,#80a943,#b5d775)}.note-icon{background:#e0f2f7;color:#08758e}.note-progress .note-icon{background:#edf4e2;color:#507323}.signin-panel{background:radial-gradient(ellipse at 100% 0,#edf8fc,transparent 50%),#fff}.signin-submit{background:linear-gradient(120deg,#087b96,#08758e);border-color:#087b96;box-shadow:0 6px 18px #087b9625}.signin-input .form-control:focus{border-color:#65b4c9;box-shadow:0 0 0 4px #039fc815}.password-toggle:hover{color:#08758e;background:#e0f2f7}
/* Dark mode uses the same ocean hierarchy with quieter backgrounds. */
body.dark{--bg:#122733;--surface:#1b3341;--text:#e7f2f7;--muted:#b0c6d2;--border:#345361;--primary:#79d3e9;--soft:#234b5b;--panel-edge:#345361}
.dark .app{background:radial-gradient(ellipse at 100% 0,#165166,transparent 52%),radial-gradient(ellipse at 0 100%,#294536,transparent 48%),linear-gradient(135deg,#102a38,#19343b);background-attachment:fixed}
.dark .app .page-heading h1{color:#edf7fb}.dark .app .topbar{background:linear-gradient(100deg,#183442ed,#1a404bed);border-color:#345b6c}.dark .app .filter-main-row{background:#1a3745d9;border-color:#3b5e6c}.dark .filter-primary .form-select{background:#203e4d;border-color:#3e5e6d}.dark .app .listing-search input::placeholder{color:#b0c6d2;opacity:1}
.dark .app .collection-panel{border-color:#3b5d6b;border-top-color:#26abc7}.dark .app .collection-panel:has(.entity-card-grid){background:linear-gradient(135deg,#173746,#233d38)}.dark .app .collection-head,.dark .app .panel-head{background:linear-gradient(110deg,#224d61,#294943);border-bottom-color:#3d626b}.dark .app .collection-head h3{color:#e7f2f7}.dark .app .collection-head>div:first-child>.muted{background:#1c3946;border-color:#42636d;color:#c0d6e0}.dark .app .management-table thead th{background:#204352;color:#c1dce6;border-bottom-color:#3c5e6b}.dark .management-table tbody tr:nth-child(even){background:#203c4840}.dark .management-table tbody tr:hover,.dark .management-table tbody tr:has(.check-cell input:checked){background:#254a59}
.dark .app .entity-card{background:linear-gradient(155deg,#1e3948,#1c3541);border-color:#41616f;border-top-color:var(--entity-accent);box-shadow:0 5px 16px #001b2926}.dark .entity-card-top{background:linear-gradient(115deg,#285263,#2c4a48);border-color:#416773}.dark .entity-card-icon{background:#1b3f4d;border-color:#4c707a;color:#9bdef0}.dark .entity-category{color:#c8e0e7}.dark .entity-card-name,.dark .entity-card-stats strong{color:#e7f2f7}.dark .entity-card-parent,.dark .entity-card-description,.dark .entity-card-stats small,.dark .entity-state{color:#b7cdd7}.dark .entity-card-footer{background:linear-gradient(100deg,#1d3b49,#253e38);border-color:#3a5963}.dark .entity-state{background:#284652;border-color:#3c5d68}
.dark .app .metric:nth-child(n){--muted:#c0d7df;background:linear-gradient(125deg,#214453,#205263);border-color:#3b6475}.dark .app .metric:nth-child(2){background:linear-gradient(125deg,#2d4336,#3e5030);border-color:#516446}.dark .app .metric:nth-child(3){background:linear-gradient(125deg,#234642,#29584e);border-color:#426a60}.dark .app .metric:nth-child(4){background:linear-gradient(125deg,#233d50,#2e5069);border-color:#45647e}.dark .app .metric:nth-child(n) .metric-icon{background:#1c3a48;border-color:#426573;color:#a0dfef}.dark .app .metric:nth-child(2) .metric-icon{color:#c6e49d}.dark .app .metric:nth-child(3) .metric-icon{color:#a2dfca}.dark .app .metric:nth-child(4) .metric-icon{color:#b5d7ef}
.dark .view-switch{background:#17313f;border-color:#416272}.dark .view-switch button[aria-pressed=true]{background:#31566a;color:#a8e6f4}.dark .search-trigger{background:#18313e;border-color:#3a5765;color:#b0c6d2}.dark .search-trigger kbd{background:#254552}.dark .app .pagination-bar{background:linear-gradient(100deg,#1d3745,#223e45);border-color:#3b5b68}.dark .page-button.current{background:#285263;border-color:#5c94a5;color:#bdeef8}.dark .panel-heading-icon{background:#254a5b;border-color:#416b7b;color:#a0dfef}.dark .app .board-column{background:linear-gradient(160deg,#214553,#2b4038);border-color:#41616b}.dark .app footer{color:#b0c6d2}
.dark .typography-preview,.dark .app .brand-preview{background:radial-gradient(ellipse at 95% 0,#354930,transparent 55%),linear-gradient(120deg,#234552,#233b44);border-color:#42616a}.dark .configuration-section>.pill{background:#254a5b;border-color:#416b7b;color:#a0dfef}