/* Fasad Stroy brand refresh — visual layer only. No workflow or layout logic. */
:root{
  --brand-graphite:#0b0f0e;
  --brand-graphite-2:#111715;
  --brand-paper:#f2f4f1;
  --brand-paper-2:#e8ece8;
  --brand-white:#f5f7f6;
  --brand-muted-dark:#98a7a3;
  --brand-muted-light:#66736f;
  --brand-emerald:#43b99c;
  --brand-emerald-bright:#69d7bb;
  --brand-line-dark:rgba(255,255,255,.13);
  --brand-line-light:rgba(15,31,27,.14);
  --brand-display:"Plus Jakarta Sans",Manrope,"Segoe UI",system-ui,sans-serif;
}

/* One architectural header in both themes; theme changes the page, not the logo identity. */
html[data-theme] body .command-header.app-header{
  background:color-mix(in srgb,var(--brand-graphite) 94%,transparent)!important;
  border-bottom:1px solid var(--brand-line-dark)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
}
.app-header .header-logo img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.32))!important}
.app-header .brand-context{color:#8fa29d!important}
.app-header .preference-menu,.app-header .user-dropdown{
  border:1px solid var(--brand-line-dark)!important;
  border-radius:10px!important;
  background:#111715!important;
  color:var(--brand-white)!important;
  box-shadow:0 24px 65px rgba(0,0,0,.42)!important;
}
.app-header :is(.preference-menu,.user-dropdown) :is(button,a){color:#d7dfdc!important}
.app-header :is(.preference-menu,.user-dropdown) :is(button,a):hover{background:#1a2421!important;color:#fff!important}

/* Dashboard: reference-site stage language with a restrained architectural transition. */
body:has(.operational-hero){font-family:var(--brand-display)!important}
html[data-theme="dark"] body:has(.operational-hero){background:var(--brand-graphite)!important;color:var(--brand-white)!important}
html[data-theme="light"] body:has(.operational-hero){background:var(--brand-paper)!important;color:#18201e!important}
@media(min-width:1200px){
  html[data-theme="light"] body:not(.role-guest){
    --page-canvas-bg:#e7e5de;
    --page-canvas-panel:#f1f0eb;
    --page-canvas-panel-alt:#dcdbd5;
    --page-canvas-line:rgba(67,73,70,.13);
    --page-canvas-line-soft:rgba(67,73,70,.065);
    --page-canvas-accent:rgba(188,151,94,.20);
    --page-canvas-glow:rgba(255,255,255,.52);
    --page-canvas-shadow:rgba(23,31,29,.11);
    --page-shell:#eef0ec;
    --page-shell-border:rgba(54,67,62,.14);
    --facade-wash:linear-gradient(90deg,rgba(244,243,239,.40),rgba(244,243,239,.68));
    --facade-filter:grayscale(.18) saturate(.70) contrast(.82) brightness(1.12);
    --facade-opacity:.88;
    --facade-sign:#26322f;
    --facade-sign-glow:rgba(255,255,255,.92);
  }
  html[data-theme="dark"] body:not(.role-guest){
    --page-canvas-bg:#0b1112;
    --page-canvas-panel:#12191a;
    --page-canvas-panel-alt:#182021;
    --page-canvas-line:rgba(184,202,196,.105);
    --page-canvas-line-soft:rgba(184,202,196,.045);
    --page-canvas-accent:rgba(50,211,169,.38);
    --page-canvas-glow:rgba(56,218,175,.12);
    --page-canvas-shadow:rgba(0,0,0,.48);
    --page-shell:#09100f;
    --page-shell-border:rgba(143,174,166,.14);
    --facade-wash:linear-gradient(90deg,rgba(5,13,14,.28),rgba(5,13,14,.58));
    --facade-filter:saturate(.66) contrast(1.12) brightness(.54);
    --facade-opacity:.96;
    --facade-sign:#d9fff5;
    --facade-sign-glow:rgba(61,226,184,.78);
  }
  body:not(.role-guest){--dashboard-rail:max(80px,calc((100vw - 1520px)/2));position:relative!important;background:var(--page-canvas-bg)!important;background-attachment:fixed!important}
  body:not(.role-guest)>main.page-container{position:relative!important;z-index:1!important;width:min(calc(100% - 160px),1520px)!important;max-width:1520px!important;background:var(--page-shell)!important;box-shadow:0 0 0 1px var(--page-shell-border),0 0 54px var(--page-canvas-shadow)!important}
  body:not(.role-guest)>.app-header{position:sticky!important;z-index:1000!important}
  body:not(.role-guest):before,body:not(.role-guest):after{content:none!important;display:none!important}
  body.role-guest>.dashboard-facade-canvas{display:none!important}
  body:not(.role-guest)>.dashboard-facade-canvas{display:block!important;position:fixed!important;inset:66px 0 0!important;z-index:0!important;pointer-events:none!important;overflow:hidden!important}
  body:not(.role-guest)>.dashboard-facade-canvas i{display:block!important;position:absolute!important;top:0!important;bottom:0!important;width:var(--dashboard-rail)!important;overflow:hidden!important;background:var(--page-canvas-bg)!important;font-style:normal!important}
  body:not(.role-guest)>.dashboard-facade-canvas i:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;background-repeat:no-repeat!important;background-size:auto 100%!important;filter:var(--facade-filter)!important;opacity:var(--facade-opacity)!important}
  body:not(.role-guest)>.dashboard-facade-canvas .facade-left{left:0!important;box-shadow:inset -24px 0 38px var(--page-canvas-shadow)!important}
  body:not(.role-guest)>.dashboard-facade-canvas .facade-left:before{background-image:var(--facade-wash),url('/static/brand/luzhniki-collection.webp')!important;background-position:center,left center!important}
  body:not(.role-guest)>.dashboard-facade-canvas .facade-right{right:0!important;box-shadow:inset 24px 0 38px var(--page-canvas-shadow)!important}
  body:not(.role-guest)>.dashboard-facade-canvas .facade-right:before{background-image:linear-gradient(270deg,rgba(5,13,14,.05),transparent),var(--facade-wash),url('/static/brand/slava-2-3.webp')!important;background-position:center,center,right top!important}
  body:not(.role-guest)>.dashboard-facade-canvas span{position:absolute!important;left:6px!important;right:6px!important;bottom:28px!important;z-index:2!important;color:var(--facade-sign)!important;font:600 clamp(9px,.66vw,12px)/1.2 var(--brand-display)!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-align:center!important;text-shadow:0 0 3px var(--facade-sign-glow),0 0 12px var(--facade-sign-glow),0 2px 14px var(--page-canvas-shadow)!important;white-space:nowrap!important}
  body:not(.role-guest)>.dashboard-facade-canvas .facade-left span{animation:facadeSignLeft 1.05s cubic-bezier(.2,.8,.2,1) .35s both!important}
  body:not(.role-guest)>.dashboard-facade-canvas .facade-right span{animation:facadeSignRight 1.05s cubic-bezier(.2,.8,.2,1) .48s both!important}
}
@keyframes facadeSignLeft{from{opacity:0;transform:translateX(-42px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}
@keyframes facadeSignRight{from{opacity:0;transform:translateX(42px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){body.dashboard-page>.dashboard-facade-canvas span{animation:none!important}}
@media(min-width:1440px){body:not(.role-guest){--dashboard-rail:max(150px,calc((100vw - 1450px)/2))}body:not(.role-guest)>main.page-container{width:min(calc(100% - 300px),1450px)!important;max-width:1450px!important}}
body .executive-hero.operational-hero{
  min-height:330px!important;height:330px!important;
  border-radius:12px!important;
  background-image:linear-gradient(90deg,rgba(4,10,12,.97),rgba(5,14,17,.84) 51%,rgba(6,16,18,.46)),url('/static/brand/fasad-hero-v1.webp')!important;
  background-size:cover!important;
  animation:brandStageDrift 18s ease-in-out infinite alternate!important;
}
body .operational-hero:before{color:rgba(255,255,255,.035)!important;font-family:var(--brand-display)!important;font-weight:700!important}
body .operational-hero h1{font-family:var(--brand-display)!important;font-weight:300!important;letter-spacing:-.055em!important}
body .operational-hero h1 em{color:var(--brand-emerald-bright)!important}
body .operational-hero .hero-cta{border:1px solid rgba(105,215,187,.45)!important;border-radius:7px!important;background:rgba(28,124,103,.64)!important;color:#fff!important;transition:background .2s ease,transform .2s ease!important}
body .operational-hero .hero-cta:hover{background:rgba(43,155,130,.84)!important;transform:translateY(-1px)!important}
body .operational-hero .process-visual{border-radius:9px!important;background:rgba(7,14,16,.82)!important}
.capability-rail,.operational-metrics,.activity-panel,.platform-stage{border-radius:9px!important}
html[data-theme="dark"] :is(.capability-rail,.operational-metrics){background:#101614!important;border-color:var(--brand-line-dark)!important}
html[data-theme="light"] :is(.capability-rail,.operational-metrics){background:#f7f8f6!important;border-color:var(--brand-line-light)!important}
.operational-metrics .metric-card{transition:background .18s ease!important}
.operational-metrics .metric-card:hover{background:color-mix(in srgb,var(--brand-emerald) 7%,transparent)!important}
.activity-panel{background:#0d1618!important;border-color:var(--brand-line-dark)!important}
.activity-list{border-radius:8px!important;overflow:hidden!important}
.activity-item{transition:background .18s ease,box-shadow .18s ease!important}
.activity-item:hover{box-shadow:inset 2px 0 var(--brand-emerald)!important}
/* Shared dashboard flow: a calm architectural off-white instead of pure glare. */
html[data-theme="light"] .activity-list{background:#e1e4df!important;border-color:#c5cdc7!important}
html[data-theme="light"] .activity-item{background:#e1e4df!important;border-color:#cbd2cd!important;color:#1c2825!important}
html[data-theme="light"] .activity-item:hover{background:#d7dcd6!important}
html[data-theme="light"] .activity-primary strong,html[data-theme="light"] .activity-meta span{color:#1c2825!important}
html[data-theme="light"] .activity-primary small,html[data-theme="light"] .activity-meta small,html[data-theme="light"] .activity-code,html[data-theme="light"] .activity-arrow{color:#65736e!important}
html[data-theme="dark"] .activity-list{background:#10191b!important;border-color:#263639!important}
html[data-theme="dark"] .activity-item{background:#10191b!important;border-color:#223135!important}
html[data-theme="dark"] .activity-item:hover{background:#152124!important}
@media(max-width:700px){
  .activity-panel{padding:16px!important}
  .activity-list{display:grid!important;gap:9px!important;background:transparent!important;border:0!important;overflow:visible!important}
  html[data-theme="light"] .activity-item{background:#e1e4df!important;border:1px solid #c5cdc7!important;color:#1c2825!important;box-shadow:0 5px 14px rgba(24,36,32,.05)!important}
  html[data-theme="light"] .activity-item:active{background:#d7dcd6!important}
  html[data-theme="light"] .activity-primary strong{color:#1c2825!important}
  html[data-theme="light"] .activity-primary small,html[data-theme="light"] .activity-code{color:#65736e!important}
  html[data-theme="dark"] .activity-item{background:#10191b!important;border:1px solid #293a3e!important;color:#eef3f1!important;box-shadow:none!important}
  html[data-theme="dark"] .activity-item:active{background:#152124!important}
}

/* Language selection was removed: the application now has one reliable UI language. */
.language-switch,[data-auth-language]{display:none!important}

/* Restore the viewer heading; legacy bundles used a generated "Kayıt Arşivi" suffix. */
body.viewer-mode .workspace-head h1{font-size:clamp(30px,3vw,44px)!important}
body.viewer-mode .workspace-head h1:after{content:none!important;display:none!important}

/* Consistent operational surfaces in both themes. */
html[data-theme="light"] body :is(.workspace-head,.today-arrivals,.viewer-date-bar,.records-section,.filter-drawer,.notification-preference,.notification-list,.notification-item,.command-drawer){border-color:#cad4d0!important;background-color:#f7f9f7!important;color:#182521!important}
html[data-theme="dark"] body :is(.workspace-head,.today-arrivals,.viewer-date-bar,.records-section,.filter-drawer,.notification-preference,.notification-list,.notification-item,.command-drawer){border-color:#283a37!important;background-color:#101c1c!important;color:#edf5f2!important}
html[data-theme="light"] body :is(.filter-drawer input,.filter-drawer select){border-color:#c8d1ce!important;background:#fff!important;color:#17231f!important}
html[data-theme="dark"] body :is(.filter-drawer input,.filter-drawer select){border-color:#344744!important;background:#142220!important;color:#f0f6f4!important}

.notifications-page .push-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}.notifications-page .push-actions form{margin:0!important}.notifications-page .push-actions button{min-height:42px!important;padding:0 13px!important;border-radius:9px!important;white-space:nowrap!important}
@media(max-width:700px){.notifications-page .notification-preference{align-items:stretch!important}.notifications-page .push-actions{display:block!important;width:100%!important}.notifications-page .push-actions #push-device-enable{width:100%!important}}
.notifications-page .push-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important}.notifications-page #pwa-install-button{min-height:42px!important;padding:0 15px!important;border:1px solid var(--color-border)!important;border-radius:9px!important;background:var(--color-surface-2)!important;color:var(--color-text)!important;box-shadow:none!important}.notifications-page #pwa-install-button:disabled{opacity:.65!important}
.notifications-page #pwa-install-button.settings-action{display:inline-flex!important;align-items:center!important;gap:8px!important}.notifications-page #pwa-install-button.settings-action:before{content:"\2699";font-size:16px;line-height:1}
@media(max-width:700px){.notifications-page .push-actions{display:grid!important;grid-template-columns:1fr!important}.notifications-page .push-actions button{width:100%!important}}

/* Device-aware install and notification states. */
.push-onboarding-card section[hidden],.mobile-push-info[hidden]{display:none!important}
#onboarding-confirm>strong{display:block!important;margin:20px 0 7px!important;color:#fff!important;font-size:17px!important}
#onboarding-confirm>p{margin:0!important;color:#aebdb8!important;font-size:12px!important;line-height:1.6!important}
.install-guide h2{margin-bottom:18px!important}.install-guide-steps{display:grid!important;gap:10px!important}.install-guide-steps>div{display:grid!important;grid-template-columns:24px 42px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:10px!important;border:1px solid rgba(126,158,150,.24)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important}.install-guide-steps b{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#263333!important;color:#90a39e!important;font-size:10px!important}.install-guide-steps span{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border:1px solid rgba(89,212,186,.35)!important;border-radius:11px!important;background:#123a33!important;color:#68dec4!important;font-size:21px!important}.install-guide-steps p{margin:0!important;color:#c2ceca!important;font-size:11px!important;line-height:1.45!important}.install-guide>button{width:100%!important;margin-top:14px!important}
.notification-preference.device-active{border-color:#8bc8b8!important;background:color-mix(in srgb,#1a9b7c 7%,var(--color-surface-1))!important;box-shadow:inset 4px 0 #1a9b7c!important}.notification-preference.device-needs-action{border-color:#dfc48f!important;background:color-mix(in srgb,#d6a64d 7%,var(--color-surface-1))!important;box-shadow:inset 4px 0 #c99738!important}.mobile-push-info{margin-top:11px!important;padding:10px 12px!important;border:1px solid color-mix(in srgb,var(--color-accent) 25%,var(--color-border))!important;border-radius:10px!important;background:color-mix(in srgb,var(--color-accent) 7%,transparent)!important;color:var(--color-text-muted)!important;font-size:10px!important;line-height:1.5!important}
html[data-theme="light"] #onboarding-confirm>strong,html[data-theme="light"] .install-guide h2{color:#17231f!important}html[data-theme="light"] #onboarding-confirm>p,html[data-theme="light"] .install-guide-steps p{color:#566860!important}html[data-theme="light"] .install-guide-steps>div{background:rgba(20,45,39,.025)!important;border-color:rgba(20,45,39,.14)!important}

.push-onboarding[hidden]{display:none!important}.push-onboarding{position:fixed!important;z-index:7000!important;inset:0!important;display:grid!important;place-items:center!important;padding:18px!important;background:rgba(2,10,12,.72)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;opacity:0!important;transition:opacity .2s ease!important}.push-onboarding.open{opacity:1!important}.push-onboarding-card{width:min(470px,100%)!important;padding:30px!important;border:1px solid rgba(130,181,169,.42)!important;border-radius:22px!important;background:linear-gradient(145deg,#111c1d,#081112)!important;color:#f3f7f5!important;box-shadow:0 30px 100px rgba(0,0,0,.48)!important}.push-onboarding-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin-bottom:18px!important;border:1px solid rgba(90,216,187,.38)!important;border-radius:14px!important;background:#123a33!important;color:#68dec4!important;font-size:21px!important}.push-onboarding-card>small{color:#59d4ba!important;font-size:8px!important;font-weight:800!important;letter-spacing:.2em!important}.push-onboarding-card h2{margin:9px 0 10px!important;color:#fff!important;font:450 27px/1.15 var(--brand-display)!important;letter-spacing:-.035em!important}.push-onboarding-card>p,.push-onboarding-confirm>p{color:#aebdb8!important;font-size:12px!important;line-height:1.6!important}.push-onboarding-actions,.push-onboarding-confirm>div{display:grid!important;grid-template-columns:1fr 1.25fr!important;gap:9px!important;margin-top:22px!important}.push-onboarding-card button{min-height:48px!important;border-radius:9px!important;background:#14927c!important;color:#fff!important;font-weight:750!important}.push-onboarding-card button.secondary{border:1px solid #344642!important;background:#172321!important;color:#c2cfcb!important}.push-onboarding-confirm>strong{display:block!important;margin-top:22px!important;color:#fff!important;font-size:17px!important}.push-onboarding-confirm[hidden],.push-onboarding-actions[hidden]{display:none!important}
html[data-theme="light"] .push-onboarding-card{border-color:rgba(255,255,255,.82)!important;background:rgba(245,248,246,.94)!important;color:#17231f!important}html[data-theme="light"] .push-onboarding-card h2,html[data-theme="light"] .push-onboarding-confirm>strong{color:#17231f!important}html[data-theme="light"] .push-onboarding-card>p,html[data-theme="light"] .push-onboarding-confirm>p{color:#566860!important}
@media(max-width:600px){.push-onboarding{place-items:end center!important;padding:10px!important}.push-onboarding-card{padding:23px 19px max(20px,env(safe-area-inset-bottom))!important;border-radius:20px!important}.push-onboarding-card h2{font-size:24px!important}.push-onboarding-actions,.push-onboarding-confirm>div{grid-template-columns:1fr!important}.push-onboarding-actions button[data-push-choice="enabled"]{grid-row:1!important}}

/* Login: same visual family as the public Fasad Stroy login, with working local theme state. */
body:has(.login-v18){font-family:var(--brand-display)!important;background:var(--brand-graphite)!important}
.login-v18{background:var(--brand-graphite)!important}
.login-brand-panel{
  isolation:isolate!important;
  background-image:linear-gradient(90deg,rgba(4,10,12,.93),rgba(5,13,16,.66)),url('/static/brand/fasad-hero-v1.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  animation:brandStageDrift 20s ease-in-out infinite alternate!important;
}
.login-brand-panel:before{content:"FASAD\A STROY";white-space:pre;position:absolute;right:-2vw;top:20%;z-index:0;color:rgba(255,255,255,.035);font:700 clamp(80px,12vw,190px)/.72 var(--brand-display);letter-spacing:-.08em;text-align:right;pointer-events:none}
.login-brand-panel:after{background-size:68px 68px!important;opacity:.6!important;mask-image:linear-gradient(90deg,#000,transparent 86%)}
.login-brand-copy h1{font-family:var(--brand-display)!important;font-weight:300!important;letter-spacing:-.055em!important}
.login-brand-copy h1 em{color:var(--brand-emerald-bright)!important}
.login-proof span{border-radius:9px!important;background:rgba(255,255,255,.045)!important}
.login-form-panel{transition:background .22s ease,color .22s ease!important}
html[data-theme="dark"] .login-form-panel{background:transparent!important;color:var(--brand-white)!important}
html[data-theme="light"] .login-form-panel{background:transparent!important;color:#16201d!important}
.login-form-wrap h2{font-family:var(--brand-display)!important;font-weight:350!important;letter-spacing:-.05em!important}
.auth-toolbar>button,.language-switch{border-radius:8px!important}
.auth-toolbar>button{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important}
.auth-toolbar>button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.language-switch{padding:4px!important}.language-switch button{min-width:34px!important;min-height:32px!important;padding:0 8px!important;border-radius:5px!important}
html[data-theme="dark"] .auth-toolbar>button,html[data-theme="dark"] .language-switch{background:#151d1b!important;border-color:var(--brand-line-dark)!important;color:#eef4f2!important}
html[data-theme="light"] .auth-toolbar>button,html[data-theme="light"] .language-switch{background:#fff!important;border-color:var(--brand-line-light)!important;color:#18221f!important}
html[data-theme="dark"] .language-switch .active{background:#f3f5f4!important;color:#0d1412!important}
html[data-theme="light"] .language-switch .active{background:#17221f!important;color:#fff!important}
html[data-theme="dark"] .login-form-wrap input{background:#151d1b!important;border-color:#2e3a36!important;color:#fff!important}
html[data-theme="light"] .login-form-wrap input{background:#fff!important;border-color:#d3dad6!important;color:#15201d!important}
.login-form-wrap input{border-radius:8px!important;transition:border-color .18s ease,box-shadow .18s ease!important}
.login-form-wrap input:focus{border-color:var(--brand-emerald)!important;box-shadow:0 0 0 3px rgba(67,185,156,.12)!important;outline:none!important}
.login-submit{border-radius:8px!important;background:#16806c!important;color:#fff!important;box-shadow:none!important}
.login-submit:hover{background:#1b947c!important}

/* Notification center follows the same compact editorial language. */
.notifications-page{font-family:var(--brand-display)!important}
.notifications-head h1{font-weight:350!important;letter-spacing:-.045em!important}
.notification-preference,.notification-list{border-radius:10px!important;box-shadow:none!important}
.notification-item{min-height:88px!important;border-color:var(--color-border-soft)!important;transition:background .18s ease!important}
.notification-item.unread{box-shadow:inset 2px 0 var(--brand-emerald)!important}
.notification-check{border-radius:8px!important}
.read-state{border-radius:5px!important}
html[data-theme="dark"] .notifications-page :is(.notification-preference,.notification-list,.notification-item){background:#111715!important;color:var(--brand-white)!important;border-color:var(--brand-line-dark)!important}
html[data-theme="dark"] .notification-open p{color:var(--brand-muted-dark)!important}
html[data-theme="light"] .notifications-page :is(.notification-preference,.notification-list,.notification-item){background:#fff!important;color:#18221f!important;border-color:var(--brand-line-light)!important}

@keyframes brandStageDrift{0%{background-position:center 48%}100%{background-position:56% 53%}}
@media(prefers-reduced-motion:reduce){.operational-hero,.login-brand-panel{animation:none!important}}

@media(max-width:700px){
  body .executive-hero.operational-hero{height:auto!important;min-height:0!important;border-radius:9px!important;animation:none!important;background-position:62% center!important}
  .login-brand-panel{min-height:286px!important;padding:24px 22px 28px!important;animation:none!important}
  .login-brand-panel:before{right:-18px;top:30%;font-size:82px!important}
  .login-brand-copy h1{font-size:36px!important;line-height:1.02!important}
  .login-form-panel{padding:54px 22px 48px!important}
  .auth-toolbar{top:12px!important;right:12px!important}
  .auth-toolbar>button{width:40px!important;height:40px!important}
  .language-switch button{min-width:32px!important;padding-inline:6px!important}
  .notification-item{min-height:0!important}
}

/* Mobile login — full-screen architectural concept. */
@media(max-width:700px){
  body:has(.login-v18){min-height:100dvh!important;overflow-x:hidden!important;background:#07100e!important}
  body:has(.login-v18) main{min-height:100dvh!important}
  .login-v18{
    position:relative!important;isolation:isolate;display:grid!important;place-items:center!important;
    min-height:100dvh!important;width:100%!important;padding:78px 20px 100px!important;overflow:hidden!important;
    background:linear-gradient(180deg,rgba(3,10,12,.68),rgba(5,12,11,.9) 56%,rgba(5,11,10,.98)),url('/static/brand/fasad-hero-v1.webp') center/cover no-repeat!important;
  }
  .login-v18:before{
    content:"FASAD\A STROY";position:absolute;z-index:-1;top:72px;left:18px;white-space:pre;
    color:rgba(255,255,255,.075);font:700 clamp(66px,22vw,94px)/.73 var(--brand-display);letter-spacing:-.085em;pointer-events:none;
  }
  .login-v18:after{
    content:"FASAD STROY";position:absolute;top:26px;left:24px;z-index:2;color:#f5f7f6;
    font:500 18px/1 var(--brand-display);letter-spacing:.2em;pointer-events:none;
  }
  .login-brand-panel{display:none!important}
  .login-form-panel{
    position:static!important;z-index:1;display:block!important;width:min(100%,380px)!important;min-height:0!important;
    padding:0!important;color:#f4f7f6!important;background:transparent!important;
  }
  .login-form-wrap{
    width:100%!important;padding:26px 20px 22px!important;border:1px solid rgba(255,255,255,.16)!important;
    border-radius:10px!important;background:rgba(10,18,17,.86)!important;box-shadow:0 24px 70px rgba(0,0,0,.3)!important;
    backdrop-filter:blur(14px);
  }
  .login-form-wrap>small,.login-form-wrap>p,.login-form-wrap .signup-line{display:none!important}
  .login-form-wrap h2{margin:0 0 22px!important;color:#fff!important;font-size:27px!important;font-weight:400!important;line-height:1.1!important;letter-spacing:-.035em!important}
  .login-form-wrap h2 span{display:none!important}
  .login-form-wrap h2:after{content:"Giriş Yap"}
  .login-form-wrap label{display:block!important;margin:0 0 14px!important;color:#c8d1ce!important;font-size:11px!important;line-height:1.4!important}
  .login-form-wrap input{
    min-height:52px!important;margin-top:7px!important;padding:0 14px!important;border-color:rgba(255,255,255,.18)!important;
    background:rgba(20,30,28,.9)!important;color:#fff!important;font-size:16px!important;
  }
  .login-form-wrap input::placeholder{color:#899692!important}
  .login-options{margin:-2px 0 17px!important}
  .login-options a{color:var(--brand-emerald-bright)!important;font-size:12px!important}
  .login-submit{min-height:52px!important;background:#219b82!important;font-weight:650!important}
  .auth-toolbar{
    position:absolute!important;z-index:4;top:auto!important;right:20px!important;bottom:max(18px,env(safe-area-inset-bottom))!important;
    left:20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:auto!important;
  }
  .auth-toolbar>button,.language-switch{
    border-color:rgba(255,255,255,.18)!important;background:rgba(10,18,17,.82)!important;color:#fff!important;backdrop-filter:blur(12px);
  }
  .auth-toolbar>button{width:44px!important;height:44px!important}
  .language-switch{height:44px!important;padding:4px!important}
  .language-switch button{min-width:44px!important;min-height:36px!important;color:#8e9b97!important}
  .language-switch .active{background:#eef2f0!important;color:#0b1412!important}
  html[data-theme="light"] .login-v18{
    background:linear-gradient(180deg,rgba(238,243,240,.5),rgba(230,236,232,.86) 58%,rgba(235,239,236,.96)),url('/static/brand/fasad-hero-v1.webp') center/cover no-repeat!important;
  }
  html[data-theme="light"] .login-v18:before{color:rgba(12,31,27,.08)}
  html[data-theme="light"] .login-v18:after{color:#14231f}
  html[data-theme="light"] .login-form-wrap{border-color:rgba(16,45,38,.16)!important;background:rgba(246,248,246,.9)!important;color:#13231f!important;box-shadow:0 24px 70px rgba(10,35,29,.15)!important}
  html[data-theme="light"] .login-form-wrap h2{color:#15231f!important}
  html[data-theme="light"] .login-form-wrap label{color:#40534d!important}
  html[data-theme="light"] .login-form-wrap input{background:#fff!important;color:#15231f!important;border-color:#cbd6d1!important}
  html[data-theme="light"] .auth-toolbar>button,html[data-theme="light"] .language-switch{background:rgba(246,248,246,.9)!important;border-color:rgba(16,45,38,.18)!important;color:#172620!important}
  html[data-theme="light"] .language-switch .active{background:#182a24!important;color:#fff!important}
}

@media(max-width:360px){
  .login-v18{padding-inline:14px!important}
  .login-form-wrap{padding:22px 16px 18px!important}
  .auth-toolbar{left:14px!important;right:14px!important}
}

@media(max-height:690px) and (max-width:700px){
  .login-v18{place-items:start center!important;padding-top:66px!important;padding-bottom:84px!important;overflow-y:auto!important}
  .login-v18:before{top:54px!important;font-size:62px!important}
  .login-form-wrap{padding-block:19px 17px!important}
  .login-form-wrap h2{margin-bottom:16px!important}
  .login-form-wrap input{min-height:48px!important}
  .login-form-wrap label{margin-bottom:10px!important}
  .login-submit{min-height:48px!important}
}

/* Compact record actions and accessible dark action menu. */
@media(min-width:901px){
  body .operational-records .kebab,body .records-section .kebab{
    width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
    border-radius:6px!important;
  }
  body .operational-records .kebab i,body .records-section .kebab i{width:2px!important;height:2px!important;margin:1.5px auto!important}
}

/* Receipt detail: keep the unsaved-return row below the fixed global header. */
@media(min-width:701px){
  body .detail-return{
    position:relative!important;
    z-index:2!important;
    margin:46px 0 12px!important;
  }
}
@media(max-width:700px){
  body .detail-return{margin:14px 0 12px!important}
}

/* Notifications: calm graphite cards with readable, theme-independent contrast. */
.notifications-page{position:relative!important}
.notifications-back{
  display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;margin:0 0 12px!important;padding:0 12px!important;
  border:1px solid var(--color-border)!important;border-radius:8px!important;background:transparent!important;color:var(--color-text)!important;
  font-size:11px!important;font-weight:700!important;
}
.notifications-back:hover{border-color:#4f6a64!important;background:var(--color-surface-2)!important}
.notifications-back span{font-size:16px!important;line-height:1!important}
.notifications-page .notification-list{padding:12px!important;background:#0b1113!important;border:1px solid #29363a!important}
.notifications-page .notification-item{
  min-height:86px!important;margin:0 0 10px!important;padding:14px 16px!important;gap:12px!important;
  border:1px solid #2d3a3e!important;border-radius:10px!important;background:#121a1d!important;color:#f4f7f6!important;box-shadow:none!important;
}
.notifications-page .notification-item:last-child{margin-bottom:0!important}
.notifications-page .notification-item.unread{border-left:3px solid #65cdbb!important;box-shadow:none!important}
.notifications-page .notification-open{width:100%!important;padding:0!important;background:transparent!important;color:#f4f7f6!important;text-align:left!important;box-shadow:none!important}
.notifications-page .notification-open:hover{background:transparent!important}
.notifications-page .notification-open strong{color:#fff!important;font-size:14px!important}
.notifications-page .notification-open p{margin:5px 0!important;color:#b7c3c0!important;font-size:11px!important;line-height:1.5!important}
.notifications-page .notification-open small{color:#788985!important;font-size:9px!important}
.notifications-page .notification-check{border:1px solid #38514c!important;background:#182724!important;color:#73d5c2!important;box-shadow:none!important}
.notifications-page .read-state{border:1px solid #354247!important;background:#1b2528!important;color:#c5cfcc!important}
@media(max-width:700px){
  .notifications-back{margin-left:2px!important}
  .notifications-page .notification-list{padding:8px!important}
  .notifications-page .notification-item{padding:13px!important;gap:10px!important}
}

/* Compact, standard vertical-overflow icon for record actions. */
body .app-data-table .kebab{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  padding:0!important;
}
body .app-data-table .kebab i{
  display:block!important;
  flex:0 0 2px!important;
  width:2px!important;
  height:2px!important;
  min-width:2px!important;
  min-height:2px!important;
  margin:0!important;
  border-radius:50%!important;
}
@media(min-width:901px){
  body .app-data-table .kebab{
    width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:7px!important;
  }
}
@media(max-width:900px){
  body .app-data-table .kebab{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
}
html[data-theme="dark"] .action-menu{
  background:#111715!important;border-color:#34423e!important;color:#edf3f1!important;
  box-shadow:0 24px 70px rgba(0,0,0,.58)!important;
}
html[data-theme="dark"] .action-menu .menu-label{
  color:#91a19c!important;border-bottom-color:#2b3734!important;
}
html[data-theme="dark"] .action-menu a,html[data-theme="dark"] .action-menu button{
  color:#e1e9e6!important;background:transparent!important;
}
html[data-theme="dark"] .action-menu a:hover,html[data-theme="dark"] .action-menu button:hover{
  color:#fff!important;background:#1d2925!important;
}
html[data-theme="dark"] .action-menu a:before,html[data-theme="dark"] .action-menu button:before{background-color:#a9b8b3!important}
html[data-theme="dark"] .action-menu :is(a,button):disabled{color:#7e8d88!important;opacity:.62!important}
html[data-theme="dark"] .action-menu :is(a,button):disabled:before{background-color:#74837e!important}
html[data-theme="dark"] .action-menu .menu-delete{color:#ff8d9b!important;border-top-color:#3c2a2f!important}

/* Match the selected premium mobile mockup more closely. */
@media(max-width:700px){
  .login-v18{
    background:linear-gradient(180deg,rgba(3,10,12,.32),rgba(5,12,11,.55) 56%,rgba(5,11,10,.78)),url('/static/brand/fasad-hero-v1.webp') 62% center/cover no-repeat!important;
  }
  .login-form-panel{transform:translateY(34px)!important}
  html[data-theme="light"] .login-v18{
    background:linear-gradient(180deg,rgba(238,243,240,.32),rgba(230,236,232,.68) 58%,rgba(235,239,236,.88)),url('/static/brand/fasad-hero-v1.webp') 62% center/cover no-repeat!important;
  }
}
@media(max-height:690px) and (max-width:700px){.login-form-panel{transform:translateY(14px)!important}}

/* Stable lightbox: controls stay inside the viewport at every zoom level. */
body .photo-modal{
  position:fixed!important;inset:0!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
  box-sizing:border-box!important;overflow:hidden!important;padding:56px 18px 18px!important;
}
body .photo-modal .modal-close{
  position:fixed!important;z-index:10002!important;top:max(14px,env(safe-area-inset-top))!important;right:max(14px,env(safe-area-inset-right))!important;
  left:auto!important;bottom:auto!important;display:grid!important;place-items:center!important;width:40px!important;min-width:40px!important;
  height:40px!important;min-height:40px!important;padding:0!important;overflow:hidden!important;border-radius:10px!important;
}
body .photo-modal .modal-close span{display:none!important}
body .photo-modal .modal-close b{display:block!important;margin:0!important;font:400 20px/1 Arial,sans-serif!important}
body .photo-modal .modal-body{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;overflow:hidden!important}
body .photo-modal .modal-body img{
  max-width:calc(100vw - 36px)!important;max-height:calc(100dvh - 92px)!important;cursor:grab!important;
  -webkit-user-drag:none!important;user-select:none!important;will-change:transform!important;
}
body .photo-modal .modal-body img:active{cursor:grabbing!important}

/* Mobile login controls: one compact group in the upper-right. */
@media(max-width:700px){
  .login-v18:after{display:none!important}
  .auth-toolbar{
    position:fixed!important;
    top:max(16px,env(safe-area-inset-top))!important;right:16px!important;bottom:auto!important;left:auto!important;
    width:auto!important;justify-content:flex-end!important;gap:8px!important;
  }
  .auth-toolbar>button{width:42px!important;height:42px!important}
  .language-switch{height:42px!important}
  .language-switch button{min-width:38px!important;min-height:34px!important}
}
@media(max-width:360px){.auth-toolbar{right:12px!important;left:auto!important}.language-switch button{min-width:34px!important}}

/* Field users may edit only the information they originally supplied. */
.record-editor form.field-limited [readonly],.record-editor form.field-limited [disabled]{cursor:not-allowed!important;opacity:1!important;background:#edf2f0!important;color:#65756f!important;border-color:#d4dfdb!important}
.record-editor form.field-limited label>em{color:#168b7c!important}.record-editor form.field-limited .save-record{background:#138c7c!important}

/* Desktop data tables: header labels and row values share one exact column map. */
@media(min-width:901px){
  body .app-data-table .data-row{
    grid-template-columns:58px minmax(94px,.75fr) minmax(100px,.8fr) minmax(130px,1.2fr) minmax(85px,.72fr) minmax(78px,.65fr) minmax(82px,.68fr) minmax(112px,.9fr) 40px!important;
    column-gap:clamp(7px,1vw,14px)!important;
    padding-inline:12px!important;
  }
  body .app-data-table .data-row>span{
    min-width:0!important;
    width:100%!important;
    justify-self:stretch!important;
    text-align:left!important;
  }
  body .app-data-table .data-row>.cell-visual,
body .app-data-table .data-row>.row-actions{
    display:flex!important;
    justify-content:center!important;
    text-align:center!important;
  }
}

/* Receipt upload: centered, previewable and input-method independent. */
.upload-dialog-opened{overflow:hidden!important}
.upload-dialog-backdrop{padding:20px;align-items:center;justify-content:center;background:rgba(1,7,8,.78)!important;backdrop-filter:blur(8px)}
.upload-dialog-backdrop.open{display:flex!important}
.upload-dialog{width:min(744px,100%);max-height:min(820px,calc(100dvh - 40px));overflow:auto;background:#09110f;color:#f5f8f7;border:1px solid #30403b;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.upload-dialog header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #27332f}
.upload-dialog header small{display:block;margin-bottom:4px;color:#58d5bd;font-size:10px;letter-spacing:.18em}.upload-dialog header h3{margin:0;font-size:19px}
.upload-dialog-close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #3a4844;border-radius:10px;background:#151d1b;color:#f2f6f4;font:300 22px/1 Arial,sans-serif}
.upload-dialog form{display:grid;gap:16px;padding:20px 22px}.upload-category{display:grid;gap:7px;color:#aebbb7;font-size:12px;font-weight:700}
.upload-category select{width:100%;height:46px;padding:0 13px;border:1px solid #34413e;border-radius:9px;background:#101715;color:#f4f7f6}
.upload-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;padding:24px;text-align:center;border:1px dashed #52625d;border-radius:12px;background:#0d1513;cursor:pointer;transition:.18s ease}
.upload-dropzone:hover,.upload-dropzone:focus,.upload-dropzone.dragging{outline:none;border-color:#42cbb2;background:#10201c;box-shadow:inset 0 0 0 1px rgba(66,203,178,.18)}
.upload-dropzone>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-mark{display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border:1px solid #3b4d47;border-radius:11px;color:#62d8c1;font-size:23px}.upload-dropzone strong{font-size:15px}.upload-dropzone p{margin:5px 0 13px;color:#8f9d99;font-size:13px}.upload-dropzone small{margin-top:12px;color:#74837e;font-size:11px}
.upload-file-select{min-height:38px;padding:0 15px;border:1px solid #53635e;border-radius:8px;background:#18211f;color:#f4f7f6;font-weight:700}
.upload-pick-row{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap}.upload-pick-row>span{color:#a5b2ae;font-size:12px;text-align:left}.upload-pick-row>span b{color:#62d8c1;font-weight:800}
.upload-preview{display:grid;gap:8px}.upload-preview:empty{display:none}.upload-preview-item{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:11px;padding:8px;border:1px solid #293632;border-radius:10px;background:#0d1513}.upload-preview-item>img,.upload-preview-item>span{width:48px;height:44px;object-fit:cover;border-radius:7px;background:#18221f}.upload-preview-item>span{display:grid;place-items:center;color:#61d5bd;font-size:11px;font-weight:800}.upload-preview-item div{min-width:0}.upload-preview-item strong,.upload-preview-item small{display:block}.upload-preview-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.upload-preview-item small{margin-top:3px;color:#81908b;font-size:11px}.upload-preview-item>button{width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#aab7b3;font-size:20px}
.upload-dialog footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:3px}.upload-dialog footer button{height:44px;min-height:44px;padding:0 18px;border-radius:9px;white-space:nowrap;line-height:1}.upload-dialog footer .upload-dialog-close{width:auto;min-width:112px;font-size:13px;font-weight:700}.upload-dialog .upload-submit{min-width:148px;border:1px solid #229b86;background:#0d6e5f;color:white;font-weight:800}.upload-dialog .upload-submit:disabled{opacity:.45;cursor:not-allowed}
.drop-upload .upload-dialog-open{min-height:42px;padding:0 18px;border:1px solid #198f7d;border-radius:8px;background:#128b79;color:#fff;font-weight:800}
.drop-upload{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}.drop-upload>.upload-dialog-open{margin-left:auto!important;min-width:155px!important}
.permission-denied{cursor:not-allowed!important;opacity:.62}.permission-toast{position:fixed;left:50%;bottom:32px;z-index:100000;transform:translate(-50%,20px);padding:13px 20px;border:1px solid rgba(94,219,191,.28);border-radius:10px;background:#101b1d;color:#fff;font-weight:800;box-shadow:0 16px 42px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:.2s ease}.permission-toast.open{opacity:1;transform:translate(-50%,0)}
@media(max-width:580px){.drop-upload{align-items:stretch!important;flex-direction:column!important}.drop-upload>.upload-dialog-open{width:100%!important;margin-left:0!important}}
html[data-theme="light"] .upload-dialog{background:#f8faf9;color:#18231f;border-color:#cbd7d3}html[data-theme="light"] .upload-dialog header{border-bottom-color:#d8e1de}html[data-theme="light"] .upload-category{color:#53635e}html[data-theme="light"] .upload-category select,html[data-theme="light"] .upload-dropzone{background:#fff;color:#18231f;border-color:#b9c9c4}html[data-theme="light"] .upload-dropzone:hover,html[data-theme="light"] .upload-dropzone:focus,html[data-theme="light"] .upload-dropzone.dragging{background:#edf8f5}html[data-theme="light"] .upload-file-select{background:#edf3f1;color:#18231f}html[data-theme="light"] .upload-preview-item{background:#fff;border-color:#d5dfdc;color:#18231f}
@media(max-width:600px){.upload-dialog-backdrop{padding:0!important;align-items:flex-end}.upload-dialog{width:100%;max-height:92dvh;border-radius:18px 18px 0 0;border-bottom:0}.upload-dialog header,.upload-dialog form{padding-left:16px;padding-right:16px}.upload-dropzone{min-height:180px}.upload-pick-row{display:grid;gap:9px}.upload-pick-row>span{text-align:center;line-height:1.45}.upload-dialog footer{position:sticky;bottom:0;margin:0 -16px -20px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:inherit;border-top:1px solid #283530}.upload-dialog footer button{flex:1}}

/* Both upload entry points use one professional large drop/paste surface. */
.upload-dialog header{position:relative;width:100%;box-sizing:border-box;padding-right:76px!important}.upload-dialog header small{display:none!important}.upload-dialog header h3{font-size:23px!important;line-height:1.2!important;text-transform:capitalize;white-space:nowrap}.upload-dialog header>.upload-dialog-close{position:absolute!important;top:50%!important;right:20px!important;left:auto!important;transform:translateY(-50%)!important;margin:0!important}
#quick-dialog:has(.quick-photo-form){padding:20px!important}#quick-dialog:has(.quick-photo-form)>.dialog{width:min(744px,100%)!important;max-height:calc(100dvh - 40px)!important;padding:0!important;overflow:auto!important;background:#09110f!important;color:#f5f8f7!important;border:1px solid #30403b!important;border-radius:18px!important}
#quick-dialog:has(.quick-photo-form) .dialog-head{position:relative;align-items:center;margin:0!important;padding:20px 76px 20px 22px!important;border-bottom:1px solid #27332f!important}#quick-dialog:has(.quick-photo-form) .dialog-head small{display:none!important}#quick-dialog:has(.quick-photo-form) .dialog-head h3{margin:0!important;font-size:23px!important;line-height:1.2!important;text-transform:capitalize}#quick-dialog:has(.quick-photo-form) .dialog-head>.dialog-close{position:absolute!important;top:50%!important;right:20px!important;left:auto!important;transform:translateY(-50%)!important;width:38px!important;height:38px!important;border:1px solid #3a4844!important;border-radius:10px!important;background:#151d1b!important;color:#f2f6f4!important}
#quick-dialog:has(.quick-photo-form) #quick-body{padding:20px 22px!important}.quick-photo-form{display:grid;gap:16px}.quick-photo-form .quick-upload-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0;padding-top:3px}.quick-photo-form .quick-upload-actions button{height:44px!important;min-height:44px!important;padding:0 18px!important;border-radius:9px!important;white-space:nowrap!important}.quick-photo-form .quick-upload-actions .secondary{min-width:112px!important;font-size:13px!important;font-weight:700!important}.quick-photo-form .quick-upload-actions .upload-submit{min-width:160px!important;background:#0d6e5f!important;color:#fff!important;border-color:#229b86!important;font-weight:800!important}.quick-photo-form .upload-submit:disabled{opacity:.45!important;cursor:not-allowed!important}
@media(max-width:600px){.upload-dialog header h3,#quick-dialog:has(.quick-photo-form) .dialog-head h3{font-size:19px!important;white-space:normal}#quick-dialog:has(.quick-photo-form){padding:0!important;align-items:flex-end!important}#quick-dialog:has(.quick-photo-form)>.dialog{width:100%!important;max-height:92dvh!important;border-radius:18px 18px 0 0!important;border-bottom:0!important}#quick-dialog:has(.quick-photo-form) #quick-body{padding:16px!important}.quick-photo-form .quick-upload-actions button{flex:1!important;min-width:0!important}}

/* Quick-edit dialogs: keep secondary and primary actions visually balanced. */
#quick-dialog .quick-form:not(.quick-photo-form) .dialog-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important}
#quick-dialog .quick-form:not(.quick-photo-form) .dialog-actions>button{width:auto!important;min-width:104px!important;height:44px!important;min-height:44px!important;padding:0 20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:13px!important;font-weight:750!important;line-height:1!important}
#quick-dialog .quick-form:not(.quick-photo-form) .dialog-actions>.secondary{background:#17211f!important;color:#e3ebe8!important;border:1px solid #46534f!important}
@media(max-width:600px){#quick-dialog .quick-form:not(.quick-photo-form) .dialog-actions>button{flex:1 1 0!important;width:100%!important;min-width:0!important}}

/* Design 3 — desktop-only material detail presentation. */
.detail-v3-hero,.detail-v3-meta,.detail-v3-steps{display:none}
@media(min-width:951px){
  body:has(.detail-v3-hero){background:#07100f!important;color:#edf3f1!important}
  body:has(.detail-v3-hero) main{width:min(1440px,calc(100% - 48px))!important;max-width:1440px!important;padding-bottom:70px!important;background:transparent!important}
  body:has(.detail-v3-hero) .detail-return{position:relative!important;z-index:5!important;margin:76px 0 12px!important}
  body:has(.detail-v3-hero) .detail-return button{background:#101917!important;color:#dce6e2!important;border-color:#2d3b37!important;box-shadow:none!important}
  body:has(.detail-v3-hero) .detail-return small{color:#72827d!important}
  body:has(.detail-v3-hero) .detail-hero,body:has(.detail-v3-hero) .field-origin-bar{display:none!important}
  .detail-v3-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:stretch;min-height:288px;overflow:hidden;border:1px solid #293a36;border-radius:14px;background:linear-gradient(90deg,rgba(3,12,13,.96) 0%,rgba(5,17,19,.86) 48%,rgba(5,19,21,.55) 100%),url('/static/brand/fasad-hero-v1.webp') center 58%/cover no-repeat;box-shadow:0 22px 60px rgba(0,0,0,.22)}
  .detail-v3-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 62%,rgba(69,209,181,.06));pointer-events:none}
  .detail-v3-primary{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:32px 38px}.detail-v3-back{position:absolute;top:26px;left:38px;color:#8fa39d!important;font-size:11px!important}.detail-v3-primary>small{color:#8ba09a;font-size:10px;letter-spacing:.18em}.detail-v3-status{width:max-content;margin:10px 0 12px;padding:5px 8px;border:1px solid #297e70;border-radius:4px;background:rgba(21,116,99,.18);color:#74d6c1;font-size:9px;font-weight:800;letter-spacing:.12em}.detail-v3-primary h1{max-width:760px;margin:0;color:#f4f7f6!important;font-size:clamp(34px,3.2vw,54px);font-weight:500;line-height:1.02;letter-spacing:-.045em}.detail-v3-primary p{max-width:650px;margin:12px 0 0;color:#b3c0bc!important;font-size:14px;line-height:1.55}
  .detail-v3-summary{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-self:center;margin:28px 30px 28px 0;padding:5px 22px;background:rgba(5,14,15,.88);border:1px solid #33433f;border-radius:12px;backdrop-filter:blur(10px)}.detail-v3-summary>div{min-width:0;padding:18px 12px;border-bottom:1px solid #26332f}.detail-v3-summary>div:nth-last-child(-n+2){border-bottom:0}.detail-v3-summary dt{color:#70837d;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.detail-v3-summary dd{overflow:hidden;margin:7px 0 0;color:#f0f5f3;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
  .detail-v3-meta{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border:1px solid #273632;border-radius:10px;background:#0c1513}.detail-v3-meta>div{min-width:0;padding:15px 20px;border-right:1px solid #273632}.detail-v3-meta>div:last-child{border-right:0}.detail-v3-meta small,.detail-v3-meta strong{display:block}.detail-v3-meta small{color:#6f817b;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.detail-v3-meta strong{overflow:hidden;margin-top:6px;color:#dde7e3;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
  .detail-v3-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:14px 0 18px;padding:18px 20px;border:1px solid #273632;border-radius:10px;background:#0b1412}.detail-v3-steps>div{position:relative;display:flex;align-items:center;gap:11px;min-width:0}.detail-v3-steps>div:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(32px + 11px);right:10px;height:1px;background:#30413c}.detail-v3-steps i{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #3a4945;border-radius:50%;background:#111b18;color:#71817c;font-size:11px;font-style:normal}.detail-v3-steps .done i{border-color:#238e7c;background:#123a32;color:#7ee0cb}.detail-v3-steps .current i{border-color:#b18a43;color:#e0bf78}.detail-v3-steps span{position:relative;z-index:1;min-width:0;padding-right:9px;background:#0b1412}.detail-v3-steps b,.detail-v3-steps small{display:block}.detail-v3-steps b{color:#dce5e2;font-size:11px}.detail-v3-steps small{overflow:hidden;margin-top:3px;color:#6f817b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
  .detail-v3-steps{position:relative!important;padding:18px 24px 16px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:0!important}.detail-v3-steps:before{content:"";position:absolute;z-index:0;top:36px;left:12.5%;right:12.5%;height:1px;background:#30413c}.detail-v3-steps>div,.detail-v3-steps>div:nth-child(2),.detail-v3-steps>div:nth-child(3),.detail-v3-steps>div:last-child{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;text-align:center!important}.detail-v3-steps>div:after{display:none!important}.detail-v3-steps i{width:36px!important;height:36px!important;flex:0 0 36px!important;font-size:12px!important;box-shadow:0 0 0 7px #0b1412!important}.detail-v3-steps span,.detail-v3-steps>div:last-child span{width:100%!important;min-width:0!important;padding:0 10px!important;background:transparent!important}.detail-v3-steps b{font-size:13px!important;line-height:1.25!important}.detail-v3-steps small{max-width:260px!important;margin:5px auto 0!important;font-size:9.5px!important;line-height:1.4!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
  body:has(.detail-v3-hero) .detail-layout{grid-template-columns:minmax(0,1.62fr) minmax(360px,.88fr)!important;gap:18px!important;align-items:start!important}
  body:has(.detail-v3-hero) .document-workspace,body:has(.detail-v3-hero) .record-editor,body:has(.detail-v3-hero) .record-history{background:#0d1715!important;color:#eaf0ee!important;border:1px solid #2a3935!important;border-radius:12px!important;box-shadow:none!important}
  body:has(.detail-v3-hero) .document-workspace{padding:22px!important}body:has(.detail-v3-hero) .record-editor{top:82px!important;padding:22px!important}
  body:has(.detail-v3-hero) .workspace-title,body:has(.detail-v3-hero) .editor-head{border-color:#293632!important}body:has(.detail-v3-hero) :is(.workspace-title,.editor-head) small{color:#55bca8!important}body:has(.detail-v3-hero) :is(.workspace-title,.editor-head) h2{color:#edf3f1!important}body:has(.detail-v3-hero) .workspace-title>span{background:#17221f!important;color:#9aaba5!important}
  body:has(.detail-v3-hero) .document-group{padding:19px 0!important;border-color:#26332f!important}body:has(.detail-v3-hero) .group-heading h3{color:#e2eae7!important}body:has(.detail-v3-hero) .group-heading p,body:has(.detail-v3-hero) .group-heading>span{color:#7f8f89!important}body:has(.detail-v3-hero) .group-icon{background:#152722!important}
  body:has(.detail-v3-hero) .document-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}body:has(.detail-v3-hero) .document-card{background:#101a18!important;border-color:#2b3935!important;border-radius:9px!important}body:has(.detail-v3-hero) .document-image{height:190px!important;background:#07100f!important}body:has(.detail-v3-hero) .document-image img{object-fit:cover!important;background:#07100f!important}body:has(.detail-v3-hero) .document-info strong{color:#e2e9e7!important}body:has(.detail-v3-hero) .group-empty{min-height:105px!important;background:#0a1311!important;border-color:#34443f!important;color:#81918b!important}
  body:has(.detail-v3-hero) .editor-head p,body:has(.detail-v3-hero) .record-editor label{color:#84938e!important}body:has(.detail-v3-hero) .record-editor input,body:has(.detail-v3-hero) .record-editor select,body:has(.detail-v3-hero) .record-editor textarea{background:#0a1211!important;color:#edf3f1!important;border-color:#34423e!important}body:has(.detail-v3-hero) .record-editor input:focus,body:has(.detail-v3-hero) .record-editor select:focus,body:has(.detail-v3-hero) .record-editor textarea:focus{background:#0d1815!important;border-color:#2b9d89!important}
  body:has(.detail-v3-hero) .record-editor form.readonly :is(input,select,textarea),body:has(.detail-v3-hero) .record-editor form.field-limited :is(input[readonly],select[disabled],textarea[readonly]){min-height:34px!important;padding:5px 0!important;border:0!important;border-bottom:1px solid #283631!important;border-radius:0!important;background:transparent!important;color:#e5ece9!important;box-shadow:none!important;opacity:1!important}
  body:has(.detail-v3-hero) .record-history{max-width:none!important;margin:18px 0 70px!important;padding:22px!important}body:has(.detail-v3-hero) .history-head h2,body:has(.detail-v3-hero) .history-list strong{color:#e7eeeb!important}body:has(.detail-v3-hero) .history-head p,body:has(.detail-v3-hero) .history-list small,body:has(.detail-v3-hero) .history-list time{color:#798a84!important}body:has(.detail-v3-hero) .history-list,body:has(.detail-v3-hero) .history-list article{border-color:#26342f!important}

  html[data-theme="light"] body:has(.detail-v3-hero){background:#eef1ee!important;color:#17221f!important}
  html[data-theme="light"] body:has(.detail-v3-hero) .detail-return button{background:#fff!important;color:#26332f!important;border-color:#cdd8d4!important}
  html[data-theme="light"] body:has(.detail-v3-hero) .detail-return small{color:#75847f!important}
  html[data-theme="light"] .detail-v3-meta,html[data-theme="light"] .detail-v3-steps{background:#fff!important;border-color:#d3ddd9!important}
  html[data-theme="light"] .detail-v3-meta>div{border-color:#d9e1de!important}html[data-theme="light"] .detail-v3-meta small{color:#75847f!important}html[data-theme="light"] .detail-v3-meta strong{color:#1e2a26!important}
  html[data-theme="light"] .detail-v3-steps:before{background:#cbd7d2!important}html[data-theme="light"] .detail-v3-steps i{background:#f4f7f5!important;border-color:#cbd6d2!important;color:#65756f!important;box-shadow:0 0 0 7px #fff!important}html[data-theme="light"] .detail-v3-steps .done i{background:#e4f5f0!important;border-color:#47a994!important;color:#147765!important}html[data-theme="light"] .detail-v3-steps .current i{border-color:#bd9449!important;color:#976f27!important}html[data-theme="light"] .detail-v3-steps span{background:transparent!important}html[data-theme="light"] .detail-v3-steps b{color:#24312d!important}html[data-theme="light"] .detail-v3-steps small{color:#778680!important}
  html[data-theme="light"] body:has(.detail-v3-hero) .document-workspace,html[data-theme="light"] body:has(.detail-v3-hero) .record-editor,html[data-theme="light"] body:has(.detail-v3-hero) .record-history{background:#fff!important;color:#1c2824!important;border-color:#d2dcd8!important}
  html[data-theme="light"] body:has(.detail-v3-hero) .workspace-title,html[data-theme="light"] body:has(.detail-v3-hero) .editor-head{border-color:#e0e6e3!important}html[data-theme="light"] body:has(.detail-v3-hero) :is(.workspace-title,.editor-head) h2{color:#1f2b27!important}html[data-theme="light"] body:has(.detail-v3-hero) .workspace-title>span{background:#eff3f1!important;color:#687872!important}
  html[data-theme="light"] body:has(.detail-v3-hero) .document-group{border-color:#e2e8e5!important}html[data-theme="light"] body:has(.detail-v3-hero) .group-heading h3{color:#26332f!important}html[data-theme="light"] body:has(.detail-v3-hero) .group-heading p,html[data-theme="light"] body:has(.detail-v3-hero) .group-heading>span{color:#7a8983!important}html[data-theme="light"] body:has(.detail-v3-hero) .group-icon{background:#edf5f2!important}
  html[data-theme="light"] body:has(.detail-v3-hero) .document-card{background:#fff!important;border-color:#d7e0dc!important}html[data-theme="light"] body:has(.detail-v3-hero) .document-image{background:#edf2f0!important}html[data-theme="light"] body:has(.detail-v3-hero) .document-image img{background:#edf2f0!important}html[data-theme="light"] body:has(.detail-v3-hero) .document-info strong{color:#26332f!important}html[data-theme="light"] body:has(.detail-v3-hero) .group-empty{background:#f8faf9!important;border-color:#cfdad6!important;color:#788781!important}
  html[data-theme="light"] body:has(.detail-v3-hero) .editor-head p,html[data-theme="light"] body:has(.detail-v3-hero) .record-editor label{color:#66766f!important}html[data-theme="light"] body:has(.detail-v3-hero) .record-editor input,html[data-theme="light"] body:has(.detail-v3-hero) .record-editor select,html[data-theme="light"] body:has(.detail-v3-hero) .record-editor textarea{background:#f7f9f8!important;color:#1d2925!important;border-color:#ccd7d3!important}
  html[data-theme="light"] body:has(.detail-v3-hero) .record-editor form.readonly :is(input,select,textarea),html[data-theme="light"] body:has(.detail-v3-hero) .record-editor form.field-limited :is(input[readonly],select[disabled],textarea[readonly]){background:transparent!important;color:#26332f!important;border-bottom-color:#d7e0dc!important}
  html[data-theme="light"] body:has(.detail-v3-hero) .history-head h2,html[data-theme="light"] body:has(.detail-v3-hero) .history-list strong{color:#26332f!important}html[data-theme="light"] body:has(.detail-v3-hero) .history-head p,html[data-theme="light"] body:has(.detail-v3-hero) .history-list small,html[data-theme="light"] body:has(.detail-v3-hero) .history-list time{color:#74837d!important}html[data-theme="light"] body:has(.detail-v3-hero) .history-list,html[data-theme="light"] body:has(.detail-v3-hero) .history-list article{border-color:#e1e7e4!important}
}

/* Delete confirmation always lives above the detail-page blur layer. */
#file-delete-dialog{position:fixed!important;inset:0!important;z-index:5200!important;align-items:center!important;justify-content:center!important;padding:20px!important}
#file-delete-dialog.open{display:flex!important}#file-delete-dialog>.dialog{position:relative!important;inset:auto!important;margin:auto!important;transform:none!important;visibility:visible!important;opacity:1!important}

/* Mobile material detail: theme-safe surfaces and readable record header. */
@media(max-width:950px){
  html[data-theme="light"] body:has(.detail-v3-hero) .detail-hero{background:linear-gradient(145deg,#e5e9e5,#d8dfdb)!important;color:#17231f!important;border:1px solid #c6d1cc!important}
  html[data-theme="light"] body:has(.detail-v3-hero) .detail-hero:before{border-color:rgba(24,48,41,.1)!important;box-shadow:60px 0 0 rgba(24,48,41,.035)!important}
  html[data-theme="light"] body:has(.detail-v3-hero) .detail-hero a{color:#35685c!important}html[data-theme="light"] body:has(.detail-v3-hero) .detail-kicker{color:#397a6b!important}html[data-theme="light"] body:has(.detail-v3-hero) .detail-hero h1{color:#14211d!important}html[data-theme="light"] body:has(.detail-v3-hero) .detail-hero p{color:#5e706a!important}
  html[data-theme="dark"] body:has(.detail-v3-hero) .detail-hero{background:linear-gradient(135deg,#071416,#10252a)!important;color:#f0f5f3!important;border-color:#2a3b3e!important}html[data-theme="dark"] body:has(.detail-v3-hero) .detail-hero h1{color:#f0f5f3!important}html[data-theme="dark"] body:has(.detail-v3-hero) .detail-hero p,html[data-theme="dark"] body:has(.detail-v3-hero) .detail-hero a{color:#9eb1ac!important}
  html[data-theme="light"] body:has(.detail-v3-hero) :is(.document-workspace,.record-editor,.record-history){background:#f5f6f3!important;color:#1b2824!important;border-color:#cbd5d0!important}html[data-theme="light"] body:has(.detail-v3-hero) :is(.workspace-title,.editor-head,.group-heading,.history-head) h2,html[data-theme="light"] body:has(.detail-v3-hero) .group-heading h3{color:#1b2824!important}html[data-theme="light"] body:has(.detail-v3-hero) :is(.group-heading p,.editor-head p,.record-editor label){color:#65746e!important}
  html[data-theme="dark"] body:has(.detail-v3-hero) :is(.document-workspace,.record-editor,.record-history){background:#0d1715!important;color:#eaf0ee!important;border-color:#2a3935!important}html[data-theme="dark"] body:has(.detail-v3-hero) :is(.workspace-title,.editor-head,.group-heading,.history-head) h2,html[data-theme="dark"] body:has(.detail-v3-hero) .group-heading h3{color:#eaf0ee!important}html[data-theme="dark"] body:has(.detail-v3-hero) :is(.group-heading p,.editor-head p,.record-editor label){color:#8c9b96!important}html[data-theme="dark"] body:has(.detail-v3-hero) .document-card{background:#101a18!important;border-color:#2b3935!important}html[data-theme="dark"] body:has(.detail-v3-hero) .document-info strong{color:#e2e9e7!important}html[data-theme="dark"] body:has(.detail-v3-hero) :is(input,select,textarea){background:#0a1211!important;color:#edf3f1!important;border-color:#34423e!important}
  .drawer-top{position:relative!important;align-items:flex-start!important}.drawer-top>button#drawer-close{position:static!important;inset:auto!important;align-self:flex-start!important;flex:0 0 44px!important;margin:0 0 0 auto!important;display:grid!important;place-items:center!important;transform:none!important;line-height:1!important}
  .drawer-overlay.open{display:block!important;pointer-events:auto!important;touch-action:none!important}
}

/* Optical centering for the drawer close glyph on every viewport. */
.drawer-top>button#drawer-close{position:relative!important;display:block!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex-basis:36px!important;padding:0!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
.drawer-top>button#drawer-close:before{content:"×";position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);display:block;color:currentColor;font:400 20px/1 Arial,sans-serif;text-align:center}

/* Facade rails and their project signs belong to the desktop dashboard only. */
@media(max-width:1199px){
  body>.dashboard-facade-canvas{display:none!important}
}

/* Mobile notifications: one clear action surface, status anchored bottom-right. */
.push-install-step[hidden],.push-choice-step[hidden]{display:none!important}
.push-install-step h2,.push-choice-step h2{margin:9px 0 10px!important;color:#fff!important;font:450 27px/1.15 var(--brand-display)!important;letter-spacing:-.035em!important}
.push-install-step p,.push-choice-step p{color:#aebdb8!important;font-size:12px!important;line-height:1.6!important}
.push-install-actions{display:grid!important;gap:9px!important;margin-top:22px!important}.push-install-actions button{width:100%!important}
.push-install-note{display:block!important;margin-top:12px!important;padding:11px 12px!important;border:1px solid rgba(90,216,187,.25)!important;border-radius:9px!important;background:rgba(20,146,124,.1)!important;color:#b9cbc6!important;font-size:11px!important;line-height:1.5!important}
html[data-theme="light"] .push-install-step h2,html[data-theme="light"] .push-choice-step h2{color:#17231f!important}
html[data-theme="light"] .push-install-step p,html[data-theme="light"] .push-choice-step p,html[data-theme="light"] .push-install-note{color:#566860!important}
@media(max-width:700px){
  .notifications-page .notification-list{
    display:grid!important;gap:12px!important;padding:0!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  .notifications-page .notification-item{
    position:relative!important;display:block!important;min-height:0!important;
    margin:0!important;padding:16px 16px 43px!important;overflow:hidden!important;
    border-radius:15px!important;box-shadow:none!important;
  }
  .notifications-page .notification-item>form:first-child{display:none!important}
  .notifications-page .notification-item>form:nth-child(2){display:block!important;width:100%!important;margin:0!important}
  .notifications-page .notification-open{
    display:block!important;width:100%!important;padding:0!important;
    text-align:left!important;background:transparent!important;
  }
  .notifications-page .notification-open strong{display:block!important;padding-right:4px!important;font-size:14px!important;line-height:1.35!important}
  .notifications-page .notification-open p{margin:7px 0 8px!important;font-size:12px!important;line-height:1.48!important}
  .notifications-page .notification-open small{display:block!important;font-size:10px!important;line-height:1.3!important}
  .notifications-page .read-state{
    position:absolute!important;right:14px!important;bottom:11px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:58px!important;min-height:24px!important;padding:3px 9px!important;
    border-radius:999px!important;font-size:9px!important;font-weight:750!important;
    line-height:1!important;letter-spacing:.025em!important;
  }
  html[data-theme="light"] body .notifications-page .notification-item{
    background:#f3f5f2!important;border-color:#d7ded9!important;color:#25312d!important;
  }
  html[data-theme="light"] body .notifications-page .notification-item.unread{
    background:#fff!important;border-color:#91cbbd!important;
    box-shadow:inset 3px 0 #15957d,0 5px 16px rgba(28,51,44,.055)!important;
  }
  html[data-theme="light"] body .notifications-page .notification-item:not(.unread) .notification-open strong{color:#35423e!important}
  html[data-theme="light"] body .notifications-page .notification-item:not(.unread) .notification-open p{color:#71807a!important}
  html[data-theme="light"] body .notifications-page .notification-item:not(.unread) .notification-open small{color:#88948f!important}
  html[data-theme="light"] body .notifications-page .notification-item:not(.unread) .read-state{
    background:#e4e9e6!important;border-color:#d0d8d4!important;color:#596963!important;
  }
  html[data-theme="light"] body .notifications-page .notification-item.unread .read-state{
    background:#dff5ee!important;border-color:#a7dccc!important;color:#087763!important;
  }
  html[data-theme="dark"] body .notifications-page .notification-item{
    background:#101715!important;border-color:#293733!important;color:#dce5e1!important;
  }
  html[data-theme="dark"] body .notifications-page .notification-item.unread{
    background:#13211e!important;border-color:#35695f!important;
    box-shadow:inset 3px 0 #42b79d,0 6px 18px rgba(0,0,0,.14)!important;
  }
  html[data-theme="dark"] body .notifications-page .notification-item:not(.unread) .notification-open strong{color:#d5dedb!important}
  html[data-theme="dark"] body .notifications-page .notification-item:not(.unread) .notification-open p{color:#879791!important}
  html[data-theme="dark"] body .notifications-page .notification-item:not(.unread) .notification-open small{color:#6f817a!important}
  html[data-theme="dark"] body .notifications-page .notification-item:not(.unread) .read-state{
    background:#1b2825!important;border-color:#30413c!important;color:#a8b6b1!important;
  }
  html[data-theme="dark"] body .notifications-page .notification-item.unread .read-state{
    background:#153c34!important;border-color:#2d6b5e!important;color:#6bdec4!important;
  }
}

/* Mobile viewer date controls stay inside the card on narrow Safari screens. */
@media(max-width:700px){
  body .viewer-date-bar{
    display:grid!important;grid-template-columns:minmax(0,1fr) 68px!important;
    grid-template-rows:auto 48px auto!important;align-items:stretch!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin-inline:0!important;padding:14px!important;gap:10px!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }
  body .viewer-date-bar>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  body .viewer-date-bar>label{
    display:block!important;grid-column:1/-1!important;grid-row:1!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
  }
  body .viewer-date-bar>label>span{display:block!important;margin-bottom:7px!important}
  body .viewer-date-bar>label>input[type="date"]{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
    height:48px!important;margin:0!important;padding-inline:12px!important;
    box-sizing:border-box!important;-webkit-appearance:none!important;appearance:none!important;
  }
  body .viewer-date-bar>button:not(.filter-trigger){
    grid-column:1!important;grid-row:2!important;width:100%!important;height:48px!important;margin:0!important;
  }
  body .viewer-date-bar>.viewer-filter-trigger{
    grid-column:2!important;grid-row:2!important;justify-self:stretch!important;
    width:68px!important;max-width:68px!important;height:48px!important;margin:0!important;
  }
  body .viewer-date-bar>a{
    grid-column:1/-1!important;grid-row:3!important;width:max-content!important;
    justify-self:center!important;margin:0!important;padding:0 12px!important;
  }
}

/* Login V25 — one photographic stage and one token-driven glass component. */
body:has(.login-v18){
  --login-bg:#071011;
  --login-overlay:linear-gradient(90deg,rgba(3,11,14,.53) 0%,rgba(5,15,17,.18) 48%,rgba(3,10,12,.38) 100%);
  --login-panel:rgba(7,16,17,.18);
  --login-border:rgba(235,244,241,.78);
  --login-text:#f3f7f5;
  --login-text-muted:#a9bab5;
  --login-input:rgba(25,40,42,.38);
  --login-input-border:rgba(224,238,234,.30);
  --login-accent:#55d3b8;
  --login-shadow:0 24px 70px rgba(0,0,0,.16);
  min-height:100dvh!important;background:var(--login-bg)!important;
}
html[data-theme="light"] body:has(.login-v18){
  --login-bg:#dce5e3;
  --login-overlay:linear-gradient(90deg,rgba(229,237,235,.42) 0%,rgba(232,239,237,.16) 48%,rgba(220,229,226,.38) 100%);
  --login-panel:rgba(246,248,245,.42);
  --login-border:rgba(255,255,255,.72);
  --login-text:#15231f;
  --login-text-muted:#536760;
  --login-input:rgba(255,255,255,.46);
  --login-input-border:rgba(24,57,49,.20);
  --login-accent:#087e69;
  --login-shadow:0 28px 80px rgba(18,48,40,.18);
}
body .login-v18{
  position:relative!important;isolation:isolate!important;display:block!important;
  width:100%!important;min-height:100dvh!important;overflow:hidden!important;
  background-color:var(--login-bg)!important;
  background-image:var(--login-overlay),url('/static/brand/login-project-bell-wide-v2.png')!important;
  background-repeat:no-repeat!important;background-size:cover!important;background-position:center 52%!important;
  color:var(--login-text)!important;
}
body .login-v18:before{
  content:"FASAD\A STROY"!important;position:absolute!important;z-index:0!important;
  left:5.5vw!important;top:9vh!important;white-space:pre!important;
  color:color-mix(in srgb,var(--login-text) 5%,transparent)!important;
  font:700 clamp(92px,12vw,190px)/.76 var(--brand-display)!important;
  letter-spacing:-.085em!important;pointer-events:none!important;
}
body .login-brand-panel{
  position:absolute!important;z-index:1!important;inset:0!important;display:flex!important;
  flex-direction:column!important;justify-content:space-between!important;
  padding:clamp(34px,5vh,62px) 5.6vw clamp(36px,6vh,62px)!important;
  background:none!important;animation:none!important;pointer-events:none!important;
}
body .login-brand-panel:before,body .login-brand-panel:after{display:none!important}
body .login-brand-panel>img{display:none!important}
body .login-brand-copy{width:min(49vw,720px)!important;margin-top:auto!important;margin-bottom:clamp(30px,6vh,78px)!important}
body .login-brand-copy small,body .login-form-wrap>small{color:var(--login-accent)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.2em!important}
body .login-brand-copy h1{margin:18px 0 22px!important;color:var(--login-text)!important;font-size:clamp(48px,4.6vw,76px)!important;line-height:1.04!important;font-weight:300!important}
body .login-brand-copy h1 em{color:var(--login-accent)!important}
body .login-brand-copy p{max-width:590px!important;color:var(--login-text-muted)!important;font-size:16px!important;line-height:1.55!important}
body .login-proof{display:grid!important;grid-template-columns:repeat(3,minmax(0,210px))!important;gap:12px!important;width:min(49vw,670px)!important}
body .login-proof span{padding:18px 20px!important;border:1px solid var(--login-border)!important;border-radius:10px!important;background:color-mix(in srgb,var(--login-panel) 62%,transparent)!important;color:var(--login-text-muted)!important;backdrop-filter:blur(10px)!important}
body .login-proof b{color:var(--login-text)!important}
body .login-form-panel{
  position:absolute!important;z-index:3!important;top:50%!important;right:clamp(38px,6vw,116px)!important;
  display:block!important;width:clamp(420px,32vw,500px)!important;min-height:0!important;
  padding:0!important;background:transparent!important;color:var(--login-text)!important;
  transform:translateY(-50%)!important;
}
body .login-form-wrap{
  width:100%!important;padding:42px 42px 36px!important;box-sizing:border-box!important;
  border:1px solid var(--login-border)!important;border-radius:22px!important;
  background:var(--login-panel)!important;color:var(--login-text)!important;
  box-shadow:var(--login-shadow)!important;backdrop-filter:blur(5px) saturate(104%)!important;
  -webkit-backdrop-filter:blur(5px) saturate(104%)!important;
}

/* The reference uses an outline panel, not a dark card: let the facade show through. */
body .login-v18 .login-form-wrap{
  background-color:transparent!important;
  background-image:linear-gradient(135deg,rgba(5,16,18,.09),rgba(5,14,16,.025))!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:0 20px 55px rgba(0,0,0,.10)!important;
}
html[data-theme="light"] body .login-v18 .login-form-wrap{
  background-color:transparent!important;
  background-image:linear-gradient(135deg,rgba(247,250,248,.24),rgba(247,250,248,.07))!important;
  box-shadow:0 20px 55px rgba(22,49,42,.08)!important;
}

@media(min-width:701px){
  body .login-v18 .login-form-wrap{
    background:rgba(4,14,16,.27)!important;background-image:none!important;
    background-attachment:initial!important;
    backdrop-filter:blur(2px) saturate(102%)!important;
    -webkit-backdrop-filter:blur(2px) saturate(102%)!important;
  }
  html[data-theme="light"] body .login-v18 .login-form-wrap{
    background:rgba(244,248,245,.38)!important;background-image:none!important;
  }
}
body .login-form-wrap h2{margin:13px 0 12px!important;color:var(--login-text)!important;font-size:clamp(34px,3vw,45px)!important;line-height:1.08!important;font-weight:350!important}
body .login-form-wrap h2:after{content:none!important}
body .login-form-wrap h2 span{display:inline!important}
body .login-form-wrap>p{display:block!important;margin:0 0 28px!important;color:var(--login-text-muted)!important;font-size:14px!important;line-height:1.5!important}
body .login-form-wrap label{display:block!important;margin:0 0 16px!important;color:var(--login-text)!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important}
body .login-form-wrap input{
  width:100%!important;min-height:54px!important;margin-top:8px!important;padding:0 16px!important;
  box-sizing:border-box!important;border:1px solid var(--login-input-border)!important;border-radius:10px!important;
  background:var(--login-input)!important;color:var(--login-text)!important;font-size:15px!important;
}
body .login-form-wrap input::placeholder{color:color-mix(in srgb,var(--login-text-muted) 78%,transparent)!important}
body .login-form-wrap input:focus{border-color:var(--login-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--login-accent) 18%,transparent)!important}
body .login-options{margin:-2px 0 20px!important}
body .login-options a,body .signup-line a{color:var(--login-accent)!important;font-size:12px!important;font-weight:650!important}
body .login-submit{min-height:54px!important;border-radius:10px!important;background:linear-gradient(105deg,#087f6d,#159b83)!important;color:#fff!important;font-size:15px!important;font-weight:750!important}
body .login-form-wrap .signup-line{display:flex!important;justify-content:center!important;gap:8px!important;margin-top:22px!important;color:var(--login-text-muted)!important;font-size:12px!important}
body .auth-toolbar{position:absolute!important;z-index:5!important;top:22px!important;right:24px!important;bottom:auto!important;left:auto!important;display:flex!important;gap:8px!important}
body .auth-toolbar>button,body .language-switch{
  border:1px solid var(--login-border)!important;border-radius:10px!important;
  background:var(--login-panel)!important;color:var(--login-text)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
body .auth-toolbar>button{width:44px!important;height:44px!important}
body .language-switch{height:44px!important;padding:4px!important}
body .language-switch button{min-width:38px!important;min-height:34px!important;color:var(--login-text-muted)!important}
body .language-switch .active{background:var(--login-text)!important;color:var(--login-bg)!important}

@media(max-width:1100px) and (min-width:701px){
  body .login-brand-copy{width:45vw!important}
  body .login-brand-copy h1{font-size:44px!important}
  body .login-proof{display:none!important}
  body .login-form-panel{right:34px!important;width:410px!important}
  body .login-form-wrap{padding:36px 34px 32px!important}
}

@media(max-width:700px){
  body:has(.login-v18){overflow-x:hidden!important;overflow-y:auto!important}
  body:has(.login-v18) main{min-height:100dvh!important}
  body .login-v18{
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:100dvh!important;height:auto!important;padding:max(76px,calc(env(safe-area-inset-top) + 62px)) 14px max(28px,env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;overflow:visible!important;
    background-image:linear-gradient(180deg,rgba(3,11,14,.28),rgba(4,13,15,.46) 52%,rgba(4,12,13,.62)),url('/static/brand/login-project-bell-wide-v2.png')!important;
    background-position:47% center!important;background-size:cover!important;
  }
  html[data-theme="light"] body .login-v18{
    background-image:linear-gradient(180deg,rgba(238,244,241,.22),rgba(229,237,233,.34) 55%,rgba(224,233,229,.50)),url('/static/brand/login-project-bell-wide-v2.png')!important;
  }
  body .login-v18:before{display:none!important}
  body .login-v18:after{
    content:"FASAD STROY"!important;display:block!important;position:absolute!important;
    z-index:4!important;left:16px!important;top:max(24px,env(safe-area-inset-top))!important;
    color:var(--login-text)!important;font:650 14px/1 var(--brand-display)!important;
    letter-spacing:.13em!important;pointer-events:none!important;
  }
  body .login-brand-panel{display:none!important}
  body .login-form-panel{
    position:relative!important;inset:auto!important;display:block!important;
    width:min(100%,430px)!important;margin:0 auto!important;padding:0!important;
    transform:none!important;background:transparent!important;
  }
  body .login-form-wrap{
    width:100%!important;padding:23px 22px 21px!important;border-radius:18px!important;
    background:var(--login-panel)!important;box-shadow:var(--login-shadow)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  body .login-form-wrap>small{display:block!important;font-size:9px!important}
  body .login-form-wrap h2{margin:10px 0 9px!important;font-size:32px!important;line-height:1.08!important}
  body .login-form-wrap h2 span{display:inline!important}
  body .login-form-wrap>p{display:block!important;margin:0 0 19px!important;font-size:13px!important;line-height:1.45!important}
  body .login-form-wrap label{margin-bottom:12px!important;font-size:12px!important}
  body .login-form-wrap input{min-height:50px!important;margin-top:6px!important;font-size:16px!important}
  body .login-options{margin:-1px 0 14px!important}
  body .login-submit{min-height:52px!important}
  body .login-form-wrap .signup-line{display:flex!important;margin-top:16px!important;font-size:12px!important}
  body .auth-toolbar{
    position:absolute!important;top:max(14px,env(safe-area-inset-top))!important;right:12px!important;
    bottom:auto!important;left:auto!important;width:auto!important;gap:6px!important;
  }
  body .auth-toolbar>button{width:42px!important;height:42px!important}
  body .language-switch{height:42px!important}
  body .language-switch button{min-width:34px!important;min-height:32px!important;padding-inline:5px!important}
}

@media(max-width:360px){
  body .login-v18{padding-inline:12px!important}
  body .login-v18:after{font-size:12px!important;letter-spacing:.1em!important}
  body .login-form-wrap{padding:20px 17px 18px!important}
  body .login-form-wrap h2{font-size:29px!important}
  body .login-form-wrap>p{font-size:12px!important}
  body .language-switch button{min-width:30px!important}
}

@media(max-height:700px) and (max-width:700px){
  body .login-v18{align-items:flex-start!important;padding-top:max(68px,calc(env(safe-area-inset-top) + 56px))!important}
  body .login-form-wrap{padding-block:18px!important}
  body .login-form-wrap h2{font-size:28px!important}
  body .login-form-wrap>p{margin-bottom:14px!important}
  body .login-form-wrap input{min-height:46px!important}
  body .login-submit{min-height:48px!important}
}

@media(prefers-reduced-motion:reduce){body .login-v18,body .login-brand-panel{animation:none!important}}

/* Registration shares the login photography and the same single-layer glass language. */
body:has(.register-glass-page){
  min-height:100dvh!important;padding:0!important;overflow-x:hidden!important;
  background:#071011!important;
  background-image:linear-gradient(90deg,rgba(3,11,14,.48),rgba(4,13,15,.20) 52%,rgba(3,10,12,.40)),url('/static/brand/login-project-bell-wide-v2.png')!important;
  background-repeat:no-repeat!important;background-size:cover!important;background-position:center 52%!important;background-attachment:fixed!important;
  color:#f3f7f5!important;
}
body:has(.register-glass-page) main{
  display:grid!important;place-items:center!important;width:100%!important;max-width:none!important;
  min-height:100dvh!important;margin:0!important;padding:34px 18px!important;box-sizing:border-box!important;
}
body .standalone-form.register-glass-page{
  width:min(560px,calc(100vw - 36px))!important;max-height:calc(100dvh - 68px)!important;
  margin:0!important;padding:32px 34px!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;
  border:1px solid rgba(235,244,241,.72)!important;border-radius:22px!important;
  background:rgba(4,14,16,.28)!important;color:#f3f7f5!important;
  box-shadow:0 24px 70px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(3px) saturate(102%)!important;-webkit-backdrop-filter:blur(3px) saturate(102%)!important;
  scrollbar-width:thin!important;scrollbar-color:rgba(85,211,184,.45) transparent!important;
}
body .register-glass-page .form-brand img{display:none!important}
body .register-glass-page .form-brand small{display:block!important;margin:14px 0 6px!important;color:#55d3b8!important;font-size:9px!important;font-weight:750!important;letter-spacing:.2em!important}
body .register-glass-page .back-link{color:#c0d0cb!important;font-size:11px!important}
body .register-glass-page h1{margin:8px 0 13px!important;color:#f4f7f6!important;font:350 35px/1.08 var(--brand-display)!important;letter-spacing:-.045em!important}
body .register-glass-page>p{margin:0 0 20px!important;color:#b1c1bc!important;font-size:13px!important;line-height:1.5!important}
body .register-glass-page form{display:grid!important;gap:12px!important}
body .register-glass-page .name-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
body .register-glass-page label{display:block!important;margin:0!important;color:#e2eae7!important;font-size:11px!important;font-weight:650!important}
body .register-glass-page :is(input,select){
  width:100%!important;min-height:48px!important;margin-top:6px!important;padding:0 14px!important;box-sizing:border-box!important;
  border:1px solid rgba(220,235,231,.27)!important;border-radius:9px!important;
  background:rgba(23,38,40,.46)!important;color:#f4f7f6!important;font-size:14px!important;
}
body .register-glass-page :is(input,select):focus{border-color:#55d3b8!important;outline:none!important;box-shadow:0 0 0 3px rgba(85,211,184,.14)!important}
body .register-glass-page input::placeholder{color:#83938e!important}
body .register-glass-page select option{background:#101b1c!important;color:#f4f7f6!important}
body .register-glass-page .password-rules{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:7px!important}
body .register-glass-page .password-rules span{background:rgba(235,244,241,.10)!important;color:#adbbb7!important;border-color:rgba(235,244,241,.14)!important}
body .register-glass-page .password-rules span.ok{background:rgba(55,174,145,.22)!important;color:#72ddc4!important}
body .register-glass-page form>button{width:max-content!important;min-height:48px!important;padding:0 18px!important;border-radius:9px!important;background:#138f79!important;color:#fff!important;font-weight:750!important}
body .register-glass-page .scope-field,body .register-glass-page .responsibility-note{border-color:rgba(235,244,241,.18)!important;background:rgba(6,18,19,.24)!important;color:#d9e3e0!important}
body .register-glass-page .scope-checks label{background:rgba(19,34,35,.42)!important;border-color:rgba(235,244,241,.16)!important;color:#e1e9e6!important}

html[data-theme="light"] body:has(.register-glass-page){
  background-color:#dce5e3!important;
  background-image:linear-gradient(90deg,rgba(233,240,237,.37),rgba(232,239,237,.13) 52%,rgba(225,234,230,.31)),url('/static/brand/login-project-bell-wide-v2.png')!important;
  color:#15231f!important;
}
html[data-theme="light"] body .standalone-form.register-glass-page{background:rgba(244,248,245,.42)!important;border-color:rgba(255,255,255,.78)!important;color:#15231f!important;box-shadow:0 24px 70px rgba(18,48,40,.14)!important}
html[data-theme="light"] body .register-glass-page .back-link{color:#385d53!important}
html[data-theme="light"] body .register-glass-page h1{color:#14231f!important}
html[data-theme="light"] body .register-glass-page>p{color:#4f645d!important}
html[data-theme="light"] body .register-glass-page label{color:#263a34!important}
html[data-theme="light"] body .register-glass-page :is(input,select){background:rgba(255,255,255,.58)!important;border-color:rgba(24,57,49,.22)!important;color:#15231f!important}
html[data-theme="light"] body .register-glass-page select option{background:#f5f8f6!important;color:#15231f!important}
html[data-theme="light"] body .register-glass-page .password-rules span{background:rgba(255,255,255,.48)!important;color:#536861!important;border-color:rgba(24,57,49,.13)!important}
html[data-theme="light"] body .register-glass-page :is(.scope-field,.responsibility-note){background:rgba(255,255,255,.32)!important;color:#294038!important;border-color:rgba(24,57,49,.15)!important}

@media(max-width:700px){
  body:has(.register-glass-page){background-attachment:scroll!important;background-position:47% center!important}
  body:has(.register-glass-page) main{place-items:start center!important;padding:max(22px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))!important}
  body .standalone-form.register-glass-page{width:100%!important;max-height:none!important;padding:23px 19px!important;border-radius:18px!important;overflow:visible!important}
  body .register-glass-page h1{font-size:30px!important}
  body .register-glass-page .name-grid{grid-template-columns:1fr!important;gap:12px!important}
  body .register-glass-page :is(input,select){min-height:50px!important;font-size:16px!important}
  body .register-glass-page form>button{width:100%!important;min-height:52px!important}
}

/* Email verification uses the same Bell-project glass surface. */
body:has(.verify-glass-page){min-height:100dvh!important;padding:0!important;background-color:#071011!important;background-image:linear-gradient(90deg,rgba(3,11,14,.48),rgba(4,13,15,.20) 52%,rgba(3,10,12,.40)),url('/static/brand/login-project-bell-wide-v2.png')!important;background-position:center,center 52%!important;background-size:cover,cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important;color:#f3f7f5!important}
body:has(.verify-glass-page):before{content:none!important}
body:has(.verify-glass-page) main{display:grid!important;place-items:center!important;width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:24px!important;box-sizing:border-box!important}
body .standalone-form.verify-glass-page{width:min(520px,calc(100vw - 36px))!important;margin:0!important;padding:34px!important;box-sizing:border-box!important;border:1px solid rgba(235,244,241,.72)!important;border-radius:22px!important;background:rgba(4,14,16,.28)!important;color:#f3f7f5!important;box-shadow:0 24px 70px rgba(0,0,0,.18)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
body .verify-glass-page .form-brand img{display:none!important}body .verify-glass-page .form-brand small{display:block!important;margin:16px 0 7px!important;color:#55d3b8!important;font-size:9px!important;font-weight:750!important;letter-spacing:.2em!important}
body .verify-glass-page .back-link{color:#c0d0cb!important;font-size:11px!important}body .verify-glass-page h1{margin:8px 0 13px!important;color:#f4f7f6!important;font:350 34px/1.08 var(--brand-display)!important;letter-spacing:-.045em!important}body .verify-glass-page>p{margin:0 0 18px!important;color:#b1c1bc!important;font-size:13px!important;line-height:1.55!important}body .verify-glass-page>p strong{color:#66d9be!important}
body .verify-glass-page form{display:grid!important;gap:11px!important;margin-top:12px!important}body .verify-glass-page label{color:#e2eae7!important;font-size:11px!important;font-weight:650!important}body .verify-glass-page input{width:100%!important;min-height:54px!important;margin-top:6px!important;box-sizing:border-box!important;border:1px solid rgba(220,235,231,.27)!important;border-radius:9px!important;background:rgba(23,38,40,.46)!important;color:#f4f7f6!important}body .verify-glass-page .code-input{font-size:24px!important;letter-spacing:.34em!important;text-align:center!important}
body .verify-glass-page form button{min-height:48px!important;border-radius:9px!important;background:#138f79!important;color:#fff!important;font-weight:750!important}body .verify-glass-page .resend-code-form button{background:rgba(16,38,35,.52)!important;border:1px solid rgba(85,211,184,.34)!important;color:#74ddc5!important}
body .verification-timer{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:14px 0 4px!important;padding:10px 13px!important;border:1px solid rgba(235,244,241,.16)!important;border-radius:9px!important;background:rgba(7,20,20,.25)!important;color:#aebdb8!important}body .verification-timer strong{color:#70ddc5!important;font-size:18px!important;font-variant-numeric:tabular-nums!important}body .verification-timer.expired strong{color:#ff9b9b!important}
body .verification-warning{margin:12px 0!important;padding:11px 13px!important;border:1px solid rgba(255,185,104,.28)!important;border-radius:9px!important;background:rgba(116,66,16,.28)!important;color:#ffd7a5!important;font-size:11px!important;line-height:1.45!important}
html[data-theme="light"] body:has(.verify-glass-page){background-color:#dce5e3!important;background-image:linear-gradient(90deg,rgba(233,240,237,.37),rgba(232,239,237,.13) 52%,rgba(225,234,230,.31)),url('/static/brand/login-project-bell-wide-v2.png')!important;color:#15231f!important}html[data-theme="light"] body .standalone-form.verify-glass-page{background:rgba(244,248,245,.42)!important;border-color:rgba(255,255,255,.78)!important;color:#15231f!important}html[data-theme="light"] body .verify-glass-page :is(.back-link,p,label){color:#38584f!important}html[data-theme="light"] body .verify-glass-page h1{color:#14231f!important}html[data-theme="light"] body .verify-glass-page input{background:rgba(255,255,255,.58)!important;border-color:rgba(24,57,49,.22)!important;color:#15231f!important}html[data-theme="light"] body .verification-timer{background:rgba(255,255,255,.34)!important;border-color:rgba(24,57,49,.15)!important;color:#425b53!important}
@media(max-width:700px){body:has(.verify-glass-page) main{place-items:start center!important;padding:max(22px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))!important}body .standalone-form.verify-glass-page{width:100%!important;padding:23px 19px!important;border-radius:18px!important}body .verify-glass-page h1{font-size:29px!important}body .verify-glass-page input{font-size:16px!important}body .verify-glass-page .code-input{font-size:22px!important}}

/* Keep password reveal controls geometrically centered inside their inputs. */
body .login-form-wrap .password-field,body .register-glass-page .password-field,body .recovery-glass-page .password-field{position:relative!important;display:block!important;margin-top:8px!important}
body .login-form-wrap .password-field input,body .register-glass-page .password-field input,body .recovery-glass-page .password-field input{margin-top:0!important;padding-right:54px!important}
body .login-form-wrap .password-eye,body .register-glass-page .password-eye,body .recovery-glass-page .password-eye{position:absolute!important;top:50%!important;right:8px!important;transform:translateY(-50%)!important;margin:0!important}

/* Destructive confirmation must sit above the user permission modal. */
body #user-delete-dialog{position:fixed!important;inset:0!important;z-index:6200!important}
body #user-delete-dialog.open{display:flex!important}
body #user-delete-dialog .danger-dialog{position:relative!important;z-index:6201!important}

/* Password recovery: Bell project background with a restrained glass panel. */
body:has(.recovery-glass-page){min-height:100dvh!important;padding:0!important;background-color:#071011!important;background-image:linear-gradient(90deg,rgba(3,11,14,.50),rgba(4,13,15,.22) 52%,rgba(3,10,12,.42)),url('/static/brand/login-project-bell-wide-v2.png')!important;background-position:center,center 52%!important;background-size:cover,cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important;color:#f3f7f5!important}
body:has(.recovery-glass-page) main{display:grid!important;place-items:center!important;width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:24px!important;box-sizing:border-box!important}
body .standalone-form.recovery-glass-page{width:min(520px,calc(100vw - 36px))!important;margin:0!important;padding:34px!important;box-sizing:border-box!important;border:1px solid rgba(235,244,241,.68)!important;border-radius:22px!important;background:rgba(4,14,16,.30)!important;color:#f3f7f5!important;box-shadow:0 24px 70px rgba(0,0,0,.18)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
body .recovery-glass-page>a{color:#78ddc7!important;font-size:11px!important}body .recovery-glass-page>small{display:block!important;margin:18px 0 7px!important;color:#55d3b8!important;font-size:9px!important;font-weight:750!important;letter-spacing:.2em!important}body .recovery-glass-page h1{margin:8px 0 13px!important;color:#f4f7f6!important;font:350 34px/1.08 var(--brand-display)!important;letter-spacing:-.045em!important}body .recovery-glass-page>p{margin:0 0 18px!important;color:#b1c1bc!important;font-size:13px!important;line-height:1.55!important}
body .recovery-glass-page form{display:grid!important;gap:14px!important;margin-top:16px!important}body .recovery-glass-page label{color:#e2eae7!important;font-size:11px!important;font-weight:650!important}body .recovery-glass-page input{width:100%!important;min-height:54px!important;margin-top:7px!important;padding:0 14px!important;box-sizing:border-box!important;border:1px solid rgba(220,235,231,.27)!important;border-radius:9px!important;background:rgba(23,38,40,.46)!important;color:#f4f7f6!important}body .recovery-glass-page form>button{width:max-content!important;min-height:48px!important;padding:0 18px!important;border-radius:9px!important;background:#138f79!important;color:#fff!important;font-weight:750!important}
body .recovery-glass-page :is(.success,.alert){margin:12px 0!important;border-radius:9px!important}body .recovery-glass-page .password-help{margin:-5px 0 0!important;color:#aebdb8!important;font-size:10px!important}
html[data-theme="light"] body:has(.recovery-glass-page){background-color:#dce5e3!important;background-image:linear-gradient(90deg,rgba(233,240,237,.37),rgba(232,239,237,.13) 52%,rgba(225,234,230,.31)),url('/static/brand/login-project-bell-wide-v2.png')!important;color:#15231f!important}html[data-theme="light"] body .standalone-form.recovery-glass-page{background:rgba(244,248,245,.42)!important;border-color:rgba(255,255,255,.78)!important;color:#15231f!important}html[data-theme="light"] body .recovery-glass-page :is(h1,label){color:#14231f!important}html[data-theme="light"] body .recovery-glass-page>p{color:#4f645d!important}html[data-theme="light"] body .recovery-glass-page input{background:rgba(255,255,255,.58)!important;border-color:rgba(24,57,49,.22)!important;color:#15231f!important}html[data-theme="light"] body .recovery-glass-page .password-help{color:#536861!important}
@media(max-width:700px){body:has(.recovery-glass-page){background-attachment:scroll!important;background-position:47% center!important}body:has(.recovery-glass-page) main{place-items:start center!important;padding:max(22px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))!important}body .standalone-form.recovery-glass-page{width:100%!important;padding:23px 19px!important;border-radius:18px!important}body .recovery-glass-page h1{font-size:29px!important}body .recovery-glass-page input{font-size:16px!important}body .recovery-glass-page form>button{width:100%!important;min-height:52px!important}}

/* Persistent login preference without storing the password. */
body .login-options{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
body .remember-login span>small{display:block;margin-top:2px;color:#829690!important;font-size:8px!important;font-weight:500!important;line-height:1.25!important}
html[data-theme="light"] body .remember-login span>small{color:#60766f!important}
body .login-options .remember-login{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:#b9c7c2!important;font-size:11px!important;font-weight:600!important;cursor:pointer!important}
body .login-options .remember-login input{appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-items:center!important;width:17px!important;height:17px!important;min-height:17px!important;margin:0!important;padding:0!important;border:1px solid rgba(213,230,224,.42)!important;border-radius:4px!important;background:rgba(14,28,28,.48)!important;cursor:pointer!important}
body .login-options .remember-login input:checked{border-color:#55d3b8!important;background:#168f79!important}body .login-options .remember-login input:checked:after{content:"✓"!important;color:#fff!important;font:800 12px/1 sans-serif!important}
html[data-theme="light"] body .login-options .remember-login{color:#38584f!important}html[data-theme="light"] body .login-options .remember-login input{background:rgba(255,255,255,.58)!important;border-color:rgba(24,57,49,.30)!important}html[data-theme="light"] body .login-options .remember-login input:checked{background:#168f79!important;border-color:#168f79!important}

/* Viewer archive begins with clickable site cards and keeps filtering visible. */
body .viewer-archive-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:76px!important;margin:0 0 18px!important;padding:14px 16px 14px 20px!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;background:var(--color-surface-1)!important}
body .viewer-archive-toolbar strong{color:var(--color-text)!important;font-size:14px!important;letter-spacing:.08em!important}body .viewer-archive-toolbar .filter-trigger{position:relative!important;display:inline-flex!important;width:auto!important;min-width:150px!important;margin-left:auto!important;padding:0 14px!important;gap:8px!important}
body.viewer-mode .archive-intro small,body.viewer-mode .archive-intro h2{display:none!important}
body.viewer-mode .archive-intro p{margin:0!important}
body.viewer-mode .project-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.viewer-mode .project-card{min-height:178px!important;display:grid!important;align-content:end!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}body.viewer-mode .project-card:hover{transform:translateY(-3px)!important;border-color:rgba(99,220,193,.62)!important;background:linear-gradient(130deg,#102737,#0c5d58)!important;color:#fff!important}body.viewer-mode .project-card:hover small{color:#65d8c0!important}body.viewer-mode .project-card:hover h2{color:#fff!important}body.viewer-mode .project-card:hover p{color:#c1d4d0!important}body.viewer-mode .project-card:hover>span{color:#fff!important;border-color:rgba(255,255,255,.48)!important}

/* General/site responsible home: today stays visible, the duplicate receipt
   table is replaced by site entry cards that lead to the archive. */
body .responsible-sites-panel{margin:0 0 18px!important;padding:22px!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;background:var(--color-surface-1)!important}
body .responsible-sites-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin-bottom:15px!important}
body .responsible-sites-head small{display:block!important;color:var(--color-accent)!important;font-size:8px!important;font-weight:750!important;letter-spacing:.16em!important}
body .responsible-sites-head h2{margin:6px 0 3px!important;color:var(--color-text)!important;font-size:22px!important;font-weight:650!important;letter-spacing:-.02em!important}
body .responsible-sites-head p{margin:0!important;color:var(--color-text-muted)!important;font-size:10px!important}
body .responsible-sites-head>span{flex:0 0 auto!important;padding:6px 10px!important;border:1px solid var(--color-border)!important;border-radius:999px!important;color:var(--color-text-muted)!important;font-size:9px!important}
body .responsible-site-grid{margin:0!important}
body .responsible-site-grid .project-card{min-height:154px!important;background:linear-gradient(135deg,#0a3035,#0b6053)!important;border:1px solid rgba(91,210,184,.28)!important;align-content:space-between!important}
body .responsible-site-grid .project-card small{color:#65d8c0!important}
body .responsible-site-grid .project-card p{color:#c1d4d0!important}
body .responsible-site-grid .project-card>span{top:auto!important;bottom:18px!important}
@media(max-width:700px){body .responsible-sites-panel{padding:14px!important;border-radius:18px!important}body .responsible-sites-head{align-items:center!important;margin-bottom:12px!important}body .responsible-sites-head p{display:none!important}body .responsible-sites-head h2{font-size:20px!important}body .responsible-site-grid .project-card{min-height:138px!important;padding:19px!important}}
@media(max-width:900px){body .viewer-archive-toolbar{align-items:center!important;flex-direction:row!important}body .viewer-archive-toolbar .filter-trigger{width:44px!important;min-width:44px!important;margin-left:auto!important}body.viewer-mode .project-card-grid{grid-template-columns:1fr!important}body.viewer-mode .project-card{min-height:132px!important}}

/* Mobile viewer archive must retain the same cards + filter flow as desktop. */
@media(max-width:700px){
  body.viewer-mode .viewer-archive-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:56px!important;margin:0 0 10px!important;padding:6px 4px!important;border:0!important;background:transparent!important}
  body.viewer-mode .viewer-archive-toolbar .filter-trigger{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;min-height:44px!important;margin-left:auto!important;padding:0!important}
  body.viewer-mode .archive-intro{display:block!important;margin:14px 0 10px!important}
  body.viewer-mode .project-card-grid{display:grid!important;width:100%!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  body.viewer-mode .project-card{display:grid!important;width:100%!important;min-width:0!important;min-height:132px!important}

  /* Native date controls: fixed, predictable sizing on iOS and Android. */
  body .filter-drawer .filter-grid input[type="date"]{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
    height:52px!important;min-height:52px!important;max-height:52px!important;
    margin:7px 0 0!important;padding:0 14px!important;box-sizing:border-box!important;
    font:500 16px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    -webkit-appearance:none!important;appearance:none!important;overflow:hidden!important;
  }
  body .filter-drawer .filter-grid input[type="date"]::-webkit-date-and-time-value{
    min-height:0!important;margin:0!important;text-align:left!important;
  }
  body .filter-drawer .filter-grid input[type="date"]::-webkit-calendar-picker-indicator{
    width:20px!important;height:20px!important;margin:0!important;padding:0!important;
  }
}

/* Receipt cards and supplier picker: explicit contrast and predictable autocomplete. */
html[data-theme="dark"] body .today-card h3{color:#17231f!important}
.supplier-combobox{position:relative;display:block}
.supplier-hint{display:block;margin-top:5px;color:#82918c;font-size:9px;font-weight:400}
.supplier-suggestions{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;max-height:210px;overflow-y:auto;padding:6px;border:1px solid #cdd9d5;border-radius:11px;background:#fff;box-shadow:0 18px 42px rgba(13,35,29,.2)}
.supplier-suggestions button{display:block;width:100%;min-height:38px;padding:9px 11px;border:0;border-radius:7px;background:transparent!important;box-shadow:none!important;color:#24332e!important;text-align:left;font-size:12px}
.supplier-suggestions button:hover,.supplier-suggestions button.active{background:#e9f5f1!important;color:#087c6d!important}
.supplier-suggestions p{display:none;margin:0;padding:10px;color:#7e8b87;font-size:10px}
.supplier-suggestions button[hidden]~p:first-of-type{display:none}
html[data-theme="dark"] .supplier-suggestions{border-color:#374b46;background:#14211e;box-shadow:0 18px 48px rgba(0,0,0,.42)}
html[data-theme="dark"] .supplier-suggestions button{color:#edf5f2!important}
html[data-theme="dark"] .supplier-suggestions button:hover,html[data-theme="dark"] .supplier-suggestions button.active{background:#20342f!important;color:#65dcc2!important}
.orderer-name-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.orderer-name-grid label{min-width:0;margin-bottom:0}
@media(max-width:560px){.orderer-name-grid{grid-template-columns:1fr}}