/* Wix Solutions — extended school demo modules; responsive and readable. */
.system-shell{max-width:1320px;margin:0 auto;padding:25px 28px 60px;color:#102650;font-family:'Nunito Sans',sans-serif}
.system-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}
.system-head h1{font-size:clamp(1.45rem,2.5vw,2rem);font-weight:900;margin:0 0 6px}
.system-head p{margin:0;color:#4d6080;max-width:750px}
.system-note{font-size:.9rem;padding:13px 16px;background:#fff6dc;border-radius:10px;border:1px solid #ffe1a0;margin:12px 0 20px;line-height:1.5;color:#765018}
.system-note.safe{background:#eff7ff;color:#17466e;border-color:#cfe3fa}
.system-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}
.system-tabs button,.system-button{border:1px solid #cbd8ec;border-radius:9px;padding:9px 13px;background:#fff;color:#102650;cursor:pointer;font:inherit;font-size:.88rem;font-weight:750}
.system-tabs button.active,.system-button.primary{background:#075cff;color:#fff;border-color:#075cff}
.system-tabs button:focus-visible,.system-button:focus-visible,.system-tile:focus-visible{outline:3px solid #ffb400;outline-offset:2px}
.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0}
.system-tile,.system-panel{background:#fff;border:1px solid #e0e9f5;border-radius:16px;padding:20px;box-shadow:0 3px 10px rgba(18,41,87,.035)}
.system-tile{cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none;font:inherit}
.system-tile:hover{border-color:#739af6;background:#fbfdff}
.system-tile strong{font-weight:900;font-size:1rem}
.system-tile small{color:#506482;line-height:1.4}
.system-tile .system-emoji{font-size:1.65rem}
.system-panel{margin:14px 0}
.system-panel h2{margin:0 0 10px;font-weight:900;font-size:1.15rem}
.system-panel p,.system-panel li{color:#4f6080;line-height:1.6}
.system-panel ul{padding-left:20px}
.system-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:15px 0}
.system-metric{padding:18px;border:1px solid #dfebfa;border-radius:13px;background:#fff}
.system-metric b{display:block;font-size:1.5rem;color:#075cff}
.system-metric small{color:#536688}
.system-table-wrap{overflow:auto;border-radius:10px;border:1px solid #e0e9f5}
.system-table{width:100%;border-collapse:collapse;min-width:580px;font-size:.88rem}
.system-table td,.system-table th{padding:12px 14px;text-align:left;border-bottom:1px solid #edf1fa;vertical-align:middle}
.system-table th{font-size:.77rem;letter-spacing:.02em;background:#f6f9ff;color:#40577a}
.system-status{display:inline-block;padding:4px 9px;border-radius:99px;background:#e9f0ff;color:#1b58ad;font-weight:800;font-size:.74rem;white-space:nowrap}
.system-status.warn{background:#fff0d0;color:#975f00}
.system-status.ok{background:#e4f9ef;color:#1e7851}
.system-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:12px 0}
.system-field{display:flex;flex-direction:column;gap:6px;margin:10px 0;min-width:170px;flex:1}
.system-field span{font-weight:800;font-size:.85rem}
.system-field input,.system-field select,.system-field textarea{border:1px solid #cbd8ec;border-radius:9px;padding:10px 11px;width:100%;background:#fff;color:#102650;font:inherit}
.system-field textarea{min-height:90px;resize:vertical}
.system-field input:focus-visible,.system-field select:focus-visible,.system-field textarea:focus-visible{outline:2px solid #075cff}
.system-row{display:flex;flex-wrap:wrap;gap:13px;align-items:flex-start}
.system-log{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #ebf0f7;font-size:.85rem}
.system-muted{color:#667993;font-size:.83rem}
.system-video{min-height:160px;border:1px dashed #b3c7e4;background:#f5f9ff;border-radius:13px;padding:35px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}
.system-locked{border:1px solid #f2d4a0;background:#fff9ee;border-radius:13px;padding:16px;margin-top:14px}
.system-locked strong{display:block;margin-bottom:5px}
.system-progress{height:9px;border-radius:20px;background:#edf1fa;overflow:hidden}
.system-progress span{display:block;height:100%;background:#075cff}
.system-mini-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.system-mini-list span{background:#f0f5fd;border-radius:7px;padding:7px 10px;color:#28517b;font-size:.81rem;font-weight:750}
@media(max-width:780px){.system-shell{padding:19px 12px 38px}.system-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.system-tile,.system-panel{padding:14px}.system-head h1{font-size:1.4rem}.system-tabs button{font-size:.78rem;padding:8px}.system-table{min-width:480px}}