/* Configurable scenery: private pupils and all controls remain real DOM. */
.sv-scene[data-layout=futsal],.sv-config-preview[data-layout=futsal]{background-image:url('/assets/sala-viva/futsal-v1.png')}
.sv-scene[data-layout=swimming],.sv-config-preview[data-layout=swimming]{background-image:url('/assets/sala-viva/swimming-v1.png')}
.sv-scene[data-layout=dance],.sv-config-preview[data-layout=dance]{background-image:url('/assets/sala-viva/dance-v1.png')}
.sv-scene[data-layout=institutional],.sv-config-preview[data-layout=institutional]{background-image:url('/assets/sala-viva/institutional-v1.png')}
.sv-scene[data-layout=basketball],.sv-config-preview[data-layout=basketball]{background-image:url('/assets/sala-viva/basketball-v1.png')}
.sv-scene[data-layout]:not([data-layout=classroom]){aspect-ratio:16/10;min-width:880px;background-size:100% 100%}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-brand{display:none}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-controls{top:2%;left:2%;right:2%;width:auto;grid-template-columns:repeat(4,1fr)}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-controls>div,.sv-scene[data-layout]:not([data-layout=classroom]) .sv-controls>label{background:#fffffff2;border-radius:8px;padding:10px 14px}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-school{top:17%;left:26%;width:13%;height:22%;background:#ffffffe8;border-radius:5px;padding:8px;color:var(--sv-primary)}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-school-mark{height:75%;width:100%}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-board-controls{top:17%;left:2%;width:21%;background:#12243ce8;border-radius:8px;padding:10px;color:white}
.sv-scene[data-layout]:not([data-layout=classroom]) #sv-filters{color:white}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-room{top:49%;left:17%;right:10%;bottom:7%;width:auto;height:auto;background:none;border:0;padding:0;overflow:auto;box-shadow:none}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desks{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px 6px;padding:0;min-height:0}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk{height:80px;min-height:0;width:auto;padding:0;transform:none!important;justify-content:start}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-chair,.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desktop,.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk:before,.sv-scene[data-layout]:not([data-layout=classroom]) .sv-room:before{display:none}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-portrait{width:48px;height:48px;border-radius:50%;border:3px solid #93a4b7;background:#e7eef7}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk[data-status=inside] .sv-portrait{border-color:#35c759}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk[data-status=outside] .sv-portrait{border-color:#2d98ff}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk[data-status=absent] .sv-portrait{border-color:#ff5353;filter:grayscale(1)}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk[data-late=true] .sv-portrait{border-color:#ffbd25}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-name{background:#10263ee8;color:white;font-size:10px;max-width:100%;padding:2px 7px}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-state{font-size:8px;padding:1px 3px;background:#ffffffe8;color:#10263e;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk[hidden]{display:none}
.sv-scene[data-display=rows]:not([data-layout=classroom]) .sv-desks{grid-template-columns:repeat(6,minmax(0,1fr))}
.sv-scene[data-display=scattered]:not([data-layout=classroom]) .sv-desk:nth-child(2n){transform:translateY(9px)!important}
.sv-layout-score{position:absolute;top:17%;left:41%;width:25%;padding:10px;background:#101820;color:white;border:3px solid #54606b;box-shadow:0 3px 9px #0009;text-align:center;font-family:system-ui}
.sv-layout-score>strong{display:block;text-transform:uppercase;font-size:14px}.sv-layout-score>div{display:flex;justify-content:space-around;margin:8px 0}.sv-layout-score span{font-size:10px;text-transform:uppercase}.sv-layout-score b{display:block;font-size:28px}.sv-layout-score small{font-size:9px}.sv-layout-score .green{color:#34ee62}.sv-layout-score .amber{color:#ffc32d}.sv-layout-score .red{color:#ff5a5a}
.sv-layout-phrase{position:absolute;top:19%;right:12%;max-width:15%;color:white;background:var(--sv-secondary);padding:16px 10px;text-align:center;font-size:18px;font-weight:800;overflow-wrap:anywhere}
#sv-pages{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px}.sv-layout-dialog{width:min(900px,95vw);max-height:90vh;overflow:auto;border:1px solid #d4e0f0;border-radius:18px;padding:24px;color:#153361}.sv-layout-dialog::backdrop{background:#10244099}.sv-layout-dialog header,.sv-layout-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.sv-layout-dialog label{display:block;margin:12px 0}.sv-layout-dialog input:not([type=checkbox]),.sv-layout-dialog select{width:100%;padding:10px;border:1px solid #c5d8ed;border-radius:8px}.sv-layout-dialog input[type=checkbox]{width:auto}.sv-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sv-config-preview{background-color:var(--sv-primary);background-size:cover;background-position:center;color:white;padding:20px;margin:16px 0;border-radius:12px;min-height:200px;text-shadow:0 1px 3px #000}.sv-config-preview>div{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:30px}.sv-config-preview span{background:#17395ce8;border:3px solid #35c759;border-radius:50%;padding:10px}.sv-config-preview small{display:block}
@media(max-width:600px){.sv-config-grid{grid-template-columns:1fr}.sv-layout-dialog{padding:16px}.sv-view-actions{flex-wrap:wrap}.sv-layout-dialog footer{flex-wrap:wrap}}
#sv-desks .sv-desk[hidden]{display:none}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk[data-status=absent] .sv-portrait{filter:none}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk[data-status=absent] .sv-portrait img{filter:grayscale(1)}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-portrait:after{position:absolute;right:-6px;bottom:-3px;border-radius:50%;background:#35b953;color:white;font:700 12px system-ui;width:18px;height:18px;content:'✓';text-align:center}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk[data-status=absent] .sv-portrait:after{content:'×';background:#e94b52}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk[data-status=outside] .sv-portrait:after{content:'→';background:#2586df}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk[data-late=true] .sv-portrait:after{content:'◷';background:#d79500}
.sv-scene[data-layout]:not([data-layout=classroom]) #sv-filters button{font-family:system-ui;font-size:14px}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-school{flex-direction:column;justify-content:center;gap:4px;text-align:center}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-school strong{font-size:13px;line-height:1.2}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desks{grid-auto-rows:80px}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-desk{display:flex;flex-direction:column;align-items:center;gap:2px}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-portrait{position:relative;top:auto;left:auto;flex-shrink:0}
.sv-scene[data-layout]:not([data-layout=classroom]) .sv-name,.sv-scene[data-layout]:not([data-layout=classroom]) .sv-state{position:static;top:auto;left:auto;right:auto;line-height:1.15;border-radius:4px}