/* MANHJ PRO / provisional teacher directory — desktop and mobile */
#pt-staff-button.pt-entry,#pt-manager-button.pt-entry{
  border-radius:12px;font-weight:900;min-height:42px;white-space:normal;line-height:1.4
}
#pt-manager-button{display:block;width:100%;margin:12px 0 4px;background:color-mix(in srgb,var(--primary,#2454a4) 10%,var(--surface,#fff))}
.pt-directory{margin:15px 0 8px;border:1px solid var(--border,#dce5ef);border-radius:18px;
  background:var(--surface,#fff);overflow:hidden;box-shadow:0 6px 24px rgba(12,33,67,.045)}
.pt-directory>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;
  border-bottom:1px solid var(--border,#e2e8f0);background:var(--surface-2,#f8faff)}
.pt-directory>header>div{display:grid;gap:5px;min-width:0}
.pt-directory>header strong{font-size:15px;font-weight:900}
.pt-directory>header small{font-size:11px;line-height:1.5;color:var(--muted,#65758b)}
.pt-directory-count{font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px;
  color:var(--primary,#26549e);background:color-mix(in srgb,var(--primary,#26549e) 10%,var(--surface,#fff));white-space:nowrap}
.pt-directory-list{padding:12px;display:grid;gap:9px}
.pt-teacher-card{display:flex;align-items:flex-start;gap:11px;padding:13px;border-radius:14px;
  border:1px solid var(--border,#e2e8f0);background:var(--surface,#fff)}
.pt-teacher-avatar{width:43px;height:43px;min-width:43px;border-radius:14px;display:grid;place-items:center;
  color:var(--primary,#2454a4);background:color-mix(in srgb,var(--primary,#2454a4) 12%,var(--surface,#fff));
  font-size:19px;font-weight:900}
.pt-teacher-main{display:grid;gap:6px;flex:1;min-width:0}
.pt-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.pt-name-row strong{font-size:14px;line-height:1.5}
.pt-teacher-main p{margin:0;color:var(--muted,#64748b);font-size:12px}
.pt-teacher-main small{color:var(--muted,#64748b);font-size:11px;line-height:1.65}
.pt-status{font-size:10px;font-weight:850;border-radius:9px;padding:5px 8px;white-space:nowrap}
.pt-status.pending{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
.pt-status.linked{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}
.pt-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}
.pt-actions button{font:inherit;font-weight:800;font-size:11px;min-height:35px;line-height:1.3;
 padding:8px 11px;cursor:pointer;border-radius:9px;border:1px solid var(--border,#cbd5e1);
 background:var(--surface-2,#f8fafc);color:var(--text,#173455)}
.pt-actions .pt-link-btn{background:var(--primary,#2454a4);color:#fff;border-color:var(--primary,#2454a4)}
.pt-empty{padding:24px 15px;text-align:center;color:var(--muted,#64748b);font-size:12px;line-height:1.8}
body.pt-dialog-open .bottom-nav{display:none!important}
:is(#pt-layer,#ta-account-layer){position:fixed!important;inset:0!important;display:none;justify-content:center;align-items:center;
 z-index:2147483646!important;background:rgba(10,20,38,.64);backdrop-filter:blur(8px);
 overscroll-behavior:contain;direction:rtl;padding:12px}
:is(#pt-layer,#ta-account-layer).open{display:flex}
:is(#pt-layer,#ta-account-layer) *{box-sizing:border-box}
:is(#pt-layer,#ta-account-layer) [hidden]{display:none!important}
:is(#pt-layer,#ta-account-layer) .pt-dialog{width:min(510px,100%);max-height:min(90dvh,780px);min-height:0;
 overflow:hidden;border-radius:24px;background:var(--surface,#fff);color:var(--text,#172d4c);
 box-shadow:0 28px 85px rgba(0,0,0,.3);display:flex;flex-direction:column}
:is(#pt-layer,#ta-account-layer) .pt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
 padding:19px 21px 15px;border-bottom:1px solid var(--border,#e2e8f0);
 background:linear-gradient(125deg,color-mix(in srgb,var(--primary,#2454a4) 8%,var(--surface,#fff)),var(--surface,#fff))}
:is(#pt-layer,#ta-account-layer) .pt-head>div{min-width:0}
:is(#pt-layer,#ta-account-layer) .pt-eyebrow{font-size:10px;color:var(--primary,#2454a4);font-weight:900}
:is(#pt-layer,#ta-account-layer) .pt-head h3{margin:5px 0;font-size:21px;line-height:1.4}
:is(#pt-layer,#ta-account-layer) .pt-head p{margin:0;font-size:12px;color:var(--muted,#64748b);line-height:1.5}
:is(#pt-layer,#ta-account-layer) .pt-close{width:38px;height:38px;flex:none;border:1px solid var(--border,#dce3ee);
 background:var(--surface,#fff);border-radius:12px;font-size:25px;color:var(--text,#172d4c)}
:is(#pt-layer,#ta-account-layer) .pt-body{min-height:0;flex:1;overflow:auto;display:grid;align-content:start;gap:14px;
 padding:18px 21px 22px;-webkit-overflow-scrolling:touch}
:is(#pt-layer,#ta-account-layer) #pt-create-fields{display:grid;gap:12px}
:is(#pt-layer,#ta-account-layer) .pt-field{display:grid;gap:6px;font-size:12px;font-weight:850;color:var(--muted,#56657a)}
:is(#pt-layer,#ta-account-layer) .pt-field input,:is(#pt-layer,#ta-account-layer) .pt-field select{
 width:100%;min-width:0;max-width:100%;min-height:46px;background:var(--surface,#fff);
 color:var(--text,#172d4c);border:1px solid var(--border,#cbd5e1);border-radius:12px;
 font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;padding:10px 12px
}
:is(#pt-layer,#ta-account-layer) .pt-field input:focus,:is(#pt-layer,#ta-account-layer) .pt-field select:focus{outline:2px solid #93c5fd;border-color:var(--primary,#2563eb)}
:is(#pt-layer,#ta-account-layer) .pt-section{display:grid;gap:11px;padding:13px;border:1px solid var(--border,#dce5ef);
 border-radius:16px;background:var(--surface-2,#f8fafc)}
:is(#pt-layer,#ta-account-layer) .pt-section>div{display:grid;gap:5px}
:is(#pt-layer,#ta-account-layer) .pt-section strong{font-size:13px}
:is(#pt-layer,#ta-account-layer) .pt-section small,:is(#pt-layer,#ta-account-layer) .pt-section p{font-size:11px;line-height:1.7;color:var(--muted,#64748b);margin:0}
:is(#pt-layer,#ta-account-layer) .pt-caution{border:1px solid #fed7aa;background:#fff7ed;padding:10px;border-radius:12px;color:#92400e!important}
:is(#pt-layer,#ta-account-layer) .pt-footer{padding:12px 21px calc(12px + env(safe-area-inset-bottom,0px));flex:none;
 display:grid;grid-template-columns:1fr auto;gap:9px;border-top:1px solid var(--border,#e2e8f0)}
:is(#pt-layer,#ta-account-layer) .pt-footer button{font:inherit;font-size:12px;font-weight:900;min-height:45px;padding:10px 14px;border-radius:12px;
 border:1px solid var(--border,#cbd5e1);cursor:pointer}
:is(#pt-layer,#ta-account-layer) .pt-save{color:#fff;background:var(--primary,#2454a4);border-color:var(--primary,#2454a4)!important}
:is(#pt-layer,#ta-account-layer) .pt-cancel{background:var(--surface,#fff);color:var(--text,#19324d)}
:is(#pt-layer,#ta-account-layer) .pt-feedback{padding:10px 12px;border-radius:11px;font-size:12px;line-height:1.7;
 border:1px solid #bfdbfe;background:#eff6ff;color:#19468a}
:is(#pt-layer,#ta-account-layer) .pt-feedback.bad{border-color:#fecaca;background:#fff1f2;color:#9f1239}
@media(max-width:660px){
 :is(#pt-layer,#ta-account-layer){padding:0}
 :is(#pt-layer,#ta-account-layer) .pt-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0}
 :is(#pt-layer,#ta-account-layer) .pt-head{padding:calc(12px + env(safe-area-inset-top,0px)) 15px 12px}
 :is(#pt-layer,#ta-account-layer) .pt-body{padding:15px}
 :is(#pt-layer,#ta-account-layer) .pt-footer{padding:10px 15px calc(10px + env(safe-area-inset-bottom,0px))}
 :is(#pt-layer,#ta-account-layer) .pt-head h3{font-size:18px}
 .pt-directory>header{align-items:flex-start;flex-wrap:wrap;padding:13px}
 .pt-directory-list{padding:9px}
 .pt-teacher-card{padding:10px;gap:9px}
 .pt-teacher-avatar{width:36px;height:36px;min-width:36px}
 :is(#pt-layer,#ta-account-layer) .pt-field input,:is(#pt-layer,#ta-account-layer) .pt-field select{font-size:16px}
}

/* Quick-create from timetable: remains next to the teacher select in the editor. */
#ms-root #ms-add-pending-teacher{
  justify-self:start;max-width:100%;white-space:normal;padding:8px 12px;
  min-height:35px;border:1px dashed color-mix(in srgb,var(--primary,#2454a4) 55%,var(--border,#dbe4ee));
  border-radius:10px;color:var(--primary,#2454a4);background:color-mix(in srgb,var(--primary,#2454a4) 6%,var(--surface,#fff));
  font-size:11px;font-weight:850
}

/* v1.1.0 Multi-assignment picker: keep editable choices and removable chips in
   the modal's scrollable area, while Save stays fixed above iOS browser chrome. */
:is(#pt-layer,#ta-account-layer) .pt-assignment-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
:is(#pt-layer,#ta-account-layer) .pt-assignment-picker>.pt-field{min-width:0}
:is(#pt-layer,#ta-account-layer) .pt-add-assignment{
  display:inline-flex;align-items:center;justify-content:center;
  width:100%;min-height:43px;padding:10px 12px;
  border-radius:12px;cursor:pointer;
  color:var(--primary,#2454a4);
  background:color-mix(in srgb,var(--primary,#2454a4) 8%,var(--surface,#fff));
  border:1px dashed color-mix(in srgb,var(--primary,#2454a4) 47%,var(--border,#d9e4f1));
  font:inherit;font-size:12px;font-weight:900;
}
:is(#pt-layer,#ta-account-layer) .pt-add-assignment:active{transform:scale(.99)}
:is(#pt-layer,#ta-account-layer) .pt-assignment-preview{display:grid;gap:8px;min-width:0}
:is(#pt-layer,#ta-account-layer) .pt-assignment-placeholder{margin:0;padding:11px 10px;background:var(--surface,#fff);
  color:var(--muted,#64748b);border-radius:11px;font-size:11px;line-height:1.7;
  border:1px solid var(--border,#e1e8f1)}
:is(#pt-layer,#ta-account-layer) .pt-queued-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
:is(#pt-layer,#ta-account-layer) .pt-queued-title b{font-size:12px;color:var(--text,#20344f)}
:is(#pt-layer,#ta-account-layer) .pt-queued-title small{font-size:11px;color:var(--muted,#64748b)}
:is(#pt-layer,#ta-account-layer) .pt-assignment-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;
 min-width:0;min-height:43px;padding:7px 9px 7px 11px;border-radius:12px;
 background:color-mix(in srgb,#16a34a 5%,var(--surface,#fff));
 border:1px solid color-mix(in srgb,#16a34a 24%,var(--border,#dce6ef))}
:is(#pt-layer,#ta-account-layer) .pt-assignment-chip>span{min-width:0;line-height:1.5;color:var(--text,#21364e);font-size:12px}
:is(#pt-layer,#ta-account-layer) .pt-assignment-chip>span b{
 display:inline-flex;justify-content:center;align-items:center;min-width:23px;height:23px;
 border-radius:8px;background:#dcfce7;color:#166534;margin-inline-end:5px;font-size:11px}
:is(#pt-layer,#ta-account-layer) .pt-assignment-chip button{flex:none;display:grid;place-items:center;width:30px;height:30px;
 border-radius:9px;border:1px solid #fecaca;background:#fff1f2;color:#9f1239;font-size:20px;cursor:pointer}
:is(#pt-layer,#ta-account-layer) .pt-existing-assignments{display:grid;gap:7px;padding:10px;
 border:1px solid var(--border,#dce6ef);border-radius:12px;background:var(--surface,#fff)}
:is(#pt-layer,#ta-account-layer) .pt-existing-assignments>b{font-size:12px}
:is(#pt-layer,#ta-account-layer) .pt-existing-assignments>div{display:flex;flex-wrap:wrap;gap:6px}
:is(#pt-layer,#ta-account-layer) .pt-existing-assignments span{font-size:11px;padding:6px 8px;border-radius:8px;
 background:var(--surface-2,#f1f5f9);color:var(--muted,#475569)}
:is(#pt-layer,#ta-account-layer) .pt-footer{z-index:2;box-shadow:0 -5px 18px rgba(16,35,69,.05)}
@media(max-width:550px){
 :is(#pt-layer,#ta-account-layer) .pt-assignment-picker{grid-template-columns:1fr;gap:10px}
 :is(#pt-layer,#ta-account-layer) .pt-add-assignment{min-height:46px}
}

/* v1.2.0 — compact teacher cards: subject preview + accessible native details.
   Keep full class / subject information available on demand, not in a long line. */
.pt-teacher-card .pt-teacher-stat{
 display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;row-gap:5px;
 min-width:0;line-height:1.6
}
.pt-teacher-card .pt-teacher-count{
 display:inline-flex;align-items:center;justify-content:center;flex:none;
 padding:3px 9px;border-radius:999px;font-size:11px;font-weight:850;
 background:color-mix(in srgb,var(--primary,#2454a4) 9%,var(--surface,#fff));
 color:var(--primary,#2454a4)
}
.pt-teacher-card .pt-subject-preview{
 display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0;margin:3px 0;
}
.pt-teacher-card .pt-subject-chip,
.pt-teacher-card .pt-subject-more{
 display:inline-flex;align-items:center;max-width:100%;min-width:0;
 border:1px solid var(--border,#dce5ef);border-radius:8px;
 background:var(--surface-2,#f5f8fc);color:var(--text,#263951);
 font-size:11px;font-weight:750;line-height:1.5;padding:5px 9px;
 overflow-wrap:anywhere;white-space:normal
}
.pt-teacher-card .pt-subject-more{
 font-weight:850;color:var(--primary,#2454a4);
 background:color-mix(in srgb,var(--primary,#2454a4) 6%,var(--surface,#fff))
}
.pt-teacher-card .pt-assignments-empty{
 font-size:11px;line-height:1.7;padding:8px 10px;margin:3px 0;
 border-radius:10px;background:var(--surface-2,#f8fafc)
}
.pt-teacher-card .pt-assignments-details{
 min-width:0;border:1px solid var(--border,#dce5ef);border-radius:11px;
 background:var(--surface-2,#f8fafc);overflow:hidden;margin:3px 0;
}
.pt-teacher-card .pt-assignments-details>summary{
 display:flex;align-items:center;gap:8px;min-height:42px;
 padding:9px 12px;cursor:pointer;list-style:none;user-select:none;
 color:var(--primary,#2454a4);font-size:12px;font-weight:850;
 -webkit-tap-highlight-color:transparent
}
.pt-teacher-card .pt-assignments-details>summary::-webkit-details-marker{display:none}
.pt-teacher-card .pt-assignments-details>summary:focus-visible{
 outline:2px solid var(--primary,#2454a4);outline-offset:-2px
}
.pt-teacher-card .pt-details-label{flex:1;min-width:0}
.pt-teacher-card .pt-details-count{
 display:inline-flex;align-items:center;justify-content:center;
 min-width:24px;height:24px;padding:1px 6px;border-radius:8px;
 background:var(--surface,#fff);border:1px solid var(--border,#dce5ef);
 font-size:11px;font-weight:900
}
.pt-teacher-card .pt-details-chevron{font-size:19px;line-height:1;transition:transform .18s ease}
.pt-teacher-card .pt-details-hide{display:none}
.pt-teacher-card .pt-assignments-details[open] .pt-details-show{display:none}
.pt-teacher-card .pt-assignments-details[open] .pt-details-hide{display:inline}
.pt-teacher-card .pt-assignments-details[open] .pt-details-chevron{transform:rotate(180deg)}
.pt-teacher-card .pt-assignment-groups{
 display:grid;gap:8px;min-width:0;padding:10px;
 border-top:1px solid var(--border,#dce5ef)
}
.pt-teacher-card .pt-assignment-group{
 display:grid;gap:8px;min-width:0;padding:10px 11px;
 border:1px solid var(--border,#e2e8f0);border-radius:11px;
 background:var(--surface,#fff)
}
.pt-teacher-card .pt-assignment-group-head{
 display:flex;align-items:center;justify-content:space-between;
 flex-wrap:wrap;gap:6px;min-width:0
}
.pt-teacher-card .pt-assignment-group-head strong{
 font-size:12px;font-weight:900;line-height:1.5;overflow-wrap:anywhere
}
.pt-teacher-card .pt-assignment-group-head>span{
 font-size:10px;color:var(--muted,#65758b);font-weight:750
}
.pt-teacher-card .pt-assignment-classes{
 list-style:none;display:grid;gap:6px;margin:0;padding:0;min-width:0
}
.pt-teacher-card .pt-assignment-classes li{
 min-width:0;overflow-wrap:anywhere;font-size:11px;line-height:1.65;
 padding:7px 10px;border-radius:8px;background:var(--surface-2,#f5f8fc);
 color:var(--text,#263951)
}
.pt-teacher-card .pt-actions{margin-top:5px}
@media(max-width:660px){
 .pt-teacher-card .pt-actions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px
 }
 .pt-teacher-card .pt-actions button{width:100%;min-height:40px;min-width:0;padding:8px 7px}
 .pt-teacher-card .pt-subject-chip,.pt-teacher-card .pt-subject-more{padding:5px 8px}
}
@media(prefers-reduced-motion:reduce){
 .pt-teacher-card .pt-details-chevron{transition:none}
}

/* v1.3.0 · saved teacher assignment editor, mobile-first, touch friendly */
:is(#pt-layer,#ta-account-layer) .pt-manage-fields{gap:12px}
:is(#pt-layer,#ta-account-layer) .pt-manage-head{display:grid;gap:5px}
:is(#pt-layer,#ta-account-layer) .pt-manage-head strong{font-size:14px;color:var(--text,#172d4c)}
:is(#pt-layer,#ta-account-layer) .pt-manage-head small{font-size:11px;line-height:1.8;color:var(--muted,#64748b)}
:is(#pt-layer,#ta-account-layer) .pt-manage-list{display:grid;gap:9px;min-width:0}
:is(#pt-layer,#ta-account-layer) .pt-manage-row{
  display:grid;gap:10px;min-width:0;padding:12px;border-radius:14px;
  border:1px solid var(--border,#dce5ef);background:var(--surface,#fff)
}
:is(#pt-layer,#ta-account-layer) .pt-manage-description{display:flex;align-items:center;gap:10px;min-width:0}
:is(#pt-layer,#ta-account-layer) .pt-manage-description strong{
  font-size:12px;line-height:1.65;font-weight:850;overflow-wrap:anywhere;min-width:0
}
:is(#pt-layer,#ta-account-layer) .pt-manage-icon{
  width:32px;height:32px;display:grid;place-items:center;flex:none;
  border-radius:10px;color:var(--primary,#2454a4);
  background:color-mix(in srgb,var(--primary,#2454a4) 10%,var(--surface,#fff))
}
:is(#pt-layer,#ta-account-layer) .pt-manage-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
:is(#pt-layer,#ta-account-layer) .pt-manage-actions button,
:is(#pt-layer,#ta-account-layer) .pt-cancel-edit{
  min-height:43px;min-width:0;padding:9px 10px;border-radius:11px;
  font:inherit;font-weight:850;font-size:12px;cursor:pointer;
  border:1px solid var(--border,#dce5ef)
}
:is(#pt-layer,#ta-account-layer) .pt-manage-edit{background:color-mix(in srgb,var(--primary,#2454a4) 8%,var(--surface,#fff));color:var(--primary,#2454a4)}
:is(#pt-layer,#ta-account-layer) .pt-manage-delete{background:#fff1f2;color:#9f1239;border-color:#fecdd3!important}
:is(#pt-layer,#ta-account-layer) .pt-cancel-edit{width:100%;background:var(--surface,#fff);color:var(--muted,#475569)}
.pt-teacher-card .pt-actions .pt-manage-open{
 color:var(--primary,#2454a4);border-color:color-mix(in srgb,var(--primary,#2454a4) 30%,var(--border,#dce5ef));
 background:color-mix(in srgb,var(--primary,#2454a4) 8%,var(--surface,#fff))
}
:is(#pt-layer,#ta-account-layer) button:focus-visible,.pt-teacher-card .pt-actions button:focus-visible{
 outline:2px solid var(--primary,#2454a4);outline-offset:2px
}
@media(max-width:550px){
 :is(#pt-layer,#ta-account-layer) .pt-manage-row{padding:10px}
 :is(#pt-layer,#ta-account-layer) .pt-manage-actions{gap:7px}
}

/* 2026-10-20: matching cards for teachers with login accounts */
#investorStaffList{display:grid;gap:10px}
#investorStaffList .staff-payroll-card.staff-teacher-unified{
 display:flex;gap:11px;align-items:flex-start;padding:13px;border:1px solid var(--border,#dce5ef);
 border-radius:14px;background:var(--surface,#fff);box-shadow:none
}
#investorStaffList .staff-teacher-unified .pt-teacher-main{min-width:0}
.staff-teacher-unified .staff-teacher-username{direction:ltr;unicode-bidi:plaintext;justify-self:start;overflow-wrap:anywhere}
.staff-teacher-unified .staff-teacher-status{display:flex;gap:7px;margin:3px 0}
.staff-teacher-unified .staff-teacher-actions .pt-link-btn{
 background:var(--primary,#2454a4);color:#fff;border-color:var(--primary,#2454a4)
}
.staff-teacher-unified .staff-teacher-payroll-details{
 min-width:0;border:1px solid var(--border,#dce5ef);border-radius:11px;overflow:hidden;background:var(--surface-2,#f8fafc)
}
.staff-teacher-unified .staff-teacher-payroll-details>summary{
 display:flex;align-items:center;justify-content:space-between;gap:9px;cursor:pointer;min-height:44px;
 padding:12px;list-style:none;font-size:12px;font-weight:850;color:var(--text,#172d4c)
}
.staff-teacher-unified .staff-teacher-payroll-details>summary::-webkit-details-marker{display:none}
.staff-teacher-unified .staff-teacher-payroll-details[open]>summary span{transform:rotate(180deg)}
.staff-teacher-unified .staff-teacher-payroll-body{display:grid;gap:11px;padding:11px;border-top:1px solid var(--border,#dce5ef)}
.staff-teacher-unified .staff-teacher-payroll-body .finance-money-grid{margin:0}
.staff-teacher-unified .staff-teacher-payroll-body>button{width:100%;min-height:44px}
.staff-teacher-unified .staff-school-tags{display:flex;flex-wrap:wrap;gap:7px}
.staff-teacher-unified .staff-school-tags span{font-size:11px;border:1px solid var(--border,#dce5ef);border-radius:9px;padding:6px 9px}
@media(max-width:660px){
 #investorStaffList .staff-payroll-card.staff-teacher-unified{padding:10px;gap:9px}
 .staff-teacher-unified .staff-teacher-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .staff-teacher-unified .staff-teacher-actions button{min-height:44px;white-space:normal}
 .staff-teacher-unified .finance-money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Shared account and provisional teacher assignment editor — same UI. */
body.ta-account-dialog-open .bottom-nav{display:none!important}
#ta-account-layer .ta-ac-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#ta-account-layer .ta-ac-tabs button{font:inherit;min-height:44px;padding:9px;border:1px solid var(--border,#dce5ef);
 border-radius:12px;color:var(--text,#21334d);background:var(--surface-2,#f8fafc);font-size:12px;font-weight:850;cursor:pointer}
#ta-account-layer .ta-ac-tabs button[aria-pressed="true"]{color:var(--primary,#2454a4);
 border-color:color-mix(in srgb,var(--primary,#2454a4) 55%,var(--border,#dce5ef));
 background:color-mix(in srgb,var(--primary,#2454a4) 9%,var(--surface,#fff))}
#ta-account-layer [hidden]{display:none!important}
#ta-account-layer .pt-manage-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
 padding:10px;border:1px solid var(--border,#dce5ef);border-radius:12px;background:var(--surface,#fff)}
#ta-account-layer .pt-manage-description{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
#ta-account-layer .pt-manage-description strong{font-size:12px;overflow-wrap:anywhere}
#ta-account-layer .pt-manage-actions{display:flex;align-items:center;gap:7px}
#ta-account-layer .pt-manage-actions button{font:inherit;min-height:40px;padding:8px 12px;border-radius:9px;
 border:1px solid var(--border,#dce5ef);background:var(--surface-2,#f8fafc);font-size:12px;font-weight:800;cursor:pointer}
#ta-account-layer .pt-manage-delete{color:#b91c1c!important;border-color:#fecaca!important}
#ta-account-layer .pt-manage-list{display:grid;gap:8px}
#ta-account-layer .pt-manage-head{display:grid;gap:5px}
#ta-account-layer .pt-cancel-edit{min-height:44px;border:1px solid var(--border,#dce5ef);border-radius:11px;
 background:var(--surface-2,#f8fafc);font:inherit;font-size:12px;font-weight:850}
#ta-account-layer .pt-save:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:550px){
 #ta-account-layer .pt-manage-actions{width:100%}
 #ta-account-layer .pt-manage-actions button{flex:1}
 #ta-account-layer .ta-ac-tabs button{font-size:11px;padding:8px 5px}
}

/* Teacher credential + direct QR card, isolated from the old account form */
body.pt-card-open .bottom-nav{display:none!important}
#pt-issued-account.pt-issued-layer{position:fixed!important;inset:0!important;z-index:2147483647!important;display:flex;align-items:center;justify-content:center;padding:12px;direction:rtl;background:rgba(9,17,35,.7);backdrop-filter:blur(8px)}
#pt-issued-account *{box-sizing:border-box}
#pt-issued-account .pt-issued-sheet{display:flex;flex-direction:column;width:min(490px,100%);max-height:min(92dvh,840px);background:var(--surface,#fff);color:var(--text,#172033);border-radius:22px;overflow:hidden;box-shadow:0 25px 75px #0005}
#pt-issued-account .pt-issued-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--border,#dce5ef)}
#pt-issued-account .pt-issued-head small{color:var(--primary,#1d64ac);font-weight:850}
#pt-issued-account h3{font-size:17px;margin:5px 0 0}
#pt-issued-account .pt-issued-close{background:var(--surface-2,#f7f9fc);border:1px solid var(--border,#ddd);color:var(--text,#182d42);border-radius:10px;width:42px;height:42px;font-size:23px}
#pt-issued-account .pt-issued-content{padding:18px;display:grid;gap:13px;overflow-y:auto;min-height:0;line-height:1.7}
#pt-issued-account .pt-issued-name{font-size:18px}
#pt-issued-account .pt-issued-summary{margin:0;font-size:12px;color:var(--muted,#65758b)}
#pt-issued-account .pt-issued-values{display:grid;gap:9px}
#pt-issued-account .pt-issued-values label{display:grid;gap:5px;font-size:12px;font-weight:850}
#pt-issued-account .pt-issued-values output{display:block;unicode-bidi:plaintext;direction:ltr;text-align:center;font-size:18px;font-weight:900;letter-spacing:.5px;padding:11px;user-select:all;border:1px solid var(--border,#dce5ef);border-radius:11px;background:var(--surface-2,#f7f9fc)}
#pt-issued-account .pt-issued-qr-wrap{display:grid;justify-items:center;gap:8px;background:#fff;color:#26313e;border-radius:14px;border:1px solid #e0e5ed;padding:12px}
#pt-issued-account #pt-issued-qr{display:grid;place-items:center;min-height:120px;font-size:12px;text-align:center}
#pt-issued-account #pt-issued-qr img{width:min(215px,70vw);height:auto;image-rendering:auto;display:block}
#pt-issued-account .pt-issued-qr-wrap small{font-size:11px;line-height:1.6;text-align:center}
#pt-issued-account .pt-issued-warning{margin:0;border-radius:11px;background:#fff7ed;border:1px solid #fed7aa;color:#87410d;font-size:11px;line-height:1.8;padding:10px}
#pt-issued-account .pt-issued-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px 18px;border-top:1px solid var(--border,#dce5ef)}
#pt-issued-account .pt-issued-actions button{font:inherit;font-size:12px;font-weight:850;min-height:44px;border:1px solid var(--border,#ddd);border-radius:11px;background:var(--surface-2,#f7f9fc);color:var(--text,#24344a)}
#pt-issued-account .pt-issued-actions button:first-child{grid-column:span 2;color:#fff;background:var(--primary,#2454a4);border-color:var(--primary,#2454a4)}
#pt-issued-account .pt-issued-actions button:disabled{opacity:.5}
@media(max-width:600px){#pt-issued-account.pt-issued-layer{padding:0}#pt-issued-account .pt-issued-sheet{width:100%;height:100dvh;max-height:100dvh;border-radius:0}#pt-issued-account .pt-issued-head{padding:calc(11px + env(safe-area-inset-top,0px)) 15px 11px}#pt-issued-account .pt-issued-content{padding:12px 15px}#pt-issued-account .pt-issued-actions{padding:10px 15px calc(10px + env(safe-area-inset-bottom,0px))}}
@media print{
 body > *:not(#pt-issued-account){display:none!important}
 #pt-issued-account.pt-issued-layer{position:static!important;display:block!important;padding:0!important;background:#fff!important;backdrop-filter:none!important;color:#111!important}
 #pt-issued-account .pt-issued-sheet{box-shadow:none!important;max-height:none!important;border-radius:0!important;width:100%!important}
 #pt-issued-account .pt-issued-head,#pt-issued-account .pt-issued-content{overflow:visible!important}
 #pt-issued-account .pt-issued-close,#pt-issued-account .pt-issued-actions{display:none!important}
 #pt-issued-account #pt-issued-qr img{width:240px!important}
}