:root{--vl-accent:#a93963;--vl-soft:#f3e4e8;--vl-gold:#b48c48;--vl-ease:cubic-bezier(.2,.8,.2,1)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:vl-exit .18s ease both}
::view-transition-new(root){animation:vl-enter .36s var(--vl-ease) both}
@keyframes vl-exit{to{opacity:0}}@keyframes vl-enter{from{opacity:0}to{opacity:1}}
body{background-color:#f5eedd!important}
body[data-page=index]{background-image:none!important}
.vl-surface{border-color:#ccb797!important;box-shadow:0 2px 3px #41291b03,0 16px 44px #41291b09,inset 0 1px 0 #ffffffb0!important;transition:box-shadow .3s var(--vl-ease),border-color .3s ease!important}
@media(hover:hover) and (pointer:fine){.vl-surface:hover{border-color:var(--vl-accent)!important;box-shadow:0 3px 8px #41291b07,0 22px 52px #41291b12,inset 0 1px 0 #fff!important}}
.vl-title{letter-spacing:-.035em!important;text-shadow:0 2px 0 #fff6}
#managerHome .page-head h1,.cl-head h1{font-size:clamp(34px,4.2vw,56px)!important;line-height:1.12!important}
#managerHome .page-head{padding-top:43px;padding-bottom:30px}
#managerHome .manager-columns{gap:26px}
#managerHome .panel{border-radius:24px;background:linear-gradient(125deg,#fffdf9f7,#fcf7eff5)!important}
#managerHome .manager-log{background:#fff!important}
#managerHome .panel-top h2{font-size:30px}
#managerHome .symbol{background:linear-gradient(135deg,#fff9ed,#ead8ba)!important;box-shadow:inset 0 1px 0 white,0 3px 8px #6042200d;border:1px solid #dbc9ac;border-radius:13px}
#managerHome .radar-row{transition:background .2s,padding .2s;border-radius:10px}
@media(hover:hover) and (pointer:fine){#managerHome .radar-row:hover{background:#e9d8bd22;padding-left:8px;padding-right:8px}}
#managerHome .row-arrow{transition:translate .2s;color:var(--vl-accent)}@media(hover:hover) and (pointer:fine){#managerHome .radar-row:hover .row-arrow{translate:4px 0}}
.cl-panel{background:linear-gradient(130deg,#fffdfaf5,#faf6effa);border-radius:23px}
.cl-stat{background:linear-gradient(125deg,#fffdfa,#f3e6d5);border-radius:18px}.cl-stat strong{font-size:38px;color:var(--vl-accent)}
.cl-task{transition:background .2s}@media(hover:hover) and (pointer:fine){.cl-task:hover{background:#e7d7bf22}}.cl-check input{accent-color:var(--vl-accent)}
.vl-progress{height:3px;position:fixed;left:0;top:0;right:0;z-index:9999;pointer-events:none;transform-origin:left;background:linear-gradient(90deg,var(--vl-gold),var(--vl-accent));transform:scaleX(0);box-shadow:0 0 12px #a9396344}
.vl-spark{position:fixed;pointer-events:none;z-index:9998;width:5px;height:5px;border-radius:2px;background:var(--vl-accent)}
.vl-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}.vl-ambient i{position:absolute;width:45vw;height:45vw;border-radius:50%;filter:blur(65px);background:#d7b8ad16;animation:vl-float 23s ease-in-out infinite alternate;left:-12vw;top:12vh}.vl-ambient i+i{background:#dec18316;left:65vw;top:40vh;animation-delay:-11s}
@keyframes vl-float{to{transform:translate(7vw,9vh) scale(1.13)}}
.vl-live{border:1px solid #d5c5ad;background:#fffcf4;color:#78634a;padding:6px 10px;border-radius:8px;font:10px 'DM Sans',Arial,sans-serif}
[data-vl-motion=calm] .vl-ambient{display:none}[data-vl-motion=calm] .vl-surface{transition:none!important}
[data-vl-motion=calm]::view-transition-group(*),[data-vl-motion=calm]::view-transition-old(*),[data-vl-motion=calm]::view-transition-new(*){animation-duration:0s!important}
@media(prefers-reduced-motion:reduce){.vl-ambient{display:none}.vl-surface,.radar-row,.row-arrow{transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:0s!important}}
@media(max-width:760px){#managerHome .manager-columns{gap:18px}#managerHome .page-head{padding-top:28px}.vl-ambient{display:none}}
@media print{.vl-ambient,.vl-progress,.vl-spark{display:none!important}.vl-surface{box-shadow:none!important}}
/* Shared interaction cues: move content, not its click target or neighboring fields. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html:not([data-vl-motion=calm]) :is(.res-title,.howto-q,.label-row-name,.td-product-btn,.task-name-clickable,.po-result-title>span,.staff-name.sqv-open-btn,.person-name,.req-card-head,.card-customer,.oo-person>span:first-child,.cl-check>span,.nav-team-item){transition:translate .18s var(--vl-ease),color .18s ease}
 html:not([data-vl-motion=calm]) :is(.res-item:hover .res-title,.howto-head:hover .howto-q,.label-row:hover .label-row-name,.td-product-btn:hover,.task-name-clickable:hover,.po-result-title:hover>span,.staff-name.sqv-open-btn:hover,.person-row:hover .person-name,.req-card:hover .req-card-head,.card-header:hover .card-customer,.oo-person:hover>span:first-child,.cl-check:hover>span,.nav-team-item:hover){translate:4px 0}
 html:not([data-vl-motion=calm]) :is(.label-row-chevron,.oo-person>span:last-child){transition:translate .18s var(--vl-ease)}
 html:not([data-vl-motion=calm]) :is(.label-row:hover .label-row-chevron,.oo-person:hover>span:last-child){translate:3px 0}
 html:not([data-vl-motion=calm]) :is(.og-thumb,.label-row,.howto-head,.po-result-title,.person-row,.oo-person){transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
 html:not([data-vl-motion=calm]) .og-thumb:hover{box-shadow:0 3px 10px #60422024;border-color:#ad895d}
}
/* A warm highlight also provides feedback without movement on keyboard focus. */
:is(.label-row,.howto-head,.po-result-title,.oo-person):focus-visible{outline:2px solid #a93963;outline-offset:-2px}
:is(.person-row,.oo-person):focus-within{background-color:#e9d8bd22}
@media(hover:hover){:is(.person-row,.oo-person):hover{background-color:#e9d8bd22}}
/* Calm mode keeps the original Today interactions stationary too. */
html[data-vl-motion=calm] #managerHome .radar-row{transition:none}
html[data-vl-motion=calm] #managerHome .radar-row:hover{padding-left:0;padding-right:0}
html[data-vl-motion=calm] #managerHome .row-arrow{transition:none;translate:none}
@media(prefers-reduced-motion:reduce){#managerHome .radar-row:hover{padding-left:0;padding-right:0}#managerHome .row-arrow{translate:none}}
@media print{.res-title,.howto-q,.label-row-name,.td-product-btn,.task-name-clickable,.po-result-title>span,.staff-name.sqv-open-btn,.person-name,.req-card-head,.card-customer,.oo-person>span,.cl-check>span,.nav-team-item{translate:none!important}}