:root{--cf-bg: #f6f8f3;--cf-surface: #fffefb;--cf-surface-muted: #f1f6f1;--cf-surface-raised: #ffffff;--cf-border: #d9e2d7;--cf-border-strong: #9fb0aa;--cf-text: #20213a;--cf-text-muted: #626a74;--cf-text-soft: #8b93a0;--cf-primary: #315bd8;--cf-primary-hover: #2445ad;--cf-primary-soft: #e6ecff;--cf-accent: #e85f3d;--cf-accent-soft: #ffe7dd;--cf-signal: #0f9f8f;--cf-signal-soft: #dcf7f1;--cf-ink: #33284a;--cf-ink-soft: #eee8f7;--cf-danger: #9c3434;--cf-danger-soft: #fff1f1;--cf-warning-soft: #fff7df;--cf-warning-border: #e6ca72;--cf-flow-gradient: linear-gradient(135deg, var(--cf-primary), var(--cf-signal) 52%, var(--cf-accent));--cf-shadow-sm: 0 1px 2px rgba(32, 33, 58, .07);--cf-shadow-md: 0 14px 36px rgba(32, 33, 58, .12);--cf-shadow-lg: 0 28px 90px rgba(32, 33, 58, .2);--cf-radius: 8px;--cf-radius-sm: 6px;color:var(--cf-text);background:var(--cf-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:linear-gradient(115deg,color-mix(in srgb,var(--cf-primary-soft) 68%,transparent) 0 16%,transparent 16% 100%),linear-gradient(150deg,transparent 0 66%,color-mix(in srgb,var(--cf-accent-soft) 58%,transparent) 66% 78%,transparent 78%),linear-gradient(180deg,#ffffffdb,#fff0 360px),linear-gradient(90deg,color-mix(in srgb,var(--cf-primary) 5%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--cf-signal) 5%,transparent) 1px,transparent 1px),var(--cf-bg);background-size:auto,auto,auto,48px 48px,48px 48px,auto;margin:0;overflow-y:scroll}button{align-items:center;border:1px solid var(--cf-primary);border-radius:var(--cf-radius-sm);background:var(--cf-primary);color:#fff;cursor:pointer;display:inline-flex;font:inherit;gap:8px;justify-content:center;min-height:38px;padding:0 14px;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease}button:hover:not(:disabled){background:var(--cf-primary-hover);border-color:var(--cf-primary-hover)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--cf-accent) 55%,white);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{background:var(--cf-surface);border-color:var(--cf-border);color:var(--cf-text)}button.secondary:hover:not(:disabled){background:var(--cf-surface-muted);border-color:var(--cf-border-strong);color:var(--cf-text)}button.danger{background:var(--cf-danger);border-color:var(--cf-danger);color:#fff}.icon-button{align-items:center;background:var(--cf-surface);border-color:var(--cf-border);color:var(--cf-text);display:inline-flex;font-weight:700;justify-content:center;min-height:34px;padding:0;width:34px}.brand-mark,.section-icon{align-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--cf-primary) 92%,white),var(--cf-ink)),var(--cf-primary);border:1px solid color-mix(in srgb,var(--cf-primary) 50%,white);border-radius:var(--cf-radius-sm);box-shadow:0 12px 24px color-mix(in srgb,var(--cf-primary) 26%,transparent);color:#fff;display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;overflow:hidden;position:relative;width:38px}.brand-mark:before,.brand-mark:after{background:var(--cf-accent);content:"";height:7px;position:absolute;transform:rotate(-28deg);width:54px}.brand-mark:before{left:-18px;top:8px}.brand-mark:after{background:var(--cf-signal);bottom:8px;right:-20px}.brand-mark-text{font-size:14px;font-weight:850;letter-spacing:0;position:relative;text-shadow:0 1px 8px rgba(0,0,0,.32);z-index:1}.section-icon{background:var(--cf-ink);height:34px;width:34px}.ui-icon{align-items:center;display:inline-flex;flex:0 0 auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:900;justify-content:center;line-height:1;min-width:16px}.icon-button .ui-icon,.icon-action .ui-icon,.save-button .ui-icon{flex:0 0 auto}.toolbar{align-items:center;align-content:start;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:760px;min-height:84px}.global-search{position:relative;width:min(360px,42vw);z-index:10}.search-box{align-items:center;background:color-mix(in srgb,var(--cf-surface) 90%,var(--cf-signal-soft));border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);color:var(--cf-text-soft);display:flex;gap:8px;min-height:38px;padding:0 11px}.search-box:focus-within{border-color:var(--cf-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--cf-primary) 16%,transparent)}.search-box input{border:0;min-height:34px;padding:0}.search-box input:focus{outline:0}.search-popover{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-md);display:grid;gap:4px;left:0;margin-top:6px;max-height:320px;overflow:auto;padding:8px;position:absolute;right:0}.search-result{align-items:start;background:transparent;border:0;border-radius:var(--cf-radius-sm);color:var(--cf-text);display:grid;gap:2px;justify-content:stretch;min-height:0;padding:9px 10px;text-align:left;width:100%}.search-result:hover{background:var(--cf-signal-soft);border-color:transparent;color:var(--cf-text)}.search-result span:last-child,.search-empty{color:var(--cf-text-muted);font-size:13px;margin:0}.search-kind{color:var(--cf-text-soft);font-size:11px;font-weight:700;text-transform:uppercase}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--cf-bg: #f7f8fb;--cf-surface: #ffffff;--cf-surface-muted: #f3f6fb;--cf-surface-raised: #ffffff;--cf-border: #dde4ef;--cf-border-strong: #aeb9c8;--cf-text: #172033;--cf-text-muted: #657083;--cf-text-soft: #98a2b3;--cf-primary: #1f6fff;--cf-primary-hover: #1555d8;--cf-primary-soft: #eaf1ff;--cf-accent: #ff4f86;--cf-accent-soft: #fff0f5;--cf-signal: #22b573;--cf-signal-soft: #e9f8f1;--cf-ink: #081529;--cf-ink-soft: #e9edf5;--cf-danger: #e23d5b;--cf-danger-soft: #fff0f3;--cf-warning-soft: #fff7df;--cf-warning-border: #ffd36b;--cf-radius: 8px;--cf-radius-sm: 6px;--cf-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--cf-shadow-md: 0 14px 32px rgba(15, 23, 42, .12)}body{background:var(--cf-bg);color:var(--cf-text)}button{border-radius:7px;font-size:13px;min-height:34px}.shell{align-items:start;display:grid;gap:20px 24px;grid-template-columns:226px minmax(0,1fr) minmax(292px,320px);margin:0;max-width:1800px;min-height:100vh;padding:18px 18px 64px}.shell.settings-route{display:block;margin:0 auto;max-width:1120px;padding-left:24px;padding-right:72px}.shell.config-route{grid-template-columns:minmax(0,1fr);margin:0 auto;max-width:1240px;padding-left:24px;padding-right:72px}.shell.config-route>*{grid-column:1}.auth-shell{align-items:center;display:grid;gap:24px;grid-template-rows:minmax(0,1fr) auto;min-height:100vh;padding:24px}.auth-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--cf-surface) 94%,var(--cf-primary-soft)),var(--cf-surface) 42%),var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-md);display:grid;gap:20px;margin:0 auto;max-width:440px;padding:28px;width:100%}.app-footer{border-top:1px solid var(--cf-border);color:var(--cf-text-muted);font-size:13px;min-width:0;padding:16px 0 0;width:100%}.app-footer a{color:var(--cf-primary);overflow-wrap:anywhere;text-underline-offset:3px}.app-footer a:hover{color:var(--cf-primary-hover)}.empty-state{align-self:start;padding:clamp(24px,6vw,72px);border:1px dashed var(--cf-border-strong);border-radius:18px;background:var(--cf-surface-muted)}.empty-state h2{margin-top:0}.auth-shell .app-footer{margin:0 auto;max-width:440px}.auth-brand{display:grid;gap:10px}.auth-tabs{width:100%}.auth-tabs .segment{flex:1}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px}.auth-form label span{color:var(--cf-text-muted);font-size:13px;font-weight:700}.user-chip{align-items:center;background:var(--cf-ink-soft);border:1px solid color-mix(in srgb,var(--cf-ink) 16%,white);border-radius:var(--cf-radius-sm);color:var(--cf-ink);display:inline-flex;font-size:13px;min-height:34px;padding:0 12px}.topbar{align-items:start;background:linear-gradient(120deg,color-mix(in srgb,var(--cf-surface) 92%,var(--cf-primary-soft)),color-mix(in srgb,var(--cf-surface) 86%,var(--cf-signal-soft)) 62%,color-mix(in srgb,var(--cf-surface) 90%,var(--cf-accent-soft))),var(--cf-surface);border:1px solid color-mix(in srgb,var(--cf-border) 72%,white);border-radius:calc(var(--cf-radius) + 2px);box-shadow:var(--cf-shadow-sm);display:flex;gap:24px;justify-content:space-between;margin-bottom:0;min-height:96px;min-width:0;overflow:hidden;padding:22px;position:relative}.topbar:before,.topbar:after{content:"";pointer-events:none;position:absolute}.topbar:before{background:linear-gradient(135deg,transparent 0 17%,color-mix(in srgb,var(--cf-primary) 22%,transparent) 17% 20%,transparent 20% 42%,color-mix(in srgb,var(--cf-accent) 22%,transparent) 42% 45%,transparent 45%),linear-gradient(45deg,transparent 0 58%,color-mix(in srgb,var(--cf-signal) 24%,transparent) 58% 61%,transparent 61%);bottom:-20px;right:-10px;top:-12px;width:min(520px,48%)}.topbar:after{background:var(--cf-flow-gradient);bottom:0;clip-path:polygon(0 76%,12% 64%,34% 72%,52% 44%,70% 54%,100% 18%,100% 100%,0 100%);height:84px;left:0;opacity:.16;right:0}.topbar>*{position:relative;z-index:1}.title-block{min-width:0;padding-top:1px}.brand-line{align-items:center;display:flex;gap:12px;margin-bottom:10px}.eyebrow{color:var(--cf-text-muted);font-size:13px;font-weight:800;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.brand-line .eyebrow{margin:0}h1{font-size:34px;font-weight:800;letter-spacing:0;line-height:1.05;margin:0}.lede{color:var(--cf-text-muted);margin:10px 0 0;max-width:560px}.notice{background:var(--cf-warning-soft);border:1px solid var(--cf-warning-border);border-radius:var(--cf-radius);margin:0 0 18px;padding:12px 14px}.modal-backdrop{align-items:center;background:#1720266b;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:20}.modal{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-lg);max-height:calc(100vh - 40px);max-width:860px;overflow:auto;padding:22px;width:min(860px,100%)}.modal header{align-items:start;display:flex;justify-content:space-between;margin-bottom:18px}.modal h2{font-size:24px;margin:0}.detail-modal{max-width:980px}.shell{gap:0;grid-template-columns:160px minmax(0,1fr) minmax(300px,336px);grid-template-rows:auto minmax(0,1fr);max-width:none;padding:0}.shell.chat-sidecar-collapsed{grid-template-columns:160px minmax(0,1fr) 42px}.shell.mail-route{grid-template-columns:minmax(0,1fr) minmax(300px,336px)}.shell.mail-route.chat-sidecar-collapsed{grid-template-columns:minmax(0,1fr) 42px}.shell>*{grid-column:2}.shell.mail-route>*{grid-column:1}.topbar{align-items:center;background:color-mix(in srgb,var(--cf-surface) 96%,transparent);border:0;border-bottom:1px solid var(--cf-border);border-radius:0;box-shadow:none;grid-column:2;min-height:60px;overflow:visible;padding:10px 14px 10px 18px}.shell.mail-route .topbar{grid-column:1}.shell.chat-sidecar-open .topbar{display:grid;gap:8px 12px;grid-template-columns:minmax(120px,auto) minmax(0,1fr)}.shell.chat-sidecar-open .topnav{justify-self:start;max-width:100%;overflow-x:auto}.shell.chat-sidecar-open .toolbar{grid-column:1 / -1;width:100%}.shell.chat-sidecar-open .global-search{max-width:none;width:min(560px,100%)}.topbar:before,.topbar:after{display:none}.title-block,.toolbar{align-items:center;display:flex;flex-wrap:nowrap;min-height:0;padding:0}.title-block{flex:0 0 142px;min-width:0}.brand-mark{border-radius:8px;height:30px;width:30px}.brand-mark-text{font-size:11px}.topbar-current{display:grid;gap:2px;min-width:0}.topbar-current>span,.rail-section,.eyebrow{color:var(--cf-text-soft);font-size:11px;font-weight:800;letter-spacing:0;text-transform:none}.topbar-current h1{font-size:15px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-current .lede{display:none}.toolbar{flex:1;gap:8px;justify-content:flex-end;max-width:none;min-height:0;min-width:0}.topnav{align-items:center;background:color-mix(in srgb,var(--cf-surface-muted) 76%,var(--cf-surface));border:1px solid var(--cf-border);border-radius:8px;display:inline-flex;flex:0 0 auto;gap:2px;min-height:38px;min-width:0;padding:3px}.topnav-item{background:transparent;border:0;border-radius:6px;color:var(--cf-text-muted);font-size:13px;font-weight:750;gap:6px;min-height:30px;padding:0 10px;white-space:nowrap}.topnav-item:hover:not(:disabled),.topnav-item.active{background:var(--cf-surface);box-shadow:var(--cf-shadow-sm);color:var(--cf-text)}.global-search{max-width:520px;min-width:260px;width:min(46vw,520px)}.search-box{background:var(--cf-surface-muted);border-color:transparent;border-radius:7px;min-height:34px}.new-item-button{min-width:90px;padding:0 10px;white-space:nowrap}.new-item-button span{margin-left:2px}.theme-toggle{align-items:center;background:var(--cf-surface-muted);border:1px solid var(--cf-border);border-radius:7px;display:inline-flex;flex:0 0 auto;gap:2px;min-height:34px;padding:2px}.theme-toggle button{background:transparent;border:0;color:var(--cf-text-muted);min-height:28px;padding:0 9px}.theme-toggle button:hover:not(:disabled),.theme-toggle button.active{background:var(--cf-surface);color:var(--cf-text)}.user-chip{background:transparent;border:0;border-radius:999px;color:var(--cf-text);font-weight:800;gap:8px;min-height:34px;padding:0}.user-chip:first-letter,.user-chip{text-align:center}.user-chip small{display:none;color:var(--cf-text-muted);font-weight:600}.tabs{align-self:start;background:color-mix(in srgb,var(--cf-surface) 94%,var(--cf-primary-soft));border:0;border-right:1px solid var(--cf-border);border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:4px;grid-column:1;grid-row:1 / span 20;margin:0;min-height:100vh;padding:10px 8px;position:sticky;top:0}.shell.mail-route .tabs{display:none}.tabs:before{display:none}.rail-brand{align-items:center;border-bottom:1px solid var(--cf-border);display:flex;gap:8px;margin:0 0 8px;min-height:40px;padding:0 2px 9px}.rail-brand strong,.rail-brand span{display:block;line-height:1.12;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-brand strong{color:var(--cf-text);font-size:14px}.rail-brand span{color:var(--cf-text-soft);font-size:11px;font-weight:700;margin-top:2px}.rail-section{display:block;padding:9px 8px 4px}.tab{background:transparent;border-color:transparent;color:var(--cf-text-muted);gap:8px;justify-content:flex-start;min-height:32px;padding:0 8px;width:100%}button.tab.active,button.tab.active:hover:not(:disabled){background:var(--cf-primary-soft);border-color:transparent;box-shadow:none;color:var(--cf-primary)}.app-chat-panel{align-self:start;background:var(--cf-surface);border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;max-height:100vh;min-height:100vh;min-width:0;overflow:hidden;width:100%}.app-chat-sidecar-open{align-self:stretch;background:var(--cf-surface);border-left:1px solid var(--cf-border);box-shadow:-16px 0 36px color-mix(in srgb,var(--cf-ink) 8%,transparent);display:flex;grid-column:3;grid-row:1 / span 20;min-height:100vh;min-width:0;position:sticky;top:0}.shell.mail-route .app-chat-sidecar-open,.shell.mail-route .app-chat-sidecar-collapsed{grid-column:2}.app-chat-sidecar-toggle{align-self:start;background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:999px;box-shadow:var(--cf-shadow-sm);flex:0 0 auto;justify-self:start;margin:74px 0 0 -13px;min-height:26px;min-width:26px;padding:0;position:sticky;top:74px;z-index:3}.app-chat-sidecar-collapsed{align-self:stretch;background:color-mix(in srgb,var(--cf-surface) 96%,var(--cf-primary-soft));border-left:1px solid var(--cf-border);display:flex;grid-column:3;grid-row:1 / span 20;justify-content:center;min-height:100vh;padding-top:72px;position:sticky;top:0}.app-chat-strip-toggle{align-items:center;background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:999px;box-shadow:var(--cf-shadow-sm);color:var(--cf-text);display:inline-flex;flex-direction:column;gap:10px;height:auto;min-height:0;padding:10px 6px}.app-chat-strip-toggle:hover:not(:disabled){background:var(--cf-primary-soft);border-color:color-mix(in srgb,var(--cf-primary) 30%,var(--cf-border));color:var(--cf-primary)}.chat-strip-copy{align-items:center;display:flex;flex-direction:column;gap:2px;line-height:1;writing-mode:vertical-rl}.chat-strip-copy strong,.chat-strip-copy small{font-size:11px;letter-spacing:0}.chat-strip-copy small{color:var(--cf-text-soft);font-weight:700}.chat-strip-avatars{display:grid;gap:6px}.sidecar-avatar{box-shadow:0 0 0 1px var(--cf-border);height:24px;width:24px}.sidecar-avatar span{font-size:9px;line-height:1}.sidecar-ai-avatar{background:var(--cf-ink-soft);color:var(--cf-ink)}.system-users-page{display:grid;gap:18px;min-height:560px}.config-breadcrumbs{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto -2px;max-width:1180px;width:100%}.config-breadcrumbs ol{align-items:center;color:var(--cf-text-muted);display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px;list-style:none;margin:0;padding:0}.config-breadcrumbs li+li:before{color:var(--cf-border-strong);content:"/";margin-right:8px}.config-breadcrumbs [aria-current=page]{color:var(--cf-text);font-weight:800}.page-heading{align-items:end;background:linear-gradient(135deg,color-mix(in srgb,var(--cf-primary-soft) 72%,white),var(--cf-surface) 62%),var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);display:flex;justify-content:space-between;min-height:112px;padding:22px}.section-title{display:grid;gap:8px}.page-heading h2{font-size:24px;line-height:1.1;margin:0}.global-settings-page{display:grid;gap:18px}.settings-hero,.settings-panel{background:color-mix(in srgb,var(--cf-surface) 88%,var(--cf-ink-soft));border:1px solid var(--cf-border);border-radius:calc(var(--cf-radius) + 4px);box-shadow:var(--cf-shadow-sm);padding:clamp(18px,4vw,34px)}.settings-back{margin-bottom:18px}.settings-hero h2{font-size:clamp(32px,6vw,54px);letter-spacing:-.06em;margin:0 0 6px}.settings-panel{display:grid;gap:16px}.settings-panel>header{align-items:end;border-bottom:1px solid var(--cf-border);display:flex;gap:16px;justify-content:space-between;padding-bottom:14px}.settings-panel h3{font-size:24px;margin:0}.settings-panel>header p:last-child,.settings-muted{color:var(--cf-text-muted);margin:0;max-width:540px}.settings-list{display:grid;gap:4px}.settings-list.compact{gap:8px}.settings-row{align-items:center;border-radius:var(--cf-radius);display:grid;gap:12px;grid-template-columns:auto 1fr auto;min-width:0;padding:10px 12px}.settings-row:hover{background:color-mix(in srgb,var(--cf-signal-soft) 60%,transparent)}.settings-row-icon{align-items:center;background:var(--cf-ink-soft);border-radius:999px;color:var(--cf-ink);display:inline-flex;height:38px;justify-content:center;width:38px}.settings-row strong,.settings-link-card strong{display:block}.settings-row span,.settings-link-card span{color:var(--cf-text-muted);font-size:14px}.settings-row small{color:var(--cf-text-soft);display:block;font-size:12px;margin-top:3px}.settings-row-action{justify-self:end}.core-app-actions{align-items:center;display:flex;gap:8px}.module-settings-button{color:var(--cf-text-muted)}.module-settings-button:hover:not(:disabled){color:var(--cf-text)}.toggle-switch,.toggle-label{border-radius:999px;font-size:13px;font-weight:800;min-height:34px;padding:0 12px}.toggle-switch{justify-content:flex-start;min-width:72px;position:relative}.toggle-switch:before{background:#fff;border-radius:999px;box-shadow:var(--cf-shadow-sm);content:"";height:26px;left:4px;position:absolute;top:3px;transition:transform .12s ease;width:26px}.toggle-switch span{color:#fff;font-size:12px;line-height:1;position:relative;z-index:1}.toggle-switch.on{background:color-mix(in srgb,var(--cf-signal) 82%,var(--cf-primary));border-color:transparent;padding-left:12px;padding-right:34px}.toggle-switch.on:before{transform:translate(38px)}.toggle-switch.off{background:color-mix(in srgb,var(--cf-text-muted) 70%,white);border-color:transparent;justify-content:flex-end;padding-left:34px;padding-right:12px}.toggle-label.on{background:color-mix(in srgb,var(--cf-signal) 72%,white);border-color:transparent;color:var(--cf-ink)}.toggle-label.off{background:color-mix(in srgb,var(--cf-text-muted) 55%,white);border-color:transparent;color:var(--cf-ink)}.settings-flow-form{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(140px,1fr) minmax(180px,1fr) minmax(220px,2fr) auto}.settings-flow-form label{display:grid;gap:6px}.settings-flow-form label span{color:var(--cf-text-muted);font-size:13px;font-weight:800}.settings-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.settings-link-card{align-items:start;background:var(--cf-surface-raised);border:1px solid var(--cf-border);border-radius:var(--cf-radius);color:var(--cf-text);display:grid;gap:8px;justify-items:start;min-height:130px;padding:16px;text-align:left}.settings-link-card:hover{background:var(--cf-primary-soft);color:var(--cf-text)}.disabled-core-app{border-style:dashed}.page-metrics{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.page-metrics span{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:999px;color:var(--cf-text-muted);display:inline-flex;font-size:13px;gap:5px;padding:6px 10px}.page-metrics strong{color:var(--cf-text)}.system-users-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.system-users-list{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);overflow:hidden}.system-users-list table{min-width:680px}.system-user-form{background:linear-gradient(180deg,var(--cf-surface-raised),var(--cf-surface)),var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);display:grid;gap:12px;padding:18px;position:sticky;top:20px}.system-user-form h3{color:var(--cf-primary);font-size:13px;letter-spacing:.07em;margin:0;text-transform:uppercase}.system-user-form label{display:grid;gap:6px}.system-user-form label span{color:var(--cf-text-muted);font-size:13px;font-weight:700}.checkbox-row{align-items:center;display:flex!important;gap:8px}.checkbox-row input{min-height:0;width:auto}.detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.detail-meta>span:not(.pill){color:var(--cf-text-muted);font-size:13px}.detail-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 300px}.detail-layout h3{font-size:14px;margin:0 0 10px;text-transform:uppercase}.field-list{display:grid;gap:10px;margin:0}.field-value{background:var(--cf-surface-muted);border:1px solid var(--cf-border);border-radius:var(--cf-radius);padding:12px}.field-value dt{color:var(--cf-text-muted);font-size:12px;font-weight:700;margin-bottom:5px;text-transform:uppercase}.field-value dd{margin:0;overflow-wrap:anywhere}.markdown-value dd{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;white-space:pre-wrap}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.icon-action-row{align-items:center}.icon-action{background:var(--cf-surface);border-color:var(--cf-border);color:var(--cf-text);min-height:42px;padding:0;width:42px}.icon-action:hover,.icon-button:hover{background:var(--cf-surface-muted);border-color:var(--cf-border-strong);color:var(--cf-text)}.danger-icon{background:var(--cf-surface);border-color:color-mix(in srgb,var(--cf-danger) 28%,white);color:var(--cf-danger)}.danger-icon:hover{background:var(--cf-danger-soft);border-color:var(--cf-danger)}.detail-form{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions{align-items:end;display:flex;gap:8px;justify-content:flex-end}.form-footer{grid-column:1 / -1}.related-panels{border-top:1px solid var(--cf-border);display:grid;gap:14px;margin-top:20px;padding-top:18px}.related-panel{background:var(--cf-surface-muted);border:1px solid var(--cf-border);border-radius:var(--cf-radius);overflow-x:auto;padding:14px}.related-panel header{align-items:center;margin-bottom:10px}.related-panel h3{font-size:14px;margin:0;text-transform:uppercase}.related-summary{background:var(--cf-signal-soft);border:1px solid color-mix(in srgb,var(--cf-signal) 28%,white);border-radius:999px;color:#244b39;font-size:13px;padding:4px 9px}.related-panel table{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);min-width:720px}.related-panel th,.related-panel td{padding:10px 12px}.save-button{min-width:104px}.summary{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:8px 0 18px;min-height:94px}.summary>div{background:linear-gradient(140deg,color-mix(in srgb,var(--cf-surface-raised) 84%,var(--cf-primary-soft)),var(--cf-surface) 68%),var(--cf-surface);border:1px solid color-mix(in srgb,var(--cf-border) 84%,white);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);min-height:92px;overflow:hidden;padding:17px;position:relative}.summary>div:before{background:var(--cf-signal);content:"";height:100%;left:0;position:absolute;top:0;width:6px}.summary>div:after{background:var(--cf-flow-gradient);bottom:0;clip-path:polygon(0 76%,36% 58%,62% 72%,100% 32%,100% 100%,0 100%);content:"";height:42px;opacity:.12;position:absolute;right:0;width:88px}.summary>div:nth-child(2n){background:linear-gradient(140deg,color-mix(in srgb,var(--cf-surface-raised) 84%,var(--cf-accent-soft)),var(--cf-surface) 68%),var(--cf-surface)}.summary>div:nth-child(3n){background:linear-gradient(140deg,color-mix(in srgb,var(--cf-surface-raised) 84%,var(--cf-signal-soft)),var(--cf-surface) 68%),var(--cf-surface)}.summary>div>*{position:relative;z-index:1}.summary>div:nth-child(2n):before{background:var(--cf-accent)}.summary>div:nth-child(3n):before{background:var(--cf-primary)}.viewbar{align-items:center;display:flex;justify-content:flex-end;margin:0 0 12px;min-height:42px}.segmented{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);display:inline-flex;gap:4px;padding:4px}.segment{background:transparent;border:0;border-radius:var(--cf-radius-sm);color:var(--cf-text);min-height:32px;padding:0 12px}.segment.active{background:color-mix(in srgb,var(--cf-primary) 92%,var(--cf-ink));box-shadow:0 8px 18px color-mix(in srgb,var(--cf-primary) 16%,transparent);color:#fff}.segment.active:hover:not(:disabled){background:var(--cf-primary-hover);color:#fff}.metric{color:var(--cf-ink);display:block;font-size:28px;font-weight:850}.label{color:var(--cf-text-muted);display:block;font-size:14px;margin-top:6px}.role-badge{align-items:center;background:var(--cf-ink-soft);border:1px solid color-mix(in srgb,var(--cf-ink) 14%,white);border-radius:999px;color:var(--cf-ink);display:inline-flex;font-size:12px;font-weight:700;margin:0;min-height:26px;padding:4px 9px}.flow-builder{align-items:start;background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);display:grid;gap:18px;grid-template-columns:240px 1fr;margin-bottom:20px;padding:18px}.flow-builder h2{font-size:18px;margin:0}.field-grid{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr)) auto}.field-grid label{display:grid;gap:6px}.field-grid .field-wide{grid-column:1 / -1}.field-grid label span{color:var(--cf-text-muted);font-size:13px;font-weight:700}input,select,textarea{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);color:var(--cf-text);font:inherit;min-height:38px;min-width:0;padding:0 10px;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--cf-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--cf-primary) 16%,transparent);outline:0}.markdown-editor{background:var(--cf-surface);border:1px solid var(--cf-border-strong);border-radius:var(--cf-radius-sm);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;min-height:140px;padding:10px;resize:vertical}.field-grid small{color:var(--cf-danger);font-size:12px}.table-wrap{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);overflow-x:auto}.kanban-board{align-items:start;display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.kanban-column{--stage-color: var(--cf-signal);background:linear-gradient(145deg,color-mix(in srgb,var(--cf-surface-raised) 82%,var(--stage-color)),var(--cf-surface) 112px),var(--cf-surface);border:1px solid color-mix(in srgb,var(--cf-border) 86%,white);border-radius:var(--cf-radius);container-type:inline-size;flex:1 0 190px;min-height:220px;padding:14px;position:relative;box-shadow:var(--cf-shadow-sm);transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.kanban-column:before{background:linear-gradient(180deg,var(--stage-color),color-mix(in srgb,var(--stage-color) 22%,transparent)),var(--stage-color);border-radius:var(--cf-radius-sm);content:"";height:calc(100% - 20px);left:8px;opacity:.82;position:absolute;top:10px;width:4px}.kanban-column>*{position:relative;z-index:1}.kanban-column:nth-child(2n){--stage-color: var(--cf-accent)}.kanban-column:nth-child(3n){--stage-color: var(--cf-primary)}.kanban-column:nth-child(4n){--stage-color: var(--cf-ink)}.kanban-column.drop-target{border-color:var(--cf-accent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--cf-accent) 22%,white)}.kanban-column header{align-items:center;display:flex;justify-content:space-between;min-height:32px}.kanban-column h2{font-size:16px;font-weight:800;margin:0}.kanban-column h2 span{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-column header span{background:color-mix(in srgb,var(--stage-color) 13%,white);border:1px solid color-mix(in srgb,var(--stage-color) 22%,white);border-radius:999px;color:color-mix(in srgb,var(--stage-color) 72%,var(--cf-ink));font-size:12px;min-width:26px;padding:3px 8px;text-align:center}.kanban-stack{display:grid;gap:10px;margin-top:12px}.kanban-stack:empty:after{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--stage-color) 6%,transparent),transparent 68%),color-mix(in srgb,var(--cf-surface) 84%,var(--cf-surface-muted));border:1px dashed color-mix(in srgb,var(--stage-color) 28%,var(--cf-border));border-radius:var(--cf-radius);color:var(--cf-text-soft);content:"Ready";display:flex;font-size:13px;justify-content:center;min-height:96px}.kanban-card{background:linear-gradient(135deg,color-mix(in srgb,var(--stage-color) 7%,white),var(--cf-surface) 46%),var(--cf-surface);border:1px solid color-mix(in srgb,var(--stage-color) 16%,var(--cf-border));border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);overflow:hidden;padding:14px;position:relative;transition:border-color .12s ease,box-shadow .12s ease,opacity .12s ease,transform .12s ease}.kanban-card:before{background:color-mix(in srgb,var(--stage-color) 74%,white);content:"";height:100%;left:0;opacity:.68;position:absolute;top:0;width:3px}.kanban-card>*{position:relative;z-index:1}.kanban-card:hover{border-color:color-mix(in srgb,var(--stage-color) 44%,var(--cf-border-strong));box-shadow:var(--cf-shadow-md);transform:translateY(-1px)}.kanban-card.dragging{opacity:.45}.card-title{background:transparent;border:0;color:var(--cf-text);display:block;font-size:17px;font-weight:850;line-height:1.25;min-height:0;padding:0;text-align:left;width:100%}.card-title:hover{background:transparent;color:color-mix(in srgb,var(--stage-color) 72%,var(--cf-primary))}.card-meta{align-items:center;background:color-mix(in srgb,var(--stage-color) 9%,white);border:1px solid color-mix(in srgb,var(--stage-color) 18%,white);border-radius:999px;color:var(--cf-text-muted);display:inline-flex;font-size:12px;font-weight:700;margin-top:7px;padding:3px 8px;text-transform:uppercase}.kanban-card dl{display:grid;gap:8px 10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 10px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--stage-color) 14%,white)}.kanban-card dl div{display:grid;gap:2px}.kanban-card dt{color:var(--cf-text-muted);font-size:10px;font-weight:800;text-transform:uppercase}.kanban-card dd{font-size:13px;font-weight:600;margin:0;overflow-wrap:anywhere}@container (max-width: 260px){.kanban-card dl{grid-template-columns:1fr}}.card-actions{display:flex;flex-wrap:wrap;gap:6px}.card-actions button{min-height:32px;padding:0 10px}table{border-collapse:collapse;min-width:840px;width:100%}th,td{border-bottom:1px solid var(--cf-border);padding:14px 16px;text-align:left;vertical-align:middle}tbody tr:hover{background:color-mix(in srgb,var(--cf-primary-soft) 46%,transparent)}th{color:var(--cf-text-muted);font-size:12px;font-weight:700;text-transform:uppercase}td span{color:var(--cf-text-soft);display:block;font-size:13px;margin-top:4px}.pill{background:var(--cf-accent-soft);border:1px solid color-mix(in srgb,var(--cf-accent) 28%,white);border-radius:999px;color:#244b39;display:inline-flex;font-size:13px;margin:0;padding:4px 9px}.status-active{background:var(--cf-primary-soft);border-color:color-mix(in srgb,var(--cf-primary) 28%,white);color:var(--cf-primary)}.status-disabled{background:var(--cf-danger-soft);border-color:color-mix(in srgb,var(--cf-danger) 28%,white);color:var(--cf-danger)}.actions{display:flex;gap:8px;min-width:210px}.terminal{align-items:center;color:var(--cf-text-soft);display:inline-flex;font-size:13px;margin:0;min-height:38px}tr:last-child td{border-bottom:0}.details-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.panel{background:linear-gradient(180deg,var(--cf-surface-raised),var(--cf-surface)),var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);min-height:180px;padding:18px}.panel h2{font-size:18px;margin:0 0 12px}.stage-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.event-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.event-list li{border-top:1px solid var(--cf-border);padding-top:10px}.event-list strong{display:block}.event-list span{color:var(--cf-text-soft);display:block;font-size:13px;margin-top:3px}.apps-page,.flow-workspace{display:grid;gap:12px;padding:16px}.summary{gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0;min-height:0}.summary>div{border-radius:8px;min-height:66px;padding:12px 14px}.summary>div:after{display:none}.metric{font-size:22px}.label{font-size:12px;margin-top:2px}.flow-board-panel{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:8px;box-shadow:var(--cf-shadow-sm);min-width:0;overflow:hidden}.flow-board-header{align-items:center;border-bottom:1px solid var(--cf-border);display:flex;justify-content:space-between;min-height:50px;padding:10px 12px}.flow-board-title{display:block;font-size:16px;line-height:1.2}.flow-board-header .eyebrow{color:var(--cf-primary);margin:0 0 2px}.viewbar{margin:0;min-height:0}.segmented{background:var(--cf-surface-muted);border-color:transparent}.segment{min-height:28px}.kanban-board{gap:10px;padding:12px}.kanban-column{background:color-mix(in srgb,var(--stage-color) 7%,var(--cf-surface-muted));border-color:transparent;box-shadow:none;flex-basis:210px;min-height:360px;padding:10px}.kanban-column:before{display:none}.kanban-column header span{background:color-mix(in srgb,var(--stage-color) 15%,white)}.kanban-card{background:var(--cf-surface);border-color:color-mix(in srgb,var(--stage-color) 20%,var(--cf-border));padding:10px}.kanban-card:hover{box-shadow:0 10px 24px #0f172a1a}.card-title{font-size:13px}.card-meta,.kanban-card dt,.kanban-card dd,.card-actions button{font-size:11px}.kanban-card dl{gap:6px;margin:8px 0;padding-top:8px}.details-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(220px,.7fr);margin-top:0}.panel{border-radius:8px;min-height:132px;padding:14px}.panel h2{font-size:14px}.system-apps-page{display:grid;gap:18px}.app-card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.app-card{background:linear-gradient(145deg,color-mix(in srgb,var(--cf-primary-soft) 54%,var(--cf-surface)),var(--cf-surface) 48%);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);display:grid;gap:16px;grid-template-columns:42px minmax(0,1fr);min-height:230px;padding:20px}.app-card h2,.app-card p{margin:0}.app-card p{color:var(--cf-text-muted);margin-top:6px}.app-card-mark{align-items:center;background:var(--cf-ink);border-radius:var(--cf-radius-sm);color:#fff;display:flex;font-size:11px;font-weight:800;justify-content:center;min-height:42px;overflow:hidden}.app-flow-list{display:flex;flex-wrap:wrap;gap:6px;grid-column:1 / -1}.app-flow-list span{background:var(--cf-signal-soft);border:1px solid color-mix(in srgb,var(--cf-signal) 24%,white);border-radius:999px;color:var(--cf-text-muted);font-size:12px;padding:5px 9px}.app-card>button{align-self:end;grid-column:1 / -1}.app-state{color:var(--cf-text-muted);margin:0;padding:24px}.embedded-app-page{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-md);display:grid;grid-template-rows:auto minmax(480px,calc(100vh - 250px));min-height:560px;overflow:hidden}.embedded-app-bar{align-items:center;border-bottom:1px solid var(--cf-border);display:flex;gap:14px;padding:10px 12px}.embedded-app-bar div{display:grid;gap:2px}.embedded-app-bar span{color:var(--cf-text-muted);font-size:12px}.embedded-app-frame{min-height:0;position:relative}.embedded-app-frame iframe{background:var(--cf-surface);border:0;height:100%;width:100%}.frame-loading{color:var(--cf-text-muted);left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.embedded-app-state{align-content:center;display:grid;justify-items:center;padding:32px;text-align:center}.system-apps-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr)}.app-registry,.system-app-form,.app-events{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);padding:18px}.app-registry h3,.system-app-form h3,.app-events h3{margin:0 0 14px}.registry-app{align-items:center;border-top:1px solid var(--cf-border);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto auto;padding:12px 0}.registry-app div{display:grid}.registry-app div span{color:var(--cf-text-muted);font-size:12px}.system-app-form{display:grid;gap:12px}.system-app-form>label{display:grid;gap:6px}.system-app-form label>span,.app-grants legend{color:var(--cf-text-muted);font-size:13px;font-weight:700}.system-app-form textarea{min-height:78px;padding:9px 10px;resize:vertical}.app-grants{border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);display:grid;gap:10px;margin:4px 0;padding:14px}.flow-grant{background:var(--cf-surface-muted);border-radius:var(--cf-radius-sm);display:grid;gap:8px;padding:10px}.field-grants{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:24px}.conflict-notice{align-items:center;background:var(--cf-warning-soft);border:1px solid var(--cf-warning-border);border-radius:var(--cf-radius);display:flex;flex-wrap:wrap;gap:10px;padding:12px 14px}.conflict-notice span{color:var(--cf-text-muted);margin-right:auto}.app-events .event-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.agent-timeline{gap:20px}.agent-run{display:contents}.agent-message{max-width:min(88%,760px)}.agent-message header img{height:28px;width:28px}.run-status{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:999px;color:var(--cf-text-muted);font-size:10px;padding:2px 7px;text-transform:uppercase}.run-status.running,.run-status.waiting_approval{background:var(--cf-warning-soft);border-color:var(--cf-warning-border)}.run-status.completed{background:var(--cf-signal-soft);border-color:var(--cf-signal)}.tool-timeline{border-top:1px solid var(--cf-border);margin-top:10px;padding-top:8px}.tool-timeline>div{align-items:center;display:grid;font-size:11px;gap:8px;grid-template-columns:minmax(130px,1fr) auto minmax(100px,1fr);padding:5px 0}.tool-timeline code{overflow:hidden;text-overflow:ellipsis}.approval-queue{background:var(--cf-warning-soft);border-top:1px solid var(--cf-warning-border);display:grid;gap:10px;max-height:48%;overflow-y:auto;padding:14px}.approval-card{background:var(--cf-surface);border:1px solid var(--cf-warning-border);border-radius:var(--cf-radius);display:grid;gap:10px;padding:14px}.approval-card>header,.approval-card>footer{align-items:center;display:flex;gap:10px;justify-content:space-between}.approval-diff{display:grid;gap:10px;grid-template-columns:1fr 1fr}.approval-diff section{min-width:0}.approval-card pre{background:var(--cf-ink-soft);border-radius:calc(var(--cf-radius) - 5px);color:var(--cf-ink);font-size:11px;max-height:220px;overflow:auto;padding:10px;white-space:pre-wrap}.agent-composer{border-top:1px solid var(--cf-border)}.agent-attachments{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 0}.agent-attachments>span{background:var(--cf-signal-soft);border:1px solid var(--cf-signal);border-radius:999px;font-size:11px;padding:4px 8px}.agent-attachments>span button{background:transparent;border:0;color:var(--cf-danger);padding:0 0 0 6px}.attachment-controls{background:var(--cf-surface-raised);border:1px solid var(--cf-border);border-radius:var(--cf-radius);display:grid;gap:8px;grid-template-columns:1fr auto;padding:10px;position:absolute;width:min(460px,calc(100vw - 32px));z-index:4}.attachment-controls label:has(textarea){grid-column:1 / -1}.agent-prompt{border-top:0}.agent-controls{display:grid;gap:8px;grid-column:1 / -1;grid-template-columns:1fr 180px}.agent-controls label{display:grid;gap:3px}.agent-controls label span{color:var(--cf-text-muted);font-size:10px;font-weight:700;text-transform:uppercase}@media(max-width:600px){.approval-diff,.agent-controls,.tool-timeline>div{grid-template-columns:1fr}.approval-queue{max-height:55%}}.communications-shell{background:linear-gradient(180deg,color-mix(in srgb,var(--cf-surface) 92%,var(--cf-primary-soft)),var(--cf-surface) 180px),var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);display:block;height:min(760px,calc(100vh - 220px));min-height:520px;overflow:hidden}.communications-sidebar{background:color-mix(in srgb,var(--cf-surface-muted) 72%,var(--cf-surface));border-left:1px solid var(--cf-border);display:flex;flex-direction:column;grid-column:2;grid-row:1;min-height:0;overflow:hidden}.communications-detail{height:100%;min-height:0}.communications-sidebar-header,.conversation-header{align-items:center;background:color-mix(in srgb,var(--cf-surface) 92%,transparent);border-bottom:1px solid color-mix(in srgb,var(--cf-border) 82%,transparent);display:flex;gap:12px;justify-content:space-between;min-height:72px;padding:12px 16px}.communications-sidebar-header h2,.conversation-header h2{font-size:20px;line-height:1.15;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-header>div{flex:1;min-width:0}.conversation-header p{color:var(--cf-text-muted);font-size:12px;margin:2px 0 0}.conversation-list,.people-list{display:grid;gap:6px;overflow-y:auto;padding:10px}.conversation-list{border-bottom:1px solid var(--cf-border);flex:1}.app-chat-panel .conversation-list{border-bottom:0;flex:none;max-height:260px}.people-list{max-height:38%}.app-chat-panel .people-list{flex:none;max-height:none}.people-list h3{color:var(--cf-text-muted);font-size:11px;letter-spacing:.08em;margin:4px 8px;text-transform:uppercase}.conversation-row,.person-row{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--cf-radius-sm);color:var(--cf-text);display:flex;gap:10px;min-width:0;min-height:58px;padding:10px 11px;position:relative;text-align:left;width:100%}.conversation-row:hover,.person-row:hover{background:var(--cf-surface);border-color:var(--cf-border);box-shadow:var(--cf-shadow-sm);color:var(--cf-text)}.conversation-row.active{background:color-mix(in srgb,var(--cf-primary-soft) 78%,var(--cf-surface));border-color:color-mix(in srgb,var(--cf-primary) 24%,var(--cf-border));color:var(--cf-text)}.conversation-row.active:before{background:var(--cf-primary);border-radius:999px;content:"";height:calc(100% - 18px);left:4px;position:absolute;width:3px}.conversation-copy,.person-row>span:last-child{display:grid;flex:1;min-width:0}.conversation-copy strong,.conversation-copy small,.person-row strong,.person-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy small,.person-row small{color:var(--cf-text-muted);font-size:12px;font-weight:400;line-height:1.35}.chat-avatar{align-items:center;background:var(--cf-ink-soft);border:1px solid var(--cf-border);border-radius:50%;color:var(--cf-ink);display:inline-flex;flex:0 0 38px;font-size:12px;font-weight:800;height:38px;justify-content:center;position:relative}.chat-avatar i{background:var(--cf-signal);border:2px solid var(--cf-surface);border-radius:50%;bottom:-1px;height:11px;position:absolute;right:-1px;width:11px}.unread-badge{align-items:center;background:var(--cf-primary);border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;justify-content:center;min-height:20px;min-width:20px;padding:2px 6px}.communications-detail{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.communications-welcome{align-content:center;display:grid;flex:1;justify-items:center;padding:32px;text-align:center}.communications-welcome h2,.communications-welcome p{max-width:440px}.message-list{display:flex;flex:1;flex-direction:column;gap:10px;overflow-y:auto;padding:18px clamp(14px,3vw,28px)}.message{align-self:flex-start;background:color-mix(in srgb,var(--cf-surface-muted) 72%,var(--cf-surface));border:1px solid color-mix(in srgb,var(--cf-border) 80%,transparent);border-radius:var(--cf-radius);box-shadow:0 1px 1px #20213a0a;max-width:min(78%,680px);padding:10px 12px 9px}.message.mine{align-self:flex-end;background:color-mix(in srgb,var(--cf-primary-soft) 88%,var(--cf-surface));border-color:color-mix(in srgb,var(--cf-primary) 24%,var(--cf-border))}.message header,.message footer{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.message header time,.message header small,.message footer small{color:var(--cf-text-muted);font-size:11px}.message p{line-height:1.5;margin:7px 0;overflow-wrap:anywhere;white-space:pre-wrap}.message blockquote{border-left:3px solid var(--cf-primary);color:var(--cf-text-muted);font-size:12px;margin:7px 0;max-width:100%;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.message footer>button,.reply-composer button{background:transparent;border:0;color:var(--cf-primary);font-size:11px;font-weight:750;min-height:24px;padding:2px}.message footer>button:hover:not(:disabled),.reply-composer button:hover:not(:disabled){background:transparent;color:var(--cf-primary-hover);text-decoration:underline;text-underline-offset:2px}.message-tombstone{color:var(--cf-text-muted);font-style:italic}.reaction-row{display:inline-flex;gap:3px}.reaction-row .reaction{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:999px;color:var(--cf-text);font-size:12px;min-height:24px;padding:2px 7px}.reaction-row .reaction.active{background:var(--cf-signal-soft);border-color:var(--cf-signal)}.read-receipts{margin-left:auto}.typing-indicator{color:var(--cf-text-muted);font-size:12px;margin:0;padding:0 18px 6px}.message-composer{background:color-mix(in srgb,var(--cf-surface) 94%,var(--cf-primary-soft));border-top:1px solid color-mix(in srgb,var(--cf-border) 82%,transparent);display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px max(12px,env(safe-area-inset-bottom))}.message-composer textarea{background:var(--cf-surface);border-color:color-mix(in srgb,var(--cf-border-strong) 72%,var(--cf-border));box-shadow:var(--cf-shadow-sm);max-height:160px;min-height:46px;padding:11px 12px;resize:vertical}.message-composer>button{align-self:end;min-height:46px}.reply-composer{align-items:center;background:var(--cf-surface);border:1px solid var(--cf-border);border-left:3px solid var(--cf-primary);border-radius:var(--cf-radius-sm);display:flex;grid-column:1 / -1;gap:10px;justify-content:space-between;padding:6px 10px}.new-conversation{background:var(--cf-surface-raised);border-bottom:1px solid var(--cf-border);display:grid;gap:10px;max-height:62%;overflow-y:auto;padding:12px}.new-conversation header{align-items:center;display:flex;justify-content:space-between}.new-conversation form,.new-conversation fieldset,.new-person-list{display:grid;gap:8px}.new-conversation fieldset{border:1px solid var(--cf-border);max-height:180px;overflow-y:auto}.new-person-list button{align-items:flex-start;background:var(--cf-surface-muted);color:var(--cf-text);display:flex;flex-direction:column;text-align:left}.new-person-list button span{font-size:11px;opacity:.7}.communications-back{display:none}.communications-empty{align-self:center;background:color-mix(in srgb,var(--cf-surface-muted) 74%,var(--cf-surface));border:1px dashed var(--cf-border-strong);border-radius:var(--cf-radius);color:var(--cf-text-muted);margin:auto;max-width:320px;padding:22px;text-align:center}@media(max-width:980px){.communications-shell{display:block;height:calc(100dvh - 180px);min-height:480px}.communications-sidebar,.communications-detail{height:100%}.communications-shell.has-selection .communications-sidebar,.communications-shell:not(.has-selection) .communications-detail{display:none}.chat-agent-list .communications-shell:not(.has-selection) .communications-detail{display:block}.communications-sidebar{border-left:0}.communications-back{display:inline-flex}.message{max-width:88%}.message-composer{grid-template-columns:1fr}.message-composer>button{justify-self:stretch}}.app-chat-panel-header{align-items:center;border-bottom:1px solid var(--cf-border);display:flex;gap:12px;justify-content:space-between;min-height:58px;padding:10px 12px}.app-chat-panel-header h2{font-size:15px;margin:0}.app-chat-panel-scroll{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto}.chat-panel-section{border-bottom:1px solid var(--cf-border);display:grid;gap:4px;padding:8px}.chat-panel-section-title{align-items:center;display:flex;gap:8px;justify-content:space-between}.chat-panel-section-title h3{color:var(--cf-text-muted);font-size:11px;letter-spacing:.08em;margin:0;text-transform:uppercase}.chat-panel-section-title button{min-height:30px;padding:0 10px}.permissions-page,.permissions-form,.permission-matrix{display:grid;gap:16px}.permissions-tabs{justify-self:start}.permission-matrix{overflow-x:auto}.permission-grid{display:grid;gap:1px;grid-template-columns:minmax(210px,1fr) repeat(var(--permission-columns),minmax(130px,.7fr));min-width:max-content}.permission-grid>*{align-items:center;background:var(--cf-surface-muted);display:flex;min-height:42px;padding:8px 10px}.permission-column{align-items:flex-start;display:grid}.permission-column small{color:var(--cf-text-muted);font-size:10px}.permission-check{justify-content:center}.permission-corner,.permission-column{background:var(--cf-ink-soft);color:var(--cf-ink)}.permissions-form>button{justify-self:end}.role-card-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.role-card{align-items:stretch;background:var(--cf-surface-raised);border:1px solid var(--cf-border);color:var(--cf-text);display:grid;gap:12px;min-height:150px;padding:18px;text-align:left}.role-card:hover{border-color:var(--cf-primary);transform:translateY(-2px)}.role-card span,.flow-permission-card summary{align-items:center;display:flex;gap:10px;justify-content:space-between}.role-card p,.role-card small,.flow-permission-card summary span{color:var(--cf-text-muted)}.role-basics{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.role-basics label,.flow-permissions{display:grid;gap:8px}.role-description,.role-basics .checkbox-row{grid-column:1 / -1}.capability-list,.flow-action-list{display:flex;flex-wrap:wrap;gap:10px 18px}.flow-permission-card summary{cursor:pointer}.flow-action-list,.transition-grid{margin-top:16px}.transition-grid{display:grid;grid-template-columns:minmax(120px,1fr) repeat(var(--stage-count),minmax(90px,1fr));min-width:max-content;overflow-x:auto}.transition-grid>*{align-items:center;border:1px solid var(--cf-border);display:flex;justify-content:center;min-height:44px;padding:7px}.role-delete{justify-self:start!important}@media(max-width:700px){.role-basics{grid-template-columns:1fr}.role-description,.role-basics .checkbox-row{grid-column:auto}}.ai-settings,.ai-policy-form,.ai-policy-card,.ai-subscriptions{display:grid;gap:16px}.ai-policy-form{grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr)}.ai-policy-form>button{grid-column:1 / -1;justify-self:end}.ai-policy-card{align-content:start}.ai-capacity-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-policy-card fieldset{border:1px solid var(--cf-border);display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-scopes{display:grid;gap:6px}.ai-scopes p{align-items:center;background:var(--cf-surface-muted);border-radius:calc(var(--cf-radius) - 5px);display:grid;font-size:12px;gap:8px;grid-template-columns:minmax(110px,1fr) minmax(70px,.6fr) minmax(150px,1fr);margin:0;padding:8px 10px}.ai-model-header,.ai-subscriptions article,.authorization-progress p{align-items:center;display:flex;gap:12px;justify-content:space-between}.ai-model-row{display:grid;gap:8px;grid-template-columns:minmax(120px,.8fr) minmax(160px,1.2fr) repeat(2,minmax(100px,.6fr));margin-top:8px}.ai-subscriptions article{background:var(--cf-surface-muted);border:1px solid var(--cf-border);border-radius:calc(var(--cf-radius) - 4px);padding:10px 12px}.ai-subscriptions article>div{display:grid}.ai-subscriptions article span{color:var(--cf-text-muted);font-size:12px}.provider-auth-form{align-items:end;border-top:1px solid var(--cf-border);display:grid;gap:12px;grid-template-columns:1fr 1fr auto;padding-top:14px}.authorization-progress{background:var(--cf-primary-soft);border:1px solid color-mix(in srgb,var(--cf-primary) 30%,var(--cf-border));border-radius:var(--cf-radius);display:grid;gap:8px;padding:14px}.authorization-progress a{color:var(--cf-primary)}@media(max-width:980px){.ai-policy-form,.provider-auth-form{grid-template-columns:1fr}.ai-policy-form>button{grid-column:1}.ai-model-row{grid-template-columns:1fr 1fr}}@media(max-width:560px){.app-card-grid,.field-grants{grid-template-columns:1fr}.registry-app{grid-template-columns:minmax(0,1fr) auto}.registry-app button{grid-column:1 / -1}.embedded-app-bar{align-items:stretch;flex-direction:column}}.app-builder-page{display:grid;gap:18px;min-width:0}.builder-heading{background:linear-gradient(125deg,color-mix(in srgb,var(--cf-ink-soft) 76%,var(--cf-surface)),var(--cf-surface) 58%),var(--cf-surface)}.builder-actions,.builder-panel-heading,.preview-active,.source-viewer header,.revision-diff article header,.preview-confirmation header{align-items:center;display:flex;gap:12px;justify-content:space-between}.builder-back{justify-self:start}.builder-list-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr)}.builder-panel,.preview-confirmation,.preview-active{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);min-width:0;padding:18px}.builder-panel h2,.preview-confirmation h2,.grant-summary h3{margin:0}.builder-panel-heading{border-bottom:1px solid var(--cf-border);margin:-2px 0 12px;padding-bottom:12px}.builder-panel-heading>span,.preview-confirmation header>span{background:var(--cf-ink-soft);border-radius:999px;color:var(--cf-ink);font-size:12px;font-weight:800;padding:5px 9px;text-transform:uppercase}.builder-project-list,.history-list,.builder-create,.grant-summary{display:grid;gap:10px}.builder-project-card,.history-list button{background:var(--cf-surface-muted);border-color:var(--cf-border);color:var(--cf-text);display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;min-height:68px;padding:11px 12px;text-align:left;width:100%}.builder-project-card:hover,.history-list button:hover{background:var(--cf-primary-soft);border-color:var(--cf-primary);color:var(--cf-text)}.builder-project-card>span:first-child,.history-list button>span{display:grid;min-width:0}.builder-project-card small,.history-list small,.source-tree small,.preview-active small{color:var(--cf-text-muted)}.builder-project-card code{align-self:end;color:var(--cf-text-soft);font-size:11px;grid-column:1 / -1}.builder-status,.diff-operation{align-self:start;border:1px solid var(--cf-border);border-radius:999px;font-size:11px;font-weight:800;padding:4px 8px;text-transform:uppercase}.status-ready,.status-succeeded,.status-active{background:var(--cf-signal-soft);border-color:var(--cf-signal)}.status-failed,.status-cancelled,.operation-delete{background:var(--cf-danger-soft);border-color:var(--cf-danger);color:var(--cf-danger)}.builder-create>label{display:grid;gap:6px}.builder-create>label span,.builder-create legend{color:var(--cf-text-muted);font-size:13px;font-weight:700}.builder-create textarea{min-height:86px;padding:9px 10px;resize:vertical}.builder-create .app-grants>p{color:var(--cf-text-muted);font-size:12px;margin:0}.builder-facts{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:0}.builder-facts>div,.revision-diff article dl>div{background:var(--cf-surface-muted);border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);min-width:0;padding:10px 12px}.builder-facts dt,.revision-diff dt{color:var(--cf-text-soft);font-size:10px;font-weight:800;margin-bottom:5px;text-transform:uppercase}.builder-facts dd,.revision-diff dd{margin:0;overflow-wrap:anywhere}.builder-facts code{white-space:normal}.source-layout{display:grid;gap:14px;grid-template-columns:minmax(210px,.28fr) minmax(0,1fr);min-height:430px}.source-tree{align-content:start;display:grid;gap:6px}.source-tree h2{margin-bottom:10px}.source-tree button{background:transparent;border-color:transparent;color:var(--cf-text);display:grid;justify-content:stretch;min-height:44px;padding:7px 9px;text-align:left}.source-tree button:hover,.source-tree button.active{background:var(--cf-primary-soft);border-color:color-mix(in srgb,var(--cf-primary) 28%,var(--cf-border));color:var(--cf-text)}.source-tree span,.source-viewer code{overflow-wrap:anywhere}.source-viewer{display:grid;grid-template-rows:auto minmax(0,1fr);padding:0;overflow:hidden}.source-viewer header{border-bottom:1px solid var(--cf-border);padding:14px 16px}.source-viewer header>div{display:grid;gap:4px;min-width:0}.source-viewer pre,.revision-diff pre,.build-log pre{background:color-mix(in srgb,var(--cf-ink) 94%,black);color:#f4f0fb;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0;overflow:auto;padding:16px;white-space:pre}.builder-history,.build-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.history-list button code{color:var(--cf-text-muted);font-size:11px;overflow-wrap:anywhere}.preview-active{background:linear-gradient(110deg,var(--cf-signal-soft),var(--cf-surface));border-color:color-mix(in srgb,var(--cf-signal) 42%,var(--cf-border))}.preview-active>div:first-child{display:grid;gap:4px;min-width:0}.preview-active code,.preview-active small{overflow-wrap:anywhere}.revision-diff{display:grid;gap:14px}.revision-diff article{border-top:1px solid var(--cf-border);display:grid;gap:10px;padding-top:14px}.revision-diff article dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.build-timeline ol{list-style:none;margin:18px 0 0;padding:0}.build-timeline li{display:grid;gap:12px;grid-template-columns:14px minmax(0,1fr);min-height:72px}.timeline-dot{background:var(--cf-primary);border:3px solid var(--cf-primary-soft);border-radius:50%;height:14px;margin-top:2px;position:relative;width:14px}.timeline-dot:after{background:var(--cf-border);content:"";height:58px;left:3px;position:absolute;top:11px;width:2px}.build-timeline li:last-child .timeline-dot:after{display:none}.build-timeline p,.build-timeline time{color:var(--cf-text-muted);font-size:12px;margin:3px 0}.build-log{display:grid;gap:14px;grid-template-rows:auto minmax(260px,1fr) auto}.build-log pre{border-radius:var(--cf-radius-sm);white-space:pre-wrap}.build-failure,.preview-warning{background:var(--cf-warning-soft);border:1px solid var(--cf-warning-border);border-radius:var(--cf-radius-sm);margin:0;padding:11px 12px}.preview-confirmation{border-top:5px solid var(--cf-accent);display:grid;gap:16px}.preview-confirmation .eyebrow{margin-bottom:5px}.grant-summary{background:var(--cf-surface-muted);border-radius:var(--cf-radius-sm);padding:14px}.grant-summary div{display:grid;gap:3px}.grant-summary span,.grant-summary p,.csp-note{color:var(--cf-text-muted);font-size:13px}.preview-consent{background:var(--cf-primary-soft);border-radius:var(--cf-radius-sm);padding:12px}@media(max-width:980px){.builder-list-layout,.source-layout,.builder-history,.build-grid{grid-template-columns:1fr}.source-layout{min-height:0}.source-tree{grid-auto-columns:minmax(180px,.72fr);grid-auto-flow:column;overflow-x:auto}.source-tree h2{grid-column:1 / -1}.source-viewer{min-height:420px}}@media(max-width:560px){.builder-actions,.preview-active,.preview-confirmation header{align-items:stretch;flex-direction:column}.builder-actions button,.preview-active button{width:100%}.builder-facts,.revision-diff article dl{grid-template-columns:1fr}.source-viewer{margin-left:-12px;margin-right:-12px;min-height:58vh}}.mail-page{background:linear-gradient(180deg,color-mix(in srgb,var(--cf-surface) 92%,var(--cf-primary-soft)),var(--cf-surface) 220px),var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.mail-sidebar{background:color-mix(in srgb,var(--cf-surface-muted) 78%,var(--cf-surface));border-right:1px solid var(--cf-border);display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.mail-sidebar label,.mail-composer label,.mail-admin-form label,.mail-signature-form label{display:grid;gap:.35rem}.mail-sidebar nav{display:grid;gap:.35rem}.mail-sidebar nav button{border:1px solid transparent;border-radius:var(--cf-radius-sm);display:flex;justify-content:space-between;min-height:36px;padding:0 10px;text-align:left;background:transparent;color:var(--cf-text)}.mail-sidebar nav button:hover:not(:disabled){background:var(--cf-surface);border-color:var(--cf-border);color:var(--cf-text)}.mail-sidebar nav button.active{background:color-mix(in srgb,var(--cf-primary-soft) 88%,var(--cf-surface));border-color:color-mix(in srgb,var(--cf-primary) 28%,var(--cf-border));color:var(--cf-text);font-weight:750}.mail-main{background:color-mix(in srgb,var(--cf-surface) 94%,var(--cf-surface-muted));min-width:0;overflow-y:auto}.mail-section-heading,.mail-message-detail,.mail-composer{padding:clamp(1rem,2.2vw,1.5rem)}.mail-section-heading,.mail-detail-header,.mail-composer>header,.mail-admin-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.mail-section-heading{background:color-mix(in srgb,var(--cf-surface) 92%,transparent);border-bottom:1px solid color-mix(in srgb,var(--cf-border) 82%,transparent)}.mail-section-heading h2,.mail-detail-header h2,.mail-composer>header h2{line-height:1.15;margin:0}.mail-search,.mail-actions,.mail-compose-actions,.mail-admin-form{display:flex;align-items:end;flex-wrap:wrap;gap:.6rem}.mail-search input{min-width:min(320px,48vw)}.mail-state{border-radius:var(--cf-radius);margin:clamp(1rem,4vw,2rem)}.mail-quota{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);display:grid;font-size:.8rem;gap:.25rem;padding:.7rem}.mail-quota progress{width:100%;accent-color:var(--cf-primary)}.mail-new-folder{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem}.mail-message-list{display:grid;gap:.45rem;padding:.75rem}.mail-message-list>button{background:var(--cf-surface);border:1px solid color-mix(in srgb,var(--cf-border) 88%,transparent);border-radius:var(--cf-radius);box-shadow:0 1px 1px #20213a09;color:var(--cf-text);display:grid;grid-template-columns:1rem minmax(120px,.35fr) minmax(180px,1fr) auto;gap:.45rem .85rem;min-height:64px;padding:.9rem 1rem;text-align:left}.mail-message-list>button:hover{background:color-mix(in srgb,var(--cf-surface) 88%,var(--cf-primary-soft));border-color:color-mix(in srgb,var(--cf-primary) 20%,var(--cf-border));box-shadow:var(--cf-shadow-sm)}.mail-message-list>button>span:not(.mail-star){color:var(--cf-text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-message-list>button>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-message-list>button>time{color:var(--cf-text-soft);font-size:.82rem;justify-self:end;white-space:nowrap}.mail-message-list>button.unread strong,.mail-message-list>button.unread>span:not(.mail-star){font-weight:750}.mail-message-list>button.unread{border-color:color-mix(in srgb,var(--cf-primary) 24%,var(--cf-border))}.mail-star{color:var(--cf-accent);font-size:1rem;line-height:1.2;text-align:center}.mail-load-more{margin:1rem auto}.mail-detail-header>div{min-width:0}.mail-detail-header h2{font-size:clamp(1.35rem,2.2vw,1.8rem);overflow-wrap:anywhere}.mail-detail-header small{color:var(--cf-text-muted)}.mail-actions{background:color-mix(in srgb,var(--cf-surface-muted) 72%,var(--cf-surface));border:1px solid var(--cf-border);border-radius:var(--cf-radius);margin:1.25rem 0;padding:.65rem}.mail-actions details{position:relative}.mail-actions summary{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);cursor:pointer;min-height:38px;padding:.55rem .7rem}.mail-action-menu{position:absolute;z-index:2;display:grid;min-width:190px;padding:.5rem;border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);background:var(--cf-surface);box-shadow:var(--cf-shadow)}.mail-action-menu button{text-align:left}.mail-remote-state,.mail-contract-note{padding:.75rem;border-left:4px solid var(--cf-accent);border-radius:var(--cf-radius-sm);background:var(--cf-surface-muted);color:var(--cf-text-muted)}.mail-text-body{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);max-width:80ch;padding:1rem;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.mail-html-body{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);line-height:1.55;max-width:80ch;overflow-wrap:anywhere;padding:1rem}.mail-html-body img{max-width:100%;height:auto}.mail-html-body img[data-remote-image-blocked]{display:none}.mail-attachments,.mail-link-panel{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--cf-border)}.mail-attachments>div{display:flex;align-items:center;gap:.6rem;padding:.5rem 0}.mail-attachments>div>span{display:grid;margin-right:auto}.mail-attachments small{color:var(--cf-text-muted)}.mail-raw-link{display:inline-block;margin-top:1.5rem}.mail-flow-picker,.mail-recipient-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mail-composer{background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow-sm);display:grid;gap:1rem;margin:clamp(.75rem,2vw,1.25rem);max-width:900px}.mail-composer textarea{line-height:1.5;padding:.75rem}.mail-compose-attachments{display:flex;flex-wrap:wrap;gap:.4rem}.mail-compose-attachments>span{background:var(--cf-surface-muted);border:1px solid var(--cf-border);border-radius:999px;padding:.35rem .55rem}.mail-compose-attachments button{background:transparent;border:0;color:var(--cf-text);min-height:22px;padding:0 .25rem}.mail-signature-manager{display:grid;gap:1rem;padding:1rem;border:1px solid var(--cf-border);border-radius:var(--cf-radius)}.mail-signature-form{display:grid;gap:.75rem}.system-mail-page,.mail-admin-section{display:grid;gap:1rem}.mail-admin-section>header p{max-width:62ch;color:var(--cf-text-muted)}.mail-admin-form>label{min-width:150px;flex:1}.mail-admin-form .notice{width:100%}.mail-status-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mail-status-grid article{background:color-mix(in srgb,var(--cf-surface) 88%,var(--cf-primary-soft));border:1px solid var(--cf-border);border-radius:var(--cf-radius);display:grid;gap:.3rem;min-height:92px;padding:.9rem}.mail-status-grid article>span,.mail-ops-commands article>span{color:var(--cf-text-muted);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mail-status-grid strong{font-size:1.3rem}.mail-status-grid small{color:var(--cf-text-muted)}.mail-ops-commands{display:grid;gap:.55rem}.mail-ops-commands article{align-items:center;background:#17202a;border:1px solid color-mix(in srgb,var(--cf-ink) 35%,black);border-radius:var(--cf-radius);display:grid;gap:.45rem .75rem;grid-template-columns:120px minmax(0,1fr) auto;min-height:54px;padding:.65rem .75rem}.mail-ops-commands article>span{color:color-mix(in srgb,white 74%,var(--cf-primary-soft))}.mail-ops-commands code{color:#f8fafc;font-size:.86rem;overflow-wrap:anywhere;white-space:normal}.mail-ops-commands button{min-height:32px}.mail-mailbox-creator{background:color-mix(in srgb,var(--cf-surface-muted) 62%,var(--cf-surface));border:1px solid color-mix(in srgb,var(--cf-border) 82%,white);border-radius:var(--cf-radius);padding:.85rem}.mail-mailbox-creator .quota-field{align-items:end;display:grid;gap:.35rem .4rem;grid-template-columns:minmax(88px,1fr) auto}.mail-mailbox-creator .quota-field>span{grid-column:1 / -1}.mail-mailbox-creator .quota-field small{color:var(--cf-text-muted);padding-bottom:.65rem}.mail-admin-grid{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(260px,.56fr) minmax(420px,1fr)}.mail-admin-list{display:grid;gap:.55rem;max-height:460px;overflow-y:auto;padding-right:.25rem}.mailbox-card{align-items:start;background:var(--cf-surface);border:1px solid color-mix(in srgb,var(--cf-border) 84%,var(--cf-primary));border-radius:var(--cf-radius);box-shadow:0 1px 2px #20213a0d;color:var(--cf-text);display:grid;gap:.25rem;justify-content:stretch;min-height:76px;padding:.75rem .85rem;text-align:left;width:100%}.mailbox-card:hover:not(:disabled){background:color-mix(in srgb,var(--cf-surface) 88%,var(--cf-primary-soft));border-color:color-mix(in srgb,var(--cf-primary) 30%,var(--cf-border));color:var(--cf-text)}.mailbox-card.active,.mailbox-card.active:hover:not(:disabled){background:linear-gradient(135deg,var(--cf-primary),color-mix(in srgb,var(--cf-primary) 74%,var(--cf-ink)));border-color:transparent;box-shadow:0 12px 24px color-mix(in srgb,var(--cf-primary) 22%,transparent);color:#fff}.mailbox-card strong,.mailbox-card span,.mailbox-card small{display:block;min-width:0;overflow-wrap:anywhere}.mailbox-card strong{font-size:.98rem;line-height:1.2}.mailbox-card span,.mailbox-card small{color:var(--cf-text-muted);font-size:.84rem}.mailbox-card.active span,.mailbox-card.active small{color:color-mix(in srgb,white 82%,var(--cf-primary-soft))}.mail-admin-placeholder{align-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--cf-primary-soft) 56%,transparent),transparent 54%),color-mix(in srgb,var(--cf-surface-muted) 74%,var(--cf-surface));border:1px dashed var(--cf-border-strong);border-radius:var(--cf-radius);display:grid;min-height:240px;padding:clamp(1.25rem,4vw,2.5rem)}.mail-admin-placeholder h3{margin:0}.mail-admin-placeholder p{color:var(--cf-text-muted);margin:.5rem 0 0}.mail-grant-editor{display:grid;align-content:start;gap:.75rem}.mail-grant-table{display:grid;border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);overflow:hidden}.mail-grant-table>div{display:grid;grid-template-columns:minmax(170px,1fr) repeat(3,70px);align-items:center;padding:.6rem;border-top:1px solid var(--cf-border)}.mail-grant-table>div:first-child{border-top:0;background:var(--cf-surface-muted);font-weight:700}.mail-grant-table label{text-align:center}.mail-admin-section code{overflow-wrap:anywhere;white-space:normal}@media(max-width:700px){.mail-page{grid-template-columns:1fr;overflow:visible;height:auto}.mail-sidebar{border-right:0;border-bottom:1px solid var(--cf-border)}.mail-page.mail-view-open .mail-sidebar{display:none}.mail-sidebar nav{display:flex;overflow-x:auto}.mail-section-heading,.mail-admin-section>header{flex-direction:column}.mail-search{width:100%}.mail-search input{min-width:0;flex:1}.mail-message-list>button{grid-template-columns:1rem 1fr;gap:.25rem}.mail-message-list>button>span:not(.mail-star),.mail-message-list>button>time{grid-column:2}.mail-recipient-row,.mail-flow-picker,.mail-admin-grid{grid-template-columns:1fr}.mail-ops-commands article{grid-template-columns:1fr}.mail-actions{position:sticky;top:0;z-index:1;padding:.5rem;background:var(--cf-surface)}.mail-attachments>div{align-items:flex-start;flex-wrap:wrap}.mail-grant-table{overflow-x:auto}.mail-grant-table>div{min-width:410px}}.mail-page{border:0;border-radius:0;box-shadow:none}:root[data-theme=dark]{--cf-bg: #06111f;--cf-surface: #0d1b2b;--cf-surface-muted: #132438;--cf-surface-raised: #102136;--cf-border: #213449;--cf-border-strong: #3c5168;--cf-text: #edf5ff;--cf-text-muted: #a6b4c8;--cf-text-soft: #748299;--cf-primary: #3b82ff;--cf-primary-hover: #66a0ff;--cf-primary-soft: #102a55;--cf-accent: #ff5d8f;--cf-accent-soft: #351827;--cf-signal: #39c98b;--cf-signal-soft: #123526;--cf-ink: #e8f1ff;--cf-ink-soft: #182b44}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=dark] .topbar,:root[data-theme=dark] .tabs,:root[data-theme=dark] .app-chat-panel,:root[data-theme=dark] .flow-board-panel,:root[data-theme=dark] .panel,:root[data-theme=dark] .kanban-card,:root[data-theme=dark] .mail-page{background:var(--cf-surface)}:root[data-theme=dark] .kanban-column{background:color-mix(in srgb,var(--stage-color) 10%,var(--cf-surface-muted))}@media(max-width:980px){.shell{display:block;padding:18px 12px 44px}.topbar{align-items:stretch;flex-direction:column;gap:16px;min-height:0}.summary{display:grid;grid-auto-columns:minmax(136px,1fr);grid-auto-flow:column;grid-template-columns:none;min-height:0;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.summary>div{min-height:76px;padding:14px;scroll-snap-align:start}.summary>div:before{left:14px;right:14px}.metric{font-size:23px}.label{font-size:13px}.flow-builder,.field-grid{grid-template-columns:1fr}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,42px);justify-content:stretch;min-height:0}.global-search,.toolbar button{grid-column:1 / -1;width:100%}.toolbar .icon-button{grid-column:auto;grid-row:auto;width:42px}.user-chip{grid-column:1;grid-row:2;justify-content:center;width:100%}.tabs{flex-wrap:nowrap;flex-direction:row;margin:0 0 18px;min-height:0;overflow-x:auto;position:static}.tabs:before{display:none}.app-chat-panel,.app-chat-sidecar-collapsed{margin:0 0 18px;max-height:calc(100dvh - 172px);min-height:360px;position:static}.shell:not(.chat-human-list) .app-chat-panel,.shell:not(.chat-human-list) .app-chat-sidecar-collapsed{display:none}.tab{flex:0 0 auto;width:auto}.kanban-board{display:grid;gap:10px;grid-template-columns:1fr;min-height:0;overflow-x:visible}.kanban-column{flex-basis:auto;min-height:0}.kanban-stack:empty:after{min-height:56px}.page-heading{align-items:start;flex-direction:column}.config-breadcrumbs{align-items:stretch;flex-direction:column-reverse}.settings-panel>header,.settings-flow-form,.settings-row{align-items:stretch;grid-template-columns:1fr}.settings-panel>header{flex-direction:column}.settings-row-action{justify-self:stretch}.settings-row-action button,.toggle-switch,.toggle-label{justify-self:start}.page-metrics{justify-content:flex-start}.viewbar{justify-content:stretch}.segmented,.segment{width:100%}.details-grid,.detail-layout,.system-users-layout,.system-apps-layout{grid-template-columns:1fr}.embedded-app-page{border-left:0;border-radius:0;border-right:0;grid-template-rows:auto minmax(520px,calc(100dvh - 220px));margin-left:-12px;margin-right:-12px}.system-users-list{overflow-x:visible}.system-users-list table,.system-users-list thead,.system-users-list tbody,.system-users-list tr,.system-users-list th,.system-users-list td{display:block;min-width:0;width:100%}.system-users-list thead{display:none}.system-users-list tr{border-bottom:1px solid var(--cf-border);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:14px 16px}.system-users-list tr:last-child{border-bottom:0}.system-users-list td{border-bottom:0;padding:0}.system-users-list td:first-child{grid-column:1 / -1}.system-users-list td:nth-child(2):before,.system-users-list td:nth-child(3):before{color:var(--cf-text-soft);display:block;font-size:11px;font-weight:700;margin-bottom:3px;text-transform:uppercase}.system-users-list td:nth-child(2):before{content:"Role"}.system-users-list td:nth-child(3):before{content:"Status"}.system-users-list .actions{grid-column:1 / -1;min-width:0}h1{font-size:32px}}.dogtopus-avatar{height:58px;object-fit:contain;width:58px}.dogtopus-small{background:var(--cf-primary-soft);object-fit:contain;padding:3px}.dogtopus-hero{height:148px;margin-bottom:12px;object-fit:contain;width:148px}.dogtopus-entry,.human-chat-link{border-radius:0;flex:0 0 auto;margin:0}.human-chat-link{background:var(--cf-surface-muted);border:0;border-bottom:1px solid var(--cf-border);color:var(--cf-primary);text-align:left}@media(max-width:1120px){.shell,.shell.chat-sidecar-collapsed,.shell.chat-sidecar-open{grid-template-columns:132px minmax(0,1fr)}.shell.mail-route,.shell.mail-route.chat-sidecar-collapsed,.shell.mail-route.chat-sidecar-open{grid-template-columns:minmax(0,1fr)}.topbar{grid-column:2}.shell.mail-route .topbar{grid-column:1}.topnav{order:3;overflow-x:auto;width:100%}.shell:not(.chat-human-list) .app-chat-sidecar-collapsed,.app-chat-sidecar-collapsed{background:transparent;border-left:0;bottom:18px;display:block;grid-column:auto;grid-row:auto;min-height:0;padding:0;position:fixed;right:18px;top:auto;z-index:12}.app-chat-strip-toggle{border-radius:999px;flex-direction:row;padding:9px 12px}.chat-strip-copy{align-items:flex-start;writing-mode:horizontal-tb}.chat-strip-avatars{display:flex}.app-chat-sidecar-open{border:1px solid var(--cf-border);border-radius:var(--cf-radius);bottom:14px;box-shadow:var(--cf-shadow-lg);grid-column:auto;grid-row:auto;min-height:0;overflow:hidden;position:fixed;right:14px;top:14px;width:min(380px,calc(100vw - 28px));z-index:14}.shell:not(.chat-human-list) .app-chat-panel,.app-chat-panel{display:flex;max-height:calc(100dvh - 28px);min-height:calc(100dvh - 28px)}.app-chat-sidecar-toggle{margin:12px 0 0 -13px;position:absolute;top:0}}@media(max-width:980px){.shell,.shell.chat-sidecar-collapsed,.shell.chat-sidecar-open{display:block}.topbar{align-items:stretch;display:grid;gap:10px}.title-block{display:block}.topbar-current{display:grid}.tabs{min-height:0;padding:8px;position:static;top:auto}.flow-workspace{padding:12px}.toolbar{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) repeat(3,38px)}.global-search{grid-column:1 / -1;max-width:none;min-width:0;width:100%}.new-item-button{grid-column:1 / -1;width:100%}.theme-toggle{grid-column:1;justify-self:start}.toolbar .icon-button{width:38px}.user-chip{justify-content:center;width:38px}.details-grid{grid-template-columns:1fr}}