body{background:var(--a-background);color:var(--a-text)}aside{background:var(--a-sidebar)}.card,input,select,.btn{background:var(--a-surface);color:var(--a-text)}.primary{background:var(--a-button);color:var(--a-buttonText)}nav button.active{background:var(--a-selected);color:var(--a-selectedText)}.avatar{background:var(--a-avatar);color:var(--a-avatarText)}.rank{color:var(--a-rankNumber)}#slides{background:var(--a-background)}.slide-top,.slide-bottom{background:var(--a-surface)}.dial-shell{stroke:var(--a-gaugeTrack)!important}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px}.color-field{display:flex;gap:12px;align-items:center;border:1px solid var(--a-line);border-radius:10px;padding:12px;margin:0}.color-field input[type=color]{width:48px;height:40px;padding:3px;cursor:pointer}.appearance-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.color-group{margin-top:20px}#content>.card+.card{margin-top:20px}.settings-dial{width:220px;margin:20px auto}#content input[type=checkbox]{width:auto;margin-right:8px}#content input[type=file]{max-width:450px}.company-logo-preview{max-width:220px;max-height:120px;object-fit:contain}#company-logo{text-align:center;margin:-30px 0 20px}#company-logo img{max-width:150px;max-height:65px;object-fit:contain}.compact #company-logo{display:none}.monthly-thumbnails,.photo-manager-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:20px}.monthly-thumbnails article,.photo-manager-card{border:1px solid var(--a-line);border-radius:12px;padding:16px;display:flex;align-items:center;flex-direction:column;gap:12px}.monthly-thumbnails img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.monthly-thumbnails .btn{font-size:12px;padding:7px}.photo-manager-card input{width:100%;font-size:12px}.achiever-photo{width:120px;height:120px;object-fit:cover;border-radius:50%;border:2px solid var(--a-ranking)}.photo-placeholder{display:grid;place-items:center;background:var(--a-selected);color:var(--a-selectedText);font-size:30px}.recognition-slide{text-align:center;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.recognition-slide>h2{font-size:clamp(28px,3.4vw,58px);letter-spacing:-1px;margin:20px 0}.achiever-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:30px 0}.achiever-card{border:1px solid var(--a-line);border-radius:16px;background:var(--a-surface);padding:30px 22px;width:260px;display:flex;flex-direction:column;align-items:center;gap:10px}.achiever-card h3{font-size:22px;margin:5px 0}.achiever-card strong{font-size:38px;color:var(--a-rankNumber)}#slides.art-only #slide-stage{position:absolute;inset:0;padding:0!important;height:100%;width:100%;overflow:hidden;background:#000}.full-screen-art{width:100%;height:100%;object-fit:cover;display:block}#slides.art-only .slide-top,#slides.art-only .slide-bottom{opacity:0;pointer-events:none}#slides.art-only.peek-top .slide-top,#slides.art-only .slide-top:hover,#slides.art-only .slide-top:focus-within{opacity:1;pointer-events:auto;transform:none}#slides.art-only.peek-bottom .slide-bottom,#slides.art-only .slide-bottom:hover,#slides.art-only .slide-bottom:focus-within{opacity:1;pointer-events:auto;transform:none}.celebration-content .pressure-dial-wrap{background:none}.celebration-content .pressure-dial-wrap::before{display:none}#sound-note{font-size:12px}.presentation-only aside,.presentation-only main{display:none}@media(max-width:700px){.photo-manager-grid,.monthly-thumbnails{grid-template-columns:1fr 1fr}.achiever-grid{gap:12px}.achiever-card{width:100%;max-width:300px}.photo-manager-card{min-width:0;padding:10px}.photo-manager-card .achiever-photo{width:90px;height:90px}.monthly-thumbnails{grid-template-columns:1fr}}

nav button[hidden]{display:none!important}
/* Compact company settings */
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:20px}.settings-layout>.card{margin:0!important;padding:22px;min-width:0}.settings-layout h2{font-size:17px;margin:0}.settings-layout p{margin:7px 0 0;font-size:13px;line-height:1.5}.settings-theme{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}.theme-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--a-line);border-radius:10px;padding:4px;margin:0;gap:4px;min-width:300px;background:var(--a-background)}.theme-segments label{position:relative;display:block;margin:0!important;cursor:pointer}.theme-segments input{position:absolute;opacity:0;width:1px!important;height:1px;pointer-events:none}.theme-segments span{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;min-height:40px;border-radius:7px;font-size:13px;font-weight:550;color:var(--a-muted);border:1px solid transparent}.theme-segments i{font-style:normal;font-size:17px;width:20px;text-align:center}.theme-segments input:checked+span{background:var(--a-surface);color:var(--a-text);border-color:var(--a-line);box-shadow:0 1px 3px #0000000c}.theme-segments input:focus-visible+span{outline:2px solid var(--a-selectedText);outline-offset:2px}.settings-section-heading{margin-bottom:18px}.identity-controls{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:18px;min-height:165px}.settings-layout .stacked-field{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0!important;font-size:12px}.settings-layout select{width:100%;max-width:none;min-width:0;min-height:41px;font-size:13px}.settings-layout .appearance-actions{margin:14px 0 0;padding-top:16px;border-top:1px solid var(--a-line);gap:8px}.settings-layout .btn{font-size:12px;padding:10px 12px;min-height:40px}.needle-preview{margin:0;text-align:center}.needle-preview .settings-dial{width:160px;margin:0}.needle-preview figcaption{font-size:11px;color:var(--a-muted);margin-top:-9px}.brand-controls{display:grid;grid-template-columns:140px minmax(0,1fr);gap:22px;align-items:start}.logo-preview-box{height:95px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--a-line);border-radius:10px;background:var(--a-background);padding:12px}.logo-preview-box .company-logo-preview{width:100%;max-width:116px;max-height:70px;object-fit:contain}.logo-preview-box>span{font-size:12px;color:var(--a-muted);text-align:center}.brand-upload{text-align:center;min-width:0}.settings-layout .logo-upload-button{display:block;border:1px solid var(--a-line);border-radius:8px;padding:9px 12px;margin:10px 0 0;cursor:pointer;font-size:12px;color:var(--a-text);background:var(--a-surface)}.brand-upload:focus-within .logo-upload-button{outline:2px solid var(--a-selectedText);outline-offset:2px}.settings-layout .inline-check{display:flex;align-items:center;gap:8px;margin:14px 0 0!important;font-size:12px;line-height:1.4}.settings-layout .inline-check input{flex:0 0 auto;margin:0!important;width:15px!important;height:15px}.brand-fields .btn{margin-top:14px}.settings-layout .small{font-size:11px}.color-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px}.color-field{padding:9px;gap:10px;min-height:52px;font-size:12px}.color-field input[type=color]{width:36px;height:32px;padding:2px}
@media(min-width:1450px){.settings-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.identity-controls{grid-template-columns:minmax(0,1fr) 180px}.needle-preview .settings-dial{width:170px}}
@media(max-width:1100px){.settings-layout{grid-template-columns:1fr}.identity-controls{min-height:0}.settings-theme{grid-column:auto}.brand-controls{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:600px){.settings-layout>.card{padding:18px}.settings-theme{align-items:stretch;flex-direction:column;gap:14px}.theme-segments{min-width:0;width:100%}.theme-segments span{padding:9px 5px}.identity-controls{grid-template-columns:minmax(0,1fr) 125px;gap:12px}.needle-preview .settings-dial{width:125px}.brand-controls{grid-template-columns:110px minmax(0,1fr);gap:14px}.settings-layout .appearance-actions{flex-wrap:wrap}.settings-layout .appearance-actions .primary{flex:1 0 100%}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-field{font-size:11px;gap:7px}.color-field input[type=color]{width:30px;flex:0 0 30px}.brand-upload p{font-size:10px!important}}
.theme-segments span{height:44px;min-height:44px;line-height:20px}.theme-segments i{height:20px;line-height:20px}
/* Dashboard heading and action bar */
.dashboard-header{background:var(--a-surface);border:1px solid var(--a-line);border-radius:16px;padding:22px 24px;gap:24px;box-shadow:0 3px 12px #102e4b03;align-items:center;justify-content:space-between}.dashboard-header>div:first-child{min-width:0;flex:1}.dashboard-header .eyebrow{font-size:10px;letter-spacing:1.6px}.dashboard-header h1{font-size:27px;line-height:1.2;margin:7px 0 0;letter-spacing:-.8px}.dashboard-header>.panel-actions{flex:0 1 auto;gap:10px;justify-content:flex-end}.dashboard-header .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 15px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:550;line-height:1;transition:background .16s,box-shadow .16s}.dashboard-header .btn:focus-visible,.dashboard-header select:focus-visible{outline:2px solid var(--a-selectedText);outline-offset:3px}.dashboard-header .btn:not(.primary):hover{background:var(--a-selected)}.dashboard-header #present{order:4;box-shadow:0 3px 6px #102e4b0c}.dashboard-header .manage-goals{order:3}.dashboard-header .badge{order:0;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;white-space:nowrap;font-size:11px;background:var(--a-selected);color:var(--a-selectedText)}.dashboard-header .badge:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.dashboard-header .theme-picker{order:1;gap:7px;margin-right:5px;padding-right:15px;border-right:1px solid var(--a-line)}.dashboard-header .theme-picker>span{display:none}.dashboard-header .theme-picker:before{content:'◐';font-size:17px;color:var(--a-muted)}.dashboard-header .theme-picker select{height:38px;min-width:105px;max-width:140px;font-size:12px;padding:0 10px;border-radius:9px;background:var(--a-background);color:var(--a-text)}
@media(max-width:1200px){.dashboard-header{align-items:stretch;flex-direction:column;gap:18px}.dashboard-header>.panel-actions{justify-content:flex-start}.dashboard-header .manage-goals{margin-left:auto}.dashboard-header .theme-picker{border-right:0;margin-right:0;padding-right:0}}
@media(max-width:600px){.dashboard-header{padding:18px;border-radius:13px;gap:16px}.dashboard-header h1{font-size:25px}.dashboard-header>.panel-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.dashboard-header .badge{justify-self:start}.dashboard-header .theme-picker{justify-self:end}.dashboard-header .manage-goals{margin:0}.dashboard-header .btn{width:100%;padding:0 10px;font-size:12px}.dashboard-header #present{grid-column:2}.dashboard-header .theme-picker select{min-width:95px}.dashboard-header #client-logo-central img{max-height:48px;max-width:150px}}
/* Shared alignment across dashboard heading, toolbar and content. */
main{--panel-inset:30px}.dashboard-header{padding:22px var(--panel-inset)}.dashboard-header>.panel-actions{align-items:center;gap:10px}.dashboard-header .badge{height:42px;padding:0 12px;line-height:1}.dashboard-header .theme-picker{height:42px;align-items:center}.dashboard-header .theme-picker select{height:42px}.dashboard-header .theme-picker:before{display:flex;align-items:center;justify-content:center;width:18px;height:42px;line-height:1}.dashboard-header .btn{height:42px}.toolbar{padding-inline:var(--panel-inset);align-items:center;column-gap:12px}.tenant-preview{padding:14px var(--panel-inset)}.company-window,.gauges-window{padding-inline:var(--panel-inset)}
@media(max-width:700px){main{--panel-inset:18px}.toolbar{padding-inline:0}.dashboard-header{padding-inline:var(--panel-inset)}.dashboard-header .badge{height:38px}.dashboard-header .theme-picker,.dashboard-header .theme-picker select,.dashboard-header .theme-picker:before{height:38px}}