.school-tile-demo{color:#f2ecdf}.school-tile-demo .demo-workspace{padding:26px 30px 30px}.school-tile-demo .demo-panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.school-tile-demo .demo-panel-heading h3{margin-top:7px;font-size:24px;font-weight:600}.school-tile-demo .demo-panel-heading .eyebrow{letter-spacing:.14em;font-size:9px}.school-tile-demo .demo-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px;display:grid}.school-tile-demo .demo-summary>div{color:#d5be91;background:#1d1c18;border:1px solid #3a352b;border-radius:9px;align-items:center;gap:14px;padding:15px 18px;display:flex}.school-tile-demo .demo-summary span{color:#bdb6a7;flex-direction:column;font-size:10px;display:flex}.school-tile-demo .demo-summary b{color:#f2ecdf;font-size:25px;font-weight:600;line-height:1.25}.school-tile-demo .demo-summary .online{color:#75c4a0}.school-tile-demo .demo-summary .offline{color:#ef8f8f}.school-tile-demo .demo-summary .locked{color:#e2b96e}.school-tile-demo .demo-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.school-tile-demo .demo-filter-row label{color:#bdb6a7;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.school-tile-demo select,.demo-dialog select,.demo-dialog input{color:#f2ecdf;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#24231f;border:1px solid #514b3e;border-radius:7px;padding:10px 12px}.school-tile-demo .demo-view-label{color:#eddbb2;background:#30291d;border:1px solid #51432d;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:inline-flex}.school-tile-demo .demo-toolbar{flex-wrap:wrap;gap:12px;margin-top:18px}.school-tile-demo .select-all{flex-shrink:0;font-size:12px}.school-tile-demo .demo-actions{gap:6px}.school-tile-demo .demo-actions button{padding:8px;font-size:11px}.school-tile-demo .demo-computers{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.school-tile-demo .demo-pc{cursor:default;box-shadow:none;background:#1d1c18;border:1px solid #3a352b;border-radius:10px;padding:14px 14px 10px}.school-tile-demo .demo-pc:hover{background:#24221c;border-color:#897449}.school-tile-demo .demo-pc.selected{background:#30291d;border-color:#eddbb2;box-shadow:0 0 0 1px #eddbb230}.school-tile-demo .demo-pc [data-slot=checkbox]{cursor:pointer;top:10px;left:10px}.school-tile-demo .demo-pc strong{overflow-wrap:anywhere;text-align:center;font-size:14px;font-weight:600;line-height:1.3}.school-tile-demo .pc-icon{color:#75b797;height:46px;margin:14px 0 10px}.school-tile-demo .demo-pc.offline .pc-icon{color:#877e6b}.school-tile-demo .demo-pc.locked .pc-icon{color:#d6b376}.school-tile-demo .demo-power-dot{border-radius:50%;width:8px;height:8px;position:absolute;top:13px;right:12px}.school-tile-demo .demo-power-dot.online{background:#68be96;box-shadow:0 0 8px #68be9638}.school-tile-demo .demo-power-dot.offline{background:#ea777c}.school-tile-demo .demo-pc-address{color:#a89f8d;font:10px/1.7 var(--font-geist-mono), monospace;text-align:center;overflow-wrap:anywhere;flex-direction:column;margin-top:7px;display:flex}.school-tile-demo .demo-pc-badges{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:10px;display:flex}.school-tile-demo .demo-pc-badges>span{color:#bdb6a7;background:#ffffff06;border:1px solid #454035;border-radius:5px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;display:inline-flex}.school-tile-demo .demo-pc-badges .type{color:#b8a0e5;background:#8b5cf610;border-color:#8b5cf635}.school-tile-demo .pc-status{min-height:18px;margin-top:12px;margin-bottom:10px;font-size:11px}.school-tile-demo .demo-tile-actions{border-top:1px solid #3a352b;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:auto;padding-top:10px;display:flex}.school-tile-demo .demo-tile-action{color:#d6b779;cursor:pointer;background:#e9cb8d0c;border:1px solid #594a32;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,border-color .15s;display:inline-flex}.school-tile-demo .demo-tile-action:hover{background:#e9cb8d20;border-color:currentColor}.school-tile-demo .demo-tile-action.edit{color:#bca4f3;background:#8b5cf60d;border-color:#8b5cf640}.school-tile-demo .demo-tile-action.wake,.school-tile-demo .demo-tile-action.unlock{color:#79c4a3;background:#10b9810d;border-color:#10b98140}.school-tile-demo .demo-tile-action.lock,.school-tile-demo .demo-tile-action.shutdown{color:#f29095;background:#ef44440d;border-color:#ef444440}.school-tile-demo .demo-tile-action.restart{color:#e8c077}.school-tile-demo .demo-action-separator{background:#4b4233;width:1px;height:14px;margin-inline:1px}.demo-tile-tooltip{border:1px solid #675c46;font-size:11px;color:#f2ecdf!important;background:#302b21!important}.school-tile-demo .demo-empty{text-align:center;color:#bdb6a7;grid-column:1/-1;padding:40px 15px;font-size:13px}.school-tile-demo .demo-message svg,.school-tile-demo .demo-footnote svg,.school-tile-demo .demo-disclaimer svg{flex-shrink:0}.demo-dialog{color:#f2ecdf;z-index:200;background:#191916;border:1px solid #51432d;border-radius:12px;max-width:min(460px,100vw - 32px);max-height:calc(100dvh - 40px);padding:28px;overflow-y:auto}.demo-dialog [data-slot=dialog-title]{padding-right:26px;font-size:21px;line-height:1.3}.demo-dialog [data-slot=dialog-description]{color:#bdb6a7;line-height:1.65}.demo-dialog-close{color:#eddbb2;background:0 0;border:1px solid #514b3e;border-radius:6px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;right:12px}.demo-dialog form{gap:16px;display:grid}.demo-dialog form label{color:#c9bfae;gap:7px;font-size:12px;display:grid}.demo-dialog input,.demo-dialog select{width:100%;min-width:0;font-size:14px}.demo-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.demo-dialog-actions button{color:#f2ecdf;background:#24231f;border:1px solid #514b3e;border-radius:7px;padding:10px 15px;font-size:13px}.demo-dialog-actions .confirm{color:#211b11;background:#eddbb2;border-color:#f5deb0}.demo-dialog-actions .danger{color:#fff4e8;background:#7e252a;border-color:#b9434a}.demo-edit-address{font:11px/1.8 var(--font-geist-mono), monospace;color:#a89f8d}.demo-confirm-targets{color:#eddbb2;overflow-wrap:anywhere;font-size:13px;line-height:1.8}@media (max-width:700px){.school-tile-demo .demo-workspace{padding:20px 15px}.school-tile-demo .demo-panel-heading{align-items:flex-start}.school-tile-demo .demo-panel-heading h3{font-size:21px}.school-tile-demo .demo-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}.school-tile-demo .demo-summary>div{gap:10px;padding:12px}.school-tile-demo .demo-summary b{font-size:22px}.school-tile-demo .demo-toolbar{align-items:stretch}.school-tile-demo .demo-actions{display:flex}.school-tile-demo .demo-actions button{flex:1 0 auto;justify-content:center}.school-tile-demo .demo-computers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.school-tile-demo .demo-pc{padding:14px 8px 10px}.school-tile-demo .demo-pc strong{font-size:12px}.school-tile-demo .demo-pc-address{font-size:9px}.school-tile-demo .demo-tile-action{width:32px;height:32px}.school-tile-demo .demo-view-label{font-size:10px}}@media (max-width:359px){.school-tile-demo .demo-computers{grid-template-columns:1fr}}