/* Website-Fabrik console extension. Palette and type come from tokens.css. */
.shell:has(.close-page) { display:block; }
.shell:has(.close-page) .sidebar { position:static; height:auto; min-height:0; flex-direction:row; flex-wrap:wrap; align-items:center; gap:var(--space-4); }
.shell:has(.close-page) .sidebar .nav { flex-direction:row; flex-wrap:wrap; }
.shell:has(.close-page) .sidebar .foot { margin:0 0 0 auto; flex-direction:row; align-items:center; gap:var(--space-4); }
.close-page { max-width:none; padding:0; gap:0; }
.close-page > .err:empty { display:none; }
.close-inner { width:min(100% - var(--space-6), 1160px); margin-inline:auto; }
.close-hero { background:var(--ink-field); color:var(--on-ink); padding-block:var(--space-7); }
.close-hero .close-inner { display:grid; justify-items:start; gap:var(--space-4); }
.close-hero h1 { font-size:clamp(1.8rem,4vw,3.5rem); max-width:24ch; text-wrap:balance; }
.close-hero p { max-width:65ch; }
.close-status,.close-hero .small { color:var(--on-ink-muted); }
.close-section { padding-block:var(--space-6); }
.close-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:var(--space-4); margin-bottom:var(--space-5); }
.close-figures { margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5); }
.close-figures > div { border-top:1px solid var(--line-strong); padding-top:var(--space-3); }
.close-figures dt { color:var(--muted-strong); }
.close-figures dd { margin:0; font:500 var(--ui-kpi)/1.5 var(--font-mono); }
.close-rates { display:grid; gap:var(--space-5); margin-block:var(--space-6); }
.close-rates > div { padding:var(--space-5); background:var(--surface-2); }
.close-rates strong { font:500 var(--ui-kpi)/1.6 var(--font-mono); }
.close-notice { color:var(--warn); margin-bottom:var(--space-4); }
.close-activity-band { background:var(--surface); }
.close-empty { padding-block:var(--space-5); max-width:65ch; color:var(--muted); }
.close-operation { display:grid; gap:var(--space-5); }
.close-config { border-top:1px solid var(--line); }
.close-config summary { cursor:pointer; font-size:var(--ui-lg); min-height:var(--control-h-touch); }
.close-form { display:grid; gap:var(--space-4); margin-top:var(--space-5); }
.close-form label { min-width:0; }
.close-form .check { display:flex; align-items:center; gap:var(--space-3); min-height:var(--control-h-touch); }
.close-form .check input { width:var(--space-5); min-height:var(--space-5); }
.close-form input,.close-form select,.close-form textarea { min-height:var(--control-h-touch); }
.close-form button,.close-page button,.close-lead-section button { min-height:var(--control-h-touch); }
.close-catalog { overflow-wrap:anywhere; }
.close-lead-section { padding:var(--space-5); background:var(--surface-2); display:grid; gap:var(--space-3); }
.close-call { border-top:1px solid var(--line-strong); padding-top:var(--space-4); overflow-wrap:anywhere; }
.close-call p { white-space:pre-wrap; }
.close-page .table-wrap { overflow-x:auto; }
@media (min-width:760px) {
  .close-inner { width:min(100% - var(--space-8),1160px); }
  .close-figures { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .close-rates,.close-operation { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .close-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:759px) {
  .shell:has(.close-page) .sidebar .foot { width:100%; flex-wrap:wrap; margin:0; }
  .shell:has(.close-page) .sidebar .nav { width:100%; }
  .shell:has(.close-page) .sidebar .nav a { padding-inline:var(--space-2); }
}
.phone-badge { display:inline-block; font-size:var(--ui-sm); color:var(--muted-strong); background:var(--surface-2); padding:var(--space-1) var(--space-2); border-radius:var(--radius-xs); }
.phone-direct { color:var(--ok); background:var(--ok-soft); }
.close-live-controls { display:flex; align-items:end; flex-wrap:wrap; gap:var(--space-4); }
.close-live-controls > p { flex-basis:100%; }
.close-live-controls select { min-height:var(--control-h-touch); }
.close-facts { display:grid; gap:var(--space-4); margin-block:var(--space-5); }
.close-facts > div { border-top:1px solid var(--line); padding-top:var(--space-3); overflow-wrap:anywhere; }
.close-facts dd { margin:0; }
.close-facts dt { color:var(--muted); font-size:var(--ui-sm); }
.close-guide { background:var(--surface-2); padding:var(--space-5); }
.close-guide li,.conversation-brief li { margin-block:var(--space-3); }
.close-existing-note { white-space:pre-wrap; }
.close-export-dialog { max-width:min(100% - var(--space-6),720px); max-height:90dvh; overflow:auto; }
.close-export-dialog > button { margin-top:var(--space-5); }
@media (min-width:760px) { .close-facts { grid-template-columns:repeat(3,minmax(0,1fr)); } }
