.tw{--tw-teal:#23655f;direction:rtl;color:#183732;font-family:Tajawal,"Segoe UI",sans-serif;font-size:14px;line-height:1.65;min-width:0}.tw *{box-sizing:border-box}.tw button,.tw input,.tw select,.tw textarea{font:inherit}.tw button{border:1px solid #d4e0dd;border-radius:8px;background:#fff;padding:6px 11px;cursor:pointer;color:#23463e}.tw button:hover{background:#edf6f3;border-color:#69a394}.tw button:focus-visible,.tw summary:focus-visible{outline:3px solid #7dd3fc;outline-offset:2px}.tw button:disabled{opacity:.45;cursor:not-allowed}.tw button[aria-pressed=true],.tw .tw-primary{background:var(--tw-teal);color:#fff;border-color:var(--tw-teal)}.tw h3{font-weight:800;font-size:18px;margin:0}.tw h4{font-weight:800;margin:8px 0}.tw label{display:flex;flex-direction:column;gap:5px;font-weight:600}.tw input:not([type=range]):not([type=color]),.tw textarea,.tw select{border:1px solid #c9d9d3;border-radius:8px;padding:8px;background:#fff;color:#183732;min-width:0;max-width:100%}.tw textarea{min-height:100px;resize:vertical;white-space:pre-wrap}.tw input[type=color]{height:30px;width:36px;border:0;padding:0;background:none}.tw input[type=number]{width:90px}.tw .tw-section-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px}.tw.tw-panel,.tw-lesson-objectives{background:#fff;border:1px solid #c8d9d3;border-radius:10px;overflow:hidden;margin-bottom:16px}.tw-lesson-objectives h3{background:#f0f7f4;padding:14px 18px;border-bottom:1px solid #c8d9d3;font-size:20px}.tw .tw-scroll{overflow-x:auto}.tw table{border-collapse:collapse;width:100%;text-align:right}.tw th{font-size:12px;background:#f8faf9;color:#52695f}.tw td,.tw th{padding:10px 14px;vertical-align:middle;border-bottom:1px solid #e8efeb}.tw .tw-lesson-total{background:#f7fbf9;min-width:130px;text-align:center;border-right:1px solid #e1ebe6}.tw .tw-lesson-total strong{display:block;font-size:24px}.tw small,.tw td small,.tw th small{display:block;font-weight:400;font-size:11px}.tw .tw-note{font-size:12px;color:#5b7468;white-space:pre-wrap;margin:8px 0}.tw .tw-error{color:#b42318;background:#fff0ee;padding:12px}.tw .tw-pending{color:#b16b09}.tw .tw-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:10px 0}.tw .tw-actions button{font-size:12px}.tw .tw-danger{color:#a62828}.tw-group{border:1px solid #ceded5;border-radius:10px;background:white;margin-bottom:10px;overflow:hidden}.tw .tw-group-heading{width:100%;text-align:right;display:flex;align-items:center;justify-content:space-between;gap:12px;border:none;border-radius:0;padding:12px 16px;background:#f4f8f5}.tw-group-heading strong{font-size:16px}.tw-group-heading>span:last-child{font-size:12px;white-space:nowrap}.tw-group-content{padding:14px}.tw-question{border-bottom:1px solid #dfebe5;padding:12px 0}.tw-question:last-child{border-bottom:0}.tw-question-title span{display:block;font-size:11px;color:#668071}.tw-question-title b{display:block;white-space:pre-wrap;margin:6px 0}.tw-question ol{margin:8px 22px 8px 0;list-style:decimal}.tw-question p{white-space:pre-wrap}.tw details>summary{cursor:pointer;padding:6px;font-size:13px;font-weight:600}.tw-editor{border:1px solid #90b6a6;border-radius:10px;background:#f4f9f6;padding:16px;margin-top:16px;display:grid;gap:10px}.tw-confirm{background:#fff1ef;padding:10px;border:1px solid #fecaca}.tw-confirm button{margin-right:8px}.tw-panel{padding:16px}.tw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px;border:1px solid #d4e2db;border-radius:12px;background:#f7fbf8;height:100%;align-content:center}.tw-stats span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;font-size:11px;background:white;border:1px solid #e0eae3;border-radius:7px}.tw-stats b{font-size:16px;color:#246653}.tw-attendance-top{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.tw-attendance-top>div{margin:0!important;padding:12px!important}.tw-board{border:1px solid #b5cfc3;border-radius:14px;background:#f4f8f5;padding:12px;overflow:hidden}.tw-board:fullscreen{background:#f4f8f5;width:100vw;height:100vh;overflow:auto;border:0;border-radius:0;padding:16px}.tw-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:#fff;border:1px solid #dde9e1;border-radius:10px}.tw-toolbar button{font-size:11px;padding:5px 8px}.tw-board-options{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 0}.tw-board-options label{font-size:11px;flex-direction:row;align-items:center}.tw-board-options input[type=range]{width:70px}.tw .tw-swatch{width:22px;height:22px;border:1px solid #a8bbb0;border-radius:50%;padding:0}.tw-board-viewport{overflow:auto;border:1px solid #bdcfc4;border-radius:8px;max-height:76vh;background:#d8e1db}.tw-board-stage{position:relative;aspect-ratio:16/9;min-width:640px}.tw-board-stage>svg{display:block;height:auto!important}.tw .tw-board-text{position:absolute;inset:12% 5% 7%;width:90%;height:81%;border:1px dashed #6da890;background:transparent;resize:none;padding:10px;font-size:26px;line-height:1.8;direction:rtl}.tw-selection-tools{display:flex;gap:8px;align-items:center;padding:8px;background:#e5f2fa;border-radius:8px;margin-bottom:8px}.tw-selection-tools input{flex:1}.tw-board-save{display:flex;gap:12px;align-items:end;padding:12px 0}.tw-board-save label{flex:1}.tw-gallery{border-top:1px solid #cee1d3;padding-top:8px}.tw-gallery>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:5px 0;text-align:right}.tw-gallery>button span{flex:1}.tw-gallery>button b{font-size:11px}.tw-gallery img{width:100%;border:1px solid #d5e5da}.tw-library-frame{width:100%;border:0;height:220px;background:transparent;margin-bottom:10px}.tw-matn>.tw-section-head label{flex:1}.tw-matn>.tw-section-head{align-items:end}.tw .tw-panel table{min-width:700px}@media(max-width:750px){.tw-attendance-top{grid-template-columns:1fr}.tw-stats{grid-template-columns:repeat(2,1fr)}.tw-group-heading{flex-direction:column;align-items:start!important}.tw td,.tw th{padding:8px}.tw-board-save{flex-direction:column;align-items:stretch}.tw-board-options{gap:6px}.tw-gallery>button small{display:none}.tw-lesson-objectives h3{font-size:17px}}

.tw .tw-question-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,94vw);max-height:90vh;overflow:auto;z-index:1000;box-shadow:0 0 0 100vmax #153d2c77,0 20px 80px #18373255;margin:0;padding:24px}.tw .tw-grade-edit{padding:1px 5px;margin-right:5px;font-size:11px}
.tw-detail-edit{margin:0 0 12px}.tw-detail-overlay{position:fixed;inset:0;background:#17352c66;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.tw-detail-dialog{width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;margin:0;box-shadow:0 20px 80px #0003}.tw-edit-row{border:1px solid #d7e5de;border-radius:10px;padding:14px;margin:12px 0}.tw-goal-edit{display:grid;grid-template-columns:1fr 130px;gap:12px;border-bottom:1px solid #edf1ef;padding:8px 0}.tw-check-label{display:flex!important;align-items:start;gap:8px}.tw .tw-check-label input{width:auto;margin:4px}.tw-detail-dialog footer{position:sticky;bottom:-16px;background:white;padding:12px 0;border-top:1px solid #ddd}@media(max-width:600px){.tw-detail-overlay{padding:8px}.tw-goal-edit{grid-template-columns:1fr}}
.tw-division{margin:18px 0;text-align:right}.tw-division fieldset{border:0;padding:0;margin:0 0 16px}.tw-division legend{font-weight:700;font-size:15px;margin-bottom:10px}.tw-division-choice{background:#f2f7f6;border:1px solid #d8e7e2!important;border-radius:12px;padding:16px!important}.tw-division-choice label{display:inline-flex;gap:8px;align-items:center;margin:4px 0 4px 22px;font-size:14px}.tw-division input[type=radio],.tw-division input[type=checkbox]{width:16px;height:16px;accent-color:#0f766e;flex-shrink:0}.tw-level-options{display:flex;flex-wrap:wrap;gap:8px}.tw-level-options label{display:flex;align-items:center;gap:7px;border:1px solid #ddd;border-radius:8px;padding:8px 12px;font-size:13px}.tw-division-parts{display:grid;gap:10px}.tw-division-part{display:grid;grid-template-columns:110px minmax(0,1fr) 140px;gap:12px;align-items:center;padding:14px;border:1px solid #dce5e2;border-radius:10px}.tw-division label input:not([type=radio]):not([type=checkbox]),.tw-division select{display:block;width:100%;min-width:0;padding:10px;border:1px solid #cfdad5;border-radius:8px;background:white;color:#26352f;font-size:14px}.tw-division-part label{font-size:12px;color:#56635c;display:grid;gap:5px}.tw-division-total{background:#f1f7f4;padding:10px 14px;border-radius:8px;margin:12px 0}.tw-division-lessons,.tw-division-pending{margin:15px 0;border:1px solid #e2e6e4;border-radius:10px;padding:14px;max-height:400px;overflow:auto}.tw-division-lessons label,.tw-division-pending label{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #eee;font-size:13px}.tw-division-pending{background:#fffcf2}.tw-division-preview{margin-top:18px;padding:16px;background:#f7f9f8;border-radius:12px}.tw-division-preview article{background:white;border:1px solid #dae5df;border-radius:10px;padding:14px;margin:10px 0}.tw-division-preview h5{font-size:15px;font-weight:700;margin:0 0 8px}.tw-division-preview p,.tw-division-preview li{font-size:13px;line-height:1.8}.tw-division-preview summary{cursor:pointer;color:#0f766e;font-size:13px}.tw-division-preview ul{padding-right:22px;list-style:disc}.tw-division-ready{padding:12px;border:1px solid #a8d7bf;border-radius:8px;background:#ecfdf3;color:#166534}.tw-subject-relation{display:block;font-size:12px;font-weight:400;line-height:1.8;color:#53685c;margin:4px 0}.tw-subject-relation>b{display:inline-block;border:1px solid #bae0d0;background:#effaf5;color:#11614e;border-radius:5px;padding:1px 7px;font-size:11px}.tw-subject-relation>span{display:block}.tw-subject-relation a{color:#0f766e;text-decoration:underline;text-underline-offset:3px}.tw-division>div>.tw-field{margin:12px 0;display:block}.tw-division h4{font-weight:700;margin-bottom:10px}@media(max-width:640px){.tw-division-part{grid-template-columns:1fr 110px}.tw-division-part>strong{grid-column:1/-1}.tw-division-choice label{display:flex;margin:10px 0}.tw-division-lessons label,.tw-division-pending label{grid-template-columns:1fr}.tw-level-options label{flex:1 1 42%;padding:8px}.tw-division-preview{padding:10px}}
.tw-division-choice label,.tw-level-options label{flex-direction:row}.tw-division .tw-primary:hover{background:#174c46;color:#fff;border-color:#174c46}.tw-division input[type=radio],.tw-division input[type=checkbox]{padding:0}
.tw-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tw-media-grid>div{min-width:0}.tw .tw-media-options{display:flex;flex-wrap:wrap;gap:12px}.tw .tw-media-options label{flex-direction:row;align-items:center;font-size:12px}.tw .tw-media-options input[type=checkbox]{width:16px;height:16px;padding:0;accent-color:#246653}.tw .tw-media-volume{font-size:12px;max-width:320px}.tw-media-volume input{width:100%}.tw-media-download{display:inline-block;font-weight:700;color:#17624e;text-decoration:underline;margin:8px 0}.tw-lesson-media .tw-actions>span{font-size:12px}.tw-lesson-media select{width:100%;max-width:320px}@media(max-width:750px){.tw-media-grid{grid-template-columns:1fr;gap:12px}.tw-media-grid>div+div{border-top:1px solid #dce8e0;padding-top:12px}}

.tw-lesson-media .tw-media-header{margin-bottom:10px}.tw-media-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tw .tw-media-speaker-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border:1px solid #12604c;border-radius:12px;background:#146b54;color:#fff;font-size:16px;font-weight:800;box-shadow:0 4px 12px #146b5426}.tw .tw-media-speaker-button:hover{background:#10533f}.tw .tw-media-speaker-button.is-active{background:#9f2929;border-color:#9f2929;color:white}.tw .tw-media-speaker-button.is-active:hover{background:#802020}.tw-media-speaker-button svg{flex-shrink:0}.tw .tw-media-settings-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font-weight:600}.tw-media-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;color:#52695f}.tw-lesson-media .tw-media-grid{margin-top:16px;padding-top:14px;border-top:1px solid #dce8e0}@media(max-width:750px){.tw-media-header-actions{width:100%}.tw .tw-media-speaker-button{flex:1 1 100%}.tw .tw-media-settings-toggle{width:100%}}

.tw-tab-visibility{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px;margin-bottom:16px;border:1px solid #bcd8d2;border-radius:12px;background:#f0f8f5}.tw-tab-visibility label{flex-direction:row;align-items:center;gap:7px}.tw-tab-visibility small,.tw-tab-visibility .tw-error{flex-basis:100%}.tw-card-tablist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.tw-card-tablist button{white-space:normal;min-height:44px;font-weight:700}.tw-card-tablist button[aria-selected=true]{background:#23655f;color:white}.tw-card-fields{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.tw-card-fields p,.tw-card-text{white-space:pre-wrap;line-height:1.9}.tw-card-item{padding:12px;border:1px solid #d4e2dd;border-radius:10px;margin-bottom:10px}.tw-card-text{font-size:20px}.tw-course-tabs a{color:#126e80;text-decoration:underline}@media(max-width:700px){.tw-card-tablist,.tw-card-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-card-tablist button{font-size:12px}.tw-card-fields{grid-template-columns:1fr}}

.assignment-field-invalid{outline:2px solid #dc2626!important;outline-offset:2px;border-color:#dc2626!important}.assignment-validation-summary{border:1px solid #dc2626;border-radius:12px;padding:12px 16px;margin-bottom:16px;background:#fef2f2;color:#991b1b;text-align:right}.assignment-validation-summary ul{list-style:disc;padding-inline-start:22px;margin-top:6px}
