#showcase-view{color:#fff}.sc-controls,.sc-config{padding:16px 20px;background:rgba(255,255,255,.95);color:#171717;border:1px solid #e0c05a;border-radius:12px;margin-bottom:14px}.sc-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.sc-controls label,.sc-config label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.sc-controls input,.sc-config input:not([type=checkbox]),.sc-config select{padding:9px;border:1px solid #ccc;border-radius:5px;color:#171717;background:#fff}.sc-config summary{font-weight:800;cursor:pointer}.sc-config form{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin-top:16px}.sc-config fieldset{border:0;padding:0;display:flex;gap:14px;flex-wrap:wrap}.sc-config fieldset label{display:flex;flex-direction:row;align-items:center}.sc-config legend{font-size:12px;font-weight:800;margin-bottom:10px}.sc-config form>p{width:100%;font-size:12px;margin:0}.sc-controls .button{font-size:11px}#showcase-status{background:rgba(255,255,255,.95);color:#171717;padding:12px 16px;border-radius:8px;font-size:12px;font-weight:700}.sc-stage{background:linear-gradient(120deg,rgba(12,13,15,.97),rgba(28,27,22,.94));border:1px solid #716028;border-top:4px solid #fdd200;border-radius:16px;padding:24px;box-shadow:0 20px 60px #0006;overflow:auto;color:#fff}.sc-stage:fullscreen{border:0;border-radius:0;padding:3vh 3vw;background:radial-gradient(ellipse at top left,#34301c,#101113 70%)}.sc-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.sc-kicker{font-size:10px;letter-spacing:.17em;color:#fdd200;font-weight:800}.sc-heading h2{font-size:clamp(28px,3vw,44px);margin:7px 0;color:#fff}.sc-heading p,.sc-page{font-size:11px;color:#d1d1cb;font-weight:600}.sc-page{white-space:nowrap}.sc-grid{display:grid;grid-template-columns:minmax(210px,1.1fr) repeat(3,minmax(150px,1fr));gap:12px;align-items:stretch}.sc-card{background:linear-gradient(140deg,#26282b,#181a1d);border:1px solid #44443c;border-radius:12px;padding:14px;min-width:0}.sc-card header{display:flex;align-items:start;justify-content:space-between;gap:8px;border-bottom:3px solid #fdd200;padding-bottom:10px}.sc-card h3{font-size:13px;margin:0;color:#fff}.sc-card header p{font-size:9px;color:#bbb;margin:4px 0 0}.sc-rank{color:#fdd200;font-size:20px;line-height:1}.sc-card-body{display:flex;align-items:center;gap:10px;padding:14px 0}.sc-avatar{display:grid;place-items:center;flex-shrink:0;width:45px;height:52px;background:linear-gradient(140deg,#fdd200,#a88c16);color:#151515;font-size:18px;font-weight:900;border-radius:12px 12px 20px 20px;box-shadow:0 5px 20px #0003}.sc-primary{min-width:0}.sc-primary span{display:block;font-size:9px;color:#c6c6c0;margin-bottom:5px}.sc-primary strong{font-size:clamp(15px,1.5vw,24px);color:#ffe375;overflow-wrap:anywhere}.sc-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.sc-stats div{background:#101215;border:1px solid #353637;border-radius:6px;padding:7px}.sc-stats dt{font-size:8px;color:#bdbdb7;margin-bottom:4px}.sc-stats dd{font-size:11px;font-weight:800;color:#fff;margin:0}.sc-featured{grid-row:span 3;background:linear-gradient(155deg,#3c3822,#1b1b19 70%);border:1px solid #fdd200;display:flex;flex-direction:column}.sc-featured header h3{font-size:20px}.sc-featured .sc-rank{font-size:32px}.sc-featured .sc-card-body{flex-direction:column;justify-content:center;text-align:center;flex:1;gap:20px;padding:30px 0}.sc-featured .sc-avatar{width:105px;height:130px;font-size:44px;border-radius:26px 26px 50px 50px}.sc-featured .sc-primary strong{font-size:clamp(28px,3vw,46px)}.sc-featured .sc-primary span{font-size:11px}.sc-featured .sc-stats div{padding:12px}.sc-featured .sc-stats dt{font-size:10px}.sc-featured .sc-stats dd{font-size:16px}.sc-footer{margin-top:22px;color:#bbb;font-size:10px}.sc-footer>div{display:flex;gap:8px;flex-wrap:wrap}.sc-dot{border:1px solid #494949;padding:6px 10px;border-radius:20px}.sc-current{background:#fdd200;color:#171717;border-color:#fdd200;font-weight:800}.sc-footer progress{width:100%;height:4px;accent-color:#fdd200;display:block;border:0}.sc-footer progress::-webkit-progress-bar{background:#3b3b36}.sc-footer progress::-webkit-progress-value{background:#fdd200}.sc-empty{padding:60px 20px;text-align:center;min-height:260px;border:1px dashed #666;border-radius:12px}.sc-warning{background:#3c3010;color:#ffe6a5;border:1px solid #9e7c13;padding:14px;font-size:12px;border-radius:8px}.sc-stage:fullscreen .sc-grid{min-height:73vh}.sc-stage:fullscreen .sc-heading h2{font-size:4vh}.sc-stage:fullscreen .sc-card h3{font-size:1.7vh}.sc-stage:fullscreen .sc-stats dt{font-size:1.2vh}.sc-stage:fullscreen .sc-stats dd{font-size:1.6vh}@media(max-width:1050px){.sc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sc-featured{grid-row:span 2}.sc-heading{align-items:start}.sc-page{white-space:normal}}@media(max-width:700px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-featured{grid-column:span 2;grid-row:auto}.sc-featured .sc-card-body{flex-direction:row;padding:20px 0}.sc-featured .sc-avatar{width:65px;height:80px;font-size:26px}.sc-stage{padding:14px}.sc-heading{flex-direction:column;gap:0}.sc-card{padding:10px}}@media(prefers-reduced-motion:reduce){.sc-stage *{scroll-behavior:auto}}
#showcase-view .sc-config>p{font-size:12px;line-height:1.6}.showcase-display{padding:20px;background:#131416}.showcase-display>main{max-width:1900px;margin:auto}.showcase-display>header{max-width:1900px;margin:0 auto 16px}.showcase-display .sc-controls strong{margin-right:auto}
#showcase-stage:fullscreen{position:fixed;inset:0;z-index:2000;width:100vw;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;border-radius:0;padding:2vh 2vw;background:radial-gradient(ellipse at top left,#34301c,#101113 70%)}.showcase-immersive #showcase-stage{position:fixed;inset:0;z-index:2000;width:100vw;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;border-radius:0;padding:2vh 2vw;background:radial-gradient(ellipse at top left,#34301c,#101113 70%)}#showcase-stage:fullscreen #showcase-screen{display:flex;flex-direction:column;flex:1;min-height:0}.showcase-immersive #showcase-screen{display:flex;flex-direction:column;flex:1;min-height:0}#showcase-stage:fullscreen .sc-grid{flex:1;min-height:0}.showcase-immersive .sc-grid{flex:1;min-height:0}#showcase-stage:fullscreen>.sc-controls{background:#1e2021;color:#fff;border-color:#46463b;padding:8px;margin-bottom:12px}.showcase-immersive #showcase-stage>.sc-controls{background:#1e2021;color:#fff;border-color:#46463b;padding:8px;margin-bottom:12px}#showcase-stage:fullscreen .sc-heading{margin-bottom:12px}.showcase-immersive .sc-heading{margin-bottom:12px}#showcase-stage:fullscreen .sc-footer{margin-top:12px}.showcase-immersive .sc-footer{margin-top:12px}#showcase-stage:fullscreen .sc-card{padding:10px}.showcase-immersive .sc-card{padding:10px}#showcase-stage:fullscreen .sc-card-body{padding:10px 0}.showcase-immersive .sc-card-body{padding:10px 0}#showcase-stage:fullscreen .sc-featured .sc-card-body{padding:15px 0}.showcase-immersive .sc-featured .sc-card-body{padding:15px 0}#showcase-stage:fullscreen .sc-stats div{padding:6px}.showcase-immersive .sc-stats div{padding:6px}
.sc-controls .button{color:#171717}#showcase-stage:fullscreen .sc-heading{flex-shrink:0}#showcase-stage:fullscreen .sc-footer{flex-shrink:0}#showcase-stage:fullscreen>.sc-controls{flex-shrink:0}.showcase-immersive .sc-heading{flex-shrink:0}.showcase-immersive .sc-footer{flex-shrink:0}.showcase-immersive #showcase-stage>.sc-controls{flex-shrink:0}#showcase-stage:fullscreen .sc-grid{grid-template-rows:repeat(3,minmax(0,1fr));min-height:0}.showcase-immersive .sc-grid{grid-template-rows:repeat(3,minmax(0,1fr));min-height:0}#showcase-stage:fullscreen .sc-card{min-height:0}.showcase-immersive .sc-card{min-height:0}#showcase-stage:fullscreen .sc-stats dt{line-height:1.1;margin-bottom:2px}.showcase-immersive .sc-stats dt{line-height:1.1;margin-bottom:2px}#showcase-stage:fullscreen .sc-stats dd{line-height:1.15}.showcase-immersive .sc-stats dd{line-height:1.15}#showcase-stage:fullscreen .sc-featured .sc-card-body{min-height:0}.showcase-immersive .sc-featured .sc-card-body{min-height:0}#showcase-stage:fullscreen .sc-card header{padding-bottom:7px}.showcase-immersive .sc-card header{padding-bottom:7px}

#showcase-crews-list>fieldset{margin:16px 0;padding:16px;border:1px solid #b29435;border-radius:8px}#showcase-crews-list fieldset fieldset{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}#showcase-crews-list input:not([type=checkbox]),#showcase-crews-list select{margin:4px 12px 10px 0;padding:8px}#showcase-crews-panel[hidden]{display:none}

#showcase-crews-form{display:block}#showcase-crews-list>fieldset{display:block}#showcase-crews-list>fieldset>label{display:inline-flex;flex-direction:column;align-items:start}#showcase-crews-list input[type=checkbox]{width:auto}

.sc-avatar{position:relative;overflow:hidden}.sc-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#showcase-photos-panel[hidden]{display:none}#showcase-photos-form{align-items:start}

#showcase-department-settings{width:100%;display:grid;gap:10px}.sc-department{border:1px solid #cbb76b;border-radius:8px;padding:12px}.sc-department>label{margin:12px 0}.sc-department fieldset{margin:12px 0;max-height:240px;overflow:auto}.sc-department p{color:#333}

.sc-channel-types{margin-top:12px;padding:12px;border:1px solid #716028;border-radius:8px;color:#eee;font-size:11px}.sc-channel-types summary{cursor:pointer;font-weight:700}
.showcase-display #showcase-pair-form[hidden],#showcase-devices-panel[hidden]{display:none!important}

/* Cards keep their natural height; dense metric selections use more screens. */
.sc-grid{grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch}
.sc-featured{grid-row:span var(--sc-rows,3)}
.sc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-stats>div{min-width:0}.sc-stats dt,.sc-stats dd,.sc-card h3,.sc-card header p{overflow-wrap:anywhere}
#showcase-stage:fullscreen .sc-grid{flex:0 0 auto;grid-template-rows:none;grid-auto-rows:auto;min-height:auto}.showcase-immersive .sc-grid{flex:0 0 auto;grid-template-rows:none;grid-auto-rows:auto;min-height:auto}
#showcase-stage:fullscreen .sc-card{min-height:min-content}.showcase-immersive .sc-card{min-height:min-content}
@media(max-width:1050px){.sc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-featured{grid-row:auto;grid-column:span 2}}

/* Fullscreen is a scorecard wall: every selected person stays on one screen. */
.showcase-immersive #showcase-stage{padding:12px;overflow:hidden}
.showcase-immersive #showcase-screen{height:100%;min-height:0}
.showcase-immersive .sc-heading,.showcase-immersive .sc-footer,.showcase-immersive .sc-warning,.showcase-immersive .sc-channel-types{display:none}
.showcase-immersive #showcase-stage>.sc-controls{position:absolute;top:8px;right:8px;z-index:2;opacity:0;pointer-events:none;transition:opacity .15s}
.showcase-immersive #showcase-stage:hover>.sc-controls,.showcase-immersive #showcase-stage:focus-within>.sc-controls{opacity:1;pointer-events:auto}
.showcase-immersive #showcase-screen>.sc-grid{flex:1;min-height:0;height:100%;grid-template-columns:repeat(var(--sc-tv-columns,4),minmax(0,1fr));grid-template-rows:repeat(var(--sc-tv-rows,2),minmax(0,1fr));gap:8px}
.showcase-immersive #showcase-stage .sc-card{grid-row:auto;grid-column:auto;min-height:0;padding:8px;display:flex;flex-direction:column;font-size:var(--sc-tv-font,14px)}
.showcase-immersive #showcase-stage .sc-card header{padding-bottom:.35em;gap:.4em}
.showcase-immersive #showcase-stage .sc-card h3{font-size:1.3em}
.showcase-immersive #showcase-stage .sc-card header p{font-size:.7em;margin:.2em 0 0}
.showcase-immersive #showcase-stage .sc-rank{font-size:1.6em}
.showcase-immersive #showcase-stage .sc-card-body{flex:0 0 auto;flex-direction:row;text-align:left;justify-content:start;gap:.6em;padding:.5em 0;min-height:0}
.showcase-immersive #showcase-stage .sc-avatar{width:2.4em;height:2.8em;font-size:1.2em;border-radius:.5em}
.showcase-immersive #showcase-stage .sc-primary span{font-size:.65em;margin-bottom:.2em}
.showcase-immersive #showcase-stage .sc-primary strong{font-size:1.8em}
.showcase-immersive #showcase-stage .sc-stats{gap:.35em}
.showcase-immersive #showcase-stage .sc-stats div{padding:.35em}
.showcase-immersive #showcase-stage .sc-stats dt{font-size:.7em;line-height:1.1}
.showcase-immersive #showcase-stage .sc-stats dd{font-size:1em;line-height:1.1}

.showcase-immersive #showcase-stage .sc-card header,.showcase-immersive #showcase-stage .sc-stats{flex:0 0 auto}
.showcase-immersive #showcase-stage:hover>.sc-controls{opacity:0;pointer-events:auto}
.showcase-immersive #showcase-stage>.sc-controls:hover,.showcase-immersive #showcase-stage>.sc-controls:focus-within{opacity:1;pointer-events:auto}

#showcase-pair-status{background:#fff;color:#171717;border:1px solid #e0c05a;border-radius:10px;padding:14px 18px;font-size:16px;font-weight:800;line-height:1.5}#showcase-pair-status:empty{display:none}

/* Explicit edges work on TVs without CSS inset or unprefixed Fullscreen. */
.showcase-immersive #showcase-stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:2000}
.showcase-display.showcase-immersive>header,.showcase-display.showcase-immersive #showcase-pair-status,.showcase-display.showcase-immersive #showcase-pair-form,.showcase-display.showcase-immersive #showcase-view>.sc-controls,.showcase-display.showcase-immersive #showcase-view>.sc-config,.showcase-display.showcase-immersive #showcase-status{display:none!important}

/* Older Samsung browsers have Flexbox but no CSS Grid. */
.showcase-immersive #showcase-screen>.sc-legacy-grid{display:flex;flex-wrap:wrap;align-content:stretch;gap:0}
.showcase-immersive #showcase-stage .sc-legacy-grid>.sc-card{box-sizing:border-box;flex:0 0 auto;border-radius:8px;overflow:hidden}
.sc-legacy-grid .sc-stats{display:flex!important;flex-wrap:wrap}
.sc-legacy-grid .sc-stats>div{box-sizing:border-box;width:50%}

.sc-freshness{padding:8px;background:#30280c;color:#ffe375;font-weight:700;font-size:12px}.showcase-immersive .sc-freshness{position:absolute;bottom:0;left:12px;z-index:3;margin:0}

.sc-config .sc-field-row{display:flex;align-items:center;gap:6px;width:100%}.sc-config .sc-field-row label{flex:1}.sc-field-row button{padding:4px 10px;border:1px solid #bca14c;border-radius:5px;background:#fff;color:#171717;cursor:pointer}.sc-field-row button:disabled{opacity:.35;cursor:default}

.sc-config .sc-save-status{display:block;width:100%;font-weight:700;color:#171717;margin:10px 0}.sc-department>[data-sc-save]{margin-top:12px}

.sc-photo-crop{width:100%;max-width:380px}.sc-photo-crop[hidden]{display:none}.sc-photo-frame{position:relative;width:256px;height:256px;max-width:100%}.sc-photo-frame canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;border:2px solid #b29435;box-sizing:border-box}.sc-photo-guide{position:absolute;pointer-events:none;top:4%;bottom:4%;left:9%;right:9%;border:1px dashed #fff;box-shadow:0 0 0 1px #333}.sc-photo-crop>label{display:flex!important;margin:10px 0}.sc-photo-crop p{font-weight:700;color:#171717}

#showcase-photos-form .sc-photo-crop{flex:0 0 100%;max-width:none}.sc-photo-crop>label,.sc-photo-crop>p{max-width:380px}

.sc-photo-drop{padding:18px;border:2px dashed #b29435;border-radius:10px;min-width:260px;max-width:100%;background:#fff9dd;color:#171717}.sc-photo-drop>strong,.sc-photo-drop>span{display:block;margin-bottom:8px}.sc-photo-drop>span,.sc-photo-drop>p{font-size:12px}.sc-photo-drop input{max-width:100%;box-sizing:border-box}.sc-photo-drop.sc-photo-dragover{border-color:#171717;background:#ffdf53;box-shadow:0 0 0 3px #b2943555}

.sc-shared-template{border:1px solid #d2ae2e;border-radius:10px;padding:16px;margin-bottom:18px;background:#fff8d7;color:#171717}