:root { color-scheme: light; --ink: #20302d; --muted: #586c67; --line: #dce5e1; --paper: #f7f9f8; --tint: #eaf3ef; --focus: #166b55; }
.supplier-workspace { max-width: 100%; }
.supplier-readiness { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:22px 0; }
.supplier-readiness-item { padding:14px; border:1px solid var(--line); border-radius:10px; background:#f3f4f0; min-width:0; overflow-wrap:anywhere; }
.supplier-readiness-item span,.supplier-readiness-item strong { display:block; }
.supplier-readiness-item strong { font-size:16px; font-weight:500; color:#6b582f; }
.supplier-readiness-item.confirmed { background:#edf4e8; }
.supplier-readiness-item.confirmed strong { color:#355d2c; }
.supplier-readiness-item.conflict { background:#fff0e9; }
.supplier-research,.supplier-composer { margin-top:28px; padding-top:24px; border-top:1px solid var(--line); }
.supplier-focus { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.supplier-workspace select { width:100%; font:inherit; min-height:46px; background:white; border:1px solid #78836f; border-radius:8px; padding:8px; }
.supplier-evidence summary { cursor:pointer; padding:10px 0; }
.supplier-channel-actions a { display:inline-flex; align-items:center; min-height:46px; padding:8px 0; }
.supplier-channel-actions a[aria-disabled=true] { opacity:.55; }
@media (max-width:700px) { .supplier-readiness,.supplier-focus { grid-template-columns:repeat(2,minmax(0,1fr)); } .supplier-workspace { padding:18px; } .supplier-channel-actions { align-items:stretch; flex-direction:column; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 18px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input, textarea { font: inherit; color: inherit; }
h1, h2, h3 { font-weight: 400; line-height: 1.25; margin: 0; overflow-wrap: anywhere; }
h1 { font-size: 34px; letter-spacing: -.025em; }
h2 { font-size: 23px; }
h3 { font-size: 19px; }
p { margin: 10px 0; max-width: 75ch; overflow-wrap: anywhere; }
a { color: inherit; text-underline-offset: 4px; overflow-wrap: anywhere; }
button { cursor: pointer; border: 1px solid #b6c0ae; border-radius: 9px; background: #fff; min-height: 46px; padding: 9px 18px; line-height: 1.4; font-weight: 400; }
button:hover { background: #f0f3ec; border-color: #87967d; }
button:active { background: #e4eade; }
button:disabled { cursor: wait; color: #687063; background: #f0f2ed; }
button.primary { background: #e9efdf; border-color: #aab99a; }
button.primary:hover { background: #dfe8d1; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
input, textarea { width: 100%; border: 1px solid #78836f; border-radius: 8px; background: #fff; min-height: 46px; padding: 10px 12px; line-height: 1.5; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { color: #70776c; opacity: 1; }
label { display: block; margin: 18px 0; }
label input, label textarea { display: block; margin-top: 7px; }
.muted { color: var(--muted); }
.topbar { height: 82px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; padding: 0 max(28px, calc((100vw - 1184px) / 2)); gap: 20px; }
.brand { text-decoration: none; font-size: 21px; min-height: 44px; display: flex; align-items: center; }
.environment { color: var(--muted); font-size: 18px; }
main { max-width: 1240px; margin: 0 auto; padding: 44px 28px 80px; }
.heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.heading > div { min-width: 0; }
.heading > button { flex-shrink: 0; margin-top: 4px; }
.heading p { margin-bottom: 0; }
.list-tools { display: flex; align-items: end; gap: 24px; justify-content: space-between; margin-bottom: 20px; }
.search-label { width: min(100%, 460px); margin: 0; }
#list-count { padding-bottom: 9px; white-space: nowrap; }
.company-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); }
.batch-controls { display: flex; flex-wrap: wrap; gap: 20px; }
.batch-controls label { flex: 1; min-width: min(260px,100%); }
#batch-tools select,.batch-dialog select { width: 100%; font: inherit; min-height: 46px; padding: 8px; background: white; border: 1px solid #78836f; border-radius: 8px; }
.batch-check { display: flex; gap: 12px; align-items: flex-start; min-height: 46px; margin: 8px 0; }
.batch-check input[type=checkbox] { width: 24px; min-width: 24px; min-height: 24px; height: 24px; margin-top: 6px; }
.batch-check span { min-width: 0; overflow-wrap: anywhere; }
.batch-state { margin: 24px 0; padding: 22px; border: 1px solid var(--line); border-radius: 12px; }
.batch-grid { display: grid; grid-template-columns: 1.25fr 1fr 1.25fr 1fr .8fr 1fr; gap: 20px; border-bottom: 1px solid var(--line); padding: 24px 0; }
.batch-grid > * { min-width: 0; overflow-wrap: anywhere; }
.batch-grid p { margin: 6px 0; }
.batch-head { color: var(--muted); padding: 12px 0; }
.batch-grid > div:first-child a { display: inline-flex; min-height: 44px; align-items: flex-start; padding-top: 3px; }
.batch-dialog { width: min(760px,calc(100vw - 32px)); }
.batch-dialog select { margin-top: 8px; }
@media (max-width: 1000px) {
  .batch-head { display: none; }
  .batch-grid { grid-template-columns: 1fr 1fr; gap: 14px 24px; }
  .batch-grid > div:first-child { grid-column: 1 / -1; }
  .batch-grid [data-label]::before { content: attr(data-label); display: block; color: var(--muted); margin-bottom: 5px; }
}
@media (max-width: 600px) {
  .batch-grid { grid-template-columns: 1fr; }
  .batch-state { padding: 16px; }
  .batch-controls { gap: 0; }
  #batch-tools .toolbar > button { flex: 1 1 160px; }
}
.company-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, .6fr) 150px 24px; align-items: center; gap: 24px; padding: 23px 4px; border-bottom: 1px solid var(--line); text-decoration: none; }
.company-row:hover { background: #f1f4ed; }
.company-row span { min-width: 0; overflow-wrap: anywhere; }
.company-row .row-name { font-size: 21px; }
.company-row .arrow { font-size: 22px; }
.empty { margin: 42px auto 0; padding: 45px 24px; max-width: 630px; text-align: center; }
.empty p { margin: 18px auto 26px; color: var(--muted); }
.back { display: inline-flex; min-height: 44px; align-items: center; margin: -8px 0 24px; }
.eyebrow { color: var(--muted); margin: 0 0 12px !important; }
.detail-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 64px; }
.block { padding: 25px 0; border-top: 1px solid var(--line); }
.block h2 { margin-bottom: 19px; }
.preserve { white-space: pre-wrap; }
.inquiry, .source { padding: 0 0 18px; margin: 0 0 19px; border-bottom: 1px solid var(--line); }
.inquiry:last-child, .source:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.timeline { list-style: none; padding: 0; margin: 0; }
.timeline li { border-left: 1px solid #bac4b0; padding: 0 0 25px 20px; }
.timeline p { margin: 0 0 5px; }
.success { color: #35552f; }
.success:empty, #list-status:empty { display: none; }
dialog { width: min(620px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); border: 1px solid #bcc4b7; border-radius: 15px; background: var(--paper); color: var(--ink); padding: 26px; box-shadow: 0 18px 65px #27392221; }
dialog::backdrop { background: #edf0e6dc; }
.dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.dialog-heading button { font-size: 18px; }
.form-actions { display: flex; justify-content: flex-end; margin-top: 24px; }
.notice { border: 1px solid #c8cbb8; border-radius: 9px; padding: 15px; background: #f5f5e9; overflow-wrap: anywhere; margin-top: 18px; }
.error { color: #823d2d; border-color: #d6b2a9; background: #fff4ed; }
.notice a { display: block; padding: 8px 0; min-height: 44px; }
.notice button { margin-top: 12px; width: 100%; }
[hidden] { display: none !important; }
.skip { position: absolute; left: 20px; top: -100px; padding: 12px; background: white; z-index: 10; }
.skip:focus { top: 12px; }
@media (max-width: 700px) {
  .topbar { height: 68px; padding: 0 20px; gap: 12px; }
  main { padding: 30px 20px 55px; }
  h1 { font-size: 29px; }
  .heading { display: block; }
  .heading > button { margin-top: 20px; width: 100%; }
  .list-tools { display: block; }
  #list-count { display: block; margin-top: 14px; padding: 0; }
  .company-row { grid-template-columns: minmax(0, 1fr) 24px; gap: 5px 14px; padding: 20px 0; }
  .company-row .row-name { grid-column: 1; }
  .company-row .row-domain, .company-row .row-inquiries { grid-column: 1; }
  .company-row .arrow { grid-column: 2; grid-row: 1 / 4; }
  .detail-grid { display: block; }
  .empty { margin-top: 12px; padding: 28px 0; text-align: left; }
  .empty button { width: 100%; }
  dialog { padding: 20px; }
  .dialog-heading h2 { font-size: 22px; }
  .dialog-heading button { padding: 8px 10px; }
  .form-actions button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }
.brand { gap: 12px; }
.brand-sub { font-size: 18px; color: var(--muted); border-left: 1px solid var(--line); padding-left: 12px; }
.brand { flex-wrap: wrap; gap: 10px; }
.account-bar { display: flex; gap: 20px; align-items: center; }
.quiet { background: transparent; border-color: var(--line); }
.workspace-nav { max-width: 1240px; margin: 0 auto; padding: 20px 28px 0; display: flex; gap: 10px; flex-wrap: wrap; }
.workspace-nav a { text-decoration: none; padding: 10px 18px; min-height: 46px; border: 1px solid transparent; border-radius: 9px; }
.workspace-nav a:hover { background: #f0f3ec; }
.workspace-nav a[aria-current] { background: #e9efdf; border-color: #c0cdb1; }
.workspace-nav .settings-link { margin-left: auto; }
.hub-row { display: flex; justify-content: space-between; align-items: center; gap: 24px; border-top: 1px solid var(--line); padding: 23px 4px; text-decoration: none; }
.hub-row > div { min-width: 0; flex: 1; }
.hub-row p { margin: 6px 0 0; }
a.hub-row:hover { background: #f1f4ed; }
.status-tag { color: #526447; background: #eef2e7; border-radius: 7px; padding: 5px 10px; font-size: 18px; flex-shrink: 0; }
.toolbar { display: flex; gap: 12px; flex-wrap: wrap; margin: 10px 0 26px; }
#hub-content > a:first-child { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 22px; }
.material-content { max-width: 75ch; margin-top: 30px; overflow-wrap: anywhere; }
.agent-flow { padding: 22px 0; margin-bottom: 22px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
select { display: block; margin-top: 7px; width: 100%; min-height: 46px; padding: 10px; background: white; border: 1px solid #78836f; border-radius: 8px; color: inherit; font: inherit; }
.login-page { min-height: 100dvh; display: grid; place-items: center; padding: 24px; background: #f3f5ed; }
.login-box { width: min(100%, 500px); padding: 38px; margin: 0; border: 1px solid var(--line); border-radius: 18px; background: var(--paper); }
.login-box h1 { font-size: 30px; }
.login-box form { margin-top: 28px; }
.login-box button { width: 100%; margin-top: 10px; }
@media (max-width: 700px) {
  .account-bar { gap: 8px; } .account-bar .environment { display: none; }
  .workspace-nav { padding: 14px 18px 0; gap: 4px; } .workspace-nav a { padding: 8px 10px; }
  .workspace-nav .settings-link { margin-left: 0; }
  .hub-row { flex-wrap: wrap; gap: 12px; } .hub-row > div { flex-basis: 100%; }
  .status-tag { max-width: 100%; } .login-box { padding: 26px 22px; }
}

/* Dossier: keep evidence secondary and facts readable. */
#dossier-panel { margin: 28px 0; }
.dossier-group { border-top: 1px solid var(--line, #d8ddd3); padding: 20px 0; }
.dossier-record { padding: 18px 0; border-bottom: 1px solid #e1e5dd; overflow-wrap: anywhere; }
.dossier-record p { margin: 6px 0; max-width: 75ch; }
.dossier-record .fact-value { font-size: 20px; white-space: pre-wrap; }
.dossier-record summary, #dossier-panel summary { cursor: pointer; padding: 10px 0; min-height: 44px; }
.dossier-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.dossier-source { border-left:2px solid #d8ddd3; padding: 8px 14px; margin:12px 0; }
.dossier-form label { display:block; margin:12px 0; }
.dossier-form label:has(input[type=checkbox]) { display:flex; gap:12px; align-items:center; min-height:44px; }
.dossier-form input[type=checkbox] { width:24px; height:24px; flex:none; }
.dossier-form fieldset { min-width:0; border:1px solid #d8ddd3; margin:18px 0; padding:14px; }
.dossier-form legend { padding:0 6px; }
.dossier-conflict { background:#fff9ed; border:1px solid #e6d5b2; padding:16px; margin:18px 0; }
.dossier-dialog { max-height:90dvh; overflow-y:auto; }
.dossier-current { border:1px solid #d8ddd3; padding:14px; white-space:pre-wrap; overflow-wrap:anywhere; }

.intelligence-check { display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 12px 0 0; }
.intelligence-check input { width: 24px; height: 24px; min-height: 24px; flex: 0 0 auto; }
.intelligence-panel details { padding: 12px 0; overflow-wrap: anywhere; }
.intelligence-panel summary { cursor: pointer; min-height: 44px; padding: 10px 0; }
.intelligence-values { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(0, 2fr); gap: 12px 20px; }
.intelligence-values dd { margin: 0; overflow-wrap: anywhere; }
.intelligence-values dd p { margin: 4px 0 0; }
.intelligence-panel pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
@media (max-width: 650px) {
 .intelligence-values { grid-template-columns: minmax(0, 1fr); }
 .intelligence-values dt { margin-top: 12px; color: #5c666b; }
}
/* Site modules reuse the workspace typography and controls. */
.workspace-nav { flex-wrap: wrap; }
.site-nav[hidden] { display: none; }
#hub-content a, #hub-content p, #hub-content summary { overflow-wrap: anywhere; }
#hub-content .block > a { display: block; margin-block: 12px; }
#hub-content input[type="checkbox"] { width: 24px; height: 24px; min-height: 24px; flex-shrink: 0; }
#hub-content label:has(input[type="checkbox"]) { display: flex; align-items: center; gap: 12px; }
#hub-content details > summary { cursor: pointer; min-height: 44px; }
.login-page { min-height: 100svh; background: #f5f7f1; padding: 32px 20px; }
.login-box { width: min(100%, 480px); padding: 36px; border: 1px solid #dce2d7; border-radius: 28px; background: #fffefa; box-shadow: 0 16px 64px #34452f08; }
.login-brand { display: flex; align-items: center; gap: 14px; margin-bottom: 26px; }
.login-symbol { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid #d5decf; border-radius: 17px; background: #eef3e8; color: #354930; }
.login-brand .eyebrow { margin: 0; color: #4a5945; font-size: 18px; }
.login-box h1 { font-size: clamp(30px, 5vw, 38px); letter-spacing: -.035em; line-height: 1.2; margin: 0 0 12px; }
.login-intro { color: #5f685b; margin: 0 0 28px; line-height: 1.5; }
#login-form { display: block; }
#login-form label { display: block; margin: 20px 0 8px; }
#login-form > label:first-child { margin-top: 0; }
#login-form input { width: 100%; min-width: 0; min-height: 56px; border-radius: 12px; background: #fff; padding: 13px 15px; font-size: 20px; }
.secret-field { position: relative; }
.secret-field input { padding-right: 124px !important; }
#login-form .reveal-secret { position: absolute; right: 5px; top: 5px; min-height: 46px; border: 0; background: transparent; padding: 8px 12px; color: #44553c; font-size: 18px; border-radius: 8px; }
#login-form .reveal-secret:hover { background: #eef3e8; }
#login-submit { margin-top: 28px; width: 100%; min-height: 58px; display: flex; justify-content: center; align-items: center; gap: 16px; border-radius: 13px; color: #243220; background: #e7efdF; border-color: #a7b69d; }
#login-submit:hover { background: #dce8d2; }
#login-submit:disabled { cursor: wait; }
.login-progress:empty { display: none; }
.login-progress { margin: 16px 0 0; color: #4d6343; }
.login-protection { margin: 25px 0 0; padding-top: 22px; border-top: 1px solid #e4e8df; color: #67715f; font-size: 18px; line-height: 1.5; }
@media (max-width: 520px) { .login-page { padding: 20px 16px; } .login-box { padding: 26px 22px; border-radius: 22px; } }
@media (prefers-reduced-motion: reduce) { .login-page * { transition: none !important; animation: none !important; } }
#login-form .reveal-secret { width: auto; margin: 0; }
.supplier-card { padding: 28px 0; border-top: 1px solid var(--line); }
.supplier-card h2 { margin: 0 0 12px; font-size: 26px; }
.supplier-card p { margin: 8px 0; max-width: 75ch; }
.supplier-card > a { display: block; min-height: 44px; padding-block: 8px; }
.supplier-card .toolbar { margin: 18px 0 0; }
.supplier-card .toolbar a { padding: 10px 14px; min-height: 44px; border: 1px solid var(--line); border-radius: 8px; text-decoration: none; background: #f0f4ea; }
.provider-settings details { margin: 14px 0; border-top: 1px solid var(--line); padding: 16px 0; }
.provider-settings summary { font-size: 22px; }
.provider-settings label { display: block; margin: 20px 0; max-width: 700px; }
#hub-content ol { padding-left: 26px; max-width: 75ch; }
#hub-content li { margin-block: 12px; }
.workspace-nav a { padding-inline: 12px; }
.central-nav[hidden], .workspace-context[hidden] { display: none; }
.installation-registry { margin: 28px 0; }
.installation-registry > label { display: block; max-width: 640px; margin: 22px 0; }
.installation-row { display: grid; grid-template-columns: minmax(160px,1fr) minmax(0,2.5fr); gap: 24px; padding: 28px 0; border-top: 1px solid var(--line); }
.installation-row h2 { font-size: 25px; }
.installation-row-inline { grid-template-columns: minmax(0,1fr); }
.installation-row p { margin: 8px 0 12px; overflow-wrap: anywhere; }
.installation-state { padding-bottom: 18px; }
.installation-state + .installation-state { border-top: 1px solid var(--line); padding-top: 18px; }
.installation-state .toolbar { margin: 16px 0; }
.installation-row .toolbar a, .installation-body > a { display: inline-flex; align-items: center; min-height: 46px; padding: 9px 0; }
.installation-copy { margin-top: 16px; }
.installation-copy textarea { margin-top: 10px; }
.installation-state summary, .installation-central summary { min-height: 44px; padding: 10px 0; cursor: pointer; }
.installation-central { border-top: 1px solid var(--line); padding: 18px 0; }
@media(max-width:700px) { .installation-row { grid-template-columns: minmax(0,1fr); gap: 12px; } .installation-row .toolbar { align-items: stretch; } }
.workspace-context { max-width: 1240px; margin: 0 auto; padding: 24px 28px 0; display: flex; align-items: end; gap: 24px; }
.workspace-context label { width: min(100%, 480px); }
.workspace-context p { margin: 0 0 10px; }
.central-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin: 26px 0; }
.central-metric { display: flex; flex-direction: column; gap: 12px; padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: #f4f7ef; text-decoration: none; }
.metric-value { font-size: 36px; }
#hub-content pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
@media(max-width:700px) { .workspace-context { padding: 20px 18px 0; display: block; } .workspace-context p { margin-top: 12px; } .central-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; } .central-metric { padding: 16px; } }

.sync-nav[hidden] { display: none; }

/* Material-to-company transitions reuse existing forms and source rows. */
.research-context > a, .research-context .source > a, #sources .source > a,
.dossier-source > a, #hub-content > a, #hub-content .block > a,
#hub-error > a { display: table; min-height: 44px; padding-block: 8px; margin-block: 4px; }
.research-context .source { margin-block: 18px; }
#duplicate-candidates { display: grid; gap: 12px; margin-block: 12px; }
#duplicate-candidates button { text-align: left; overflow-wrap: anywhere; }
#company-material-fields textarea { min-height: 140px; }
#hub-error button { margin-top: 12px; }

.china-section { margin-block: 1.5rem; }
.china-fact { border: 1px solid var(--border, #d8dee6); border-radius: 10px; padding: 14px; margin-block: 10px; overflow-wrap: anywhere; }
.china-fact details { margin-block: 10px; }
.china-fact blockquote { margin: 12px 0; padding-left: 12px; border-left: 3px solid #aab8c8; white-space: pre-wrap; }

/* Audit: consistent text, keyboard targets and long source material. */
strong, b, th { font-weight: 400; }
.material-content { font-size: 21px; }
label:has(input[type=checkbox]) { min-height:44px; }
.batch-check input[type=checkbox], #hub-content input[type=checkbox], .dossier-form input[type=checkbox] { min-width:44px; width:44px; min-height:44px; height:44px; }
#company-pages { margin-top:24px; }
#company-pages p { flex-basis:100%; }
#hub-content .toolbar label { flex:1 1 240px; min-width:0; }
#hub-content .hub-row { align-items:flex-start; }
#hub-content .hub-row p { white-space:pre-wrap; }

body.booting > :not(#boot-status):not(script) { visibility:hidden; }
#boot-status { position:fixed; top:100px; left:24px; }
body:not(.booting) #boot-status { display:none; }
#crm-navigation > summary, #batch-operations > summary { min-height:44px; padding:10px 0; cursor:pointer; }
#crm-navigation > summary { margin:12px 20px; }
#batch-operations { margin:20px 0; }
@media (min-width:701px) { #crm-navigation > summary { display:none; } }

.inbox-search { align-items:flex-end; }
.inbox-search > button { margin-bottom:18px; }
@media (max-width:700px) { .inbox-search { display:block; } .inbox-search > button { width:100%; } }

button, button.primary, #login-submit { border-color:#78836f; }
input[aria-invalid=true], textarea[aria-invalid=true], select[aria-invalid=true] { border-color:#823d2d; }

main a { min-height:44px; min-width:44px; display:inline-flex; align-items:center; max-width:100%; }
summary { min-height:44px; cursor:pointer; }

/* Clear entry points; no hidden business writes or search over private browser storage. */
.start-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin:12px 0 28px; }
.status-tag.due-late { color:#823d2d; background:#fff1ec; }
main a.start-action { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:20px; border:1px solid #78836f; border-radius:12px; text-decoration:none; background:#fff; }
.start-action:hover { background:var(--tint); }
.start-number { font-size:34px; line-height:1.2; }
.quick-result { display:flex; align-items:center; padding:12px; min-height:48px; border-bottom:1px solid var(--line); text-decoration:none; }
.quick-result:hover { background:var(--tint); }
#quick-dialog { width:min(620px,calc(100vw - 32px)); }
@media(max-width:700px) { .start-actions { grid-template-columns:1fr; gap:12px; } main a.start-action { display:grid; grid-template-columns:1fr auto; gap:4px 12px; padding:14px; } .start-action .muted { grid-column:1/-1; } .start-number { font-size:28px; } .topbar { height:auto; min-height:68px; flex-wrap:wrap; padding-block:12px; } .account-bar { margin-left:auto; } #quick-open { padding-inline:10px; } }
.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:12px 0 28px}.system-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}.system-card h2,.system-queue h2{margin:8px 0}.system-ok{border-color:#78a28d}.system-attention{border-color:#a45d48;background:#fff7f3}.system-neutral{background:var(--tint)}.system-queue p{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:10px}.system-count-attention{color:#823d2d}.system-backup{overflow-wrap:anywhere}.system-issues{margin-bottom:28px}

/* Agent workspace uses the same readable scale as the CRM. */
.agent-company,.agent-fact{padding:20px 0;border-bottom:1px solid var(--line,#d9dfdf);overflow-wrap:anywhere}
.agent-company label,.agent-fact label{display:flex;align-items:flex-start;gap:12px;font-weight:400}
.agent-company input[type=checkbox],.agent-fact input[type=checkbox]{width:22px;height:22px;flex:none;margin-top:3px}
.agent-search{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:20px 0}.agent-search label{flex:1;min-width:180px}.agent-search button{margin-bottom:0}
.agent-fact blockquote{margin:14px 0;padding:12px 16px;border-left:3px solid #92a8a0;background:#f3f6f4;white-space:pre-wrap}.agent-wrap{overflow-wrap:anywhere}
@media(max-width:600px){.agent-search{display:block}.agent-search label{display:block;margin-bottom:12px}.agent-company,.agent-fact{padding:16px 0}}

/* Supplier workflow and guided service setup share the existing CRM palette. */
.setup-options,.supplier-directory {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.setup-option {padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--tint)}
.setup-option h2 {font-size:26px;margin:12px 0}.setup-option p{max-width:65ch}
.supplier-intro {display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0}
.supplier-explanation {margin:16px 0 28px}.supplier-explanation p{max-width:75ch}
.supplier-filters {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}
.supplier-filters label {margin:0}
.supplier-directory .supplier-card {border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;min-width:0;background:white}
.supplier-directory .supplier-card h2 {font-size:24px;line-height:1.35;margin-bottom:0}
.supplier-directory .supplier-card .toolbar {margin-top:auto;padding-top:16px}
.supplier-status {color:#435d37}.supplier-status.missing {color:#75501d}
.supplier-readiness {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.supplier-readiness-item {padding:16px;border:1px solid var(--line);border-radius:10px;background:white;min-width:0;overflow-wrap:anywhere}
.supplier-value {margin:12px 0;line-height:1.45}.supplier-state{color:#735021}
.supplier-readiness-item.confirmed .supplier-state{color:#365d38}.supplier-readiness-item.conflict{border-color:#a3533b}
.supplier-evidence {padding:14px 0}.supplier-jumps{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 28px}
.supplier-research,.supplier-composer{padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:24px}
.supplier-focus{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.supplier-focus label{display:flex;align-items:center;gap:10px;margin:0;min-width:0}
.supplier-composer {max-width:850px}.supplier-composer label {display:block;margin:20px 0}
.supplier-composer .toolbar {flex-wrap:wrap}
.provider-settings .provider-connection{padding:22px;border:1px solid var(--line);border-radius:12px;background:white;margin:16px 0}
.provider-connection > summary > span{display:block}.provider-state{font-size:18px;color:var(--muted);margin:8px 0}
.provider-connection form{max-width:750px}.provider-connection form label{max-width:none}
.provider-connection .provider-parameters{border:0;padding:4px 0;margin:12px 0}
.provider-parameters summary {font-size:18px}.provider-connection input{min-width:0}
.provider-extra > summary{font-size:22px}.provider-settings .connection-steps li{padding-left:4px}
@media(max-width:850px){.supplier-readiness,.supplier-focus{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.setup-options,.supplier-directory,.supplier-filters{grid-template-columns:minmax(0,1fr)}.supplier-intro{display:block}.setup-option,.supplier-directory .supplier-card,.provider-settings .provider-connection{padding:18px}.supplier-jumps{display:grid}.supplier-readiness-item{padding:12px}.supplier-focus{grid-template-columns:minmax(0,1fr)}}
#workspace-more {max-width:1240px;margin:0 auto;padding:0 28px;border-bottom:1px solid var(--line)}
#workspace-more > summary {color:var(--muted);padding:10px 0}
#workspace-more .workspace-nav {padding:0 0 14px;margin:0}
@media(max-width:700px){#workspace-more{padding-inline:18px}}

/* One task at a time; mounted panels preserve drafts and keyboard focus. */
.workspace-tablist {display:flex;gap:8px;border-bottom:1px solid var(--line);margin:0 0 26px;padding:0 0 12px;flex-wrap:wrap}
.workspace-tablist [role=tab] {border:1px solid transparent;background:transparent;padding:12px 20px;border-radius:10px;color:var(--muted)}
.workspace-tablist [aria-selected=true] {background:var(--tint);border-color:#a5b19c;color:var(--ink)}
.workspace-tabpanel {min-width:0;outline-offset:6px}
.supplier-workspace > .workspace-tabs > .workspace-tabpanel > .supplier-research,
.supplier-workspace > .workspace-tabs > .workspace-tabpanel > .supplier-composer {margin-top:0;padding-top:0;border-top:0}
.supplier-workspace {border-top:0;padding-top:0}
.connection-help {margin:14px 0}.connection-help summary{font-size:18px}
.connection-technical,.connection-keys {margin:20px 0}.agent-setup > .block {border-top:0}
.provider-connection > summary {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;list-style:none}
.provider-connection > summary::after {content:'+';font-size:26px;grid-column:2;grid-row:1/3}
.provider-connection[open] > summary::after {content:'−'}
.provider-connection > summary .provider-state {grid-column:1;margin:0}
.provider-connection > summary::-webkit-details-marker{display:none}
.workspace-tabpanel > .block:first-child {margin-top:0}
@media(max-width:700px){.workspace-tablist{gap:6px;margin-bottom:22px}.workspace-tablist [role=tab]{padding:10px 12px;flex:1 1 auto}.supplier-workspace{padding-inline:0}.supplier-overview>.eyebrow{margin-top:0}.provider-connection > summary{gap:8px 12px}}

.connection-steps-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:20px}
.connection-step{padding:24px;border:1px solid var(--line);border-radius:12px;background:white;min-width:0}
.connection-step h2{font-size:24px;margin-bottom:18px}.connection-step details{margin-top:20px}
.connection-step>button.primary{display:block;margin-top:14px}.connection-step label{margin:12px 0}
.connection-step [role=status]:empty{display:none}.connection-next{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.connection-next h2{font-size:24px}.connection-steps-grid input{font-size:18px}
@media(max-width:700px){.connection-steps-grid{grid-template-columns:minmax(0,1fr)}.connection-step{padding:18px}}

/* Supplier folders and group actions */
.supplier-folders{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:24px 0}
.supplier-folders button{text-align:left;white-space:normal;min-height:70px}
.supplier-folders button[aria-pressed=true]{background:#e5eddc;border-color:#516e42;box-shadow:inset 0 0 0 1px #516e42}
.supplier-gaps{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}
.supplier-gaps h2{width:100%;margin-bottom:0}.supplier-select{display:flex;align-items:center;gap:10px}.supplier-select input{width:24px;height:24px}
.supplier-folder-label{color:#516e42;font-size:18px}.supplier-bulk .toolbar{margin:16px 0}.supplier-bulk .toolbar>label{min-width:0;max-width:100%}
.supplier-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.supplier-comparison .source{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.supplier-folders{grid-template-columns:1fr}.supplier-bulk .toolbar{align-items:stretch}.supplier-bulk .toolbar>*{width:100%;max-width:100%}}
@media(min-width:360px) and (max-width:600px){.supplier-folders{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-folders button{padding:12px;font-size:18px;overflow-wrap:anywhere}}

/* Connection setup follows user tasks; technical details stay in disclosures. */
.connection-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.connection-option{background:#fff;border:1px solid #d3d9cc;border-radius:16px;padding:24px;min-width:0}
.connection-option h3{margin-top:0}.connection-health{margin:24px 0}.connection-health .source{overflow-wrap:anywhere}
.smart-company{display:flex;gap:12px;align-items:center;margin:12px 0;overflow-wrap:anywhere}.smart-company input{width:24px;height:24px;flex:0 0 24px}.smart-research>button{margin:12px 12px 12px 0}
.connection-technical{margin-top:24px}.provider-settings [hidden]{display:none!important}
@media(max-width:680px){.connection-options{grid-template-columns:1fr}.connection-option{padding:18px}}

/* Guided extension setup */
.connection-wizard{max-width:1000px}.connection-wizard .connection-steps-grid{grid-template-columns:minmax(0,1fr)}.connection-wizard .connection-step{padding:22px;margin:0}.connection-wizard .connection-step h2{margin-top:0}.connection-wizard .connection-verify{margin-top:20px}.connection-wizard .connection-install{margin-top:24px;background:transparent}.connection-wizard .connection-health{margin-bottom:0}.connection-wizard input{width:100%;box-sizing:border-box}.connection-wizard button{max-width:100%;white-space:normal}

.connection-update{margin:24px 0;padding:20px;background:#edf3e7;border-radius:12px}.connection-update h3{margin-top:0}

/* Keep group controls alongside the supplier list, including on small screens. */
.supplier-tools{margin:12px 0}.supplier-tools>summary,.supplier-advanced>summary{cursor:pointer;padding:10px 0}
.supplier-primary-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:16px;align-items:end;margin:18px 0}
.supplier-primary-filters>label,.supplier-primary-filters select,.supplier-primary-filters input{width:100%;min-width:0}
.supplier-advanced[open]{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.supplier-advanced[open]>summary{grid-column:1/-1}
.supplier-action-dock{position:sticky;top:0;z-index:8;background:var(--paper);border:1px solid #87967d;border-radius:12px;padding:14px 18px;box-shadow:0 5px 14px #242b2510}
.supplier-selection-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.supplier-selection-line p{flex:1;min-width:160px;margin:0}.supplier-selection-line button{padding:8px 12px}
.supplier-command-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:10px}.supplier-command-line label,.supplier-command-line select{min-width:0;width:100%}.supplier-action-dock .notice{margin-bottom:0}
.supplier-register .supplier-directory{display:flex;flex-direction:column;gap:0;margin-top:12px}
.supplier-register .supplier-directory .supplier-card{display:grid;grid-template-columns:36px minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:18px 8px}
.supplier-register .supplier-card:has(input:checked){background:#edf3e7}
.supplier-register .supplier-card h2{font-size:20px;line-height:1.4}.supplier-register .supplier-card p{margin:4px 0;font-size:18px}.supplier-register .supplier-select{min-height:46px;cursor:pointer;justify-content:center}.supplier-register .supplier-select input{cursor:pointer;margin:0}
.supplier-register .supplier-row-name,.supplier-register .supplier-row-contact,.supplier-register .supplier-row-step{min-width:0;overflow-wrap:anywhere}
.supplier-action-dock button:disabled{cursor:default}
@media(max-width:700px){
 .supplier-primary-filters{grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0}.supplier-advanced[open]{grid-template-columns:minmax(0,1fr)}
 .supplier-action-dock{padding:10px;top:0}.supplier-selection-line{gap:6px}.supplier-selection-line p{flex-basis:100%}.supplier-selection-line button{font-size:18px;padding:8px;min-height:44px}
 .supplier-command-line{gap:8px;margin-top:8px}.supplier-command-line button{max-width:125px;padding:8px;min-height:46px}
 .supplier-register .supplier-directory .supplier-card{grid-template-columns:30px minmax(0,1fr);gap:6px 12px;padding:14px 4px}.supplier-row-contact,.supplier-row-step{grid-column:2}.supplier-row-step{display:flex;flex-wrap:wrap;gap:0 10px}
 .supplier-register .supplier-card h2{font-size:20px}.supplier-register .supplier-folder-label{display:none}
}
.supplier-primary-filters label,.supplier-command-line label{margin:0}

/* Communication desk */
.comm-scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:20px 0}.comm-scenario{border:1px solid var(--line,#ccd3c5);border-radius:12px;padding:18px;display:flex;flex-direction:column;align-items:flex-start}.comm-scenario h2{font-size:1.1rem;margin:8px 0}.comm-scenario p{flex:1}.comm-scenario button{width:100%;text-align:left}.comm-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:16px 0}.comm-filters label{margin:0}.comm-supplier-list{max-height:330px;overflow:auto;border-top:1px solid #dce1d7}.comm-supplier{display:flex;gap:12px;align-items:center;margin:0;padding:12px 4px;border-bottom:1px solid #dce1d7}.comm-supplier>span{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.comm-supplier input,.comm-news>input{width:24px;height:24px;flex:none}.comm-feed{scroll-margin-top:15px}.comm-news{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid #dce1d7}.comm-news>div{min-width:0;overflow-wrap:anywhere}.comm-news h3{margin:0}.comm-news-actions{padding:12px 0;border-bottom:1px solid #dce1d7}.comm-audience summary{font-weight:600}.comm-news p{white-space:pre-wrap}
@media(max-width:700px){.comm-scenarios{grid-template-columns:1fr}.comm-scenario{padding:14px}.comm-filters{grid-template-columns:1fr}.comm-audience,.comm-feed{padding:14px}.comm-news-actions button{flex:1 1 140px}.comm-news{gap:10px}}
@media(min-width:1150px){.comm-scenarios{grid-template-columns:repeat(5,minmax(0,1fr))}.comm-scenario{padding:14px}.comm-scenario p{font-size:.94rem;line-height:1.4}.comm-scenario button{font-size:.94rem}}
@media(max-width:700px){.comm-scenario{gap:4px}.comm-scenario>span{font-size:.8rem}.comm-scenario h2{margin:0}.comm-scenario p{font-size:.92rem;line-height:1.3;margin:4px 0 8px}}

/* One application shell and one primary path for day-to-day work. */
body{background:var(--paper);line-height:1.5}h1,h2,h3{font-weight:600}h1{font-size:32px}h2{font-size:23px}
button.primary,.crm-action-link{background:#176b55;color:white;border-color:#176b55;font-weight:600}button.primary:hover,.crm-action-link:hover{background:#105641;color:white;border-color:#105641}button:disabled{opacity:.55}
input,select,textarea{border-color:#8fa49b!important;border-radius:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #39a586;outline-offset:3px}
.topbar{background:white;height:76px;padding:12px 26px;position:relative;z-index:12}.brand{font-weight:650}.brand-sub{font-weight:400;color:var(--muted)}
#crm-navigation{background:white;border-right:1px solid var(--line)}.workspace-nav a[aria-current]{background:#e2f1e9;border-color:transparent;color:#105641;font-weight:650}.workspace-nav a:hover{background:#f0f5f2}
#workspace-more{margin:18px 12px 0;padding:16px 0;border-top:1px solid var(--line)}#workspace-more>summary{padding:10px;font-size:18px}#workspace-more .workspace-nav a{font-size:18px}
.heading{margin-bottom:24px;align-items:flex-start}.heading p{margin-bottom:0}.block{padding-top:22px;margin-top:22px}.source,.hub-row{border-color:var(--line)}.hub-row{background:white;border-radius:10px;margin-bottom:10px;padding:18px}
.crm-hero{background:#e5f2eb;border:1px solid #c7e0d2;border-radius:16px;padding:28px;margin:24px 0}.crm-hero h2{font-size:28px;max-width:27ch}.crm-hero p{max-width:65ch}.crm-hero .toolbar{margin-top:20px}.crm-action-link{padding:12px 20px;border-radius:8px;text-decoration:none}
.start-actions{gap:16px}.start-action{border-color:var(--line)!important}.start-number{font-weight:650;color:#176b55}.notice{border-radius:10px}.eyebrow{letter-spacing:.06em;color:var(--muted);font-size:16px;font-weight:600}
.ai-center-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:24px;align-items:start}.ai-panel{min-width:0;background:white;border:1px solid var(--line);border-radius:14px;padding:24px}.ai-panel h2{margin-bottom:20px}.ai-panel .eyebrow{margin-top:0}.ai-panel label{margin:12px 0}.ai-panel select,.ai-panel input:not([type=checkbox]){width:100%}
.ai-filters{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.ai-filters label{min-width:0}.ai-selection-count{padding:14px 0;font-weight:600}.ai-company-list{max-height:570px;overflow:auto;border-top:1px solid var(--line);scrollbar-gutter:stable}.ai-company{display:flex;gap:12px;align-items:flex-start;padding:15px 6px;margin:0!important;border-bottom:1px solid var(--line);cursor:pointer}.ai-company:has(input:checked){background:#edf7f1}.ai-company>span{min-width:0;overflow-wrap:anywhere}.ai-company strong,.ai-company small{display:block}.ai-company strong{font-size:18px;font-weight:500}.ai-company small{font-size:16px;margin-top:4px}.ai-company input,.ai-targets input,.ai-consent input{width:22px;height:22px;flex:0 0 22px;margin:3px 0}
.ai-targets{border:0;padding:0;margin:24px 0}.ai-targets legend{font-weight:600}.ai-targets label,.ai-consent{display:flex;align-items:flex-start;gap:12px}.ai-setup>button.primary{width:100%;margin-top:12px}.ai-progress{border:1px solid var(--line);background:white;border-radius:12px;padding:24px;margin-bottom:18px}.ai-progress progress{width:100%;height:16px;accent-color:#176b55;margin-top:16px}.ai-run>.toolbar{margin:16px 0}.ai-result{border:1px solid var(--line);background:white;border-radius:12px;margin:12px 0;padding:18px}.ai-result>summary{cursor:pointer;font-weight:500}.ai-diff{margin-top:20px;padding:18px;background:#f3f8f5;border-radius:8px}.ai-diff p{white-space:pre-wrap}.ai-diff blockquote{margin:12px 0;border-left:3px solid #76ad95;padding-left:14px}.ai-result a{display:block;margin-top:10px;overflow-wrap:anywhere}
.ai-next-mobile{display:none}.ai-setup{scroll-margin-top:92px}
@media(min-width:901px){body{padding-top:76px}.topbar{position:fixed;top:0;left:0;width:100%;margin-left:0!important}#crm-navigation{position:fixed!important;overflow:auto}.supplier-action-dock{top:88px!important}}
@media(max-width:900px){.ai-next-mobile{display:block;width:100%;margin:0 0 18px}}
.supplier-action-dock{background:white;border-color:#bfd4c8;box-shadow:0 4px 14px #173f2f0b}.supplier-selection-line{gap:8px}.supplier-primary-filters{margin-bottom:12px}.supplier-smart-lists{margin:10px 0;padding:10px 0;border-top:0}.supplier-smart-lists>summary{cursor:pointer}.supplier-tools{margin:8px 0}.supplier-register .supplier-card{background:white!important}.supplier-register .supplier-card:has(input:checked){background:#edf7f1!important}.supplier-row-name h2 a{text-decoration:none}.supplier-row-name h2 a:hover{text-decoration:underline}.supplier-command-line{border-top:1px solid var(--line);padding-top:12px}
@media(min-width:901px){body{padding-left:236px}.topbar{margin-left:-236px}.topbar .brand{width:210px}.topbar .account-bar{margin-left:auto}#crm-navigation{position:absolute;top:76px;bottom:0;left:0;width:236px;min-height:calc(100vh - 76px);padding:20px 10px}#crm-navigation>summary{display:none}.workspace-nav{display:flex;flex-direction:column;gap:6px;padding:0;margin:0}.workspace-nav a{width:100%;padding:12px 14px}.workspace-nav .settings-link{margin:0}#workspace-more .workspace-nav{padding:0}.workspace-context{padding:10px!important}main{max-width:1600px;margin:0 auto;padding:32px 32px 70px}.supplier-action-dock{top:12px}}
@media(max-width:1100px) and (min-width:901px){.ai-center-grid{grid-template-columns:minmax(0,1fr)}.ai-setup{position:static}.ai-company-list{max-height:380px}}
@media(max-width:900px){#crm-navigation{border-right:0;border-bottom:1px solid var(--line)}#crm-navigation>summary{display:block;margin:0;padding:12px 20px;background:white;min-height:48px}.workspace-nav{display:grid;grid-template-columns:1fr 1fr;padding:10px 14px}.workspace-nav a{font-size:18px}.topbar{height:auto;min-height:68px;padding:12px 18px;flex-wrap:wrap}.account-bar{gap:8px}.environment{display:none}main{padding:24px 18px 60px}h1{font-size:28px}.heading{gap:14px;flex-wrap:wrap}.ai-center-grid{grid-template-columns:minmax(0,1fr);gap:18px}.ai-panel{padding:18px}.ai-filters{grid-template-columns:1fr}.ai-company-list{max-height:330px}.ai-center-grid .toolbar>button{flex:1 1 130px}.crm-hero{padding:22px}.crm-hero h2{font-size:25px}.supplier-selection-line button{flex:1 1 120px}.supplier-selection-line button.primary{flex-basis:100%}.ai-result{padding:14px}.ai-diff{padding:12px}.ai-progress{padding:18px}}

/* Research queue and accessible API setup. */
.agent-api-guide>summary,.agent-queue-tools>summary{cursor:pointer;min-height:44px;padding:10px 0}
.agent-api-guide input{width:100%;min-width:0}.agent-api-guide li{margin:10px 0}.agent-api-guide .toolbar{gap:12px}
.agent-queue-tools{margin:14px 0}.agent-queue-tools[open]{padding-bottom:16px;border-bottom:1px solid var(--line)}
.agent-company{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;padding:18px 0}.agent-company p{margin:0;grid-column:1/-1}.agent-company label{margin:0;min-width:0;overflow-wrap:anywhere}.agent-company label input{flex-shrink:0}
button[aria-busy=true]{cursor:progress}textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #176b55;outline-offset:3px}
@media(max-width:650px){.agent-company{grid-template-columns:minmax(0,1fr)}.agent-company>a{justify-self:start}.agent-api-guide .toolbar>*{max-width:100%;overflow-wrap:anywhere}}
@media(min-width:901px){.topbar .brand{width:auto;max-width:48%;flex-wrap:nowrap;white-space:nowrap;min-width:0}.topbar .brand-sub{min-width:0;overflow:hidden;text-overflow:ellipsis}.agent-api-guide{scroll-margin-top:92px}}
/* Living dossier: criteria remain visible while the result list updates. */
.living-dossier { max-width: 1240px; margin: 0 auto; }
.living-dossier h1 { overflow-wrap: anywhere; }
.living-dossier > .heading { margin: 24px 0; }
.living-tabs,.living-filter-chips { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.living-tabs button,.living-chip { min-height:44px; border-radius:24px; }
.living-dossier button[aria-pressed="true"] { background:#e8f3ef; color:#185847; border-color:#417761; box-shadow:inset 0 0 0 1px #417761; }
.living-controls { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.living-controls label,.living-condition label { min-width:0; }
.living-dossier input,.living-dossier select { max-width:100%; }
.living-condition { display:flex; flex-wrap:wrap; gap:12px; align-items:end; padding:16px 0; border-bottom:1px solid #dfe6e2; }
.living-condition > strong { align-self:center; min-width:150px; }
.living-condition label { flex:1 1 140px; }
.living-condition button { min-height:44px; }
.living-audience { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:20px; margin:20px 0; border:1px solid #c9ddd3; border-radius:16px; background:#f3f8f5; }
.living-count { width:100%; font-weight:650; margin:0; }
.living-company { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto; align-items:start; gap:20px; padding:24px 0; border-bottom:1px solid #dfe6e2; }
.living-company p { margin:8px 0; overflow-wrap:anywhere; }
.living-check { display:flex; align-items:center; gap:10px; min-height:44px; line-height:1.5; }
.living-check input { flex:0 0 auto; width:20px; height:20px; margin:0; }
.living-company .living-check { font-weight:650; font-size:17px; }
.living-dossier .living-section { margin:24px 0; padding:24px; }
.living-section > a { display:block; margin:12px 0; overflow-wrap:anywhere; }
.living-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:24px; }
.living-metrics span,.living-metrics strong { display:block; overflow-wrap:anywhere; }
.living-metrics strong { margin-top:8px; font-size:17px; }
.living-disclosure { padding:12px 0; border-bottom:1px solid #e4e9e6; overflow-wrap:anywhere; }
.living-disclosure > summary { cursor:pointer; min-height:44px; padding:10px 0; font-weight:600; }
.living-disclosure > a { display:block; padding:8px 0; }
.living-disclosure > p { margin:12px 0; }
.living-next { padding:18px 0; border-bottom:1px solid #e4e9e6; }
.living-next button,.living-next > a { margin:8px 8px 0 0; }
.living-schedule { padding:16px 0; border-top:1px solid #e4e9e6; }
.living-dossier button:focus-visible,.living-dossier a:focus-visible,.living-dossier summary:focus-visible { outline:3px solid #287d61; outline-offset:4px; }
@media(max-width:700px) {
 .living-dossier .living-section { padding:18px; }
 .living-company { grid-template-columns:minmax(0,1fr); gap:8px; }
 .living-company > button { justify-self:start; }
 .living-condition { align-items:stretch; }
 .living-condition > strong { width:100%; }
 .living-condition label { flex-basis:100%; }
 .living-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; }
 .living-audience { padding:16px; }
 .living-audience button { width:100%; }
 .living-filter-chips { gap:8px; }
 .living-chip { padding:9px 12px; }
}

.positions { list-style: none; padding: 0; margin: 0; }
.positions li { padding: 14px 0; border-top: 1px solid var(--line); }
.positions h3 { margin: 0 0 6px; font-weight: 400; }