.st-app{background:#fff;color:#28353e;padding:20px;max-width:1700px;margin:auto;font-family:Kanit,Tahoma,sans-serif;letter-spacing:0}.st-app *{box-sizing:border-box}.st-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid #dce2e5}.st-header span{font-size:11px;color:#177f69}.st-header h1{font-size:25px;margin:4px 0;font-weight:600}.st-header p{font-size:12px;color:#64737d;margin:0}.st-actions,.st-toolbar,.st-entity-selector{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.st-app button,.st-import{border:1px solid #c5d0d5;border-radius:5px;background:#fff;color:#304451;font:inherit;font-size:13px;padding:9px 12px;cursor:pointer}.st-app button.primary{background:#167e68;color:#fff;border-color:#167e68}.st-app button:disabled{opacity:.5;cursor:wait}.st-tabs{display:flex;gap:18px;overflow:auto;border-bottom:1px solid #dce2e5;margin:12px 0 18px}.st-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 0;white-space:nowrap}.st-tabs [aria-selected=true]{border-bottom-color:#167e68;color:#136c58;font-weight:600}.st-app label{display:grid;gap:6px;font-size:13px;margin:0;min-width:0}.st-app input,.st-app select,.st-app textarea{font:inherit;padding:8px 10px;border:1px solid #c3d0d5;border-radius:5px;min-width:0;max-width:100%;color:#304451;background:#fff}.st-toolbar{margin-bottom:18px}.st-toolbar strong{margin-left:auto;font-size:13px;color:#167e68}.st-board-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px}.st-board-wrap{overflow:auto}.st-board{width:100%;min-width:700px;table-layout:fixed;border-collapse:collapse;font-size:13px}.st-board th,.st-board td{border:1px solid #dde5e9;padding:7px;vertical-align:top}.st-board th{background:#edf3f5;font-weight:600;height:50px}.st-board th:first-child{width:90px}.st-board td{height:100px}.st-slot{position:relative;background:#fbfcfd}.st-slot.drag-over{background:#e4f5ed}.st-lesson{position:relative;border-left:3px solid #39a993;background:#edf8f4;padding:7px;min-height:82px;cursor:grab;border-radius:3px;font-size:12px;overflow-wrap:anywhere}.st-lesson.locked{border-left-color:#cf9b24;background:#fff7df;cursor:default}.st-lesson strong,.st-lesson small{display:block}.st-lesson small{font-size:11px;color:#526470;margin-top:3px}.st-lesson-tools{display:flex;gap:5px;justify-content:end;margin-top:5px}.st-lesson-tools button{padding:3px 5px;font-size:11px}.st-app h2{font-size:18px;margin:18px 0 12px;font-weight:600}.st-board-layout aside h2{font-size:15px;margin-top:0}.st-unassigned{display:block;width:100%;margin-bottom:8px;text-align:left;border-left:3px solid #cf9b24!important;cursor:grab!important}.st-form{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.st-form label{flex:1 1 170px}.st-form input:not([type=checkbox]),.st-form select,.st-form textarea{width:100%}.st-form label:has(textarea),.st-form #stEntityFields{flex-basis:100%}.st-entity-row,.st-requirement-row,.st-backup-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #e0e6e9;font-size:14px}.st-entity-row small,.st-requirement-row small{display:block;color:#657480;font-size:12px}.st-app dialog{border:1px solid #c5d1d7;border-radius:8px;padding:24px;max-width:680px;width:calc(100% - 30px)}.st-app dialog::backdrop{background:rgba(20,35,45,.45)}.st-app dialog h2{width:100%;margin:0 0 8px}.st-app dialog .st-actions{width:100%;justify-content:end}.st-check{display:flex!important;align-items:center;gap:8px}.st-check input{width:18px;height:18px}.st-availability{display:grid;gap:5px;margin-top:12px}.st-availability-day{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.st-availability-day span{width:70px;font-size:12px}.st-availability-day label{display:flex;gap:3px;align-items:center;font-size:12px;flex:0 0 auto}.st-app [hidden]{display:none!important}.st-import input{max-width:220px;font-size:12px}.st-app :focus-visible{outline:3px solid #79b7d9;outline-offset:2px}.st-status-error{color:#ab3250}#stStatus{min-height:24px;font-size:13px;margin:12px 0}.st-board td:focus-visible{outline-offset:-3px}@media(max-width:900px){.st-board-layout{grid-template-columns:1fr}.st-board-layout aside{display:flex;flex-wrap:wrap;gap:8px}.st-board-layout aside h2{width:100%}.st-unassigned{width:auto}.st-header{flex-wrap:wrap}}@media(max-width:600px){.st-app{padding:12px}.st-header h1{font-size:21px}.st-form>*{flex-basis:100%}.st-entity-row,.st-requirement-row{flex-wrap:wrap}.st-toolbar strong{margin-left:0}.st-tabs{gap:15px}}@media print{body *{visibility:hidden}.st-app,.st-app *{visibility:visible}.st-app{position:absolute;left:0;top:0;width:100%;padding:0}.st-tabs,.st-actions,.st-board-layout aside,.st-lesson-tools,#stStatus{display:none!important}.st-board-layout{display:block}.st-board-wrap{overflow:visible}.st-board{min-width:0}.st-board td{height:85px}.st-header p{display:none}.st-toolbar button{display:none}}
.st-availability-day label span{width:auto}
.st-board-wrap>.st-school-name{font-size:25px;font-weight:600;text-align:center;margin:0 0 8px}.st-board-wrap>p{text-align:center}.st-board .st-lunch{background:#f0f0f0;color:#47545e;text-align:center;vertical-align:middle;min-width:65px}.st-slot:has(.st-lesson){cursor:pointer}#stSuggestions{margin-bottom:12px;font-size:13px}#stSuggestions:empty{display:none}.st-board th{white-space:pre-line;font-size:12px}
.st-workspace{padding-top:14px}.st-workspace input{width:115px}.st-workspace span{font-size:12px;color:#436955}.st-signer-row{display:grid;grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center;margin:8px 0}#stSigners{width:100%}.st-signer-row input[type=checkbox]{width:18px;height:18px}@media(max-width:600px){.st-signer-row{grid-template-columns:20px minmax(0,1fr) auto}.st-signer-row input:nth-child(3){grid-column:2}.st-signer-row button{grid-column:3;grid-row:1/3}}
.st-app .st-workspace,.st-app [data-st-panel=board]>.st-toolbar{flex-wrap:nowrap;align-items:center;overflow-x:auto;max-width:100%;padding-bottom:6px}
.st-app .st-workspace>*,.st-app [data-st-panel=board]>.st-toolbar>*{flex-shrink:0}
.st-app .st-workspace>label,.st-app [data-st-panel=board]>.st-toolbar>label{display:flex;align-items:center;gap:8px;white-space:nowrap}
.st-app .st-workspace input,.st-app .st-workspace select,.st-app .st-workspace button,.st-app [data-st-panel=board]>.st-toolbar select,.st-app [data-st-panel=board]>.st-toolbar button{height:36px;padding:6px 10px;line-height:1.3}
.st-app .st-workspace input{width:90px}.st-app .st-workspace select{width:76px}
.st-app .st-workspace span,.st-app .st-workspace a,.st-app .st-workspace button,.st-app [data-st-panel=board]>.st-toolbar button{white-space:nowrap}
.st-board-wrap>h2{margin:0 0 6px}.st-board-wrap>p{font-size:13px;color:#657480;margin:0 0 12px}.st-board th{background:#eef6fa}.st-board td:nth-child(2n){background:#fffdf5}.st-unassigned:nth-of-type(3n+1){background:#fff1d6;border-left-color:#d9a421!important}.st-unassigned:nth-of-type(3n+2){background:#e9f4ff;border-left-color:#529aca!important}.st-unassigned:nth-of-type(3n){background:#ffeaf0;border-left-color:#c9698f!important}.st-app h3{font-size:14px;margin:18px 0 8px}.st-lesson{print-color-adjust:exact;-webkit-print-color-adjust:exact}@media print{.st-board-wrap>h2{font-size:20px}.st-toolbar{display:none!important}}
