.do-panel{margin:24px 0;padding:24px;border:1px solid #e5ddec;border-radius:18px;background:#fff;color:#342a40}.do-panel h3,.do-panel h4{margin:0 0 12px}.do-panel p{color:#85758f;font-size:13px;line-height:1.6}.do-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.do-panel label{display:grid;gap:8px;font-size:12px;font-weight:600;min-width:0}.do-panel :is(input,textarea,select){box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid #dfd3eb;border-radius:10px;background:#fff;color:#372a43;font:inherit;min-height:46px}.do-panel textarea{resize:vertical}.do-panel .do-check{display:flex;gap:10px;align-items:center;margin:16px 0}.do-check input{width:18px;min-height:18px;accent-color:#7549cc}.do-panel .do-wide{grid-column:1/-1}.do-panel button,.do-dialog button{font:inherit;cursor:pointer;min-height:44px;border:1px solid #ded2ed;border-radius:10px;padding:10px 15px;background:#faf7ff;color:#67458e}.do-panel button:disabled,.do-dialog button:disabled{opacity:.55;cursor:default}.do-panel .do-primary,.do-dialog .do-primary{background:#7146cd;border-color:#7146cd;color:#fff;font-weight:600}.do-preview{margin:20px 0}.do-preview details{margin:12px 0;padding:14px;border:1px solid #e9e1f0;border-radius:12px}.do-preview summary{cursor:pointer;font-size:13px;font-weight:600}.do-preview pre{white-space:pre-wrap;font:13px/1.6 inherit;overflow-wrap:anywhere}.do-affected,.do-tracking{display:grid;gap:10px;margin:16px 0}.do-row{padding:15px;border:1px solid #e8e0ef;border-radius:12px;background:#fcfaff}.do-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.do-row small{display:block;color:#8c789c;margin-top:8px;font-size:11px}.do-row p{margin:8px 0}.do-banner{border-left:4px solid #8c5cd9;margin:18px 0;background:#fbf7ff}.do-result{color:#a5435d;overflow-wrap:anywhere}.do-success{color:#398059!important}.do-overlay{position:fixed;inset:0;z-index:600;background:#21132e66;backdrop-filter:blur(5px);padding:20px;display:grid;place-items:center}.do-dialog{box-sizing:border-box;width:min(100%,650px);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;color:#382b44;border-radius:22px;padding:28px;font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 30px 80px #24103b44}.do-dialog header{position:static;display:flex;align-items:start;justify-content:space-between;gap:18px;background:transparent;padding:0}.do-dialog h2{margin:3px 0 0;font-size:25px;line-height:1.3}.do-dialog small,.do-zone{color:#9076a3;font-size:12px}.do-dialog .do-close{border-radius:50%;width:36px;height:36px;min-height:36px;padding:0;font-size:24px}.do-slot-list section{margin:20px 0}.do-slot-list h3{font-size:14px;margin-bottom:10px;text-transform:capitalize}.do-slot-list section>div{display:flex;flex-wrap:wrap;gap:8px}.do-dialog .do-slot{min-height:42px;padding:8px 12px}.do-dialog .do-slot.is-selected{background:#7449ce;color:#fff;border-color:#7449ce}.do-panel [hidden]{display:none!important}.do-panel :is(button,input,textarea,select):focus-visible,.do-dialog button:focus-visible{outline:3px solid #c8b3ec;outline-offset:3px}@media(max-width:600px){.do-panel{padding:20px 16px}.do-fields{grid-template-columns:1fr}.do-panel :is(input,select,textarea){font-size:16px}.do-wide{grid-column:auto}.do-overlay{padding:12px}.do-dialog{padding:22px 18px;max-height:calc(100dvh - 24px)}.do-dialog h2{font-size:22px}.do-dialog .do-slot{min-height:46px}.do-panel .do-primary{width:100%}}
.wh-shell:has(#dayOffPreviewPanel) .wh-savebar{position:static!important;bottom:auto!important;margin-top:20px}.do-panel .do-check input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;padding:0;border-radius:3px;flex:0 0 18px}body:has(#dayOffPreviewPanel) .teacher-shell>main>header{position:static}@media(max-width:600px){body:has(#dayOffPreviewPanel) .teacher-shell>main>header .header-actions{display:none}body:has(#dayOffPreviewPanel) #title{width:auto;max-width:none;white-space:normal;text-overflow:clip;overflow:visible}}