@import url('/brand/fonts.css');
@import url('/brand/tokens.css');
/* eCosystemaCEO: fixed artwork; density and explicit UI preferences retained. */
.brand{padding:0 5px;gap:8px;min-width:0}
.brand-mark{flex:0 0 31px;width:31px;height:33px;border-radius:7px}
.brand-mark>span{font-family:var(--font-ui);font-size:19px;font-weight:650;letter-spacing:-1.4px;line-height:1}
.brand>div:last-child{min-width:0}
.brand-word{font-family:var(--font-ui);font-size:16px;font-weight:650;letter-spacing:-.5px;line-height:1.25;white-space:nowrap;color:var(--text-heading)}
.brand-rh{color:var(--purple-dark)}
.brand-caption{font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:1.15px;line-height:1.3;margin-top:2px;color:var(--text-secondary)}
@media(min-width:701px) and (max-width:950px){.brand{padding:0;gap:6px}.brand-word{font-size:14px}.brand-mark{flex-basis:29px;width:29px;height:31px}.brand-caption{font-size:10px}}
@media(max-width:700px){.brand{padding:0 8px}.brand-word{font-size:17px}.brand-caption{font-size:11px}}
.brand{display:flex;align-items:center;text-decoration:none;gap:0;min-height:38px}
.brand{width:190px;max-width:100%}
.brand-symbol{display:none;object-fit:contain}
.nav-collapsed .platform-sidebar .brand{width:100%;justify-content:center}
.nav-collapsed .platform-sidebar .brand .brand-image{display:none}
.nav-collapsed .platform-sidebar .brand .brand-symbol{display:block;width:34px;height:36px}
.brand-image{display:block;width:210px;max-width:100%;height:48px;object-fit:contain;object-position:left center}
.brand .brand-image{width:190px;height:40px}
.brand-caption-ceo{font:500 10px/1.5 var(--font-ui);letter-spacing:1px;color:var(--brand-slate);text-transform:uppercase}
:root{--text:var(--brand-slate);--text-heading:var(--brand-navy);--muted:#475569;--text-caption:#475569;--line:var(--brand-cloud);--bg:var(--surface-subtle)}
body{font-family:var(--font-ui);font-variant-numeric:tabular-nums}
h1,h2,h3,.panel-title{font-family:var(--font-heading)}
button,input,select,textarea{font-family:var(--font-ui)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.platform-sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-color:var(--brand-cloud)}
.platform-sidebar .brand{padding:0;margin-left:4px;margin-bottom:18px}
html:not([data-palette]),html[data-palette="ceo"]{--purple:#008563;--purple-dark:#006D51;--purple-soft:#E8F6F1;--green:#008563}
html[data-palette="ceo"] .calendar-head>button,html[data-palette="ceo"] .calendar-head .segmented button{border-color:#6c998d}
@media print{.brand{print-color-adjust:exact}}
/* Approved navy navigation; local variables do not change operational surfaces. */
#app .platform-sidebar{background:linear-gradient(165deg,#0B1F3B,#002C38);color:#e2e8f0;border-color:#183d50;--text:#e2e8f0;--text-heading:#fff;--text-secondary:#c3d2df;--muted:#b8cad9;--line:#244557;--bg:#102f43;--purple-soft:#163d46;--purple-dark:#fff;scrollbar-color:#4d7183 #0b263b}
#app .platform-sidebar .nav-link{color:#dce6ee;border-radius:7px}
#app .platform-sidebar .nav-link:hover,#app .platform-sidebar .sidebar-utility:hover{background:#ffffff10;color:#fff}
#app .platform-sidebar .nav-link.active{background:var(--purple,#008563);color:#fff;box-shadow:inset 3px 0 #5be1c3}
#app .platform-sidebar .nav-section-title{background:#ffffff08;color:#b9cddc}
#app .platform-sidebar .nav-section-title:hover{background:#ffffff12;color:#fff}
#app .platform-sidebar .area-switch-button{background:#ffffff08;border-color:#315064;color:#fff}
#app .platform-sidebar .area-switch-icon{background:#00a67e25;color:#73e5cf}
#app .platform-sidebar .area-switch-text strong,#app .platform-sidebar footer,#app .platform-sidebar .user-profile{color:#fff}
#app .platform-sidebar .sidebar-utility,#app .platform-sidebar footer small,#app .platform-sidebar .screen-user small{color:#c3d2df}
#app.nav-collapsed .platform-sidebar .brand .brand-symbol{object-fit:cover;object-position:left center;width:34px;height:31px}
.brand-complete{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.brand-tagline{display:block;font:600 9px/1.55 var(--font-ui);letter-spacing:2px;max-width:240px;color:inherit}