:root { color-scheme: light; --navy:#0a2038; --blue:#176b9b; --sky:#dceff7; --green:#14734f; --ink:#172535; --muted:#607080; --line:#d7e0e7; --paper:#f5f7f8; --white:#fff; --danger:#a32935; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:linear-gradient(145deg,#eef4f6 0%,#f8f9f7 55%,#e4eef2 100%); font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
button,input,textarea { font:inherit; }
button { border:0; border-radius:.55rem; background:var(--navy); color:white; padding:.78rem 1rem; font-weight:750; cursor:pointer; }
button:hover { background:#133c5e; }
button:focus-visible,input:focus-visible,textarea:focus-visible { outline:3px solid #54b8e8; outline-offset:2px; }
button:disabled { opacity:.55; cursor:wait; }
.site-header { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem clamp(1rem,5vw,4rem); background:var(--navy); color:white; }
.brand { color:inherit; text-decoration:none; display:flex; align-items:center; gap:.75rem; letter-spacing:.02em; }
.brand-mark { display:grid; place-items:center; width:2.65rem; height:2.65rem; border:2px solid #7ac6e6; border-radius:50%; font-weight:900; }
.brand strong,.brand small { display:block; }.brand small { color:#b8d4e3; font-size:.76rem; text-transform:uppercase; letter-spacing:.12em; }
.session-chip { display:flex; align-items:center; gap:.5rem; color:#d5e5ee; font-size:.85rem; }.session-chip span { width:.55rem;height:.55rem;border-radius:50%;background:#46c28a;box-shadow:0 0 0 4px #46c28a22; }
main { width:min(1100px,calc(100% - 2rem)); margin:clamp(2rem,5vw,4.5rem) auto 5rem; }
.auth-card { width:min(680px,100%); margin:8vh auto; padding:clamp(1.5rem,5vw,3.25rem); background:var(--white); border:1px solid var(--line); border-top:5px solid var(--blue); box-shadow:0 24px 70px #0a203818; }
h1,h2,p { margin-top:0; } h1 { font-size:clamp(2rem,5vw,3.65rem); line-height:1.04; letter-spacing:-.045em; } h2 { font-size:clamp(1.45rem,3vw,2.3rem); line-height:1.15; letter-spacing:-.025em; }
.eyebrow,.status-kicker { margin-bottom:.55rem; color:var(--blue); font-size:.76rem; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.lede { max-width:55ch; color:var(--muted); font-size:1.05rem; }
label { display:block; margin-bottom:.4rem; font-weight:700; }.field-row { display:grid; grid-template-columns:1fr auto; gap:.65rem; }
input,textarea { width:100%; border:1px solid #aebdc8; border-radius:.55rem; background:#fff; color:var(--ink); padding:.78rem .9rem; }
.workspace-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; }.workspace-heading h1 { margin-bottom:0; }.quiet-button { background:transparent;color:var(--navy);border:1px solid #9fadb8;white-space:nowrap; }.quiet-button:hover { background:#fff; }
.status-panel { overflow:hidden; position:relative; padding:clamp(1.5rem,4vw,2.8rem); background:var(--navy); color:white; border-radius:.8rem; box-shadow:0 20px 55px #0a203820; }.status-panel::after { content:""; position:absolute; right:-5rem; top:-8rem; width:19rem; height:19rem; border:3rem solid #1c6f9b44; border-radius:50%; }.status-panel>* { position:relative; z-index:1; }.status-panel .status-kicker { color:#8ed2ed; }.status-panel h2 { margin-bottom:.5rem; }.status-panel>p:not(.status-kicker) { color:#cfe0e9; }
.event-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; margin-top:1.6rem; }.event-card { padding:1rem; border:1px solid #ffffff2b; background:#ffffff0b; border-radius:.6rem; }.event-card span { display:block;color:#b9d1de;font-size:.8rem; }.event-card strong { display:block;margin-top:.18rem;font-size:1.05rem; }.event-card.ready strong { color:#72d6a9; }.event-card.pending strong { color:#ffd27a; }
.actions-section,.conversation { margin-top:1.25rem; padding:clamp(1.25rem,3vw,2rem); background:white; border:1px solid var(--line); border-radius:.8rem; }.section-heading h2 { margin-bottom:.6rem; }.actions-guidance { margin:0 0 1rem;color:var(--muted); }.action-list { display:grid; gap:.75rem; }.action-card { display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem;border-left:4px solid #e4a42c;background:#fffaf0; }.action-card h3 { margin:0 0 .25rem;font-size:1rem; }.action-card p { margin:0;color:var(--muted);font-size:.9rem; }.action-buttons { display:flex;gap:.45rem; }.deny { background:white;color:var(--danger);border:1px solid #d7aab0; }.deny:hover { background:#fff1f2; }.approve { background:var(--green); }.approve:hover { background:#0e5b3e; }
textarea { resize:vertical; min-height:6.5rem; }.composer-footer { display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem; }.composer-footer p { margin:0;color:var(--muted);font-size:.85rem; }.agent-response { margin-top:1.25rem;padding:1rem 1.15rem;border-left:4px solid var(--blue);background:var(--sky); }.agent-response summary { color:var(--blue);font-weight:800;cursor:pointer; }.agent-response p { margin:.8rem 0 0;white-space:pre-wrap; }
.error { color:var(--danger);font-weight:700;margin:.75rem 0 0; }.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; }
[hidden] { display:none!important; }
@media (max-width:720px) { .session-chip { display:none; }.workspace-heading { align-items:start; }.workspace-heading h1 { font-size:2.4rem; }.event-grid { grid-template-columns:1fr; }.action-card { grid-template-columns:1fr; }.composer-footer { align-items:stretch;flex-direction:column; }.composer-footer button { width:100%; }.field-row { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:no-preference) { button,.action-card { transition:background-color .15s ease,transform .15s ease; } button:active { transform:translateY(1px); } }