.primary-action{border:0;border-radius:12px;padding:11px 16px;background:#003057;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 5px 12px rgba(0,48,87,.15)}
.quiet-action{border:1px solid #d9e4e8;border-radius:10px;padding:9px 13px;background:#fff;color:#55788d;font-weight:700;cursor:pointer}
.new-student-form{display:flex;gap:10px;flex-wrap:wrap;padding:16px 22px;background:#fff9f3;border-bottom:1px solid #ece4da}
.new-student-form input,.new-student-form select{min-width:130px;border:1px solid #cbdde4;border-radius:10px;padding:9px 11px;color:#23445d;background:#fff}
.row-delete{border:0;background:transparent;color:#c94b61;font-size:.74rem;font-weight:800;cursor:pointer}
.account-recorded,.account-missing{display:block;padding:7px;border-radius:8px;font-size:.67rem}
.account-recorded{background:#edf7fc;color:#315f78}.account-missing{background:#f5f3f2;color:#9b8b82}.account-password{display:block;color:#8c6671;font-size:.66rem;padding:2px 7px;word-break:break-all}

.account-cell { gap: 8px; align-content: start; }
.account-summary { display: grid; gap: 8px; min-width: 0; }
.account-email-row { display: grid; grid-template-columns: auto minmax(100px,1fr) auto; gap: 8px; align-items: center; min-width: 0; padding: 8px 10px; border: 1px solid #dce6e8; border-radius: 12px; background: #f8fbfa; }
.account-email-row strong { color: #003057; font-size: .7rem; }
.account-email-value { min-width: 0; overflow: hidden; color: #263a52; font-size: .71rem; text-overflow: ellipsis; white-space: nowrap; }
.account-email-password { display: inline-flex; gap: 4px; align-items: center; color: #718394; font-size: .68rem; white-space: nowrap; }
.account-more { min-width: 0; }
.account-more summary { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; cursor: pointer; list-style: none; }
.account-more summary::-webkit-details-marker { display: none; }
.account-more summary b { margin-left: auto; color: #b84f68; font-size: .69rem; }
.account-status-chip { padding: 4px 7px; border-radius: 999px; background: #f5f3f2; color: #8a7b73; font-size: .65rem; font-weight: 700; }
.account-status-chip.is-ready { background: #edf7f2; color: #356b59; }
.account-more-content { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding-top: 8px; }
.account-group { display: grid; gap: 2px; padding: 9px 10px; border: 1px solid #dce6e8; border-radius: 12px; background: #f8fbfa; }
.account-group strong { color: #003057; font-size: .72rem; }
.account-group > span { overflow-wrap: anywhere; color: #263a52; font-size: .72rem; }
.account-group small { color: #718394; }
.account-group.is-missing { background: #fbfaf7; opacity: .8; }
.secret-wrap { display: inline-flex; gap: 6px; align-items: center; }
.secret-reveal, .account-edit { border: 0; background: transparent; color: #b84f68; cursor: pointer; font: inherit; }
.account-edit { justify-self: start; padding: 4px 0; font-weight: 700; }
.account-private-note { color: #718394; font-size: .75rem; }
.account-dialog { width: min(760px, calc(100vw - 32px)); padding: 0; border: 0; border-radius: 22px; box-shadow: 0 24px 70px rgba(0,48,87,.22); }
.account-dialog::backdrop { background: rgba(0,31,55,.36); }
.account-dialog form { padding: 24px; }
.account-dialog header { display: flex; justify-content: space-between; gap: 24px; padding-bottom: 20px; border-bottom: 1px solid #e5e7eb; }
.account-dialog h3 { margin: 4px 0; color: #003057; }
.account-dialog p { margin: 0; color: #718394; }
.dialog-close { align-self: start; border: 0; background: transparent; color: #718394; font-size: 1.8rem; cursor: pointer; }
.account-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 22px 0; }
.account-form-grid label { display: grid; gap: 7px; color: #38536b; font-size: .78rem; font-weight: 700; }
.account-form-grid input { min-width: 0; padding: 11px 12px; border: 1px solid #cbd9df; border-radius: 11px; font: inherit; }
.account-dialog footer { display: flex; justify-content: flex-end; gap: 10px; }
@media (max-width: 760px) { .account-form-grid, .account-more-content { grid-template-columns: 1fr; } .account-email-row { grid-template-columns: auto minmax(0,1fr); }.account-email-password { grid-column: 1 / -1; } }

.workboard-grid .material-compare.is-complete{justify-self:end;align-self:start;width:auto;min-width:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.material-complete-pill{min-height:38px;border:1px solid #b9dec9;border-radius:999px;padding:8px 13px;background:#edf8f1;color:#28664d;font-size:.76rem;font-weight:800;white-space:nowrap}
.material-complete-pill:hover{border-color:#75b592;background:#e3f5e9}
.application-option-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.index-markers{display:grid;justify-items:end;gap:3px}
@media(max-width:950px){.workboard-grid .material-compare.is-complete{justify-self:stretch}.material-complete-pill{justify-self:end}}