/* Hüsn-i Hat 3.4.8 – gezielte Erweiterung, bestehendes Erscheinungsbild beibehalten. */
.portal-sidebar details.ux-side-group{border:0;margin:0;padding:0;min-width:0}
.portal-sidebar .ux-side-group>summary{list-style:none;display:flex;gap:6px;align-items:center;cursor:pointer;padding:15px 12px 9px;color:#a6ceca;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.portal-sidebar .ux-side-group>summary::-webkit-details-marker,.portal-sidebar .ux-side-submenu>summary::-webkit-details-marker{display:none}
.portal-sidebar .ux-side-group>summary:after,.portal-sidebar .ux-side-submenu>summary:after{content:'⌄';margin-left:auto;font-size:13px;transition:transform .2s}
.portal-sidebar .ux-side-group:not([open])>summary:after,.portal-sidebar .ux-side-submenu:not([open])>summary:after{transform:rotate(-90deg)}
.portal-sidebar .ux-side-children{display:flex;flex-direction:column;gap:2px}
.portal-sidebar .ux-side-submenu{margin:1px 0}
.portal-sidebar .ux-side-submenu>summary{cursor:pointer;border-radius:9px;padding:10px 12px;color:#e2f1ed;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;list-style:none}
.portal-sidebar .ux-side-submenu>summary:hover{background:#26575a}
.portal-sidebar .ux-side-submenu .side-item{padding-left:29px;font-size:12px}
.portal-sidebar .ux-side-submenu[open]>summary{background:#235054}
.ux-task-overview{display:flex;gap:10px;flex-wrap:wrap}.ux-stat-mini{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;padding:8px;border-right:1px solid #e2ebe7}.ux-stat-mini:last-child{border:0}.ux-stat-mini strong{font-size:26px;color:#205b53}.ux-stat-mini span{font-size:12px;color:#68847d}
.ux-task-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.ux-task-tabs a{padding:9px 14px;text-decoration:none;border:1px solid #bcd5cd;background:white;border-radius:9px;font-size:13px}.ux-task-tabs a.active{background:#285f5a;color:white;border-color:#285f5a}.ux-help{color:#697e7b;font-size:13px}
.ux-task-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px}.ux-task-lane{min-width:0;border-radius:12px;border:1px solid #dbe7e1;background:#f8fbf9;padding:12px;min-height:150px}.ux-task-lane>h2{font-size:16px;margin:2px 0 12px}.ux-task-lane[data-task-priority=high]{border-top:4px solid #c87860}.ux-task-lane[data-task-priority=normal]{border-top:4px solid #4b8c82}.ux-task-lane[data-task-priority=low]{border-top:4px solid #96a4a0}
.ux-task-tile{background:white;border:1px solid #d7e4de;border-radius:10px;padding:12px;margin:9px 0;box-shadow:0 2px 5px rgba(0,0,0,.025);overflow-wrap:anywhere}
.ux-task-top{display:flex;gap:10px;justify-content:space-between}.ux-task-tile strong{font-size:14px}.ux-drag-handle{color:#92aaa4;cursor:grab;font-size:20px;line-height:1}.ux-task-tile p{font-size:12px;margin:8px 0;line-height:1.5}.ux-task-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;color:#63817b}.ux-task-note{padding:8px;background:#f0f5f2;border-radius:6px}.ux-priority-form{display:flex;align-items:end;gap:6px;flex-wrap:wrap;margin-top:10px}.ux-priority-form label{flex:1;min-width:105px;margin:0;font-size:11px}.ux-priority-form select{padding:5px;font-size:12px;min-height:36px}.ux-priority-form button,.ux-task-archive button{font-size:12px;padding:8px 10px;min-height:36px}.ux-task-archive{margin-top:7px}.ux-task-archive .ux-quiet-button{background:transparent;color:#47756d;border:1px solid #aec9c1}.ux-task-complete{margin-top:10px}.ux-task-complete summary{cursor:pointer;font-size:12px!important}.ux-task-complete form{margin-top:9px}.ux-task-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.ux-task-board .is-drop-target,.hh-inbox-folders .is-drop-target{outline:3px dashed #32877b;background:#e8f7f2!important}.is-dragging{opacity:.45}
.ux-student-hero{display:flex;gap:18px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#183a41,#2d6f66);color:#f5fbf9;border-radius:16px;padding:24px;margin-bottom:16px}.ux-student-hero h2{font-size:22px;margin:2px 0 5px;color:inherit}.ux-student-hero p{margin:3px 0;font-size:13px;color:#e1eeea}.ux-student-hero a{padding:10px 14px;background:#eaf5f0;color:#1d554b;text-decoration:none;border-radius:9px;font-weight:700;white-space:nowrap}.ux-eyebrow{font-size:10px!important;letter-spacing:.14em;font-weight:800}
.ux-dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0 15px}.ux-dashboard-kpi{background:#fff;border:1px solid #e0ebe5;border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:5px}.ux-dashboard-kpi strong{font-size:26px;color:#1c5951}.ux-dashboard-kpi span{font-size:12px;color:#65837a}.ux-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:12px}.ux-profile-list{margin:0}.ux-profile-list>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #e8eeea}.ux-profile-list dt{color:#647b75;font-size:12px}.ux-profile-list dd{margin:0;text-align:right;font-weight:600;font-size:12px;overflow-wrap:anywhere}.ux-quick-links{display:grid;gap:8px}.ux-quick-links a{background:#f3f8f5;padding:12px;border-radius:8px;text-decoration:none}.ux-progress-row{margin:11px 0}.ux-progress-row>div{display:flex;gap:10px;justify-content:space-between;font-size:13px}.ux-progress-row>div span{color:#647d73}.ux-progress-row progress{appearance:none;width:100%;height:9px;accent-color:#2c7e70;border-radius:9px;overflow:hidden}.ux-progress-row progress::-webkit-progress-bar{background:#e3efeb}.ux-progress-row progress::-webkit-progress-value{background:#308777}
.ux-sticker-inline{margin:4px 0;padding:12px;border-radius:10px;border:1px solid #e0eae5}.ux-sticker-inline>summary{cursor:pointer;font-size:14px!important;font-weight:700}.ux-sticker-row{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.ux-sticker-mini{display:inline-flex;width:48px;height:48px;border-radius:8px;border:1px solid #dde7e0;align-items:center;justify-content:center}.ux-sticker-mini img{width:36px;height:36px;object-fit:contain}.ux-quiet-meta{font-size:12px;color:#7d918c}
.ux-homework-script{margin-top:14px}.ux-homework-list{display:grid;gap:8px}.ux-homework-item{border:1px solid #dce8e2;border-radius:10px;overflow:hidden;background:#fbfdfc}.ux-homework-item>summary{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:13px;cursor:pointer;font-size:13px!important}.ux-homework-item[open]>summary{background:#eff6f2}.ux-homework-body{padding:12px 17px;border-top:1px solid #dfe9e4}.ux-homework-body p{font-size:13px}.ux-homework-status{background:#e9efec;color:#4a7069;border-radius:30px;padding:5px 9px;font-size:11px;white-space:nowrap}.ux-state-passed{color:#1c6750;background:#dcf2e6}.ux-state-submitted{color:#805d24;background:#fcf1ce}.ux-upload-details{margin:12px 0;border:1px solid #dce7e2;border-radius:9px;padding:12px}.ux-upload-details>summary{cursor:pointer;font-size:13px!important}.ux-upload-details form{margin-top:12px}
.ux-media-thumb{width:48px;height:48px;object-fit:contain;border-radius:7px;border:1px solid #e0eae4;background:#fff}.ux-media-list td{vertical-align:middle}.ux-inbox-row-drag{cursor:grab}.hh-inbox-folders [data-folder-destination]{border:1px dashed transparent;transition:background .1s,border-color .1s}.hh-inbox-folders [data-folder-destination]:hover{background:#e8f3ef}
@media(max-width:1000px){.ux-task-board{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.portal-sidebar{display:block;white-space:normal;max-height:245px;overflow-y:auto;overflow-x:hidden}.portal-sidebar .ux-side-group{display:inline-block;vertical-align:top;margin-right:8px}.portal-sidebar .ux-side-group>summary{padding:10px}.portal-sidebar .ux-side-group[open]{display:block}.portal-sidebar .ux-side-children{min-width:180px}.ux-task-board,.ux-dashboard-grid{grid-template-columns:1fr}.ux-student-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.ux-dashboard-kpis{grid-template-columns:1fr 1fr}.ux-homework-item>summary{align-items:flex-start;flex-direction:column}}
/* Aufklappbare Formulare in umfangreichen Verwaltungsseiten. */
.ux-section-fold>summary{cursor:pointer;font-size:18px!important;font-weight:750;color:#184d48;padding:7px 0;list-style:revert}
.ux-section-fold[open]>summary{margin-bottom:17px}
.ux-section-fold>form,.ux-section-fold>table{margin-top:12px}