:root{color:#112031;background:radial-gradient(circle at top left,rgba(255,196,110,.35),transparent 30%),linear-gradient(135deg,#f2efe7,#dfe8f6);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{max-width:1280px;margin:0 auto;padding:24px}.card{background:#ffffffd1;border:1px solid rgba(17,32,49,.08);border-radius:24px;box-shadow:0 20px 45px #11203114;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{padding:28px;margin-bottom:24px;display:flex;justify-content:space-between;gap:24px}.hero h1{margin:8px 0;font-size:clamp(2rem,5vw,4rem)}.hero p,.label,table{font-family:Trebuchet MS,sans-serif}.hero-note{max-width:64ch}.hero-status{align-self:flex-start;display:flex;align-items:center;gap:10px;padding:.4rem .8rem;border-radius:999px;background:#dff4e7;color:#155b36;font-family:Trebuchet MS,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero-status.paused{background:#fbe1de;color:#8a1c1c}.hero-pill{padding:.2rem .55rem}.hero-pill.paused{color:#8a1c1c}.pause-toggle{border:0;border-radius:999px;padding:.45rem 1rem;cursor:pointer;font-weight:700;font-family:Trebuchet MS,sans-serif;font-size:.85rem;background:#8a1c1c;color:#fff;text-transform:none;letter-spacing:.02em}.pause-toggle.resume{background:#155b36}.pause-toggle:hover{opacity:.9}.pause-error{color:#8a1c1c;font-size:.75rem;font-weight:700}.view-toggle{border:0;border-radius:999px;padding:.45rem 1rem;cursor:pointer;font-weight:700;font-family:Trebuchet MS,sans-serif;font-size:.85rem;background:#112031;color:#fff;text-transform:none;letter-spacing:.02em}.view-toggle:hover{opacity:.9}.eyebrow{font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:#9b5d2e}.metrics-grid,.layout-grid{display:grid;gap:16px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.layout-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.metric{padding:20px}.label{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:#6a7685}.value{font-size:2rem;margin-top:10px}.table-card{padding:18px;overflow:auto}.section-title{font-size:1.1rem;margin-bottom:12px}table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;border-bottom:1px solid rgba(17,32,49,.08);text-align:left;font-size:.9rem;vertical-align:top}td{max-width:240px;word-break:break-word}.text-preview{margin:0;max-height:10rem;overflow:auto;white-space:pre-wrap;font-family:Trebuchet MS,sans-serif;font-size:.82rem;line-height:1.35}.action-stack{display:flex;flex-direction:column;gap:8px}.action-stack button{border:0;border-radius:999px;padding:.45rem .8rem;background:#112031;color:#fff;cursor:pointer;font-weight:700}.action-stack button:disabled{opacity:.55;cursor:wait}.action-error{color:#8a1c1c;font-size:.78rem}.action-stack button.action-primary{background:#155b36}.status-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#eef2f6}.worker-chip{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:6px;font-size:.78rem;font-weight:600;color:#255;background:#e3eefb}.muted{color:#94a3b8}.status-pending,.status-processing,.status-publishing,.status-retry{background:#fff0cf;color:#8b5a00}.status-generated,.status-approved,.status-online,.status-busy{background:#dff4e7;color:#155b36}.status-published,.status-success{background:#d9eefc;color:#0b4f7a}.status-failed,.status-cancelled,.status-needs_revalidation,.status-offline{background:#fbe1de;color:#8a1c1c}.error{padding:24px;color:#8a1c1c}@media (max-width: 768px){.app{padding:14px}.hero,.metric,.table-card{border-radius:18px}.hero{flex-direction:column}}.table-controls{margin-bottom:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.table-search{padding:8px 12px;border:1px solid rgba(17,32,49,.15);border-radius:8px;background:#ffffffb3;font-size:.9rem;min-width:200px}.table-search:focus{outline:none;border-color:#112031;box-shadow:0 0 0 2px #11203126}th.sorted{background:#11203108;cursor:pointer}th:hover{background:#11203105;cursor:pointer}.table-card.full-width{grid-column:1 / -1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11203180;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:min(480px,90vw);max-height:85vh;overflow:auto;background:#fdfcfa;border-radius:20px;padding:24px;box-shadow:0 20px 45px #1120314d}.modal-wide{width:min(880px,94vw)}.modal-title{font-size:1.3rem;font-weight:700;margin-bottom:4px}.modal-subtitle{color:#6a7685;font-size:.9rem;margin-bottom:16px}.modal-form{display:flex;flex-direction:column;gap:14px;font-family:Trebuchet MS,sans-serif}.modal-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:700;color:#112031}.modal-form input{padding:9px 12px;border:1px solid rgba(17,32,49,.15);border-radius:8px;background:#ffffffe6;font-size:.9rem}.modal-form input:focus{outline:none;border-color:#112031;box-shadow:0 0 0 2px #11203126}.modal-form select{padding:9px 12px;border:1px solid rgba(17,32,49,.15);border-radius:8px;background:#ffffffe6;font-size:.9rem}.modal-form select:focus{outline:none;border-color:#112031;box-shadow:0 0 0 2px #11203126}.persona-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:1px dashed rgba(17,32,49,.25);border-radius:8px;background:#11203108}.persona-create-grid .modal-actions{grid-column:1 / -1}.queue-detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.queue-detail-meta span{font-size:.78rem;font-weight:700;color:#255;background:#e3eefb;border-radius:6px;padding:.2rem .55rem}.queue-error{background:#fdecec;border:1px solid #e5b4b4;border-radius:8px;padding:10px 12px;margin-bottom:16px}.queue-error-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#a33;margin-bottom:4px}.queue-error-text{margin:0;font-size:.83rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#802828;white-space:pre-wrap;word-break:break-word}.queue-engagement{background:#f0f7ef;border:1px solid #b9d9b9;border-radius:8px;padding:10px 12px;margin-bottom:16px}.queue-engagement-title{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#27642a;margin-bottom:6px}.queue-engagement-cards,.queue-engagement-windows{display:flex;flex-wrap:wrap;gap:8px}.queue-engagement-cards span,.queue-engagement-windows span{font-size:.78rem;font-weight:700;color:#255;background:#e3eefb;border-radius:6px;padding:.2rem .55rem}.queue-engagement-windows span{color:#27642a;background:#e3f2e2}.queue-error-cell{font-size:.8rem;color:#a33;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-draft-label textarea.queue-draft{padding:12px;border:1px solid rgba(17,32,49,.2);border-radius:8px;font-size:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;resize:vertical;background:#fff}.queue-draft-label textarea.queue-draft:focus{outline:none;border-color:#112031;box-shadow:0 0 0 2px #11203126}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.modal-actions button,.modal-primary,.modal-secondary{border:0;border-radius:999px;padding:.55rem 1.1rem;cursor:pointer;font-weight:700;font-family:Trebuchet MS,sans-serif}.modal-actions button:disabled{opacity:.55;cursor:wait}.modal-primary{background:#112031;color:#fff}.modal-secondary{background:transparent;color:#112031;border:1px solid rgba(17,32,49,.25)}.modal-result{display:flex;flex-direction:column;gap:6px;font-family:Trebuchet MS,sans-serif}.modal-result .modal-primary{align-self:flex-end;margin-top:12px}.flow-view{display:flex;flex-direction:column;gap:24px}.flow-lane{background:#ffffffd1;border:1px solid rgba(17,32,49,.08);border-radius:24px;box-shadow:0 20px 45px #11203114;padding:22px}.flow-lane-title{margin:0 0 16px;font-size:1.15rem;color:#112031}.flow-lane-stages{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.flow-step{display:flex;align-items:stretch;gap:8px;min-width:0;flex:1 1 170px}.flow-stage{flex:1;min-width:150px;display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid rgba(17,32,49,.12);border-radius:16px;background:#fdfcfa;cursor:pointer;text-align:left;font-family:Trebuchet MS,sans-serif;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.flow-stage:hover{transform:translateY(-2px);border-color:#11203159}.flow-stage.active{border-color:#112031;box-shadow:0 0 0 3px #11203126}.flow-stage-title{font-weight:700;color:#112031}.flow-stage-count{font-size:2.2rem;font-weight:700;line-height:1;color:#255}.flow-stage-chips{display:flex;flex-wrap:wrap;gap:4px;min-height:22px}.flow-arrow{align-self:center;font-size:1.5rem;color:#112031;opacity:.45;padding:0 2px}.stage-detail{margin-top:18px;border-top:1px solid rgba(17,32,49,.1);padding-top:18px}.stage-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.stage-detail-header .modal-title{font-size:1.1rem}.stage-detail-header .modal-subtitle{margin-bottom:0}.flow-link{color:#1a5f8a;font-weight:700;text-decoration:none;border-bottom:1px dashed rgba(26,95,138,.5)}.flow-link:hover{color:#112031}.queue-chips{display:inline-flex;gap:4px;flex-wrap:wrap}.queue-chip{display:inline-block;padding:1px 8px;border-radius:10px;background:#1a5f8a1a;color:#1a5f8a;font-weight:700;text-decoration:none;border:1px solid rgba(26,95,138,.3);font-size:.95em}.queue-chip:hover{background:#1a5f8a2e;color:#112031}@keyframes queue-row-flash{0%{background:#ffe9b8}to{background:transparent}}.queue-row-flash{animation:queue-row-flash 1.6s ease-out}.stage-detail .table-card table tbody tr.row-focused{background:#fff0cf;outline:2px solid rgba(255,196,110,.6)}
