:root {
      --sand: #efe4cf;
      --paper: #f8f2e9;
      --mist: rgba(255,255,255,0.7);
      --ink: #1f2733;
      --muted: #687382;
      --line: rgba(31,39,51,0.1);
      --teal: #0c8577;
      --gold: #bf7b2f;
      --peach: #f5c9ad;
      --blue: #b8d7db;
      --mine: linear-gradient(135deg, #d9f2ee, #c7ebe5);
      --bruno: rgba(255,255,255,0.95);
      --shadow: 0 28px 70px rgba(31,39,51,0.15);
    }
    * { box-sizing: border-box; }
    html, body { height: 100%; }
    body {
      margin: 0;
      overflow: hidden;
      color: var(--ink);
      font-family: "Geist", Arial, sans-serif;
      background:
        radial-gradient(55% 60% at 12% 15%, rgba(191,123,47,0.18), transparent 70%),
        radial-gradient(40% 45% at 82% 18%, rgba(12,133,119,0.16), transparent 70%),
        linear-gradient(180deg, #f8f2e9, #efe4cf);
    }
    body::after {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(rgba(255,255,255,0.08), rgba(255,255,255,0.08)),
        repeating-linear-gradient(90deg, transparent 0 59px, rgba(31,39,51,0.02) 59px 60px);
      mix-blend-mode: multiply;
      opacity: 0.55;
    }
    .app {
      width: min(1440px, 100vw);
      height: 100vh;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 350px 1fr;
      background: rgba(255,255,255,0.38);
      backdrop-filter: blur(16px);
      box-shadow: var(--shadow);
      position: relative;
      z-index: 1;
      overflow: hidden;
    }
    .sidebar {
      border-right: 1px solid var(--line);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.84), rgba(255,255,255,0.54)),
        linear-gradient(180deg, rgba(184,215,219,0.14), rgba(245,201,173,0.16));
      padding: 22px 18px 18px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      min-height: 0;
    }
    .brand {
      padding: 12px 14px 16px;
      border-radius: 24px;
      background: rgba(255,255,255,0.7);
      border: 1px solid rgba(31,39,51,0.08);
    }
    .eyebrow {
      font-size: 11px;
      letter-spacing: 0.24em;
      text-transform: uppercase;
      font-weight: 800;
      color: var(--muted);
      margin-bottom: 8px;
    }
    .title {
      font-family: "Geist", Arial, sans-serif;
      font-size: 38px;
      line-height: 0.92;
      margin: 0;
    }
    .sub {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.55;
      margin-top: 10px;
    }
    .panel {
      border-radius: 22px;
      padding: 14px;
      background: rgba(255,255,255,0.7);
      border: 1px solid rgba(31,39,51,0.08);
      box-shadow: 0 12px 24px rgba(31,39,51,0.05);
    }
    .panel h3 {
      margin: 0 0 10px;
      font-size: 14px;
      font-weight: 800;
    }
    .channels {
      display: grid;
      gap: 10px;
      overflow: auto;
      padding-right: 4px;
    }
    .channel {
      border-radius: 18px;
      background: rgba(248,242,233,0.92);
      border: 1px solid rgba(31,39,51,0.08);
      padding: 12px;
    }
    .channel-head {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      align-items: center;
      margin-bottom: 8px;
    }
    .channel-name { font-weight: 800; }
    .pill {
      padding: 5px 9px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      border: 1px solid rgba(31,39,51,0.08);
      background: rgba(255,255,255,0.86);
      color: var(--muted);
    }
    .pill.live { color: #0b665d; background: rgba(12,133,119,0.12); border-color: rgba(12,133,119,0.22); }
    .pill.off { color: #8c5d20; background: rgba(191,123,47,0.12); border-color: rgba(191,123,47,0.18); }
    .btn {
      appearance: none;
      border: 0;
      border-radius: 999px;
      padding: 10px 14px;
      font: inherit;
      font-weight: 800;
      cursor: pointer;
      color: white;
      background: linear-gradient(135deg, var(--teal), #0c6e64);
      box-shadow: 0 12px 22px rgba(12,133,119,0.18);
    }
    .btn.alt {
      color: var(--ink);
      background: rgba(255,255,255,0.92);
      border: 1px solid rgba(31,39,51,0.09);
      box-shadow: none;
    }
    .btn.small { padding: 8px 12px; font-size: 12px; }
    .meta {
      font-size: 12px;
      color: var(--muted);
      line-height: 1.55;
    }
    .pane {
      display: grid;
      grid-template-rows: auto 1fr auto;
      min-height: 0;
      background:
        radial-gradient(65% 70% at 5% 0%, rgba(184,215,219,0.16), transparent 65%),
        linear-gradient(180deg, rgba(255,255,255,0.28), rgba(255,255,255,0)),
        var(--paper);
    }
    .pane-head {
      display: flex;
      justify-content: space-between;
      gap: 18px;
      align-items: center;
      padding: 18px 20px;
      border-bottom: 1px solid var(--line);
      background: rgba(255,255,255,0.55);
    }
    .pane-head.intake-only-hidden { display: none; }
    .hero-title {
      margin: 0;
      font-family: "Geist", Arial, sans-serif;
      font-size: 34px;
      line-height: 0.95;
    }
    .hero-sub {
      margin-top: 8px;
      font-size: 13px;
      color: var(--muted);
      max-width: 740px;
      line-height: 1.55;
    }
    .strategy {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }
    .chip {
      padding: 10px 12px;
      border-radius: 16px;
      background: rgba(255,255,255,0.88);
      border: 1px solid rgba(31,39,51,0.08);
      min-width: 140px;
    }
    .head-actions {
      display:flex;
      gap:10px;
      align-items:flex-start;
      justify-content:flex-end;
      margin-bottom:10px;
    }
    .chip-label {
      font-size: 10px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--muted);
      font-weight: 800;
      margin-bottom: 6px;
    }
    .chip-value {
      font-size: 13px;
      font-weight: 700;
      line-height: 1.35;
    }
    .messages {
      overflow: auto;
      min-height: 0;
      padding: 24px;
      background:
        linear-gradient(transparent 27px, rgba(31,39,51,0.04) 28px),
        radial-gradient(rgba(255,255,255,0.6) 1px, transparent 1px),
        var(--paper);
      background-size: 100% 28px, 20px 20px, 100% 100%;
    }
    /* The old strategy chat stays mounted for the later phase, but must not
       occupy any space while the guided intake is active. */
    .messages[hidden], .composer[hidden] { display: none !important; }
    .guided-intake {
      grid-row: 2;
      min-height: 0;
      overflow: auto;
      padding: clamp(22px, 4vw, 56px);
      background:
        radial-gradient(45% 55% at 8% 5%, rgba(12,133,119,.13), transparent 72%),
        radial-gradient(38% 44% at 92% 90%, rgba(191,123,47,.12), transparent 72%),
        var(--paper);
    }
    .guided-intake[hidden] { display: none; }
    .guided-card { max-width: 820px; margin: 0 auto; padding: clamp(22px, 4vw, 44px); border: 1px solid rgba(31,39,51,.1); border-radius: 30px; background: rgba(255,255,255,.82); box-shadow: 0 24px 60px rgba(31,39,51,.12); }
    .guided-progress { display:flex; align-items:center; gap:12px; margin-bottom:28px; color:var(--muted); font-size:11px; letter-spacing:.16em; text-transform:uppercase; font-weight:800; }
    .guided-progress-line { height:5px; flex:1; border-radius:999px; background:rgba(31,39,51,.09); overflow:hidden; }
    .guided-progress-line span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--teal),#b4d9ca); transition:width .25s ease; }
    .guided-kicker { color:var(--teal); font-size:11px; letter-spacing:.22em; text-transform:uppercase; font-weight:900; }
    .guided-title { margin:9px 0 10px; font-family:"Geist",Arial,sans-serif; font-size:clamp(34px,5vw,58px); line-height:1.02; letter-spacing:-.055em; font-weight:800; }
    .guided-copy { max-width:650px; margin:0 0 24px; color:var(--muted); line-height:1.65; }
    .guided-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0; }
    .guided-option { appearance:none; text-align:left; padding:18px; border-radius:18px; border:1px solid rgba(31,39,51,.12); background:rgba(248,242,233,.7); color:var(--ink); cursor:pointer; font:inherit; transition:.18s ease; }
    .guided-option:hover,.guided-option.selected { border-color:var(--teal); background:rgba(12,133,119,.09); transform:translateY(-1px); box-shadow:0 10px 22px rgba(12,133,119,.1); }
    .guided-option strong { display:block; font-size:16px; margin-bottom:5px; }
    .guided-option span { display:block; color:var(--muted); font-size:13px; line-height:1.45; }
    .guided-field { width:100%; border:1px solid rgba(31,39,51,.14); border-radius:16px; padding:14px 16px; font:inherit; color:var(--ink); background:#fff; outline:none; }
    .guided-field:focus { border-color:var(--teal); box-shadow:0 0 0 4px rgba(12,133,119,.11); }
    .guided-textarea { min-height:180px; resize:vertical; line-height:1.55; }
    .guided-hint { margin-top:8px; color:var(--muted); font-size:12px; line-height:1.5; }
    .guided-links-editor { margin-top:20px; padding:16px; border:1px solid rgba(31,39,51,.1); border-radius:18px; background:rgba(248,242,233,.5); }
    .guided-links-list { display:grid; gap:10px; }
    .guided-link-row { display:flex; gap:8px; align-items:center; }
    .guided-link-row .guided-field { flex:1; }
    .guided-link-remove { width:42px; height:42px; flex:none; border:1px solid rgba(31,39,51,.14); border-radius:12px; background:#fff; color:var(--muted); cursor:pointer; font:inherit; }
    .guided-link-remove:hover { border-color:#9a3f2c; color:#9a3f2c; }
    .guided-link-add { margin-top:12px; }
    .guided-bio-stage { display:grid; gap:10px; }
    .guided-bio-tools { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:2px; }
    .guided-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:20px 0; }
    .guided-check { display:flex; gap:10px; align-items:flex-start; padding:13px 14px; border:1px solid rgba(31,39,51,.1); border-radius:14px; background:rgba(248,242,233,.65); color:var(--ink); font-size:14px; line-height:1.35; }
    .guided-check input { margin-top:2px; accent-color:var(--teal); }
    .guided-actions { display:flex; justify-content:space-between; gap:10px; margin-top:26px; align-items:center; }
    .guided-error { min-height:20px; color:#9a3f2c; font-size:13px; }
    .guided-complete { text-align:center; padding:30px 10px 10px; }
    .guided-complete-mark { width:60px; height:60px; display:grid; place-items:center; margin:0 auto 18px; border-radius:50%; background:rgba(12,133,119,.12); color:var(--teal); font-size:28px; }
    .guided-file { display:grid; gap:14px; padding:22px; border:1px solid rgba(31,39,51,.1); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,242,233,.7)); box-shadow:0 14px 34px rgba(31,39,51,.07); }
    .guided-file-intro { display:grid; gap:5px; }
    .guided-file-eyebrow { color:var(--teal); font-size:10px; letter-spacing:.18em; text-transform:uppercase; font-weight:900; }
    .guided-file-title { margin:0; font-size:19px; line-height:1.15; }
    .guided-file-copy { margin:0; color:var(--muted); font-size:13px; line-height:1.55; max-width:620px; }
    .guided-dropzone { position:relative; display:grid; place-items:center; gap:8px; min-height:176px; padding:24px; border:1.5px dashed rgba(12,133,119,.42); border-radius:18px; background:linear-gradient(135deg,rgba(12,133,119,.08),rgba(255,255,255,.86)); color:var(--ink); text-align:center; cursor:pointer; transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease; }
    .guided-dropzone:hover,.guided-dropzone.is-dragging { transform:translateY(-2px); border-color:var(--teal); background:linear-gradient(135deg,rgba(12,133,119,.14),rgba(255,255,255,.96)); box-shadow:0 12px 26px rgba(12,133,119,.12); }
    .guided-dropzone-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; background:var(--teal); color:#fff; font-size:24px; font-weight:800; }
    .guided-dropzone strong { font-size:15px; }
    .guided-dropzone span { color:var(--muted); font-size:12px; }
    .guided-file-input { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; clip-path:inset(50%); }
    .guided-file-list { display:grid; gap:7px; }
    .guided-file-item { display:flex; align-items:center; gap:9px; padding:8px 11px; border:1px solid rgba(31,39,51,.1); border-radius:12px; background:#fff; font-size:12px; }
    .guided-file-thumb { width:42px; height:42px; flex:none; object-fit:cover; border-radius:9px; background:#edf4f1; }
    .guided-file-icon { width:42px; height:42px; flex:none; display:grid; place-items:center; border-radius:9px; background:#f4e8dd; color:#a4542d; font-size:10px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
    .guided-file-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .guided-asset-panel { display:grid; gap:14px; padding:22px; border:1px solid rgba(31,39,51,.1); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,242,233,.72)); box-shadow:0 14px 34px rgba(31,39,51,.07); }
    .guided-asset-panel h3 { margin:0; font-size:24px; letter-spacing:-.03em; }
    .guided-asset-panel p { margin:0; color:var(--muted); line-height:1.55; font-size:13px; max-width:700px; }
    .guided-asset-panel-kicker { color:var(--teal); font-size:10px; letter-spacing:.18em; text-transform:uppercase; font-weight:900; }
    .guided-asset-preview-grid { display:flex; flex-wrap:wrap; gap:10px; }
    .guided-asset-thumb,.guided-asset-doc { width:104px; display:grid; gap:5px; font-size:10px; line-height:1.25; color:var(--muted); text-align:center; word-break:break-word; }
    .guided-asset-thumb img { width:104px; height:104px; object-fit:cover; border-radius:14px; border:1px solid rgba(31,39,51,.1); background:#edf4f1; }
    .guided-asset-doc strong { display:grid; place-items:center; width:104px; height:104px; border-radius:14px; background:#f4e8dd; color:#a4542d; font-size:18px; text-transform:uppercase; }
    .guided-asset-empty { padding:13px; border:1px dashed rgba(31,39,51,.16); border-radius:13px; color:var(--muted); font-size:12px; }
    .guided-asset-logo-grid { display:grid; grid-template-columns:150px 1fr; gap:18px; align-items:center; }
    .guided-asset-logo-preview { width:150px; height:110px; display:grid; place-items:center; border-radius:16px; background:#f4f6f7; border:1px solid rgba(31,39,51,.1); color:var(--muted); font-size:12px; text-align:center; overflow:hidden; }
    .guided-asset-logo-preview img { width:100%; height:100%; object-fit:contain; padding:10px; }
    .guided-asset-logo-grid .btn { margin-top:9px; }
    .guided-asset-card { display:grid; gap:10px; padding:16px; border:1px solid rgba(31,39,51,.1); border-radius:16px; background:rgba(255,255,255,.78); margin-bottom:10px; }
    .guided-asset-card-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .guided-asset-remove { border:0; background:transparent; color:#9a3f2c; cursor:pointer; font:inherit; font-size:12px; }
    .guided-offer-chips { display:flex; flex-wrap:wrap; gap:9px; margin:4px 0 2px; }
    .guided-offer-chip { display:inline-flex; align-items:center; gap:9px; max-width:100%; padding:10px 12px; border:1px solid rgba(12,133,119,.25); border-radius:999px; background:rgba(217,242,238,.7); color:var(--ink); }
    .guided-offer-chip-main { min-width:0; display:flex; flex-direction:column; gap:2px; text-align:left; }
    .guided-offer-chip-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:270px; font-size:13px; }
    .guided-offer-chip-main span { color:var(--muted); font-size:10px; }
    .guided-offer-chip-action { border:0; border-radius:999px; padding:5px 8px; background:rgba(255,255,255,.82); color:var(--teal); cursor:pointer; font:inherit; font-size:11px; font-weight:800; }
    .guided-offer-chip-action.delete { color:#9a3f2c; }
    .guided-offer-empty { padding:12px 14px; border:1px dashed rgba(31,39,51,.18); border-radius:14px; color:var(--muted); font-size:12px; }
    .guided-offer-rows { display:grid; gap:9px; }
    .guided-offer-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 15px; border:1px solid rgba(31,39,51,.11); border-radius:14px; background:rgba(255,255,255,.86); }
    .guided-offer-row-main { min-width:0; display:grid; gap:3px; }
    .guided-offer-row-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
    .guided-offer-row-main span { color:var(--muted); font-size:11px; }
    .guided-offer-row-actions { display:flex; gap:7px; flex:none; }
    .guided-product-modal { width:min(660px,100%); max-height:min(90vh,760px); overflow:auto; padding:28px; border-radius:26px; background:linear-gradient(145deg,#fff,rgba(248,242,233,.98)); border:1px solid rgba(31,39,51,.1); box-shadow:0 30px 80px rgba(17,26,35,.28); }
    .guided-product-modal-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; }
    .guided-product-modal-head h4 { margin:4px 0 0; font-size:26px; line-height:1.05; letter-spacing:-.04em; }
    .guided-product-modal-close { width:34px; height:34px; border:1px solid rgba(31,39,51,.13); border-radius:50%; background:#fff; color:var(--muted); cursor:pointer; font-size:20px; line-height:1; }
    .guided-product-modal-fields { display:grid; gap:11px; }
    .guided-product-modal .guided-textarea { min-height:150px; }
    .guided-product-modal-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
    .guided-dropzone-compact { min-height:92px; padding:14px; }
    .guided-asset-extract { display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding:14px; border:1px solid rgba(31,39,51,.08); border-radius:15px; background:rgba(248,242,233,.62); }
    .guided-asset-extract span { color:var(--muted); font-size:12px; flex:1 1 300px; }
    .guided-asset-extract label { cursor:pointer; }
    .guided-assimilation-panel { text-align:center; justify-items:center; }
    .guided-assimilated-image { width:min(460px,100%); max-height:460px; object-fit:cover; border-radius:22px; box-shadow:0 18px 38px rgba(31,39,51,.18); }
    .guided-modal-backdrop { display:none; position:fixed; inset:0; z-index:1200; align-items:center; justify-content:center; padding:24px; background:rgba(17,26,35,.54); backdrop-filter:blur(12px); }
    .guided-modal-backdrop.open { display:flex; }
    .guided-assimilation-overlay { width:min(640px,100%); padding:42px 34px; border-radius:34px; background:linear-gradient(145deg,#fff,rgba(239,248,245,.98)); border:1px solid rgba(255,255,255,.78); box-shadow:0 30px 80px rgba(17,26,35,.25),0 0 0 1px rgba(12,133,119,.08); display:grid; gap:18px; justify-items:center; text-align:center; }
    .guided-assimilation-spinner { width:84px; height:84px; border-radius:50%; border:4px solid rgba(12,133,119,.14); border-top-color:var(--teal); border-right-color:#73c8b9; animation:guidedAssimilationSpin 900ms linear infinite; box-shadow:0 0 0 12px rgba(12,133,119,.08),0 12px 30px rgba(12,133,119,.13); }
    @keyframes guidedAssimilationSpin { to { transform:rotate(360deg); } }
    .guided-assimilation-title { color:var(--ink); font-family:"Geist",Arial,sans-serif; font-size:clamp(24px,4vw,34px); line-height:1.08; letter-spacing:-.04em; font-weight:800; }
    .guided-assimilation-note { max-width:480px; color:var(--muted); line-height:1.6; font-size:14px; }
    .guided-result-modal { width:min(900px,100%); max-height:min(90vh,900px); overflow:auto; padding:32px; border-radius:30px; background:linear-gradient(145deg,#fff,rgba(248,242,233,.98)); border:1px solid rgba(31,39,51,.1); box-shadow:0 30px 80px rgba(17,26,35,.28); }
    .guided-result-kicker { color:var(--teal); font-size:10px; letter-spacing:.2em; text-transform:uppercase; font-weight:900; }
    .guided-result-modal h2 { margin:8px 0 10px; font-family:"Geist",Arial,sans-serif; font-size:clamp(28px,4vw,44px); line-height:1.04; letter-spacing:-.05em; }
    .guided-result-copy { margin:0 0 22px; color:var(--muted); line-height:1.6; }
    .guided-result-image { display:block; width:min(620px,100%); max-height:54vh; margin:0 auto 20px; object-fit:contain; border-radius:24px; background:#edf4f1; box-shadow:0 18px 42px rgba(31,39,51,.18); }
    .guided-result-references { margin-top:18px; padding-top:18px; border-top:1px solid rgba(31,39,51,.1); }
    .guided-result-references strong { display:block; margin-bottom:10px; font-size:13px; }
    .guided-result-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:26px; }
    @media (max-width:700px) { .guided-modal-backdrop { padding:14px; } .guided-assimilation-overlay,.guided-result-modal { padding:26px 20px; border-radius:24px; } .guided-result-actions { flex-direction:column-reverse; } .guided-result-actions .btn { width:100%; } }
    @media (max-width:700px) { .guided-asset-logo-grid { grid-template-columns:1fr; } .guided-asset-logo-preview { width:100%; } }
    @media (max-width:700px) { .guided-options,.guided-checks { grid-template-columns:1fr; } .guided-card { border-radius:22px; } .guided-actions { flex-wrap:wrap; } }
    .row { display: flex; margin: 12px 0; }
    .row.mine { justify-content: flex-end; }
    .bubble {
      position: relative;
      max-width: min(780px, 82%);
      padding: 14px 16px 22px;
      border-radius: 20px;
      line-height: 1.6;
      white-space: pre-wrap;
      word-break: break-word;
      box-shadow: 0 12px 30px rgba(31,39,51,0.08);
      border: 1px solid rgba(31,39,51,0.06);
    }
    .bubble.mine {
      background: var(--mine);
      border-radius: 20px 20px 8px 20px;
    }
    .bubble.bruno {
      background: var(--bruno);
      border-radius: 20px 20px 20px 8px;
    }
    .agent-tag {
      font-size: 10px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--muted);
      font-weight: 800;
      margin-bottom: 8px;
    }
    .time {
      position: absolute;
      right: 12px;
      bottom: 7px;
      font-size: 11px;
      color: var(--muted);
    }
    .composer {
      padding: 14px 18px 18px;
      background: rgba(255,255,255,0.52);
      border-top: 1px solid var(--line);
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: 12px;
      align-items: end;
    }
    .attach-btn {
      width: 48px;
      height: 48px;
      border-radius: 999px;
      border: 1px solid rgba(31,39,51,0.08);
      background: rgba(255,255,255,0.92);
      color: var(--ink);
      font: inherit;
      font-weight: 800;
      cursor: pointer;
    }
    .file-input { display:none; }
    .attachment-strip {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:8px;
    }
    .attachment-chip {
      padding:8px 10px;
      border-radius:12px;
      background: rgba(255,255,255,0.9);
      border:1px solid rgba(31,39,51,0.08);
      font-size:12px;
      color: var(--muted);
    }
    .input-wrap {
      border-radius: 18px;
      background: rgba(255,255,255,0.96);
      border: 1px solid rgba(31,39,51,0.08);
      box-shadow: 0 10px 24px rgba(31,39,51,0.06);
      padding: 2px;
    }
    textarea {
      width: 100%;
      min-height: 56px;
      max-height: 220px;
      resize: none;
      border: 0;
      outline: none;
      background: transparent;
      padding: 15px 16px;
      font: inherit;
      color: var(--ink);
    }
    textarea::placeholder { color: rgba(104,115,130,0.72); }
    .status {
      margin-top: 8px;
      color: var(--muted);
      font-size: 12px;
      min-height: 18px;
    }
    .board-pill {
      border: 1px solid rgba(31,39,51,0.10);
      background: rgba(255,255,255,0.92);
      color: var(--ink);
      border-radius: 999px;
      padding: 10px 14px;
      font: inherit;
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
      box-shadow: 0 10px 22px rgba(31,39,51,0.10);
    }
    .board-pill.small { padding: 7px 11px; font-size: 11px; box-shadow: none; }
    .board-modal {
      position: fixed;
      inset: 0;
      z-index: 20;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.22s ease;
    }
    .board-modal.open { opacity: 1; pointer-events: auto; }
    .board-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(10,12,16,0.48);
      backdrop-filter: blur(10px);
    }
    .board-shell {
      position: relative;
      width: min(1180px, calc(100vw - 40px));
      height: min(86vh, 920px);
      border-radius: 28px;
      overflow: hidden;
      background: rgba(255,255,255,0.96);
      box-shadow: 0 30px 80px rgba(10,12,16,0.34);
      display: grid;
      grid-template-rows: auto 1fr;
    }
    .board-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      padding: 22px 26px 18px;
      border-bottom: 1px solid rgba(31,39,51,0.08);
      background: rgba(255,255,255,0.86);
    }
    .board-kicker {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--muted);
      margin-bottom: 8px;
    }
    .board-title {
      font-family: "Geist", Arial, sans-serif;
      font-size: clamp(28px, 3vw, 42px);
      line-height: 1.04;
      margin: 0;
    }
    .board-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }
    .meta-chip {
      border-radius: 999px;
      padding: 6px 10px;
      font-size: 12px;
      font-weight: 700;
      background: rgba(255,255,255,0.84);
      border: 1px solid rgba(31,39,51,0.08);
    }
    .board-close {
      width: 42px;
      height: 42px;
      border-radius: 999px;
      border: 1px solid rgba(31,39,51,0.10);
      background: rgba(255,255,255,0.92);
      font-size: 20px;
      cursor: pointer;
    }
    .board-stage {
      overflow: auto;
      padding: 22px;
      background: linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0)), #f0e6d8;
    }
    .post-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 18px;
    }
    /* The cadence strip and month calendar are board-wide surfaces. Keeping
       them as grid children without a span creates an empty split column. */
    .post-grid > .week-cadence-strip,
    .post-grid > .month-calendar { grid-column: 1 / -1; }
    .post-card {
      background: rgba(255,255,255,0.94);
      border: 1px solid rgba(31,39,51,0.08);
      border-radius: 22px;
      box-shadow: 0 18px 42px rgba(31,39,51,0.12);
      overflow: hidden;
      display: grid;
      grid-template-rows: auto auto 1fr auto;
    }
    .post-image {
      aspect-ratio: 1 / 1;
      background: #e9ecef;
      overflow: hidden;
    }
    .post-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .post-card-head {
      padding: 14px 16px 10px;
      border-bottom: 1px solid rgba(31,39,51,0.08);
    }
    .post-card-label {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--muted);
      margin-bottom: 6px;
    }
    .post-card-title {
      font-family: "Geist", Arial, sans-serif;
      font-size: 24px;
      line-height: 1.06;
    }
    .post-caption {
      padding: 14px 16px;
      white-space: pre-wrap;
      font-size: 14px;
      line-height: 1.56;
      color: var(--ink-soft);
      max-height: 320px;
      overflow: auto;
    }
    .post-card-actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 14px 16px 16px;
      border-top: 1px solid rgba(31,39,51,0.08);
    }
    .post-empty {
      color: var(--muted);
      font-style: italic;
      padding: 18px;
      background: rgba(255,255,255,0.75);
      border-radius: 18px;
      border: 1px solid rgba(31,39,51,0.08);
    }
    /* Dashboard 2.0 board: the weekly production calendar is the primary review surface. */
    .board-shell {
      width: min(1480px, calc(100vw - 32px));
      height: min(92vh, 980px);
      border-radius: 24px;
      background: #f7f6f3;
      box-shadow: 0 40px 110px rgba(10,12,16,0.38);
    }
    .board-head {
      padding: 16px 22px 14px;
      background: #fff;
      border-bottom: 1px solid rgba(16,18,22,.1);
      color: #101216;
    }
    .board-head .board-kicker { color: #ff5b16; }
    .board-head .board-title { color: #101216; font-family: inherit; font-size: clamp(25px, 3vw, 36px); font-weight: 800; letter-spacing: -0.055em; }
    .board-head .meta-chip { color: rgba(16,18,22,.62); background: #f5f4f1; border-color: rgba(16,18,22,.1); }
    /* The calendar is the board. Do not spend the modal's height on a second
       title/card above it; keep only a floating close control. */
    .board-shell > .board-head { height: 0; min-height: 0; padding: 0; border: 0; background: transparent; overflow: visible; }
    .board-shell > .board-head > div:first-child { display: none; }
    .board-shell > .board-head .board-close { position: absolute; top: 12px; right: 14px; z-index: 5; }
    .board-close { color: #101216; background: #fff; }
    .board-stage { padding: 14px 16px 16px; background: #f7f6f3; }
    .board-calendar-toolbar {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 18px;
      padding: 18px 20px;
      margin-bottom: 16px;
      border-radius: 18px;
      background: #fff;
      border: 1px solid rgba(16,18,22,.1);
      box-shadow: 0 12px 26px rgba(16,18,22,.06);
    }
    .board-calendar-copy { display:grid; gap:5px; text-align:left; }
    .board-calendar-kicker { color:#ff5b16; font-size:10px; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
    .board-calendar-title { color:#101216; font-size:26px; line-height:1; letter-spacing:-.05em; font-weight:800; }
    .board-calendar-note { color:rgba(16,18,22,.56); font-size:13px; line-height:1.45; }
    .board-calendar-legend { display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end; color:rgba(16,18,22,.55); font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
    .board-calendar-legend span { display:inline-flex; align-items:center; gap:6px; }
    .board-calendar-legend i { width:8px; height:8px; border-radius:50%; background:#9ca3ad; }
    .board-calendar-legend i.draft { background:#ff5b16; }
    .board-calendar-legend i.published { background:#23b86b; }
    .calendar-row {
      display:grid;
      grid-template-columns: 150px minmax(0, 1fr);
      gap:14px;
      padding:14px;
      margin-bottom:12px;
      border:1px solid rgba(16,18,22,.1);
      border-radius:20px;
      background:#fff;
      box-shadow:0 12px 24px rgba(16,18,22,.06);
    }
    .calendar-day-label { padding:10px 8px; text-align:left; border-right:1px solid rgba(16,18,22,.08); }
    .calendar-day-label strong { display:block; color:#101216; font-size:18px; line-height:1.1; letter-spacing:-.04em; }
    .calendar-day-label small { display:block; margin-top:7px; color:#ff5b16; font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
    .calendar-day-label em { display:block; margin-top:12px; color:rgba(16,18,22,.48); font-size:11px; font-style:normal; }
    .calendar-main { min-width:0; overflow:hidden; }
    .calendar-hours, .calendar-slots { display:grid; grid-template-columns:repeat(7,minmax(130px,1fr)); gap:8px; min-width:930px; }
    .calendar-hours { margin-bottom:8px; }
    .calendar-hour { padding:8px 9px; border-radius:999px; background:#f0efeb; color:rgba(16,18,22,.52); font-size:10px; font-weight:900; letter-spacing:.1em; text-align:center; text-transform:uppercase; }
    .calendar-slot { min-height:164px; padding:8px; border-radius:14px; background:#f6f5f2; border:1px dashed rgba(16,18,22,.1); }
    .calendar-slot:has(.post-card) { border-style:solid; border-color:rgba(255,91,22,.26); background:#fffaf7; }
    .calendar-slot .post-card { min-width:0; min-height:148px; box-shadow:0 8px 16px rgba(16,18,22,.07); }
    .calendar-slot .post-card + .post-card { margin-top:8px; }
    .calendar-slot .post-image { aspect-ratio: 4 / 3; }
    .calendar-slot .post-card-head { padding:10px 11px 7px; }
    .calendar-slot .post-card-title { font-family:inherit; font-size:16px; font-weight:800; }
    .calendar-slot .post-caption { padding:9px 11px; max-height:76px; font-size:12px; line-height:1.42; }
    .calendar-slot .post-card-actions { padding:9px 11px 11px; justify-content:flex-start; flex-wrap:wrap; }
    .calendar-slot .post-card-actions .meta-chip { display:none; }
    .calendar-slot .post-card-actions .btn { font-size:10px; padding:8px 9px; }
    .post-card { cursor:pointer; }
    .post-card:hover { border-color:#ff5b16; transform:translateY(-2px); box-shadow:0 22px 42px rgba(16,18,22,.14); }
    .post-detail-dialog { width:min(900px,calc(100vw - 32px)); max-height:min(88vh,900px); padding:0; border:0; border-radius:24px; overflow:hidden; box-shadow:0 40px 110px rgba(10,12,16,.34); }
    .post-detail-dialog::backdrop { background:rgba(10,12,16,.52); backdrop-filter:blur(8px); }
    .post-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:22px 24px; background:#101216; color:#fff; }
    .post-detail-kicker { color:#ff6b2d; font-size:10px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
    .post-detail-title { margin:7px 0 0; font-size:clamp(26px,4vw,42px); line-height:1; letter-spacing:-.055em; }
    .post-detail-body { display:grid; grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr); gap:20px; padding:22px; max-height:calc(88vh - 100px); overflow:auto; background:#f7f6f3; }
    .post-detail-image { border-radius:18px; overflow:hidden; background:#ebe8e2; min-height:220px; }
    .post-detail-image img { width:100%; height:100%; object-fit:cover; display:block; }
    .post-detail-copy { display:grid; align-content:start; gap:14px; text-align:left; }
    .story-sequence-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:14px; align-items:start; }
    .story-frame-card { overflow:hidden; border:1px solid rgba(16,18,22,.12); border-radius:18px; background:#fff; box-shadow:0 10px 24px rgba(16,18,22,.08); }
    .story-frame-image { aspect-ratio:9/16; overflow:hidden; background:#ebe8e2; }
    .story-frame-image img { width:100%; height:100%; object-fit:cover; display:block; }
    .story-frame-copy { display:grid; gap:7px; padding:13px 14px 15px; }
    .story-frame-number { color:#ff5b16; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
    .story-frame-text { color:#30343a; font-size:13px; line-height:1.48; white-space:pre-wrap; }
    .story-sequence-actions { grid-column:1/-1; }
    @media (max-width:720px) { .story-sequence-grid { grid-template-columns:repeat(3,minmax(190px,1fr)); overflow-x:auto; padding-bottom:4px; } }
    .post-detail-meta { color:#ff5b16; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
    .post-detail-caption { white-space:pre-wrap; color:rgba(16,18,22,.78); font-size:15px; line-height:1.65; }
    .post-detail-brief { padding:16px; border-radius:16px; background:#101216; color:rgba(255,255,255,.76); white-space:pre-wrap; font-size:13px; line-height:1.55; }
    .post-detail-actions { display:flex; gap:10px; flex-wrap:wrap; padding-top:4px; }
    .post-detail-actions .send-to-chat { background:#101216; border-color:#101216; color:#fff; }
    .post-detail-actions .send-to-chat:hover { background:#ff5b16; border-color:#ff5b16; }
    .image-preview-dialog { width:min(1120px,calc(100vw - 28px)); max-width:none; max-height:calc(100vh - 28px); padding:0; border:0; border-radius:24px; overflow:hidden; background:#101216; color:#fff; box-shadow:0 40px 110px rgba(10,12,16,.5); }
    .image-preview-dialog::backdrop { background:rgba(10,12,16,.72); backdrop-filter:blur(10px); }
    .image-preview-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:18px 22px; background:#101216; }
    .image-preview-title { margin:6px 0 0; color:#fff; font-size:clamp(20px,3vw,30px); line-height:1.05; letter-spacing:-.04em; }
    .image-preview-body { display:grid; place-items:center; gap:14px; padding:18px; max-height:calc(100vh - 112px); overflow:auto; background:#171a20; }
    .image-preview-body img { display:block; width:auto; max-width:100%; max-height:calc(100vh - 190px); object-fit:contain; border-radius:14px; }
    .post-image-open, .post-detail-image-open { display:block; width:100%; height:100%; padding:0; border:0; background:transparent; cursor:zoom-in; }
    .post-image-open:focus-visible, .post-detail-image-open:focus-visible { outline:3px solid #ff5b16; outline-offset:-3px; }
    .post-card-gallery { display:flex; gap:6px; padding:8px 12px; overflow:auto; background:rgba(248,247,244,.72); }
    .post-card-gallery button { width:54px; height:54px; flex:none; padding:0; border:0; border-radius:8px; overflow:hidden; background:#ebe8e2; cursor:zoom-in; }
    .post-card-gallery img { width:100%; height:100%; object-fit:cover; display:block; }
    .guided-next-actions-grid { max-width:760px; margin:24px auto 0; text-align:left; }
    /* Month calendar is the board's primary review surface. A day opens into
       the same schedule at hourly resolution, without sending the user back
       into the strategy chat. */
    .month-calendar {
      padding: 14px;
      border: 1px solid rgba(16,18,22,.1);
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 12px 24px rgba(16,18,22,.06);
    }
    .month-calendar-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:11px; }
    .month-calendar-title { color:#101216; font-size:24px; line-height:1; letter-spacing:-.055em; font-weight:850; }
    .month-calendar-note { margin-top:5px; color:rgba(16,18,22,.56); font-size:12px; line-height:1.35; }
    .month-calendar-legend { display:flex; gap:10px; flex-wrap:wrap; color:rgba(16,18,22,.55); font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
    .month-calendar-legend span { display:inline-flex; align-items:center; gap:6px; }
    .month-calendar-legend i { width:8px; height:8px; border-radius:50%; background:#ff5b16; }
    .month-calendar-legend i.posted { background:#23b86b; }
    .month-calendar-weekdays, .month-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; }
    .month-calendar-weekdays { margin-bottom:5px; }
    .month-calendar-weekday { padding:5px 8px; color:rgba(16,18,22,.48); font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
    .month-calendar-grid { grid-auto-rows:minmax(92px,1fr); gap:5px; }
    .month-day { min-width:0; padding:7px; border:1px solid rgba(16,18,22,.1); border-radius:11px; background:#f8f7f4; text-align:left; cursor:pointer; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
    .month-day:hover, .month-day:focus-visible { outline:none; border-color:#ff5b16; transform:translateY(-2px); box-shadow:0 12px 22px rgba(16,18,22,.1); }
    .month-day.muted { opacity:.45; }
    .month-day.today { border-color:#ff5b16; box-shadow:inset 0 0 0 1px rgba(255,91,22,.18); }
    .month-day-top { display:flex; justify-content:space-between; align-items:center; gap:6px; margin-bottom:5px; }
    .month-day-number { color:#101216; font-size:13px; font-weight:850; }
    .month-day-count { color:#ff5b16; font-size:10px; font-weight:900; }
    .month-day-posts { display:grid; gap:5px; }
    .month-post-chip { display:flex; align-items:center; gap:5px; min-width:0; padding:4px 5px; border-radius:7px; background:#fff; border:1px solid rgba(16,18,22,.08); }
    .month-post-thumb { width:20px; height:20px; flex:none; border-radius:5px; object-fit:cover; background:#ebe8e2; }
    .month-post-chip-text { min-width:0; }
    .month-post-channel { display:block; color:#ff5b16; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .month-post-title { display:block; overflow:hidden; color:#101216; font-size:10px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
    .month-day-more { margin-top:6px; color:rgba(16,18,22,.48); font-size:10px; font-weight:800; }
    .day-detail-list { display:grid; gap:9px; }
    .day-detail-row { display:grid; grid-template-columns:78px 1fr; gap:12px; align-items:start; padding:11px 0; border-bottom:1px solid rgba(16,18,22,.1); }
    .day-detail-time { color:#ff5b16; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .day-detail-posts { display:grid; gap:8px; }
    .day-detail-post { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid rgba(16,18,22,.1); border-radius:12px; background:#fff; cursor:pointer; text-align:left; }
    .day-detail-post:hover { border-color:#ff5b16; }
    .day-detail-post img { width:52px; height:52px; object-fit:cover; border-radius:9px; background:#ebe8e2; flex:none; }
    .day-detail-post strong { display:block; color:#101216; font-size:14px; }
    .day-detail-post small { display:block; margin-top:4px; color:rgba(16,18,22,.52); font-size:11px; }
    @media (max-width:900px) { .month-calendar-grid { grid-auto-rows:minmax(100px,1fr); gap:5px; } .month-calendar-weekdays { gap:5px; } .month-day { padding:7px; } .month-post-thumb { display:none; } .month-post-title { font-size:10px; } }
    @media (max-width:720px) {
      .month-calendar-head { align-items:flex-start; flex-direction:column; }
      .month-calendar { padding:10px; overflow:auto; }
      .month-calendar-weekdays, .month-calendar-grid { min-width:680px; }
      .board-calendar-toolbar { align-items:flex-start; flex-direction:column; }
      .board-calendar-legend { justify-content:flex-start; }
      .calendar-row { grid-template-columns:1fr; }
      .calendar-day-label { border-right:0; border-bottom:1px solid rgba(16,18,22,.08); }
      .post-detail-body { grid-template-columns:1fr; }
    }
    .btn[disabled], .attach-btn[disabled] {
      cursor: wait;
      opacity: 0.72;
    }
    @media (max-width: 1020px) {
      .app { grid-template-columns: 1fr; }
      .sidebar { display: none; }
      .pane-head { padding: 16px; }
      .messages { padding: 16px; }
      .composer { padding: 12px; }
      .strategy { justify-content: flex-start; }
    }
    .production-window-dialog { width:min(650px,calc(100vw - 28px)); max-height:92vh; overflow:auto; padding:32px; border:0; border-radius:26px; background:#fff; color:#101216; box-shadow:0 30px 100px rgba(0,0,0,.3); }
    .production-window-dialog::backdrop { background:rgba(16,18,22,.55); backdrop-filter:blur(8px); }
    .production-window-dialog h2 { margin:8px 42px 10px 0; font-family:"Geist",Arial,sans-serif; font-size:32px; line-height:1.1; letter-spacing:-.05em; }
    .production-window-dialog p { color:#687382; font-size:14px; line-height:1.5; }
    .production-window-choices { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:22px 0; }
    .production-window-choice { padding:18px; text-align:left; border:1px solid #e0ddd8; border-radius:16px; background:#faf8f5; color:#101216; cursor:pointer; font-family:inherit; }
    .production-window-choice strong { display:block; font-size:20px; margin-bottom:6px; }
    .production-window-choice span { display:block; font-size:12px; line-height:1.5; color:#687382; }
    .production-window-choice[aria-pressed="true"] { border-color:#ff5b16; background:#fff0e7; box-shadow:0 0 0 1px #ff5b16; }
    .production-window-month-head { display:flex; justify-content:space-between; align-items:center; margin:18px 0 12px; }
    .production-window-month-head strong { font-size:18px; }
    .production-window-weekdays, .production-window-calendar { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; }
    .production-window-weekdays span { padding:6px; text-align:center; color:#687382; font-size:10px; font-weight:800; }
    .production-window-day { min-height:55px; padding:8px 4px; border:1px solid #e9e6e2; border-radius:9px; color:#101216; background:#faf9f7; font-family:inherit; cursor:pointer; }
    .production-window-day small { display:block; margin-top:3px; font-size:9px; color:#ff5b16; }
    .production-window-day.outside { color:#92969c; }
    .production-window-day.in-range { background:#fff0e7; border-color:#ffbc97; }
    .production-window-day.range-start, .production-window-day.range-end { color:#fff; background:#ff5b16; border-color:#ff5b16; }
    .production-window-day.range-start small, .production-window-day.range-end small { color:#fff; }
    .production-window-day:disabled { color:#b9bbc0; background:#f1f1f1; border-color:#eee; cursor:not-allowed; }
    .production-window-day:disabled small { color:#aaa; }
    .production-window-day:focus-visible { outline:3px solid #101216; outline-offset:1px; }
    .production-window-date-row { display:flex; align-items:center; gap:14px; margin:16px 0; }
    .production-window-date-row label { display:grid; gap:6px; font-size:12px; font-weight:700; }
    .production-window-date-row input { max-width:100%; padding:10px 12px; border:1px solid #dedede; border-radius:10px; font:inherit; color:#101216; }
    .production-window-summary { padding:16px; margin:16px 0; border-radius:14px; background:#f6f5f2; font-size:13px; line-height:1.6; }
    .production-window-summary strong { display:block; font-size:16px; }
    .production-window-dialog .production-window-submit { width:100%; margin-top:4px; }
    .production-window-status { min-height:18px; margin-bottom:0; }
    @media(max-width:600px) { .production-window-dialog { padding:22px 16px; } .production-window-dialog h2 { font-size:27px; } .production-window-choice { padding:14px; } .production-window-day { min-height:48px; } }