/* Shared sizing rules: contents may wrap; only explicit scroll regions scroll. */
.unika-shell :is(.main-content,.work-main,.work-content,.admin-content,.student-content,fieldset){min-width:0}
.unika-shell :is(input,select,textarea){min-width:0;max-width:100%}
.unika-shell :is(p,h1,h2,h3,label){word-break:normal;hyphens:none;overflow-wrap:break-word}
.unika-shell :is(.btn,.admin-button,.auth-v2__button,.action-pill){min-width:min-content;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;line-height:1.4;text-align:center}
.unika-shell input:is([type="checkbox"],[type="radio"]){appearance:auto;accent-color:var(--color-primary,#6039ad);width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;flex:0 0 20px;padding:0!important;margin:2px 0 0;align-self:flex-start;vertical-align:middle;cursor:pointer}
.unika-shell input:is([type="checkbox"],[type="radio"]):disabled{cursor:default}
.unika-shell input:is([type="checkbox"],[type="radio"]):focus-visible{outline:3px solid var(--color-primary,#6039ad);outline-offset:3px}
.unika-shell label:has(>input:is([type="checkbox"],[type="radio"])){display:flex;flex-direction:row;align-items:flex-start;gap:10px;min-height:40px;line-height:1.5}
.unika-shell label:has(>input:is([type="checkbox"],[type="radio"]))>span{min-width:0}
.unika-shell label[hidden]{display:none!important}
.admin-filter-chips{flex-wrap:wrap}
.admin-field :is(input,select,textarea){min-width:0;max-width:100%}
.course-editor-tabs{max-width:100%;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px}
.course-editor-tabs>button{flex:0 0 auto}
.admin-course-editor #flows-list>div{flex-wrap:wrap}
.admin-course-editor #flows-list>div>div:first-child{min-width:0;flex-basis:220px!important;overflow-wrap:anywhere}
.admin-course-editor #flows-list .btn{flex:0 0 auto}
.workspace-actions{display:grid;gap:12px;margin:20px 0}
.workspace-actions .auth-v2__button{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:12px 16px}
.workspace-actions p{margin:0}
.unika-shell a.auth-v2__button{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;padding:12px 22px}
.unika-shell a.auth-v2__button--soft{color:#44296f}
.landing-list-heading,.landing-card-actions{flex-wrap:wrap;gap:12px}
.landing-card-actions :is(a,button){flex:0 0 auto}
.referral-copy{display:flex;flex-wrap:wrap;gap:8px}
.referral-copy>input{flex:1 1 220px;min-width:0}
.referral-copy>button{flex:0 0 auto}
.staff-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;min-height:72px;padding:16px 28px;border-bottom:1px solid var(--color-border);background:var(--color-surface,#fff)}
.staff-topbar>a{color:var(--color-primary,#6039ad);font-weight:600;min-width:0}
.staff-topbar>span{margin-left:auto;font-size:13px;min-width:0;overflow-wrap:anywhere}
.staff-menu-toggle{display:none;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--color-border);border-radius:50%;background:#fff;color:var(--color-primary,#6039ad)}
.staff-menu-toggle:focus-visible{outline:3px solid var(--color-primary,#6039ad);outline-offset:3px}
@media(max-width:959px){
  .staff-menu-toggle{display:flex}
  .staff-topbar{min-height:64px;padding:10px 16px;gap:12px}
  .staff-topbar>span{display:none}
  .staff-app .work-content{padding:24px 16px}
}
@media(max-width:600px){
  :is(.admin-content,.student-content,.cf-page) h1{font-size:32px;line-height:1.2}
  .admin-material-card,.admin-material-card--managed{grid-template-columns:28px minmax(0,1fr);grid-template-areas:'icon tag' 'copy copy' 'meta meta' 'action action';gap:12px}
  .admin-material-card__copy{grid-area:copy}
  .admin-material-card h2{font-size:22px;line-height:1.3}
  .admin-material-card__meta{grid-area:meta}
  .admin-material-card__actions{grid-area:action;justify-content:flex-end}
  .admin-material-card .admin-create-card__action{max-width:100%}
  .course-editor-heading{flex-wrap:wrap}
  .course-editor-heading>h1{flex-basis:100%!important;order:1;font-size:32px}
  .course-editor-heading>span{margin-left:auto}
  .legacy-admin-content{min-width:0}
  .admin-course-editor #tab-flows>div:first-of-type,.admin-course-editor #tab-enroll>form{flex-wrap:wrap}
  .admin-course-editor #tab-flows input,.admin-course-editor #tab-enroll :is(input,select){flex:1 1 180px;min-width:0;width:100%}
}
@media(max-width:400px){.referral-copy>button{width:100%}}