.row-link { color: var(--ink); text-decoration: none; }
.row-link:hover { color: var(--accent-dark); }
.truncate-cell { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.empty-state.compact { padding: 36px 10px; }
.export-action { display: flex; align-items: center; justify-content: flex-end; gap: 14px; margin-top: 14px; }
.export-action span { color: var(--muted); font-size: 11px; }
.export-action button { border: 0; border-radius: 8px; background: var(--ink); color: #fff; padding: 10px 14px; font-size: 11px; font-weight: 700; cursor: pointer; }
.export-action button:hover { background: var(--accent-dark); }
.filter-strip form { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
.filter-strip input { width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); padding: 10px 11px; }
.advanced-filters { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 13px; }
.advanced-filters summary { width: fit-content; color: var(--accent-dark); cursor: pointer; font: 700 10px/1 var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.advanced-filter-grid { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 14px; margin-top: 17px; }
.advanced-filter-grid label { min-width: 0; }
.filter-actions { grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; }
.filter-actions button { padding: 0 18px; }
.filter-actions a { color: var(--muted); font-size: 11px; }
.export-panel { display: block; }
.detail-head { align-items: center; }
.detail-actions { display: flex; justify-content: flex-end; gap: 8px; }
.detail-grid { display: grid; grid-template-columns: minmax(300px, .85fr) minmax(380px, 1.15fr); gap: 30px; margin-top: 42px; }
.detail-list { margin: 28px 0 0; }
.detail-list div { display: grid; grid-template-columns: 130px 1fr; gap: 18px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.detail-list dt { color: var(--muted); font-size: 11px; }
.detail-list dd { margin: 0; font-size: 12px; }
.break-word { overflow-wrap: anywhere; }
.retry-form { margin-top: 24px; }
.retry-form button { border: 0; border-radius: 8px; background: var(--ink); color: #fff; padding: 12px 16px; font-size: 12px; font-weight: 700; cursor: pointer; }
.retry-form button:hover { background: var(--accent-dark); }
.timeline-surface { padding: 8px 0; }
.timeline { list-style: none; margin: 30px 0 0; padding: 0; }
.timeline li { display: grid; grid-template-columns: 18px 1fr; gap: 14px; min-height: 64px; position: relative; }
.timeline li > span { width: 9px; height: 9px; margin-top: 4px; border: 2px solid var(--accent); border-radius: 50%; background: var(--paper); z-index: 1; }
.timeline li:not(:last-child)::after { content: ""; position: absolute; left: 4px; top: 13px; bottom: 0; border-left: 1px solid var(--line); }
.timeline strong, .timeline small { display: block; }
.timeline strong { font: 650 11px/1.2 var(--mono); }
.timeline small { color: var(--muted); font-size: 11px; margin-top: 7px; }
@media (max-width: 900px) { .detail-grid { grid-template-columns: 1fr; } .detail-actions { justify-content: flex-start; } }
@media (max-width: 900px) { .filter-strip form { grid-template-columns: 1fr 1fr; } .advanced-filter-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .detail-list div { grid-template-columns: 1fr; gap: 5px; } .export-action { align-items: flex-start; flex-direction: column; } .filter-strip form,.advanced-filter-grid { grid-template-columns: 1fr; } }
.outcome-band{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}.outcome-band article{background:var(--surface);padding:17px 20px}.outcome-band span{display:block;color:var(--muted);font-size:11px}.outcome-band strong{display:block;font:650 24px/1 var(--mono);margin-top:9px}.billing-grid{margin-top:34px}.billing-reading{display:flex;align-items:end;gap:17px;margin:42px 0 20px}.billing-reading strong{font:650 58px/.85 var(--mono);letter-spacing:-.07em}.billing-reading span{max-width:22ch;color:var(--muted);font-size:12px;line-height:1.45}progress{display:block;width:100%;height:8px;border:0;border-radius:999px;overflow:hidden;background:#e3ebe8}progress::-webkit-progress-bar{background:#e3ebe8}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.billing-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0 0;padding-top:18px;border-top:1px solid var(--line)}.billing-facts dt{color:var(--muted);font-size:10px}.billing-facts dd{font:650 15px/1.2 var(--mono);margin:8px 0 0}.notice.neutral{border-color:var(--accent);background:#eaf4f0;color:var(--accent-dark)}.notice.neutral span{color:#537269}.compact-table{min-width:540px}.history-section{margin-top:46px}@media(max-width:900px){.outcome-band{grid-template-columns:repeat(3,1fr)}.billing-facts{grid-template-columns:1fr 1fr}}@media(max-width:600px){.outcome-band{grid-template-columns:1fr 1fr}.billing-facts{grid-template-columns:1fr}.billing-reading strong{font-size:46px}}
.admin-metrics{grid-template-columns:1.15fr 1fr .8fr 1.25fr}.admin-metrics article:last-child strong{font-size:clamp(24px,2.6vw,38px)}@media(max-width:900px){.admin-metrics{grid-template-columns:1fr 1fr}.admin-metrics article:first-child{grid-column:auto}}@media(max-width:600px){.admin-metrics{grid-template-columns:1fr}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.inline-requeue{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:7px;min-width:330px}.inline-requeue input,.admin-form input,.admin-form select,.admin-form textarea,.credential-form input{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:10px 11px}.inline-requeue button,.admin-form button,.credential-form>button,.danger-button{border:0;border-radius:7px;background:var(--ink);color:#fff;padding:10px 13px;font-size:11px;font-weight:700;cursor:pointer}.inline-requeue button:hover,.admin-form button:hover,.credential-form>button:hover{background:var(--accent-dark)}.admin-detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.65fr);gap:28px;margin-top:38px}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.admin-form label,.credential-form>label{display:grid;gap:8px;color:var(--muted);font-size:11px;font-weight:650}.admin-form small{font-weight:400}.admin-form .wide{grid-column:1/-1}.admin-form>button{grid-column:1/-1;justify-self:start}.admin-form textarea{resize:vertical}.contract-card{padding-top:26px}.admin-section{border-top:1px solid var(--line);padding-top:34px}.admin-form.horizontal{grid-template-columns:minmax(210px,1fr) 130px minmax(260px,1.4fr) auto;align-items:end}.admin-form.horizontal>button{grid-column:auto;height:39px}.credential-form{display:grid;grid-template-columns:minmax(210px,1fr) minmax(180px,.6fr) minmax(330px,1.5fr) auto;gap:18px;align-items:end;margin-top:24px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.credential-form fieldset{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;border:0}.credential-form legend{color:var(--muted);font-size:11px;font-weight:650;margin-bottom:8px}.credential-form fieldset label{display:flex;align-items:center;gap:4px;font-size:10px}.credential-form fieldset input{width:auto}.scope-list{min-width:230px}.scope-list .status{margin:2px}.danger-button{background:var(--danger)}.credential-once{width:min(760px,100%)}.credential-once label{display:grid;gap:9px;color:var(--muted);font-size:11px;font-weight:700;margin-top:28px}.secret-output{width:100%;resize:none;border:1px solid var(--accent);border-radius:8px;padding:14px;background:#eef7f3;color:var(--ink);font:600 13px/1.6 var(--mono);overflow-wrap:anywhere}.security-note{border-left:3px solid var(--danger);padding-left:13px}.status.active{background:#e8f3ef;border-color:#c7dfd7;color:#17634f}@media(max-width:1100px){.admin-form.horizontal,.credential-form{grid-template-columns:1fr 1fr}.admin-form.horizontal .reason-field,.credential-form fieldset{grid-column:1/-1}.admin-form.horizontal>button,.credential-form>button{justify-self:start}}@media(max-width:900px){.admin-detail-grid{grid-template-columns:1fr}}@media(max-width:600px){.admin-form,.admin-form.horizontal,.credential-form{grid-template-columns:1fr}.admin-form .wide,.admin-form.horizontal .reason-field,.credential-form fieldset{grid-column:auto}.inline-requeue{grid-template-columns:1fr;min-width:240px}}
html,body{max-width:100%;overflow-x:clip}.shell{width:100%;max-width:100vw;overflow-x:clip}.rail,main,.brand,.admin-detail-grid,.admin-section,.table-section,.primary-surface,.credential-form{min-width:0;max-width:100%}.table-wrap{max-width:100%}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.rail{grid-template-columns:minmax(0,1fr) auto;gap:16px}}@media(max-width:600px){.page-head h1,.lede{overflow-wrap:anywhere}.section-head{flex-wrap:wrap}.admin-detail-grid>*{max-width:100%}}
.head-stat{align-self:end;border-left:1px solid var(--line);padding-left:24px}.head-stat span,.head-stat strong{display:block}.head-stat span{color:var(--muted);font-size:11px}.head-stat strong{font:650 26px/1 var(--mono);margin-top:9px}.page-filter form{grid-template-columns:repeat(3,minmax(170px,1fr))}.page-filter .filter-actions{grid-column:1/-1}.text-link{color:var(--accent-dark);font-size:12px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.calculation-note{margin-top:34px}.report-metrics strong,.report-metrics article:last-child strong{font-size:clamp(24px,2.7vw,38px);white-space:nowrap}.client-create-grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,.6fr)}.client-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-fieldset{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0;padding:16px 0 0;border:0;border-top:1px solid var(--line)}.scope-fieldset legend{color:var(--muted);font-size:11px;font-weight:650;padding:0 10px 0 0}.scope-fieldset label{display:flex;grid-template-columns:none;align-items:center;gap:6px}.scope-fieldset input{width:auto}.settings-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:34px;margin-top:42px}.settings-form{grid-template-columns:1fr 1fr}.money-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid var(--line);border-radius:7px;background:var(--surface);overflow:hidden}.money-input>span{height:100%;display:grid;place-items:center;padding:0 12px;background:#edf3f0;border-right:1px solid var(--line);color:var(--accent-dark);font:700 11px/1 var(--mono)}.money-input input{border:0;border-radius:0;outline:0}.money-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(33,133,107,.14)}.formula-panel{padding-top:30px}.formula-list{margin:24px 0 0}.formula-list div{padding:15px 0;border-top:1px solid var(--line)}.formula-list dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.formula-list dd{margin:7px 0 0;font-size:12px;line-height:1.55}.settings-layout .primary-link{margin-top:30px}@media(max-width:1000px){.settings-layout,.client-create-grid{grid-template-columns:1fr}}@media(max-width:900px){.rail{position:relative;display:grid;height:auto;padding-bottom:14px}.rail nav{display:flex;grid-column:1/-1;gap:5px;margin-top:8px;padding-top:12px;border-top:1px solid #33403c;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.rail .nav-item{flex:0 0 auto;white-space:nowrap;padding:9px 11px}.page-filter form{grid-template-columns:1fr 1fr}.head-stat{border-left:0;padding-left:0}.settings-layout{margin-top:32px}}@media(max-width:600px){.page-filter form,.settings-form,.client-create-form{grid-template-columns:1fr}.settings-form .wide,.client-create-form .wide{grid-column:auto}.head-stat{margin-top:6px}.rail nav{margin-left:-4px;margin-right:-4px}.money-input input{min-width:0}.report-metrics strong,.report-metrics article:last-child strong{font-size:32px}}
.settings-config-form{display:grid;gap:34px}.settings-config-form .admin-form{margin-top:30px}.reply-settings-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:34px}.reply-editor{align-self:start}.reply-editor .section-head p:not(.eyebrow),.variable-reference>p:not(.eyebrow){max-width:64ch;margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.reply-template-list{display:grid;margin-top:30px;border-top:1px solid var(--line)}.reply-template-field{display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,1fr);gap:26px;padding:24px 0;border-bottom:1px solid var(--line)}.reply-template-field>span strong,.reply-template-field>span small{display:block}.reply-template-field>span strong{color:var(--ink);font-size:12px}.reply-template-field>span small{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.55}.reply-template-field textarea{width:100%;min-height:118px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:13px 14px;font:400 12px/1.65 var(--sans);transition:border-color .2s ease,box-shadow .2s ease}.reply-template-field textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(33,133,107,.14)}.variable-reference{align-self:start}.variable-list{margin:24px 0 0}.variable-list>div{padding:15px 0;border-top:1px solid var(--line)}.variable-list dt{display:grid;gap:7px}.variable-list dt code{width:fit-content;padding:5px 7px;border-radius:5px;background:#e8f1ed;color:var(--accent-dark);font:700 10px/1.2 var(--mono);overflow-wrap:anywhere}.variable-list dt strong{font-size:11px}.variable-list dd{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.variable-list dd span{display:block;color:var(--ink)}.settings-submit{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 4px;border-top:1px solid var(--line)}.settings-submit p{margin:0;max-width:65ch;color:var(--muted);font-size:11px;line-height:1.55}.settings-submit p strong{color:var(--ink)}.settings-submit button{flex:0 0 auto;border:0;border-radius:8px;background:var(--ink);color:#fff;padding:13px 18px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .18s ease,background-color .18s ease}.settings-submit button:hover{background:var(--accent-dark)}.settings-submit button:active{transform:translateY(1px)}@media(max-width:1000px){.reply-settings-layout{grid-template-columns:1fr}.variable-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}}@media(max-width:700px){.reply-template-field{grid-template-columns:1fr;gap:12px}.variable-list{grid-template-columns:1fr}.settings-submit{align-items:flex-start;flex-direction:column}.settings-submit button{width:100%}}

/* Dense operational treatment shared by every panel screen. */
:root {
  --ink: #202523;
  --muted: #626a67;
  --line: #d9dddb;
  --paper: #f6f7f6;
  --accent: #21856b;
  --accent-dark: #16634f;
}

.rail { background: #202624; }

.brand strong,
.page-head h1,
.error-panel h1,
.secondary-surface h2,
.section-head h2,
.metric-band strong,
.queue-reading strong,
.billing-reading strong { letter-spacing: 0; }

.nav-item {
  position: relative;
  gap: 0;
  border-radius: 4px;
  padding-left: 14px;
}

.nav-item.active::before {
  content: "";
  position: absolute;
  inset: 9px auto 9px 0;
  width: 2px;
  background: #55b89c;
}

.page-head h1,
.error-panel h1 {
  font-size: clamp(32px, 3.4vw, 46px);
  line-height: 1.05;
}

.lede { margin-top: 12px; }

.primary-surface {
  padding: 24px 0 0;
  border: 0;
  border-top: 2px solid var(--ink);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.secondary-surface {
  border-top-width: 2px;
  padding-top: 24px;
}

.split-grid,
.admin-detail-grid,
.settings-layout { gap: 34px; }

.queue-reading { margin: 42px 0 28px; }
.metric-band strong { font-size: clamp(32px, 3.4vw, 46px); }
.metric-band article, td { font-variant-numeric: tabular-nums; }
td { padding-top: 13px; padding-bottom: 13px; }

.period-form input,
.filter-strip select,
.filter-strip input,
.login-form input,
.inline-requeue input,
.admin-form input,
.admin-form select,
.admin-form textarea,
.credential-form input,
.money-input,
.reply-template-field textarea,
.secret-output { border-radius: 4px; }

.period-form input { border-radius: 4px 0 0 4px; }
.period-form button { border-radius: 0 4px 4px 0; }

.filter-strip button,
.export-action button,
.login-form button,
.inline-requeue button,
.admin-form button,
.credential-form > button,
.danger-button,
.retry-form button,
.settings-submit button,
.primary-link { border-radius: 4px; }

.credential-form,
.error-panel { border-radius: 8px; }

.error-panel { box-shadow: 0 18px 44px -36px rgba(32, 37, 35, .42); }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

@media (max-width: 600px) {
  .page-head h1,
  .error-panel h1 { font-size: 32px; }
  .primary-surface { padding: 20px 0 0; }
}