.portal-page{min-height:100svh;background:radial-gradient(circle at 12% 12%,rgba(139,124,255,.1),transparent 30%),#070817}.portal-header{border-bottom:1px solid var(--border);background:rgba(7,8,23,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.portal-nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-brand{display:flex;align-items:center;gap:12px;font:600 11px var(--label);letter-spacing:.15em;text-transform:uppercase}.portal-brand img{width:42px;height:42px;object-fit:contain}.portal-actions{display:flex;align-items:center;gap:12px}.portal-actions a,.portal-link-button{border:0;background:none;color:var(--muted);font:600 10px var(--label);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.portal-actions a:hover,.portal-link-button:hover{color:#fff}.portal-main{padding:70px 0 100px}.portal-heading{margin-bottom:38px}.portal-heading h1{font:500 clamp(42px,6vw,64px)/1 var(--display);text-transform:uppercase;margin:15px 0}.portal-heading>p:last-child{color:var(--muted);line-height:1.7}.portal-card{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.auth-shell{width:min(520px,calc(100% - 36px));margin:0 auto}.auth-card{margin-top:44px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:28px;border:1px solid var(--border)}.auth-tabs button{height:44px;border:0;background:transparent;color:var(--muted);font:600 10px var(--label);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.auth-tabs button.active{background:linear-gradient(135deg,#9b8cff,#6354da);color:#fff}.auth-form{display:grid;gap:18px}.auth-form[hidden]{display:none}.portal-field{display:grid;gap:9px}.portal-field span{font:600 10px var(--label);letter-spacing:.14em;text-transform:uppercase;color:#c8c9d8}.portal-field input,.portal-field textarea,.portal-field select{width:100%;border:1px solid var(--border);border-radius:4px;background:#0b0e22;color:#fff;padding:14px 15px;font:400 14px var(--body);outline:none}.portal-field input:focus,.portal-field textarea:focus,.portal-field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(139,124,255,.1)}.portal-message{min-height:22px;color:var(--muted);font-size:13px;line-height:1.55}.portal-message.error{color:#ff8f9c}.portal-message.success{color:#7de3cc}.portal-grid{display:grid;grid-template-columns:290px 1fr;gap:28px;align-items:start}.profile-card{text-align:center;position:sticky;top:98px}.profile-avatar{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#9b8cff,#6354da);font:500 30px var(--display)}.profile-card h2{font:500 25px var(--display);text-transform:uppercase;margin:0}.profile-card p{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.role-badge,.status-badge{display:inline-flex;padding:6px 9px;border:1px solid var(--border);border-radius:50px;color:var(--gold);font:600 9px var(--label);letter-spacing:.1em;text-transform:uppercase}.projects-list{display:grid;gap:16px}.project-card{padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.project-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.project-card h2{font:500 23px var(--display);text-transform:uppercase;margin:0}.project-card time{display:block;color:#747993;font-size:11px;margin-top:6px}.project-services{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.project-services span{padding:6px 9px;background:rgba(139,124,255,.08);border:1px solid var(--border);color:#c8c9d8;font-size:11px}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:16px;border-top:1px solid var(--border)}.project-meta small{display:block;color:#747993;font:600 8px var(--label);letter-spacing:.11em;text-transform:uppercase;margin-bottom:6px}.project-meta strong{font-size:12px}.portal-empty{padding:44px 20px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:8px}.admin-toolbar{display:flex;gap:12px;margin-bottom:22px}.admin-toolbar input,.admin-toolbar select{border:1px solid var(--border);background:var(--surface);color:#fff;padding:12px 14px;outline:none}.admin-toolbar input{flex:1}.admin-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:8px}.admin-table{width:100%;border-collapse:collapse;min-width:880px;background:var(--surface)}.admin-table th,.admin-table td{text-align:left;padding:14px;border-bottom:1px solid var(--border);font-size:12px;vertical-align:top}.admin-table th{color:#8e92ab;font:600 9px var(--label);letter-spacing:.12em;text-transform:uppercase}.admin-table td strong{display:block;color:#fff;margin-bottom:5px}.admin-table td span{color:var(--muted)}.admin-table select{border:1px solid var(--border);background:#0b0e22;color:#fff;padding:8px}.setup-notice{padding:16px;border:1px solid rgba(255,143,156,.4);background:rgba(255,143,156,.06);color:#ffc0c8;font-size:13px;line-height:1.6;margin-bottom:20px}@media(max-width:800px){.portal-grid{grid-template-columns:1fr}.profile-card{position:relative;top:auto}.project-meta{grid-template-columns:1fr}.portal-actions .hide-mobile{display:none}.admin-toolbar{flex-direction:column}}@media(max-width:540px){.portal-main{padding-top:46px}.portal-brand span{display:none}.portal-card{padding:22px 18px}.project-card-head{flex-direction:column}}
.project-sequence{display:block;color:var(--gold);font:600 9px var(--label);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.admin-table{min-width:880px!important}
.social-auth[hidden]{display:none}.social-auth{margin-top:22px}.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#747993;font:600 9px var(--label);letter-spacing:.14em;text-transform:uppercase}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--border)}.google-auth-button{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--border);border-radius:4px;background:#fff;color:#1f1f1f;font:600 11px var(--label);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}.google-auth-button:hover{background:#f0f0f0;border-color:#fff}.google-auth-button:disabled{opacity:.6;cursor:wait}.google-auth-button svg{width:20px;height:20px;flex:0 0 auto}
.project-card-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.payment-badge{display:inline-flex;padding:6px 9px;border:1px solid var(--border);border-radius:50px;color:#b9b3ff;font:600 9px var(--label);letter-spacing:.1em;text-transform:uppercase}.payment-badge[data-payment="paid"]{color:#7de3cc;border-color:rgba(125,227,204,.35)}.payment-badge[data-payment="partially_paid"],.payment-badge[data-payment="invoice_sent"]{color:#f0c878}
.admin-view-button{display:block;margin-top:10px;padding:0;border:0;background:none;color:var(--gold);font:600 9px var(--label);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.admin-view-button:hover{text-decoration:underline;text-underline-offset:3px}.project-dialog{width:min(880px,calc(100% - 28px));max-height:calc(100svh - 36px);padding:34px;border:1px solid rgba(139,124,255,.35);border-radius:10px;background:#0b0e22;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.75);overflow:auto}.project-dialog::backdrop{background:rgba(3,4,14,.9);backdrop-filter:blur(10px)}.project-dialog-close{position:absolute;top:12px;right:15px;border:0;background:transparent;color:#aeb0bf;font-size:30px;cursor:pointer}.portal-detail-heading{padding-right:34px;margin-bottom:26px}.portal-detail-heading h2{font:500 clamp(30px,5vw,44px)/1.05 var(--display);text-transform:uppercase;margin:12px 0 18px}.portal-detail-heading .project-card-badges{justify-content:flex-start}.portal-detail-section{padding:22px 0;border-top:1px solid var(--border)}.portal-detail-section h3{font:500 20px var(--display);text-transform:uppercase;margin:0 0 17px}.portal-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-detail-item{min-width:0;padding:13px 14px;border:1px solid var(--border);border-radius:5px;background:rgba(255,255,255,.02)}.portal-detail-item.wide{grid-column:1/-1}.portal-detail-item small{display:block;color:#747993;font:600 8px var(--label);letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px}.portal-detail-item strong,.portal-detail-item a{display:block;color:#fff;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.portal-detail-item.wide strong{white-space:pre-wrap}.portal-detail-item a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.portal-detail-item span{display:block;margin-top:6px;color:#73768c;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.client-project-details{margin-top:19px;border-top:1px solid var(--border)}.client-project-details summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 2px 0;color:var(--gold);font:600 9px var(--label);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;list-style:none}.client-project-details summary::-webkit-details-marker{display:none}.client-project-details summary span{font-size:17px;transition:transform .2s}.client-project-details[open] summary span{transform:rotate(180deg)}.client-project-detail-body{padding-top:17px}
@media(max-width:600px){.project-dialog{padding:30px 16px 20px}.portal-detail-grid{grid-template-columns:1fr}.portal-detail-item.wide{grid-column:auto}.project-card-badges{justify-content:flex-start}}

.serial-cell{color:var(--gold)!important;font:600 12px var(--label);letter-spacing:.08em;white-space:nowrap}
.row-actions{display:flex;flex-direction:column;gap:7px}.admin-row-button{padding:7px 11px;border:1px solid var(--border);border-radius:4px;background:rgba(255,255,255,.03);color:#fff;font:600 9px var(--label);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:.2s}.admin-row-button:hover{border-color:var(--gold);color:var(--gold)}.admin-row-button.danger:hover{border-color:#ff8f9c;color:#ff8f9c}
.danger-button{padding:11px 20px;border:1px solid rgba(255,143,156,.5);background:rgba(255,143,156,.1);color:#ff8f9c}.danger-button:hover{background:#ff8f9c;color:#0b0e22}
.edited-badge{display:inline-block;margin-top:8px;padding:4px 8px;border:1px solid rgba(240,200,120,.35);border-radius:50px;color:#f0c878!important;font:600 8px var(--label);letter-spacing:.1em;text-transform:uppercase}
.admin-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px}.admin-edit-form .portal-field.wide{grid-column:1/-1}.admin-edit-form textarea{resize:vertical}
.admin-dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:18px;border-top:1px solid var(--border)}
.confirm-dialog{width:min(520px,calc(100% - 28px))}.confirm-copy{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 18px}.confirm-copy strong{color:#fff}.confirm-copy a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.history-list{display:grid;gap:12px}.history-title{font:500 20px var(--display);text-transform:uppercase;margin:26px 0 15px;padding-top:20px;border-top:1px solid var(--border)}.history-empty{color:var(--muted);font-size:12px;margin:0}
.history-entry{padding:14px;border:1px solid var(--border);border-radius:6px;background:rgba(255,255,255,.02)}.history-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:11px}.history-head strong{color:#fff;font:600 10px var(--label);letter-spacing:.11em;text-transform:uppercase}.history-head span{color:#747993;font-size:10px}
.history-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}.history-values>div{padding:10px 12px;border-radius:5px}.history-values small{display:block;font:600 8px var(--label);letter-spacing:.11em;text-transform:uppercase;margin-bottom:6px}.history-values span{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
.history-old{background:rgba(255,143,156,.07);border:1px solid rgba(255,143,156,.22)}.history-old small{color:#ff8f9c}.history-old span{color:#d9b6bb;text-decoration:line-through;text-decoration-color:rgba(255,143,156,.45)}
.history-new{background:rgba(125,227,204,.07);border:1px solid rgba(125,227,204,.22)}.history-new small{color:#7de3cc}.history-new span{color:#cfeee6}
.final-video-panel{margin:17px 0 0;padding:15px 17px;border:1px solid rgba(125,227,204,.3);border-radius:7px;background:rgba(125,227,204,.06)}.final-video-panel small{display:block;color:#7de3cc;font:600 8px var(--label);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.final-video-panel a{color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.final-video-panel a:hover{color:#7de3cc}
.project-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:17px}.locked-note{color:#747993;font-size:11px;line-height:1.5}
@media(max-width:600px){.admin-edit-form{grid-template-columns:1fr}.admin-edit-form .portal-field.wide{grid-column:auto}.history-values{grid-template-columns:1fr}.admin-dialog-actions{flex-direction:column-reverse}.admin-dialog-actions .button{width:100%}}

/* --- Admin action bar, badges, grouping --- */
.admin-actionbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.admin-actionbar .button{padding:10px 16px}
#customToggle.active{background:rgba(139,124,255,.16);border-color:#8b7cff;color:#b9b3ff}
.new-badge,.custom-badge{display:inline-block;margin-top:8px;margin-right:6px;padding:4px 8px;border-radius:50px;font:600 8px var(--label);letter-spacing:.1em;text-transform:uppercase}
.new-badge{border:1px solid rgba(125,227,204,.4);background:rgba(125,227,204,.1);color:#7de3cc!important}
.custom-badge{border:1px solid rgba(240,200,120,.4);background:rgba(240,200,120,.1);color:#f0c878!important}
.admin-table tr.group-row td{padding:11px 14px;background:rgba(139,124,255,.07);border-bottom:1px solid var(--border);color:#b9b3ff;font:600 9px var(--label);letter-spacing:.16em;text-transform:uppercase}
.admin-table tr.group-row.older-group td{background:rgba(255,255,255,.02);color:#747993}
.admin-table tr.fresh-row td:first-child{box-shadow:inset 3px 0 0 #7de3cc}
.editors-list{display:grid;gap:10px;margin-bottom:8px}
.editor-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px;border:1px solid var(--border);border-radius:7px;background:rgba(255,255,255,.02)}
.editor-row strong{display:block;font-size:13px}
.editor-row span{color:var(--muted);font-size:11px}
.role-badge[data-role="editor"]{color:#7de3cc;border-color:rgba(125,227,204,.35)}
.role-badge[data-role="admin"]{color:#f0c878;border-color:rgba(240,200,120,.35)}

/* --- Print / PDF: branded Project Brief on white --- */
#printRoot{display:none}
@media print{
  body.printing>*{display:none!important}
  body.printing dialog{display:none!important}
  body.printing #printRoot{display:block!important}
  body{opacity:1!important;background:#fff!important}
  @page{margin:14mm}
}
/* Print layout. Browsers drop background-color unless the user ticks
   "Background graphics", so every visual here is built from borders and text
   colour, which always print. print-color-adjust just makes the fills show
   too when that option happens to be on. */
.print-doc{color:#111;background:#fff;font-family:Inter,Arial,Helvetica,sans-serif;font-size:10.5pt;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.print-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:2.5px solid #111}
.print-brand{display:flex;align-items:center;gap:13px}
.print-mark{width:46px;height:46px;object-fit:contain;flex:none}
.print-company{display:flex;flex-direction:column;gap:3px}
.print-company strong{font-size:16pt;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:#111}
.print-company span{font-size:8pt;letter-spacing:.13em;text-transform:uppercase;color:#555}
.print-contact{display:flex;flex-direction:column;gap:2px;text-align:right;font-size:8.5pt;color:#444}
.print-title{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid #bbb}
.print-serial{flex:none;padding:8px 13px;border:1.5px solid #111;border-radius:3px;font-size:13pt;font-weight:700;letter-spacing:.04em;color:#111}
.print-titlecopy{min-width:0}
.print-kicker{display:block;font-size:7.5pt;letter-spacing:.24em;text-transform:uppercase;color:#4a3fb0;margin-bottom:7px;font-weight:700}
.print-title h1{font-size:19pt;line-height:1.18;margin:0 0 11px;text-transform:uppercase;letter-spacing:-.01em;word-break:break-word;color:#111}
.print-pills{display:flex;flex-wrap:wrap;gap:6px}
.print-pill{padding:3px 10px;border:1.5px solid #111;border-radius:50px;color:#111;font-size:7.5pt;letter-spacing:.11em;text-transform:uppercase;font-weight:700}
.print-pill.ghost{border:1px solid #aaa;color:#555;font-weight:600}
.print-section{margin-top:20px;break-inside:avoid}
.print-section h2{display:flex;align-items:center;gap:9px;font-size:9.5pt;letter-spacing:.19em;text-transform:uppercase;color:#111;margin:0 0 10px;font-weight:700}
.print-section h2::before{content:"";width:16px;border-top:2.5px solid #4a3fb0}
.print-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ccc;border-left:1px solid #ccc}
.print-grid.one{grid-template-columns:1fr}
.print-cell{padding:9px 12px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;break-inside:avoid}
.print-cell small{display:block;font-size:7pt;letter-spacing:.13em;text-transform:uppercase;color:#666;margin-bottom:3px;font-weight:700}
.print-cell span{display:block;font-size:10pt;line-height:1.45;word-break:break-word;color:#111}
.print-notes{white-space:pre-wrap;font-size:10pt;line-height:1.6;margin:0;padding:2px 0 2px 14px;border-left:3px solid #4a3fb0;color:#111;break-inside:avoid}
.print-foot{display:flex;justify-content:space-between;gap:14px;margin-top:28px;padding-top:10px;border-top:1px solid #bbb;font-size:7.5pt;letter-spacing:.05em;text-transform:uppercase;color:#666}
.dialog-topbar{display:flex;flex-wrap:wrap;gap:10px;padding:0 40px 18px 0;margin-bottom:20px;border-bottom:1px solid var(--border)}
.editors-toolbar{margin-bottom:14px}
.editors-toolbar input{width:100%;border-radius:4px}

/* Auth gate — opaque cover so a privileged shell never paints before the role
   check returns. Removed by KarrarPortal.releaseGate() once access is proven. */
.auth-gate{position:fixed;inset:0;z-index:9999;display:grid;grid-auto-flow:row;place-content:center;justify-items:center;gap:16px;background:#070817;color:#747993;font:600 10px var(--label);letter-spacing:.22em;text-transform:uppercase}
.auth-gate::before{content:"";width:26px;height:26px;border:2px solid rgba(139,124,255,.22);border-top-color:#8b7cff;border-radius:50%;animation:auth-spin .8s linear infinite}
@keyframes auth-spin{to{transform:rotate(1turn)}}
@media(prefers-reduced-motion:reduce){.auth-gate::before{animation:none}}
@media print{.auth-gate{display:none!important}}

.assign-warning{display:block;margin-top:6px;color:#ffb4b4;font-size:11px;line-height:1.4}

/* Copy-to-clipboard buttons sit in the corner of a detail cell. */
.portal-detail-item{position:relative}
.portal-detail-item:has(.copy-button) small{padding-right:30px}
.copy-button{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:5px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.5);cursor:pointer;transition:.2s}
.copy-button:hover{color:#8b7cff;border-color:rgba(139,124,255,.55);background:rgba(139,124,255,.1)}
.copy-button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.copy-button.copied{color:#7ce7a2;border-color:rgba(124,231,162,.5);background:rgba(124,231,162,.12)}
.copy-button.copy-failed{color:#ffb4b4;border-color:rgba(255,180,180,.5)}
.copy-button.copied svg,.copy-button.copy-failed svg{display:none}
.copy-button.copied::after{content:'✓';font-size:13px;line-height:1}
.copy-button.copy-failed::after{content:'!';font:700 13px/1 var(--label)}
.final-video-panel{position:relative}
.final-video-panel .copy-button{top:14px;right:14px}

/* Priority + internal workflow stages (admin and editor only). */
.priority-badge,.stage-chip{display:inline-block;margin-top:8px;margin-right:6px;padding:4px 8px;border-radius:50px;border:1px solid var(--border);font:600 8px var(--label);letter-spacing:.1em;text-transform:uppercase}
.priority-badge[data-priority="urgent"]{border-color:rgba(255,120,120,.5);background:rgba(255,120,120,.12);color:#ff9d9d}
.priority-badge[data-priority="high"]{border-color:rgba(255,190,120,.5);background:rgba(255,190,120,.12);color:#ffc887}
.priority-badge[data-priority="normal"]{color:#9aa0b8}
.priority-badge[data-priority="low"]{color:#7f8499}
.stage-chip{color:#a99cff;border-color:rgba(139,124,255,.35);background:rgba(139,124,255,.09)}
.stage-chip[data-stage="complete"],.stage-chip[data-stage="completed"]{color:#7ce7a2;border-color:rgba(124,231,162,.4);background:rgba(124,231,162,.1)}
.stage-chip[data-stage="needs_revision_admin"],.stage-chip[data-stage="needs_revision_client"]{color:#ffb4b4;border-color:rgba(255,180,180,.4);background:rgba(255,180,180,.1)}
.workflow-cell{display:grid;gap:6px;min-width:150px}
.workflow-cell .stage-chip{margin:0;justify-self:start}
.release-panel{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:6px;background:rgba(255,255,255,.02)}
.release-panel p{margin:0;flex:1;min-width:220px;color:#9aa0b8;font-size:12px;line-height:1.6}
.release-panel strong{color:#fff}
.release-state{font:600 9px var(--label);letter-spacing:.1em;text-transform:uppercase}
.release-state[data-released="true"]{color:#7ce7a2}
.release-state[data-released="false"]{color:#ffc887}
.release-panel .button[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.stage-select{display:flex;align-items:center;gap:9px;margin-right:auto}
.stage-select>span{color:#747993;font:600 8px var(--label);letter-spacing:.11em;text-transform:uppercase}
.stage-select select{min-width:150px;border:1px solid var(--border);border-radius:4px;background:#0b0e22;color:#fff;padding:9px 11px;font:400 13px var(--body);outline:none}
.stage-error{flex:1 0 100%;margin:6px 0 0}

/* Eight columns fit without a horizontal scrollbar on a normal laptop; the
   brief details they used to duplicate live in the View all details modal. */
.admin-table th,.admin-table td{padding:12px 10px}
.admin-table td:first-child,.admin-table th:first-child{width:60px}
.admin-table td:nth-child(2){min-width:190px}
.admin-table td:nth-child(3){min-width:170px}
.admin-table select{max-width:100%}
.admin-table td:nth-child(4) select,.admin-table td:nth-child(5) select{min-width:120px}
.workflow-cell{min-width:140px}

/* The editor toolbar sits in the narrow right column, so it wraps. */
.editor-toolbar{flex-wrap:wrap;margin-bottom:14px}
.editor-toolbar input{flex:1 1 100%;min-width:0}
.editor-toolbar select{flex:1 1 160px;min-width:0;border-radius:4px}
.assignment-count{margin:0 0 18px;color:#747993;font:600 9px var(--label);letter-spacing:.12em;text-transform:uppercase}