:root{--color-canvas:#f1f6f7;--color-surface:#fff;--color-border:#dbe5e9;--color-text:#153e51;--color-muted:#536a78;--color-accent:#08788b;--color-soft:#e0f1ef;--color-warningBg:#fff4e6;--color-warning:#975f00;--color-successBg:#e7f5ee;--color-success:#28764c;--color-dangerBg:#fdebe8;--color-danger:#ab4038;--space-24:24px;--space-12:12px}
*{box-sizing:border-box}body{margin:0;background:var(--color-canvas);color:var(--color-text);font-family:'Work Sans',Arial,sans-serif;font-size:14px}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #16a8b3;outline-offset:3px}button{border:1px solid var(--color-border);border-radius:10px;background:white;padding:10px 14px}button:hover{background:#eef7f7}button.primary{background:#ffad39;border-color:#ffad39;color:#073b50}button.primary:hover{background:#ffbf65}.ui-button{white-space:nowrap;min-height:36px;font-size:14px;font-weight:400}.ui-field{display:flex;flex-direction:column;gap:8px;width:100%;font-size:13px;font-weight:500}.ui-field input,.ui-field select,textarea{width:100%;min-height:40px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:white;font-size:14px;font-weight:400}.ui-check{display:flex;align-items:center;gap:10px;font-size:14px}.ui-check input{width:18px;height:18px;accent-color:#0b7a86}.task-status{border:1px solid #cfdee4;background:#eaf3f5;border-radius:7px;padding:7px;font-size:12px;max-width:150px}#demo-bar{height:60px;display:flex;align-items:center;gap:12px;padding:10px 20px;background:#073b50;color:white;position:sticky;top:0;z-index:20}#demo-bar button,#demo-bar select{background:#164d61;color:white;border:1px solid #3e6778;font-size:12px;padding:8px 12px;border-radius:7px}#breadcrumb{flex:1;font-size:12px;color:#c6d9df}.demo-badge{font-size:11px;color:#fae0b2}.demo-badge:before{content:'●';color:#ffb34d;margin-right:7px}#stage{min-height:calc(100vh - 135px);overflow-x:auto;padding-bottom:20px}#stage>div{min-height:calc(100vh - 135px);height:auto}#stage>div:not(:has([data-name='Agency navigation'])){max-width:900px;margin:32px auto;height:auto;padding:28px}#stage [data-name='Agency navigation']{position:sticky;top:60px;height:calc(100vh - 60px);min-width:248px;width:248px;overflow-y:auto;overflow-x:hidden}#stage [data-name='Agency navigation']>.ui-button{width:208px}#stage [data-name='Main content']{width:calc(100% - 248px);min-width:850px;overflow:visible}#stage [data-name='Main content']>div{max-width:100%}#stage a:hover{background:#edf6f7}#stage img{max-width:none}#stage .demo-added{padding:12px;background:#e9f5ef;border:1px solid #b5d7c5;border-radius:10px;margin:12px 0}#workflow-bar{display:flex;align-items:center;gap:12px;background:white;border-top:1px solid var(--color-border);padding:12px 24px;position:sticky;bottom:0;z-index:15;min-height:75px}#workflow-bar>div{flex:1;display:flex;flex-direction:column;gap:5px}#workflow-title{color:var(--color-muted);font-size:11px}#current-title{font-size:13px}#next{background:#e0f1ef;color:#08788b}dialog{border:1px solid var(--color-border);border-radius:20px;padding:28px;color:var(--color-text);box-shadow:0 30px 90px #073b5040;max-height:85vh;width:min(980px,94vw);background:white}dialog::backdrop{background:#092d4260;backdrop-filter:blur(4px)}dialog header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}dialog h2{font-family:Georgia,serif;margin:0 0 8px;font-size:28px}dialog p{color:var(--color-muted);line-height:1.6}#screen-search{width:100%;padding:14px;border:1px solid var(--color-border);border-radius:10px;margin-bottom:18px}#screen-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}#screen-list section{padding:18px;border:1px solid var(--color-border);border-radius:14px}#screen-list h3{font-size:14px;margin:0 0 12px}#screen-list button{display:block;width:100%;text-align:left;margin:5px 0;border:0;background:#f4f8fa;font-size:12px}.activity-item{padding:15px 0;border-bottom:1px solid var(--color-border)}.activity-item small{display:block;color:var(--color-muted);margin-top:5px}#toast{position:fixed;bottom:90px;right:24px;background:#073b50;color:white;border-radius:12px;padding:16px 22px;max-width:420px;z-index:100;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.visible{opacity:1;transform:translateY(0)}#action-body .ui-field{margin:16px 0}#action-body button{margin:14px 8px 0 0}.step-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.badge{background:#e0f1ef;padding:6px 10px;border-radius:7px;font-size:12px}@media(max-width:900px){#breadcrumb,.demo-badge{display:none}#demo-bar{padding:8px;gap:6px}#demo-bar button,#demo-bar select{padding:7px;font-size:11px}#stage [data-name='Agency navigation']{width:200px;min-width:200px}#stage [data-name='Agency navigation']>*{max-width:158px}#screen-list{grid-template-columns:1fr}#stage>div:not(:has([data-name='Agency navigation'])){margin:12px;min-width:600px}#workflow-bar{padding:10px}#workflow-bar button{font-size:11px}#current-title{max-width:160px}dialog{padding:20px}}
:root{color-scheme:light}*,::before,::after{border-width:0;border-style:solid}#stage [data-name='Agency navigation']{top:0}#stage img{object-fit:contain}#stage [data-name='Main content']>p{max-width:100%}
@media(max-width:1100px){#stage>div:has([data-name='Agency navigation']){display:block;width:100%}#stage [data-name='Agency navigation']{display:none}#stage [data-name='Main content']{width:100%;min-width:0;padding:24px}#stage [data-name='Main content'] [data-name='Columns'],#stage [data-name='Today / Action summary'],#stage [data-name='Chat workspace']{flex-wrap:wrap;height:auto}#stage [data-name='Main content']>div{width:100%;overflow-x:auto}#stage [data-name='Main content']>div>div:not([data-name^='Row /']):not([data-name='Column headings']){max-width:100%}#stage [data-name='Main content']>div>p{max-width:100%}#stage [data-name='Main content'] [data-name='Actions'],#stage [data-name='Project views'],#stage [data-name='Filters']{flex-wrap:wrap;height:auto}#stage>div:not(:has([data-name='Agency navigation'])){min-width:0;margin:16px;max-width:calc(100% - 32px)}#stage>div:not(:has([data-name='Agency navigation']))>*{max-width:100%}#stage .ui-field{min-width:0}#stage>div:not(:has([data-name='Agency navigation']))>[data-name='Actions']{flex-wrap:wrap}}