/* Optional Job Tracker interface. The classic stylesheet remains authoritative
   until the signed-in user enables the preference in Settings. */
.streamlined-brand, .streamlined-shell, .streamlined-inline-utility { display: none; }

/* Settings is available in both interfaces. */
.interface-settings-modal { width: min(100%, 520px); }
.interface-preference { display: flex; align-items: center; gap: 24px; cursor: pointer; padding: 20px 0; }
.interface-preference-copy { flex: 1; min-width: 0; }
.interface-preference-copy strong { display: block; font-size: 16px; margin-bottom: 6px; }
.interface-preference-copy span, .interface-preference-copy p { color: var(--text-secondary); font-size: 13px; line-height: 1.6; margin: 0; }
.interface-switch {
  appearance: none; -webkit-appearance: none; width: 46px; height: 26px; flex: none;
  border: 1px solid #a5a8b1; border-radius: 16px; background: #b2b4be;
  background-image: radial-gradient(circle at 12px 50%, #fff 9px, transparent 10px);
  cursor: pointer; transition: background-color .15s;
}
.interface-switch:checked { border-color: #6950b5; background-color: #6950b5; background-image: radial-gradient(circle at 32px 50%, #fff 9px, transparent 10px); }
.interface-switch:focus-visible { outline: 3px solid #b9a4f4; outline-offset: 3px; }
.interface-preference-status { color: var(--text-secondary); font-size: 12px; min-height: 36px; }

body.streamlined-ui #app-view {
  --primary: #6950b5; --primary-hover: #59429e; --primary-pressed: #57408e; --primary-soft: #f0ebfa;
  --bg-base: #f5f5f8; --bg-selected: #f1edfa; --bg-hover: #f7f6fa;
  --border: #e7e5ed; --border-strong: #d9d5e1;
  --text-primary: #292635; --text-secondary: #6f697c; --text-tertiary: #7b7388;
  --radius-sm: 7px; --radius: 10px; --shadow-sm: none;
  background: var(--bg-base);
}
body.streamlined-ui #app-view .btn { font-weight: 500; box-shadow: none; }
body.streamlined-ui #app-view .topbar { gap: 26px; padding: 16px 28px; min-height: 78px; }
body.streamlined-ui #app-view .topbar-search { margin-left: auto; max-width: 440px; min-width: 120px; }
body.streamlined-ui #app-view .topbar-search input { border-radius: 7px; background: var(--bg-base); }
body.streamlined-ui #app-view .topbar-right { margin-left: auto; }
body.streamlined-ui #app-view .user-avatar { font-weight: 500; height: 32px; width: 32px; }
body.streamlined-ui #app-view .user-meta strong { font-weight: 500; }
body.streamlined-ui #app-view .streamlined-brand { align-items: center; display: flex; flex: none; gap: 11px; font-size: 13px; font-weight: 600; letter-spacing: 2px; }
body.streamlined-ui #app-view .streamlined-brand small { display: block; color: var(--text-secondary); font-size: 11px; font-weight: 400; letter-spacing: .2px; margin-top: 2px; }
body.streamlined-ui #app-view .streamlined-brand-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; color: #fff; background: var(--primary); font-size: 23px; font-weight: 500; letter-spacing: 0; }
body.streamlined-ui #app-view .streamlined-shell { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 23px 28px 20px; flex: none; }
body.streamlined-ui #app-view .streamlined-eyebrow { color: var(--text-secondary); margin: 0 0 5px; font-size: 10px; text-transform: uppercase; letter-spacing: 1.2px; }
body.streamlined-ui #app-view .streamlined-shell h1 { margin: 0; font-size: 27px; line-height: 1.3; letter-spacing: -.7px; font-weight: 600; }
body.streamlined-ui #app-view #streamlined-workspace-description { color: var(--text-secondary); font-size: 13px; margin: 6px 0 0; }
body.streamlined-ui #app-view .streamlined-shell-controls { display: flex; align-items: flex-end; gap: 12px; }
body.streamlined-ui #app-view .streamlined-workspace-picker { display: flex; flex-direction: column; gap: 4px; color: var(--text-secondary); font-size: 11px; }
body.streamlined-ui #app-view .streamlined-workspace-picker select { background: #fff; color: var(--text-primary); border: 1px solid var(--border-strong); padding: 8px 30px 8px 11px; min-height: 38px; border-radius: 7px; font: inherit; font-size: 13px; max-width: 100%; }
body.streamlined-ui #app-view #streamlined-readonly { color: #8e591b; }
body.streamlined-ui #app-view #queue-shell { margin: 0 28px 24px; border: 1px solid var(--border); border-radius: 11px; background: #fff; overflow: hidden; }
body.streamlined-ui #app-view .filterbar { flex-wrap: wrap; align-items: center; gap: 12px; padding: 13px 18px; }
body.streamlined-ui #app-view .filterbar > .segmented { flex: 1 1 auto; }
body.streamlined-ui #app-view .segmented { background: transparent; border: 0; border-radius: 0; padding: 0; flex-wrap: wrap; overflow: visible; gap: 4px; }
body.streamlined-ui #app-view .segmented .chip { border-radius: 6px; padding: 7px 10px; font-size: 12px; font-weight: 500; min-height: 34px; }
body.streamlined-ui #app-view .segmented .chip.active { background: var(--primary-soft); color: var(--primary-pressed); box-shadow: none; }
body.streamlined-ui #app-view .chip .chip-count { background: transparent; padding: 0 2px; font-size: 11px; font-weight: 500; min-width: 10px; }
body.streamlined-ui #app-view .streamlined-more-queues { display: flex; align-items: center; min-width: 0; }
body.streamlined-ui #app-view .streamlined-more-queues select { font: inherit; font-size: 12px; color: var(--text-secondary); border: 1px solid transparent; background: transparent; padding: 7px 6px; min-height: 34px; max-width: 230px; border-radius: 6px; }
body.streamlined-ui #app-view .streamlined-more-queues.is-active select { background: var(--primary-soft); color: var(--primary-pressed); }
body.streamlined-ui #app-view .toolbar { flex-wrap: wrap; gap: 9px; }
body.streamlined-ui #app-view .toolbar .btn { min-height: 34px; padding: 6px 10px; font-size: 12px; }
body.streamlined-ui #app-view .type-filter { gap: 5px; }
body.streamlined-ui #app-view .type-filter span { font-size: 10px; font-weight: 500; }
body.streamlined-ui #app-view .type-filter select { background: #fff; font-size: 12px; max-width: 170px; border-radius: 6px; }
body.streamlined-ui #app-view .cad-view-toggle { border: 1px solid var(--border); border-radius: 6px; padding: 2px; gap: 0; }
body.streamlined-ui #app-view .cad-view-toggle .chip { padding: 4px 8px; min-height: 27px; font-size: 11px; }
body.streamlined-ui #app-view .queue-pane { flex: 0 0 39%; min-width: 285px; max-width: 540px; }
body.streamlined-ui #app-view .pane-head { align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border); padding: 14px 20px; gap: 10px; }
body.streamlined-ui #app-view .pane-head h2 { color: var(--text-secondary); font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .8px; }
body.streamlined-ui #app-view .pane-count { font-size: 11px; }
body.streamlined-ui #app-view .queue-list { padding: 0; }
body.streamlined-ui #app-view .queue-card { padding: 19px 20px; border: 0; border-bottom: 1px solid var(--border); border-left: 3px solid transparent; border-radius: 0; margin: 0; box-shadow: none; background: #fff; transition: background .12s; }
body.streamlined-ui #app-view .queue-card:hover { background: var(--bg-hover); }
body.streamlined-ui #app-view .queue-card.selected { border-left-color: var(--primary); background: var(--primary-soft); box-shadow: none; }
body.streamlined-ui #app-view .queue-card:focus-visible { outline: 2px solid var(--primary); outline-offset: -3px; }
body.streamlined-ui #app-view .queue-card-name { font-size: 15px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
body.streamlined-ui #app-view .queue-card-sub { font-size: 12px; }
body.streamlined-ui #app-view .queue-card-meta { flex-wrap: wrap; font-size: 12px; }
body.streamlined-ui #app-view .streamlined-row-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 7px; color: var(--text-secondary); font-size: 11px; margin-bottom: 9px; }
body.streamlined-ui #app-view .streamlined-row-meta .due { font-size: 11px; padding: 0; background: transparent; border: 0; }
body.streamlined-ui #app-view .streamlined-row-meta .due-dot { display: none; }
body.streamlined-ui #app-view .streamlined-row-meta .due-btn { text-decoration: underline; text-underline-offset: 3px; }
body.streamlined-ui #app-view .streamlined-row-parent, body.streamlined-ui #app-view .streamlined-row-owner { font-size: 11px; color: var(--text-secondary); margin-top: 5px; overflow-wrap: anywhere; }
body.streamlined-ui #app-view .streamlined-row-status { display: flex; gap: 7px; align-items: center; color: var(--text-secondary); font-size: 12px; margin-top: 10px; }
body.streamlined-ui #app-view .streamlined-status-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--primary); flex: none; }
body.streamlined-ui #app-view .queue-empty { padding: 36px 20px; font-size: 13px; }
body.streamlined-ui #app-view .detail-pane { background: #fff; }
body.streamlined-ui #app-view .detail-content { max-width: none; padding-bottom: 36px; }
body.streamlined-ui #app-view .detail-empty { color: var(--text-secondary); padding: 80px 25px; }
body.streamlined-ui #app-view .detail-empty-art { font-size: 28px; opacity: .5; }
body.streamlined-ui #app-view .job-header-toolbar { position: static; display: flex; flex-wrap: wrap; gap: 15px; padding: 25px 26px 20px; border: 0; box-shadow: none; background: #fff; }
body.streamlined-ui #app-view .job-header-identity { width: 100%; flex-basis: 100%; min-width: 0; }
body.streamlined-ui #app-view .detail-name { font-weight: 600; letter-spacing: -.5px; line-height: 1.35; font-size: 24px; margin-bottom: 12px; overflow-wrap: anywhere; }
body.streamlined-ui #app-view .job-header-actions { width: 100%; }
body.streamlined-ui #app-view .job-header-visible-actions { gap: 8px; }
body.streamlined-ui #app-view .job-header-visible-actions > .btn.btn-primary { flex: initial; }
body.streamlined-ui #app-view .job-header-actions .btn { font-size: 12px; min-height: 35px; padding: 7px 11px; }
body.streamlined-ui #app-view .detail-badges { gap: 8px; }
body.streamlined-ui #app-view .type-chip, body.streamlined-ui #app-view .stage-pill { font-size: 11px; font-weight: 500; border-radius: 5px; }
body.streamlined-ui #app-view .detail-section, body.streamlined-ui #app-view .job-header-facts { padding: 22px 26px; }
body.streamlined-ui #app-view .section-label { font-weight: 600; font-size: 12px; letter-spacing: 0; text-transform: none; margin-bottom: 12px; color: var(--text-primary); }
body.streamlined-ui #app-view .scope-box { border: 0; background: transparent; border-radius: 0; padding: 0; color: var(--text-secondary); font-size: 13px; line-height: 1.7; }
body.streamlined-ui #app-view .detail-grid { gap: 16px; }
body.streamlined-ui #app-view .detail-item { border: 0; border-radius: 0; background: transparent; padding: 0; }
body.streamlined-ui #app-view .detail-item span { text-transform: none; letter-spacing: 0; font-size: 11px; font-weight: 400; }
body.streamlined-ui #app-view .detail-item strong { font-size: 13px; font-weight: 500; margin-top: 5px; }
body.streamlined-ui #app-view .assign-row { gap: 10px; padding: 12px 0; flex-wrap: wrap; }
body.streamlined-ui #app-view .assign-label { font-size: 12px; font-weight: 500; }
body.streamlined-ui #app-view .assign-name { font-size: 13px; min-width: 110px; overflow-wrap: anywhere; }
body.streamlined-ui #app-view .assign-state { margin-left: auto; }
body.streamlined-ui #app-view .assign-toggle { width: 19px; height: 19px; }
body.streamlined-ui #app-view .dept-status { background: #fff; border: 1px solid var(--border); padding: 12px; border-radius: 7px; gap: 10px; flex-wrap: wrap; }
body.streamlined-ui #app-view .dept-status-left { flex-wrap: wrap; }
body.streamlined-ui #app-view .dept-review-actions { flex-wrap: wrap; }
body.streamlined-ui #app-view .status-badge { font-size: 11px; font-weight: 500; border-radius: 5px; }
body.streamlined-ui #app-view .job-action-bar { padding: 8px 26px; background: #fff; }
body.streamlined-ui #app-view .job-action-bar .job-action-button { font-size: 11px; font-weight: 500; }
body.streamlined-ui #app-view .streamlined-detail-header { padding: 25px 26px 20px; }
body.streamlined-ui #app-view .streamlined-detail-header .job-header-toolbar { padding: 0; }
body.streamlined-ui #app-view .streamlined-detail-summary { color: var(--text-secondary); font-size: 12px; margin: 8px 0 15px; }
body.streamlined-ui #app-view .streamlined-header-tools { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; width: 100%; }
body.streamlined-ui #app-view .streamlined-header-tools .job-header-actions { width: auto; flex: 1; }
body.streamlined-ui #app-view .streamlined-header-tools .job-header-visible-actions { justify-content: flex-end; }
body.streamlined-ui #app-view .streamlined-inline-utility { display: inline-flex; }
body.streamlined-ui #app-view .streamlined-sharepoint .job-action-button { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--border-strong); background: #fff; color: var(--text-primary); padding: 7px 11px; min-height: 35px; border-radius: 7px; text-decoration: none; font: inherit; font-size: 12px; }
body.streamlined-ui #app-view .streamlined-sharepoint .job-action-button:disabled { opacity: .55; }
body.streamlined-ui #app-view .streamlined-sharepoint svg { width: 15px; height: 15px; }
body.streamlined-ui #app-view .streamlined-muted { color: var(--text-secondary); font-size: 12px; }
body.streamlined-ui #app-view .streamlined-primary-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
body.streamlined-ui #app-view .streamlined-primary-actions .btn { flex: 1; white-space: normal; }
body.streamlined-ui #app-view .streamlined-readiness + .streamlined-workflow { margin-top: 18px; }
body.streamlined-ui #app-view .streamlined-workflow .subsection-label { margin-top: 14px; }
body.streamlined-ui #app-view .streamlined-overview .streamlined-disclosure { margin-top: 20px; padding: 17px 0 0; }
body.streamlined-ui #app-view .streamlined-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr); }
body.streamlined-ui #app-view .streamlined-overview, body.streamlined-ui #app-view .streamlined-team, body.streamlined-ui #app-view .streamlined-workflow { min-width: 0; }
body.streamlined-ui #app-view .streamlined-next-action { margin: 0 26px 4px; padding: 19px; background: #faf9fd; border: 1px solid #e5def2; border-radius: 9px; }
body.streamlined-ui #app-view .streamlined-next-action h2, body.streamlined-ui #app-view .streamlined-next-action h3 { font-size: 14px; font-weight: 600; margin: 0 0 9px; }
body.streamlined-ui #app-view .streamlined-next-action p { color: var(--text-secondary); font-size: 12px; margin: 0 0 12px; }
body.streamlined-ui #app-view .streamlined-next-action .btn-primary { min-height: 38px; }
body.streamlined-ui #app-view .streamlined-ready-label { font-size: 12px; color: var(--text-secondary); }
body.streamlined-ui #app-view .streamlined-disclosure { border-top: 1px solid var(--border); padding: 20px 26px; }
body.streamlined-ui #app-view .streamlined-disclosure summary { color: var(--text-secondary); font-size: 12px; font-weight: 500; cursor: pointer; padding: 3px 0; }
body.streamlined-ui #app-view .streamlined-disclosure[open] summary { margin-bottom: 18px; }
body.streamlined-ui #app-view .streamlined-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
body.streamlined-ui #app-view .streamlined-empty-next { color: var(--text-secondary); font-size: 13px; }
body.streamlined-ui #app-view .workspace.cad-grid-view .queue-pane { flex: 0 1 66%; min-width: 0; max-width: none; }
body.streamlined-ui #app-view .workspace.cad-grid-view .detail-pane { flex: 1 1 34%; }
body.streamlined-ui #app-view .workload-view, body.streamlined-ui #app-view .knowledge-view { background: var(--bg-base); }
body.streamlined-ui #app-view .workload-header { padding-top: 6px; }
body.streamlined-ui #app-view .jobs-filters { flex-wrap: wrap; }
body.streamlined-ui:has(#app-view:not([hidden])) .modal { border-radius: 12px; box-shadow: 0 24px 70px #24202f30; }
body.streamlined-ui:has(#app-view:not([hidden])) .modal .btn { font-weight: 500; border-radius: 7px; }
body.streamlined-ui:has(#app-view:not([hidden])) .modal .btn-primary { background: #6950b5; border-color: #6950b5; }
body.streamlined-ui:has(#app-view:not([hidden])) .modal .modal-head { background: #fff; border-bottom: 1px solid #e7e5ed; padding: 19px 24px; }
body.streamlined-ui:has(#app-view:not([hidden])) .modal .field > span { font-weight: 500; }
body.streamlined-ui:has(#app-view:not([hidden])) .modal input, body.streamlined-ui:has(#app-view:not([hidden])) .modal select, body.streamlined-ui:has(#app-view:not([hidden])) .modal textarea { border-radius: 7px; }

@media (min-width: 761px) {
  body.streamlined-ui #app-view > .sidebar { display: none; }
  body.streamlined-ui #app-view .main-col { min-height: 0; }
}
@media (min-width: 1600px) {
  body.streamlined-ui #app-view .queue-pane { flex-basis: 34%; max-width: 590px; }
  body.streamlined-ui #app-view .streamlined-detail-grid { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); }
  body.streamlined-ui #app-view .streamlined-detail-grid > :nth-child(2) { border-left: 1px solid var(--border); }
}
@media (max-width: 1100px) and (min-width: 761px) {
  body.streamlined-ui #app-view .topbar { gap: 16px; padding-inline: 20px; }
  body.streamlined-ui #app-view .topbar-search { max-width: 340px; }
  body.streamlined-ui #app-view .streamlined-shell { padding-inline: 20px; }
  body.streamlined-ui #app-view #queue-shell { margin-inline: 20px; }
  body.streamlined-ui #app-view .filterbar { gap: 8px; }
  body.streamlined-ui #app-view .toolbar { width: 100%; border-top: 1px solid var(--border); padding-top: 9px; }
  body.streamlined-ui #app-view #add-job-btn, body.streamlined-ui #app-view #legacy-job-btn { margin-left: auto; }
  body.streamlined-ui #app-view .streamlined-next-action { margin-inline: 20px; padding: 15px; }
}
@media (max-width: 760px) {
  body.streamlined-ui #app-view .streamlined-brand { display: none; }
  body.streamlined-ui #app-view .topbar { padding: calc(7px + env(safe-area-inset-top)) 10px 7px; gap: 7px; min-height: 0; }
  body.streamlined-ui #app-view .topbar-search { margin: 0; max-width: none; min-width: 0; }
  body.streamlined-ui #app-view .topbar-search { grid-column: 1 / -1; grid-row: 2; }
  body.streamlined-ui #app-view .topbar-right { gap: 1px; margin: 0; }
  body.streamlined-ui #app-view .topbar-right { grid-column: 2 / -1; justify-content: flex-end; }
  body.streamlined-ui #app-view .user-avatar, body.streamlined-ui #app-view .user-meta { display: none; }
  body.streamlined-ui #app-view .streamlined-shell { padding: 13px 15px; gap: 12px; align-items: center; }
  body.streamlined-ui #app-view .streamlined-shell h1 { font-size: 20px; }
  body.streamlined-ui #app-view .streamlined-eyebrow { font-size: 9px; }
  body.streamlined-ui #app-view #streamlined-workspace-description, body.streamlined-ui #app-view #streamlined-feedback { display: none; }
  body.streamlined-ui #app-view .streamlined-shell-controls { min-width: 0; max-width: 49%; }
  body.streamlined-ui #app-view .streamlined-workspace-picker { min-width: 0; }
  body.streamlined-ui #app-view .streamlined-workspace-picker select { width: 100%; min-height: 40px; font-size: 12px; padding-inline: 7px; }
  body.streamlined-ui #app-view.mobile-detail-open .streamlined-shell { display: none; }
  body.streamlined-ui #app-view #queue-shell { margin: 0; border-inline: 0; border-bottom: 0; border-radius: 0; }
  body.streamlined-ui #app-view .filterbar { gap: 8px; padding: 9px 12px; }
  body.streamlined-ui #app-view .segmented { gap: 3px; }
  body.streamlined-ui #app-view .segmented .chip { min-height: 40px; padding: 7px 9px; }
  body.streamlined-ui #app-view .streamlined-more-queues select { min-height: 40px; max-width: 185px; }
  body.streamlined-ui #app-view .toolbar { flex-wrap: wrap; overflow: visible; gap: 7px; }
  body.streamlined-ui #app-view .toolbar .btn { min-height: 40px; }
  body.streamlined-ui #app-view .type-filter select { min-height: 40px; max-width: 150px; }
  body.streamlined-ui #app-view .queue-pane { flex: 1; max-width: none; min-width: 0; }
  body.streamlined-ui #app-view .pane-head { padding: 13px 15px; }
  body.streamlined-ui #app-view .queue-card { padding: 17px 15px; }
  body.streamlined-ui #app-view .streamlined-row-meta .due-btn { min-height: 36px; padding: 5px; }
  body.streamlined-ui #app-view .job-header-toolbar, body.streamlined-ui #app-view .streamlined-detail-header, body.streamlined-ui #app-view .detail-section, body.streamlined-ui #app-view .job-header-facts { padding: 20px 17px; }
  body.streamlined-ui #app-view .detail-name { font-size: 22px; }
  body.streamlined-ui #app-view .job-header-visible-actions { flex-wrap: wrap; }
  body.streamlined-ui #app-view .job-header-actions .btn { min-height: 40px; }
  body.streamlined-ui #app-view .streamlined-next-action { margin-inline: 17px; padding: 15px; }
  body.streamlined-ui #app-view .streamlined-next-action .assign-label { min-width: 0; }
  body.streamlined-ui #app-view .assign-name { min-width: 130px; }
  body.streamlined-ui #app-view .streamlined-next-action .assign-state { width: 100%; margin-left: 0; justify-content: space-between; }
  body.streamlined-ui #app-view .streamlined-facts { grid-template-columns: minmax(0,1fr); }
  body.streamlined-ui #app-view .streamlined-disclosure { padding-inline: 17px; }
  body.streamlined-ui #app-view .job-action-bar { padding-inline: 12px; }
  body.streamlined-ui #app-view .job-header-toolbar { top: auto; }
  body.streamlined-ui #app-view .jobs-filters { overflow: visible; }
}
@media (max-width: 400px) {
  body.streamlined-ui #app-view .streamlined-shell { padding-inline: 12px; }
  body.streamlined-ui #app-view .streamlined-shell h1 { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .interface-switch, body.streamlined-ui #app-view .queue-card { transition: none; }
}