
/* DIVANINO 8.1.5 — neutral visual baseline.
   Last stylesheet; layout, visibility, interaction and business styles preserved. */
:root { color-scheme: light; }
html,body,#app-view,#login-view {background:var(--dn-surface)!important;color:var(--dn-primary)!important;}
#app-view .topbar,#app-view .sidebar,#app-view .sidebar-footer,
#app-view .main-content,#app-view .content,#app-view main,
#login-view .login-shell-v58591,#login-view .login-auth-v58591 {
 background:var(--dn-surface)!important;color:var(--dn-primary)!important;box-shadow:none!important;
}
#app-view .topbar {border-bottom:1px solid var(--dn-subtle)!important;grid-template-columns:200px minmax(180px,1fr) 176px minmax(160px,auto)!important;gap:14px!important;}
#app-view .topbar .brand.product-brand {display:flex!important;align-items:center!important;justify-content:flex-start!important;grid-column:1!important;width:200px!important;min-width:0!important;overflow:visible!important;}

#app-view #v5759-global-search {grid-column:2!important;min-width:0!important;}
#app-view .active-organization-header {grid-column:3!important;}
#app-view .top-actions {grid-column:4!important;}
#app-view .sidebar {border-right:1px solid var(--dn-subtle)!important;}
#app-view .sidebar .nav,#app-view .sidebar a,#app-view .sidebar button {color:var(--dn-primary)!important;}
#app-view .sidebar .nav.active,#app-view .sidebar .active,#app-view .sidebar [aria-current="page"] {background:var(--dn-subtle)!important;color:var(--dn-primary)!important;border-color:var(--dn-subtle)!important;}
#app-view .sidebar .nav:hover,#app-view .sidebar a:hover {background:var(--dn-surface)!important;}
#app-view .user-chip,#app-view .active-organization-header,#app-view #v5759-global-search {background:var(--dn-surface)!important;color:var(--dn-primary)!important;border:1px solid var(--dn-subtle)!important;}
#app-view .topbar *,#app-view .sidebar * {text-shadow:none!important;}
#app-view :is(h1,h2,h3,h4,h5,h6,p,small,strong,label,legend),#login-view :is(h1,h2,h3,h4,p,small,strong,label) {color:var(--dn-primary)!important;text-shadow:none!important;}
#app-view :is(.card,.panel,.tile,.day-card,.week-day,.modal,.dialog),
#login-view :is(.login-form-v58591,.login-input-wrap-v58591) {background-color:var(--dn-surface)!important;border-color:var(--dn-subtle)!important;box-shadow:none!important;}
#app-view :is(input,select,textarea),#login-view :is(input,select,textarea) {background:var(--dn-surface)!important;color:var(--dn-primary)!important;border-color:var(--dn-subtle)!important;}
#app-view :is(input,select,textarea)::placeholder,#login-view :is(input,select,textarea)::placeholder {color:var(--dn-text)!important;}
#app-view :is(button,[role="button"]),#login-view :is(button,[role="button"]) {text-shadow:none!important;}
#app-view :is(button,[role="button"]):focus-visible,#login-view :is(button,[role="button"]):focus-visible,
#app-view :is(input,select,textarea):focus-visible,#login-view :is(input,select,textarea):focus-visible {outline:2px solid var(--dn-primary)!important;outline-offset:2px!important;}
#login-view .login-brand-v58591 img {width:min(260px,90%)!important;max-height:90px!important;object-fit:contain!important;}
#login-view .login-input-wrap-v58591,#login-view .login-input-wrap-v58591 input {background:var(--dn-surface)!important;color:var(--dn-primary)!important;border-color:var(--dn-subtle)!important;}
#login-view .login-password-toggle-v85 {color:var(--dn-primary)!important;}
#login-view button[type="submit"] {background:var(--dn-primary)!important;color:var(--dn-surface)!important;border:1px solid var(--dn-primary)!important;}
#login-view a {color:var(--dn-primary)!important;}
#app-view a {color:var(--dn-primary)!important;}
#app-view :is(.primary,.btn-primary,button.primary,button[type="submit"]) {background:var(--dn-primary)!important;color:var(--dn-surface)!important;border-color:var(--dn-primary)!important;}
#app-view :is(.primary,.btn-primary,button.primary,button[type="submit"]) * {color:var(--dn-surface)!important;}
#app-view :is(.today,.selected,.is-selected,.active-day) {background-color:var(--dn-surface)!important;border-color:var(--dn-text)!important;}
#app-view :is(.today,.selected,.is-selected,.active-day) * {color:var(--dn-primary)!important;}
@media(max-width:1050px) {
 #app-view .topbar {grid-template-columns:165px minmax(110px,1fr) 155px auto!important;gap:8px!important;}
 #app-view .topbar .brand.product-brand {width:165px!important;}
 
}

/* 8.1.6: fixes to neutral base; search stays in DOM for legacy listeners. */
#app-view #v5759-global-search { display:none!important; }
#app-view .topbar {
  grid-template-columns: minmax(175px, 1fr) auto auto!important;
  gap:20px!important;
}
#app-view .topbar .brand.product-brand { grid-column:1!important; }
#app-view .active-organization-header {
  grid-column:2!important; min-width:0!important;
  padding:8px 16px!important; background:var(--dn-surface)!important;
}
#app-view .active-organization-kicker {display:none!important;}
#app-view .top-actions {grid-column:3!important;}
#app-view .active-organization-header strong {color:var(--dn-primary)!important;white-space:nowrap!important;}
@media(max-width:800px) {
 #app-view .topbar {grid-template-columns:minmax(110px,1fr) auto!important;gap:8px!important;}
 #app-view .active-organization-header {grid-column:2!important;}
 #app-view .top-actions {grid-column:1 / -1!important;}
}

/* 8.1.7 — global monochrome finish; do not change business logic */
:root{color-scheme:light;--divanino-ink:var(--dn-primary);--divanino-line:var(--dn-subtle)}
body,#app-view,#platform-view{background:var(--dn-surface)!important;color:var(--dn-primary)!important}
#login-view{background:var(--case01-login-surface)!important;color:var(--dn-primary)!important}
#workspace-view{background:var(--case01-workspace-surface)!important;color:var(--dn-primary)!important}
:is(#app-view,#login-view,#workspace-view,#platform-view) :is(.primary,.btn-primary,button[type="submit"]){background:var(--dn-primary)!important;color:var(--dn-surface)!important;border-color:var(--dn-primary)!important;background-image:none!important;box-shadow:none!important}
:is(#app-view,#login-view,#workspace-view,#platform-view) :is(.primary,.btn-primary,button[type="submit"]) *{color:var(--dn-surface)!important}
:is(#app-view,#login-view,#workspace-view,#platform-view) :is(a,.eyebrow,.muted,.field-help){text-decoration-color:var(--dn-text)!important}
:is(#app-view,#login-view,#workspace-view,#platform-view) :is(input,select,textarea){background:var(--dn-surface)!important;color:var(--dn-primary)!important;border-color:var(--dn-subtle)!important;box-shadow:none!important}
:is(#app-view,#login-view,#workspace-view,#platform-view) :is(.card,.panel,.tile){background-image:none!important}
#app-view .sidebar{background:var(--dn-surface)!important;color:var(--dn-primary)!important;border-right:1px solid var(--dn-subtle)!important}
#app-view .topbar{background:var(--dn-surface)!important;border-bottom:1px solid var(--dn-subtle)!important}

#login-view .login-brand-v58591 img{width:min(230px,90%)!important;max-height:155px!important}
#app-view .sidebar :is(.active,.is-active,[aria-current="page"]){background:var(--dn-primary)!important;color:var(--dn-surface)!important;border-color:var(--dn-primary)!important}
#app-view .sidebar :is(.active,.is-active,[aria-current="page"]) *{color:var(--dn-surface)!important}
#app-view :is(.today,.selected,.is-selected,.active-day){background:var(--dn-surface)!important;border-color:var(--dn-text)!important;box-shadow:none!important}
@media(max-width:700px){#app-view .topbar{gap:8px!important}}

/* DIVANINO 8.2 — clean brand placement; no overlay with text. */
#app-view .topbar .brand.product-brand{display:flex!important;align-items:center!important;min-width:0!important;overflow:hidden!important}
#app-view .topbar .brand.product-brand .divanino-brand-logo{display:block!important;width:190px!important;max-width:100%!important;height:52px!important;object-fit:contain!important;object-position:left center!important;flex-shrink:1!important}
#app-view #v5759-global-search{display:none!important}
#app-view .active-organization-kicker{display:none!important}
#login-view .login-brand-v58591 img{display:block!important;width:230px!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0 auto!important}
@media(max-width:700px){#app-view .topbar .brand.product-brand .divanino-brand-logo{width:145px!important;height:40px!important}}

/* 8.2: transparent brand assets and monochrome login. */
#login-view .login-brand-v58591 img,#app-view .divanino-brand-logo{background:transparent!important;mix-blend-mode:normal!important}
#login-view .login-input-wrap-v58591,#login-view .login-input-wrap-v58591 input{background:var(--dn-surface)!important}
#app-view .topbar .active-organization-header{color:var(--dn-primary)!important}

/* DIVANINO visual palette consolidation: legacy styles remain for layout compatibility. */
:root{color-scheme:light}
html,body,#app-view{background:var(--dn-background)!important;color:var(--dn-text)!important}
#login-view{background:var(--case01-login-surface)!important;color:var(--dn-text)!important}
#app-view .topbar,#app-view .sidebar,#app-view main,#login-view .login-shell-v58591{background:var(--dn-surface)!important;color:var(--dn-text)!important}
#app-view button:not(.nav):not(.icon-btn),#login-view button{border-color:var(--dn-border)}
#app-view .nav.active,#app-view .nav[aria-current="page"]{background:var(--dn-selection)!important;color:var(--dn-text)!important}
#app-view #v5759-global-search{display:none!important}

/* DIVANINO 8.2 unified neutral UI */
:root{color-scheme:light;accent-color:var(--dn-primary)}
#app-view,#login-view{--primary:var(--dn-primary);--accent:var(--dn-primary);--brand:var(--dn-primary);--color-primary:var(--dn-primary);--color-accent:var(--dn-primary)}
#app-view button:not(.danger):not(.error),#login-view button:not(.danger):not(.error){border-color:var(--dn-border)}
#app-view input,#login-view input,#app-view select,#login-view select,#app-view textarea,#login-view textarea{background:var(--dn-surface)!important;color:var(--dn-primary)!important;border-color:var(--dn-border)!important}
#app-view input:focus,#login-view input:focus{outline-color:var(--dn-primary)!important}
#app-view a,#login-view a{color:var(--dn-primary)!important}
#app-view .active-organization-header{color:var(--dn-primary)!important}
#app-view .topbar,#app-view .sidebar,#login-view .login-shell-v58591{background:var(--dn-surface)!important}

/* 8.2.3 - monochrome login fields */
.login-input-wrap-v58591, .login-input-wrap-v58591 input,
.login-form-v58591 input {background:var(--dn-surface)!important;color:var(--dn-text)!important;border-color:var(--dn-border)!important;}
