:root{--ink:#14213d;--muted:#6f7e95;--line:#dbe4f0;--brand:#172554;--brand2:#275bd6;--bg:#eef3fb;--surface:#fff;--danger:#9b2c2c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#dce8ff,transparent 32%),linear-gradient(180deg,#f7faff,#edf3fb);color:var(--ink)}button,input,select{font:inherit}.hidden{display:none!important}.shell{width:min(980px,calc(100% - 24px));margin:0 auto;padding:28px 0 48px}.auth-card,.panel{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:0 24px 60px rgba(22,37,84,.10);padding:22px}.auth-card{width:min(460px,100%);margin:10vh auto 0}.brand-lockup{display:flex;align-items:center;gap:12px;margin-bottom:22px}.brand-lockup h1,.app-header h1{margin:0;font-size:1.35rem}.brand-lockup p{margin:3px 0 0;color:var(--muted)}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#17377f,#2d6be6);color:#fff;font-weight:900;font-size:1.3rem}.stack{display:grid;gap:12px}.stack label,.compose-grid label,.title-field,.directory-tools label{display:grid;gap:6px;color:#58667c;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em}input,select{width:100%;min-width:0;border:1px solid #d5dfec;border-radius:11px;background:#fff;color:var(--ink);padding:10px 11px;outline:none}input:focus,select:focus,.rich-editor:focus{border-color:#92abe0;box-shadow:0 0 0 3px rgba(39,91,214,.10)}button{border:0;border-radius:10px;padding:10px 13px;cursor:pointer}.primary{background:linear-gradient(180deg,#3168e8,#2759cf);color:#fff;font-weight:850}.quiet{background:#edf2f8;color:#334865;font-weight:800}.compact{padding:7px 10px}.icon-action{width:36px;height:36px;padding:0;display:grid;place-items:center;background:#edf2f8;color:#31518d;font-size:1rem}.status{min-height:1.25em;margin:8px 0 0;color:var(--muted);font-size:.76rem}.app-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.eyebrow{font-size:.66rem;color:#3159a8;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.account{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.76rem}.tabs{display:flex;gap:6px;margin-bottom:10px}.tab{background:transparent;color:#5b6880;font-weight:850}.tab.active{background:#e8effd;color:#244a95}.panel{border-radius:16px;padding:18px}.compose-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:10px}.audience-summary{min-height:24px;margin:8px 0;color:var(--muted);font-size:.74rem;font-weight:700}.gentle-warning{margin:8px 0 12px;padding:10px 12px;border:1px solid #ead8a8;border-radius:11px;background:#fffaf0;color:#765d20;font-size:.75rem}.title-field{margin-top:10px}.editor-wrap{margin-top:12px;border:1px solid #d5dfec;border-radius:13px;background:#fff;overflow:hidden}.editor-toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:7px;border-bottom:1px solid #e2e8f1;background:#f7f9fc}.editor-toolbar button{padding:6px 9px;background:#fff;border:1px solid #dbe3ef;color:#40516c}.rich-editor{min-height:180px;padding:14px;outline:none;line-height:1.55}.rich-editor:empty:before{content:attr(data-placeholder);color:#9aa6b8}.rich-editor p{margin:.35em 0}.poll-fields{margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#f8faff}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head h2{margin:0;font-size:.95rem}.poll-options{display:grid;gap:7px;margin-top:9px}.poll-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.poll-option button{width:34px;padding:0;background:#f5e9eb;color:#8e3340}.send-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.sent-list,.users-list{display:grid;gap:9px;margin-top:12px}.sent-card,.user-card{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.sent-top,.user-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.sent-card h3,.user-card h3{margin:0;font-size:.86rem}.meta{margin-top:4px;color:var(--muted);font-size:.68rem;line-height:1.45}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.chip{padding:4px 7px;border-radius:999px;background:#eef3fb;color:#395583;font-size:.61rem;font-weight:850}.admin-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.permission-grid{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;color:#42516a;font-size:.73rem}.permission-grid label{display:flex;align-items:center;gap:5px}.permission-grid input{width:auto}.directory-tools{margin-top:8px}.chabura-picker{max-height:330px;overflow:auto;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:#fff}.chabura-region{padding:10px;border-bottom:1px solid #edf1f5}.chabura-region:last-child{border-bottom:0}.chabura-region strong{display:block;margin-bottom:6px;font-size:.72rem;color:#31518d}.chabura-choice{display:flex;gap:7px;align-items:flex-start;padding:5px 0;font-size:.72rem}.chabura-choice input{width:auto;margin-top:2px}.form-actions,.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}dialog{border:0;border-radius:18px;padding:0;box-shadow:0 28px 80px rgba(15,30,70,.28);width:min(520px,calc(100% - 24px))}dialog::backdrop{background:rgba(12,24,54,.42);backdrop-filter:blur(3px)}.dialog-card{padding:18px}.dialog-card h2{margin:0 0 8px}.dialog-card p{color:var(--muted);line-height:1.5}.result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1f5}.result-row:last-child{border-bottom:0}.result-bar{height:7px;margin-top:4px;border-radius:999px;background:#e8edf5;overflow:hidden}.result-bar span{display:block;height:100%;background:#376be0}.danger-text{color:var(--danger)}@media(max-width:700px){.shell{padding-top:12px}.auth-card,.panel{padding:15px}.compose-grid{grid-template-columns:1fr}.app-header{align-items:flex-start}.account{max-width:55%;text-align:right}.tabs{overflow:auto}.rich-editor{min-height:150px}.send-row{align-items:flex-end}.permission-grid{display:grid;grid-template-columns:1fr 1fr}.sent-top,.user-top{align-items:center}}
.feedback-response-card{padding:12px 0;border-bottom:1px solid #edf1f5}
.feedback-response-card:last-child{border-bottom:0}
.feedback-response-body{margin-top:7px;line-height:1.5;color:#384861}
.feedback-response-body p{margin:.35em 0}
.feedback-response-body ul,.feedback-response-body ol{padding-left:1.3em}
.feedback-response-card .chips a{text-decoration:none}


/* v4: cross-app navigation, instructor media, and feedback contact actions */
.app-header-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.app-links{
  display:flex;
  align-items:center;
  gap:6px;
}
.app-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 10px;
  border:1px solid #d9e2ef;
  border-radius:10px;
  background:#fff;
  color:#294f92;
  font-size:.78rem;
  font-weight:750;
  text-decoration:none;
}
.app-links a:hover{background:#f1f5fb}
.message-media-field{
  display:grid;
  gap:7px;
  margin-top:12px;
  padding:12px;
  border:1px solid #dbe4f0;
  border-radius:12px;
  background:#f8faff;
  color:#43536b;
  font-weight:750;
}
.message-media-field > span{
  display:flex;
  align-items:baseline;
  gap:6px;
}
.message-media-field span small,
.message-media-field > small{
  color:#718096;
  font-size:.72rem;
  font-weight:500;
}
.message-media-field input[type="file"]{
  width:100%;
  font:inherit;
  color:#536177;
}
.feedback-contact{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 10px;
  margin:9px 0;
  padding:10px 11px;
  border:1px solid #e0e7f1;
  border-radius:11px;
  background:#f8faff;
}
.feedback-contact strong{color:#243c68}
.feedback-contact span{color:#65748b;font-size:.8rem}
.contact-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  width:100%;
  margin-top:3px;
}
.contact-action{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:4px 8px;
  border:1px solid #cfdaea;
  border-radius:9px;
  background:#fff;
  color:#2759ad;
  font-size:.74rem;
  font-weight:750;
  text-decoration:none;
}
@media(max-width:640px){
  .app-header{align-items:flex-start}
  .app-header-actions{align-items:flex-end;gap:8px}
  .app-links{order:2;width:100%;justify-content:flex-end}
  .app-links a{min-height:32px;padding:5px 8px;font-size:.72rem}
}


/* v5: shared SCP suite header and overflow-safe permission UI */
.app-header{
  align-items:flex-start;
  min-width:0;
}
.app-title-block{
  flex:1 1 auto;
  min-width:0;
}
.account-name{
  display:block;
  max-width:100%;
  margin-top:4px;
  color:var(--muted);
  font-size:.72rem;
  font-weight:700;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.app-header-actions{
  flex:0 0 auto;
  min-width:0;
  flex-wrap:nowrap;
  gap:0;
}
.app-links{
  width:auto;
  flex:0 0 auto;
  flex-wrap:nowrap;
  gap:6px;
}
.app-links a.icon-action,
.app-links button.icon-action{
  width:38px;
  min-width:38px;
  height:38px;
  min-height:38px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #d9e2ef;
  border-radius:10px;
  background:#fff;
  color:#294f92;
  text-decoration:none;
  box-shadow:none;
}
.app-links a.icon-action:hover,
.app-links a.icon-action:focus-visible,
.app-links button.icon-action:hover,
.app-links button.icon-action:focus-visible{
  background:#f1f5fb;
  border-color:#c1d0e5;
  outline:none;
}
.app-links .icon-action svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.panel,.sent-card,.user-card,.admin-form,.compose-grid,.permission-grid,
.app-header>*,.section-head>*{
  min-width:0;
}
.stack input,.stack select,.compose-grid input,.compose-grid select,
.title-field input,.directory-tools input,.message-media-field input{
  max-width:100%;
  box-sizing:border-box;
}
.sent-card h3,.user-card h3,.feedback-response-body,.status,.meta{
  overflow-wrap:anywhere;
}
@media(max-width:640px){
  .shell{width:min(100% - 20px,980px)}
  .app-header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:10px;
  }
  .app-title-block{grid-column:1}
  .app-header-actions{grid-column:2;justify-self:end;align-items:flex-start}
  .app-links{order:0;width:auto;justify-content:flex-end;gap:5px}
  .app-links a.icon-action,
  .app-links button.icon-action{
    width:36px;
    min-width:36px;
    height:36px;
    min-height:36px;
  }
  .app-header h1{font-size:1.22rem;line-height:1.2}
  .account-name{font-size:.68rem}
}

/* v6: SCP-family identity and segmented verification code */
.brand-mark{display:block;background:none;box-shadow:0 7px 18px rgba(13,34,82,.2)}
.code-field{min-width:0;margin:0;padding:0;border:0}
.code-field legend{margin:0 0 6px;padding:0;color:#58667c;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em}
.code-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.code-boxes .code-digit{min-width:0;height:54px;padding:0;text-align:center;border-radius:12px;font-size:1.4rem;font-weight:850;font-variant-numeric:tabular-nums;caret-color:#275bd6}
.code-boxes .code-digit:focus{border-color:#5f85d9;box-shadow:0 0 0 3px rgba(39,91,214,.12)}
.app-title-block{display:flex;align-items:center;gap:10px}
.app-title-copy{min-width:0}
.app-title-mark{display:block;width:42px;height:42px;flex:0 0 auto;border-radius:11px;box-shadow:0 5px 14px rgba(13,34,82,.16)}
@media(max-width:640px){.app-title-mark{width:36px;height:36px}.code-boxes{gap:6px}.code-boxes .code-digit{height:50px;font-size:1.25rem}}