@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@700;800&display=swap');

:root,
html[data-theme="light"],
html[data-theme="dark"]{
  --primary:#33c49a;
  --secondary:#123441;
  --accent:#80e2ca;
  --primary-fg:#052019;
  --body-fg:#eaf6f4;
  --body-bg:#071821;
  --body-quiet-color:#8eabb1;
  --body-loud-color:#ffffff;
  --header-color:#eaf6f4;
  --header-branding-color:#ffffff;
  --header-bg:#091f2a;
  --header-link-color:#b9d1d4;
  --breadcrumbs-fg:#b8d2d4;
  --breadcrumbs-link-fg:#74d2b8;
  --breadcrumbs-bg:#0e2935;
  --link-fg:#66d6b8;
  --link-hover-color:#8ce0c4;
  --link-selected-fg:#f4c27c;
  --hairline-color:#1c3d49;
  --border-color:#244653;
  --error-fg:#ff9299;
  --message-success-bg:#123d35;
  --message-warning-bg:#4d3a26;
  --message-error-bg:#4b272d;
  --darkened-bg:#0b222d;
  --selected-bg:#173a43;
  --selected-row:#12333e;
  --button-fg:#052019;
  --button-bg:#33c49a;
  --button-hover-bg:#59d2af;
  --default-button-bg:#33c49a;
  --default-button-hover-bg:#59d2af;
  --close-button-bg:#39515a;
  --close-button-hover-bg:#506b74;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{background:#071821!important}
body{font-family:'DM Sans',sans-serif;color:#eaf6f4}
a:link,a:visited{color:#66d6b8}
#container{background:#071821}
#header{background:#091f2a;border-bottom:1px solid #1c3d49;padding:14px 24px;min-height:72px}
#branding{display:flex;align-items:center}
.stacuna-brand{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none}
.stacuna-brand strong{font:800 17px Manrope;letter-spacing:.08em}
.stacuna-brand small{display:block;font-size:9px;letter-spacing:.12em;color:#75a89f;margin-top:3px}
.stacuna-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#33c49a,#8ce0c4);color:#052019;font:900 20px Manrope}
#nav-global{margin-left:28px}
.control-back{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #28505d;border-radius:10px;color:#80e2ca!important;background:#0e2935;font-weight:700;text-decoration:none}
.control-back:hover{background:#123d48}
#user-tools{color:#8eabb1}
#user-tools a{color:#c7dcde}
div.breadcrumbs{background:#0e2935;border-bottom:1px solid #1c3d49;padding:14px 24px}
.main>.content{background:#071821;padding:30px}
#content h1,#content h2,#content h3,#changelist h1{color:#eaf6f4;font-family:Manrope}
#nav-sidebar{background:#091f2a;border-right:1px solid #1c3d49}
#nav-sidebar .module{background:transparent}
#nav-sidebar .module caption{background:#123441}
#nav-sidebar .module caption a{color:#fff}
#nav-sidebar .module th,#nav-sidebar .module td{background:#0c2530;border-bottom:1px solid #173844}
#nav-sidebar .current-model th,#nav-sidebar .current-model td{background:#173a43}
#nav-sidebar a{color:#b6ced1}
#nav-filter{background:#071821;border:1px solid #244653;color:#eaf6f4}
.toggle-nav-sidebar{background:#123441;color:#eaf6f4;border-color:#244653}
.module{background:#0e2935;border:1px solid #1c3d49;border-radius:14px;overflow:hidden}
.module h2,.module caption,.inline-group h2{background:#123441;color:#eaf6f4}
.module table{background:#0e2935}
table thead th{background:#123441;color:#bcd2d4;border-color:#244653}
tr:nth-child(odd),.row-form-errors{background:#0e2935}
tr:nth-child(even){background:#0b222d}
td,th{border-color:#1c3d49}
#changelist{background:#071821}
#changelist .changelist-form-container{background:#071821}
#changelist .results{background:#0e2935;border:1px solid #1c3d49;border-radius:14px;overflow:auto}
#changelist .actions{background:#0e2935;color:#b8d0d3;border:1px solid #1c3d49;border-radius:12px;margin-bottom:14px}
#changelist-filter{background:#0e2935;border:1px solid #1c3d49;border-radius:14px}
#changelist-filter h2{background:#123441;color:#fff}
#changelist-filter h3{color:#dceceb}
#changelist-filter li.selected a{color:#80e2ca}
#toolbar{background:#0e2935!important;border:1px solid #1c3d49!important;border-radius:12px!important}
#toolbar form input{border-radius:9px}
.paginator{background:#0e2935!important;color:#8eabb1!important;border-top:1px solid #1c3d49!important}
input,textarea,select,.vTextField{background:#071821!important;color:#eaf6f4!important;border:1px solid #2a4d59!important;border-radius:8px;padding:8px}
input:focus,textarea:focus,select:focus{border-color:#33c49a!important;outline:2px solid #33c49330}
.selector,.selector-available h2,.selector-chosen h2{background:#0e2935!important}
.form-row{border-bottom:1px solid #1c3d49}
.form-row label{color:#c2d7d9}
.help,.helptext,p.help{color:#799aa0!important}
.submit-row{background:#0e2935;border:1px solid #1c3d49;border-radius:14px}
.button,input[type=submit],input[type=button],.submit-row input,a.button{background:#33c49a!important;color:#052019!important;border:0!important;border-radius:9px!important;font-weight:800}
.object-tools a{background:#123441;color:#eaf6f4!important;border:1px solid #2b5360;border-radius:10px}
.object-tools a:hover{background:#195064}
.deletelink,.deletelink-box a{color:#ff9299!important}
.messagelist li{border-radius:10px}
.calendarbox,.clockbox{background:#0e2935;border-color:#244653}
.admin-hero{background:linear-gradient(135deg,#092935,#0c4f55);color:#fff;border:1px solid #1f5258;border-radius:20px;padding:34px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:0 15px 40px #0005}
.admin-hero h1{font-size:34px;margin:8px 0}
.admin-hero p{max-width:720px;color:#c6e0df}
.eyebrow{font-size:11px;letter-spacing:.18em;color:#80e2ca;font-weight:800}
.admin-cta{padding:14px 18px;border-radius:12px;background:#33c49a;color:#052019!important;font-weight:800}
.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.module-card{background:#0e2935;border:1px solid #1c3d49;border-radius:18px;padding:20px}
.module-card h2{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:#eaf6f4}
.module-links{display:grid;gap:7px}
.module-links a{display:flex;justify-content:space-between;padding:11px 12px;border-radius:9px;background:#0b222d;color:#cfe2e2}
.module-links a:hover{background:#173a43}
@media(max-width:767px){#nav-global{display:none}.main>.content{padding:18px}.admin-hero{padding:22px;display:block}.admin-hero h1{font-size:26px}}


/* STACUNA official brand system · navy #032061 · turquoise #03B4B6 */
:root,html[data-theme="light"],html[data-theme="dark"]{
  --primary:#03b4b6;
  --secondary:#032061;
  --accent:#22d2d3;
  --primary-fg:#001a25;
  --body-fg:#f4fbff;
  --body-bg:#020817;
  --body-quiet-color:#87a6c7;
  --header-bg:#04142d;
  --breadcrumbs-bg:#071d3d;
  --breadcrumbs-link-fg:#31cbd0;
  --link-fg:#31cbd0;
  --link-hover-color:#7af2ee;
  --hairline-color:#143a66;
  --border-color:#174772;
  --darkened-bg:#061832;
  --selected-bg:#0a3158;
  --selected-row:#09294b;
  --button-fg:#001a25;
  --button-bg:#03b4b6;
  --button-hover-bg:#22d2d3;
  --default-button-bg:#03b4b6;
  --default-button-hover-bg:#22d2d3;
}
html,body,#container,#changelist,.main>.content,#changelist .changelist-form-container{background:#020817!important}
body{background:radial-gradient(circle at 78% -8%,rgba(3,180,182,.10),transparent 31%),#020817!important}
#header{background:linear-gradient(90deg,#051a39,#04142d)!important;border-color:#143a66}
.stacuna-brand{width:220px;height:54px;overflow:hidden}
.stacuna-logo{display:block;width:210px;height:70px;background:var(--stacuna-logo) no-repeat left center/210px auto;filter:drop-shadow(0 6px 13px rgba(0,0,0,.3))}
.control-back{background:#082447;border-color:#174772;color:#31cbd0!important}
div.breadcrumbs,.module,.module table,#changelist .results,#changelist .actions,#changelist-filter,
#toolbar,.submit-row,.module-card{background:#071d3d!important;border-color:#143a66!important}
#nav-sidebar{background:#04142d;border-color:#143a66}
#nav-sidebar .module caption,.module h2,.module caption,.inline-group h2,table thead th{background:#032061!important}
#nav-sidebar .module th,#nav-sidebar .module td,.module-links a,tr:nth-child(even){background:#061832}
#nav-sidebar .current-model th,#nav-sidebar .current-model td,.module-links a:hover{background:#0a3158}
input,textarea,select,.vTextField{background:#061832!important;border-color:#174772!important}
input:focus,textarea:focus,select:focus{border-color:#03b4b6!important;outline:2px solid rgba(3,180,182,.2)}
.button,input[type=submit],input[type=button],.submit-row input,a.button,.admin-cta{
  background:linear-gradient(135deg,#03b4b6,#22d2d3)!important;color:#001a25!important
}
.admin-hero{background:linear-gradient(135deg,#032061,#064c66);border-color:#087c8a}
.eyebrow{color:#31cbd0}


/* STACUNA comfortable light workspace v2 */
:root,html[data-theme="light"],html[data-theme="dark"]{
  --primary:#03b4b6;
  --secondary:#032061;
  --accent:#22c9cb;
  --primary-fg:#06233b;
  --body-fg:#14283f;
  --body-bg:#eef3f8;
  --body-quiet-color:#6d8097;
  --body-loud-color:#10233f;
  --header-color:#fff;
  --header-branding-color:#fff;
  --header-bg:#061d3f;
  --header-link-color:#d6e4f0;
  --breadcrumbs-fg:#60778e;
  --breadcrumbs-link-fg:#087f88;
  --breadcrumbs-bg:#e5edf4;
  --link-fg:#087f88;
  --link-hover-color:#055f67;
  --link-selected-fg:#9b631d;
  --hairline-color:#d5e0eb;
  --border-color:#cbd8e4;
  --darkened-bg:#f3f7fa;
  --selected-bg:#e3f4f5;
  --selected-row:#edf7f8;
  --button-fg:#06233b;
  --button-bg:#03b4b6;
  --button-hover-bg:#28ced0;
  --default-button-bg:#03b4b6;
  --default-button-hover-bg:#28ced0;
  color-scheme:light;
}
html,body,#container,#changelist,.main>.content,#changelist .changelist-form-container{background:#eef3f8!important;color:#14283f}
body{background:linear-gradient(135deg,#f5f8fb,#eaf1f7)!important}
#header{background:linear-gradient(90deg,#082958,#061d3f)!important;border-color:#174b7a}
.stacuna-brand{width:220px;height:66px;padding:4px 8px;border-radius:14px;background:#f8fbff}
.stacuna-brand>.stacuna-logo{display:block;width:205px;height:58px;background:var(--stacuna-logo) no-repeat left center/205px auto!important;filter:none}
#user-tools{color:#c3d4e4}
#user-tools a{color:#fff}
.control-back{background:rgba(255,255,255,.08);border-color:#47719a;color:#67dedc!important}
div.breadcrumbs{background:#e5edf4!important;border-color:#d5e0eb;color:#60778e}
div.breadcrumbs a{color:#087f88}
.main>.content{background:#eef3f8!important}
#content h1,#content h2,#content h3,#changelist h1{color:#10233f}
#nav-sidebar{background:#f7fafc;border-color:#d5e0eb}
#nav-sidebar .module caption,.module h2,.module caption,.inline-group h2,table thead th{background:#e5edf4!important;color:#233e58}
#nav-sidebar .module th,#nav-sidebar .module td,.module-links a,tr:nth-child(even){background:#fff;color:#203950}
#nav-sidebar .current-model th,#nav-sidebar .current-model td,.module-links a:hover{background:#e3f4f5}
#nav-sidebar a{color:#294a63}
#nav-filter{background:#fff;border-color:#cbd8e4;color:#14283f}
.toggle-nav-sidebar{background:#e5edf4;color:#203950;border-color:#cbd8e4}
.module,.module table,#changelist .results,#changelist .actions,#changelist-filter,
#toolbar,.submit-row,.module-card{background:#fff!important;border-color:#d5e0eb!important;color:#14283f;box-shadow:0 10px 28px rgba(21,52,82,.07)}
tr:nth-child(odd),.row-form-errors{background:#fff}
tr:nth-child(even){background:#f7fafc}
td,th{border-color:#e0e8ef;color:#203950}
#changelist-filter h2{background:#e5edf4!important;color:#203950}
#changelist-filter h3{color:#294a63}
#toolbar{background:#f7fafc!important}
.paginator{background:#fff!important;color:#6d8097!important;border-color:#d5e0eb!important}
input,textarea,select,.vTextField{background:#fff!important;color:#14283f!important;border-color:#c5d4e2!important}
input:focus,textarea:focus,select:focus{border-color:#03aeb1!important;outline:2px solid rgba(3,180,182,.16)}
.form-row label{color:#334c64}
.help,.helptext,p.help{color:#6d8097!important}
.button,input[type=submit],input[type=button],.submit-row input,a.button,.admin-cta{background:linear-gradient(135deg,#03b4b6,#31d0d1)!important;color:#06233b!important}
.object-tools a{background:#e5edf4;color:#203950!important;border-color:#c5d4e2}
.admin-hero{background:linear-gradient(135deg,#e8f6f7,#fff);color:#10233f;border-color:#9fdadd}
.admin-hero h1{color:#10233f!important}
.admin-hero p{color:#60778e}
.eyebrow{color:#078e99}
.module-card h2{color:#203950}
.module-links a{background:#f3f7fa;color:#294a63}