:root,[data-theme=claro]{--brand:#2563eb;--bg:#fcfcfc;--surface:#fcfcfc;--surface-0:#f9f9f9;--surface-2:#f9f9f9;--surface-3:#f0f0f0;--sidebar:#f9f9f9;--menu:#fff;--rail:linear-gradient(180deg, #e9e5fd 0%, #f3f1fe 100%);--rail-text:#4b3fb3;--rail-text-2:#6b6493;--rail-on:#7b68ee29;--topbar:#f9f9f9;--search-bg:#f0f0f0;--pane:#fcfcfc;--border:#e8e8e8;--border-strong:#cecece;--text:#202020;--text-2:#646464;--text-3:#838383;--placeholder:#8d8d8d;--hover:#0000000a;--press:#00000012;--accent:#7b68ee;--accent-hover:#5f48ea;--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--accent-text:#5f48ea;--danger:#e5484d;--overdue:#e5484d;--warning:#b54708;--unsaved:#d15d00;--unsaved-bg:#ff780024;--success:#084;--success-bg:#30a46c24;--info:#3e63dd;--shadow-sm:0 1px 2px #0000000e;--shadow-card:0 0 1px #00000054, 0 1px 2px #0000000e;--shadow-md:0 0 1px #00000054, 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-xl:0 32px 64px -16px #00000059, 0 0 0 1px #0000000f;--ring:0 0 0 3px var(--accent-soft);--scrim:#00000073;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-2xl:12px;--r-full:999px;--h-xs:24px;--h-sm:28px;--h-md:32px;--h-lg:36px;--row-h:35px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Helvetica, Arial, sans-serif;--topbar-h:40px;--page-x:48px;--page-top:16px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:16px;--fs-h1:20px;--fs-h2:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=oscuro]{--bg:#111;--surface:#111;--surface-0:#090909;--surface-2:#191919;--surface-3:#222;--sidebar:#191919;--menu:#191919;--rail:linear-gradient(180deg, #221b53 0%, #15142a 100%);--rail-text:#fff;--rail-text-2:#ffffffb8;--rail-on:#ffffff29;--topbar:#090909;--search-bg:#2a2a2a;--pane:#111;--border:#2a2a2a;--border-strong:#484848;--text:#eee;--text-2:#b4b4b4;--text-3:#7b7b7b;--placeholder:#6e6e6e;--hover:#ffffff12;--press:#ffffff1a;--accent:#6347ea;--accent-hover:#5c47cd;--accent-soft:#7f77f133;--accent-text:#a89fff;--danger:#ff8589;--overdue:#ff8589;--warning:#ffc53d;--unsaved:#ff9a3d;--unsaved-bg:#ff78002e;--success:#3dd68c;--info:#7b93ff;--shadow-sm:0 1px 2px #0000000e;--shadow-card:0 0 1px #fff5, 0 1px 2px #0000000e;--shadow-md:0 0 1px #fff5, 0 4px 6px -1px #0000001b, 0 2px 4px -2px #0000001b;--shadow-xl:0 0 1px #fff5, 0 24px 48px -12px #0009;--scrim:#00000090;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);font-size:var(--fs-md);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--accent) 22%, transparent)}.btn{height:var(--h-md);border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg);color:var(--text-2);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 11px;font-size:14px;font-weight:500;transition:background .1s,color .1s;display:inline-flex}.btn:hover{background:var(--hover);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff;border-color:#0000}.btn.primary:hover{background:var(--accent-hover);color:#fff}.btn.ghost{background:0 0;border-color:#0000}.btn.danger{color:var(--danger)}.btn.danger.primary{background:var(--danger);color:#fff}.btn.sm{height:var(--h-xs);border-radius:var(--r-sm);font-size:var(--fs-sm);padding:0 7px}.ib{width:28px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.ib:hover{background:var(--hover);color:var(--text)}.input{height:var(--h-md);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);color:var(--text);outline:none;width:100%;padding:0 10px;font-size:14px}.input::placeholder,textarea::placeholder{color:var(--placeholder)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:var(--ring)}textarea.input{height:auto;padding:8px 10px;line-height:1.5}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23838383' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;padding-right:28px}@supports (appearance:base-select){select{appearance:base-select!important}::picker(select){appearance:base-select!important}select{align-items:center}select::picker-icon{display:none}select:not([class]){background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:2px 8px}::picker(select){border-radius:var(--r-lg);background:var(--menu);color:var(--text);box-shadow:var(--shadow-xl);scrollbar-width:thin;border:0;max-height:min(320px,60vh);margin-top:4px;padding:4px;overflow-y:auto}select option{cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:8px;min-height:28px;padding:4px 8px;font-size:14px;display:flex}select option:hover,select option:focus-visible{background:var(--hover);outline:none}select option:checked{font-weight:500}select option::checkmark{color:var(--accent-text);order:1;margin-left:auto}select option:disabled{color:var(--text-3);cursor:default;background:0 0}}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:15px;height:15px}.field{font-size:var(--fs-sm);color:var(--text-3);flex-direction:column;gap:6px;font-weight:500;display:flex}.av{color:#fff;width:24px;height:24px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.avs{align-items:center;display:flex}.avs .av+.av{margin-left:-6px}.status{border-radius:var(--r-sm);height:20px;font-size:var(--fs-sm);text-transform:uppercase;white-space:nowrap;background:var(--c);color:#fff;align-items:center;gap:4px;padding:2px 6px 2px 4px;font-weight:500;line-height:16px;display:inline-flex}.status:before{content:"";background:conic-gradient(currentColor 0 50%, transparent 50% 100%);border:1.5px solid;border-radius:50%;flex:none;width:10px;height:10px;margin:0 2px}.status[data-type=open],.status.soft{background:var(--hover);color:var(--text)}.status[data-type=open]:before,.status.soft:before{border-style:dashed;border-color:var(--text-3);background:0 0}.status[data-type=done]:before,.status[data-type=closed]:before{background:currentColor}.sicon{border:1.75px solid var(--c);background:conic-gradient(var(--c) 0 50%, transparent 50% 100%);background-clip:content-box;border-radius:50%;flex:none;width:16px;height:16px;padding:2px;display:inline-block}.sicon[data-type=open]{border-style:dashed;border-color:var(--text-3);background:0 0;padding:0}.sicon[data-type=done],.sicon[data-type=closed]{background:var(--c);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 8.3 2.3 2.2 4.7-5'/%3E%3C/svg%3E");padding:0}.sicon[data-milestone]{border-style:solid;border-color:var(--c);background:color-mix(in srgb, var(--c) 28%, transparent);border-radius:2px;padding:0;transform:rotate(45deg)scale(.8)}.sicon[data-milestone][data-type=open]{border-color:var(--text-3);background:0 0}.sicon[data-milestone][data-type=done],.sicon[data-milestone][data-type=closed]{background:var(--c);background-image:none}.eyebrow{color:var(--text);margin:0;font-size:14px;font-weight:600}.tag{border-radius:var(--r-xs);height:20px;font-size:var(--fs-sm);background:color-mix(in srgb, var(--c,#838383) 22%, transparent);color:var(--text);align-items:center;margin-right:4px;padding:0 6px;font-weight:500;display:inline-flex}.chip{height:var(--h-xs);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-2);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:0 7px;font-weight:500;display:inline-flex}.chip:hover{background:var(--hover);color:var(--text)}.chip[aria-pressed=true],.chip[aria-current],.chip.on{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.ph{padding:var(--page-top) var(--page-x) 0;flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.ph>div:first-child{flex:1;min-width:0}.ph h1{font-size:var(--fs-h1);align-items:center;gap:10px;margin:0;font-weight:600;display:flex}.ph p{color:var(--text-3);margin:4px 0 0;font-size:14px}.ph-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vtabs{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;padding-bottom:4px;display:flex}.vtab{height:24px;color:var(--text-2);border-radius:5px;align-items:center;gap:4px;padding:0 4px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.vtab:hover{background:var(--hover);color:var(--text)}.vtab[aria-current]{color:var(--text);font-weight:600}.vtab[aria-current]:after{content:"";background:var(--text);border-radius:2px;height:2px;position:absolute;bottom:-5px;left:0;right:0}.canvas{flex:1}.card{background:var(--menu);border-radius:var(--r-lg);min-width:0;box-shadow:var(--shadow-card);flex-direction:column;display:flex}.card-head{align-items:center;gap:8px;min-height:44px;padding:12px 16px 6px;display:flex}.card-head .eyebrow{flex:1;align-items:center;gap:8px;display:flex}.card-head a{font-size:var(--fs-sm);color:var(--text-3);border-radius:var(--r-sm);align-items:center;gap:4px;padding:2px 6px;font-weight:500;display:inline-flex}.card-head a:hover{background:var(--hover);color:var(--text)}.card-body{flex-direction:column;padding:0 8px 8px;display:flex}.card-body>.empty-state{border:0;margin:0 8px 8px;padding:18px}.metric{flex-direction:row;align-items:center;gap:12px;padding:16px;display:flex}.metric-icon{border-radius:var(--r-md);width:36px;height:36px;color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);flex:none;place-items:center;display:grid}.metric div>span{color:var(--text-3);font-size:var(--fs-sm);font-weight:500;display:block}.metric div>b{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:1.2;display:block}.panel{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg)}.empty-state{text-align:center;color:var(--placeholder);border:1px dashed var(--border);border-radius:var(--r-xl);flex-direction:column;align-items:center;gap:6px;margin:0;padding:24px 20px;font-size:14px;display:flex}.empty-state h2{color:var(--text);margin:0;font-size:16px;font-weight:600}.count-pill{font-size:var(--fs-sm);color:var(--text-3);font-variant-numeric:tabular-nums;align-items:center;font-weight:500;display:inline-flex}.menu{z-index:40;border-radius:var(--r-xl);background:var(--menu);min-width:230px;box-shadow:var(--shadow-md);flex-direction:column;gap:1px;padding:4px 0;font-size:14px;display:flex;position:absolute}.menu>*{flex-shrink:0}.menu-label{font-size:var(--fs-sm);color:var(--text-3);padding:6px 20px 6px 16px;font-weight:500}.menu-item{min-height:28px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:calc(100% - 16px);margin:0 8px;padding:4px 8px;font-size:14px;font-weight:400;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--hover);outline:none}.menu-item[aria-checked=true]{background:var(--hover);font-weight:500}.menu-item:disabled{opacity:.5;cursor:default;background:0 0}.menu-item[aria-disabled=true]{color:var(--text-2);cursor:default}.menu-item[aria-disabled=true]:hover{background:0 0}.soon-badge{background:var(--hover);color:var(--text-3);letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex:none;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600;line-height:16px}.muted{color:var(--text-3)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mention{color:var(--accent-text);background:var(--accent-soft);border-radius:var(--r-xs);padding:0 2px;font-weight:500}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}@media (max-width:760px){:root{--page-x:16px}}[data-flash]{animation:1.6s ease-out flash}@keyframes flash{0%,40%{box-shadow:0 0 0 2px var(--accent)}to{box-shadow:0 0 0 2px #0000}}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);z-index:60;color:#fff;white-space:nowrap;pointer-events:none;text-transform:none;letter-spacing:0;background:#2a2a2a;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;line-height:16px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}[data-tip-end]:hover:after,[data-tip-end]:focus-visible:after{left:auto;right:0;transform:none}[aria-disabled=true][data-tip]{cursor:default}.add-channel{border:1px solid var(--border);background:var(--bg);height:24px;color:var(--placeholder);font:inherit;cursor:pointer;white-space:nowrap;border-radius:5px;margin-right:4px;padding:0 6px;font-size:12px;font-weight:500}.add-channel:hover{color:var(--text-2);background:var(--hover)}[data-tip][aria-expanded=true]:hover:after{display:none}
