/* Synapse Build 3.4 — Action Chamber Host Rebuild
   Current product action chamber only. No old action-host, support chamber,
   cover, veil, diagnostics, state-light runtime, RuntimeDomainLoader, or platform CSS. */
:root{
  --syn-ac-ink: var(--syn-vp-ink, var(--syn-ink, #17263a));
  --syn-ac-muted: var(--syn-vp-muted, var(--syn-muted, #637385));
  --syn-ac-line: var(--syn-vp-line, rgba(11,80,108,.18));
  --syn-ac-teal: var(--syn-vp-teal, #0b506c);
  --syn-ac-deep: #0b3554;
  --syn-ac-panel: rgba(255,255,255,.92);
  --syn-ac-paper: #fffdf6;
  --syn-ac-field: #edf7ef;
  --syn-ac-good: #1f8a55;
  --syn-ac-warn: #b97913;
  --syn-ac-danger: #b94040;
}

.protected-action-chamber{
  position: sticky;
  top: calc(72px + 1rem);
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  gap: .75rem;
  min-width: 0;
  max-height: calc(100vh - 96px);
  overflow: hidden;
  padding: clamp(.95rem,2vw,1.1rem);
  border: 1px solid rgba(11,80,108,.22);
  border-radius: 26px;
  background:
    radial-gradient(circle at top right, rgba(213,182,106,.15), transparent 18rem),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,251,246,.88)),
    var(--syn-ac-paper);
  box-shadow: 0 18px 44px rgba(23,38,58,.10);
}
.protected-action-chamber[data-action-chamber-state="open"]{
  border-color: rgba(11,80,108,.34);
  box-shadow: 0 24px 58px rgba(23,38,58,.15);
}
.action-chamber-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
  border-bottom:1px solid rgba(11,80,108,.12);
  padding-bottom:.65rem;
}
.action-chamber-head .eyebrow{margin:0;color:var(--syn-ac-teal)}
.action-chamber-close{
  border:1px solid var(--syn-ac-line);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:var(--syn-ac-muted);
  font-weight:900;
  min-width:2.1rem;
  min-height:2.1rem;
  cursor:pointer;
}
.action-chamber-close[hidden]{display:none}
.action-chamber-body{
  min-height:0;
  overflow:auto;
  display:grid;
  align-content:start;
  gap:.85rem;
  scrollbar-width:thin;
  padding-right:.08rem;
}
.action-chamber-body h2{
  margin:.05rem 0 0;
  color:var(--syn-ac-ink);
  font-size:clamp(1.1rem,2.4vw,1.45rem);
  line-height:1.12;
  letter-spacing:-.03em;
}
.action-chamber-body p{margin:0;color:var(--syn-ac-muted);line-height:1.5;font-size:.94rem}
.action-chamber-meta{
  display:grid;
  gap:.35rem;
  border:1px solid rgba(11,80,108,.12);
  border-radius:18px;
  background:rgba(255,255,255,.74);
  padding:.75rem;
}
.action-chamber-meta strong{color:var(--syn-ac-ink)}
.action-chamber-utility-list{
  list-style:none;
  display:grid;
  gap:.5rem;
  margin:.1rem 0 0;
  padding:0;
}
.action-chamber-utility-list li,
.action-slot-list li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
  border:1px solid rgba(11,80,108,.13);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  padding:.62rem .72rem;
  color:var(--syn-ac-ink);
  font-size:.88rem;
  font-weight:800;
}
.action-chamber-utility-list li::after{content:attr(data-utility-state);color:var(--syn-ac-muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.action-chamber-form{display:grid;gap:.75rem;margin-top:.15rem}
.action-chamber-field{display:grid;gap:.32rem}
.action-chamber-field span{color:var(--syn-ac-ink);font-size:.78rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.action-chamber-field input,
.action-chamber-field select,
.action-chamber-field textarea{
  width:100%;
  border:1px solid rgba(11,80,108,.2);
  border-radius:16px;
  background:#fff;
  color:var(--syn-ac-ink);
  padding:.72rem .82rem;
  font:inherit;
  min-height:2.55rem;
  position:relative;
  z-index:1;
}
.action-chamber-field textarea{min-height:7rem;resize:vertical;line-height:1.45}
.action-chamber-field input[type="file"]{padding:.62rem;background:rgba(255,255,255,.9)}
.action-chamber-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.15rem}
.action-chamber-button{
  border:1px solid var(--syn-ac-line);
  border-radius:999px;
  background:#fff;
  color:var(--syn-ac-ink);
  font-weight:900;
  padding:.72rem .95rem;
  min-height:2.55rem;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(23,38,58,.06);
}
.action-chamber-button[data-primary="true"]{
  background:linear-gradient(180deg,#174b68,#0b3554);
  color:#fff;
  border-color:#0b3554;
}
.action-chamber-button[data-danger="true"]{background:#fff6f4;color:var(--syn-ac-danger);border-color:rgba(185,64,64,.28)}
.action-chamber-button:disabled{opacity:.55;cursor:not-allowed}
.action-chamber-inline-row{display:flex;gap:.55rem;flex-wrap:wrap}
.action-chamber-receipt{
  margin:0;
  min-height:2.1rem;
  border-top:1px solid rgba(11,80,108,.12);
  padding-top:.62rem;
  color:var(--syn-ac-muted);
  font-size:.82rem;
  line-height:1.4;
}
.action-chamber-receipt[data-tone="success"]{color:var(--syn-ac-good)}
.action-chamber-receipt[data-tone="warn"]{color:var(--syn-ac-warn)}
.action-chamber-receipt[data-tone="error"]{color:var(--syn-ac-danger)}

.viewport-action-row,
.list-row__actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin-top:.75rem;
}
.viewport-action-row .button,
.list-row__actions .button,
.route-card--action{
  appearance:none;
  font:inherit;
  cursor:pointer;
}
.route-card--action{
  text-align:left;
  width:100%;
}
.list-row__actions .button{padding:.52rem .75rem;font-size:.82rem;min-height:2.2rem}
.list-row[data-action-context="true"]{grid-template-columns:1fr;gap:.45rem}

@media(max-width:1100px){
  .protected-action-chamber{position:relative;top:auto;max-height:none;order:2}
}
@media(max-width:820px){
  .protected-action-chamber{border-radius:22px;padding:.9rem}
  .action-chamber-body{max-height:none;overflow:visible}
  .viewport-action-row .button,.list-row__actions .button{flex:1;justify-content:center;text-align:center}
}
@media(max-width:520px){
  .action-chamber-head{align-items:center}
  .action-chamber-body h2{font-size:1.15rem}
  .action-chamber-button{width:100%;justify-content:center}
}


/* Build 3.7 — scheduling/client conversion proof */
.action-chamber-schedule-proof {
  border: 1px solid rgba(17, 94, 89, 0.18);
  border-radius: 1rem;
  background: rgba(246, 251, 246, 0.78);
  padding: 0.85rem 1rem;
  margin-top: 0.95rem;
  display: grid;
  gap: 0.25rem;
}
.action-chamber-schedule-proof:empty { display: none; }
.action-chamber-schedule-proof strong { color: #12413d; }
.action-chamber-schedule-proof span,
.action-chamber-schedule-proof small { color: rgba(18, 65, 61, 0.76); }
.action-chamber-schedule-proof[data-conversion-state="verified"] {
  border-color: rgba(17, 94, 89, 0.34);
  background: rgba(229, 245, 239, 0.92);
}
.action-chamber-schedule-proof[data-conversion-state="scheduled"] {
  border-color: rgba(184, 135, 66, 0.32);
  background: rgba(255, 249, 238, 0.92);
}

.action-chamber-schedule-proof[data-conversion-state='verified'] strong{color:var(--teal-900,#123f3a);}
[data-security-workflow-proof]{border-style:dashed;}


/* Build 3.11 — Action Chamber admitted as Viewport subchamber, not inline panel */
.protected-action-chamber[data-protected-subchamber='action']{
  contain:layout paint;
}
.protected-action-chamber[data-protected-subchamber-mode='side']{
  position:sticky;
  top:calc(72px + 1rem);
  transform:none;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.protected-action-chamber[data-protected-subchamber-mode='sheet']{
  position:fixed!important;
  z-index:80;
  left:max(.75rem, env(safe-area-inset-left));
  right:max(.75rem, env(safe-area-inset-right));
  bottom:max(.75rem, env(safe-area-inset-bottom));
  top:auto!important;
  width:auto;
  max-height:min(78svh, 48rem);
  margin:0;
  transform:translateY(calc(100% + 2rem));
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:transform .22s ease, opacity .18s ease, visibility .18s ease;
}
.protected-action-chamber[data-protected-subchamber-mode='sheet'][data-protected-subchamber-state='open']{
  transform:translateY(0);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  box-shadow:0 24px 72px rgba(9,25,39,.24);
}
.protected-action-chamber[data-protected-subchamber-mode='sheet'] .action-chamber-body{
  max-height:calc(min(78svh, 48rem) - 8rem);
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.protected-action-chamber[data-protected-subchamber-mode='sheet'][data-action-chamber-state='idle']{
  transform:translateY(calc(100% + 2rem));
}
@media(max-width:1100px){
  .protected-action-chamber[data-protected-subchamber-mode='sheet']{
    border-radius:26px;
    padding:clamp(.9rem,2.5vw,1.05rem);
    order:initial!important;
  }
}
@media(max-width:520px){
  .protected-action-chamber[data-protected-subchamber-mode='sheet']{
    left:max(.55rem, env(safe-area-inset-left));
    right:max(.55rem, env(safe-area-inset-right));
    bottom:max(.55rem, env(safe-area-inset-bottom));
    max-height:min(82svh, 46rem);
    border-radius:22px;
  }
  .protected-action-chamber[data-protected-subchamber-mode='sheet'] .action-chamber-body{
    max-height:calc(min(82svh, 46rem) - 7.25rem);
  }
}
@media(prefers-reduced-motion:reduce){
  .protected-action-chamber[data-protected-subchamber-mode='sheet']{transition:none;}
}
