
:root{color-scheme:dark;--bg:#070e17;--panel:#0c1623;--border:#213145;--muted:#8193a8;--text:#e6edf5;--blue:#71d8ec;--gold:#e6bc7a;--green:#74dcab}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:12px system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit}button{color:inherit;border:1px solid var(--border);background:#111f2e;border-radius:7px;padding:8px 11px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#203144;border-color:#50677e}button:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button:disabled{opacity:.4;cursor:default}header{height:70px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 23px;gap:15px;background:#0a121e}.identity{display:flex;align-items:center;gap:13px}.logo{font-size:33px;color:#83dfe9;font-weight:800;line-height:1}.brand{font-size:20px;font-weight:720;letter-spacing:4px}.brand small{font-size:9px;font-weight:500;letter-spacing:2px;display:block;margin-top:5px;color:#8a9aad}.header-right{display:flex;align-items:center;gap:16px}.mode{font-size:9px;letter-spacing:1.5px;color:var(--gold);display:flex;gap:7px;align-items:center}.mode:before{content:'';display:block;background:currentColor;width:6px;height:6px;border-radius:50%;box-shadow:0 0 9px currentColor}.mode.live{color:var(--green)}.mono{font-family:ui-monospace,Consolas,monospace}.time{color:#97aabd;font-size:11px}.owner{display:flex;align-items:center;gap:9px;border-left:1px solid var(--border);padding-left:16px}.avatar{background:#27394d;border:1px solid #435568;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:#d5e1ef}.owner small{display:block;font-size:9px;color:var(--muted);margin-top:2px}main{display:grid;grid-template-columns:minmax(0,1fr) 304px;height:calc(100dvh - 70px)}.viewport{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#172535 0,#0a1421 55%,#070d16 100%)}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.scene-heading{position:absolute;top:22px;left:24px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);font-weight:600}.scene-heading h1{font-size:25px;letter-spacing:-.7px;font-weight:500;margin:8px 0}.scene-heading p{font-size:11px;color:#8c9eb2;margin:0}.scene-meta{position:absolute;top:24px;right:22px;text-align:right;color:#697f96;font-size:9px;line-height:1.8;letter-spacing:1px}.toolbar{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);display:flex;gap:5px;align-items:center;padding:6px;background:#091321e8;border:1px solid #314255;border-radius:11px;box-shadow:0 8px 30px #0004;white-space:nowrap}.toolbar button{background:transparent;border-color:transparent;font-size:11px;padding:8px 10px}.toolbar button:hover,.toolbar button.on{background:#233447;color:#a9f0ff}.divider{height:18px;width:1px;background:#314155;margin:0 2px}.bottom{position:absolute;bottom:0;left:0;right:0;height:60px;border-top:1px solid #1c2d40;background:#08121edb;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px}.metrics{display:flex;gap:28px}.metric strong{font-size:19px;font-weight:550;display:block}.metric small{font-size:8px;letter-spacing:1px;color:#8096aa;display:block;margin-top:3px}.hint{font-size:10px;color:#71879c;max-width:240px;text-align:right;line-height:1.6}aside{border-left:1px solid #223447;background:#0a1421;overflow:auto;padding:18px 15px;scrollbar-width:thin;scrollbar-color:#304359 transparent}.section-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#92a8bc;margin:0 0 12px}.section-head span{letter-spacing:0;color:#5d778e}.directory{display:flex;flex-direction:column;gap:3px;margin-bottom:20px}.agent-row{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border-color:transparent;background:transparent;padding:8px 9px;min-height:49px}.agent-row.active{border-color:#375268;background:#152738}.agent-icon{width:28px;height:29px;border-radius:6px;border:1px solid #45607155;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 9%,transparent);font-size:14px}.agent-label{flex:1;min-width:0}.agent-label b{font-size:10px;font-weight:550;display:block}.agent-label small{font-size:9px;color:#7c93a7;display:block;margin-top:4px}.signal{width:5px;height:5px;border-radius:50%;background:var(--c)}.inspector{border:1px solid #34475b;background:linear-gradient(135deg,#152435,#0c1827);border-radius:9px;padding:14px;margin-bottom:18px}.inspector h2{font-size:15px;font-weight:550;margin:6px 0 9px}.status-pill{font-size:9px;color:var(--green);background:#77ddb015;border:1px solid #77ddb031;padding:3px 7px;border-radius:4px;display:inline-block}.task{font-size:11px;line-height:1.7;color:#b3c4d4;min-height:35px;margin:11px 0}.progress{height:3px;border-radius:3px;background:#28394a;overflow:hidden;margin:12px 0 8px}.progress div{height:100%;background:var(--blue);transition:width .3s}.kv{display:flex;justify-content:space-between;gap:10px;color:#7991a6;font-size:9px}.demo-controls{border-top:1px solid #2b3d50;padding-top:12px;margin-top:13px;display:flex;gap:6px}.demo-controls button{font-size:10px;flex:1;padding:7px 4px}.demo-note{font-size:9px;color:#6b8399;line-height:1.5;margin:8px 0 0}.activity{min-height:128px}.event{padding:8px 0;border-bottom:1px solid #172a3b;font-size:10px;line-height:1.6;color:#93aabd}.event time{color:#5d7990;margin-right:7px;font-size:9px}.integration{width:100%;margin-top:16px;font-size:10px;color:#b5c9da;background:#142538}.toast{position:absolute;bottom:139px;left:50%;transform:translateX(-50%);background:#122a39;border:1px solid #547087;border-radius:7px;padding:10px 18px;font-size:11px;pointer-events:none;opacity:0;transition:opacity .2s;max-width:80%;text-align:center}.toast.show{opacity:1}dialog{width:min(650px,92vw);max-height:85vh;overflow:auto;background:#0e1c2b;color:#dce8f3;border:1px solid #3f5972;border-radius:15px;padding:24px;line-height:1.7}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog h2{font-size:20px;margin:0 0 15px}dialog p,dialog li{font-size:12px;color:#aabed0}pre{font-size:11px;background:#06101b;border:1px solid #273c50;border-radius:8px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.mobile-select{display:none}#fatal{position:absolute;top:35%;left:15%;right:15%;background:#321d22;border:1px solid #dc8c8c;border-radius:10px;padding:20px;z-index:10}#fatal[hidden]{display:none}@media(min-width:1800px){main{grid-template-columns:minmax(0,1fr) 340px}.agent-row{min-height:57px}.agent-label b{font-size:12px}}@media(max-width:850px){body{overflow:auto}header{padding:0 14px;height:64px}.brand{font-size:16px}.owner{display:none}.header-right{gap:8px}.time{display:none}main{height:auto;grid-template-columns:1fr}.viewport{height:76dvh;min-height:510px}aside{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-left:0;border-top:1px solid var(--border)}.directory{margin-bottom:0}.inspector{margin-bottom:0}.scene-heading{left:16px;top:18px}.scene-heading h1{font-size:21px}.scene-meta{right:16px;top:20px;font-size:8px}.metrics{gap:19px}.bottom{padding:0 14px}.hint{max-width:170px;font-size:9px}.integration{margin-top:6px}.toolbar button{padding:8px}}@media(max-width:510px){aside{display:block}.directory{display:none}.mobile-select{display:block;width:100%;padding:10px;background:#122438;border:1px solid #36516b;border-radius:6px;color:#def1ff;margin-bottom:16px}.scene-meta{display:none}.scene-heading h1{font-size:19px}.scene-heading p{font-size:10px}.toolbar{gap:0;bottom:73px;padding:4px}.toolbar button{padding:7px;font-size:10px}.hint{display:none}.bottom{justify-content:center}.metrics{gap:32px}.inspector{margin-bottom:20px}.scene-heading{pointer-events:none}.mode{font-size:8px}.brand small{font-size:8px}.logo{font-size:29px}}

.view-tabs{position:absolute;top:105px;left:24px;display:flex;gap:5px}.view-tabs button{font-size:10px;padding:7px 12px;background:#0b1929db}.view-tabs .on{color:#f1d6a5;border-color:#947c54;background:#302c23}.prayer-card{margin:0 0 18px;padding:13px;border:1px solid #41634e;border-radius:9px;background:linear-gradient(130deg,#142c27,#0b1c22)}.prayer-card h3{font-size:12px;color:#c6e2c6;margin:0 0 8px}.prayer-card p{font-size:10px;line-height:1.6;color:#94b6a7;margin:6px 0}.prayer-actions{display:flex;gap:5px;margin-top:10px}.prayer-actions button{font-size:10px;flex:1;padding:7px 4px}.schedule-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:12px 0}.schedule-grid label{font-size:10px;color:#9bb6bd}.schedule-grid input{width:100%;margin-top:5px;padding:7px 3px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.settings-grid label{font-size:11px;color:#a8bfc7}.settings-grid input,.settings-grid select{width:100%;margin-top:5px;padding:8px;background:#081523;border:1px solid #354d5d;border-radius:5px;color:#eef6ff}#prayerDialog input{color:#e9f4ff;background:#091824;border:1px solid #354d5d;border-radius:5px}.schedule-status{padding:10px;border:1px solid #35515c;border-radius:6px;color:#9cbdc8;font-size:11px}#prayerEnd{display:none}.schedule-source{font-size:10px;color:#80b4c8}.prayer-banner{position:absolute;top:22px;left:50%;transform:translateX(-50%);background:#153529e8;border:1px solid #79af8588;border-radius:8px;color:#e5f5dd;padding:9px 16px;max-width:50%;font-size:11px;text-align:center;pointer-events:none}.prayer-banner[hidden]{display:none}@media(max-width:850px){.view-tabs{left:16px;top:96px}.prayer-banner{top:143px;max-width:90%}.settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:510px){.schedule-grid{grid-template-columns:repeat(3,1fr)}}

.role-caption{font-size:10px;color:#94acbf;margin:-3px 0 11px}.agent-label b{line-height:1.55}.revenue-card{border:1px solid #425945;background:linear-gradient(140deg,#192d29,#0d1c28);border-radius:10px;padding:14px;margin-bottom:16px}.revenue-card .section-head{font-size:8px;letter-spacing:1px}.revenue-card .section-head span{font-size:7px;max-width:78px;text-align:right;color:#a1beab}.revenue-tabs{display:flex;gap:4px;border-radius:6px;background:#081b20;padding:3px}.revenue-tabs button{font-size:9px;padding:6px 10px;flex:1;border-color:transparent;background:transparent;color:#8eaaab}.revenue-tabs button.on{background:#25403c;color:#e3f3e3;border-color:#48665b}.revenue-main{margin:17px 0 14px}.revenue-main>span{font-size:8px;letter-spacing:1.8px;color:#a9c2af}.revenue-main strong{display:block;font-size:25px;font-weight:550;letter-spacing:-.8px;color:#e4ecd7;margin:6px 0}.revenue-main small{font-size:8px;color:#8ea8a4;line-height:1.6;display:block}.revenue-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 8px;border-top:1px solid #31483f;padding-top:13px}.revenue-grid span{display:block;color:#8ca7a1;font-size:8px}.revenue-grid strong{display:block;font-size:13px;margin-top:5px;font-weight:500;color:#dceadd}.target-line{display:flex;justify-content:space-between;gap:6px;margin:17px 0 6px;font-size:8px;color:#9bb7a5}.target-line b{font-weight:500;color:#e3d0a6}.revenue-progress{height:4px;background:#1d3538;border-radius:4px;overflow:hidden}.revenue-progress div{background:linear-gradient(90deg,#69b198,#d8c58a);height:100%;width:0;transition:width .3s}.revenue-note{font-size:8px;color:#7a9894;line-height:1.6;margin:10px 0 0}#revenueExample{background:transparent;border-color:#355149;font-size:9px;padding:6px 8px;margin-top:9px;width:100%;color:#b4c9bc}

.pantry-card{padding:13px;border:1px solid #695842;border-radius:9px;margin-bottom:16px;background:linear-gradient(130deg,#29241e,#111e29)}.pantry-card p{font-size:10px;line-height:1.7;color:#baa88e;margin:7px 0}.pantry-actions{display:flex;gap:5px}.pantry-actions button{flex:1;font-size:9px;padding:7px 4px;background:#332d24;color:#e3d4b8;border-color:#63563e}.relation-list{font-size:9px;color:#a5bdc8;line-height:1.7;margin-top:10px}.relation-list div{border-top:1px solid #34392f;padding:5px 0}.view-tabs{gap:4px}.view-tabs button{padding:7px 10px}@media(max-width:510px){.view-tabs{left:10px;gap:3px}.view-tabs button{font-size:9px;padding:7px 8px}}
.view-tabs{flex-wrap:wrap;max-width:calc(100% - 32px)}.view-tabs button{padding:7px 9px}@media(max-width:510px){.view-tabs{gap:3px;max-width:calc(100% - 20px)}.view-tabs button{padding:6px;font-size:8px}}
