/* Isolated presentation surface. No application-wide style overrides. */

.fk-showcase{--sc-gold:#d8b45d;--sc-paper:#f5f3ed;--sc-muted:#bac3c5;margin:0;background:#182126;color:var(--sc-paper);font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(14px,1.1vw,28px);min-height:100vh;box-sizing:border-box}

.fk-showcase *, .sc-editor *{box-sizing:border-box}.fk-showcase [hidden],.sc-editor [hidden]{display:none!important}

.sc-header{height:11vh;min-height:86px;background:var(--sc-paper);display:flex;align-items:center;padding:0 3.2vw;gap:3vw;color:#242b2e;border-bottom:3px solid var(--sc-gold)}

.sc-header>img{width:clamp(180px,15vw,580px);height:78%;object-fit:contain}.sc-brandline{border-left:1px solid #d5d0c4;padding-left:2.4vw;font-size:.62em;letter-spacing:.2em;font-weight:700;line-height:1.9}.sc-brandline span{display:block;font-size:1.2em;letter-spacing:.025em;color:#5c6568;font-weight:400}.sc-clock{margin-left:auto;text-align:right}.sc-clock time{display:block;font:600 1.7em/1.1 Montserrat,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.sc-clock span{font-size:.65em;color:#666e71;display:block;margin-top:.35em}

.sc-main{padding:2.4vh 3.2vw 1.5vh;max-width:4400px;margin:auto}.sc-intro{display:flex;align-items:center;justify-content:space-between;gap:2vw;margin-bottom:2vh}.sc-eyebrow{font-size:.6em;letter-spacing:.25em;font-weight:700;color:var(--sc-gold);margin-bottom:.7em}.sc-intro h1{margin:0;font:600 clamp(24px,2.25vw,70px)/1.15 Montserrat,sans-serif;letter-spacing:-.05em}.sc-intro h1 em{font-style:normal;font-weight:400;color:#c2cacc}.sc-live{display:flex;align-items:center;gap:.65em;font-size:.66em;color:#ccd3d4;white-space:nowrap}.sc-live-dot{height:.5em;width:.5em;border-radius:50%;background:#98bea9;box-shadow:0 0 0 5px #98bea912}.sc-stale .sc-live-dot{background:var(--sc-gold)}

.sc-summary{display:flex;gap:2.8vw;border-top:1px solid #ffffff17;padding:1.3vh 0 1.7vh;margin-bottom:.5vh}.sc-summary span{color:#c1cacd;font-size:.73em;display:flex;align-items:center;gap:.6em}.sc-summary b{font-family:Montserrat,sans-serif;font-size:1.3em;color:var(--sc-paper)}.sc-summary i{width:.4em;height:.4em;border-radius:50%;background:var(--tone)}

.sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:1.35vw;height:62vh;min-height:430px}.sc-card{border-radius:12px;overflow:hidden;min-width:0;background:var(--sc-paper);color:#243036;display:flex;flex-direction:column;position:relative;box-shadow:0 8px 24px #00000016}.sc-image{flex:1;min-height:0;overflow:hidden;position:relative;background:#e7e8e4;display:flex;align-items:center;justify-content:center}.sc-image>img{position:absolute;width:100%;height:100%;object-fit:contain;z-index:1;background:#e7e8e4}.sc-art{width:48%;height:75%;color:#849496;filter:drop-shadow(0 8px 5px #1522260d)}.sc-image:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#ffffffaa,transparent 72%)}.sc-no-photo{position:absolute;bottom:.6em;left:1.5em;color:#556164;font-size:.52em;letter-spacing:.1em;text-transform:uppercase}.sc-body{padding:.85em 1.15em .75em;border-top:1px solid #d6dad5}.sc-body h2{font:650 clamp(16px,1.25vw,40px)/1.2 Montserrat,sans-serif;letter-spacing:-.04em;margin:0 0 .65em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-detail{display:flex;align-items:center;justify-content:space-between;gap:.6em}.sc-name{font-size:.74em;color:#596568;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-status{font-size:.62em;line-height:1.2;font-weight:700;padding:.5em .7em;border-radius:5px;color:var(--ink);background:var(--wash);white-space:nowrap;display:flex;align-items:center;gap:.5em}.sc-status:before{content:'';background:var(--ink);height:.45em;width:.45em;border-radius:50%}.sc-card:after{content:'';height:3px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}

.sc-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.7vh;gap:1em}.sc-signature{font-size:.5em;letter-spacing:.16em;color:#b7c1c3}.sc-signature b{font-weight:600;color:#e5d4ac}.sc-web{font-size:.67em;color:#d6b867}.sc-pagination{display:flex;align-items:center;gap:.6em;font-size:.6em}.sc-pagination>span{min-width:6em;text-align:center;font-variant-numeric:tabular-nums}.sc-pagination button{font:inherit;font-size:1.35em;background:#ffffff08;color:#d5dcdc;border:1px solid #ffffff22;border-radius:7px;min-height:44px;min-width:44px;cursor:pointer}.sc-pagination button:hover,.sc-pagination button:focus-visible{background:#d8b45d26;border-color:var(--sc-gold);outline:2px solid var(--sc-gold);outline-offset:2px}.sc-pagination button:disabled{opacity:.3;cursor:default}.sc-message{min-height:56vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#cbd2d3}.sc-message h2{font:500 1.8em Montserrat,sans-serif;color:#f4edda;max-width:24em}.sc-message a{color:#e5c982}.sc-preview-label{position:fixed;top:0;left:50%;transform:translateX(-50%);background:#d8b45d;color:#28261f;padding:6px 18px;border-radius:0 0 8px 8px;font-size:11px;font-weight:700;z-index:5}

@media(min-aspect-ratio:19/10){.sc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sc-main{padding-top:2vh}.sc-intro h1{font-size:2vw}}

@media(min-width:2100px){.sc-pagination button{min-width:2.6em;min-height:2.6em}.sc-card{border-radius:20px}}

@media(max-width:1000px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:64vh;min-height:500px}.sc-brandline{display:none}.sc-intro h1 em{display:block}.sc-summary{gap:3vw}.sc-footer{flex-wrap:wrap}.sc-signature{display:none}.sc-body h2{font-size:18px}.sc-status{font-size:11px}.sc-name{font-size:13px}.sc-live{font-size:11px}}

@media(max-width:560px){.sc-grid{height:auto;grid-auto-rows:240px;min-height:0;gap:12px;grid-template-columns:1fr}.sc-header{min-height:78px}.sc-header>img{width:160px}.sc-intro{align-items:flex-start}.sc-intro h1{font-size:22px}.sc-live{max-width:100px;white-space:normal;line-height:1.5}.sc-summary{flex-wrap:wrap;gap:12px 20px;font-size:16px}.sc-main{padding:20px 18px}.sc-clock span{font-size:10px}.sc-footer{padding-top:20px}.sc-web{font-size:12px}}

/* Operator controls stay in the authenticated work dashboard, never on the display. */

#fixking-device-workspace .sc-launch{border:1px solid #b5964e;background:#faf4df;color:#4d3d1a;border-radius:7px;min-height:42px;padding:8px 16px;font:600 13px 'Segoe UI',sans-serif;margin-left:auto;cursor:pointer;white-space:nowrap}

.sc-editor{border:0;border-radius:16px;padding:0;background:#f4f3ef;color:#263238;width:min(1080px,94vw);max-height:90vh;box-shadow:0 25px 90px #0005;font:15px/1.45 'Segoe UI',Arial,sans-serif}.sc-editor::backdrop{background:#182126b3}.sc-editor header{padding:24px 28px;border-bottom:1px solid #d5d9d7;display:flex;gap:20px;justify-content:space-between;align-items:center}.sc-editor h2{margin:0;font:650 23px Montserrat,sans-serif;color:#263238}.sc-editor p{margin:8px 0 0;color:#586567}.sc-editor button{font:600 14px 'Segoe UI',sans-serif;border:1px solid #bfc8c9;background:#fff;border-radius:7px;min-height:44px;padding:10px 18px;cursor:pointer;color:#263238}.sc-editor button:focus-visible,.sc-editor input:focus-visible{outline:3px solid #b58d2d;outline-offset:2px}.sc-editor section{padding:20px 28px;max-height:57vh;overflow:auto}.sc-editor footer{padding:18px 28px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #d5d9d7}.sc-editor footer p{flex:1;font-size:12px;min-width:210px}.sc-editor .sc-primary{background:#d8b45d;border-color:#c7a246;color:#282419}.sc-edit-row{padding:18px 0;border-bottom:1px solid #d5d9d7;display:grid;grid-template-columns:150px 1fr 220px;gap:20px;align-items:center}.sc-edit-row .sc-edit-image{width:150px;height:95px;object-fit:contain;background:#e3e7e6;border-radius:7px}.sc-edit-row strong{font-size:16px}.sc-edit-row label{display:flex;align-items:center;gap:8px;margin:8px 0}.sc-edit-row input[type=checkbox]{width:20px;height:20px;accent-color:#987420}.sc-edit-row input[type=text]{width:100%;padding:10px;border:1px solid #adb9bb;border-radius:6px;background:#fff;color:#263238}.sc-edit-row small{font-size:12px;color:#586567}.sc-editor .sc-error{color:#9c302a;font-weight:600}.sc-settings-options{display:flex;gap:25px;flex-wrap:wrap;margin-bottom:10px}.sc-settings-options label{display:flex;gap:8px;align-items:center}.sc-settings-options select{padding:8px;border:1px solid #adb9bb;border-radius:5px;background:#fff;color:#263238}

@media(max-width:650px){.sc-edit-row{grid-template-columns:90px 1fr;gap:12px}.sc-edit-row .sc-edit-image{width:90px;height:70px}.sc-edit-row>div:last-child{grid-column:1/-1}.sc-editor header,.sc-editor section,.sc-editor footer{padding:16px}.sc-editor h2{font-size:19px}}



.sc-image.has-photo:before{background-image:var(--sc-photo);background-size:cover;background-position:center;filter:blur(18px) brightness(.64);transform:scale(1.15)}.sc-image.has-photo>img{background:transparent}.sc-image.has-photo .sc-art{visibility:hidden}


/* Real photos and touch-friendly manual ordering. */
.sc-edit-row{grid-template-columns:130px minmax(0,1fr) 180px 108px;gap:16px}.sc-edit-row .sc-edit-image{width:130px;height:90px}.sc-name-field label{flex-direction:column;align-items:flex-start}.sc-order{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sc-order>span{grid-column:1/-1;text-align:center;font-size:13px;color:#657476;font-variant-numeric:tabular-nums}.sc-editor .sc-order button{min-width:44px;padding:8px;font-size:20px}.sc-editor button:disabled{opacity:.35;cursor:default}.sc-order-feedback{font-size:13px;min-height:20px}
@media(max-width:650px){.sc-edit-row{grid-template-columns:80px minmax(0,1fr) 98px;gap:10px}.sc-edit-row .sc-edit-image{width:80px;height:70px}.sc-edit-row .sc-name-field{grid-column:1/-1;grid-row:2}.sc-edit-row>.sc-order:last-child{grid-column:3;grid-row:1}.sc-edit-row strong{font-size:14px}.sc-edit-row small{font-size:11px}.sc-order{gap:4px}}

.sc-editor[open]{display:flex;flex-direction:column;overflow:hidden;max-height:90vh;max-height:90dvh}.sc-editor header,.sc-editor footer{flex-shrink:0}.sc-editor section{flex:1;min-height:0;max-height:none}.sc-editor footer button{max-width:100%}
@media(max-width:650px){.sc-editor footer{gap:8px}.sc-editor footer p{flex-basis:100%;margin:0}.sc-editor footer button{padding:9px 12px;font-size:12px;min-height:44px}.sc-editor header{padding:14px 16px}}

/* Six devices remain visible while each case cycles its own photographs. */
.sc-photo-count{position:absolute;z-index:2;right:12px;bottom:12px;padding:5px 9px;border-radius:6px;background:#172126d9;color:#fff;font-size:12px;line-height:1.25;font-variant-numeric:tabular-nums;pointer-events:none}
@media(min-width:1001px){.sc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.sc-image{color:inherit;text-decoration:none;cursor:pointer}.sc-image:focus-visible{outline:4px solid #d8b45d;outline-offset:-4px}.sc-image:hover:after{content:"Otvoriť servis ↗";position:absolute;z-index:3;top:12px;left:12px;background:#172126e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px}
