/* Shared appearance layer: loaded after every page's component styles. */
:root{color-scheme:light;--link:#27618c;--surface:#fff;--surface-soft:#f4f7f9;--muted:#61737f}
html{background:var(--canvas)}
.project-form>.form-grid+h2{margin-top:28px}
body{display:flow-root}
a{color:var(--link)}
.table-wrap a:not(.button){font-weight:650;text-underline-offset:4px}
.table-wrap tbody tr:hover{background:var(--surface-soft)}
.sidebar .brand::before{content:none;display:none}
.sidebar .brand{gap:13px;padding:10px 14px}
.brand-logo{width:38px;height:44px;object-fit:contain;flex:none}
.sidebar .brand-name{color:#f0f4f5!important;letter-spacing:.14em}
.sidebar .brand-name b{font-size:.64rem;color:#c6ac67;letter-spacing:.06em}
body.sidebar-collapsed .brand-logo{width:33px;height:38px}
.sidebar nav a:first-child{background:transparent;color:var(--nav-text)}
.sidebar nav a:first-child::after{display:none}
.sidebar nav a[aria-current=page]{background:linear-gradient(90deg,rgba(235,117,87,.24),rgba(235,117,87,.06));color:#fff;box-shadow:inset 3px 0 #eb7557}
.sidebar nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
[data-theme-toggle]{display:inline-grid!important;place-items:center;flex:none;min-width:42px;min-height:42px;font-size:1.25rem;line-height:1}
.standalone-theme{position:fixed;right:18px;bottom:18px;z-index:30;box-shadow:var(--shadow)}
:focus-visible{outline:2px solid var(--link);outline-offset:3px}
.hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:none}
.document-hero>div:first-child{min-width:0}
.document-metrics article{position:relative;overflow:hidden;border-top:3px solid #3874cf;background:linear-gradient(125deg,#edf4ff,#fff 80%)}
.document-metrics article:nth-child(2){border-top-color:#178579;background:linear-gradient(125deg,#eaf8f3,#fff 80%)}
.document-metrics article:nth-child(3){border-top-color:#8756c8;background:linear-gradient(125deg,#f4effb,#fff 80%)}
.document-metrics article strong{color:#285a9c}.document-metrics article:nth-child(2) strong{color:#176e60}.document-metrics article:nth-child(3) strong{color:#7341a8}
.document-metrics article span{color:#566976}.document-metrics article small{color:#526572}
.project-number{display:inline-flex;align-items:center;padding:6px 11px;border:1px solid var(--line);border-left:4px solid var(--project-accent,#3874cf);border-radius:7px;color:var(--ink)!important;background:var(--surface-soft);font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.project-title{color:var(--ink)!important;font-weight:750!important}
tr[style*="--project-accent"] td:first-child{border-left:3px solid var(--project-accent)}
.project-table td{padding-top:18px;padding-bottom:18px}.project-table td:nth-child(2){min-width:210px}
.project-color-form{display:flex;gap:8px;align-items:center;margin:0;min-width:210px}
.project-color-form select{width:125px;min-height:42px;height:42px;padding:8px;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px}
.project-color-form button{min-height:42px;padding:8px 12px;font-size:.8rem}
.palette-setup{margin:0 0 16px}.project-accent-hero{border-left:5px solid var(--project-accent)!important}
/* Dark surfaces and component states; keep brand accents distinct from status. */
html[data-theme=dark]{color-scheme:dark;--ink:#e7eef4;--slate:#a8bac7;--muted:#a8bac7;--canvas:#101922;--paper:#1b2a36;--surface:#1b2a36;--surface-soft:#223543;--line:#3a5060;--link:#8fc8f1;--nav:#10202b;--nav-text:#bdcdd7;--shadow:0 12px 32px rgba(0,0,0,.18)}
html[data-theme=dark] body,html[data-theme=dark] .app-shell{background:var(--canvas);color:var(--ink)}
html[data-theme=dark] .topbar{background:#172631;border-color:var(--line)}
html[data-theme=dark] .topbar strong{color:var(--ink)}
html[data-theme=dark] :is(table,.table-wrap,.task-table-wrap){background:var(--surface);border-color:var(--line)}
html[data-theme=dark] :is(.panel,.auth-card,.module-card,.metrics article,.workspace-metrics article,.document-metrics article){background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] :is(.page-heading,.folder-card,.phase-card,.task-board,.connection-status,.callback-url){background:var(--surface-soft);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .page-heading::after,html[data-theme=dark] .module-card::after{opacity:.13}
html[data-theme=dark] :is(h1,h2,h3,h4,dd,.project-title,.section-title h2,.phase-card-head strong,.connection-status b){color:var(--ink)}
html[data-theme=dark] :is(.panel p,.page-heading p,.module-card p,.auth-card>p:not(.notice),label,dt,small,.metrics span,.section-title>span,.folder-card small,.task-description,.topbar-context small,.top-user,.global-search span){color:var(--muted)}
html[data-theme=dark] :is(.hero,.document-hero,.project-workspace-hero){background:linear-gradient(120deg,#16333e,#284957);border-color:#3a5969}
html[data-theme=dark] :is(.hero,.document-hero,.project-workspace-hero) h1{color:#f2f7fa}
html[data-theme=dark] :is(.hero,.document-hero,.project-workspace-hero) p:not(.eyebrow){color:#b9cdd7}
html[data-theme=dark] :is(input,select,textarea,.global-search,.upload-grid input,.upload-grid select,.microsoft-settings .onedrive-project-form select){background:#14232e;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#93a8b6;opacity:1}
html[data-theme=dark] :is(input,select,textarea):disabled{color:#a4b5c0;background:#24343f;opacity:1}
html[data-theme=dark] :is(.button.secondary,.top-icon,.sidebar-toggle,.theme-toggle){background:#243947;border-color:#496273;color:#e5eef4}
html[data-theme=dark] :is(.button.primary,.create-button){background:#ec8266;border-color:#ec8266;color:#1b2024}
html[data-theme=dark] :is(th,thead){background:#223440;color:#afc1cd;border-color:var(--line)}
html[data-theme=dark] td{border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .table-wrap{border-color:var(--line)}
html[data-theme=dark] .document-metrics article:nth-child(1){background:#1c3045;border-top-color:#659de8}
html[data-theme=dark] .document-metrics article:nth-child(2){background:#193933;border-top-color:#4ac0a0}
html[data-theme=dark] .document-metrics article:nth-child(3){background:#302944;border-top-color:#b28ae4}
html[data-theme=dark] .document-metrics article strong{color:#a2c9ff}
html[data-theme=dark] .document-metrics article:nth-child(2) strong{color:#86dfc4}
html[data-theme=dark] .document-metrics article:nth-child(3) strong{color:#d2b4fa}
html[data-theme=dark] .document-metrics article :is(span,small){color:#b9cbd8}
html[data-theme=dark] :is(.notice,.notice.success){background:#193c31;color:#b0ebcd;border-color:#5acb9c}
html[data-theme=dark] .notice.error{background:#442832;color:#ffd0d4;border-color:#ef8c99}
html[data-theme=dark] :is(.status.active,.task-status.completed,.phase-card.completed){background:#1b4136;color:#94e2c1;border-color:#386c58}
html[data-theme=dark] :is(.status.draft,.task-status.waiting,.phase-card.in_progress){background:#3e3624;color:#f4d295;border-color:#766440}
html[data-theme=dark] :is(.task-status.in_progress,.status.submitted){background:#233c53;color:#b2d9ff}
html[data-theme=dark] :is(.task-status.blocked,.metric-alert,.metric-blocked){background:#442d36;color:#ffbecb}
html[data-theme=dark] :is(.check-row,.phase-progress,.upload-drop,.pending-upload,.onedrive-folder-row){border-color:var(--line)}
html[data-theme=dark] .upload-page{color:var(--ink)}
@media(max-width:620px){.hero-actions{width:100%;align-items:stretch}.hero-actions .button{width:100%}[data-theme-toggle]{min-width:36px;min-height:38px;padding:6px}.top-actions{gap:7px}.project-color-form{min-width:190px}.sidebar .brand-logo{display:block!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.finance-sidebar-ready .finance-tabs{display:none}.sidebar .finance-nav-group{margin-top:16px;border-top:1px solid #c1d5dd26;position:relative;padding-top:6px}.sidebar .finance-nav-group::before{content:'POSLOVANJE';display:block;padding:0 10px 5px;color:#77909c;font-size:.6rem;font-weight:850;letter-spacing:.14em}.sidebar .finance-nav-group summary{display:flex;align-items:center;gap:10px;min-height:46px;padding:9px 10px;border-radius:8px;color:var(--nav-text);font-size:.87rem;font-weight:650;cursor:pointer;list-style:none}.sidebar .finance-nav-group summary::-webkit-details-marker{display:none}.finance-nav-icon{width:19px;text-align:center;color:#8ea5af}.sidebar .finance-nav-group summary::after{content:'›';margin-left:auto;font-size:20px}.sidebar .finance-nav-group[open] summary::after{transform:rotate(90deg)}.sidebar .finance-nav-group.is-current summary{background:#eb755724;color:#fff;box-shadow:inset 3px 0 var(--coral)}.sidebar .finance-nav-group summary:focus-visible{outline:2px solid var(--coral);outline-offset:-2px}.sidebar .finance-nav-links{padding:5px 0 6px 22px}.sidebar .finance-nav-links a,.sidebar .finance-nav-links a:nth-child(n){min-height:44px!important;white-space:normal!important;margin:0!important;padding:10px 12px!important;border:0!important;font-size:.81rem!important;line-height:1.35;justify-content:flex-start!important;box-shadow:none}.sidebar .finance-nav-links a::before,.sidebar .finance-nav-links a::after{display:none!important}.sidebar .finance-nav-links a[aria-current=page]{background:#ffffff12!important;color:#fff!important;box-shadow:inset 2px 0 var(--coral)}body.sidebar-collapsed .finance-nav-label,body.sidebar-collapsed .finance-nav-group::before,body.sidebar-collapsed .finance-nav-group summary::after,body.sidebar-collapsed .finance-nav-links{display:none}body.sidebar-collapsed .finance-nav-group summary{justify-content:center;padding:8px}@media(min-width:621px) and (max-width:920px){body:not(.finance-menu-wide) .finance-nav-label,body:not(.finance-menu-wide) .finance-nav-group::before,body:not(.finance-menu-wide) .finance-nav-group summary::after,body:not(.finance-menu-wide) .finance-nav-links{display:none}.finance-menu-wide .sidebar{width:286px}.finance-menu-wide .sidebar nav>a{font-size:.87rem;justify-content:flex-start}.finance-menu-wide .brand-name{display:inline}.finance-menu-wide .sidebar nav>a::before{margin-right:10px!important}}@media(max-width:620px){body.sidebar-collapsed .finance-nav-label{display:inline}body.sidebar-collapsed .finance-nav-group::before{display:block}body.sidebar-collapsed .finance-nav-group summary::after{display:block}body.sidebar-collapsed .finance-nav-links{display:block}.sidebar .finance-nav-group summary{font-size:.92rem;justify-content:flex-start!important}.sidebar .finance-nav-links a{min-height:46px!important}}
.sidebar .finance-nav-links a:not([aria-current=page]){background:transparent!important;color:var(--nav-text)!important}.sidebar .finance-nav-links a:hover{background:#ffffff12!important;color:#fff!important}.sidebar .finance-nav-group{flex-shrink:0}