/* BYND application chrome only; generated/client artifacts are independent.
   Gradient stops: approved Logo.svg. Neutrals: agency profile + app choices.
   Montserrat is preferred; approved Arial fallback needs no runtime download. */
:root {
  color-scheme: light;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 16px;
  --body-size: .9375rem;
  --secondary-size: .8125rem;
  --control-size: .8125rem;
  --control-height: 2.25rem;
  --control-padding: .375rem .75rem;
  --action-gap: .5rem;
  --section-space: 1rem;
  --card-padding: 1rem;
  --canvas: #f7f7f9;
  --surface: #fff;
  --surface-soft: #f2f2f5;
  --ink: #1e1e1e;
  --secondary: #555864;
  --line: #d9dbe2;
  --brand-deep: #26255e;
  --link: #393875;
  --focus: #3e66a6;
  --bynd-gradient: linear-gradient(100deg, #f8ad4d, #e45151 50%, #26255e);
  --ready-ink: #35305f;
  --ready-fill: #eeecf8;
  --warning-ink: #71501c;
  --warning-fill: #fff5df;
  color: var(--ink);
  background: var(--canvas);
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--canvas); font-size:var(--body-size); line-height: 1.5; text-size-adjust:100%; -webkit-text-size-adjust:100%; }
main { width: min(1600px, calc(100% - 64px)); margin: 0 auto; padding: 16px 0 48px; }
[hidden], #employee-access [hidden] { display: none !important; }
h1, h2, h3, h4 { line-height: 1.25; color: var(--ink); }
h1 { font-size: clamp(1.8rem, 3vw, 2.5rem); margin: 16px 0; }
h2, .employee-page h2, #employee-my-clients h2, #employee-admin h2 { font-size: 1.375rem; margin: 4px 0 12px; }
h3 { font-size: 1.0625rem; margin: 0 0 10px; }
p { margin: 8px 0 14px; }
a, a:visited { color: var(--link); text-underline-offset: 3px; }
a:hover { color: var(--brand-deep); text-decoration-thickness: 2px; }
a, button, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
:is(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
button, select, input, textarea { font: inherit; }
button, .employee-primary-link, .employee-secondary-link { display: inline-flex; align-items: center; justify-content: center;
  min-height: var(--control-height); border: 1px solid transparent; border-radius: 8px; padding: var(--control-padding);
  max-width:100%; white-space:normal; overflow-wrap:anywhere;
  font-size: var(--control-size); font-weight: 600; line-height: 1.4; text-decoration: none; cursor: pointer; }
button, .employee-primary-link, .employee-primary-link:visited { background: var(--brand-deep); color: #fff; }
button:hover, .employee-primary-link:hover { background: #36346f; color: #fff; text-decoration: none; }
button:disabled { cursor: not-allowed; background: #e9e9ef; color: #626370; border-color: var(--line); }
.employee-secondary-link, .employee-secondary-link:visited, button.employee-secondary-button,
.employee-account-menu button, .employee-wizard-actions button:not(:last-child) { background: var(--surface); color: var(--link); border: 1px solid #a1a3b3; }
.employee-secondary-link:hover, button.employee-secondary-button:hover, .employee-account-menu button:hover,
.employee-wizard-actions button:not(:last-child):hover { background: #eeedf5; color: var(--brand-deep); }
.employee-wizard-actions button.employee-primary-button:not(:disabled) { background: var(--brand-deep); color: #fff; border-color: var(--brand-deep); }
.employee-wizard-actions button.employee-primary-button:not(:disabled):hover { background: #36346f; color: #fff; }
label { font-weight: 600; }
#employee-access label { display: inline-flex; flex-direction: column; gap: 6px; margin: 8px 16px 8px 0; }
input, select, textarea { min-height: var(--control-height); border: 1px solid #898c9b; border-radius: 6px; padding: .375rem .625rem;
  color: var(--ink); background: var(--surface); max-width: 100%; }
input::placeholder, textarea::placeholder { color: #626572; opacity: 1; }
input[type=checkbox], input[type=radio] { min-height: auto; accent-color: var(--brand-deep); }
textarea { min-height: 96px; width: 100%; }
fieldset { min-width: 0; }
pre, code, output { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--secondary); }
pre { font-size: .875rem; max-width: 100%; }
small, .employee-card-note, .employee-subtitle, #employee-status, .lede, .paid-rationale { color: var(--secondary); font-size: .875rem; }
.eyebrow { color: var(--secondary); font-size: .875rem; letter-spacing: .06em; font-weight: 700; }
.bynd-logo { display: block; width: 86px; height: auto; aspect-ratio: 117 / 109; object-fit: contain; }
#employee-access { border: 0; background: transparent; padding: 0; margin-bottom: 24px; }
#employee-access:has(#employee-login-form:not([hidden])) { max-width: 520px; margin: 6vh auto; padding: 32px;
  border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
#employee-login-form { display: grid; gap: 12px; }
#employee-login-form label { margin: 0; }
#employee-login-intro .bynd-logo { margin: 0 0 24px; }
.employee-topbar { display: flex; align-items: center; gap: 20px; padding: 0 0 12px; border-bottom: 1px solid var(--line); }
.employee-brand, .employee-brand:visited { display: flex; align-items: center; gap: 16px; flex-shrink: 0; color: var(--secondary); text-decoration: none; }
.employee-brand .bynd-logo { margin: 4px 8px; width: 64px; }
.employee-brand span { font-size: .875rem; max-width: 90px; line-height: 1.4; }
.employee-account-menu { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin-left:auto; }
.employee-account-menu span { color: var(--secondary); font-size: .875rem; }
.employee-account-menu button { margin: 0; }
.employee-nav { display: flex; flex-wrap: wrap; gap: 4px; padding: 10px 0 18px; }
.employee-nav a, .employee-nav a:visited { display: inline-flex; align-items: center; min-height: var(--control-height); color: var(--secondary);
  font-size:var(--control-size); text-decoration: none; padding: 6px 10px; border-radius: 6px; font-weight: 600; }
.employee-nav a:hover { background: #eeedf5; color: var(--brand-deep); }
.employee-nav a[aria-current=page] { background: var(--brand-deep); color: #fff; }
.employee-page { padding: 0 0 24px; }
.employee-page > p, #employee-approvals > p, #employee-entry-description { max-width: 90ch; }
.employee-notice { border: 1px solid var(--line); border-left: 4px solid var(--focus); padding: 12px 16px;
  background: var(--surface); color: var(--secondary); border-radius: 8px; max-width: 90ch; }
.employee-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 8px; }
.employee-section-heading h3 { margin: 0; }
#employee-home-review-count { font-weight: 400; color: var(--secondary); }
.employee-home-reviews, .employee-recent { margin: 20px 0 28px; }
.employee-home-reviews { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 20px; }
#employee-home-reviews .employee-work-row { border: 0; background: var(--surface-soft); }
.employee-work-row { display: flex; align-items: center; gap: 20px; margin: 0 0 10px; padding: 14px 16px;
  background: var(--surface); border: 1px solid var(--line); border-radius: 8px; min-width: 0; }
.employee-work-summary { display: grid; gap: 4px; flex: 1; min-width: 0; }
.employee-work-summary strong { font-size: 1rem; overflow-wrap: anywhere; }
.employee-work-summary span, .employee-work-row time { color: var(--secondary); font-size: .875rem; }
.employee-work-row time { margin-left: auto; white-space: nowrap; }
.employee-work-row a { flex-shrink: 0; }
.employee-start { margin-top: 28px; }
.employee-start > h3 { font-size: 1.375rem; margin-bottom: 6px; }
.employee-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 20px 0 32px; }
#employee-access .employee-vertical-card { position: relative; display: flex; flex-direction: column; align-items: flex-start;
  border: 1px solid var(--line); border-radius: 10px; background: var(--surface); padding: var(--card-padding); min-width: 0; }
.employee-card-icon { width: 44px; height: 44px; object-fit: contain; margin-bottom: 16px; }
.employee-vertical-card h3 { font-size: 1.0625rem; margin: 0 0 10px; max-width: 32ch; }
.employee-vertical-card p { margin: 0 0 14px; line-height: 1.5; max-width: 60ch; }
.employee-vertical-card .employee-card-note { font-size: .875rem; }
.employee-readiness { align-self: start; border-radius: 6px; padding: 5px 9px; margin: 0 0 12px; font-size: .875rem; font-weight: 600;
  background: #eeeeef; color: #555864; }
.employee-readiness[data-state=ready] { background: var(--ready-fill); color: var(--ready-ink); }
.employee-readiness[data-state=setup] { background: var(--warning-fill); color: var(--warning-ink); }
.employee-readiness[data-state=waiting] { background: #eaf0fa; color: #354b72; }
.employee-readiness[data-state=unavailable] { background: #eeeeef; color: #555864; }
.employee-card-action { margin-top: auto; }
#employee-access article { border-top: 1px solid var(--line); padding: 18px 0; }
#employee-access article button { margin: 6px 8px 6px 0; }
.employee-management-list article { border: 1px solid var(--line); border-radius: 8px; padding: var(--card-padding) !important; margin: 10px 0; background: var(--surface); overflow-wrap: anywhere; }
.employee-management-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
.employee-management-filters label { flex: 1 1 180px; min-width: 0; }
.employee-admin-detail { border-top: 1px solid var(--line); margin-top: 16px; padding-top: 16px; }
#employee-client-create-form { padding: 24px; margin: 20px 0; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
#employee-client-create-form p { max-width: 80ch; color: var(--secondary); font-size: .875rem; }
#employee-client-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
#employee-client-list p { background: var(--surface-soft); border-radius: 8px; padding: 8px 12px; }
:is(#employee-calendar-intake, #employee-campaign-intake, #employee-creative-intake, #employee-organic-intake, #employee-paid-intake, #employee-v6-intake) { max-width: 1040px; padding-top: 16px; }
[id$="-options"], [id$="-drafts"] { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0; }
[id$="-options"] button, [id$="-drafts"] button { background: var(--surface); color: var(--link); border: 1px solid #a1a3b3; text-align: left; }
[id$="-options"] button:hover, [id$="-drafts"] button:hover { background: #eeedf5; }
[id$="-wizard"], .employee-campaign-review { margin-top: 20px; padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.employee-campaign-review { line-height: 1.6; }
.employee-campaign-review article { margin: 16px 0; padding: 16px; border: 1px solid var(--line); border-radius: 8px; }
details { margin: 12px 0; padding: 12px 16px; border: 1px solid var(--line); border-radius: 8px; }
summary { cursor: pointer; font-weight: 600; min-height: 32px; }
.employee-campaign-review li { margin: 8px 0; }
#employee-access .employee-intake-label { display: flex; flex-direction: column; width: min(100%, 780px); margin: 16px 0; }
.employee-intake-label input, .employee-intake-label textarea { width: 100%; max-width: none; }
.employee-intake-label small { font-weight: 400; color: var(--secondary); font-size: .875rem; }
.employee-post-editor { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; border: 1px solid var(--line); border-radius: 8px; margin: 16px 0; padding: 16px; }
.employee-post-editor label { display: flex !important; flex-direction: column; margin-right: 0 !important; }
.employee-post-editor input, .employee-post-editor select, .employee-post-editor textarea { width: 100%; max-width: none; }
.employee-post-editor legend { font-weight: 700; }
.employee-calendar-post-review dl { display: grid; grid-template-columns: minmax(110px, 160px) minmax(0, 1fr); gap: 8px 16px; }
.employee-calendar-post-review dt { font-weight: 600; }
.employee-calendar-post-review dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.employee-calendar-post-review li { white-space: pre-wrap; overflow-wrap: anywhere; }
.employee-calendar-post-review summary { overflow-wrap: anywhere; }
@media (max-width: 680px) { .employee-calendar-post-review dl { grid-template-columns: 1fr; gap: 4px; }
  .employee-calendar-post-review dd { margin-bottom: 12px; } }
.employee-wizard-actions, .employee-action-row { display: flex; flex-wrap: wrap; gap:var(--action-gap); align-items:center; margin-top:16px; }
.employee-action-row > :is(button,a), .employee-wizard-actions > :is(button,a) { margin:0 !important; flex:0 1 auto; }
.employee-action-row a:not([class]) { padding:8px 0; }
.campaign-dialog { width: min(620px, calc(100vw - 40px)); max-height: calc(100vh - 40px);
  padding: 32px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface);
  color: var(--ink); box-shadow: 0 20px 70px #26255e33; overflow: auto; }
.campaign-dialog::backdrop { background: #26255e66; }
.campaign-dialog h2 { font-size: 1.5rem; margin: 12px 0 20px; }
.campaign-dialog strong { display: block; font-size: 1.15rem; overflow-wrap: anywhere; }
.campaign-dialog-close { display: block; margin-left: auto; }
.campaign-dialog .employee-wizard-actions button:not(.employee-secondary-button):not(.campaign-danger-primary) { background: var(--brand-deep); color: #fff; border-color: var(--brand-deep); }
.campaign-dialog .employee-wizard-actions button:not(.employee-secondary-button):not(.campaign-danger-primary):hover { background: #36346f; }
#employee-campaign-save, #employee-campaign-next { background: var(--brand-deep); color: #fff; border-color: var(--brand-deep); }
#employee-campaign-save:hover, #employee-campaign-next:hover { background: #36346f; }
#employee-campaign-save:disabled, #employee-campaign-next:disabled { background: #e9e9ef; color: #626370; border-color: var(--line); }
button.campaign-danger, [id$="-drafts"] button.campaign-danger { background: var(--surface); color: #933333; border: 1px solid #933333; }
button.campaign-danger:hover, [id$="-drafts"] button.campaign-danger:hover { background: #fff0f0; }
button.campaign-danger-primary { background: #8b2929; color: #fff; border-color: #8b2929; }
button.campaign-danger-primary:hover { background: #712020; }
#employee-campaign-drafts { display: block; }
[id$="-errors"], [role=alert] { color: #933333; }
#employee-approval-detail { max-width: 1120px; line-height: 1.6; }
#employee-approval-detail textarea { display: block; width: min(100%, 780px); padding: 12px; margin: 16px 0; }
#employee-approval-detail a { display: inline-flex; margin: 8px 16px 8px 0; }
#employee-approval-detail button { margin-right: 8px; }
#employee-approval-detail li, #employee-approval-detail p { max-width: 90ch; }
.employee-creative-preview { display: block; max-width: min(100%, 360px); max-height: 360px; object-fit: contain; margin: 16px 0; border-radius: 8px; background: #f4f6f6; }
.employee-presentation-preview { display: block; width: min(100%, 960px); height: min(70vh, 540px); margin: 16px 0; border: 1px solid var(--line); background: white; }
#employee-notification-toast:not([hidden]) { display: flex; flex-wrap: wrap; gap: 12px; align-items: center;
  max-width: 100%; margin: 0 0 20px; padding: 14px 18px; background: var(--surface); border: 1px solid #a8a6c4; border-left: 4px solid var(--brand-deep); border-radius: 8px; }
#employee-toast-text { margin-right: auto; }
/* No text sits on the gradient. It is an agency cue, not a status or button. */
body::before { content: ''; display: block; height: 4px; background: var(--bynd-gradient); }
#ux-preview-banner { padding: 8px 32px; background: #eeedf5; color: #49465f; font-size: .875rem; border-bottom: 1px solid var(--line); }
#ux-preview-banner a { display: inline-block; margin-left: 12px; color: var(--link); font-weight: 600; }
table { border-collapse: collapse; width: 100%; }
th, td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
th { background: var(--surface-soft); }
.presentation-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
#presentation-frame, #v6-presentation-frame { width: 100%; min-height: 70vh; margin-top: 16px; border: 1px solid var(--line); background: white; }
/* Legacy operator surfaces inherit the shell, not client/output renderers. */
.workflow-card, #campaign-controls, #run-view, #knowledge-controls { border: 1px solid var(--line); border-radius: 12px; padding: 24px; margin: 24px 0; background: var(--surface); }
#workflow-catalog { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.status { display: inline-block; padding: 6px 10px; background: var(--ready-fill); color: var(--ready-ink); border-radius: 8px; }
#paid-campaign-controls { line-height: 1.6; }
#paid-campaign-controls label, #knowledge-controls label { display: block; margin: 12px 0; }
.paid-agency-review { max-width: 960px; margin: 32px auto; }
.paid-agency-review p, .paid-agency-review li { max-width: 90ch; }
.paid-agency-review section { margin: 24px 0; padding: 16px 0; border-top: 1px solid var(--line); }
.paid-review-notice { padding: 16px; border-left: 4px solid var(--focus); background: var(--surface-soft); }
@media (max-width: 1050px) {
  main { width: calc(100% - 40px); }
  .employee-topbar { flex-wrap: wrap; gap: 16px; }
  .employee-account-menu { margin-left: auto; }
  .employee-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .employee-work-row { flex-wrap: wrap; }
}
@media (max-width: 680px) {
  main { width: calc(100% - 28px); padding-top: 16px; }
  .employee-topbar { align-items: flex-start; }
  .employee-brand { width: 100%; }
  .employee-client-picker select { width: 100%; }
  .employee-account-menu { margin: 0; justify-content: flex-start; }
  .employee-card-grid, .employee-post-editor { grid-template-columns: 1fr; }
  .employee-section-heading { align-items: flex-start; flex-wrap: wrap; }
  .employee-work-summary { flex-basis: 100%; }
  .employee-work-row time { margin: 0; white-space: normal; }
  [id$="-wizard"] { padding: 16px; }
  #ux-preview-banner { padding: 8px 14px; }
}
/* My Work: compact client groups; existing BYND shell tokens/actions unchanged. */
.employee-work-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr));gap:16px;align-items:end;margin:24px 0}
.employee-work-filters label{display:flex;flex-direction:column;gap:8px;min-width:0}
.employee-work-filters input,.employee-work-filters select{width:100%;box-sizing:border-box}
.employee-work-client{border:1px solid var(--line);border-radius:8px;background:var(--surface);margin:12px 0}
.employee-work-client>summary{padding:18px;cursor:pointer;font-size:16px}
.employee-work-client>summary strong{margin-right:16px}
.employee-work-client>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.employee-work-client-body{padding:0 20px 16px}
.employee-work-client-body .employee-work-row{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 0}

/* Employee queues: readable context first, without changing the BYND shell. */
#employee-access .employee-queue-card { border:1px solid var(--line);border-radius:10px;padding:var(--card-padding);margin:10px 0;background:var(--surface); }
.employee-queue-card h3 { margin:0 0 8px; }
.employee-queue-card p { margin:8px 0;color:var(--secondary);max-width:90ch; }
.employee-queue-card > strong { display:block;margin:10px 0; }
.employee-status-badge { display:inline-block;border:1px solid var(--line);border-radius:20px;padding:4px 10px;
  margin:6px 8px 6px 0;font-size:.875rem;background:var(--surface-soft);color:var(--ink); }
.employee-job-section { margin-bottom:28px; }
.employee-review-post { border:1px solid var(--line);border-radius:12px;margin:16px 0;background:var(--surface); }
.employee-review-post > summary { padding:18px 20px;cursor:pointer; }
.employee-review-post > summary strong { margin-right:16px; }
.employee-review-post > summary span { display:block;margin:8px 0 0 22px;color:var(--secondary); }
.employee-review-post-body { padding:0 24px 24px;max-width:100ch; }
.employee-review-post-body h5 { font-size:1rem;margin:24px 0 8px; }
.employee-review-post-body p { white-space:pre-wrap;line-height:1.6; }
.employee-review-post-body details { margin:20px 0; }
.employee-calendar-deliverable { min-width:0; }
.calendar-output-links { display:flex;flex-wrap:wrap;gap:16px;margin:12px 0; }
.employee-calendar-deliverable .calendar-period { font-size:1.05rem; font-weight:600; }
.calendar-at-glance { list-style:none; padding:0; max-height:420px; overflow-y:auto; }
.calendar-at-glance li { display:grid; grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr);
  align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line); }
.calendar-at-glance button { justify-content:flex-start; text-align:left; }
.calendar-requirements { background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin:20px 0; }
.calendar-requirements h4 { margin-top:0; }
.employee-calendar-deliverable li { line-height:1.6;overflow-wrap:anywhere; }
.calendar-post > summary .calendar-post-headline { color:var(--ink);font-weight:600; }
.calendar-primary-copy { max-width:80ch; }
.calendar-primary-copy .calendar-field h5 { margin:18px 0 6px; }
.calendar-field p { margin:6px 0 18px;overflow-wrap:anywhere; }
.employee-calendar-deliverable details > summary { cursor:pointer;min-height:44px; }
.employee-calendar-deliverable pre { white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:.85rem; }
@media(max-width:900px) { .calendar-at-glance li {grid-template-columns:1fr 1fr;}
  .calendar-at-glance button {grid-column:1/-1;justify-self:start;max-width:100%;} }
.employee-review-caption-edit { display:block; width:100%; grid-column:1 / -1; }
.employee-review-caption-edit textarea { width:100%; min-height:10rem; box-sizing:border-box; }
.employee-output-downloads { display:flex; flex-wrap:wrap; gap:var(--action-gap); align-items:center; margin:20px 0;
  padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--surface-soft); }
.employee-output-downloads h4 { flex-basis:100%; margin:0; }
.employee-client-choice-list { display:grid; gap:8px; max-width:850px; margin:16px 0; }
.employee-client-choice-list button { text-align:left; justify-content:space-between; overflow-wrap:anywhere; min-height:44px; width:100%; }
.employee-client-choice-list { display:grid; grid-template-columns:1fr; max-width:900px; }
.employee-client-choice::after { content:'Choose →'; font-size:var(--secondary-size); margin-left:16px; white-space:nowrap; }
.employee-step-label { color:var(--secondary); margin-bottom:20px; }
#employee-access .employee-client-directory-row { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;
  padding:16px !important; margin:8px 0; border-radius:8px; align-items:center; }
.employee-client-directory-row h3 { grid-column:1;margin:0;font-size:1rem;overflow-wrap:anywhere; }
.employee-client-directory-row p { grid-column:1;margin:0;font-size:var(--secondary-size); }
.employee-client-directory-row .employee-action-row { grid-column:2;grid-row:1 / span 2;margin:0; }
@media(max-width:680px) { #employee-access .employee-client-directory-row {grid-template-columns:1fr;}
  .employee-client-directory-row .employee-action-row {grid-column:1;grid-row:auto;margin-top:8px;} }
#employee-client-dialog #employee-client-create-form { border:0; padding:0; margin:0; }
.employee-connection-card { background:var(--surface); padding:20px !important; border:1px solid var(--line); border-radius:10px; margin:16px 0; max-width:1040px; }
.employee-client-detail { background:var(--surface); padding:20px !important; border:1px solid var(--line); border-radius:10px; }
.employee-related-links { display:flex; flex-wrap:wrap; gap:12px 20px; margin:12px 0 24px; }
.employee-related-links a { display:inline-block; min-height:44px; padding:10px 0; }
.review-semantic-content { min-width:0; }
.review-content-section { padding:16px 20px; margin:16px 0; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.review-content-section > h4 { margin:0 0 12px; font-size:1.1rem; }
.review-content-section > summary { cursor:pointer; min-height:44px; display:list-item; font-weight:600; }
.review-content-field h5 { font-size:1rem; margin:16px 0 4px; }
.review-content-field p { margin:4px 0 12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.review-content-section li { overflow-wrap:anywhere; }
.review-technical pre { white-space:pre-wrap; overflow-wrap:anywhere; max-width:100%; font-size:.85rem; }
.review-content-section figure { margin:16px 0; }
@media(max-width:900px) { .review-content-section {padding:14px 16px;} }
@media(max-width:900px) { #employee-access .employee-queue-card {padding:18px;} .employee-review-post-body {padding:0 18px 18px;} }
.employee-work-summary time{font-size:14px;color:var(--secondary);margin:0;white-space:normal}
.employee-work-pagination{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}
.employee-work-pagination:empty{display:none}
.employee-work-coverage{margin-top:24px;color:var(--secondary)}
.client-directory-toolbar { margin: 8px 0 16px; gap:var(--action-gap); }
#employee-access .client-directory-toolbar label { margin:0; }
.client-directory-toolbar label:first-child { flex:1 1 24rem; }
.client-directory-toolbar label:not(:first-child) { flex:0 1 11rem; }
.client-directory-toolbar #employee-create-client-shortcut { margin-left:.75rem; }
.employee-management-filters button { margin-bottom:8px; }
.employee-management-filters.employee-audit-filters { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr)); }
#employee-access .employee-audit-filters label { margin:0; }
.employee-audit-filters button { margin:0;align-self:end; }
.client-directory-toolbar button { margin-bottom:0; }
#employee-user-filters { display:flex;flex-wrap:wrap;align-items:end;gap:var(--action-gap); }
#employee-user-filters label { flex:1 1 12rem;min-width:0; }
#employee-user-list article { padding:var(--card-padding);border:1px solid var(--line);border-radius:8px;margin:12px 0;background:var(--surface); }
#employee-user-list h3 { margin:0 0 6px; }
#employee-user-list details { max-width:42rem; }
#employee-user-list details input { margin-right:.5rem; }
#employee-management-pagination { display:flex;flex-wrap:wrap;align-items:center;gap:var(--action-gap); }
#employee-management-pagination p { margin-right:auto; }
.employee-output-downloads { padding:var(--card-padding);background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;margin:16px 0; }
.employee-output-downloads > h4 { margin:0 0 10px; }
.employee-output-downloads > a { margin:0 .5rem .5rem 0; }
.employee-connection-card { padding:var(--card-padding) !important; margin:12px 0; border:1px solid var(--line);border-radius:8px;background:var(--surface); }
.employee-connection-card > p { max-width:90ch; }
@media(pointer:coarse) { :root { --control-height:2.75rem; } }
@media(max-width:680px) { .client-directory-toolbar #employee-create-client-shortcut {margin-left:0;} }
@media(max-width:1100px){.employee-work-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.employee-work-filters{grid-template-columns:minmax(0,1fr)}.employee-work-client-body{padding:0 12px 12px}}
.employee-user-card { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem;align-items:center; }
.employee-user-card h3,.employee-user-card p { grid-column:1;margin:0; }
.employee-user-card > .employee-action-row { grid-column:2;grid-row:1 / 3; }
.employee-user-card > details { grid-column:1 / -1;margin:.25rem 0 0;padding:.5rem .75rem;max-width:none; }
.employee-user-card > details:not([open]) { width:fit-content; }
.employee-integration-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start; }
.employee-integration-grid > article { margin:0!important; }
.employee-integration-grid > p,.employee-integration-grid > details { grid-column:1 / -1; }
.employee-integration-grid p { margin:.5rem 0; }
.employee-integration-grid details { margin-top:.5rem;padding:.65rem .75rem; }
@media (max-width:900px) {
  .employee-integration-grid { grid-template-columns:1fr; }
  .employee-user-card { grid-template-columns:minmax(0,1fr); }
  .employee-user-card > .employee-action-row { grid-column:1;grid-row:auto; }
}
/* Write-only system settings: stacked fields, separate consent and actions. */
.employee-system-configuration-form { display: grid; gap: 1rem; }
.employee-system-field { display: grid; gap: .4rem; min-width: 0; }
.employee-system-field input { width: 100%; box-sizing: border-box; min-width: 0; }
.employee-system-check { display: flex; align-items: flex-start; gap: .6rem; line-height: 1.5; }
.employee-system-check input { order: -1; flex: 0 0 auto; margin-top: .25rem; }
/* Compact, scoped input-material UI; no dashboard layout replacement. */
.employee-materials { margin-top:1.5rem; padding:1rem; border:1px solid #394551; border-radius:12px; }
.employee-materials details { margin:0.65rem 0; }
.employee-materials label { display:block; margin:0.65rem 0; }
.employee-materials input:not([type=checkbox]), .employee-materials textarea, .employee-materials select { width:100%; max-width:36rem; }
.employee-materials input[type=checkbox] { width:auto; margin:0 0.5rem; }
.employee-materials button { margin:0.5rem 0.5rem 0.5rem 0; }
.employee-material-row { display:flex; align-items:flex-start; gap:1rem; flex-wrap:wrap; padding:0.85rem 0; border-bottom:1px solid #394551; overflow-wrap:anywhere; }
.employee-material-row img { width:80px; height:80px; object-fit:contain; border-radius:6px; background:#edf0f2; }
.employee-material-row > div { flex:1; min-width:180px; }
.employee-material-row pre { white-space:pre-wrap; max-height:12rem; overflow:auto; font:inherit; }
.employee-materials small { display:block; }