@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.flex{display:flex}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}}:root,[data-theme=light]{--background:#fff;--foreground:#171717;--muted:#f6f7f9;--muted-foreground:#64748b;--card:#ffffffe0;--card-strong:#fff;--border:#e2e8f0eb;--border-soft:#e2e8f09e;--primary:#2563eb;--primary-foreground:#fff;--primary-soft:#eff6ff;--success:#10b981;--success-soft:#ecfdf5;--warning:#f59e0b;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fff5f5;--purple:#8b5cf6;--purple-soft:#f3e8ff;--cyan-soft:#ecfeff;--orange-soft:#fff7ed;--bg:var(--background);--bg-grain:#f8fafc;--surface:var(--card);--surface-2:var(--muted);--surface-3:#eef2f7;--line:var(--border);--line-strong:#cbd5e1f2;--line-soft:#e2e8f080;--text:var(--foreground);--text-2:#334155;--text-3:#64748b;--text-4:#94a3b8;--accent:var(--primary);--accent-fg:var(--primary);--accent-ink:var(--primary-foreground);--accent-soft:#2563eb1a;--accent-glow:#2563eb38;--warn:var(--warning);--font-sans:Inter, "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", "SF Mono", "Cascadia Code", Consolas, monospace;--radius:10px;--radius-md:18px;--radius-lg:24px;--shadow-sm:0 1px 3px #0f172a14;--shadow-md:0 14px 34px #0f172a14;--shadow-blue:0 10px 22px #2563eb38}[data-theme=dark]{--background:#0f172a;--foreground:#e5e7eb;--muted:#1e293bc7;--muted-foreground:#94a3b8;--card:#0f172ac7;--card-strong:#111827f5;--border:#94a3b838;--border-soft:#94a3b824;--primary:#60a5fa;--primary-foreground:#08111f;--primary-soft:#60a5fa1f;--success:#34d399;--success-soft:#10b98121;--warning:#fbbf24;--warning-soft:#fbbf241f;--danger:#fb7185;--danger-soft:#fb71851f;--purple:#c084fc;--purple-soft:#a855f726;--cyan-soft:#22d3ee1c;--orange-soft:#fb923c1f;--bg:var(--background);--bg-grain:#111827;--surface:var(--card);--surface-2:var(--muted);--surface-3:#334155bf;--line:var(--border);--line-strong:#94a3b857;--line-soft:#94a3b81f;--text:var(--foreground);--text-2:#cbd5e1;--text-3:#94a3b8;--text-4:#64748b;--accent:var(--primary);--accent-fg:#93c5fd;--accent-ink:var(--primary-foreground);--accent-soft:#60a5fa24;--accent-glow:#60a5fa40;--warn:var(--warning)}*{box-sizing:border-box}::selection{background:var(--primary);color:var(--primary-foreground)}html,body,#root{height:100%}body{min-height:100vh;color:var(--foreground);background-color:var(--background);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:13px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-strong);color:var(--foreground);cursor:pointer;padding:7px 11px;font-weight:700;transition:border-color .14s,background .14s,color .14s,transform .14s,box-shadow .14s}button:hover{border-color:var(--line-strong);background:var(--muted)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.46;transform:none}button.primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-blue)}button.primary:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 14px 28px var(--accent-glow)}button.ghost{color:var(--muted-foreground);background:0 0;border-color:#0000}button.ghost:hover{border-color:var(--border);background:var(--muted);color:var(--foreground)}button.danger{background:var(--danger-soft);color:var(--danger);border-color:#dc262638}button.danger:hover{border-color:var(--danger);background:var(--danger-soft)}button.icon-btn{place-items:center;width:30px;height:30px;padding:0;display:inline-grid}input,select,textarea{border:1px solid var(--border);background:var(--card-strong);border-radius:var(--radius);outline:none;padding:8px 10px;transition:border-color .14s,box-shadow .14s,background .14s}input::placeholder,textarea::placeholder{color:var(--text-4)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:96px;font-family:var(--font-sans)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--font-mono);letter-spacing:0;font-size:12px}.eyebrow,.label{color:var(--muted-foreground);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.h-display{color:var(--foreground);letter-spacing:0;margin:0;font-size:21px;font-weight:850;line-height:1.2}.subtitle{max-width:62ch;color:var(--muted-foreground);margin:6px 0 0;font-size:12px;line-height:1.55}.kbd{border:1px solid var(--border);background:var(--muted);color:var(--muted-foreground);font-family:var(--font-mono);border-bottom-width:2px;border-radius:7px;align-items:center;padding:1px 6px;font-size:10px;display:inline-flex}.ui-button{min-height:34px}.ui-button-primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-blue)}.ui-button-primary:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 14px 28px var(--accent-glow)}.ui-button-ghost{color:var(--muted-foreground);background:0 0;border-color:#0000}.ui-button-ghost:hover{border-color:var(--border);background:var(--muted);color:var(--foreground)}.ui-button-danger{background:var(--danger-soft);color:var(--danger);border-color:#dc262638}.ui-button-danger:hover{border-color:var(--danger);background:var(--danger-soft)}.ui-select-trigger{border:1px solid var(--border);background:var(--card-strong);min-width:176px;height:34px;color:var(--text-2);box-shadow:var(--shadow-sm);border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px 0 12px;font-size:12px;font-weight:750;display:inline-flex}.ui-select-trigger:hover{border-color:var(--line-strong);background:var(--muted);color:var(--foreground)}.ui-select-trigger:focus-visible,.ui-select-trigger[data-state=open]{border-color:var(--primary);background:var(--card-strong);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.ui-select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-select-icon{width:14px;height:14px;color:var(--muted-foreground);flex:none}.ui-select-content{z-index:130;min-width:var(--radix-select-trigger-width);border:1px solid var(--border);background:var(--card-strong);border-radius:12px;overflow:hidden;box-shadow:0 18px 48px #0f172a29}.ui-select-content-popper{transform-origin:var(--radix-select-content-transform-origin)}.ui-select-viewport{max-height:min(340px,var(--radix-select-content-available-height));padding:5px}.ui-select-item{min-height:32px;color:var(--text-2);-webkit-user-select:none;user-select:none;border-radius:9px;outline:0;align-items:center;padding:0 10px 0 30px;font-size:12px;font-weight:700;display:flex;position:relative}.ui-select-item[data-highlighted]{background:var(--muted);color:var(--foreground)}.ui-select-item[data-state=checked]{color:var(--primary)}.ui-select-item-check{place-items:center;width:14px;height:14px;display:inline-grid;position:absolute;left:9px}.ui-select-item-check svg{width:13px;height:13px}.ui-dialog-overlay{z-index:120;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a47;position:fixed;inset:0}.ui-dialog-content{z-index:121;border:1px solid var(--border);background:var(--card-strong);border-radius:14px;width:min(400px,100vw - 48px);animation:.12s ease-out confirm-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 48px #0f172a29}.ui-dialog-content:focus{outline:0}.ui-dialog-title{color:var(--foreground);letter-spacing:0;margin:0 0 7px;font-size:17px;line-height:1.25}.ui-dialog-description{color:var(--muted-foreground);margin:0;font-size:12px;line-height:1.55}.dot{background:var(--text-4);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot.live{background:var(--success);animation:1.8s ease-out infinite pulse;box-shadow:0 0 #10b98142}.dot.warn{background:var(--warning)}.dot.danger{background:var(--danger)}@keyframes pulse{50%{opacity:.5}}.tag{border:1px solid var(--border);background:var(--muted);min-height:22px;color:var(--muted-foreground);vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:750;line-height:1;display:inline-flex}.tag.ok{background:var(--success-soft);color:#047857;border-color:#10b98142}[data-theme=dark] .tag.ok{color:var(--success)}.tag.muted{color:var(--muted-foreground)}.tag.danger{background:var(--danger-soft);color:var(--danger);border-color:#dc262638}.notice,.err{border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.notice{background:var(--success-soft);color:#047857;border-color:#10b98142}[data-theme=dark] .notice{color:var(--success)}.err{background:var(--danger-soft);color:var(--danger);border-color:#dc262638}.notice:before{content:"●"}.err:before{content:"!";font-weight:900}.divider-ascii{display:none}.toast-stack{z-index:160;pointer-events:none;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;top:78px;right:18px}.toast{border:1px solid var(--border);background:var(--card-strong);min-width:0;color:var(--foreground);pointer-events:auto;border-radius:14px;grid-template-columns:8px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 10px 12px 12px;font-size:12px;font-weight:750;line-height:1.45;animation:.18s ease-out toast-in;display:grid;box-shadow:0 18px 48px #0f172a29}.toast span:nth-child(2){overflow-wrap:anywhere;min-width:0}.toast-dot{background:var(--success);border-radius:50%;width:8px;height:8px;margin-top:5px}.toast-success{border-color:#10b98147}.toast-error{border-color:#dc262642}.toast-error .toast-dot{background:var(--danger)}.toast-close{width:24px;height:24px;color:var(--muted-foreground);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.toast-close:hover{background:var(--muted);color:var(--foreground)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.login-shell{background:radial-gradient(900px 560px at 16% 12%,#2563eb2e,transparent 58%),radial-gradient(760px 460px at 70% 86%,#8b5cf62e,transparent 60%),linear-gradient(#eef1f6 1px,transparent 1px),linear-gradient(90deg,#eef1f6 1px,transparent 1px),var(--background);background-size:auto,auto,58px 58px,58px 58px,auto;grid-template-columns:minmax(0,1fr) minmax(380px,480px);min-height:100vh;display:grid;position:relative;overflow:hidden}[data-theme=dark] .login-shell{background:radial-gradient(900px 560px at 16% 12%,#60a5fa38,transparent 58%),radial-gradient(760px 460px at 70% 86%,#a855f72e,transparent 60%),linear-gradient(#94a3b814 1px,transparent 1px),linear-gradient(90deg,#94a3b814 1px,transparent 1px),var(--background);background-size:auto,auto,58px 58px,58px 58px,auto}.login-shell .stage{flex-direction:column;justify-content:space-between;min-width:0;padding:52px 52px 52px clamp(52px,9vw,128px);display:flex}.login-shell .pitch{transform:translate(200px,-65px)}.login-shell .brand-row{color:var(--muted-foreground);align-items:center;gap:9px;font-size:12px;font-weight:750;display:flex}.login-shell .brand-row .mark{background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:900;display:inline-grid}.login-shell .brand-row .brand-name{color:var(--foreground);font-size:15px;font-weight:900}.login-shell .brand-row .version{color:var(--text-4);font-family:var(--font-mono);font-size:11px}.login-shell .pitch h1{max-width:680px;color:var(--foreground);letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(46px,6.4vw,88px);font-weight:900;line-height:1.02}.login-shell .pitch h1 .lime{color:var(--primary)}.login-shell .pitch p{max-width:80ch;color:var(--muted-foreground);margin:0;font-size:14px}.login-shell .stamp{color:var(--muted-foreground);font-family:var(--font-mono);font-size:11px}.login-form{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;align-self:center;margin:32px 32px 32px 0;padding:28px;transform:translate(-97px,232px)}.login-form .field{flex-direction:column;gap:8px;display:flex}.login-form .field label{color:var(--muted-foreground);font-size:12px;font-weight:750}.login-form .field input{width:100%}.login-password-row{align-items:center;gap:10px;display:flex}.login-password-row input{flex:1;min-width:0}.login-password-row button{flex:none;min-width:88px}.app-shell{background-color:var(--background);background-image:radial-gradient(760px 420px at 78% 5%,#2563eb14,#0000 60%),linear-gradient(#eef1f6 1px,#0000 1px),linear-gradient(90deg,#eef1f6 1px,#0000 1px);background-size:auto,58px 58px,58px 58px;grid-template-rows:64px minmax(0,1fr);grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.app-topbar{z-index:20;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#ffffffeb;grid-area:1/1/auto/-1;grid-template-columns:244px minmax(0,1fr);height:64px;display:grid;position:sticky;top:0}[data-theme=dark] .app-topbar{background:#0f172ae0}.topbar-brand{border-right:1px solid var(--border-soft);align-items:center;gap:10px;padding:0 18px;font-size:17px;font-weight:900;display:flex}.brand-mark{background:var(--foreground);width:34px;height:34px;color:var(--background);border-radius:11px;place-items:center;font-size:14px;display:grid}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;padding:0 18px;display:flex}.account-pill{border:1px solid var(--border);background:var(--card-strong);color:var(--text-2);border-radius:12px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.account-avatar{background:var(--primary);width:22px;height:22px;color:var(--primary-foreground);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.top-icon{border-radius:11px;place-items:center;width:34px;height:34px;padding:0;display:grid}.top-icon svg{stroke-width:2.3px;width:17px;height:17px}[data-theme=dark] .app-shell{background-image:radial-gradient(760px 420px at 78% 5%,#60a5fa24,#0000 60%),linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b814 1px,#0000 1px)}.rail{border-right:1px solid var(--border-soft);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffffe6;flex-direction:column;grid-area:2/1;align-self:stretch;gap:16px;height:calc(100vh - 64px);max-height:calc(100vh - 64px);padding:18px;display:flex;position:sticky;top:64px;overflow:hidden}[data-theme=dark] .rail{background:#0f172adb}.resource-rail .brand{display:none}.resource-rail .sidebar-status{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:16px;margin-top:auto;padding:12px}.resource-rail .sidebar-status strong{margin-bottom:8px;display:block}.resource-rail .health-row{color:var(--muted-foreground);justify-content:space-between;align-items:center;margin-top:5px;font-size:12px;display:flex}.rail .brand{align-items:center;gap:9px;padding:2px 5px 4px;display:flex}.rail .brand:before{content:"C";background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border-radius:10px;place-items:center;width:30px;height:30px;font-weight:900;display:inline-grid}.rail .brand .word{color:var(--foreground);letter-spacing:-.02em;font-size:16px;font-weight:850;display:block}.rail nav{gap:6px;display:grid}.rail nav .nav-eyebrow{display:none}.rail nav button{height:40px;color:var(--muted-foreground);text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:750;display:grid}.rail nav button:hover{background:var(--muted);color:var(--foreground)}.rail nav button.active{color:#111827;background:#e9eaec}[data-theme=dark] .rail nav button.active{color:var(--foreground);background:#334155db}.rail nav button .count{background:var(--card-strong);min-width:22px;color:var(--muted-foreground);text-align:center;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:750}.conn-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:18px;padding:14px}.conn-card .head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.conn-card .head strong{font-size:13px}.conn-card .head .status{background:var(--success-soft);color:#047857;border:1px solid #10b98142;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}[data-theme=dark] .conn-card .head .status{color:var(--success)}.conn-card.disconnected .head .status{background:var(--warning-soft);color:#b45309;border-color:#f59e0b47}.conn-card .actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.conn-card .actions button{padding:7px 8px;font-size:12px}.conn-card .actions .details-toggle,.conn-card .actions .primary{grid-column:1/-1}.conn-card .details{gap:10px;margin-top:12px;display:grid}.conn-card .body{background:var(--muted);border-radius:12px;grid-template-columns:76px minmax(0,1fr);gap:5px 10px;padding:10px;font-size:11px;display:grid}.conn-card .body .key{color:var(--muted-foreground)}.conn-card .body .val{overflow-wrap:anywhere;color:var(--foreground);font-weight:700}.lis-summary{background:var(--muted);border-radius:12px;gap:8px;padding:10px;display:grid}.lis-summary-row,.lis-stats{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.lis-label{color:var(--muted-foreground);font-size:11px}.lis-running.ok{color:#047857;font-weight:800}[data-theme=dark] .lis-running.ok{color:var(--success)}.lis-errors.err{color:var(--danger);font-weight:800}.conn-card.disconnected .form{gap:8px;display:grid}.conn-card.disconnected .form input{width:100%;font-size:12px}.prefs-bar{align-items:center;gap:8px;display:flex}.prefs-bar-rail{display:flex}.topbar-actions .prefs-bar-rail{background:0 0;border:0;border-radius:0;margin-top:0;padding:0}.prefs-bar-login{z-index:10;position:absolute;top:24px;right:28px}.pref-btn{border:1px solid var(--border);background:var(--card-strong);min-width:30px;height:30px;color:var(--foreground);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex}.pref-btn .pref-text{display:none}.footer-row{background:var(--card);color:var(--muted-foreground);border-radius:14px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:12px;display:flex}.footer-row button{color:var(--danger);padding:4px 6px;font-size:12px;font-weight:850}.work{flex-direction:column;grid-area:2/2;gap:18px;min-width:0;min-height:0;padding:24px 34px;display:flex}.inbox-work{height:calc(100vh - 64px);overflow:hidden}.work-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.work-head .meta{min-width:0}.work-head .meta .row{border:1px solid var(--border);background:var(--card);width:fit-content;color:var(--muted-foreground);letter-spacing:0;text-transform:none;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;margin-bottom:8px;padding:3px 9px;font-size:11px;font-weight:750;line-height:1.35;display:inline-flex}.work-head .actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.work-head .actions select{max-width:min(360px,42vw);height:34px;color:var(--text-2);font-size:12px}.work-head .actions .toolbar-select{max-width:min(360px,42vw)}.work-head .actions .mailbox-select{width:min(320px,34vw)}.sync-btn{align-items:center;gap:7px;display:inline-flex}.sync-icon{display:inline-block}.sync-btn.syncing .sync-icon{animation:.76s linear infinite spin}.flash-line{gap:8px;display:grid}.stagger,.dashboard-page,.connections-page,.duck-page,.settings-page{gap:16px;display:grid}.hero-board{border:1px solid var(--border);background:linear-gradient(135deg,var(--accent-soft),transparent 46%),var(--card);box-shadow:var(--shadow-md);border-radius:20px;padding:20px}.hero-board h2{letter-spacing:0;max-width:760px;margin:0;font-size:24px;line-height:1.22}.hero-board p{max-width:72ch;color:var(--muted-foreground);margin:8px 0 18px}.hero-actions,.connection-bind .actions,.card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card,.connection-bind,.connection-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:16px;padding:14px}.stat-card span{color:var(--muted-foreground);font-size:11px;font-weight:800;display:block}.stat-card strong{margin-top:7px;font-size:24px;line-height:1;display:block}.settings-panel{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:16px;gap:14px;padding:16px;display:grid}.settings-panel>div:first-child p{color:var(--muted-foreground);margin:5px 0 0;font-size:12px}.setting-row{border-top:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding-top:14px;display:grid}.setting-row span{gap:4px;min-width:0;display:grid}.setting-row small{color:var(--muted-foreground);font-size:12px;font-weight:650;line-height:1.45}.setting-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.settings-actions{border-top:1px solid var(--border-soft);justify-content:flex-end;padding-top:14px;display:flex}.connection-bind{grid-template-columns:minmax(240px,1fr) minmax(220px,320px) minmax(120px,180px) auto;align-items:center;gap:10px;display:grid}.login-name-field{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-strong);align-items:center;min-width:0;transition:border-color .14s,box-shadow .14s,background .14s;display:flex}.login-name-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.login-name-field input{min-width:0;box-shadow:none;background:0 0;border:0;flex:1}.login-name-field input:focus{box-shadow:none}.login-name-field span{border-left:1px solid var(--border-soft);color:var(--muted-foreground);flex:none;padding:0 10px;font-weight:800}.connection-bind p{color:var(--muted-foreground);margin:4px 0 0;font-size:12px}.connection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.connection-card{gap:12px;display:grid}.connection-card .card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.connection-card h2{margin:0;font-size:15px}.connection-meta{background:var(--muted);border-radius:12px;grid-template-columns:64px minmax(0,1fr);gap:6px 10px;margin:0;padding:10px;font-size:12px;display:grid}.connection-meta dt{color:var(--muted-foreground)}.connection-meta dd{overflow-wrap:anywhere;margin:0;font-weight:700}.duck-bind,.duck-generate{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:16px;grid-template-columns:minmax(240px,1fr) minmax(180px,260px) minmax(220px,1fr) auto;align-items:center;gap:10px;padding:14px;display:grid}.duck-generate{grid-template-columns:minmax(240px,1fr) minmax(220px,320px) minmax(220px,1fr) auto}.duck-bind p,.duck-generate p{color:var(--muted-foreground);margin:4px 0 0;font-size:12px}.duck-note-line{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12px;font-weight:750;display:flex}.duck-note-line label{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.duck-table{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:22px;overflow:hidden}.duck-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(220px,1fr) minmax(180px,240px) minmax(160px,1fr) 180px 130px;align-items:center;gap:12px;padding:13px 16px;display:grid}.duck-row:last-child{border-bottom:0}.duck-row.head{color:var(--muted-foreground);background:#f8fafcbd;font-size:11px;font-weight:850}[data-theme=dark] .duck-row.head{background:#1e293b8a}.create-bar{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;grid-template-columns:auto minmax(240px,1fr) auto auto;align-items:center;gap:10px;padding:14px;display:grid}.create-bar .composer{border:1px solid var(--border);background:var(--card-strong);min-width:0;font-family:var(--font-mono);border-radius:12px;align-items:center;gap:0;padding:4px 10px;font-size:12px;display:flex}.create-bar .composer span{color:var(--muted-foreground);white-space:nowrap}.create-bar .composer input{width:160px;min-width:72px;box-shadow:none;font-family:var(--font-mono);background:0 0;border:0;padding:6px 4px}.create-bar .hint{color:var(--muted-foreground);font-size:11px}.mb-table{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;overflow:hidden}.mb-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(220px,1fr) 108px 140px 126px 206px;align-items:center;gap:12px;padding:13px 16px;display:grid}.mb-row:last-child{border-bottom:0}.mb-row.head{color:var(--muted-foreground);background:#f8fafcbd;font-size:11px;font-weight:850}[data-theme=dark] .mb-row.head{background:#1e293b8a}.email-cell{gap:2px;min-width:0;display:grid}.email-cell .e{overflow-wrap:anywhere;color:var(--foreground);font-family:var(--font-mono);font-size:12px;font-weight:800}.email-cell .pref,.time-cell{color:var(--muted-foreground);font-size:11px}.ops{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.ops button{padding:6px 9px;font-size:12px}.empty-state{border:1px dashed var(--border);background:var(--card);color:var(--muted-foreground);text-align:center;border-radius:20px;padding:36px 24px}.empty-state .big{color:var(--foreground);letter-spacing:-.03em;margin-bottom:6px;font-size:20px;font-weight:850;display:block}.inbox{grid-template-columns:var(--list-width,360px) auto minmax(0,1fr);flex:1;min-height:0;display:grid}.list-pane,.detail-pane{border:1px solid var(--border);background:var(--card);min-width:0;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.pane-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.pane-head .label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;text-transform:none;overflow:hidden}.scroll{min-height:0;overflow:auto}.mail-row{border:0;border-bottom:1px solid var(--border-soft);text-align:left;background:0 0;border-radius:0;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;width:100%;padding:13px 14px;display:grid}.mail-row:hover{background:var(--muted)}.mail-row.selected{background:var(--primary-soft)}.mail-row .subj{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--foreground);font-size:13px;font-weight:850;overflow:hidden}.mail-row .time{color:var(--muted-foreground);font-size:11px}.mail-row .meta{min-width:0;color:var(--muted-foreground);grid-column:1/-1;align-items:center;gap:8px;font-size:12px;display:flex}.mail-row .from{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mail-row .att{color:var(--primary)}.list-resizer{cursor:col-resize;touch-action:none;width:18px;position:relative}.list-resizer:after,.rail-resizer:after{content:"";background:0 0;border-radius:999px;width:2px;height:34px;transition:background .14s,height .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.list-resizer:hover:after,.list-resizer.dragging:after,.rail-resizer:hover:after,.rail-resizer.dragging:after{background:var(--primary);height:56px}.rail-resizer{cursor:col-resize;z-index:5;touch-action:none;width:6px;position:absolute;top:0;bottom:0;right:0}.detail-empty{color:var(--muted-foreground);text-align:center;flex:1;place-items:center;padding:40px;font-size:20px;font-weight:850;display:grid}.detail-empty small{color:var(--text-4);margin-top:8px;font-size:12px;font-weight:650;display:block}.detail-head{border-bottom:1px solid var(--border-soft);padding:18px 20px}.detail-head .crumbs{color:var(--muted-foreground);align-items:center;gap:8px;margin-bottom:8px;font-size:11px;display:flex}.detail-delete{margin-left:auto;padding:6px 10px;font-size:12px}.detail-head h2{color:var(--foreground);letter-spacing:-.03em;margin:0 0 12px;font-size:20px;line-height:1.25}.detail-head dl{color:var(--muted-foreground);grid-template-columns:64px minmax(0,1fr);gap:6px 12px;margin:0;font-size:12px;display:grid}.detail-head dt{color:var(--muted-foreground)}.detail-head dd{overflow-wrap:anywhere;color:var(--foreground);margin:0;font-weight:700}.detail-body{flex:1;min-height:0;padding:18px 20px;overflow:auto}.detail-body .frame{border:1px solid var(--border);background:#fff;border-radius:18px;overflow:hidden}.detail-body iframe{background:#fff;border:0;width:100%;min-height:420px}.detail-body pre{border:1px solid var(--border);background:var(--muted);color:var(--foreground);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);border-radius:18px;margin:0;padding:18px;font-size:12px;line-height:1.7}.attachments{flex-direction:column;gap:6px;padding:0 20px 12px;display:flex}.attachments .label{letter-spacing:0;text-transform:none}.attachments a{border:1px solid var(--border);background:var(--muted);width:fit-content;color:var(--foreground);border-radius:12px;padding:7px 10px;font-size:12px;font-weight:750}.reply-box{border-top:1px solid var(--border-soft);gap:10px;padding:14px 20px 18px;display:grid}.reply-box .head,.reply-box .row{justify-content:space-between;align-items:center;gap:12px;display:flex}.reply-box .opts{color:var(--muted-foreground);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.reply-box label{align-items:center;gap:5px;display:inline-flex}.reply-box textarea{background:var(--card-strong);font-size:12px}.confirm-dialog{border:1px solid var(--border);background:var(--card-strong);border-radius:14px;gap:0;width:min(400px,100%);animation:.12s ease-out confirm-in;display:grid;box-shadow:0 18px 48px #0f172a29}.confirm-copy{min-width:0;padding:20px 20px 0}.confirm-copy h2{color:var(--foreground);letter-spacing:0;margin:0 0 7px;font-size:17px;line-height:1.25}.confirm-copy p{color:var(--muted-foreground);margin:0;font-size:12px;line-height:1.55}.confirm-mail{background:var(--muted);border-radius:10px;gap:2px;min-width:0;margin:14px 20px 0;padding:10px 11px;display:grid}.confirm-mail strong{font-size:12px;line-height:1.35}.confirm-mail strong,.confirm-mail span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.confirm-input{margin:14px 20px 0}.confirm-input input{width:100%}.confirm-actions{justify-content:flex-end;gap:8px;padding:18px 20px 20px;display:flex}.confirm-actions button{min-width:84px;height:34px;padding:0 12px}@keyframes confirm-in{0%{opacity:0;transform:translateY(4px)scale(.99)}to{opacity:1;transform:none}}.drawer-veil{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;position:fixed;inset:0}.drawer{z-index:101;border-left:1px solid var(--border);background:var(--card-strong);flex-direction:column;width:min(640px,94vw);animation:.22s slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 70px #0f172a2e}@keyframes slide-in{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:none}}.drawer .head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-end;gap:12px;padding:22px 24px 16px;display:flex}.drawer .head h2{letter-spacing:-.03em;margin:0;font-size:22px;line-height:1.2}.drawer .head .num,.drawer-subtitle{color:var(--muted-foreground);font-size:11px}.drawer .body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px 24px;display:flex;overflow:auto}.drawer .body .field{grid-template-columns:82px minmax(0,1fr);align-items:start;gap:12px;display:grid}.drawer .body .field label{color:var(--muted-foreground);padding-top:8px;font-size:12px;font-weight:750}.drawer .body .field input,.drawer .body .field textarea{width:100%}.drawer .body .field .from-val{font-family:var(--font-mono);color:var(--primary);overflow-wrap:anywhere;padding-top:8px;font-size:12px}.drawer .opts{color:var(--muted-foreground);gap:12px;font-size:12px;display:flex}.drawer .opts label{align-items:center;gap:5px;display:inline-flex}.drawer .actions{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px 20px;display:flex}.drawer .actions .left{color:var(--muted-foreground);font-size:11px}.drawer .actions .right{gap:8px;display:flex}.rule-panel{border:1px solid var(--border);background:var(--muted);border-radius:18px;gap:12px;padding:14px;display:grid}.rule-section-title,.range-title{color:var(--muted-foreground);font-size:12px;font-weight:850}.rule-options,.range-block{gap:8px;display:grid}.rule-option{border:1px solid var(--border);background:var(--card-strong);text-align:left;border-radius:14px;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:9px;width:100%;padding:11px;display:grid}.rule-option.active{border-color:var(--primary);background:var(--primary-soft)}.rule-dot{border:1px solid var(--line-strong);border-radius:50%;width:10px;height:10px;margin-top:5px}.rule-option.active .rule-dot{border-color:var(--primary);background:var(--primary)}.rule-option strong{font-size:12px;display:block}.rule-option small{color:var(--muted-foreground);margin-top:3px;font-size:12px;line-height:1.45;display:block}.rule-option.compact{align-items:center}.range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.listeners-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.listener-card{border:1px solid var(--border);background:var(--card);border-radius:18px;gap:10px;padding:14px;display:grid}.listener-card .top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.listener-card .em{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:12px;font-weight:800}.listener-card dl{grid-template-columns:72px minmax(0,1fr);gap:5px 10px;margin:0;font-size:11px;display:grid}.listener-card dt{color:var(--muted-foreground)}.listener-card dd{overflow-wrap:anywhere;margin:0}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}@media(max-width:1080px){.work{padding:22px}.stats-grid,.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-bind,.duck-bind,.duck-generate{grid-template-columns:minmax(220px,1fr) minmax(220px,320px)}.connection-bind .actions{justify-content:flex-start}.duck-row{grid-template-columns:minmax(200px,1fr) minmax(150px,220px) minmax(140px,1fr) 150px 120px}.mb-row{grid-template-columns:minmax(180px,1fr) 90px 120px 110px 160px}}@media(max-width:880px){html,body,#root{height:auto;min-height:100%}.login-shell{grid-template-columns:1fr;min-height:100dvh;overflow:auto}.login-shell .stage{gap:28px;min-height:auto;padding:28px 22px 0}.login-shell .pitch{padding-top:30px;transform:none}.login-shell .pitch h1{max-width:520px;font-size:clamp(36px,11vw,58px)}.login-shell .pitch p{max-width:58ch}.login-form{justify-self:center;width:calc(100% - 40px);max-width:440px;margin:20px auto 26px;padding:24px;transform:none}.app-shell{background-size:auto,44px 44px,44px 44px;flex-direction:column;grid-template-rows:auto;grid-template-columns:1fr;min-height:100dvh;display:flex;overflow-x:hidden}.app-topbar{grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:58px;position:sticky;top:0}.topbar-brand{border-right:0;min-width:0;padding:10px 14px}.brand-mark{border-radius:10px;width:30px;height:30px}.topbar-actions{gap:6px;min-width:0;padding:10px 12px 10px 0}.account-pill{padding:6px 8px}.top-icon,.pref-btn{width:32px;min-width:32px;height:32px;padding:0}.rail{z-index:19;border-right:0;border-bottom:1px solid var(--border);scrollbar-width:none;flex:none;width:100%;height:auto;max-height:none;padding:10px 12px;position:sticky;top:58px;overflow:auto hidden}.rail::-webkit-scrollbar{display:none}.rail nav{gap:8px;width:max-content;min-width:100%;display:flex}.rail nav button{white-space:nowrap;grid-template-columns:none;justify-content:center;width:auto;min-width:max-content;height:36px;padding:0 12px;display:inline-flex}.rail nav button .count{min-width:20px;padding:1px 6px}.resource-rail .sidebar-status,.rail-resizer,.list-resizer{display:none}.work,.inbox-work{flex:auto;grid-area:auto;gap:14px;width:100%;height:auto;min-height:0;padding:16px;overflow:visible}.work-head{grid-template-columns:1fr;gap:12px}.h-display{font-size:20px}.work-head .actions{justify-content:flex-start;width:100%}.work-head .actions .toolbar-select,.work-head .actions .mailbox-select,.work-head .actions button{width:100%;max-width:none}.ui-select-trigger{width:100%;min-width:0;height:38px}.ui-select-content{max-width:calc(100vw - 28px)}.hero-board{border-radius:18px;padding:16px}.hero-board h2{font-size:20px}.hero-actions,.connection-bind .actions,.card-actions{align-items:stretch}.hero-actions button,.connection-bind .actions button,.card-actions button{flex:128px}.stats-grid,.connection-grid{grid-template-columns:1fr}.connection-bind,.duck-bind,.duck-generate{border-radius:18px;grid-template-columns:1fr;align-items:stretch}.duck-note-line{flex-direction:column;align-items:flex-start}.setting-row{grid-template-columns:1fr;align-items:flex-start}.settings-actions{justify-content:flex-start}.login-name-field{min-height:38px}.connection-card .card-head{align-items:flex-start}.connection-meta{grid-template-columns:58px minmax(0,1fr)}.create-bar{border-radius:18px;grid-template-columns:1fr;padding:13px}.create-bar .composer{width:100%}.create-bar .composer input{width:100%;min-width:0}.create-bar button{width:100%}.inbox{flex:none;grid-template-columns:1fr;gap:14px;min-height:auto}.list-pane,.detail-pane{border-radius:18px;overflow:hidden}.list-pane .scroll{max-height:42dvh}.pane-head{align-items:flex-start;min-height:auto;padding:12px}.pane-head>span:last-child{flex:none}.mail-row{padding:12px}.detail-empty{min-height:220px;padding:32px 18px}.detail-head{padding:15px}.detail-head .crumbs{flex-wrap:wrap;align-items:flex-start}.detail-delete{width:auto;margin-left:0}.detail-head h2{font-size:18px}.detail-body{padding:14px 15px;overflow:visible}.detail-body iframe{min-height:360px}.detail-body pre{padding:14px}.attachments{padding:0 15px 12px}.reply-box{padding:13px 15px 15px}.reply-box .head,.reply-box .row{flex-direction:column;align-items:stretch}.reply-box .row button{width:100%}.mb-row,.duck-row,.create-bar{grid-template-columns:1fr}.mb-row.head,.duck-row.head{display:none}.mb-table,.duck-table{box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;display:grid;overflow:visible}.mb-row,.duck-row{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:18px;align-items:stretch;gap:10px;padding:13px}.mb-row:last-child{border-bottom:1px solid var(--border)}.ops{justify-content:flex-start}.ops button{flex:92px;min-height:34px}.range-grid,.listeners-grid{grid-template-columns:1fr}.drawer{border-left:0;width:100vw}.drawer .head{align-items:flex-start;padding:18px 18px 14px}.drawer .head h2{font-size:20px}.drawer .body{padding:16px 18px}.drawer .body .field{grid-template-columns:1fr;gap:7px}.drawer .body .field label,.drawer .body .field .from-val{padding-top:0}.drawer .actions{flex-direction:column;align-items:stretch;padding:14px 18px 18px}.drawer .actions .right{grid-template-columns:1fr 1fr;display:grid}.confirm-dialog{width:100%}}@media(max-width:560px){button,input,select,textarea{font-size:13px}.login-shell .stage{padding:22px 18px 0}.login-shell .pitch{padding-top:22px}.login-shell .pitch h1{font-size:clamp(34px,13vw,48px)}.login-form{border-radius:22px;width:calc(100% - 28px);margin-bottom:20px;padding:22px}.login-password-row{flex-direction:column;align-items:stretch}.topbar-brand{gap:8px;padding-left:12px;font-size:15px}.brand-mark{width:28px;height:28px;font-size:12px}.topbar-actions{gap:5px;padding-right:10px}.account-pill{display:none}.rail{padding:9px 10px;top:58px}.rail nav button{height:34px;padding:0 11px;font-size:12px}.work,.inbox-work{padding:13px 12px 16px}.hero-board h2{font-size:18px}.hero-actions,.card-actions,.connection-bind .actions{grid-template-columns:1fr;display:grid}.stat-card strong{font-size:22px}.connection-card .card-head,.listener-card .top{flex-direction:column}.connection-meta,.detail-head dl,.listener-card dl{grid-template-columns:1fr;gap:3px}.login-name-field span{padding:0 8px}.pane-head{flex-direction:column}.pane-head>span:last-child{justify-content:space-between;width:100%}.list-pane .scroll{max-height:46dvh}.mail-row{grid-template-columns:minmax(0,1fr)}.mail-row .time{grid-row:2}.mail-row .meta{grid-row:3}.detail-body iframe{min-height:320px}.attachments a{overflow-wrap:anywhere;width:100%}.reply-box .opts{flex-direction:column;gap:8px}.confirm-copy{padding:18px 18px 0}.confirm-mail{margin:13px 18px 0}.confirm-actions{grid-template-columns:1fr;padding:16px 18px 18px;display:grid}.confirm-actions button{width:100%;min-height:38px}.drawer .actions .right{grid-template-columns:1fr}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}