:root{--color-bg:#1E1E1E;--color-surface:#141414;--color-surface-raised:#252525;--color-border:#333;--color-text:#e0e0e0;--color-muted:#888;--color-accent:#4a9eff;--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#f87171;--color-purple:#a78bfa;--color-orange:#fb923c;--color-cyan:#8be9fd;--color-hover:rgba(255,255,255,0.03);--text-xs:0.7rem;--text-sm:0.8rem;--text-base:0.875rem;--text-lg:1rem;--text-xl:1.125rem;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'SF Mono','Fira Code','Monaco',monospace;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--z-visor:500;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--input-height-sm:28px;--input-height-md:36px;--input-height-lg:44px;--nav-width:250px;--nav-width-collapsed:48px}[data-theme="light"]{--color-bg:#f5f5f5;--color-surface:#ffffff;--color-surface-raised:#f0f0f0;--color-border:#d4d4d4;--color-text:#1a1a1a;--color-muted:#666;--color-accent:#2563eb;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-purple:#7c3aed;--color-orange:#ea580c;--color-cyan:#0891b2;--color-hover:rgba(0,0,0,0.03)}[data-theme="high-contrast"]{--color-bg:#000000;--color-surface:#0a0a0a;--color-surface-raised:#1a1a1a;--color-border:#555;--color-text:#ffffff;--color-muted:#aaa;--color-accent:#5cb3ff;--color-success:#5eff8a;--color-warning:#ffcc33;--color-danger:#ff5555;--color-purple:#c4a8ff;--color-orange:#ff9f43;--color-cyan:#a0f0ff;--color-hover:rgba(255,255,255,0.06)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:1.5;color:var(--color-text);background:var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:color-mix(in srgb,var(--color-accent) 80%,#fff)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:1.3;color:var(--color-text)}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}h4{font-size:var(--text-sm)}h5{font-size:var(--text-sm)}h6{font-size:var(--text-xs)}input[type="text"],input[type="email"],input[type="search"],input[type="url"],input[type="password"],input[type="number"],textarea,select{width:100%;min-height:var(--input-height-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:0.7}textarea{min-height:80px;resize:vertical;line-height:1.5}button{font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}button:disabled{opacity:0.5;cursor:not-allowed}code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;line-height:1.5}pre code{background:none;padding:0;border-radius:0}table{border-collapse:collapse;width:100%}th,td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-muted)}label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}img{max-width:100%;height:auto}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted);text-transform:uppercase;flex-shrink:0}.badge--success{color:var(--color-success);border-color:var(--color-success)}.badge--warning{color:var(--color-warning);border-color:var(--color-warning)}.badge--danger{color:var(--color-danger);border-color:var(--color-danger)}.badge--muted{color:var(--color-muted);border-color:var(--color-border)}.badge--accent{color:var(--color-bg);background:var(--color-accent);border-color:var(--color-accent)}.badge--pulse{animation:badge-pulse 1.5s ease-in-out infinite}@keyframes badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);min-height:var(--input-height-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);line-height:1;white-space:nowrap;text-decoration:none}.btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.btn--sm{padding:var(--space-xs) var(--space-sm);min-height:24px;font-size:var(--text-xs)}.btn--xs{padding:2px var(--space-xs);min-height:20px;font-size:var(--text-xs)}.btn--primary{border-color:var(--color-accent);color:var(--color-accent)}.btn--primary:hover{background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.btn--danger:hover{background:color-mix(in srgb,var(--color-danger) 10%,transparent)}.btn--success{border-color:var(--color-success);color:var(--color-success)}.btn--success:hover{background:color-mix(in srgb,var(--color-success) 15%,transparent)}.btn--ghost{border-color:transparent;color:var(--color-muted)}.btn--ghost:hover{color:var(--color-text);border-color:var(--color-border);background:var(--color-hover)}.btn--icon{width:var(--input-height-sm);height:var(--input-height-sm);padding:0;background:var(--color-surface)}.btn--icon:hover{background:var(--color-bg);border-color:var(--color-accent)}.btn--icon.btn--danger:hover{background:color-mix(in srgb,var(--color-bg) 80%,var(--color-danger) 20%);border-color:var(--color-danger)}.btn--toggle{background:var(--color-surface);color:var(--color-muted)}.btn--toggle.is-active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);contain:layout}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.card__title{font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:0.08em;color:var(--color-muted)}.card__actions{display:flex;gap:var(--space-sm);align-items:center}.card__body{flex:1;overflow-y:auto}.card__footer{display:flex;gap:var(--space-sm);justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--color-border);margin-top:var(--space-lg)}.card--compact{padding:var(--space-md)}.card--compact .card__header{margin-bottom:var(--space-sm);padding-bottom:var(--space-xs)}.card--compact .card__footer{margin-top:var(--space-sm);padding-top:var(--space-sm)}.card--full-width{grid-column:1 / -1}.card--interactive{cursor:pointer;transition:background var(--transition-fast)}.card--interactive:hover{background:var(--color-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;color:var(--color-muted)}.empty-state__icon{font-size:2rem;margin-bottom:var(--space-sm);opacity:0.5}.empty-state__text{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-xs)}.empty-state__hint{font-size:var(--text-xs);color:var(--color-muted)}.empty-state__hint code{background:var(--color-bg);padding:0.15rem 0.4rem;border-radius:var(--radius-sm);font-size:var(--text-xs)}.empty-state__action{margin-top:var(--space-md);font-size:var(--text-xs);color:var(--color-muted)}.empty-state__action code{background:var(--color-bg);padding:0.15rem 0.4rem;border-radius:var(--radius-sm)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.form-field__label{display:block;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.05em}.form-field__input{width:100%;min-height:var(--input-height-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);transition:border-color var(--transition-fast)}.form-field__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}.form-field__input::placeholder{color:var(--color-muted);opacity:0.7}textarea.form-field__input{min-height:80px;resize:vertical;line-height:1.5}select.form-field__input{cursor:pointer}.form-field__hint{font-size:var(--text-xs);color:var(--color-muted)}.form-field__error{font-size:var(--text-xs);color:var(--color-danger)}.form-field--half{flex:1;min-width:0}.form-field--inline{flex-direction:row;align-items:center;gap:var(--space-sm)}.form-field--inline .form-field__label{margin-bottom:0;white-space:nowrap}.form-field--inline .form-field__input{flex:1}.form-row{display:flex;gap:var(--space-md)}.form-row>.form-field{flex:1;min-width:0}.form-field__actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg)}.list--flush{padding:0;gap:0}.list--scroll{max-height:50vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.list--scroll::-webkit-scrollbar{width:6px}.list--scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.list__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast)}.list__item:hover{background:var(--color-surface)}.list--flush .list__item{border-radius:0;border-bottom:1px solid var(--color-border)}.list--flush .list__item:last-child{border-bottom:none}.list__item-icon{flex-shrink:0;color:var(--color-muted);display:flex;align-items:center}.list__item-title{flex:1;min-width:0;font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list__item-meta{flex-shrink:0;font-size:var(--text-xs);color:var(--color-muted)}.list__item-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.list__item--selected{background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.list__item--selected:hover{background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.list__item--active{background:var(--color-bg);color:var(--color-accent);border-left:2px solid var(--color-accent)}.list__item--active .list__item-icon{color:var(--color-accent)}.list__item--active .list__item-title{color:var(--color-accent)}.list__item--compact{padding:var(--space-sm) var(--space-md);gap:var(--space-sm);font-size:var(--text-xs)}.modal__overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);display:none;align-items:flex-end;justify-content:center;z-index:var(--z-modal)}.modal__overlay.active{display:flex}.modal__dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:100vh;overflow-y:auto;display:flex;flex-direction:column}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.modal__close{background:none;border:none;color:var(--color-muted);font-size:var(--text-xl);cursor:pointer;padding:var(--space-xs);line-height:1;transition:color var(--transition-fast)}.modal__close:hover{color:var(--color-text)}.modal__body{flex:1;overflow-y:auto;padding:var(--space-lg)}.modal__footer{display:flex;gap:var(--space-sm);justify-content:flex-end;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);flex-shrink:0}.modal__footer>button{min-height:var(--input-height-lg);width:100%}.modal--slide .modal__dialog{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:100%;max-height:none;border-radius:0;transform:translateX(100%);transition:transform var(--transition-normal)}.modal--slide.active .modal__dialog{transform:translateX(0)}.modal--slide.active{display:block}@media (min-width:480px){.modal__overlay{align-items:center}.modal__dialog{width:90%;max-width:500px;max-height:90vh;border-radius:var(--radius-lg)}.modal__footer>button{width:auto;min-height:var(--input-height-md)}.modal--slide .modal__dialog{width:480px;max-width:90vw;border-left:1px solid var(--color-border)}}@media (min-width:480px){.modal--wide .modal__dialog{max-width:800px}.modal--narrow .modal__dialog{max-width:400px}}.nav{position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-lg) 0;z-index:var(--z-dropdown);transform:translateX(-100%);transition:transform var(--transition-normal),width var(--transition-normal);box-shadow:2px 0 10px rgba(0,0,0,0.3)}.nav--open{transform:translateX(0)}.nav--collapsed{transform:translateX(-100%);width:0;overflow:hidden}.nav__header{padding:var(--space-md) var(--space-lg) var(--space-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg)}.nav__title-row{display:flex;align-items:center;justify-content:space-between}.nav__logo{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-accent)}.nav__status{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-muted)}.nav__status--connected{color:var(--color-success)}.nav__meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xs);font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-muted)}.nav__links{flex-shrink:0}.nav__link{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-lg);color:var(--color-muted);text-decoration:none;font-size:var(--text-lg);min-height:48px;transition:all var(--transition-fast);cursor:pointer}.nav__link:hover{background:var(--color-bg);color:var(--color-text)}.nav__link--active{background:var(--color-bg);color:var(--color-accent);border-left:3px solid var(--color-accent)}.nav__link--kb-selected{background:var(--color-accent);color:#fff;border-left:2px solid var(--color-accent);outline:none}.nav__link--kb-selected::before{display:none}.nav__link::after{content:attr(data-key);position:absolute;right:var(--space-md);font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);opacity:0.6}.nav__link--kb-selected::after{color:rgba(255,255,255,0.8);opacity:0.8}.nav__link--active::after{color:var(--color-accent)}.nav__footer{padding:var(--space-lg);font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-muted);text-align:center;border-top:1px solid var(--color-border);line-height:1.4}.nav__backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:calc(var(--z-dropdown) - 1);opacity:0;transition:opacity var(--transition-normal)}.nav__backdrop--visible{display:block;opacity:1}.nav__toggle-tab{display:none;position:fixed;left:0;top:50%;transform:translateY(-50%) translateX(-100%);z-index:var(--z-dropdown);background:var(--color-surface);border:1px solid var(--color-border);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-xl) var(--space-xs);cursor:pointer;opacity:0;transition:transform var(--transition-normal),opacity var(--transition-normal);align-items:center;justify-content:center}.nav__toggle-tab--visible{transform:translateY(-50%) translateX(0);opacity:1}.nav__toggle-tab:hover{background:var(--color-hover);border-color:var(--color-accent)}.nav__toggle-icon{color:var(--color-muted);font-size:var(--text-xl);line-height:1;transition:color var(--transition-fast)}.nav__toggle-tab:hover .nav__toggle-icon{color:var(--color-accent)}@media (min-width:480px){.nav{width:280px;max-width:85vw}}@media (min-width:768px){.nav{width:var(--nav-width);max-width:none;transform:translateX(0);box-shadow:none}.nav--collapsed{transform:translateX(-100%);width:0}.nav--open{transform:translateX(0)}.nav__link{padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);min-height:auto}.nav__link--active{border-left-width:2px}.nav__header{padding:var(--space-md) var(--space-lg) var(--space-lg)}.nav__logo{font-size:1.5rem}.nav__footer{font-size:0.55rem}.nav__toggle-tab{display:flex}.nav__backdrop{display:none !important}}@media (min-width:1024px){.nav{width:var(--nav-width)}}@media (min-width:1280px){.nav{width:var(--nav-width)}}@media print{.nav,.nav__backdrop,.nav__toggle-tab{display:none !important}}.page{display:flex;flex-direction:column;height:calc(100vh - 53px);overflow:hidden;width:100%;max-width:100%;position:relative}.page__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.page__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin:0;line-height:1.2}.page__subtitle{font-size:var(--text-sm);color:var(--color-muted);margin:0}.page__toolbar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.page__layout{display:flex;flex:1;overflow:hidden;min-height:0;position:relative}.page__sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;max-width:85vw;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;z-index:var(--z-dropdown);transform:translateX(-100%);transition:transform 0.25s ease;box-shadow:2px 0 10px rgba(0,0,0,0.3)}.page__sidebar.is-open{transform:translateX(0)}.page__content{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.page__backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:calc(var(--z-dropdown) - 1);opacity:0;transition:opacity var(--transition-normal)}.page__backdrop.is-visible{display:block;opacity:1}.page__fab{display:flex;position:absolute;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--color-accent);color:#fff;border:none;box-shadow:0 4px 12px rgba(74,158,255,0.4);cursor:pointer;z-index:var(--z-base);align-items:center;justify-content:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.page__fab:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(74,158,255,0.5)}.page__fab:active{transform:scale(0.95)}@media (min-width:768px){.page__sidebar{position:static;transform:none;box-shadow:none;max-width:none;z-index:auto;transition:none}.page__backdrop{display:none !important}.page__fab{display:none}}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);max-width:350px}.toast{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,0.3);animation:toast-in 0.3s ease;will-change:transform,opacity}.toast.toast-out{animation:toast-out 0.3s ease forwards}@keyframes toast-in{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast__icon{width:18px;height:18px;flex-shrink:0;color:var(--color-accent)}.toast__content{flex:1}.toast__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:0.15rem}.toast__message{font-size:var(--text-xs);color:var(--color-muted)}.toast__dismiss{background:transparent;border:none;color:var(--color-muted);cursor:pointer;padding:var(--space-xs);margin:calc(-1 * var(--space-xs));line-height:1;transition:color var(--transition-fast)}.toast__dismiss:hover{color:var(--color-text)}.toast--success .toast__icon{color:var(--color-success)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--danger .toast__icon{color:var(--color-danger)}@media (max-width:479px){.toast-container{left:var(--space-sm);right:var(--space-sm);max-width:none}}.toolbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap}.toolbar__group{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.toolbar__search{flex:1;min-width:120px;max-width:400px;padding:var(--space-xs) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);transition:border-color var(--transition-fast)}.toolbar__search::placeholder{color:var(--color-muted)}.toolbar__search:focus{outline:none;border-color:var(--color-accent)}.toolbar__search:disabled{opacity:0.5}.toolbar__actions{display:flex;align-items:center;gap:var(--space-sm)}.toolbar__filter{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.toolbar--sticky{position:sticky;top:0;z-index:var(--z-sticky)}@scope (beam-visor){.visor-command{display:none;position:absolute;bottom:100%;left:0;right:0;max-height:400px;background:var(--color-bg);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 24px rgba(0,0,0,0.4);z-index:100;flex-direction:column;overflow:hidden}.visor-command.visible{display:flex}.visor-command__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 15%,var(--color-bg)),var(--color-bg));border-bottom:1px solid var(--color-border)}.visor-command__title{font-size:0.7rem;font-weight:var(--weight-semibold);color:var(--color-accent);text-transform:uppercase;letter-spacing:0.5px}.visor-command__hint{font-size:0.6rem;color:var(--color-muted)}.visor-command__list{flex:1;overflow-y:auto;max-height:200px}.visor-command__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);transition:background var(--transition-fast)}.visor-command__item:hover{background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg))}.visor-command__item:last-child{border-bottom:none}.visor-command__item--selected{background:color-mix(in srgb,var(--color-accent) 20%,var(--color-bg));border-left:2px solid var(--color-accent)}.visor-command__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-muted);flex-shrink:0}.visor-command__icon svg{width:16px;height:16px}.visor-command__item--selected .visor-command__icon{color:var(--color-accent)}.visor-command__info{flex:1;min-width:0}.visor-command__name{font-family:var(--font-mono);font-size:0.75rem;font-weight:var(--weight-semibold);color:var(--color-text)}.visor-command__name .match{color:var(--color-warning);text-decoration:underline}.visor-command__shortcut{font-size:0.65rem;color:var(--color-muted);margin-left:var(--space-sm)}.visor-command__description{font-size:0.65rem;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visor-command__category{font-size:0.55rem;padding:0.15rem 0.35rem;background:color-mix(in srgb,var(--color-muted) 20%,transparent);border-radius:3px;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0}.visor-command__category-header{padding:0.35rem var(--space-md);font-size:0.55rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.5px;color:var(--color-muted);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1}.visor-command__help{display:none;padding:var(--space-md);background:color-mix(in srgb,var(--color-surface-raised) 50%,var(--color-bg));border-top:1px solid var(--color-border);max-height:150px;overflow-y:auto}.visor-command__help.visible{display:block}.visor-command__help-content{font-size:0.7rem;line-height:1.6}.visor-command__help-title{font-weight:var(--weight-semibold);color:var(--color-accent);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.visor-command__help-title code{font-family:var(--font-mono);background:var(--color-bg);padding:0.1rem 0.35rem;border-radius:3px;color:var(--color-warning)}.visor-command__help-syntax{font-family:var(--font-mono);background:var(--color-bg);padding:0.35rem var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);color:var(--color-text);border-left:2px solid var(--color-accent)}.visor-command__help-syntax .param{color:var(--color-cyan)}.visor-command__help-syntax .optional{color:var(--color-muted)}.visor-command__help-desc{color:var(--color-text);margin-bottom:var(--space-sm)}.visor-command__help-examples{margin-top:var(--space-sm)}.visor-command__help-examples-title{font-size:0.6rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.35rem}.visor-command__help-example{font-family:var(--font-mono);font-size:0.65rem;background:var(--color-bg);padding:0.25rem var(--space-sm);border-radius:3px;margin-bottom:0.25rem;color:var(--color-success)}.visor-command__empty{padding:2rem;text-align:center;color:var(--color-muted);font-size:0.75rem}.visor-command__empty-icon{font-size:2rem;margin-bottom:var(--space-sm);opacity:0.5}.visor-command__item[data-mode="workflow"] .visor-command__icon{color:var(--color-warning)}.visor-command__item[data-mode="debug"] .visor-command__icon{color:var(--color-orange)}.visor-command__item[data-mode="agent"] .visor-command__icon{color:var(--color-success)}.visor-command__item[data-mode="visor"] .visor-command__icon{color:var(--color-accent)}.visor-command__item[data-mode="navigation"] .visor-command__icon{color:var(--color-cyan)}}@scope (beam-visor){.visor-debug{display:none;position:absolute;top:4rem;right:var(--space-lg);width:320px;max-height:calc(100% - 8rem);overflow-y:auto;background:var(--color-bg);border:1px solid var(--color-orange);border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(0,0,0,0.3);z-index:10}.visor-debug.visible{display:block}.visor-debug__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-orange);color:white;border-radius:7px 7px 0 0;position:sticky;top:0}.visor-debug__title{display:flex;align-items:center}.visor-debug__title svg{width:14px;height:14px}.visor-debug__title-text{font-weight:var(--weight-semibold);font-size:var(--text-sm);flex:1}.visor-debug__close{background:none;border:none;color:white;font-size:var(--space-lg);cursor:pointer;opacity:0.8;margin-left:auto}.visor-debug__close:hover{opacity:1}.visor-debug__content{padding:var(--space-sm);font-size:var(--text-xs)}.visor-debug__section{margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.visor-debug__section:last-child{margin-bottom:0}.visor-debug__section-title{font-size:0.65rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-muted);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.visor-debug__row{display:flex;justify-content:space-between;align-items:center;padding:0.2rem 0;gap:var(--space-sm)}.visor-debug__label{color:var(--color-muted);font-size:0.65rem;flex-shrink:0}.visor-debug__value{color:var(--color-text);text-align:right;word-break:break-all}.visor-debug__mono{font-family:var(--font-mono)}.visor-debug__ws-status{display:flex;align-items:center;gap:0.35rem}.visor-debug__ws-dot{width:8px;height:8px;border-radius:50%;background:var(--color-danger)}.visor-debug__ws-status[data-status="connected"] .visor-debug__ws-dot{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.visor-debug__ws-status[data-status="connecting"] .visor-debug__ws-dot{background:var(--color-warning);animation:pulse 1s ease-in-out infinite}.visor-debug__ws-status[data-status="disconnected"] .visor-debug__ws-dot{background:var(--color-danger)}.visor-debug__perf-bar{display:inline-flex;width:60px;height:6px;background:var(--color-bg);border-radius:3px;overflow:hidden;margin-right:0.35rem}.visor-debug__perf-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width 0.3s ease}.visor-debug__perf-fill--warning{background:var(--color-warning)}.visor-debug__perf-fill--danger{background:var(--color-danger)}.visor-debug__perf-text{font-size:0.6rem}.visor-debug__elapsed{color:var(--color-success)}.visor-debug__elapsed--warning{color:var(--color-warning)}.visor-debug__elapsed--danger{color:var(--color-danger)}}@scope (beam-visor){.visor-logs{display:none;flex-direction:column;background:var(--color-surface)}.visor-logs.visible{display:flex}.visor-logs__header{display:flex;align-items:center;gap:var(--space-sm);padding:0.4rem var(--space-md);background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.visor-logs__title{display:flex;align-items:center}.visor-logs__title svg{width:14px;height:14px;color:var(--color-success)}.visor-logs__title-text{font-weight:var(--weight-semibold);font-size:0.75rem;color:var(--color-success)}.visor-logs__count{font-size:0.65rem;color:var(--color-muted);background:var(--color-surface);padding:0.15rem 0.4rem;border-radius:10px}.visor-logs__filters{display:flex;align-items:center;gap:0.4rem;flex:1}.visor-logs__filter-select{padding:0.2rem 0.4rem;font-size:0.65rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer}.visor-logs__filter-select:focus{outline:none;border-color:var(--color-accent)}.visor-logs__search-wrap{position:relative;flex:1;max-width:200px}.visor-logs__search-input{width:100%;padding:0.2rem 1.5rem 0.2rem 0.5rem;font-size:0.65rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.visor-logs__search-input:focus{outline:none;border-color:var(--color-accent)}.visor-logs__search-input::placeholder{color:var(--color-muted)}.visor-logs__search-clear{position:absolute;right:0.25rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-muted);font-size:0.8rem;cursor:pointer;opacity:0;transition:opacity var(--transition-normal)}.visor-logs__search-input:not(:placeholder-shown)+.visor-logs__search-clear{opacity:1}.visor-logs__search-clear:hover{color:var(--color-text)}.visor-logs__actions{display:flex;align-items:center;gap:0.25rem}.visor-logs__action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast)}.visor-logs__action-btn svg{width:12px;height:12px}.visor-logs__action-btn:hover{color:var(--color-text);border-color:var(--color-text)}.visor-logs__action-btn[data-active="true"]{color:var(--color-accent);border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface))}.visor-logs__export-dropdown{position:relative}.visor-logs__export-menu{position:absolute;top:100%;right:0;margin-top:0.25rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:20;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast)}.visor-logs__export-dropdown:hover .visor-logs__export-menu,.visor-logs__export-menu:hover{opacity:1;visibility:visible;transform:translateY(0)}.visor-logs__export-option{display:block;width:100%;padding:0.4rem var(--space-md);font-size:0.65rem;background:none;border:none;color:var(--color-text);text-align:left;cursor:pointer;white-space:nowrap}.visor-logs__export-option:hover{background:var(--color-surface)}.visor-logs__close{background:none;border:none;color:var(--color-muted);font-size:1rem;cursor:pointer}.visor-logs__close:hover{color:var(--color-text)}.visor-logs__content{flex:1;overflow-y:auto;padding:0;font-family:var(--font-mono);font-size:0.65rem;position:relative}.visor-logs__virtual-scroll{min-height:100%}.visor-logs__virtual-spacer{background:transparent}.visor-logs__virtual-rows{}.visor-logs__empty{color:var(--color-muted);text-align:center;padding:2rem;font-family:var(--font-family)}.visor-logs__entry{display:flex;gap:var(--space-sm);padding:0.2rem 0.5rem;border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);line-height:1.4}.visor-logs__entry:hover{background:var(--color-bg)}.visor-logs__entry--highlighted{background:color-mix(in srgb,var(--color-warning) 10%,var(--color-surface))}.visor-logs__time{color:var(--color-muted);flex-shrink:0;font-size:0.6rem}.visor-logs__level{font-weight:var(--weight-semibold);flex-shrink:0;width:40px;font-size:0.6rem}.visor-logs__level--info{color:var(--color-accent)}.visor-logs__level--debug{color:var(--color-muted)}.visor-logs__level--warn{color:var(--color-warning)}.visor-logs__level--error{color:var(--color-danger)}.visor-logs__source{color:var(--color-purple);flex-shrink:0;font-size:0.6rem;min-width:60px}.visor-logs__message{flex:1;word-break:break-word;color:var(--color-text)}.visor-logs__message mark{background:var(--color-warning);color:var(--color-bg);border-radius:2px;padding:0 2px}.visor-logs__status-bar{display:flex;justify-content:space-between;padding:0.25rem 0.5rem;font-size:0.6rem;color:var(--color-muted);background:var(--color-bg);border-top:1px solid var(--color-border)}.visor-logs__status-filtered{flex:1}.visor-logs__status-rate{color:var(--color-success)}}@scope (beam-visor){.visor-obs{display:none;position:absolute;top:3rem;left:0;right:0;bottom:3.5rem;background:var(--color-bg);border-top:2px solid var(--color-cyan);z-index:15;flex-direction:column}.visor-obs.visible{display:flex}.visor-obs__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,color-mix(in srgb,var(--color-cyan) 15%,var(--color-bg)),var(--color-bg));border-bottom:1px solid var(--color-border);flex-shrink:0}.visor-obs__title{display:flex;align-items:center;color:var(--color-cyan)}.visor-obs__title svg{width:16px;height:16px}.visor-obs__title-text{font-size:0.75rem;font-weight:var(--weight-semibold);color:var(--color-cyan);margin-left:0.25rem}.visor-obs__layout-btns{display:flex;gap:0.25rem;margin-left:var(--space-lg);padding:0.15rem;background:var(--color-surface-raised);border-radius:var(--radius-sm)}.visor-obs__layout-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast)}.visor-obs__layout-btn:hover{background:var(--color-bg);color:var(--color-text)}.visor-obs__layout-btn.active{background:var(--color-accent);color:#fff}.visor-obs__layout-btn svg{width:14px;height:14px}.visor-obs__actions{display:flex;gap:0.35rem;margin-left:auto}.visor-obs__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast)}.visor-obs__action-btn:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-cyan)}.visor-obs__action-btn svg{width:14px;height:14px}.visor-obs__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;font-size:1.2rem;line-height:1;transition:all var(--transition-fast)}.visor-obs__close:hover{background:var(--color-danger);color:#fff}.visor-obs__replay-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-shrink:0}.visor-obs__replay-controls{display:flex;align-items:center;gap:0.25rem}.visor-obs__replay-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast)}.visor-obs__replay-btn:hover{border-color:var(--color-cyan);color:var(--color-text)}.visor-obs__replay-btn:disabled{opacity:0.4;cursor:not-allowed}.visor-obs__replay-btn svg{width:12px;height:12px}.visor-obs__replay-btn--primary{width:36px;height:36px;background:var(--color-cyan);border-color:var(--color-cyan);color:#fff}.visor-obs__replay-btn--primary:hover{background:color-mix(in srgb,var(--color-cyan) 80%,#fff)}.visor-obs__replay-btn--primary svg{width:16px;height:16px}.visor-obs__replay-btn--playing{background:var(--color-warning);border-color:var(--color-warning)}.visor-obs__replay-timeline{flex:1;position:relative;height:24px}.visor-obs__replay-track{position:absolute;top:50%;left:0;right:0;height:6px;transform:translateY(-50%);background:var(--color-bg);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer}.visor-obs__replay-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--color-cyan);border-radius:var(--radius-sm);transition:width 0.1s ease}.visor-obs__replay-markers{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.visor-obs__replay-marker{position:absolute;top:0;width:2px;height:100%;border-radius:1px}.visor-obs__replay-marker--tool{background:var(--color-success)}.visor-obs__replay-marker--agent{background:var(--color-accent)}.visor-obs__replay-marker--approval{background:var(--color-warning)}.visor-obs__replay-marker--error{background:var(--color-danger)}.visor-obs__replay-cursor{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);width:14px;height:14px;background:var(--color-cyan);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,0.3);cursor:grab;z-index:2}.visor-obs__replay-cursor:active{cursor:grabbing}.visor-obs__replay-info{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.visor-obs__replay-step{font-family:var(--font-mono);font-size:0.65rem;color:var(--color-muted);min-width:60px}.visor-obs__replay-time{font-family:var(--font-mono);font-size:0.7rem;color:var(--color-text);min-width:70px}.visor-obs__replay-speed{font-size:0.65rem;padding:0.2rem 0.35rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer}.visor-obs__panes{flex:1;display:grid;gap:1px;background:var(--color-border);overflow:hidden}.visor-obs__panes[data-layout="quad"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.visor-obs__panes[data-layout="horizontal"]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.visor-obs__panes[data-layout="vertical"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.visor-obs__panes[data-layout="single"]{grid-template-columns:1fr;grid-template-rows:1fr}.visor-obs__panes[data-layout="single"] .visor-obs__pane:not(.visor-obs__pane--maximized){display:none}.visor-obs__pane{display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden}.visor-obs__pane--maximized{grid-column:1 / -1;grid-row:1 / -1}.visor-obs__pane-header{display:flex;align-items:center;padding:0.35rem var(--space-sm);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-shrink:0}.visor-obs__pane-title{font-size:0.65rem;font-weight:var(--weight-semibold);color:var(--color-text);flex:1}.visor-obs__pane-controls{display:flex;gap:0.25rem;align-items:center}.visor-obs__event-filter{width:100px;font-size:0.6rem;padding:0.2rem 0.35rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.visor-obs__event-filter:focus{outline:none;border-color:var(--color-cyan)}.visor-obs__pane-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast)}.visor-obs__pane-btn:hover{background:var(--color-bg);color:var(--color-text)}.visor-obs__pane-btn svg{width:12px;height:12px}.visor-obs__pane-content{flex:1;overflow:auto;padding:var(--space-sm)}.visor-obs__empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-muted);font-size:0.7rem;text-align:center}.visor-obs__graph{width:100%;height:100%;position:relative}.visor-obs__graph svg{width:100%;height:100%}.visor-obs__timeline{width:100%;height:100%;position:relative}.visor-obs__timeline-row{display:flex;align-items:center;padding:0.25rem 0;border-bottom:1px solid var(--color-border)}.visor-obs__timeline-label{width:80px;font-size:0.6rem;color:var(--color-muted);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visor-obs__timeline-bars{flex:1;position:relative;height:20px}.visor-obs__timeline-bar{position:absolute;height:16px;top:2px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:0.55rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 0.25rem;cursor:pointer;transition:opacity var(--transition-fast)}.visor-obs__timeline-bar:hover{opacity:0.8}.visor-obs__timeline-bar.tool{background:var(--color-success)}.visor-obs__timeline-bar.agent{background:var(--color-accent)}.visor-obs__timeline-bar.approval{background:var(--color-warning);color:var(--color-bg)}.visor-obs__timeline-bar.wait{background:var(--color-muted)}.visor-obs__events-list{display:flex;flex-direction:column;gap:0.25rem}.visor-obs__event-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:0.35rem var(--space-sm);background:var(--color-surface-raised);border-radius:var(--radius-sm);font-size:0.65rem;cursor:pointer;transition:background var(--transition-fast)}.visor-obs__event-item:hover{background:color-mix(in srgb,var(--color-cyan) 10%,var(--color-surface-raised))}.visor-obs__event-item.selected{background:color-mix(in srgb,var(--color-cyan) 20%,var(--color-surface-raised));border-left:2px solid var(--color-cyan)}.visor-obs__event-time{font-family:var(--font-mono);font-size:0.55rem;color:var(--color-muted);flex-shrink:0;min-width:60px}.visor-obs__event-type{font-size:0.55rem;padding:0.1rem 0.25rem;border-radius:2px;flex-shrink:0;min-width:50px;text-align:center;text-transform:uppercase}.visor-obs__event-type.tool{background:color-mix(in srgb,var(--color-success) 20%,transparent);color:var(--color-success)}.visor-obs__event-type.agent{background:color-mix(in srgb,var(--color-accent) 20%,transparent);color:var(--color-accent)}.visor-obs__event-type.state{background:color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning)}.visor-obs__event-type.approval{background:color-mix(in srgb,var(--color-orange) 20%,transparent);color:var(--color-orange)}.visor-obs__event-type.error{background:color-mix(in srgb,var(--color-danger) 20%,transparent);color:var(--color-danger)}.visor-obs__event-message{flex:1;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visor-obs__context-viewer{height:100%}.visor-obs__context-json{font-family:var(--font-mono);font-size:0.65rem;line-height:1.5}.visor-obs__context-diff{display:flex;flex-direction:column;gap:0.25rem}.visor-obs__diff-line{padding:0.15rem 0.35rem;border-radius:2px;font-family:var(--font-mono);font-size:0.6rem}.visor-obs__diff-line.added{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.visor-obs__diff-line.removed{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.visor-obs__diff-line.changed{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.visor-obs__snapshots{display:none;flex-direction:column;padding:var(--space-sm);background:var(--color-surface-raised);border-top:1px solid var(--color-border);max-height:100px}.visor-obs__snapshots.visible{display:flex}.visor-obs__snapshots-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.35rem}.visor-obs__snapshots-header span{font-size:0.65rem;font-weight:var(--weight-semibold);color:var(--color-muted)}.visor-obs__snapshots-clear{font-size:0.55rem;padding:0.15rem 0.35rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer}.visor-obs__snapshots-clear:hover{border-color:var(--color-danger);color:var(--color-danger)}.visor-obs__snapshots-list{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:0.25rem}.visor-obs__snapshot-thumb{width:60px;height:45px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;cursor:pointer;overflow:hidden;position:relative}.visor-obs__snapshot-thumb:hover{border-color:var(--color-cyan)}.visor-obs__snapshot-thumb-label{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);font-size:0.5rem;padding:0.1rem;text-align:center;color:#fff}@media (max-width:768px){.visor-obs__panes{grid-template-columns:1fr !important;grid-template-rows:repeat(4,1fr)}.visor-obs__replay-bar{flex-wrap:wrap}.visor-obs__replay-timeline{order:3;width:100%;margin-top:var(--space-sm)}}}@scope (beam-visor){.visor-step{display:none;flex-direction:column;height:100%;background:var(--color-bg);border-radius:var(--radius-lg);overflow:hidden}.visor-step.active{display:flex}.visor-step__header{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.visor-step__progress{display:flex;align-items:center;gap:var(--space-lg)}.visor-step__progress-bar{flex:1;height:6px;background:var(--color-bg);border-radius:3px;overflow:hidden}.visor-step__progress-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width 0.3s ease;width:33%}.visor-step__progress-text{font-size:0.75rem;color:var(--color-muted);white-space:nowrap}.visor-step__workflow-info{display:flex;align-items:center;gap:var(--space-sm);font-size:0.8rem}.visor-step__workflow-name{color:var(--color-accent);font-weight:500}.visor-step__state-name{color:var(--color-muted)}.visor-step__state-name::before{content:'>';margin-right:var(--space-sm);opacity:0.5}.visor-step__description{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.visor-step__title{font-size:1rem;font-weight:500;color:var(--color-text);margin-bottom:0.25rem}.visor-step__hint{font-size:0.8rem;color:var(--color-muted)}.visor-step__mode-switcher{display:flex;gap:0.25rem;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.visor-step__mode-btn{display:flex;align-items:center;gap:0.4rem;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-size:0.8rem;cursor:pointer;transition:all var(--transition-fast)}.visor-step__mode-btn:hover{background:var(--color-bg);color:var(--color-text)}.visor-step__mode-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.visor-step__mode-icon{font-size:0.9rem}.visor-step__mode-label{}.visor-step__input-area{flex:1;overflow-y:auto;padding:var(--space-lg)}.visor-step__input-area.hidden{display:none}.visor-step__form{display:flex;flex-direction:column;gap:var(--space-lg)}.visor-step__form-loading{text-align:center;color:var(--color-muted);padding:2rem}.visor-step__field{display:flex;flex-direction:column;gap:0.35rem}.visor-step__field-label{font-size:0.8rem;font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:0.25rem}.visor-step__field-label .required{color:var(--color-danger)}.visor-step__field-hint{font-size:0.7rem;color:var(--color-muted)}.visor-step__field-input{padding:0.6rem var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:0.85rem;transition:border-color var(--transition-fast)}.visor-step__field-input:focus{outline:none;border-color:var(--color-accent)}.visor-step__field-input::placeholder{color:var(--color-muted)}.visor-step__field-input--error{border-color:var(--color-danger)}.visor-step__field-error{font-size:0.7rem;color:var(--color-danger)}.visor-step__field-textarea{min-height:100px;resize:vertical;font-family:inherit}.visor-step__field-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:2rem}.visor-step__field-checkbox,.visor-step__field-radio{flex-direction:row;align-items:center;gap:var(--space-sm)}.visor-step__field-checkbox input,.visor-step__field-radio input{width:16px;height:16px;accent-color:var(--color-accent)}.visor-step__field-color-wrapper{display:flex;align-items:center;gap:var(--space-md)}.visor-step__field-color{width:40px;height:40px;border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:0}.visor-step__field-color::-webkit-color-swatch{border:none;border-radius:var(--radius-md)}.visor-step__field-color-value{font-family:var(--font-mono);font-size:0.85rem;color:var(--color-muted)}.visor-step__field-datetime{display:flex;gap:var(--space-sm)}.visor-step__field-date,.visor-step__field-time{flex:1}.visor-step__field-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:42px}.visor-step__tag{display:flex;align-items:center;gap:0.25rem;padding:0.25rem var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:0.75rem;color:var(--color-text)}.visor-step__tag-remove{background:none;border:none;color:var(--color-muted);cursor:pointer;padding:0;font-size:0.9rem;line-height:1}.visor-step__tag-remove:hover{color:var(--color-danger)}.visor-step__tag-input{flex:1;min-width:100px;border:none;background:transparent;color:var(--color-text);font-size:0.85rem;outline:none}.visor-step__field-file{position:relative}.visor-step__file-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:1.5rem;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.visor-step__file-dropzone:hover,.visor-step__file-dropzone--drag-over{border-color:var(--color-accent);background:rgba(79,70,229,0.05)}.visor-step__file-icon{font-size:1.5rem;color:var(--color-muted)}.visor-step__file-text{font-size:0.8rem;color:var(--color-muted)}.visor-step__file-hint{font-size:0.7rem;color:var(--color-muted);opacity:0.7}.visor-step__file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.visor-step__file-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.visor-step__file-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);font-size:0.8rem}.visor-step__file-name{flex:1;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visor-step__file-size{color:var(--color-muted);font-size:0.7rem}.visor-step__file-remove{background:none;border:none;color:var(--color-muted);cursor:pointer}.visor-step__file-remove:hover{color:var(--color-danger)}.visor-step__field-slider-wrapper{display:flex;align-items:center;gap:var(--space-lg)}.visor-step__field-slider{flex:1;height:6px;appearance:none;background:var(--color-bg);border-radius:3px;outline:none}.visor-step__field-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--color-accent);border-radius:50%;cursor:pointer}.visor-step__field-slider-value{min-width:40px;text-align:right;font-family:var(--font-mono);font-size:0.85rem;color:var(--color-text)}.visor-step__json-editor{height:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.visor-step__json-textarea{flex:1;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-mono);font-size:0.85rem;resize:none;line-height:1.5}.visor-step__json-textarea:focus{outline:none;border-color:var(--color-accent)}.visor-step__json-errors{font-size:0.75rem;color:var(--color-danger);padding:var(--space-sm);background:rgba(239,68,68,0.1);border-radius:var(--radius-sm)}.visor-step__json-errors:empty{display:none}.visor-step__chat-messages{flex:1;overflow-y:auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-md)}.visor-step__chat-welcome{padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);color:var(--color-muted);font-size:0.85rem;text-align:center}.visor-step__chat-message{display:flex;gap:var(--space-sm);max-width:85%}.visor-step__chat-message--user{align-self:flex-end;flex-direction:row-reverse}.visor-step__chat-message--assistant{align-self:flex-start}.visor-step__chat-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:var(--color-muted);flex-shrink:0}.visor-step__chat-message--user .visor-step__chat-avatar{background:var(--color-accent);color:white}.visor-step__chat-bubble{padding:var(--space-md) var(--space-lg);border-radius:12px;font-size:0.85rem;line-height:1.4}.visor-step__chat-message--user .visor-step__chat-bubble{background:var(--color-accent);color:white;border-bottom-right-radius:var(--radius-sm)}.visor-step__chat-message--assistant .visor-step__chat-bubble{background:var(--color-surface);color:var(--color-text);border-bottom-left-radius:var(--radius-sm)}.visor-step__chat-parsed{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:0.75rem;color:var(--color-muted);white-space:pre-wrap}.visor-step__chat-input-area{display:flex;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-top:1px solid var(--color-border)}.visor-step__chat-input{flex:1;padding:0.6rem var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:0.85rem;resize:none;font-family:inherit}.visor-step__chat-input:focus{outline:none;border-color:var(--color-accent)}.visor-step__chat-send{padding:0.6rem var(--space-lg);background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:white;font-size:0.85rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.visor-step__chat-send:hover{filter:brightness(1.1)}.visor-step__preview{display:none;flex-direction:column;border-top:1px solid var(--color-border);max-height:200px}.visor-step__preview.active{display:flex}.visor-step__preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.visor-step__preview-title{font-size:0.75rem;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px}.visor-step__preview-toggle{background:none;border:none;color:var(--color-accent);font-size:0.75rem;cursor:pointer}.visor-step__preview-content{flex:1;overflow:auto;padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:0.8rem;color:var(--color-text);background:var(--color-bg)}.visor-step__actions{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border)}.visor-step__actions-spacer{flex:1}.visor-step__btn{padding:0.6rem 1.25rem;border-radius:var(--radius-md);font-size:0.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.visor-step__btn:disabled{opacity:0.5;cursor:not-allowed}.visor-step__btn--secondary{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.visor-step__btn--secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-text)}.visor-step__btn--primary{background:var(--color-accent);border:none;color:white}.visor-step__btn--primary:hover:not(:disabled){filter:brightness(1.1)}@media (max-width:600px){.visor-step__mode-switcher{justify-content:center}.visor-step__mode-btn .visor-step__mode-label{display:none}.visor-step__actions{flex-wrap:wrap}.visor-step__btn{flex:1;min-width:80px}.visor-step__actions-spacer{display:none}}}@scope (beam-visor){.visor-toolchain{display:none;position:absolute;top:3rem;left:0;right:0;bottom:3.5rem;background:var(--color-bg);border-top:2px solid var(--color-warning);z-index:12;flex-direction:column}.visor-toolchain.visible{display:flex}.visor-toolchain__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,color-mix(in srgb,var(--color-warning) 15%,var(--color-bg)),var(--color-bg));border-bottom:1px solid var(--color-border)}.visor-toolchain__title{display:flex;align-items:center}.visor-toolchain__title svg{width:14px;height:14px;color:var(--color-warning)}.visor-toolchain__title-text{font-weight:var(--weight-semibold);font-size:0.8rem;color:var(--color-warning)}.visor-toolchain__actions{display:flex;gap:var(--space-sm);margin-left:auto}.visor-toolchain__action-btn{display:flex;align-items:center;gap:0.35rem;padding:0.35rem 0.6rem;font-size:0.7rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.visor-toolchain__action-btn svg{width:12px;height:12px}.visor-toolchain__action-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.visor-toolchain__action-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:white}.visor-toolchain__action-btn--primary:hover{filter:brightness(1.1)}.visor-toolchain__close{background:none;border:none;color:var(--color-muted);font-size:1.2rem;cursor:pointer;margin-left:var(--space-sm)}.visor-toolchain__close:hover{color:var(--color-text)}.visor-toolchain__content{flex:1;display:flex;overflow:hidden}.visor-toolchain__palette{width:200px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;background:var(--color-surface)}.visor-toolchain__palette-header{padding:var(--space-sm);border-bottom:1px solid var(--color-border)}.visor-toolchain__palette-search{width:100%;padding:0.4rem var(--space-sm);font-size:0.7rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.visor-toolchain__palette-search:focus{outline:none;border-color:var(--color-accent)}.visor-toolchain__palette-categories{display:flex;flex-wrap:wrap;gap:0.25rem;padding:var(--space-sm);border-bottom:1px solid var(--color-border)}.visor-toolchain__category-btn{padding:0.25rem var(--space-sm);font-size:0.6rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast)}.visor-toolchain__category-btn:hover,.visor-toolchain__category-btn.active{border-color:var(--color-accent);color:var(--color-accent)}.visor-toolchain__palette-tools{flex:1;overflow-y:auto;padding:var(--space-sm)}.visor-toolchain__tool-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);margin-bottom:0.35rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:grab;transition:all var(--transition-fast)}.visor-toolchain__tool-item:hover{border-color:var(--color-accent);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.visor-toolchain__tool-item:active{cursor:grabbing}.visor-toolchain__tool-item.dragging{opacity:0.5}.visor-toolchain__tool-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-accent)}.visor-toolchain__tool-icon svg{width:14px;height:14px}.visor-toolchain__tool-info{flex:1;min-width:0}.visor-toolchain__tool-name{font-size:0.7rem;font-weight:var(--weight-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visor-toolchain__tool-locality{font-size:0.6rem;color:var(--color-muted)}.visor-toolchain__canvas{flex:1;display:flex;flex-direction:column;background:var(--color-bg);position:relative}.visor-toolchain__canvas-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.visor-toolchain__canvas-title{font-size:0.75rem;font-weight:var(--weight-semibold);color:var(--color-text)}.visor-toolchain__canvas-actions{font-size:0.65rem;color:var(--color-muted)}.visor-toolchain__canvas-area{flex:1;position:relative;overflow:auto;padding:var(--space-lg)}.visor-toolchain__dropzone{position:absolute;inset:var(--space-lg);border:2px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.visor-toolchain__dropzone--drag-over{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.visor-toolchain__dropzone-hint{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-muted);font-size:0.75rem}.visor-toolchain__dropzone-hint svg{width:24px;height:24px}.visor-toolchain__dropzone.has-nodes{display:none}.visor-toolchain__nodes{position:relative;display:flex;flex-direction:column;gap:var(--space-sm);min-height:100%}.visor-toolchain__node{display:flex;align-items:stretch;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.visor-toolchain__node:hover{border-color:var(--color-accent)}.visor-toolchain__node--selected{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}.visor-toolchain__node--error{border-color:var(--color-danger)}.visor-toolchain__node--running{border-color:var(--color-success);animation:pulse 1s ease-in-out infinite}.visor-toolchain__node-handle{width:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--radius-md) 0 0 var(--radius-md);cursor:grab;color:var(--color-muted)}.visor-toolchain__node-handle:hover{color:var(--color-text)}.visor-toolchain__node-content{flex:1;padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.visor-toolchain__node-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--radius-md);color:var(--color-accent)}.visor-toolchain__node-icon svg{width:18px;height:18px}.visor-toolchain__node-info{flex:1}.visor-toolchain__node-name{font-size:0.8rem;font-weight:var(--weight-semibold);color:var(--color-text)}.visor-toolchain__node-type{font-size:0.65rem;color:var(--color-muted);margin-top:0.2rem}.visor-toolchain__node-status{display:flex;align-items:center;gap:0.35rem;padding:0 var(--space-md);font-size:0.65rem}.visor-toolchain__node-status.pending{color:var(--color-muted)}.visor-toolchain__node-status.running{color:var(--color-success)}.visor-toolchain__node-status.complete{color:var(--color-success)}.visor-toolchain__node-status.error{color:var(--color-danger)}.visor-toolchain__node-remove{width:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-muted);cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.visor-toolchain__node:hover .visor-toolchain__node-remove{opacity:1}.visor-toolchain__node-remove:hover{color:var(--color-danger)}.visor-toolchain__connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.visor-toolchain__connection{stroke:var(--color-border);stroke-width:2;fill:none}.visor-toolchain__connection.valid{stroke:var(--color-success)}.visor-toolchain__connection.invalid{stroke:var(--color-danger);stroke-dasharray:5}.visor-toolchain__arrow{display:flex;justify-content:center;padding:0.25rem 0;color:var(--color-muted)}.visor-toolchain__arrow svg{width:16px;height:16px}.visor-toolchain__validation{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);background:var(--color-surface);font-size:0.7rem}.visor-toolchain__validation-item{display:flex;align-items:center;gap:var(--space-sm);padding:0.25rem 0}.visor-toolchain__validation-item.error{color:var(--color-danger)}.visor-toolchain__validation-item.warning{color:var(--color-warning)}.visor-toolchain__validation-item.success{color:var(--color-success)}.visor-toolchain__config{width:280px;border-left:1px solid var(--color-border);display:flex;flex-direction:column;background:var(--color-surface)}.visor-toolchain__config-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.visor-toolchain__config-title{font-size:0.75rem;font-weight:var(--weight-semibold);color:var(--color-text)}.visor-toolchain__config-content{flex:1;overflow-y:auto;padding:var(--space-md)}.visor-toolchain__config-empty{color:var(--color-muted);font-size:0.75rem;text-align:center;padding:2rem var(--space-lg)}.visor-toolchain__config-form{display:flex;flex-direction:column;gap:var(--space-md)}.visor-toolchain__config-field{display:flex;flex-direction:column;gap:0.35rem}.visor-toolchain__config-label{font-size:0.7rem;font-weight:var(--weight-semibold);color:var(--color-text)}.visor-toolchain__config-label .required{color:var(--color-danger)}.visor-toolchain__config-input{padding:var(--space-sm);font-size:0.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.visor-toolchain__config-input:focus{outline:none;border-color:var(--color-accent)}.visor-toolchain__config-select{padding:var(--space-sm);font-size:0.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.visor-toolchain__config-hint{font-size:0.65rem;color:var(--color-muted)}.visor-toolchain__config-types{display:flex;gap:var(--space-lg);padding:var(--space-md);background:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.visor-toolchain__config-type{flex:1}.visor-toolchain__config-type-label{font-size:0.6rem;text-transform:uppercase;color:var(--color-muted);margin-bottom:0.25rem}.visor-toolchain__config-type-value{font-size:0.7rem;font-family:var(--font-mono);color:var(--color-accent);padding:0.25rem var(--space-sm);background:var(--color-surface);border-radius:3px}.visor-toolchain__results{display:none;position:absolute;bottom:0;left:0;right:0;background:var(--color-bg);border-top:2px solid var(--color-success);max-height:40%;flex-direction:column}.visor-toolchain__results.visible{display:flex}.visor-toolchain__results-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface));border-bottom:1px solid var(--color-border)}.visor-toolchain__results-title{font-size:0.75rem;font-weight:var(--weight-semibold);color:var(--color-success)}.visor-toolchain__results-close{background:none;border:none;color:var(--color-muted);font-size:1rem;cursor:pointer}.visor-toolchain__results-content{flex:1;overflow-y:auto;padding:var(--space-md);font-family:var(--font-mono);font-size:0.7rem}.visor-toolchain__result-step{padding:var(--space-sm);margin-bottom:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-sm);border-left:3px solid var(--color-muted)}.visor-toolchain__result-step.success{border-left-color:var(--color-success)}.visor-toolchain__result-step.error{border-left-color:var(--color-danger)}.visor-toolchain__result-step-header{display:flex;justify-content:space-between;margin-bottom:0.35rem}.visor-toolchain__result-step-name{font-weight:var(--weight-semibold);color:var(--color-text)}.visor-toolchain__result-step-status{font-size:0.65rem}.visor-toolchain__result-step-output{color:var(--color-muted);white-space:pre-wrap}@media (max-width:900px){.visor-toolchain__content{flex-direction:column}.visor-toolchain__palette{width:100%;height:150px;border-right:none;border-bottom:1px solid var(--color-border)}.visor-toolchain__palette-tools{display:flex;flex-wrap:wrap;gap:0.35rem}.visor-toolchain__tool-item{flex:0 0 auto;margin-bottom:0}.visor-toolchain__config{width:100%;height:200px;border-left:none;border-top:1px solid var(--color-border)}}}@scope (beam-visor){.visor-verbose{display:none;position:absolute;top:4rem;left:var(--space-lg);right:var(--space-lg);bottom:5rem;background:var(--color-bg);border:1px solid var(--color-purple);border-radius:var(--radius-lg);box-shadow:0 4px 24px rgba(0,0,0,0.4);z-index:11;flex-direction:column}.visor-verbose.visible{display:flex}.visor-verbose__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-purple);color:white;border-radius:7px 7px 0 0}.visor-verbose__title{display:flex;align-items:center}.visor-verbose__title svg{width:14px;height:14px}.visor-verbose__title-text{font-weight:var(--weight-semibold);font-size:0.8rem;margin-right:var(--space-lg)}.visor-verbose__tabs{display:flex;gap:0.25rem;flex:1}.visor-verbose__tab{padding:0.3rem var(--space-md);font-size:0.7rem;font-weight:500;background:rgba(255,255,255,0.1);border:none;border-radius:var(--radius-sm);color:rgba(255,255,255,0.7);cursor:pointer;transition:all var(--transition-fast)}.visor-verbose__tab:hover{background:rgba(255,255,255,0.2);color:white}.visor-verbose__tab.active{background:white;color:var(--color-purple)}.visor-verbose__close{background:none;border:none;color:white;font-size:var(--space-lg);cursor:pointer;opacity:0.8;margin-left:auto}.visor-verbose__close:hover{opacity:1}.visor-verbose__content{flex:1;overflow:hidden;position:relative}.visor-verbose__tab-content{position:absolute;inset:0;display:none;flex-direction:column;padding:var(--space-lg);overflow:auto}.visor-verbose__tab-content.active{display:flex}.visor-verbose__graph-controls{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-md)}.visor-verbose__graph-btn{display:flex;align-items:center;gap:0.35rem;padding:0.4rem var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:0.7rem;cursor:pointer;transition:all var(--transition-fast)}.visor-verbose__graph-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.visor-verbose__graph-btn--fail:hover{background:var(--color-danger);border-color:var(--color-danger)}.visor-verbose__graph-btn svg{width:12px;height:12px}.visor-verbose__graph-container{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-lg);min-height:200px}.visor-verbose__graph-empty{color:var(--color-muted);text-align:center}.visor-verbose__graph-svg{max-width:100%;max-height:100%}.visor-verbose__graph-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:var(--space-lg);font-size:0.7rem}.visor-verbose__legend-item{display:flex;align-items:center;gap:0.35rem;color:var(--color-muted)}.visor-verbose__legend-dot{width:10px;height:10px;border-radius:50%;background:var(--color-muted)}.visor-verbose__legend-dot--pending{background:var(--color-muted)}.visor-verbose__legend-dot--current{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.visor-verbose__legend-dot--complete{background:var(--color-success)}.visor-verbose__legend-dot--error{background:var(--color-danger)}.visor-verbose__timeline{flex:1;overflow-y:auto;padding:var(--space-sm)}.visor-verbose__timeline-empty{color:var(--color-muted);text-align:center;padding:2rem}.visor-verbose__timeline-row{display:flex;align-items:center;gap:var(--space-md);padding:0.4rem 0;border-bottom:1px solid var(--color-border)}.visor-verbose__timeline-label{width:120px;font-size:0.7rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visor-verbose__timeline-bar-container{flex:1;height:20px;background:var(--color-surface);border-radius:var(--radius-sm);position:relative;overflow:hidden}.visor-verbose__timeline-bar{position:absolute;height:100%;border-radius:var(--radius-sm);opacity:0.8;transition:width 0.3s ease}.visor-verbose__timeline-bar--tool{background:var(--color-accent)}.visor-verbose__timeline-bar--agent{background:var(--color-success)}.visor-verbose__timeline-bar--approval{background:var(--color-warning)}.visor-verbose__timeline-bar--wait{background:var(--color-muted)}.visor-verbose__timeline-bar--error{background:var(--color-danger)}.visor-verbose__timeline-duration{width:60px;font-size:0.65rem;color:var(--color-muted);text-align:right}.visor-verbose__timeline-legend{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-lg);font-size:0.65rem}.visor-verbose__timeline-bar-sample{display:inline-block;width:20px;height:10px;border-radius:2px;margin-right:0.35rem;vertical-align:middle}.visor-verbose__timeline-bar-sample--tool{background:var(--color-accent)}.visor-verbose__timeline-bar-sample--agent{background:var(--color-success)}.visor-verbose__timeline-bar-sample--approval{background:var(--color-warning)}.visor-verbose__timeline-bar-sample--wait{background:var(--color-muted)}.visor-verbose__context-toolbar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.visor-verbose__context-btn{padding:0.3rem 0.6rem;font-size:0.65rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.visor-verbose__context-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.visor-verbose__context-tree{flex:1;overflow:auto;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);font-family:var(--font-mono);font-size:0.7rem}.visor-verbose__context-empty{color:var(--color-muted);text-align:center}.visor-verbose__json-tree{line-height:1.6}.visor-verbose__json-key{color:var(--color-purple)}.visor-verbose__json-string{color:var(--color-success)}.visor-verbose__json-number{color:var(--color-warning)}.visor-verbose__json-boolean{color:var(--color-orange)}.visor-verbose__json-null{color:var(--color-muted)}.visor-verbose__json-bracket{color:var(--color-muted)}.visor-verbose__json-toggle{cursor:pointer;user-select:none;margin-right:0.25rem}.visor-verbose__json-toggle:hover{color:var(--color-accent)}.visor-verbose__json-collapsed>.visor-verbose__json-children{display:none}.visor-verbose__json-collapsed>.visor-verbose__json-toggle::before{content:'+'}.visor-verbose__json-expanded>.visor-verbose__json-toggle::before{content:'-'}.visor-verbose__metrics{display:flex;gap:1.5rem;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:0 0 7px 7px}.visor-verbose__metric-item{display:flex;align-items:center;gap:0.35rem;font-size:0.7rem}.visor-verbose__metric-label{color:var(--color-muted)}.visor-verbose__metric-value{color:var(--color-text);font-weight:var(--weight-semibold);font-family:var(--font-mono)}}@scope (beam-visor){.visor__overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:900;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.visor__overlay.active{opacity:1;visibility:visible}.visor{position:fixed;bottom:0;left:0;right:0;height:75vh;background:var(--color-surface);border-top:2px solid var(--color-accent);z-index:var(--z-visor,1000);transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(0,0,0,0.5);contain:layout style;--visor-mode-color:var(--color-accent);border-top:3px solid var(--visor-mode-color)}.visor.active{transform:translateY(0)}.visor--mode-active{border:2px solid var(--mode-border-color,var(--color-accent));border-bottom:none}.visor--mode-idle{--visor-mode-color:#4F46E5}.visor--mode-agent-orchestration{--visor-mode-color:#10B981}.visor--mode-workflow-monitoring{--visor-mode-color:#F59E0B}.visor--mode-skill-execution{--visor-mode-color:#8B5CF6}.visor--mode-tool-chain-dev{--visor-mode-color:#EC4899}.visor--mode-approval-review{--visor-mode-color:#EF4444}.visor--mode-debug-session{--visor-mode-color:#F97316}.visor__dev-banner{display:none;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:linear-gradient(90deg,var(--color-warning) 0%,#F59E0B 100%);color:#000;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.visor__dev-banner.visible{display:flex}.visor__dev-banner-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.visor__dev-banner-icon svg{width:16px;height:16px}.visor__dev-banner-text{font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:0.05em}.visor__dev-banner-hint{font-weight:var(--weight-normal);opacity:0.8;font-size:var(--text-xs)}.visor__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.visor__title{display:flex;align-items:center;gap:var(--space-sm);font-weight:var(--weight-semibold);color:var(--color-accent)}.visor__mode-indicator{display:flex;align-items:center;justify-content:center;width:18px;height:18px;cursor:pointer;transition:color 0.2s ease,transform var(--transition-fast)}.visor__mode-indicator:hover{transform:scale(1.15)}.visor__mode-indicator svg{width:18px;height:18px}.visor__mode-label{font-weight:var(--weight-semibold);font-size:0.85rem;transition:color 0.2s ease}.visor__pin-indicator{display:none;align-items:center;justify-content:center;width:14px;height:14px;margin-left:var(--space-xs);color:var(--color-accent)}.visor__pin-indicator svg{width:14px;height:14px}.visor__pin-indicator.visible{display:flex}.visor__breadcrumb{display:flex;align-items:center;gap:0.35rem;margin:0 var(--space-sm);flex:1;min-width:0}.visor__breadcrumb-nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.visor__breadcrumb-nav-btn svg{width:12px;height:12px}.visor__breadcrumb-nav-btn:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text)}.visor__breadcrumb-nav-btn:disabled{opacity:0.3;cursor:not-allowed}.visor__breadcrumb-items{display:flex;align-items:center;gap:var(--space-xs);flex:1;min-width:0;overflow:hidden}.visor__breadcrumb-item{display:flex;align-items:center;padding:0.2rem var(--space-sm);font-size:var(--text-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.visor__breadcrumb-item:hover{border-color:var(--color-accent);color:var(--color-accent)}.visor__breadcrumb-item--current{background:var(--color-accent);border-color:var(--color-accent);color:white;cursor:default}.visor__breadcrumb-item--pinned{position:relative}.visor__breadcrumb-item--pinned::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-warning);border-radius:50%}.visor__breadcrumb-separator{color:var(--color-muted);font-size:var(--text-xs)}.visor__breadcrumb-history-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.visor__breadcrumb-history-btn svg{width:12px;height:12px}.visor__breadcrumb-history-btn:hover{color:var(--color-text);border-color:var(--color-text)}.visor__ctx-history{position:absolute;top:3.5rem;left:50%;transform:translateX(-50%);width:350px;max-height:300px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,0.3);z-index:50;display:none;flex-direction:column}.visor__ctx-history.visible{display:flex}.visor__ctx-history-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-surface);border-radius:7px 7px 0 0}.visor__ctx-history-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text)}.visor__ctx-history-close{background:none;border:none;color:var(--color-muted);font-size:var(--text-lg);cursor:pointer}.visor__ctx-history-close:hover{color:var(--color-text)}.visor__ctx-history-list{flex:1;overflow-y:auto;padding:var(--space-sm)}.visor__ctx-history-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);margin-bottom:0.35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.visor__ctx-history-item:hover{border-color:var(--color-accent)}.visor__ctx-history-item--current{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface))}.visor__ctx-history-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-accent);flex-shrink:0}.visor__ctx-history-icon svg{width:14px;height:14px}.visor__ctx-history-info{flex:1;min-width:0}.visor__ctx-history-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visor__ctx-history-type{font-size:0.65rem;color:var(--color-muted)}.visor__ctx-history-time{font-size:0.6rem;color:var(--color-muted);flex-shrink:0}.visor__ctx-history-empty{color:var(--color-muted);text-align:center;padding:var(--space-xl);font-size:var(--text-xs)}.visor__toggles{display:flex;gap:var(--space-xs);margin:0 var(--space-md)}.visor__toggle-btn-sm{display:flex;align-items:center;gap:var(--space-xs);padding:0.35rem var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.visor__toggle-btn-sm:hover{background:var(--color-border);color:var(--color-text)}.visor__toggle-btn-sm.active{background:color-mix(in srgb,var(--color-accent) 20%,transparent);border-color:var(--color-accent);color:var(--color-accent)}.visor__toggle-btn-sm .toggle-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.visor__toggle-btn-sm .toggle-icon svg{width:14px;height:14px}.visor__toggle-btn-sm kbd{background:var(--color-border);padding:0.1rem var(--space-xs);border-radius:2px;font-family:var(--font-mono);font-size:0.65rem}.visor__toggle-btn-sm.active kbd{background:var(--color-accent);color:white}.visor__toggle-btn-sm--debug.visor__toggle-btn-sm.active{background:color-mix(in srgb,var(--color-orange) 20%,transparent);border-color:var(--color-orange);color:var(--color-orange)}.visor__toggle-btn-sm--dev.visor__toggle-btn-sm.active{background:color-mix(in srgb,var(--color-warning) 20%,transparent);border-color:var(--color-warning);color:var(--color-warning)}.visor__toggle-btn-sm--logs.visor__toggle-btn-sm.active{background:color-mix(in srgb,var(--color-success) 20%,transparent);border-color:var(--color-success);color:var(--color-success)}.visor__modes{display:flex;gap:var(--space-sm);margin-left:var(--space-lg)}.visor__mode-btn{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast);--mode-color:var(--color-accent)}.visor__mode-btn:hover{border-color:var(--mode-color);color:var(--color-text)}.visor__mode-btn.active{border-color:var(--mode-color);background:color-mix(in srgb,var(--mode-color) 15%,transparent);color:var(--color-text)}.visor__controls{display:flex;align-items:center;gap:var(--space-lg)}.visor__agent-selector{display:flex;gap:var(--space-xs)}.visor__agent-btn{background:var(--color-border);border:none;padding:0.35rem var(--space-md);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-normal)}.visor__agent-btn:hover{background:var(--color-surface);color:var(--color-text)}.visor__agent-btn.active{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent)}.visor__agent-btn--codex.visor__agent-btn.active{border-color:var(--color-success);color:var(--color-success)}.visor__agent-btn--gemini.visor__agent-btn.active{border-color:var(--color-purple);color:var(--color-purple)}.visor__agent-btn--beam.visor__agent-btn.active{border-color:var(--color-orange);color:var(--color-orange)}.visor__agent-btn--dryrun{border:1px dashed var(--color-border)}.visor__agent-btn--dryrun.visor__agent-btn.active{border-color:var(--color-warning);color:var(--color-warning)}.visor__context-badge{font-size:var(--text-xs);color:var(--color-muted);background:var(--color-border);padding:0.2rem var(--space-sm);border-radius:var(--radius-sm);margin-left:var(--space-sm)}.visor__hint{font-size:var(--text-xs);color:var(--color-muted)}.visor__hint kbd{background:var(--color-border);padding:0.15rem 0.4rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm)}.visor__close{background:none;border:none;color:var(--color-muted);font-size:1.5rem;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.visor__close:hover{background:var(--color-border);color:var(--color-text)}.visor__content-wrapper{flex:1;display:flex;overflow:hidden;min-height:0}.visor[data-layout="single"] .visor__content-wrapper{flex-direction:column}.visor[data-layout="single"] .visor__content{flex:1}.visor[data-layout="split-h"] .visor__content-wrapper{flex-direction:row}.visor[data-layout="split-h"] .visor__content{flex:1;border-right:1px solid var(--color-border)}.visor__content{flex:1;overflow-y:auto;padding:var(--space-lg)}.visor__content .claude-messages{height:100%;display:flex;flex-direction:column;gap:var(--space-md)}.visor__content .claude-welcome{color:var(--color-muted);text-align:center;padding:var(--space-xl)}.visor__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-muted);text-align:center}.visor__placeholder kbd{background:var(--color-border);padding:0.15rem 0.4rem;border-radius:var(--radius-sm);font-family:var(--font-mono)}.visor__omnibar-area{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-bg)}.visor__omnibar-area .omnibar{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--color-text);font-size:var(--text-lg);resize:none;min-height:44px;max-height:150px}.visor__omnibar-area .omnibar:focus{outline:none;border-color:var(--color-accent)}.visor__omnibar-area .omnibar-send{background:var(--color-accent);border:none;border-radius:var(--radius-md);color:white;padding:0 1.25rem;cursor:pointer;font-size:var(--text-lg);transition:background var(--transition-normal)}.visor__omnibar-area .omnibar-send:hover{background:#3d8ae0}.visor__pipeline-view{display:none;flex-direction:column;gap:var(--space-md);padding:var(--space-md);overflow-y:auto;max-height:100%}.visor[data-mode="agent-orchestration"] .visor__pipeline-view{display:flex}.visor[data-mode="agent-orchestration"] .claude-messages{display:none}.visor__workflow-input{position:fixed;top:0;right:-420px;width:420px;height:100vh;background:var(--color-bg);border-left:1px solid var(--color-border);display:flex;flex-direction:column;z-index:1100;transition:right 0.25s ease;box-shadow:-4px 0 20px rgba(0,0,0,0.3)}.visor__workflow-input.visible{right:0}.visor__toggle-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:var(--space-sm)}.visor__toggle-icon{font-size:1.25rem;color:var(--color-muted);transition:color var(--transition-fast)}.visor__toggle-btn:hover .visor__toggle-icon,.visor__toggle-btn:active .visor__toggle-icon{color:var(--color-accent)}.visor__toggle-btn.active .visor__toggle-icon{color:var(--color-accent)}.visor__guide{display:none;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg) 0;border-top:1px solid var(--color-border);background:var(--color-bg);max-height:280px;overflow-y:auto}.visor__guide.active{display:flex}.visor__guide-chips{display:flex;flex-wrap:wrap;gap:0.375rem}.visor__guide-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:0.3rem 0.65rem;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.visor__guide-chip:hover{color:var(--color-text);border-color:var(--color-accent);background:rgba(74,158,255,0.08)}.visor__guide-chip.active{color:var(--color-accent);border-color:var(--color-accent);background:rgba(74,158,255,0.12)}.visor__guide-chip-count{font-size:var(--text-xs);opacity:0.6}.visor__guide-suggestions{display:flex;flex-direction:column;gap:2px}.visor__guide-suggestions:empty{display:none}.visor__guide-suggestion{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0.65rem;border-radius:var(--radius-sm);cursor:pointer;transition:background 0.1s}.visor__guide-suggestion:hover,.visor__guide-suggestion--highlighted{background:var(--color-surface)}.visor__guide-suggestion-info{display:flex;flex-direction:column;gap:0.15rem;min-width:0;flex:1}.visor__guide-suggestion-name{font-size:0.85rem;color:var(--color-text);font-weight:var(--weight-medium)}.visor__guide-suggestion-desc{font-size:0.75rem;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visor__guide-suggestion-badge{font-size:0.65rem;padding:0.15rem 0.4rem;border-radius:var(--radius-sm);margin-left:var(--space-sm);flex-shrink:0}.visor__guide-suggestion-badge--human{color:var(--color-success);background:rgba(80,250,123,0.1)}.visor__guide-suggestion-badge--hybrid{color:var(--color-accent);background:rgba(74,158,255,0.1)}.visor__guide-prompts:empty{display:none}.visor__guide-prompts-row{display:flex;flex-wrap:wrap;gap:0.375rem}.visor__guide-prompt{display:inline-block;padding:0.35rem var(--space-md);border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.visor__guide-prompt:hover,.visor__guide-prompt--highlighted{color:var(--color-text);border-color:var(--color-muted);background:rgba(255,255,255,0.04)}.visor__guide-action{display:inline-block;padding:0.35rem var(--space-md);border-radius:14px;border:1px solid var(--color-accent);background:rgba(74,158,255,0.08);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.visor__guide-action:hover,.visor__guide-action--highlighted{background:rgba(74,158,255,0.18);border-color:var(--color-accent)}.visor__guide-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-xs) 0;opacity:0.5}.visor__guide-hint{font-size:var(--text-xs);color:var(--color-muted);padding:var(--space-xs) 0.65rem;opacity:0.7}.visor__tool-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);z-index:100}.visor__tool-overlay.active{opacity:1;visibility:visible}.visor__tool-select{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.95);width:75%;max-width:900px;max-height:400px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.4);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal),transform var(--transition-normal);z-index:101;display:flex;flex-direction:column}.visor__tool-select.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.visor__tool-input-wrap{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.visor__tool-input{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--text-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);outline:none}.visor__tool-input:focus{border-color:var(--color-accent)}.visor__tool-results{flex:1;overflow-y:auto;max-height:250px}.visor__tool-results:empty{display:none}.visor__tool-result{display:flex;flex-direction:column;padding:var(--space-md) var(--space-lg);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background 0.1s}.visor__tool-result:last-child{border-bottom:none}.visor__tool-result:hover,.visor__tool-result--highlighted{background:var(--color-surface)}.visor__tool-result--highlighted{background:rgba(74,158,255,0.15)}.visor__tool-result-name{font-weight:var(--weight-semibold);color:var(--color-text);font-size:0.9rem}.visor__tool-result-desc{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-xs)}.visor__tool-result-params{font-size:0.75rem;color:var(--color-accent);margin-top:var(--space-xs);font-family:var(--font-mono)}.visor__item-badge{font-size:0.65rem;padding:0.15rem 0.4rem;border-radius:var(--radius-sm);text-transform:uppercase;font-weight:var(--weight-semibold);letter-spacing:0.5px;margin-right:var(--space-sm);flex-shrink:0}.visor__skill-badge{background:var(--color-success);color:var(--color-bg)}.visor__tool-badge{background:var(--color-border);color:var(--color-muted)}.visor__tool-result--skill{border-left:2px solid var(--color-success)}.visor__tool-template{padding:var(--space-lg);padding-bottom:2rem;display:none;position:relative;overflow:visible}.visor__tool-template.active{display:block;overflow:visible}.visor__tool-template:empty{display:none}.visor__template-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.visor__template-tool-name{font-weight:var(--weight-semibold);color:var(--color-accent)}.visor__template-back{background:none;border:none;color:var(--color-muted);cursor:pointer;font-size:0.9rem}.visor__template-back:hover{color:var(--color-text)}.visor__skill-indicator{font-size:0.65rem;padding:0.15rem 0.4rem;border-radius:var(--radius-sm);text-transform:uppercase;font-weight:var(--weight-semibold);letter-spacing:0.5px;background:var(--color-success);color:var(--color-bg);margin-left:auto}.visor__template-fields{display:flex;flex-direction:column;gap:var(--space-md)}.visor__template-field{display:flex;flex-direction:column;gap:var(--space-xs)}.visor__template-field-label{font-size:0.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px}.visor__template-field-label--required::after{content:' *';color:var(--color-danger)}.visor__template-field-input{padding:var(--space-sm) var(--space-md);font-size:0.9rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);outline:none;transition:border-color var(--transition-fast)}.visor__template-field-input:focus{border-color:var(--color-accent)}.visor__template-field-input--error{border-color:var(--color-danger);animation:visor-shake 0.3s}@keyframes visor-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.visor__template-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:150px;overflow-y:auto;z-index:10;display:none}.visor__template-suggestions.active{display:block}.visor__suggestion-item{padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:0.85rem}.visor__suggestion-item:hover,.visor__suggestion-item--highlighted{background:var(--color-surface)}.visor__tool-hint{padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border);font-size:0.75rem;color:var(--color-muted);text-align:center}.visor__tool-hint kbd{background:var(--color-border);padding:0.1rem 0.3rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);margin:0 0.15rem}.visor__inline-command{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:0.95rem;overflow:visible;position:relative}.visor__inline-tool-name{color:var(--color-accent);font-weight:var(--weight-semibold)}.visor__inline-param{display:inline-flex;align-items:center}.visor__inline-param-name{color:var(--color-muted)}.visor__inline-param-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0.2rem 0.4rem;font-family:var(--font-mono);font-size:0.95rem;color:var(--color-text);outline:none;min-width:60px}.visor__inline-param-input:focus{border-color:var(--color-accent);background:var(--color-surface)}.visor__inline-param-input--error{border-color:var(--color-danger);animation:visor-shake 0.3s}.visor__inline-param-input::placeholder{color:var(--color-muted);opacity:0.6}.visor__inline-param--dynamic .visor__inline-param-name{color:var(--color-warning);font-style:italic}.visor__inline-param--dynamic .visor__inline-param-input{border-color:var(--color-warning);border-style:dashed}.visor__inline-param--dynamic .visor__inline-param-input:focus{border-color:var(--color-accent);border-style:solid}.visor__suggestions-dropdown{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,0.3);max-height:200px;overflow-y:auto;z-index:1100;min-width:120px}.visor__suggestions-dropdown .visor__suggestion-item{font-family:var(--font-mono);font-size:0.9rem;color:var(--color-text);border-bottom:1px solid var(--color-border)}.visor__suggestions-dropdown .visor__suggestion-item:last-child{border-bottom:none}.visor__suggestions-dropdown .visor__suggestion-item:hover,.visor__suggestions-dropdown .visor__suggestion-item--highlighted{background:var(--color-accent);color:var(--color-bg)}@media (max-width:768px){.visor__toggles{display:none}.visor__dev-banner{font-size:var(--text-xs);padding:0.35rem var(--space-md)}.visor[data-layout="split-h"] .visor__content-wrapper{flex-direction:column}.visor[data-layout="split-h"] .visor__content{border-right:none;border-bottom:1px solid var(--color-border);max-height:50%}.visor[data-layout="split-h"] .visor-logs-panel{max-height:50%}}.visor,.visor__overlay{will-change:transform,opacity}}.widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:border-color var(--transition-fast),transform var(--transition-fast)}.widget:hover{border-color:var(--color-accent);transform:translateY(-2px)}.widget__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.widget__icon{font-size:var(--text-lg);opacity:0.8}.widget__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px}.widget__body{display:flex;flex-direction:column;gap:var(--space-sm)}.widget__stat{display:flex;flex-direction:column;align-items:center;text-align:center}.widget__stat .stat-value{font-size:2rem;font-weight:var(--weight-bold);color:var(--color-text);line-height:1.2}.widget__stat .stat-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px}.widget__stat--small .stat-value{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.widget__stat--small .stat-label{font-size:var(--text-xs);color:var(--color-muted)}.widget__stat-row{display:flex;justify-content:space-around;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.widget--revenue .widget__icon,.widget--revenue .widget__stat .stat-value{color:var(--color-success)}.widget--calendar .widget__icon,.widget--calendar .widget__stat .stat-value{color:var(--color-accent)}.widget--inbox .widget__icon,.widget--inbox .widget__stat .stat-value{color:var(--color-warning)}.widget--crm .widget__icon,.widget--crm .widget__stat .stat-value{color:var(--color-purple)}.widget.is-loading .stat-value{opacity:0.3;animation:pulse 1.5s ease-in-out infinite}@scope (beam-chat){.chat{display:flex;flex-direction:column;height:calc(100vh - 53px);background:var(--color-bg)}.chat__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.chat__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-accent);margin-bottom:2px}.chat__subtitle{font-size:var(--text-xs);color:var(--color-muted)}.chat__controls{display:flex;align-items:center;gap:var(--space-sm)}.chat__count-label{font-size:var(--text-sm);color:var(--color-muted)}.chat__count-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);color:var(--color-text);font-size:var(--text-base);cursor:pointer}.chat__count-select:focus{outline:none;border-color:var(--color-accent)}.chat__windows{flex:1;display:grid;gap:1px;background:var(--color-border);overflow:hidden}.chat__windows[data-count="1"]{grid-template-columns:1fr}.chat__windows[data-count="2"]{grid-template-columns:1fr 1fr}.chat__windows[data-count="3"]{grid-template-columns:1fr 1fr 1fr}.chat__window{display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden}.chat__window-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.chat__agent-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0.3rem 0.6rem;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.chat__agent-select:focus{outline:none;border-color:var(--color-accent)}.chat__agent-select[data-agent="claude"]{border-left:3px solid var(--color-purple)}.chat__agent-select[data-agent="codex"]{border-left:3px solid var(--color-success)}.chat__agent-select[data-agent="gemini"]{border-left:3px solid var(--color-warning)}.chat__window-controls{display:flex;align-items:center;gap:var(--space-sm)}.chat__window-status{font-size:var(--text-xs);color:var(--color-muted);padding:2px var(--space-xs);background:var(--color-bg);border-radius:var(--radius-sm)}.chat__window-status--streaming{color:var(--color-accent)}.chat__window-status--error{color:var(--color-danger)}.chat__window-clear{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-xs);padding:2px var(--space-xs);cursor:pointer}.chat__window-clear:hover{color:var(--color-danger);border-color:var(--color-danger)}.chat__messages{flex:1;overflow-y:auto;padding:var(--space-sm)}.chat__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:var(--text-base);font-style:italic}.chat__msg{font-size:var(--text-sm);line-height:1.3;word-wrap:break-word;white-space:pre-wrap}.chat__msg--user{color:var(--color-accent)}.chat__msg--user::before{content:'>';color:var(--color-muted)}.chat__msg--assistant{color:var(--color-text)}.chat__msg--streaming::after{content:'...';animation:blink 1s infinite}.chat__msg--error{color:var(--color-danger)}.chat__input-area{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-md) var(--space-lg)}.chat__input-wrapper{display:flex;gap:var(--space-sm);max-width:100%}.chat__input{flex:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);color:var(--color-text);font-family:inherit;font-size:var(--text-base);resize:none;min-height:44px;max-height:150px}.chat__input:focus{outline:none;border-color:var(--color-accent)}.chat__send{background:var(--color-accent);color:#000;border:none;border-radius:var(--radius-lg);padding:0 var(--space-xl);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:opacity var(--transition-fast)}.chat__send:hover{opacity:0.85}.chat__send:disabled{opacity:0.5;cursor:not-allowed}@media (max-width:900px){.chat__windows[data-count="3"],.chat__windows[data-count="2"]{grid-template-columns:1fr}}@media (max-width:768px){.chat{height:calc(100vh - 53px);height:calc(100dvh - 53px)}.chat__header{flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md)}.chat__title{font-size:var(--text-lg)}.chat__subtitle{display:none}.chat__controls{width:100%;justify-content:space-between}.chat__count-select{min-height:44px;padding:var(--space-sm) var(--space-lg);font-size:16px}.chat__windows{display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-bg);gap:1px}.chat__windows[data-count="1"] .chat__window{flex:1;min-height:0}.chat__windows[data-count="2"] .chat__window,.chat__windows[data-count="3"] .chat__window{flex:1;min-height:200px;border-bottom:1px solid var(--color-border)}.chat__windows .chat__window:last-child{border-bottom:none}.chat__window-header{padding:var(--space-md)}.chat__agent-select{min-height:44px;padding:var(--space-sm) var(--space-md);font-size:16px}.chat__window-controls{gap:var(--space-md)}.chat__window-status{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.chat__window-clear{min-height:36px;min-width:44px;padding:0.35rem 0.6rem;font-size:var(--text-xs)}.chat__messages{padding:var(--space-md)}.chat__msg{font-size:var(--text-base);line-height:1.4}.chat__input-area{padding:var(--space-md)}.chat__input{font-size:16px;padding:var(--space-md);min-height:48px;border-radius:12px}.chat__send{min-width:64px;min-height:48px;padding:0 var(--space-lg);border-radius:12px;font-size:var(--text-base)}}@media (max-width:480px){.chat__windows[data-count="2"] .chat__window,.chat__windows[data-count="3"] .chat__window{min-height:180px}.chat__header{padding:var(--space-sm) var(--space-md)}.chat__input-area{padding:var(--space-sm)}.chat__send{min-width:56px;padding:0 var(--space-md)}}}@scope (beam-dashboard){.dashboard{}.dashboard__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);max-width:1800px;margin:0 auto}.dashboard__command-center{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.dashboard__widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:border-color var(--transition-fast),transform var(--transition-fast)}.dashboard__widget:hover{border-color:var(--color-accent);transform:translateY(-2px)}.dashboard__widget.loading .dashboard__stat-value{opacity:0.3;animation:dashboardPulse 1.5s ease-in-out infinite}@keyframes dashboardPulse{0%,100%{opacity:0.3}50%{opacity:0.6}}.dashboard__widget-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.dashboard__widget-icon{font-size:var(--text-lg);opacity:0.8}.dashboard__widget-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px;flex:1}.widget-link{font-size:var(--text-xs);color:var(--color-accent);text-decoration:none;opacity:0.7;transition:opacity 0.15s}.widget-link:hover{opacity:1}.dashboard__widget-body{display:flex;flex-direction:column;gap:var(--space-sm)}.dashboard__stat-primary{display:flex;flex-direction:column;align-items:center;text-align:center}.dashboard__stat-primary .dashboard__stat-value{font-size:2rem;font-weight:var(--weight-bold);color:var(--color-text);line-height:1.2}.dashboard__stat-primary .dashboard__stat-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px}.dashboard__stat-row{display:flex;justify-content:space-around;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.dashboard__stat-small{display:flex;flex-direction:column;align-items:center;text-align:center}.dashboard__stat-small .dashboard__stat-value{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.dashboard__stat-small .dashboard__stat-label{font-size:var(--text-xs);color:var(--color-muted)}.dashboard__widget--revenue .dashboard__widget-icon{color:var(--color-success)}.dashboard__widget--revenue .dashboard__stat-primary .dashboard__stat-value{color:var(--color-success)}.dashboard__widget--calendar .dashboard__widget-icon{color:var(--color-accent)}.dashboard__widget--calendar .dashboard__stat-primary .dashboard__stat-value{color:var(--color-accent)}.dashboard__widget--inbox .dashboard__widget-icon{color:var(--color-warning)}.dashboard__widget--inbox .dashboard__stat-primary .dashboard__stat-value{color:var(--color-warning)}.dashboard__widget--crm .dashboard__widget-icon{color:var(--color-purple)}.dashboard__widget--crm .dashboard__stat-primary .dashboard__stat-value{color:var(--color-purple)}.dashboard__widget--orchestrator .dashboard__stat-primary .dashboard__stat-value{color:var(--color-cyan,#8be9fd)}.dashboard__event{display:flex;gap:var(--space-md);padding:var(--space-sm);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);animation:fadeIn 0.3s ease}.dashboard__event:last-child{border-bottom:none}.dashboard__event--new{background:rgba(74,158,255,0.1)}.dashboard__event-time{color:var(--color-muted);white-space:nowrap;min-width:70px}.dashboard__event-type{padding:0.1rem 0.5rem;border-radius:var(--radius-sm);font-size:0.65rem;text-transform:uppercase;min-width:80px;text-align:center;background:transparent;border:1px solid}.dashboard__event-type--command{color:#6ba8e0;border-color:#3d6a99}.dashboard__event-type--session_start,.dashboard__event-type--session_end{color:#a78bfa;border-color:#6b5a9e}.dashboard__event-type--tool_call,.dashboard__event-type--tool_result{color:#d4a854;border-color:#8a6d37}.dashboard__event-type--file_read,.dashboard__event-type--file_write{color:#6ec99a;border-color:#458566}.dashboard__event-type--workflow_start,.dashboard__event-type--workflow_step,.dashboard__event-type--workflow_end{color:#d98cb3;border-color:#8a5a73}.dashboard__event-type--skill_invoke,.dashboard__event-type--skill_result{color:#7bbfd4;border-color:#4d7a8a}.dashboard__event-type--agent_start,.dashboard__event-type--agent_action,.dashboard__event-type--agent_end{color:#a99cd4;border-color:#6b6399}.dashboard__event-type--decision{color:#7ac98a;border-color:#4d8a5a}.dashboard__event-type--approval_request,.dashboard__event-type--approval_response{color:#d4a070;border-color:#8a6845}.dashboard__event-type--error{color:#e07a7a;border-color:#993d3d}.dashboard__event-source{color:var(--color-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__approval{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);transition:opacity var(--transition-fast)}.dashboard__approval:last-child{border-bottom:none}.dashboard__approval--stale{opacity:0.6}.dashboard__approval-info{flex:1;min-width:0}.dashboard__approval-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:0.25rem}.dashboard__approval-source{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.65rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.5px;padding:0.1rem 0.4rem;border-radius:var(--radius-sm);border:1px solid}.dashboard__approval-source.automation{color:var(--color-accent);border-color:var(--color-accent)}.dashboard__approval-source.pm{color:var(--color-warning);border-color:var(--color-warning)}.dashboard__approval-source.workflow{color:var(--color-success);border-color:var(--color-success)}.dashboard__approval-age{font-size:0.65rem;color:var(--color-muted);display:inline-flex;align-items:center;gap:0.2rem;margin-left:auto}.dashboard__approval-age--stale{color:var(--color-danger);font-weight:var(--weight-bold)}.dashboard__approval-title{font-weight:var(--weight-semibold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__approval-action{color:var(--color-muted);font-size:var(--text-xs)}.dashboard__approval-buttons{display:flex;gap:var(--space-sm);flex-shrink:0}.dashboard__approval-bulk{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);justify-content:flex-end}.dashboard__instance{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.dashboard__instance:last-child{border-bottom:none}.dashboard__instance--clickable{cursor:pointer;transition:background var(--transition-fast)}.dashboard__instance--clickable:hover{background:var(--color-surface)}.dashboard__instance-info{flex:1}.dashboard__instance-name{color:var(--color-accent);font-weight:var(--weight-semibold)}.dashboard__instance-state{color:var(--color-muted);font-size:var(--text-xs)}.dashboard__instance-actions{display:flex;align-items:center;gap:var(--space-sm)}.dashboard__storage-warning{background:rgba(231,76,60,0.15);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);color:var(--color-danger)}.dashboard__storage-warning-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--space-sm)}.dashboard__storage-warning-icon svg{width:18px;height:18px;color:var(--color-warning)}.dashboard__storage-warning-text{font-weight:var(--weight-semibold)}.dashboard__storage-warning-files{margin-top:var(--space-sm);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text)}.dbh{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:var(--space-md)}.dbh__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);cursor:pointer;list-style:none}.dbh__header::-webkit-details-marker{display:none}.dbh__header::marker{display:none;content:none}.dbh__header:hover{background:color-mix(in srgb,var(--color-accent) 5%,var(--color-surface))}.dbh__icon{display:flex}.dbh__title{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.dbh__status{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:1px 6px;border-radius:var(--radius-sm)}.dbh__status--ok{color:var(--color-success)}.dbh__status--warn{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 15%,transparent)}.dbh__size{margin-left:auto;font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--color-muted)}.dbh__body{padding:var(--space-sm) var(--space-md)}.dbh__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-sm)}.dbh__metric{display:flex;flex-direction:column;gap:2px}.dbh__metric-label{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-muted)}.dbh__metric-value{font-size:var(--text-sm);font-family:var(--font-mono,monospace)}.dbh__metric-value--warn{color:var(--color-warning);font-weight:var(--weight-semibold)}.dbh__tables{border-top:1px solid var(--color-border);padding-top:var(--space-xs)}.dbh__tables-header{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-muted);margin-bottom:var(--space-xs)}.dbh__table-row{display:flex;justify-content:space-between;padding:2px 0;font-size:var(--text-xs)}.dbh__table-name{color:var(--color-text);text-transform:capitalize}.dbh__table-count{font-family:var(--font-mono,monospace);color:var(--color-muted)}.dashboard__orch-phase-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.dashboard__orch-phase-name{font-weight:var(--weight-semibold)}.dashboard__orch-phase-mode{color:var(--color-muted);text-transform:uppercase;font-size:0.65rem;letter-spacing:0.03em}.dashboard__orch-progress{height:3px;background:var(--color-border)}.dashboard__orch-progress-bar{height:100%;background:var(--color-success);transition:width 0.3s ease}.dashboard__orch-task-row{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--space-sm);align-items:center;padding:0.4rem var(--space-md);font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.dashboard__orch-task-row:last-child{border-bottom:none}.dashboard__orch-task-name{font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__orch-task-elapsed{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.dashboard__orch-task-tokens{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right}.dashboard__orch-task-output{color:var(--color-muted);font-size:0.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__orch-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);color:var(--color-muted);border-top:1px solid var(--color-border);font-variant-numeric:tabular-nums}.dashboard__orch-footer-cost{color:var(--color-warning);font-weight:var(--weight-semibold)}.dashboard__detail-section{margin-bottom:var(--space-md)}.dashboard__detail-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;margin-bottom:var(--space-xs)}.dashboard__detail-value{font-size:var(--text-sm);color:var(--color-text)}.dashboard__detail-value--highlight{color:var(--color-accent);font-weight:var(--weight-bold)}.dashboard__context-block{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}@media (max-width:1200px){.dashboard__command-center{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard__grid{grid-template-columns:1fr;gap:var(--space-sm)}.dashboard__command-center{grid-template-columns:1fr}}}@scope (beam-email){.email{display:flex;flex-direction:column;height:calc(100vh - 53px);overflow:hidden;width:100%;max-width:100%}#page-email{padding:0;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}#page-email.active{display:flex;flex-direction:column;height:calc(100vh - 50px)}.email__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.email__header-row{display:flex;align-items:center;gap:var(--space-md)}.email__header-text{flex:1}.email__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-accent);margin-bottom:2px}.email__subtitle{font-size:var(--text-xs);color:var(--color-muted)}.email__sidebar-toggle{display:none;align-items:center;justify-content:center;width:var(--input-height-lg);height:var(--input-height-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0}.email__sidebar-toggle-icon{font-size:1.25rem;color:var(--color-text)}.email__sidebar-toggle:hover{border-color:var(--color-accent)}.email__sidebar-toggle:hover .email__sidebar-toggle-icon{color:var(--color-accent)}.email__mobile-context{display:none;align-items:center;gap:0.35rem;padding-top:var(--space-sm);font-size:var(--text-xs)}.email__mobile-context-account{color:var(--color-accent);font-weight:var(--weight-semibold)}.email__mobile-context-sep{color:var(--color-muted)}.email__mobile-context-folder{color:var(--color-text)}.email__backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:59;opacity:0;transition:opacity var(--transition-normal)}.email__backdrop--visible{display:block;opacity:1}.email__layout{display:flex;flex:1;overflow:hidden;width:100%;max-width:100%;min-width:0;min-height:0}.email__sidebar{width:220px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-md) 0}.email__accounts{padding:0 var(--space-md) var(--space-md);border-bottom:1px solid var(--color-border)}.email__account-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:var(--space-xs)}.email__account-item:hover{background:var(--color-bg)}.email__account-item.active{background:var(--color-bg);border-left:2px solid var(--color-accent)}.email__account-item.disabled{opacity:0.5;cursor:not-allowed}.email__account-icon{font-size:var(--text-lg);color:var(--color-muted)}.email__account-info{flex:1;min-width:0}.email__account-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.email__account-email{font-size:0.65rem;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis}.email__account-badge{font-size:0.55rem;padding:0.1rem 0.3rem;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--color-border);color:var(--color-muted)}.email__folders{flex:1;padding:var(--space-md)}.email__folder-item{display:flex;align-items:center;gap:var(--space-sm);padding:0.4rem var(--space-sm);font-size:var(--text-sm);color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer}.email__folder-item:hover{background:var(--color-bg);color:var(--color-text)}.email__folder-item.active{background:var(--color-bg);color:var(--color-accent)}.email__folder-icon{font-size:0.6rem}.email__folder-count{margin-left:auto;font-size:var(--text-xs)}.email__sidebar-actions{padding:var(--space-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-sm)}.email__compose-btn{background:transparent;color:var(--color-accent);border-color:var(--color-accent);font-weight:var(--weight-semibold)}.email__compose-btn:hover{background:rgba(74,158,255,0.15)}.email__compose-btn:disabled{opacity:0.3}.email__main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.email__toolbar{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.email__search{flex:1;max-width:400px;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);padding:0.4rem var(--space-md);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-sm)}.email__search:focus{outline:none;border-color:var(--color-accent)}.email__search:disabled{opacity:0.5}.email__toolbar-actions{display:flex;gap:var(--space-sm)}.email__toolbar-bulk{display:flex;align-items:center;gap:var(--space-sm)}.email__bulk-count{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);white-space:nowrap;margin-right:var(--space-xs)}.email__toolbar-bulk .btn-sm{display:inline-flex;align-items:center;gap:0.3rem;padding:0.3rem 0.6rem;font-size:0.78rem;white-space:nowrap;border-radius:var(--radius-sm);line-height:1}.email__toolbar-bulk .btn-sm svg{width:14px;height:14px;flex-shrink:0}.email__toolbar-bulk .btn-clear{color:var(--color-muted);margin-left:var(--space-xs)}.email__bulk-dropdown{position:relative}.email__bulk-dropdown-btn{display:flex;align-items:center;gap:var(--space-xs)}.email__bulk-dropdown-btn svg{width:12px;height:12px;transition:transform var(--transition-normal)}.email__bulk-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:var(--z-dropdown);margin-top:4px;padding:4px 0}.email__bulk-dropdown-menu.open{display:block}.email__dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;color:var(--color-text);font-size:var(--text-sm);cursor:pointer;text-align:left}.email__dropdown-item:hover{background:var(--color-surface)}.email__dropdown-item svg{width:14px;height:14px;color:var(--color-muted)}.email__dropdown-item kbd{margin-left:auto;padding:0.1rem 0.4rem;font-size:0.65rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);font-family:inherit}.email__dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}.email__content{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center}.email__content:has(.email__list){align-items:flex-start;justify-content:flex-start}.email__content:has(.email__thread){align-items:stretch;justify-content:stretch}.email__placeholder{text-align:center;padding:var(--space-xl);max-width:400px}.email__placeholder-icon{font-size:3rem;color:var(--color-muted);margin-bottom:var(--space-lg);opacity:0.5}.email__placeholder h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-md)}.email__placeholder p{font-size:var(--text-base);color:var(--color-muted);margin-bottom:var(--space-md)}.email__placeholder-list{text-align:left;list-style:none;padding:0;margin:var(--space-lg) 0}.email__placeholder-list li{font-size:var(--text-sm);color:var(--color-muted);padding:0.35rem 0;border-bottom:1px solid var(--color-border)}.email__placeholder-list li:last-child{border-bottom:none}.email__placeholder-list code{color:var(--color-accent);background:var(--color-surface);padding:0.1rem 0.3rem;border-radius:var(--radius-sm);margin-right:var(--space-sm)}.email__placeholder-note{font-size:var(--text-xs);color:var(--color-muted);font-style:italic;margin-top:var(--space-lg)}.email__list{display:flex;flex-direction:column;width:100%;min-width:0;align-self:stretch}.email__row{display:flex;align-items:center;gap:var(--space-md);padding:0.65rem var(--space-lg);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast);min-width:0}.email__row:hover{background:var(--color-surface)}.email__row--unread{background:rgba(74,158,255,0.05)}.email__row--unread .email__row-from,.email__row--unread .email__row-subject{font-weight:var(--weight-semibold);color:var(--color-text)}.email__row--selected{background:rgba(74,158,255,0.15)}.email__checkbox{width:16px;height:16px;cursor:pointer;flex-shrink:0}.email__row-indicator{width:24px;display:flex;align-items:center;gap:4px}.email__row-indicator .dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.email__row-indicator .flag{color:var(--color-warning);font-size:var(--text-xs)}.email__row-from{width:180px;font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email__row-subject{flex:1;min-width:0;font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email__row-date{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap}.email__thread{display:flex;flex-direction:column;height:100%;width:100%}.email__thread-header{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.email__thread-subject{flex:1;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.email__thread-actions{display:flex;gap:var(--space-sm);margin-left:auto}.email__thread-actions .btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.email__thread-messages{flex:1;overflow-y:auto;padding:var(--space-lg)}.email__message{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.email__message:last-child{margin-bottom:0}.email__message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.email__message-from{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-accent)}.email__message-date{font-size:var(--text-xs);color:var(--color-muted)}.email__message-to{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.email__message-body{font-size:var(--text-base);color:var(--color-text);line-height:1.6;white-space:pre-wrap;word-break:break-word}.email__command-bar{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-md) var(--space-lg)}.email__command-wrapper{display:flex;gap:var(--space-sm);max-width:100%}.email__command-input{flex:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0.6rem var(--space-md);color:var(--color-text);font-family:inherit;font-size:var(--text-base);resize:none;min-height:38px;max-height:120px}.email__command-input:focus{outline:none;border-color:var(--color-accent)}.email__command-send{background:var(--color-accent);color:#000;border:none;border-radius:var(--radius-md);padding:0 var(--space-lg);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:opacity var(--transition-fast)}.email__command-send:hover{opacity:0.8}.email__command-send:disabled{opacity:0.5;cursor:not-allowed}.email__command-response{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);animation:fadeIn 0.2s ease}.email__command-response--success{background:rgba(74,222,128,0.1);color:var(--color-success)}.email__command-response--error{background:rgba(248,113,113,0.1);color:var(--color-danger)}.email__command-response--info{background:rgba(74,158,255,0.1);color:var(--color-accent)}.email__compose-modal{width:90%;max-width:600px;max-height:85vh;overflow-y:auto}.email__compose-form{display:flex;flex-direction:column;gap:var(--space-md)}.email__compose-field{display:flex;flex-direction:column;gap:var(--space-xs)}.email__compose-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.05em}.email__compose-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text);font-family:inherit;font-size:var(--text-base)}.email__compose-input:focus{outline:none;border-color:var(--color-accent)}.email__compose-body{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);color:var(--color-text);font-family:inherit;font-size:var(--text-base);resize:vertical;min-height:200px;line-height:1.5}.email__compose-body:focus{outline:none;border-color:var(--color-accent)}.email__compose-status{font-size:var(--text-sm);padding:var(--space-sm) 0;min-height:1.5rem}.email__compose-status--success{color:var(--color-success)}.email__compose-status--error{color:var(--color-danger)}.email__compose-status--sending{color:var(--color-accent)}.email__send-btn{background:transparent;color:var(--color-success);border-color:var(--color-success);font-weight:var(--weight-semibold)}.email__send-btn:hover{background:rgba(74,222,128,0.15)}.email__send-btn:disabled{opacity:0.5}.email__notification{position:fixed;bottom:var(--space-lg);left:50%;transform:translateX(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);display:none;align-items:center;gap:var(--space-sm);z-index:var(--z-toast);box-shadow:0 4px 12px rgba(0,0,0,0.3);font-size:var(--text-base)}.email__notification--success{border-color:var(--color-success)}.email__notification--error{border-color:var(--color-danger)}.email__notification-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.email__notification-icon svg{width:14px;height:14px}.email__notification--success .email__notification-icon svg{color:var(--color-success)}.email__notification--error .email__notification-icon svg{color:var(--color-danger)}.email__notification--info .email__notification-icon svg{color:var(--color-accent)}.email__fab{display:none;position:absolute;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--color-accent);border:none;box-shadow:0 4px 12px rgba(74,158,255,0.4);cursor:pointer;z-index:var(--z-dropdown);align-items:center;justify-content:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.email__fab:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(74,158,255,0.5)}.email__fab:active{transform:scale(0.95)}.email__fab-icon{font-size:1.75rem;font-weight:300;color:white;line-height:1}@media (max-width:768px){.email__sidebar-toggle{display:flex}.email__mobile-context{display:flex}.email__fab{display:flex}.email{position:relative;height:calc(100vh - 52px)}.email__header{padding:var(--space-md)}.email__title{font-size:1.1rem}.email__subtitle{font-size:var(--text-xs)}.email__layout{flex-direction:column;position:relative}.email__sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;z-index:60;transform:translateX(-100%);transition:transform 0.25s ease;border-right:1px solid var(--color-border);box-shadow:2px 0 10px rgba(0,0,0,0.3);padding-top:var(--space-lg)}.email__sidebar--open{transform:translateX(0)}.email__sidebar::before{content:'Accounts & Folders';display:block;padding:var(--space-sm) var(--space-lg) var(--space-lg);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-sm)}.email__accounts{padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.email__account-item{min-height:52px;padding:var(--space-md);margin-bottom:0}.email__account-name{font-size:0.9rem}.email__account-email{font-size:var(--text-xs)}.email__folders{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.email__folder-item{min-height:48px;padding:var(--space-md);font-size:0.9rem;display:flex;align-items:center}.email__folder-count{font-size:var(--text-sm);background:var(--color-bg);padding:0.15rem var(--space-sm);border-radius:10px}.email__sidebar-actions{padding:var(--space-lg);margin-top:auto}.email__sidebar-actions .btn{min-height:48px;font-size:0.9rem}.email__sidebar-actions .email__compose-btn{display:none}.email__main{flex:1;width:100%;max-height:none}.email__toolbar{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);align-items:stretch}.email__search{max-width:none;width:100%;min-height:var(--input-height-lg);font-size:16px}.email__toolbar-actions{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-xs);-webkit-overflow-scrolling:touch}.email__toolbar-actions .filter-btn{flex-shrink:0;min-height:40px;padding:var(--space-sm) var(--space-md)}.email__checkbox{display:none !important}.email__swipe-container{position:relative;overflow:hidden;border-bottom:1px solid var(--color-border);min-height:76px}.email__swipe-container:last-child{border-bottom:none}.email__swipe-left,.email__swipe-right{position:absolute;top:0;bottom:0;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);opacity:0;transition:opacity var(--transition-fast)}.email__swipe-left{right:0;background:var(--color-surface);justify-content:flex-end}.email__swipe-right{left:0;background:var(--color-surface);justify-content:flex-start}.email__swipe-left.visible,.email__swipe-right.visible{opacity:1}.email__swipe-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:0.03em;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.email__swipe-btn:active{background:var(--color-hover)}.email__swipe-btn[data-action="delete"]{color:var(--color-danger);border-color:var(--color-danger)}.email__swipe-btn[data-action="archive"]{color:var(--color-accent);border-color:var(--color-accent)}.email__swipe-btn[data-action="tag"]{color:var(--color-warning);border-color:var(--color-warning)}.email__row{display:flex !important;position:relative !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:0.35rem !important;padding:0.875rem var(--space-lg) !important;min-height:76px !important;height:auto !important;background:var(--color-bg) !important;border-bottom:none !important;transition:transform var(--transition-normal);touch-action:pan-y pinch-zoom;will-change:transform;z-index:1 !important}.email__row-from{color:var(--color-text) !important;width:100% !important;font-size:0.9rem !important;font-weight:var(--weight-semibold) !important;padding-right:3rem !important;display:block !important;min-height:1.2em !important;line-height:1.3 !important;flex-shrink:0 !important}.email__row-subject{color:var(--color-muted) !important;width:100% !important;font-size:var(--text-base) !important;white-space:normal !important;overflow:hidden !important;line-height:1.4 !important;min-height:1.4em !important;flex:none !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;text-overflow:ellipsis !important}.email__row-date{position:absolute !important;top:0.875rem !important;right:2.5rem !important;font-size:var(--text-xs) !important;color:var(--color-muted) !important}.email__list>.email__row{border-bottom:1px solid var(--color-border)}.email__row-indicator{position:absolute;right:var(--space-lg);top:0.875rem}.email__row.swiping{transition:none}.email__row.snapping{transition:transform 0.25s cubic-bezier(0.25,0.46,0.45,0.94)}.email__tag-menu{animation:slideUp 0.2s ease-out}@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.email__tag-menu-header{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--space-md);text-align:center}.email__tag-menu-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.email__tag-option{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:0.85rem var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:0.9rem;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),transform 0.1s ease}.email__tag-option:active{background:var(--color-accent);color:#fff;transform:scale(0.98)}.email__tag-menu-cancel{width:100%;padding:0.85rem;background:transparent;border:none;font-size:0.9rem;font-weight:var(--weight-semibold);color:var(--color-danger);cursor:pointer}.email__thread-header{flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md)}.email__thread-subject{width:100%;order:2;font-size:0.95rem;padding-top:var(--space-sm)}.email__thread-actions{order:1;margin-left:0;gap:var(--space-sm)}.email__thread-actions .btn-sm{min-height:var(--input-height-lg);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.email__thread-messages{padding:var(--space-md)}.email__message{padding:var(--space-md)}.email__message-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.email__message-from{font-size:0.9rem}.email__message-date{font-size:var(--text-xs)}.email__command-bar{padding:var(--space-sm)}.email__command-input{min-height:var(--input-height-lg);font-size:16px}.email__command-send{min-height:var(--input-height-lg);min-width:60px}.email__toolbar-bulk{flex-wrap:wrap;gap:0.4rem}.email__toolbar-bulk .btn-sm{min-height:36px;padding:0.4rem 0.6rem;font-size:0.78rem}.email__compose-modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;margin:0}.email__compose-form{gap:var(--space-lg)}.email__compose-field{gap:0.35rem}.email__compose-label{font-size:var(--text-xs)}.email__compose-input{min-height:48px;font-size:16px;padding:var(--space-md)}.email__compose-body{min-height:200px;font-size:16px;padding:var(--space-md)}.email__compose-status{font-size:var(--text-base);padding:var(--space-md) 0}}@media (max-width:480px){.email__sidebar{width:100vw;max-width:100vw}.email__fab{bottom:70px;right:16px;width:60px;height:60px}.email__fab-icon{font-size:2rem}.email__row{padding:var(--space-md) !important;min-height:72px !important}.email__row-from{font-size:var(--text-base) !important;padding-right:2.5rem !important}.email__row-subject{font-size:var(--text-sm) !important;-webkit-line-clamp:2 !important}.email__row-date{top:var(--space-md) !important;right:2.25rem !important}.email__row-indicator{right:var(--space-md) !important;top:var(--space-md) !important}.email__toolbar-actions{justify-content:flex-start}.email__toolbar-actions .filter-btn{font-size:var(--text-xs);padding:0.4rem 0.6rem}.email__thread-actions{width:100%;justify-content:space-between}.email__thread-actions .btn-sm{flex:1}}}@scope (beam-knowledge){.knowledge{padding:var(--space-lg) var(--space-xl)}.knowledge__header{margin-bottom:var(--space-lg)}.knowledge__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text)}.knowledge__tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg);padding-bottom:0}.knowledge__tab{background:none;border:none;color:var(--color-muted);padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:var(--text-sm);border-bottom:2px solid transparent;transition:all var(--transition-normal)}.knowledge__tab:hover{color:var(--color-text)}.knowledge__tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.knowledge__panel{display:none}.knowledge__panel.active{display:block}.knowledge__search-bar{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-lg)}.knowledge__search-input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm)}.knowledge__search-input:focus{outline:none;border-color:var(--color-accent)}.knowledge__depth-selector{display:flex;gap:2px}.knowledge__depth-btn{width:28px;height:28px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-muted);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.knowledge__depth-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.knowledge__depth-btn.active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.knowledge__results-area{min-height:200px}.knowledge__loading{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-muted);padding:var(--space-xl);justify-content:center}.knowledge__error{color:var(--color-danger);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.knowledge__result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.knowledge__result-meta{display:flex;gap:var(--space-md);align-items:center;font-size:var(--text-sm);color:var(--color-muted)}.knowledge__result-actions{display:flex;gap:var(--space-xs)}.knowledge__depth-badge{background:var(--color-accent);color:var(--color-bg);padding:0.15rem 0.4rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.knowledge__summary{padding:var(--space-md);background:var(--color-hover);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--text-sm);line-height:1.5;color:var(--color-text);white-space:pre-wrap}.knowledge__provider-status{display:flex;align-items:center;gap:0.4rem;padding:0.4rem 0;font-size:var(--text-xs);flex-wrap:wrap}.knowledge__provider-label{color:var(--color-muted);margin-right:0.2rem}.knowledge__provider-chip{padding:0.15rem var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium)}.knowledge__provider-chip--on{background:rgba(80,250,123,0.12);color:var(--color-success)}.knowledge__provider-chip--off{background:rgba(255,85,85,0.08);color:var(--color-muted);text-decoration:line-through;cursor:help}.knowledge__source-card{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);overflow:hidden}.knowledge__source-card--video{border-left:3px solid var(--color-danger)}.knowledge__source-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:var(--text-sm)}.knowledge__source-header:hover{background:var(--color-hover)}.knowledge__source-type{opacity:0.5;flex-shrink:0}.knowledge__source-title{flex:1;font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.knowledge__source-badge{font-size:var(--text-xs);padding:0.1rem 0.35rem;border-radius:var(--radius-sm);background:var(--color-hover);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.03em;flex-shrink:0}.knowledge__source-url{font-size:var(--text-xs);color:var(--color-muted)}.knowledge__source-expand{transition:transform var(--transition-normal)}.knowledge__source-card.expanded .knowledge__source-expand{transform:rotate(180deg)}.knowledge__source-body{display:none;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);font-size:var(--text-sm)}.knowledge__source-card.expanded .knowledge__source-body{display:block}.knowledge__source-thumb{margin-bottom:var(--space-sm)}.knowledge__source-thumb img{max-width:240px;border-radius:var(--radius-md);display:block}.knowledge__source-snippet{color:var(--color-muted);margin-bottom:var(--space-sm)}.knowledge__source-content{color:var(--color-text);line-height:1.5;margin-bottom:var(--space-sm)}.knowledge__source-link{color:var(--color-accent);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-xs)}.knowledge__topic-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm);cursor:pointer;transition:background var(--transition-fast)}.knowledge__topic-card:hover{background:var(--color-hover)}.knowledge__topic-query{font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-xs)}.knowledge__topic-meta{display:flex;gap:var(--space-md);font-size:var(--text-xs);color:var(--color-muted)}.knowledge__topic-tags{display:flex;gap:var(--space-xs);margin-top:var(--space-sm)}.knowledge__tag{background:var(--color-hover);padding:0.1rem 0.4rem;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-muted)}.knowledge__library-heading{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:var(--space-lg) 0 var(--space-md)}.knowledge__intel-section{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);overflow:hidden}.knowledge__intel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);cursor:pointer;transition:background var(--transition-fast)}.knowledge__intel-header:hover{background:var(--color-hover)}.knowledge__intel-header-left{display:flex;align-items:center;gap:var(--space-sm)}.knowledge__intel-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.knowledge__intel-badge{font-size:var(--text-xs);padding:0.1rem 0.4rem;border-radius:var(--radius-sm);background:rgba(139,92,246,0.15);color:var(--color-accent);font-weight:var(--weight-medium)}.knowledge__intel-chevron{transition:transform var(--transition-normal)}.knowledge__intel-section.expanded .knowledge__intel-chevron{transform:rotate(180deg)}.knowledge__intel-body{display:none;padding:0 var(--space-md) var(--space-md);border-top:1px solid var(--color-border)}.knowledge__intel-section.expanded .knowledge__intel-body{display:block}.knowledge__intel-summary{font-size:var(--text-sm);color:var(--color-muted);padding:var(--space-md) 0 var(--space-sm);line-height:1.5}.knowledge__intel-subheading{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.05em;margin:var(--space-md) 0 var(--space-sm)}.knowledge__intel-page{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-xs);overflow:hidden}.knowledge__intel-page-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:var(--text-sm)}.knowledge__intel-page-header:hover{background:var(--color-hover)}.knowledge__intel-page-name{font-weight:var(--weight-medium);color:var(--color-text);flex:1}.knowledge__intel-page-meta{font-size:var(--text-xs);color:var(--color-muted)}.knowledge__intel-page-body{display:none;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);font-size:var(--text-sm)}.knowledge__intel-page.expanded .knowledge__intel-page-body{display:block}.knowledge__intel-page.expanded .knowledge__intel-chevron{transform:rotate(180deg)}.knowledge__intel-page-title{color:var(--color-muted);font-size:var(--text-xs);margin-bottom:var(--space-sm)}.knowledge__intel-diffs{margin-bottom:var(--space-sm)}.knowledge__intel-diff-row{display:flex;align-items:center;gap:var(--space-sm);padding:0.2rem 0;font-size:var(--text-xs)}.knowledge__intel-status{padding:0.1rem 0.35rem;border-radius:var(--radius-sm);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:0.03em;font-size:0.65rem}.knowledge__intel-status--added{background:rgba(80,250,123,0.15);color:var(--color-success)}.knowledge__intel-status--changed{background:rgba(255,184,108,0.15);color:var(--color-warning)}.knowledge__intel-status--removed{background:rgba(255,85,85,0.15);color:var(--color-danger)}.knowledge__intel-heading{color:var(--color-text)}.knowledge__intel-keywords{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-sm);font-size:var(--text-xs)}.knowledge__intel-keywords-label{color:var(--color-muted)}.knowledge__intel-keyword{background:rgba(139,92,246,0.12);color:var(--color-accent);padding:0.1rem 0.35rem;border-radius:var(--radius-sm);font-size:var(--text-xs)}.knowledge__intel-wordcount{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-sm)}.knowledge__intel-empty{font-size:var(--text-sm);color:var(--color-muted);padding:var(--space-sm) 0}.knowledge__intel-timeline{font-size:var(--text-xs)}.knowledge__intel-timeline-row{display:flex;align-items:center;gap:var(--space-md);padding:0.3rem 0;border-bottom:1px solid var(--color-border)}.knowledge__intel-timeline-row:last-child{border-bottom:none}.knowledge__intel-timeline-date{color:var(--color-muted);min-width:5.5rem}.knowledge__intel-timeline-slug{font-weight:var(--weight-medium);color:var(--color-text);flex:1}.knowledge__intel-timeline-sections{color:var(--color-muted)}.knowledge__intel-timeline-kws{color:var(--color-accent);font-size:0.65rem}.knowledge__deck-card,.knowledge__quiz-card{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm)}.knowledge__deck-name,.knowledge__quiz-name{font-weight:var(--weight-medium);color:var(--color-text);display:flex;align-items:center;gap:0.4rem}.knowledge__deck-meta,.knowledge__quiz-meta{font-size:var(--text-xs);color:var(--color-muted);margin-top:0.15rem}.knowledge__deck-actions,.knowledge__quiz-actions{display:flex;gap:var(--space-xs)}.knowledge__review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);font-size:var(--text-sm);color:var(--color-muted)}.knowledge__flashcard{perspective:1000px;width:100%;max-width:500px;height:280px;margin:0 auto var(--space-lg);cursor:pointer}.knowledge__flashcard-inner{position:relative;width:100%;height:100%;transition:transform 0.6s;transform-style:preserve-3d}.knowledge__flashcard.flipped .knowledge__flashcard-inner{transform:rotateY(180deg)}.knowledge__flashcard-front,.knowledge__flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--color-bg)}.knowledge__flashcard-back{transform:rotateY(180deg);background:var(--color-hover)}.knowledge__flashcard-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-md)}.knowledge__flashcard-text{font-size:var(--text-lg);color:var(--color-text);line-height:1.5}.knowledge__flashcard-hint{font-size:var(--text-xs);color:var(--color-muted);margin-top:auto}.knowledge__quality-buttons{display:flex;justify-content:center;gap:var(--space-sm)}.knowledge__quality-btn{padding:var(--space-sm) var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);background:var(--color-bg);transition:all var(--transition-fast)}.knowledge__quality-btn--again{color:var(--color-danger);border-color:var(--color-danger)}.knowledge__quality-btn--again:hover{background:var(--color-danger);color:var(--color-bg)}.knowledge__quality-btn--hard{color:var(--color-warning);border-color:var(--color-warning)}.knowledge__quality-btn--hard:hover{background:var(--color-warning);color:var(--color-bg)}.knowledge__quality-btn--good{color:var(--color-success);border-color:var(--color-success)}.knowledge__quality-btn--good:hover{background:var(--color-success);color:var(--color-bg)}.knowledge__quality-btn--easy{color:var(--color-accent);border-color:var(--color-accent)}.knowledge__quality-btn--easy:hover{background:var(--color-accent);color:var(--color-bg)}.knowledge__quiz-progress{position:relative;height:24px;background:var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);overflow:hidden}.knowledge__quiz-progress-bar{height:100%;background:var(--color-accent);transition:width 0.3s;border-radius:var(--radius-md)}.knowledge__quiz-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text)}.knowledge__question{margin-bottom:var(--space-lg)}.knowledge__question-text{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-lg);line-height:1.5}.knowledge__mcq-option{display:block;width:100%;text-align:left;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:0.4rem;background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast)}.knowledge__mcq-option:hover{border-color:var(--color-accent);background:var(--color-hover)}.knowledge__tf-buttons{display:flex;gap:var(--space-sm)}.knowledge__tf-btn{flex:1;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-medium);transition:all var(--transition-fast)}.knowledge__tf-btn:hover{border-color:var(--color-accent)}.knowledge__fill-blank{display:flex;gap:var(--space-sm)}.knowledge__fill-blank-input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm)}.knowledge__answer-feedback{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-sm);display:flex;align-items:center;gap:0.4rem;font-size:var(--text-sm);animation:knowledgeFadeIn var(--transition-normal)}.knowledge__answer-feedback--correct{background:rgba(74,222,128,0.15);color:var(--color-success)}.knowledge__answer-feedback--wrong{background:rgba(248,113,113,0.15);color:var(--color-danger)}@keyframes knowledgeFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.knowledge__quiz-results{text-align:center;padding:var(--space-xl)}.knowledge__score-display{margin:var(--space-xl) 0}.knowledge__score-circle{width:120px;height:120px;margin:0 auto}.knowledge__score-detail{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-xl)}.knowledge__stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.knowledge__stat-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.knowledge__stat-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-accent)}.knowledge__stat-label{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-xs)}.knowledge__review-complete{text-align:center;padding:var(--space-xl)}.knowledge__review-complete h3{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}@media (max-width:640px){.knowledge{padding:var(--space-sm)}.knowledge__search-bar{flex-wrap:wrap}.knowledge__search-input{min-width:100%}.knowledge__flashcard{height:220px}.knowledge__stats-grid{grid-template-columns:repeat(2,1fr)}}.knowledge__source-actions{display:flex;align-items:center;gap:0.75rem;margin-top:0.5rem}.knowledge__download-btn{display:inline-flex;align-items:center;gap:0.25rem}.knowledge__download-btn:disabled{opacity:0.6;cursor:default}.knowledge__local-badge{color:var(--success);flex-shrink:0;margin-left:auto;margin-right:0.25rem}.knowledge__media-player{margin-bottom:0.75rem;border-radius:var(--radius);overflow:hidden;background:var(--bg-darker,#000)}.knowledge__media-player video,.knowledge__media-player audio{width:100%;display:block;max-height:400px}.knowledge__media-player audio{height:42px}.knowledge__media-section{margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1rem}.knowledge__media-download-bar{display:flex;gap:0.5rem;margin-bottom:1rem}.knowledge__media-url-input{flex:1;padding:0.5rem 0.75rem;background:var(--bg-input,var(--bg));border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:0.875rem}.knowledge__media-url-input:focus{outline:none;border-color:var(--primary)}.knowledge__media-list{display:flex;flex-direction:column;gap:0.5rem}.knowledge__media-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card,var(--bg));overflow:hidden}.knowledge__media-card.expanded .knowledge__media-card-body{display:block}.knowledge__media-card.expanded .knowledge__source-expand{transform:rotate(180deg)}.knowledge__media-card-header{display:flex;align-items:center;gap:0.5rem;padding:0.625rem 0.75rem;cursor:pointer;user-select:none}.knowledge__media-card-header:hover{background:var(--bg-hover)}.knowledge__media-card-icon{flex-shrink:0;color:var(--text-muted)}.knowledge__media-card-title{font-weight:500;font-size:0.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.knowledge__media-card-meta{font-size:0.75rem;color:var(--text-muted);flex-shrink:0}.knowledge__media-card-date{font-size:0.75rem;color:var(--text-muted);flex-shrink:0}.knowledge__media-card-body{display:none;padding:0.75rem;border-top:1px solid var(--border)}.knowledge__media-card-detail{display:flex;align-items:center;gap:0.375rem;font-size:0.8rem;color:var(--text-muted);margin-bottom:0.25rem}.spinner--sm{width:14px;height:14px;display:inline-block}}@scope (beam-knowledge){.media-library{display:grid;grid-template-columns:240px 1fr;gap:var(--space-4);height:100%;min-height:0}.media-sidebar{display:flex;flex-direction:column;gap:var(--space-3);border-right:1px solid var(--border);padding-right:var(--space-4);overflow-y:auto}.media-search{display:flex;gap:var(--space-2)}.media-search input{flex:1;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:var(--text-sm)}.media-search button{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);cursor:pointer}.media-search button:hover{background:var(--surface-hover)}.media-filters h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin:var(--space-3) 0 var(--space-1)}.media-filter-btn{display:flex;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1) var(--space-2);border:none;background:transparent;color:var(--text);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius);text-align:left}.media-filter-btn:hover{background:var(--surface-hover)}.media-filter-btn.active{background:var(--primary-bg);color:var(--primary)}.media-stats{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border)}.media-stat{display:flex;flex-direction:column;align-items:center;flex:1;min-width:60px}.media-stat-value{font-size:var(--text-lg);font-weight:600;color:var(--text)}.media-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.media-main{overflow-y:auto;min-height:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.media-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:var(--space-8)}.media-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color 0.15s,background 0.15s}.media-card:hover{border-color:var(--primary);background:var(--surface-hover)}.media-card-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.media-card-icon svg{width:20px;height:20px}.media-card-info{min-width:0}.media-card-title{font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card-type{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.media-detail-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.media-detail-header h3{margin:0;font-size:var(--text-lg)}.media-back-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;font-size:var(--text-sm)}.media-back-btn:hover{background:var(--surface-hover)}.media-embed{margin-bottom:var(--space-4);border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border)}.media-embed iframe,.media-embed img{display:block}.media-detail-section{margin-bottom:var(--space-4)}.media-detail-section h4{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2);color:var(--text)}.media-sources-table,.media-props-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.media-sources-table th,.media-sources-table td,.media-props-table th,.media-props-table td{padding:var(--space-1) var(--space-2);border:1px solid var(--border);text-align:left}.media-sources-table th,.media-props-table th{background:var(--surface);font-weight:600;color:var(--text-muted)}.media-sources-table a{color:var(--primary)}}@scope (beam-planner){.planner{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--color-bg)}.planner__header{padding:0.6rem var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.planner__header-row{display:flex;align-items:center;gap:var(--space-md)}.planner__header-title{min-width:0}.planner__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);line-height:1.2}.planner__subtitle{font-size:var(--text-xs);color:var(--color-muted)}.planner__header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.planner__create-group{display:flex;gap:0.35rem}.planner__btn-task{background:var(--color-success) !important;border-color:var(--color-success) !important}.planner__sidebar-toggle{display:none;align-items:center;justify-content:center;width:var(--input-height-lg);height:var(--input-height-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0}.planner__sidebar-toggle-icon{font-size:1.2rem;color:var(--color-text)}.planner__mobile-context{display:none;font-size:var(--text-xs);color:var(--color-muted);gap:0.3rem;align-items:center}.planner__backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:59;opacity:0;transition:opacity var(--transition-normal)}.planner__backdrop--visible{display:block;opacity:1}.planner__layout{display:flex;flex:1;min-height:0;overflow:hidden}.planner__sidebar{width:200px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:0;overflow-y:auto}.planner__sidebar-section{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.planner__sidebar-section:last-child{border-bottom:none}.planner__sidebar-label{font-size:0.65rem;font-weight:var(--weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.05em;padding:0.4rem var(--space-lg) 0.3rem}.planner__calendar-list{overflow-y:auto}.planner__calendar-item{display:flex;align-items:center;gap:var(--space-sm);padding:0.6rem var(--space-lg);cursor:pointer;color:var(--color-muted);font-size:var(--text-sm);transition:all var(--transition-fast)}.planner__calendar-item:hover{background:var(--color-bg);color:var(--color-text)}.planner__calendar-item.active{background:var(--color-bg);color:var(--color-accent);border-left:2px solid var(--color-accent)}.planner__calendar-dot{width:0.6rem;height:0.6rem;border-radius:50%;flex-shrink:0}.planner__freebusy{padding:var(--space-md);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.planner__freebusy-label{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:0.4rem}.planner__freebusy-bar{position:relative;height:8px;background:var(--color-bg);border-radius:var(--radius-sm);overflow:hidden}.planner__freebusy-busy{position:absolute;top:0;height:100%;background:var(--color-accent);border-radius:2px;opacity:0.7}.planner__freebusy-times{display:flex;justify-content:space-between;font-size:0.6rem;color:var(--color-muted);margin-top:0.2rem}.planner__task-lists{overflow-y:auto}.planner__task-list-item{display:flex;align-items:center;gap:var(--space-sm);padding:0.6rem var(--space-lg);cursor:pointer;color:var(--color-muted);font-size:var(--text-sm);transition:all var(--transition-fast)}.planner__task-list-item:hover{background:var(--color-bg);color:var(--color-text)}.planner__task-list-item.active{background:var(--color-bg);color:var(--color-accent);border-left:2px solid var(--color-accent)}.planner__list-name{flex:1}.planner__list-count{font-size:var(--text-xs);color:var(--color-muted);background:var(--color-bg);padding:0.1rem 0.4rem;border-radius:var(--radius-sm)}.planner__main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.planner__toolbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.planner__tabs{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.planner__tab{padding:0.35rem 0.85rem;background:var(--color-bg);color:var(--color-muted);border:none;cursor:pointer;font-size:0.75rem;font-weight:var(--weight-medium);transition:all var(--transition-fast);border-right:1px solid var(--color-border)}.planner__tab:last-child{border-right:none}.planner__tab:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg))}.planner__tab.active{background:var(--color-accent);color:#fff}.planner__filters{display:flex;align-items:center}.planner__views{display:flex;gap:var(--space-xs)}.planner__view-btn{padding:0.35rem 0.75rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:0.75rem;transition:all var(--transition-fast)}.planner__view-btn:hover{color:var(--color-text);border-color:var(--color-text)}.planner__view-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:white}.planner__task-filters{display:flex;gap:var(--space-xs)}.planner__panels{flex:1;min-height:0;overflow:hidden;position:relative}.planner__panel{display:none;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:var(--space-sm)}.planner__panel.active{display:flex}.planner__calendar-content{flex:1;overflow-y:auto;padding:var(--space-sm)}.planner__date-header{font-size:0.75rem;font-weight:var(--weight-semibold);color:var(--color-muted);padding:var(--space-md) var(--space-sm) var(--space-xs);text-transform:uppercase;letter-spacing:0.05em}.planner__date-header--today{color:var(--color-accent)}.planner__event{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast)}.planner__event:hover{border-color:var(--color-accent)}.planner__event--today{border-left:2px solid var(--color-accent)}.planner__event-time{font-size:0.75rem;color:var(--color-muted);min-width:70px;flex-shrink:0;padding-top:0.1rem}.planner__event-info{flex:1;min-width:0}.planner__event-title{font-size:var(--text-base);color:var(--color-text);margin-bottom:0.15rem}.planner__event-location{font-size:var(--text-xs);color:var(--color-muted);display:flex;align-items:center;gap:var(--space-xs)}.planner__event-desc{font-size:var(--text-xs);color:var(--color-muted);margin-top:0.15rem;opacity:0.8}.planner__event-delete{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.planner__event:hover .planner__event-delete,.planner__event.kb-selected .planner__event-delete{opacity:1}.planner__event-checkbox{display:none;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:0.1rem;cursor:pointer;transition:all var(--transition-fast)}.planner__event:hover .planner__event-checkbox,.planner__event--selected .planner__event-checkbox,.planner__event.kb-selected .planner__event-checkbox{display:flex}.planner__event--selected .planner__event-checkbox{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.planner__event--selected{background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));border-color:var(--color-accent)}.planner__event.kb-selected{outline:2px solid var(--color-accent);outline-offset:-2px}.planner__bulk-toolbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);font-size:var(--text-sm);color:var(--color-text)}.planner__bulk-count{font-weight:var(--weight-semibold);color:var(--color-accent)}.planner__bulk-delete{margin-left:auto}.planner__calendar-modal{width:min(500px,90vw)}.planner__edit-modal{width:600px;max-width:90vw;max-height:85vh;overflow-y:auto}.planner__chip-list{display:flex;flex-wrap:wrap;gap:0.35rem;min-height:var(--input-height-sm);margin-bottom:0.35rem}.planner__chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:0.15rem var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;font-size:0.75rem;color:var(--color-text)}.planner__chip-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:none;color:var(--color-muted);cursor:pointer;font-size:0.65rem;padding:0;border-radius:50%;transition:color var(--transition-fast),background var(--transition-fast)}.planner__chip-remove:hover{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 15%,transparent)}.planner__chip-input-row{display:flex;gap:0.35rem;align-items:center}.planner__chip-input-row .form-input{flex:1}.planner__task{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast)}.planner__task:hover{border-color:var(--color-accent)}.planner__task--completed{opacity:0.5}.planner__task-checkbox{width:1.1rem;height:1.1rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;margin-top:0.1rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.planner__task-checkbox:hover{border-color:var(--color-accent)}.planner__task--completed .planner__task-checkbox{background:var(--color-success);border-color:var(--color-success)}.planner__task-info{flex:1;min-width:0}.planner__task-title{font-size:var(--text-base);color:var(--color-text);margin-bottom:0.15rem}.planner__task--completed .planner__task-title{text-decoration:line-through;color:var(--color-muted)}.planner__task-notes{font-size:var(--text-xs);color:var(--color-muted);margin-top:0.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.planner__task-due{font-size:var(--text-xs);color:var(--color-muted);margin-top:0.2rem}.planner__task-due--overdue{color:var(--color-danger)}.planner__task-due--today{color:var(--color-warning)}.planner__task-delete{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.planner__task:hover .planner__task-delete{opacity:1}.planner__tasks-modal{width:min(450px,90vw)}.planner__bookings-stats{display:flex;gap:var(--space-lg);align-items:center}.planner__bookings-stat{display:flex;align-items:baseline;gap:var(--space-xs)}.planner__bookings-stat-value{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-accent)}.planner__bookings-stat-label{font-size:var(--text-xs);color:var(--color-muted)}.planner__booking{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer}.planner__booking:hover{border-color:var(--color-accent)}.planner__booking-icon{color:var(--color-muted);flex-shrink:0;margin-top:0.15rem}.planner__booking-info{flex:1;min-width:0}.planner__booking-guest{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:0.1rem}.planner__booking-email{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:0.2rem}.planner__booking-type{font-size:var(--text-xs);color:var(--color-muted);display:flex;align-items:center;gap:var(--space-xs);margin-bottom:0.1rem}.planner__booking-time{font-size:var(--text-xs);color:var(--color-muted);display:flex;align-items:center;gap:var(--space-xs)}.planner__booking-status{font-size:0.65rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.03em;padding:0.15rem 0.5rem;border-radius:100px;flex-shrink:0;white-space:nowrap}.planner__booking-status--confirmed{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent)}.planner__booking-status--pending{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 12%,transparent)}.planner__booking-status--cancelled{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 12%,transparent)}.planner__booking-detail-modal{width:min(500px,90vw)}.planner__booking-detail{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) 0}.planner__booking-detail-row{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border)}.planner__booking-detail-row:last-child{border-bottom:none}.planner__booking-detail-label{font-size:var(--text-xs);color:var(--color-muted);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.03em;min-width:80px;flex-shrink:0;padding-top:0.1rem}.planner__booking-detail-value{font-size:var(--text-sm);color:var(--color-text);flex:1;min-width:0;word-break:break-word}.planner__slate-config-modal{width:min(450px,90vw)}.planner__slate-status{padding:var(--space-xs) var(--space-lg)}.planner__slate-status-indicator{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.planner__slate-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.planner__slate-status-dot--connected{background:var(--color-success)}.planner__slate-status-dot--disconnected{background:var(--color-danger)}.planner__slate-status-label{font-size:var(--text-xs);color:var(--color-muted)}.planner__slate-connect-btn{margin-top:var(--space-xs);width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.planner__slate-event-types{padding:var(--space-xs) 0}.planner__slate-event-type{display:flex;align-items:center;gap:var(--space-sm);padding:0.4rem var(--space-lg);font-size:var(--text-sm);color:var(--color-muted)}.planner__slate-event-type-dot{width:0.5rem;height:0.5rem;border-radius:50%;flex-shrink:0}.planner__slate-event-type-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner__slate-event-type-duration{font-size:var(--text-xs);color:var(--color-muted);background:var(--color-bg);padding:0.1rem 0.35rem;border-radius:var(--radius-sm)}.planner__slate-empty-types{font-size:var(--text-xs);color:var(--color-muted);padding:var(--space-xs) var(--space-lg)}.planner__bookings-setup{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;gap:var(--space-md);min-height:200px}.planner__bookings-setup-icon{color:var(--color-muted);opacity:0.5;transform:scale(2.5);margin-bottom:var(--space-md)}.planner__bookings-setup-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.planner__bookings-setup-desc{font-size:var(--text-sm);color:var(--color-muted);max-width:300px}.planner__bookings-setup-btn{display:inline-flex;align-items:center;gap:var(--space-xs)}.planner__fab{display:none;position:absolute;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--color-accent);border:none;box-shadow:0 4px 12px rgba(59,130,246,0.4);cursor:pointer;z-index:var(--z-base);align-items:center;justify-content:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.planner__fab:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(59,130,246,0.5)}.planner__fab-icon{font-size:1.75rem;font-weight:300;color:white;line-height:1}.planner__fab-menu{width:min(300px,85vw)}.planner__fab-options{display:flex;flex-direction:column;gap:var(--space-sm)}.planner__fab-option{display:flex;align-items:center;gap:var(--space-md);padding:0.85rem var(--space-lg);font-size:0.9rem;text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-md)}.planner__fab-option:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg))}.planner__fab-option-icon{display:flex;align-items:center;color:var(--color-accent)}@media (max-width:768px){.planner__sidebar-toggle{display:flex}.planner__mobile-context{display:flex}.planner__fab{display:flex}.planner__create-group{display:none}.planner{position:relative;height:calc(100vh - 52px)}.planner__header{padding:var(--space-sm) var(--space-md)}.planner__title{font-size:var(--text-lg)}.planner__layout{flex-direction:column;position:relative}.planner__sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;max-width:85vw;z-index:60;transform:translateX(-100%);transition:transform 0.25s ease;box-shadow:2px 0 10px rgba(0,0,0,0.3);padding-top:var(--space-sm);background:var(--color-surface)}.planner__sidebar--open{transform:translateX(0)}.planner__main{flex:1;width:100%}.planner__toolbar{padding:0.4rem var(--space-sm);gap:var(--space-sm)}.planner__views{overflow-x:auto;-webkit-overflow-scrolling:touch}.planner__event-delete{opacity:1}.planner__task-delete{opacity:1}.planner__task{padding:0.85rem;min-height:56px}.planner__task-checkbox{width:1.4rem;height:1.4rem}}@media (max-width:480px){.planner__sidebar{width:100vw;max-width:100vw}.planner__fab{bottom:70px;right:16px;width:60px;height:60px}.planner__header-actions{gap:var(--space-xs)}}.planner__poll-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm);transition:border-color var(--transition-fast)}.planner__poll-card:hover{border-color:var(--color-accent)}.planner__poll-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xs)}.planner__poll-card-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.planner__poll-report-link{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-xs);text-decoration:none}.planner__poll-card-desc{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-sm)}.planner__poll-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-sm)}.planner__poll-card-meta>span{display:inline-flex;align-items:center;gap:var(--space-xs)}.planner__poll-participants{display:flex;flex-wrap:wrap;gap:0.3rem;margin-bottom:var(--space-sm)}.planner__poll-participant-chip{display:inline-flex;align-items:center;padding:0.15rem 0.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:100px;font-size:0.7rem;color:var(--color-text)}.planner__poll-participant-chip--more{color:var(--color-muted);font-weight:var(--weight-medium)}.planner__poll-best{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb,var(--color-success) 8%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-success) 25%,transparent);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);font-size:var(--text-xs)}.planner__poll-best-label{font-weight:var(--weight-medium);color:var(--color-text)}.planner__poll-best-count{color:var(--color-success);font-weight:var(--weight-semibold);margin-left:auto}.planner__poll-heatmap{overflow-x:auto}.planner__poll-heatmap-table{width:100%;border-collapse:collapse;font-size:0.65rem;table-layout:fixed}.planner__poll-heatmap-table th{font-weight:var(--weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.03em;padding:0.2rem;text-align:center}.planner__poll-heatmap-time{font-size:0.6rem;color:var(--color-muted);text-align:right;padding-right:0.3rem;white-space:nowrap;width:40px}.planner__poll-heat{text-align:center;padding:0.15rem;border-radius:2px;color:var(--color-muted);transition:background var(--transition-fast)}.planner__poll-heat--0{background:var(--color-bg);color:transparent}.planner__poll-heat--1{background:color-mix(in srgb,var(--color-accent) 15%,var(--color-bg));color:var(--color-muted)}.planner__poll-heat--2{background:color-mix(in srgb,var(--color-accent) 35%,var(--color-bg));color:var(--color-text)}.planner__poll-heat--3{background:color-mix(in srgb,var(--color-accent) 55%,var(--color-bg));color:white}.planner__poll-heat--4{background:var(--color-accent);color:white;font-weight:var(--weight-semibold)}.planner__poll-sidebar-item{display:flex;align-items:center;gap:var(--space-sm);padding:0.4rem var(--space-lg);font-size:var(--text-sm);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast)}.planner__poll-sidebar-item:hover{background:var(--color-bg);color:var(--color-text)}.planner__poll-status{padding:var(--space-xs) var(--space-lg)}.planner__poll-status-indicator{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.planner__poll-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.planner__poll-status-dot--connected{background:var(--color-success)}.planner__poll-status-dot--disconnected{background:var(--color-danger)}.planner__poll-status-label{font-size:var(--text-xs);color:var(--color-muted)}.planner__poll-connect-btn{margin-top:var(--space-xs);width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.planner__poll-config-modal{width:min(400px,90vw)}@media (max-width:480px){.planner__poll-heatmap{display:none}}}@scope (beam-pm){.pm{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.pm__header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.pm__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.pm__sidebar-toggle{display:none;padding:0.4rem 0.6rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--text-lg)}.pm__header-actions{display:flex;gap:var(--space-sm);align-items:center;margin-left:auto}.pm__inbox-btn{padding:0.35rem 0.6rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);display:flex;align-items:center;gap:0.4rem}.pm__inbox-badge{background:var(--color-accent);color:var(--color-bg);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:0.1rem 0.4rem;border-radius:10px;min-width:16px;text-align:center}.pm__inbox-badge:empty{display:none}.pm__layout{display:flex;flex:1;min-height:0}.pm__sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--color-border);overflow-y:auto;background:var(--color-surface)}.pm__sidebar-section{padding:var(--space-md);border-bottom:1px solid var(--color-border)}.pm__section-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-sm)}.pm__stat-row{display:flex;justify-content:space-between;align-items:center;padding:0.4rem 0.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);font-size:var(--text-base)}.pm__stat-row:hover{background:var(--color-hover)}.pm__stat-row.active{background:var(--color-accent);color:var(--color-bg)}.pm__stat-row.active .pm__stat-value{color:var(--color-bg)}.pm__stat-label{color:var(--color-text)}.pm__stat-value{font-weight:var(--weight-semibold);color:var(--color-accent);font-size:var(--text-base)}.pm__project-nav{display:flex;flex-direction:column;gap:1px}.pm__project-nav-item{display:flex;justify-content:space-between;align-items:center;padding:0.45rem 0.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);font-size:var(--text-base);color:var(--color-text)}.pm__project-nav-item:hover{background:var(--color-hover)}.pm__project-nav-item.active{background:var(--color-accent);color:var(--color-bg)}.pm__project-nav-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm__project-nav-count{font-size:var(--text-xs);color:var(--color-muted);margin-left:var(--space-sm)}.pm__project-nav-item.active .pm__project-nav-count{color:var(--color-bg);opacity:0.8}.pm__project-nav-item.all-projects{font-weight:var(--weight-semibold);margin-bottom:2px}.pm__inbox-nav{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.pm__inbox-nav-item{padding:0.4rem 0.5rem;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);display:flex;flex-direction:column;gap:2px}.pm__inbox-nav-title{font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm__inbox-nav-actions{display:flex;gap:var(--space-xs)}.pm__inbox-nav-actions .btn{padding:1px 6px;font-size:var(--text-xs)}.pm__inbox-sidebar-badge{background:var(--color-accent);color:var(--color-bg);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:0.1rem 0.4rem;border-radius:10px;min-width:16px;text-align:center}.pm__inbox-sidebar-badge:empty{display:none}.pm__main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.pm__toolbar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap}.pm__toolbar-left{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.pm__toolbar-right{display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap}.pm__breadcrumb{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);white-space:nowrap}.pm__search{flex:1;min-width:120px;max-width:250px;padding:0.35rem 0.6rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-base)}.pm__search::placeholder{color:var(--color-muted)}.pm__view-toggle{display:flex;gap:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:visible}.pm__view-toggle .filter-dropdown{position:relative}.pm__view-toggle .filter-dropdown-menu{left:0;right:auto;min-width:130px}.pm__sort-dir-btn{padding:0.35rem 0.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);cursor:pointer}.pm__view-toggle-btn{padding:0.35rem 0.6rem;background:var(--color-surface);border:none;color:var(--color-muted);cursor:pointer;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-xs)}.pm__view-toggle-btn.active{background:var(--color-accent);color:var(--color-bg)}.pm__content{flex:1;overflow-y:auto;padding:0}.pm__detail-panel{position:absolute;top:0;right:0;bottom:0;width:520px;background:var(--color-bg);border-left:1px solid var(--color-border);display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.25s ease;z-index:50;overflow:hidden}.pm__detail-panel.open{transform:translateX(0)}.pm__detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.pm__detail-title{font-weight:var(--weight-semibold);font-size:var(--text-lg);color:var(--color-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm__detail-close{padding:0.3rem 0.5rem;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--text-lg);flex-shrink:0}.pm__detail-body{flex:1;overflow-y:auto;padding:var(--space-lg)}.pm__backdrop{display:none;position:absolute;inset:0;background:rgba(0,0,0,0.3);z-index:49}.pm__backdrop.visible{display:block}.pm__sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:99}.pm__sidebar-backdrop.visible{display:block}.pm__focus-zone{outline:1px solid var(--color-accent);outline-offset:-1px;border-radius:var(--radius-sm)}.pm__bulk-toolbar{display:none;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(74,158,255,0.08);border:1px solid var(--color-accent);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.pm__bulk-count{font-weight:var(--weight-semibold);font-size:var(--text-base)}.pm__bulk-toolbar .btn{font-size:var(--text-sm)}.pm__bulk-checkbox{margin-right:0.4rem;cursor:pointer}.pm__workitem{display:flex;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border);gap:var(--space-md)}.pm__workitem:last-child{border-bottom:none}.pm__workitem-status-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pm__workitem-status-icon svg{width:12px;height:12px}.pm__workitem-status-icon.pending{background:var(--color-border)}.pm__workitem-status-icon.pending svg{color:var(--color-muted)}.pm__workitem-status-icon.in_progress{background:var(--color-accent)}.pm__workitem-status-icon.in_progress svg{color:#fff}.pm__workitem-status-icon.blocked{background:var(--color-danger)}.pm__workitem-status-icon.blocked svg{color:#fff}.pm__workitem-status-icon.completed{background:var(--color-success)}.pm__workitem-status-icon.completed svg{color:#000}.pm__workitem-status-icon.cancelled{background:var(--color-muted)}.pm__workitem-status-icon.cancelled svg{color:#fff}.pm__workitem-content{flex:1;min-width:0}.pm__workitem-title{font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm__workitem-meta{font-size:var(--text-xs);color:var(--color-muted);display:flex;gap:var(--space-md);margin-top:2px;flex-wrap:wrap}.pm__workitem--goal{border-left:3px solid #7C3AED}.pm__workitem--target{border-left:3px solid #D97706;background:rgba(217,119,6,0.04)}.pm__workitem-goal-outcome,.pm__workitem-target-kpi{margin-top:0.25rem;font-size:0.78rem}.pm__workitem-goal-outcome{color:#A78BFA}.pm__workitem-target-kpi{color:#F59E0B;font-weight:600}.pm__target-badge{display:inline-flex;padding:0.1rem 0.4rem;border-radius:999px;font-size:0.68rem;text-transform:uppercase}.pm__target-badge--progress{background:rgba(59,130,246,.14);color:#93C5FD}.pm__target-badge--on_track{background:rgba(34,197,94,.16);color:#86EFAC}.pm__target-badge--at_risk{background:rgba(234,179,8,.16);color:#FDE68A}.pm__target-badge--off_track{background:rgba(239,68,68,.16);color:#FCA5A5}.pm__workitem-priority{font-size:var(--text-xs);padding:1px 6px;border-radius:8px;background:var(--color-border)}.pm__workitem-priority.high{color:var(--color-danger)}.pm__workitem-priority.normal{color:var(--color-text)}.pm__workitem-priority.low{color:var(--color-muted)}.pm__workitem-due{font-size:var(--text-xs)}.pm__workitem-due.overdue{color:var(--color-danger);font-weight:var(--weight-medium)}.pm__workitem-actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-fast)}.pm__workitem:hover .pm__workitem-actions{opacity:1}.pm__workitem-action-btn{padding:2px 6px;background:var(--color-border);border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--text-xs)}.pm__workitem-action-btn:hover{background:var(--color-accent)}.pm__workitem-status-badge{display:inline-block;padding:0.2rem 0.5rem;border-radius:12px;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:capitalize}.pm__workitem-status-badge.pending{background:rgba(249,226,175,0.12);color:var(--color-warning)}.pm__workitem-status-badge.in_progress{background:rgba(74,158,255,0.12);color:var(--color-accent)}.pm__workitem-status-badge.blocked{background:rgba(248,113,113,0.12);color:var(--color-danger)}.pm__workitem-status-badge.completed{background:rgba(74,222,128,0.12);color:var(--color-success)}.pm__workitem-status-badge.cancelled{color:var(--color-muted)}.pm__kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);min-height:400px}.pm__kanban-column{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;min-height:300px}.pm__kanban-column-header{display:flex;justify-content:space-between;align-items:center;padding:0.6rem var(--space-md);border-bottom:1px solid var(--color-border);font-weight:var(--weight-semibold);font-size:var(--text-base)}.pm__kanban-column-count{background:var(--color-surface-raised);padding:0.1rem 0.4rem;border-radius:10px;font-size:var(--text-xs);color:var(--color-muted)}.pm__kanban-column-body{flex:1;padding:var(--space-sm);display:flex;flex-direction:column;gap:0.4rem;overflow-y:auto}.pm__kanban-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) 0.6rem;cursor:pointer;transition:border-color var(--transition-fast)}.pm__kanban-item:hover{border-color:var(--color-accent)}.pm__kanban-item[draggable="true"]{cursor:grab}.pm__kanban-item:active{cursor:grabbing;opacity:0.7}.pm__kanban-item-title{font-size:var(--text-base);margin-bottom:0.3rem}.pm__kanban-item-meta{display:flex;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-muted)}.pm__detail-layout{display:flex;flex-direction:column;gap:var(--space-lg);padding:0}.pm__detail-main{display:flex;flex-direction:column;gap:var(--space-lg)}.pm__detail-section{display:flex;flex-direction:column;gap:0.4rem}.pm__detail-section label{font-size:var(--text-sm);color:var(--color-muted);font-weight:var(--weight-semibold)}.pm__detail-section-header{display:flex;align-items:center;gap:0.4rem;font-weight:var(--weight-semibold);font-size:var(--text-base);margin-bottom:0.3rem}.pm__detail-title-input,.pm__detail-desc-input{width:100%;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-base)}.pm__detail-status-bar{display:flex;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.pm__detail-sidebar{display:flex;flex-direction:column;gap:var(--space-lg);border-top:1px solid var(--color-border);padding-top:var(--space-lg)}.pm__detail-sidebar-section{display:flex;flex-direction:column;gap:0.3rem}.pm__detail-sidebar-label{font-size:var(--text-xs);color:var(--color-muted);font-weight:var(--weight-semibold);text-transform:uppercase;display:flex;align-items:center;gap:0.3rem}.pm__detail-sidebar-section select,.pm__detail-sidebar-section input[type="date"]{padding:0.3rem 0.4rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm)}.pm__label-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.pm__label-chip{display:inline-flex;align-items:center;gap:0.2rem;padding:0.15rem 0.4rem;border-radius:12px;font-size:var(--text-xs);font-weight:var(--weight-semibold);border:1px solid}.pm__label-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--text-sm);padding:0;line-height:1}.pm__label-add-row{display:flex;gap:0.3rem;margin-top:0.3rem}.pm__label-add-row select{flex:1;padding:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-xs)}.pm__watcher-chip{display:inline-block;padding:0.1rem 0.4rem;background:var(--color-surface-raised);border-radius:10px;font-size:var(--text-xs);margin-right:var(--space-xs)}.pm__comment-thread{display:flex;flex-direction:column;gap:var(--space-sm);max-height:300px;overflow-y:auto}.pm__comment-item{padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-sm);border-left:2px solid var(--color-accent)}.pm__comment-item.comment-reply{margin-left:var(--space-xl);border-left-color:var(--color-muted)}.pm__comment-header{font-size:var(--text-sm);margin-bottom:0.2rem}.pm__comment-date{color:var(--color-muted);font-size:var(--text-xs)}.pm__comment-body{font-size:var(--text-base)}.pm__comment-add-form{display:flex;gap:var(--space-sm);align-items:flex-end;margin-top:var(--space-sm)}.pm__comment-add-form textarea{flex:1;padding:0.4rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-base);resize:vertical}.pm__time-entry-row{font-size:var(--text-sm);padding:0.2rem 0;border-bottom:1px solid var(--color-border)}.pm__time-log-form{display:flex;gap:0.3rem;margin-top:0.3rem;align-items:center}.pm__time-log-form input{padding:var(--space-xs) 0.4rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm)}.pm__tree-node{display:flex;align-items:center;padding:4px 0;cursor:pointer;gap:4px;border-bottom:1px solid var(--color-border)}.pm__tree-node:hover{background:var(--color-hover)}.pm__tree-children{}.pm__tree-expand{width:20px;flex-shrink:0;cursor:pointer;color:var(--color-muted);display:flex;align-items:center;justify-content:center}.pm__tree-expand:hover{color:var(--color-text)}.pm__tree-node-meta{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-right:8px}.pm__level-badge{font-size:0.65rem;padding:1px 6px;border-radius:var(--radius-sm);font-weight:var(--weight-semibold);text-transform:uppercase;white-space:nowrap;flex-shrink:0}.pm__level-badge--goal{background:#7C3AED20;color:#7C3AED}.pm__level-badge--milestone{background:#2563EB20;color:#2563EB}.pm__level-badge--target{background:#D9770620;color:#D97706}.pm__level-badge--task{background:#6B728020;color:#6B7280}.pm__progress-bar-wrap{display:flex;align-items:center;gap:4px;min-width:80px}.pm__progress-bar{height:4px;background:var(--color-border);border-radius:2px;flex:1;position:relative;min-width:40px}.pm__progress-fill{height:100%;background:var(--color-success);border-radius:2px;transition:width 0.3s}.pm__progress-text{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap}.pm__hierarchy-breadcrumb{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:var(--text-xs);color:var(--color-muted);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.pm__hierarchy-breadcrumb a{color:var(--color-accent);text-decoration:none;display:inline-flex;align-items:center;gap:2px}.pm__hierarchy-breadcrumb a:hover{text-decoration:underline}.pm__hierarchy-breadcrumb span{display:inline-flex;align-items:center;gap:2px}.pm__detail-children-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.pm__detail-child-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-base)}.pm__detail-child-item:hover{background:var(--color-hover)}.pm__detail-child-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm__quick-capture{min-width:480px;max-width:560px}.pm__quick-capture-input-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.pm__quick-capture-input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-base)}.pm__quick-capture-input:focus{border-color:var(--color-accent);outline:none}.pm__quick-capture-project-select{width:140px;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);flex-shrink:0}.pm__quick-capture-project-select:focus{border-color:var(--color-accent);outline:none}.pm__quick-capture-list{max-height:280px;overflow-y:auto;margin-bottom:var(--space-md)}.pm__quick-capture-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.pm__quick-capture-item:last-child{border-bottom:none}.pm__quick-capture-item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.pm__quick-capture-item-project{font-size:var(--text-xs);padding:1px 6px;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;flex-shrink:0;opacity:0.85}.pm__quick-capture-item-project.none{background:var(--color-border);color:var(--color-muted)}.pm__quick-capture-item-remove{background:none;border:none;color:var(--color-muted);cursor:pointer;padding:0 2px;font-size:var(--text-base);line-height:1;flex-shrink:0}.pm__quick-capture-item-remove:hover{color:var(--color-danger)}.pm__quick-capture-footer{display:flex;justify-content:space-between;align-items:center}.pm__quick-capture-count{font-size:var(--text-sm);color:var(--color-muted)}.pm__quick-capture-footer-actions{display:flex;gap:var(--space-sm)}@media (max-width:768px){.pm__sidebar-toggle{display:flex}.pm__sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:100;transform:translateX(-100%);transition:transform 0.25s ease}.pm__sidebar.open{transform:translateX(0)}.pm__toolbar{flex-wrap:wrap;gap:0.4rem}.pm__toolbar-left{width:100%}.pm__toolbar-right{width:100%;flex-wrap:wrap}.pm__search{flex:1;max-width:none;min-height:44px;font-size:16px}.pm__detail-panel{width:100%}.pm__backdrop{position:fixed;z-index:48}.pm__kanban-board{grid-template-columns:repeat(4,240px);overflow-x:auto;-webkit-overflow-scrolling:touch}.pm__workitem-actions{opacity:1}.pm__workitem,.pm__stat-row,.pm__project-nav-item{min-height:48px}}@media (max-width:600px){.pm__quick-capture{min-width:0;max-width:100%;margin:0 var(--space-md)}.pm__quick-capture-input-row{flex-wrap:wrap}.pm__quick-capture-project-select{width:100%}}@media (max-width:480px){.pm__header{padding:0.4rem 0.5rem}.pm__detail-body{padding:var(--space-md)}.pm__kanban-board{grid-template-columns:repeat(4,200px)}}}@scope (beam-reminders){.reminders{display:flex;flex-direction:column;height:100%;background:var(--color-bg)}.reminders__header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border)}.reminders__header-row{display:flex;align-items:center;gap:var(--space-md)}.reminders__header-text{flex:1}.reminders__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-xs)}.reminders__subtitle{font-size:var(--text-sm);color:var(--color-muted)}.reminders__sidebar-toggle{display:none;align-items:center;justify-content:center;width:var(--input-height-lg);height:var(--input-height-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0}.reminders__sidebar-toggle-icon{font-size:1.25rem;color:var(--color-text)}.reminders__sidebar-toggle:hover{border-color:var(--color-accent)}.reminders__sidebar-toggle:hover .reminders__sidebar-toggle-icon{color:var(--color-accent)}.reminders__mobile-context{display:none;align-items:center;gap:0.35rem;padding-top:var(--space-sm);font-size:var(--text-sm)}.reminders__mobile-context-list{color:var(--color-accent);font-weight:var(--weight-semibold)}.reminders__backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:59;opacity:0;transition:opacity var(--transition-normal)}.reminders__backdrop--visible{display:block;opacity:1}.reminders__layout{display:flex;flex:1;overflow:hidden}.reminders__sidebar{width:180px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-md) 0}.reminders__lists{flex:1}.reminders__list-item{display:flex;align-items:center;gap:var(--space-sm);padding:0.6rem var(--space-lg);cursor:pointer;color:var(--color-muted);font-size:var(--text-sm);transition:all var(--transition-fast)}.reminders__list-item:hover{background:var(--color-bg);color:var(--color-text)}.reminders__list-item--active{background:var(--color-bg);color:var(--color-accent);border-left:2px solid var(--color-accent)}.reminders__list-icon{font-size:0.9rem;width:var(--space-lg);text-align:center}.reminders__list-name{flex:1}.reminders__list-count{font-size:var(--text-xs);color:var(--color-muted);background:var(--color-bg);padding:0.1rem 0.4rem;border-radius:var(--radius-sm)}.reminders__actions{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);border-top:1px solid var(--color-border)}.reminders__main{flex:1;display:flex;flex-direction:column;min-width:0}.reminders__toolbar{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.reminders__search{flex:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0.4rem var(--space-md);color:var(--color-text);font-size:var(--text-sm)}.reminders__search:focus{outline:none;border-color:var(--color-accent)}.reminders__filters{display:flex;gap:var(--space-xs)}.reminders__content{flex:1;overflow-y:auto;padding:var(--space-sm)}.reminders__placeholder{text-align:center;color:var(--color-muted);padding:var(--space-xl)}.reminders__item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.reminders__item:hover{border-color:var(--color-accent)}.reminders__item--completed{opacity:0.5}.reminders__checkbox{width:1.1rem;height:1.1rem;border:2px solid var(--color-border);border-radius:50%;cursor:pointer;flex-shrink:0;margin-top:0.1rem}.reminders__checkbox:hover{border-color:var(--color-accent)}.reminders__item--completed .reminders__checkbox{background:var(--color-success);border-color:var(--color-success)}.reminders__item-info{flex:1;min-width:0;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:background var(--transition-fast)}.reminders__item-info:hover{background:var(--color-hover)}.reminders__item-title-row{display:flex;align-items:center;gap:0.4rem}.reminders__item-title{font-size:var(--text-base);color:var(--color-text);margin-bottom:0.2rem}.reminders__item--completed .reminders__item-title{text-decoration:line-through}.reminders__priority{font-size:0.65rem;font-weight:var(--weight-bold);padding:0.1rem var(--space-xs);border-radius:2px}.reminders__priority--high{color:var(--color-danger)}.reminders__priority--medium{color:var(--color-orange)}.reminders__priority--low{color:var(--color-warning)}.reminders__notes-preview{font-size:var(--text-xs);color:var(--color-muted);margin:0.2rem 0;opacity:0.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.reminders__item-meta{display:flex;gap:var(--space-md);font-size:var(--text-xs);color:var(--color-muted)}.reminders__due--overdue{color:var(--color-danger)}.reminders__due--today{color:var(--color-warning)}.reminders__list-tag{background:var(--color-bg);padding:0.1rem 0.3rem;border-radius:2px}.reminders__summary{display:flex;gap:var(--space-xl);padding:0.6rem var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border);font-size:var(--text-sm)}.reminders__summary-stat{color:var(--color-muted)}.reminders__summary-stat-num{font-weight:var(--weight-semibold);margin-right:var(--space-xs)}.reminders__summary-stat-num--overdue{color:var(--color-danger)}.reminders__summary-stat-num--today{color:var(--color-warning)}.reminders__summary-stat-num--upcoming{color:var(--color-accent)}.reminders__panel{width:min(450px,90vw)}.reminders__fab{display:none;position:absolute;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--color-success);border:none;box-shadow:0 4px 12px rgba(74,222,128,0.4);cursor:pointer;z-index:var(--z-dropdown);align-items:center;justify-content:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.reminders__fab:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(74,222,128,0.5)}.reminders__fab:active{transform:scale(0.95)}.reminders__fab-icon{font-size:1.75rem;font-weight:300;color:white;line-height:1}@media (max-width:768px){.reminders__sidebar-toggle{display:flex}.reminders__mobile-context{display:flex}.reminders__fab{display:flex}.reminders{position:relative;height:calc(100vh - 52px)}.reminders__header{padding:var(--space-md)}.reminders__title{font-size:1.1rem}.reminders__subtitle{font-size:var(--text-xs)}.reminders__layout{flex-direction:column;position:relative}.reminders__sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;max-width:85vw;z-index:60;transform:translateX(-100%);transition:transform 0.25s ease;box-shadow:2px 0 10px rgba(0,0,0,0.3);padding-top:var(--space-lg)}.reminders__sidebar--open{transform:translateX(0)}.reminders__sidebar::before{content:'Lists';display:block;padding:var(--space-sm) var(--space-lg) var(--space-lg);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-sm)}.reminders__list-item{min-height:48px;padding:var(--space-md) var(--space-lg);font-size:0.9rem}.reminders__list-count{font-size:var(--text-sm);padding:0.15rem var(--space-sm)}.reminders__actions{padding:var(--space-lg);margin-top:auto}.reminders__actions .btn{min-height:48px;font-size:0.9rem}.reminders__actions .btn--primary{display:none}.reminders__main{flex:1;width:100%}.reminders__toolbar{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);align-items:stretch}.reminders__search{width:100%;min-height:var(--input-height-lg);font-size:16px}.reminders__filters{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-xs);-webkit-overflow-scrolling:touch}.reminders__filters .filter-btn{flex-shrink:0;min-height:40px;padding:var(--space-sm) var(--space-md)}.reminders__item{padding:0.85rem;min-height:64px}.reminders__checkbox{width:1.4rem;height:1.4rem}.reminders__item-title{font-size:0.9rem}.reminders__item-meta{font-size:var(--text-sm);flex-wrap:wrap}.reminders__summary{flex-wrap:wrap;gap:var(--space-lg);padding:var(--space-md);justify-content:center}.reminders__summary-stat{font-size:var(--text-sm)}}@media (max-width:480px){.reminders__sidebar{width:100vw;max-width:100vw}.reminders__fab{bottom:70px;right:16px;width:60px;height:60px}.reminders__item{padding:var(--space-md)}}}.skills{padding:var(--space-lg);height:calc(100vh - 80px);overflow-y:auto}.skills__list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg)}.skills__category{margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.skills__category-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) 1.25rem;background:var(--color-bg);cursor:pointer;user-select:none;transition:background var(--transition-fast);border-radius:var(--radius-lg)}.skills__category:not(.collapsed) .skills__category-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--color-border)}.skills__category-header:hover{background:color-mix(in srgb,var(--color-bg) 70%,var(--color-accent) 30%)}.skills__category-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:color var(--transition-fast)}.skills__category-toggle svg{width:14px;height:14px;color:var(--color-accent);transition:color var(--transition-fast)}.skills__category-header:hover .skills__category-toggle svg{color:var(--color-text)}.skills__category-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.skills__category-icon svg{width:16px;height:16px;color:var(--color-accent)}.skills__category-name{font-weight:var(--weight-semibold);color:var(--color-text);flex:1}.skills__category-count{font-size:var(--text-xs);padding:0.2rem var(--space-sm);background:var(--color-bg);color:var(--color-muted);border-radius:10px;min-width:24px;text-align:center}.skills__category-items{display:flex;flex-direction:column;padding:var(--space-sm);gap:var(--space-xs)}.skills__category.collapsed .skills__category-items{display:none}.skills__item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-bg);border-radius:var(--radius-md);min-height:auto}.skills__item:hover{background:color-mix(in srgb,var(--color-bg) 50%,var(--color-surface) 50%)}.skills__item-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.skills__item-name{font-weight:var(--weight-semibold);color:var(--color-text)}.skills__item-desc{font-size:var(--text-sm);color:var(--color-muted);line-height:1.4}.skills__item-warning{font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-warning);font-style:italic;margin-left:var(--space-sm)}.skills__item-meta{display:flex;gap:var(--space-sm);align-items:center}.skills__item-badge{font-size:var(--text-xs);padding:0.15rem 0.4rem;background:var(--color-accent);color:#000;border-radius:var(--radius-sm)}.skills__item-version{font-size:var(--text-xs);color:var(--color-muted)}.skills__item-actions{display:flex;gap:var(--space-sm);flex-shrink:0;align-items:flex-start}.skills__modal{max-width:700px;width:90%}.skills__modal-info{margin:var(--space-lg) 0}.skills__modal-meta{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--text-sm)}.skills__modal-body pre{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto;padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.skills__edit-form{margin:var(--space-lg) 0}.skills__edit-field{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.skills__edit-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-muted)}.skills__edit-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text);font-size:var(--text-base)}.skills__edit-input:focus{outline:none;border-color:var(--color-accent)}.skills__edit-textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical;min-height:100px}.skills__edit-textarea:focus{outline:none;border-color:var(--color-accent)}.skills__chip{background:transparent;border:1px solid var(--color-border);padding:0.3rem 0.6rem;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast)}.skills__chip:hover{border-color:var(--color-text);color:var(--color-text)}.skills__chip--beam{border-left:2px solid var(--color-success)}.skills__chip--claude{border-left:2px solid var(--color-purple)}@media (max-width:768px){.skills{height:auto;min-height:0;overflow:visible;padding:var(--space-sm)}.skills__list{max-height:none;overflow:visible;padding:var(--space-sm)}.skills__category{margin-bottom:var(--space-sm)}.skills__category-header{padding:var(--space-md) var(--space-lg);min-height:48px}.skills__category-items{padding:var(--space-xs)}.skills__item{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-md)}.skills__item-actions{justify-content:flex-end;flex-wrap:wrap}.skills__chip{min-height:44px;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}}@scope (beam-system){.system{padding:var(--space-lg);max-width:1000px;margin:0 auto;height:calc(100vh - 53px);overflow-y:auto}.system__header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-border)}.system__title{font-size:2rem;font-weight:var(--weight-bold);color:var(--color-accent);margin:0}.system__controls{display:flex;gap:var(--space-sm)}.system__subtitle{margin:var(--space-xs) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.system__stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.system__stat{text-align:center;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.system__stat-value{display:block;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-accent)}.system__stat-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase}.system__section{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);background:var(--color-surface);transition:border-color 120ms ease,box-shadow 120ms ease}.system__section[open]{border-color:var(--color-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 20%,transparent)}.system__summary{padding:var(--space-sm) var(--space-md);cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);list-style:none}.system__summary::before{content:'▸';color:var(--color-muted);font-size:0.85rem;transform-origin:center;transition:transform 120ms ease}.system__section[open]>.system__summary::before{transform:rotate(90deg)}.system__summary::-webkit-details-marker{display:none}.system__summary::marker{display:none;content:none}.system__summary.kb-selected::before{content:none;display:none}.system__summary:hover{background:color-mix(in srgb,var(--color-accent) 5%,var(--color-surface))}.system__heading{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.system__badge{font-size:var(--text-xs);padding:2px 8px;border-radius:10px;background:var(--color-accent);color:var(--color-bg);margin-left:auto}.system__body{padding:0 var(--space-md) var(--space-md)}.system__section-controls{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm);align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);margin:0 0 var(--space-md)}.system__section-controls .btn--toggle{border-color:var(--color-border)}.system__section-controls .btn--toggle.active{background:color-mix(in srgb,var(--color-accent) 14%,var(--color-surface));border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border));color:var(--color-accent)}.cb__banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.cb__banner--halt{background:color-mix(in srgb,var(--color-danger) 15%,var(--color-bg));border:1px solid var(--color-danger);color:var(--color-danger)}.cb__banner-icon{display:flex}.cb__banner-text{flex:1}.cb__section--alert{border-color:var(--color-warning)}.cb__section--alert[open]{border-color:var(--color-danger)}.cb__icon{display:flex}.cb__open-count{font-size:var(--text-xs);padding:2px 8px;border-radius:10px;background:var(--color-danger);color:var(--color-bg)}.cb__grid{display:grid;grid-template-columns:1fr auto auto auto auto;gap:var(--space-xs) var(--space-md);align-items:center}.cb__grid--header{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.05em;padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xs)}.cb__row{display:grid;grid-template-columns:1fr auto auto auto auto;gap:var(--space-xs) var(--space-md);align-items:center;padding:var(--space-xs) 0;font-size:var(--text-sm)}.cb__row--open{background:color-mix(in srgb,var(--color-danger) 5%,transparent);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);margin:0 calc(-1 * var(--space-sm))}.cb__rule-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cb__rule-name{font-weight:var(--weight-semibold);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb__rule-desc{font-size:var(--text-xs);color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb__rule-meta{font-family:var(--font-mono,monospace);font-size:0.65rem;color:var(--color-muted);opacity:0.7}.cb__state{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:1px 6px;border-radius:var(--radius-sm)}.cb__state--open{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 15%,transparent)}.cb__state--closed{color:var(--color-success)}.cb__failures{font-size:var(--text-xs);color:var(--color-muted)}.cb__last{font-size:var(--text-xs);color:var(--color-muted)}@media (max-width:767px){.system{padding:var(--space-md)}.system__title{font-size:1.6rem}.system__stats-bar{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.system{padding:var(--space-lg)}.system__header{flex-direction:row;align-items:center;justify-content:space-between}.system__title{font-size:2rem}}}@scope (beam-terminal){.terminal{display:flex;flex-direction:column;height:calc(100vh - 80px);background:#0d0d0d;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.terminal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.terminal__header h2{margin:0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.terminal__status{font-size:var(--text-sm);color:var(--color-success);font-family:var(--font-mono)}.terminal__status--running{color:var(--color-warning)}.terminal__status--error{color:var(--color-danger)}.terminal__output{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap;word-break:break-all}.terminal__line{padding:1px 0}.terminal__line--stdout{color:var(--color-text)}.terminal__line--stderr{color:var(--color-danger)}.terminal__line--command{color:var(--color-accent);font-weight:var(--weight-semibold)}.terminal__line--command::before{content:'$ ';color:var(--color-success)}.terminal__line--info{color:var(--color-muted);font-style:italic}.terminal__input-row{display:flex;align-items:center;padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border);gap:var(--space-sm)}.terminal__prompt{color:var(--color-success);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-shrink:0;user-select:none}.terminal__input{flex:1;background:transparent;border:none;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);outline:none;caret-color:var(--color-accent)}.terminal__input::placeholder{color:var(--color-muted);opacity:0.5}}.tools{padding:var(--space-lg);height:calc(100vh - 80px);overflow-y:auto}.tools__list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg)}.tools__controls{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tools__controls-summary{font-size:var(--text-sm);color:var(--color-muted)}.tools__controls-btns{display:flex;gap:var(--space-sm)}.tools__category{margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.tools__category-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) 1.25rem;background:var(--color-bg);cursor:pointer;user-select:none;transition:background var(--transition-fast);border-radius:var(--radius-lg)}.tools__category:not(.collapsed) .tools__category-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--color-border)}.tools__category-header:hover{background:color-mix(in srgb,var(--color-bg) 70%,var(--color-accent) 30%)}.tools__category-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:color var(--transition-fast)}.tools__category-toggle svg{width:14px;height:14px;color:var(--color-accent);transition:color var(--transition-fast)}.tools__category-header:hover .tools__category-toggle svg{color:var(--color-text)}.tools__category-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.tools__category-icon svg{width:16px;height:16px;color:var(--color-accent)}.tools__category-name{font-weight:var(--weight-semibold);color:var(--color-text);flex:1}.tools__category-count{font-size:var(--text-xs);padding:0.2rem var(--space-sm);background:var(--color-bg);color:var(--color-muted);border-radius:10px;min-width:24px;text-align:center}.tools__category-items{display:flex;flex-direction:column;padding:var(--space-sm);gap:var(--space-xs)}.tools__category.collapsed .tools__category-items{display:none}.tools__item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-bg);border-radius:var(--radius-md);min-height:auto}.tools__item:hover{background:color-mix(in srgb,var(--color-bg) 50%,var(--color-surface) 50%)}.tools__item-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.tools__item-name{font-weight:var(--weight-semibold);color:var(--color-text)}.tools__item-desc{font-size:var(--text-sm);color:var(--color-muted);line-height:1.4}.tools__item-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-top:var(--space-xs)}.tools__item-badge{font-size:var(--text-xs);padding:0.15rem 0.4rem;background:var(--color-border);color:var(--color-muted);border-radius:var(--radius-sm)}.tools__item-badge--builtin{background:var(--color-accent);color:#000}.tools__item-badge--user{background:var(--color-success);color:#000}.tools__item-badge--skill{background:var(--color-purple);color:#000}.tools__item-param-hint{font-size:var(--text-xs);color:var(--color-accent);background:rgba(74,158,255,0.1);padding:0.1rem 0.4rem;border-radius:var(--radius-sm)}.tools__item-requires{font-size:var(--text-xs);color:var(--color-muted);padding:0.15rem 0.4rem;background:var(--color-bg);border-radius:var(--radius-sm)}.tools__item-warning{display:inline-flex;align-items:center;gap:var(--space-xs);padding:0.2rem var(--space-sm);background:rgba(255,191,0,0.15);color:#ffbf00;border:1px solid rgba(255,191,0,0.3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;cursor:help}.tools__item-warning svg{width:12px;height:12px;flex-shrink:0}.tools__item-warning:hover{background:rgba(255,191,0,0.25);border-color:rgba(255,191,0,0.5)}.tools__item-actions{display:flex;gap:var(--space-sm);flex-shrink:0;align-items:flex-start}.tools__modal{max-width:700px;width:90%}.tools__modal-meta{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--text-sm)}.tools__modal-code{margin-top:var(--space-lg)}.tools__detail-warning{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.tools__detail-warning .tools__item-warning{font-size:var(--text-sm);padding:0.35rem var(--space-md)}.tools__run-modal{max-width:800px;width:95%}.tools__run-header{padding:var(--space-lg) 1.25rem;border-bottom:1px solid var(--color-border)}.tools__run-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-accent)}.tools__run-desc{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-xs)}.tools__run-meta{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap}.tools__run-body{padding:var(--space-lg) 1.25rem;max-height:60vh;overflow-y:auto}.tools__run-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.tools__run-form.single-col{grid-template-columns:1fr}.tools__run-form .form-group{margin-bottom:0;display:flex;flex-direction:column;gap:var(--space-xs)}.tools__run-form .form-group label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);display:flex;align-items:center;gap:var(--space-xs)}.tools__run-form .form-group label .required-mark{color:var(--color-danger);font-weight:var(--weight-semibold)}.tools__run-form .form-group input,.tools__run-form .form-group select,.tools__run-form .form-group textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--transition-fast)}.tools__run-form .form-group input:focus,.tools__run-form .form-group select:focus,.tools__run-form .form-group textarea:focus{outline:none;border-color:var(--color-accent)}.tools__run-form .form-group.required input,.tools__run-form .form-group.required select,.tools__run-form .form-group.required textarea{border-left:3px solid var(--color-accent)}.tools__run-form .form-group.error input,.tools__run-form .form-group.error select,.tools__run-form .form-group.error textarea{border-color:var(--color-danger)}.tools__run-form .field-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:2px}.tools__run-form .param-type-badge{font-size:var(--text-xs);color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 4px;margin-left:4px;font-weight:var(--weight-normal)}.tools__run-form .field-hint{font-size:var(--text-xs);color:var(--color-muted);margin-top:2px}.tools__run-form .toggle-field{display:flex;align-items:center;gap:var(--space-sm);height:var(--input-height-md)}.tools__run-form .toggle-field input[type="checkbox"]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.tools__run-form .toggle-field .toggle-label{font-size:var(--text-sm);color:var(--color-text);cursor:pointer;user-select:none}.tools__run-form .no-params{grid-column:1 / -1;text-align:center;color:var(--color-muted);font-size:var(--text-sm);padding:var(--space-lg)}.tools__run-form .loading{grid-column:1 / -1;text-align:center;color:var(--color-muted);padding:var(--space-xl)}.tools__run-advanced{margin-top:var(--space-md);border-top:1px solid var(--color-border);padding-top:var(--space-md)}.tools__run-advanced.collapsed textarea{display:none}.tools__run-advanced textarea{width:100%;margin-top:var(--space-sm);box-sizing:border-box}.tools__run-result{margin:var(--space-md) 1.25rem;padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tools__run-result-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-muted);margin-bottom:var(--space-sm)}.tools__run-result-output{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto}.tools__run-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.tools__run-result-toggle{display:flex;gap:var(--space-xs)}.tools__run-result-formatted{max-height:300px;overflow-y:auto;font-size:var(--text-sm)}.tools__result-status{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-sm)}.tools__result-status--success{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.tools__result-status--error{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.tools__result-message{border-left:3px solid var(--color-accent);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:color-mix(in srgb,var(--color-accent) 5%,transparent);line-height:1.5}.tools__result-message--error{border-left-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 5%,transparent);color:var(--color-danger)}.tools__result-kv{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-md);margin-bottom:var(--space-md)}.tools__result-kv-key{color:var(--color-muted);font-weight:500;white-space:nowrap}.tools__result-kv-value{word-break:break-word}.tools__result-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-md);font-size:var(--text-xs)}.tools__result-table th{text-align:left;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);color:var(--color-muted);font-weight:600;white-space:nowrap}.tools__result-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools__result-table tr:last-child td{border-bottom:none}.tools__result-list{list-style:disc;padding-left:var(--space-lg);margin-bottom:var(--space-md)}.tools__result-list li{padding:2px 0}.tools__result-section{color:var(--color-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.05em;margin:var(--space-md) 0 var(--space-xs)}.tools__result-nested summary{cursor:pointer;color:var(--color-muted);font-size:var(--text-xs);padding:var(--space-xs) 0}.tools__result-nested pre{font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;word-wrap:break-word;padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-sm);max-height:150px;overflow-y:auto}.tools__form{margin:var(--space-lg) 0}.tools__field{display:flex;flex-direction:column;gap:var(--space-sm)}.tools__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-muted)}.tools__input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical}.tools__input:focus{outline:none;border-color:var(--color-accent)}.tools__toggle{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);transition:all var(--transition-normal)}.tools__toggle.active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}@media (max-width:768px){.tools{height:auto;min-height:0;overflow:visible;padding:var(--space-sm)}.tools__list{max-height:none;overflow:visible;padding:var(--space-sm)}.tools__category{margin-bottom:var(--space-sm)}.tools__category-header{padding:var(--space-md) var(--space-lg);min-height:48px}.tools__category-items{padding:var(--space-xs)}.tools__item{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-md)}.tools__item-actions{justify-content:flex-end;flex-wrap:wrap}.tools__item-meta{flex-wrap:wrap}.tools__run-modal{max-width:100%;width:100%;margin:0;border-radius:0;max-height:100vh}.tools__run-form{grid-template-columns:1fr}}.visuals{display:grid;grid-template-columns:340px 1fr;gap:16px;height:calc(100vh - 160px)}.visuals-panel{background:var(--panel-bg,#111827);border:1px solid var(--panel-border,#374151);border-radius:12px;padding:12px;overflow:auto}.visuals-panel textarea,.visuals-panel select,.visuals-panel input{width:100%;margin-bottom:8px;background:#0b1220;color:#e5e7eb;border:1px solid #334155;border-radius:8px;padding:8px}.visuals-color-grid,.visuals-font-grid{display:grid;gap:6px}.visuals-color-row{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:center}.visuals-color-row input[type="color"]{width:56px;min-width:56px;height:36px;padding:3px;border-radius:8px}.visuals-panel hr{border:0;border-top:1px solid #334155;margin:10px 0}.visuals-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.visuals-stage{position:relative;background:#1f2937;border:1px solid #475569;border-radius:12px;overflow:hidden;padding:0;min-height:520px}#visuals-gallery-view,#visuals-builder-view{height:100%}.visuals-muted{color:#94a3b8;font-size:12px;margin-bottom:8px}.visuals-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.visuals-chip{background:#1f2937;color:#cbd5e1;border:1px solid #334155;border-radius:999px;padding:4px 10px;cursor:pointer;font-size:12px;touch-action:manipulation}.visuals-chip.is-active{background:#2563eb;color:#fff;border-color:#2563eb}.wire-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-auto-flow:dense;gap:12px;overflow:auto;max-height:100%;padding:12px}.wire-thumb{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px}.wire-thumb--sm{grid-row:span 1}.wire-thumb--md{grid-row:span 1}.wire-thumb--lg{grid-row:span 2}.wire-thumb--xl{grid-row:span 2}.wire-thumb h4{margin:0;color:#f8fafc;font-size:14px}.wire-thumb p{margin:0;color:#94a3b8;font-size:12px}.wire-thumb__preview{background:#f3f4f6;border:1px solid #94a3b8;border-radius:8px;padding:8px;display:grid;gap:6px;min-height:120px}.wire-thumb--sm .wire-thumb__preview{min-height:96px}.wire-thumb--md .wire-thumb__preview{min-height:130px}.wire-thumb--lg .wire-thumb__preview{min-height:180px}.wire-thumb--xl .wire-thumb__preview{min-height:220px}.thumb-preview{display:grid;gap:6px}.thumb-bar,.thumb-title,.thumb-line,.thumb-cta{height:10px;background:#cbd5e1;border:1px solid #94a3b8;border-radius:4px}.thumb-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.thumb-box{height:18px;background:#e2e8f0;border:1px solid #94a3b8;border-radius:4px}.thumb-line.short{width:60%}.thumb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.thumb-cell{height:16px;background:#e5e7eb;border:1px solid #94a3b8;border-radius:3px}.thumb-cta{width:45%;justify-self:center}.thumb-preview--split-hero .thumb-row{grid-template-columns:1.3fr .7fr}.thumb-preview--feature-grid .thumb-grid{grid-template-columns:repeat(2,1fr)}.thumb-preview--feature-grid .thumb-cell{height:28px}.thumb-preview--comparison .thumb-grid{grid-template-columns:repeat(3,1fr)}.thumb-preview--comparison .thumb-cell{height:42px}.thumb-preview--mobile-cards .thumb-row{grid-template-columns:1fr}.thumb-preview--mobile-cards .thumb-box{height:34px}.thumb-preview--mobile-cards .thumb-grid{grid-template-columns:1fr}.thumb-preview--story .thumb-line{height:12px}.thumb-preview--story .thumb-grid{grid-template-columns:1fr}.thumb-preview--story .thumb-cell{height:34px}.thumb-preview--poster .thumb-title{height:22px}.thumb-preview--poster .thumb-row{grid-template-columns:1fr}.thumb-preview--poster .thumb-box{height:56px}.thumb-preview--offer .thumb-cta{width:75%}.thumb-preview--email .thumb-row{grid-template-columns:1fr}.thumb-preview--email .thumb-box{height:22px}.thumb-preview--form .thumb-row{grid-template-columns:2fr 1fr}.thumb-preview--case-study .thumb-grid{grid-template-columns:2fr 1fr}.thumb-preview--product .thumb-row{grid-template-columns:1fr 1fr}.thumb-preview--logo-stack .thumb-grid{grid-template-columns:repeat(4,1fr)}.thumb-preview--before-after .thumb-row{grid-template-columns:1fr 1fr}.thumb-preview--before-after .thumb-box{height:42px}.visuals-builder-toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#e2e8f0;border-bottom:1px solid #334155;background:#111827}.visuals-toolbar-spacer{flex:1}.visuals-toggle-group .btn.is-active{background:#2563eb;color:#fff}.visuals-canvas-scroll{overflow:auto;max-height:calc(100vh - 220px);padding:24px;cursor:default;background-color:#374151;background-image:linear-gradient(rgba(148,163,184,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.18) 1px,transparent 1px);background-size:24px 24px}.visuals-canvas-scroll.is-hand-drag{cursor:grab}.visuals-canvas-scroll.is-hand-drag.dragging{cursor:grabbing}#visuals-canvas{position:relative;min-height:1800px;min-width:1800px}.visuals-artboard{background:#f7f7f5;border:1.5px solid #9ca3af;box-shadow:0 10px 32px rgba(0,0,0,.25);padding:24px;display:flex;flex-direction:column;gap:14px;position:absolute;left:120px;top:120px}.wire-header h2{margin:0;font-size:28px;color:#0f172a}.wire-header small{color:#334155}.wire-meta{display:flex;justify-content:space-between;align-items:center;color:#334155;font-size:13px}.wire-sections{display:grid;gap:12px}.wire-section{border:1px solid #cbd5e1;background:#f8fafc;padding:14px}.wire-section h4{margin:0 0 8px 0;color:#0f172a}.wire-section p{margin:0;color:#475569;font-size:12px}.wire-btn{background:#1d4ed8;color:#fff;border:1px solid #1d4ed8;padding:8px 12px;border-radius:8px}.wire-btn--outline{background:transparent;color:#1d4ed8}.wire-btn--pill{border-radius:999px}#visuals-block-editor{margin:8px 0;display:grid;gap:4px}#visuals-block-editor label{font-size:12px;color:#cbd5e1}.visuals-source-note{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:8px;margin-bottom:8px;color:#cbd5e1}.visuals-source-note p{margin:4px 0 0 0;font-size:12px;color:#94a3b8}.wire-sections--structured{display:flex;flex-direction:column;gap:12px}.wf-section{border:2px solid #9ca3af;background:#f9fafb;border-radius:8px;padding:12px;display:grid;gap:10px}.wf-nav{grid-template-columns:160px 1fr 120px;align-items:center}.wf-hero{grid-template-columns:1fr 1fr;min-height:220px}.wf-col{display:grid;gap:8px}.wf-grid{grid-template-columns:repeat(3,1fr)}.wf-compare{grid-template-columns:repeat(3,1fr);min-height:140px}.wf-gallery{grid-template-columns:repeat(3,1fr)}.wf-form{grid-template-columns:2fr 1fr;align-items:center}.wf-footer{grid-template-columns:1fr 1fr}.wf-block{border:1.5px solid #9ca3af;background:#e5e7eb;min-height:56px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#808080;font-weight:300}.wf-block span{color:#808080;font-weight:300;line-height:1.4}.wf-title{min-height:72px;font-size:18px}.wf-line{min-height:34px}.wf-btn{min-height:44px;max-width:220px;justify-self:start;background:#d1d5db}.wf-image{min-height:140px;position:relative;background:#e7e5e4}.wf-image:before{content:'Image Placeholder';position:absolute;inset:auto 0 8px 0;text-align:center;font-size:12px;color:#6b7280}.wf-strip{min-height:46px}.wf-carousel{min-height:96px}.wf-banner{min-height:64px}.wf-mobile{min-height:180px}.wf-blob{min-height:160px;border-radius:58% 42% 47% 53% / 45% 52% 48% 55%;background:#ddd6d3}.wf-block [contenteditable="true"]{outline:none;padding:2px 6px;border-radius:4px}.wf-block [contenteditable="true"]:focus{box-shadow:0 0 0 2px rgba(37,99,235,.25);background:#f3f4f6}.wf-el{position:absolute;user-select:none}.wf-el.is-selected{outline:2px solid #2563eb;outline-offset:2px}.wf-el--text{display:flex;align-items:center}.wf-text{width:100%;height:100%;display:flex;align-items:center;padding:4px 8px;cursor:text;outline:none}.wf-resize{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background:#2563eb;border-radius:2px;cursor:nwse-resize}.wf-image-label{position:absolute;left:8px;bottom:6px;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}@media (max-width:900px){.visuals{grid-template-columns:1fr;height:auto}.visuals-stage{min-height:68vh}.wire-grid{grid-template-columns:1fr;max-height:none;overflow:visible}.visuals-builder-toolbar{flex-wrap:wrap;row-gap:8px}.visuals-toolbar-spacer{display:none}.visuals-canvas-scroll{max-height:65vh;min-height:50vh}#visuals-canvas{min-width:1200px;min-height:1400px}}@scope (beam-wiki){.wiki{padding:var(--space-lg);max-width:1000px;margin:0 auto;height:calc(100vh - 53px);overflow-y:auto}.wiki__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-border)}.wiki__title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.wiki__title{font-size:2rem;font-weight:var(--weight-bold);color:var(--color-accent);margin:0}.wiki__controls{display:flex;gap:var(--space-sm)}.wiki__subtitle{font-size:var(--text-sm);color:var(--color-muted);margin:0}.wiki__stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.wiki__stat{text-align:center;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.wiki__stat-value{display:block;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-accent)}.wiki__stat-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase}.wiki__section{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);background:var(--color-surface)}.wiki__section[open]{border-color:var(--color-accent)}.wiki__summary{padding:var(--space-sm) var(--space-md);cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);list-style:none}.wiki__summary::-webkit-details-marker{display:none}.wiki__summary::marker{display:none}.wiki__summary:hover{background:color-mix(in srgb,var(--color-accent) 5%,var(--color-surface))}.wiki__summary h2,.wiki__summary h3{margin:0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.wiki__summary h2{font-size:var(--text-lg)}.wiki__badge{font-size:var(--text-xs);padding:2px 8px;border-radius:10px;background:var(--color-accent);color:var(--color-bg);margin-left:auto}.wiki__body{padding:0 var(--space-md) var(--space-md)}.wiki__body h3{margin:var(--space-lg) 0 var(--space-sm);color:var(--color-accent);font-size:var(--text-base)}.wiki__body h4{margin:var(--space-md) 0 var(--space-xs);font-size:var(--text-sm);color:var(--color-muted)}.wiki__body p{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.wiki__body ul{padding-left:1.2em;font-size:var(--text-sm)}.wiki__body li{margin-bottom:var(--space-xs)}.wiki__item{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-xs)}.wiki__item[open]{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-border))}.wiki__item-summary{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);list-style:none}.wiki__item-summary::-webkit-details-marker{display:none}.wiki__item-summary::marker{display:none}.wiki__item-summary:hover{background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg))}.wiki__item>.wiki__body{padding:var(--space-xs) var(--space-sm) var(--space-sm)}.wiki__item-name{font-weight:var(--weight-semibold)}.wiki__item--dep .wiki__item-summary:hover{background:color-mix(in srgb,#FFC107 8%,var(--color-bg))}.wiki__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-sm)}.wiki__card{padding:var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.wiki__card h4{margin:0 0 var(--space-xs);font-size:var(--text-sm);color:var(--color-accent)}.wiki__card p{margin:0;font-size:var(--text-xs);color:var(--color-muted)}.wiki__tag{display:inline-block;font-size:var(--text-xs);padding:2px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:2px;font-family:var(--font-mono)}.wiki__tag--tool{border-color:var(--color-accent);color:var(--color-accent)}.wiki__tag--status{border-color:var(--color-success);color:var(--color-success)}.wiki__tag--warn{border-color:var(--color-warning);color:var(--color-warning)}.wiki__cat-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.wiki__status{font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-sm);margin-left:auto}.wiki__status--complete{background:rgba(74,222,128,0.15);color:var(--color-success)}.wiki__status--pending{background:rgba(136,136,136,0.15);color:var(--color-muted)}.wiki__code{background:var(--color-bg);padding:var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-xs);overflow-x:auto;white-space:pre;font-family:var(--font-mono)}.wiki__manpage-code{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);overflow-x:auto;white-space:pre;margin:var(--space-sm) 0}.wiki__manpage-tagged{padding-left:var(--space-lg);margin:var(--space-xs) 0}.wiki__manpage-subsection{margin-bottom:var(--space-sm)}.wiki__manpage-subsection h4{color:var(--color-accent);margin:var(--space-sm) 0 var(--space-xs)}.wiki__search-dialog{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;width:min(600px,90vw);max-height:70vh}.wiki__search-dialog::backdrop{background:rgba(0,0,0,0.6)}.wiki__search-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-base);outline:none;box-sizing:border-box}.wiki__search-results{overflow-y:auto;max-height:50vh;padding:var(--space-sm)}.wiki__search-result{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer}.wiki__search-result:hover{background:var(--color-border)}.wiki__search-result-title{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.wiki__search-result-context{font-size:var(--text-xs);color:var(--color-muted);margin-top:2px}.wiki__loading{color:var(--color-muted);padding:var(--space-xl);text-align:center}@media (max-width:768px){.wiki__stats-bar{grid-template-columns:repeat(2,1fr)}.wiki__grid{grid-template-columns:1fr}.wiki__title-row{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}}.workflows{padding:var(--space-lg);height:calc(100vh - 80px);overflow-y:auto}.workflows__stats{display:flex;align-items:center;gap:0.4rem;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.workflows__stats .stat-total{color:var(--color-text)}.workflows__stats .stat-divider{color:var(--color-muted);opacity:0.5}.workflows__stats .stat-ready{color:var(--color-success)}.workflows__stats .stat-needs-work{color:var(--color-warning)}.workflows__list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);max-height:calc(100vh - 200px);overflow-y:auto}.workflows__category{margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.workflows__category-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) 1.25rem;background:var(--color-bg);cursor:pointer;user-select:none;transition:background var(--transition-fast);border-radius:var(--radius-lg)}.workflows__category:not(.collapsed) .workflows__category-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--color-border)}.workflows__category-header:hover{background:color-mix(in srgb,var(--color-bg) 70%,var(--color-accent) 30%)}.workflows__category-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:color var(--transition-fast)}.workflows__category-toggle svg{width:14px;height:14px;color:var(--color-accent);transition:color var(--transition-fast)}.workflows__category-header:hover .workflows__category-toggle svg{color:var(--color-text)}.workflows__category-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.workflows__category-icon svg{width:16px;height:16px;color:var(--color-accent)}.workflows__category-name{font-weight:var(--weight-semibold);color:var(--color-text);flex:1}.workflows__category-count{font-size:var(--text-xs);padding:0.2rem var(--space-sm);background:var(--color-bg);color:var(--color-muted);border-radius:10px;min-width:24px;text-align:center}.workflows__category-items{display:flex;flex-direction:column;padding:var(--space-sm);gap:var(--space-xs)}.workflows__category.collapsed .workflows__category-items{display:none}.workflows__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-bg);border-radius:var(--radius-md)}.workflows__item:hover{background:var(--color-surface)}.workflows__item--running{border-left:3px solid var(--color-success);background:color-mix(in srgb,var(--color-bg) 90%,var(--color-success) 10%)}.workflows__item-checkbox{width:18px;height:18px;margin-right:var(--space-sm);cursor:pointer;accent-color:var(--color-accent);flex-shrink:0}.workflows__item-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.workflows__item-name{font-weight:var(--weight-semibold);color:var(--color-text);display:flex;flex-direction:column;gap:var(--space-xs)}.workflows__item-missing-tools{font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-warning);font-style:italic}.workflows__item-desc{font-size:var(--text-sm);color:var(--color-muted)}.workflows__item-meta{display:flex;gap:var(--space-sm);align-items:center}.workflows__item-badge{font-size:var(--text-xs);padding:0.15rem 0.4rem;background:var(--color-purple);color:#000;border-radius:var(--radius-sm)}.workflows__item-badge--running{background:var(--color-success);color:#000;animation:pulse 2s infinite}.workflows__item-actions{display:flex;gap:var(--space-sm);align-items:center}.workflows__controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%}.workflows__controls-left,.workflows__controls-right{display:flex;gap:var(--space-sm);align-items:center}.workflows__select{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);padding:0.35rem var(--space-sm);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-xs);min-width:200px}.workflows__modal{max-width:800px;width:90%}.workflows__modal-meta{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--text-sm)}.workflows__modal-states{margin-bottom:var(--space-lg);max-height:400px;overflow-y:auto}.workflows__modal-state-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);font-size:var(--text-sm)}.workflows__modal-state-name{font-weight:var(--weight-semibold);color:var(--color-accent)}.workflows__modal-state-badge{font-size:0.65rem;padding:0.1rem 0.3rem;border-radius:var(--radius-sm)}.workflows__modal-state-badge--final{background:var(--color-success);color:#000}.workflows__modal-state-badge--approval{background:var(--color-warning);color:#000}.workflows__modal-state-actions{color:var(--color-muted);font-size:var(--text-sm)}.workflows__modal-body{margin-top:var(--space-lg)}.workflows__edit-form{margin:var(--space-lg) 0}.workflows__create-modal{max-width:900px;width:95%;max-height:90vh;display:flex;flex-direction:column}.workflows__create-content{flex:1;overflow-y:auto;padding:var(--space-xl)}.workflows__create-steps{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.workflows__create-step{display:flex;align-items:center;gap:var(--space-sm);opacity:0.5;transition:opacity var(--transition-normal)}.workflows__create-step.active{opacity:1}.workflows__create-step.completed{opacity:0.7}.workflows__create-step-num{width:28px;height:28px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.workflows__create-step.active .workflows__create-step-num{background:var(--color-accent);color:#000}.workflows__create-step.completed .workflows__create-step-num{background:var(--color-success)}.workflows__create-step-label{font-size:var(--text-base);color:var(--color-text)}.workflows__create-step-content{animation:fadeIn 0.3s ease}.workflows__create-step-content.hidden{display:none}.workflows__create-section{margin-bottom:2rem}.workflows__create-section .section-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.workflows__create-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.workflows__create-section .section-header .section-title{border:none;padding:0;margin:0}.workflows__create-section .section-desc{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-lg)}.workflows__create-field{margin-bottom:1.25rem}.workflows__create-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-sm)}.workflows__create-label.required::after{content:' *';color:var(--color-danger)}.workflows__create-input,.workflows__create-select{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text);font-size:var(--text-base);font-family:inherit}.workflows__create-input:focus,.workflows__create-select:focus{outline:none;border-color:var(--color-accent)}.workflows__create-textarea{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text);font-family:inherit;font-size:var(--text-base);resize:vertical;min-height:150px}.workflows__create-textarea.code{font-family:var(--font-mono);font-size:var(--text-sm)}.workflows__create-textarea:focus{outline:none;border-color:var(--color-accent)}.workflows__create-hint{display:block;font-size:var(--text-xs);color:var(--color-muted);margin-top:0.35rem}.workflows__create-checkbox-group{display:flex;flex-direction:column;gap:var(--space-md)}.workflows__create-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-base)}.workflows__create-checkbox input[type="checkbox"]{width:18px;height:18px;accent-color:var(--color-accent)}.workflows__states-builder{display:flex;flex-direction:column;gap:var(--space-lg);max-height:400px;overflow-y:auto}.workflows__state-builder-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.workflows__state-builder-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.workflows__state-builder-name{display:flex;align-items:center;gap:var(--space-sm)}.workflows__state-name-input{background:transparent;border:none;color:var(--color-text);font-weight:var(--weight-semibold);font-size:0.95rem;padding:var(--space-xs);width:150px}.workflows__state-name-input:focus{outline:none;background:var(--color-bg);border-radius:var(--radius-sm)}.workflows__state-builder-controls{display:flex;gap:var(--space-sm)}.workflows__state-builder-body{padding:var(--space-lg)}.workflows__state-builder-body.collapsed{display:none}.workflows__state-field{margin-bottom:var(--space-lg)}.workflows__state-field label{display:block;font-size:var(--text-sm);color:var(--color-muted);margin-bottom:0.35rem}.workflows__state-field input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);color:var(--color-text);font-size:var(--text-sm)}.workflows__state-field input:focus{outline:none;border-color:var(--color-accent)}.workflows__state-actions-input{font-family:var(--font-mono)}.workflows__transitions-list{display:flex;flex-direction:column;gap:var(--space-sm)}.workflows__transition-row{display:flex;align-items:center;gap:var(--space-sm)}.workflows__transition-event,.workflows__transition-target{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);color:var(--color-text);font-size:var(--text-sm)}.workflows__transition-event:focus,.workflows__transition-target:focus{outline:none;border-color:var(--color-accent)}.workflows__transition-arrow{color:var(--color-muted);font-size:1.2rem}.workflows__state-options{display:flex;gap:var(--space-xl);margin-top:var(--space-sm)}.workflows__state-option{display:flex;align-items:center;gap:0.35rem;font-size:var(--text-sm);cursor:pointer}.workflows__state-option input[type="checkbox"]{accent-color:var(--color-accent)}.workflows__approval-options{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm)}.workflows__approval-options.hidden{display:none}.workflows__approval-options label{font-size:var(--text-sm);color:var(--color-muted)}.workflows__approval-level-select{width:100%;margin-top:0.35rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);color:var(--color-text);font-size:var(--text-sm)}.workflows__template-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.workflows__template-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:var(--space-sm) var(--space-lg);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal)}.workflows__template-chip:hover{background:var(--color-accent);color:#000;border-color:var(--color-accent)}.workflows__review-summary{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.workflows__review-item{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.workflows__review-item:last-of-type{border-bottom:none}.workflows__review-label{color:var(--color-muted);font-size:var(--text-sm)}.workflows__review-value{color:var(--color-text);font-weight:var(--weight-medium);font-size:var(--text-sm)}.workflows__review-stats{display:flex;justify-content:center;gap:2rem;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.workflows__stat-box{text-align:center}.workflows__stat-box .stat-value{display:block;font-size:1.5rem;font-weight:var(--weight-bold);color:var(--color-accent)}.workflows__stat-box .stat-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase}.workflows__preview-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.workflows__modal-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border);background:var(--color-surface)}.workflows__footer-left,.workflows__footer-right{display:flex;gap:var(--space-sm)}.workflows__btn-ralph{background:transparent;color:var(--color-purple);border:1px solid var(--color-purple);font-weight:var(--weight-semibold);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.workflows__btn-ralph:hover{background:rgba(167,139,250,0.15);border-color:var(--color-accent)}.workflows__btn-create{background:transparent;color:var(--color-success);border-color:var(--color-success)}.workflows__btn-create:hover{background:rgba(74,222,128,0.15)}.workflows__input-header{padding:var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.workflows__input-header-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-sm)}.workflows__input-title{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.workflows__input-name{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text)}.workflows__input-category{font-size:var(--text-xs);padding:0.2rem var(--space-sm);background:var(--color-accent);color:white;border-radius:10px;font-weight:var(--weight-medium)}.workflows__input-close{width:28px;height:28px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.workflows__input-close:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-text)}.workflows__input-description{font-size:var(--text-sm);color:var(--color-muted);line-height:1.4}.workflows__input-states-section{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.workflows__input-states-section.collapsed .workflows__input-states-preview{display:none}.workflows__input-states-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.workflows__input-states-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px}.workflows__input-states-toggle{font-size:var(--text-xs);padding:0.2rem var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer}.workflows__input-states-toggle:hover{color:var(--color-text);border-color:var(--color-text)}.workflows__input-states-preview{display:flex;flex-wrap:wrap;gap:0.4rem}.workflows__state-preview-item{display:flex;align-items:center;gap:0.3rem;padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs)}.workflows__state-preview-item.initial{border-color:var(--color-accent)}.workflows__state-preview-item.final{border-color:var(--color-success)}.workflows__state-preview-dot{width:6px;height:6px;border-radius:50%;background:var(--color-muted)}.workflows__state-preview-item.initial .workflows__state-preview-dot{background:var(--color-accent)}.workflows__state-preview-item.final .workflows__state-preview-dot{background:var(--color-success)}.workflows__state-preview-name{color:var(--color-text)}.workflows__state-preview-badge{font-size:0.6rem;padding:0.1rem 0.3rem;border-radius:var(--radius-sm);background:var(--color-border);color:var(--color-muted)}.workflows__input-mode-switcher{display:flex;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.workflows__input-mode-btn{flex:1;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.workflows__input-mode-btn:hover{background:var(--color-bg);color:var(--color-text)}.workflows__input-mode-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:white}.workflows__input-area{flex:1;overflow-y:auto;padding:var(--space-lg)}.workflows__input-area.hidden{display:none}.workflows__input-form{display:flex;flex-direction:column;gap:var(--space-lg)}.workflows__input-loading,.workflows__input-no-schema{text-align:center;color:var(--color-muted);padding:var(--space-xl)}.workflows__input-no-schema .hint{font-size:var(--text-sm);margin-top:var(--space-sm)}.workflows__input-section{margin-bottom:var(--space-sm)}.workflows__input-section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.workflows__field{display:flex;flex-direction:column;gap:var(--space-sm)}.workflows__field.has-error .workflows__field-input{border-color:var(--color-danger)}.workflows__field-label{font-weight:var(--weight-semibold);color:var(--color-text)}.workflows__field-label .required{color:var(--color-danger)}.workflows__field-hint{font-size:var(--text-sm);color:var(--color-muted)}.workflows__field-input{padding:var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.workflows__field-input:focus{outline:none;border-color:var(--color-accent)}.workflows__field-input::placeholder{color:var(--color-muted)}.workflows__field-textarea{padding:var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-text)}.workflows__field-select{padding:var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.workflows__field-error{font-size:var(--text-xs);color:var(--color-danger)}.workflows__field-boolean{display:flex;align-items:center}.workflows__field-toggle{display:flex;align-items:center;gap:var(--space-sm)}.workflows__field-toggle input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.workflows__field-tags{display:flex;flex-wrap:wrap;gap:0.4rem}.workflows__tag{display:flex;align-items:center;gap:0.4rem;padding:var(--space-xs) var(--space-sm);background:var(--color-accent);color:#000;border-radius:var(--radius-sm);font-size:var(--text-sm)}.workflows__tag-remove{cursor:pointer;opacity:0.7}.workflows__tag-remove:hover{opacity:1}.workflows__tag-input{padding:0.4rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);flex:1;min-width:100px}.workflows__field-color-wrapper{display:flex;flex-direction:column;gap:var(--space-sm)}.workflows__field-color{display:flex;align-items:center;gap:var(--space-sm)}.workflows__field-color-value{padding:0.4rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;font-family:var(--font-mono);font-size:var(--text-sm)}.workflows__field-colors{display:flex;flex-wrap:wrap;gap:0.4rem}.workflows__color-item{width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;border:2px solid var(--color-border)}.workflows__color-input{padding:0.4rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:80px}.workflows__color-remove{width:20px;height:20px;background:var(--color-danger);border:none;border-radius:var(--radius-sm);color:white;cursor:pointer;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center}.workflows__color-remove:hover{filter:brightness(0.9)}.workflows__color-add{width:20px;height:20px;background:var(--color-success);border:none;border-radius:var(--radius-sm);color:white;cursor:pointer;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center}.workflows__color-add:hover{filter:brightness(0.9)}.workflows__input-json-editor{display:flex;flex-direction:column;gap:var(--space-sm)}.workflows__input-json-textarea{padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);resize:vertical;min-height:200px}.workflows__input-json-textarea:focus{outline:none;border-color:var(--color-accent)}.workflows__input-json-errors{padding:var(--space-sm);background:color-mix(in srgb,var(--color-danger) 20%,transparent);border:1px solid var(--color-danger);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-danger)}.workflows__input-json-errors:empty{display:none}.workflows__input-chat-messages{display:flex;flex-direction:column;gap:var(--space-md);max-height:400px;overflow-y:auto}.workflows__chat-welcome{padding:var(--space-lg);text-align:center;color:var(--color-muted)}.workflows__chat-message{display:flex;gap:var(--space-md);align-items:flex-start}.workflows__chat-message.user{justify-content:flex-end}.workflows__chat-message.assistant{justify-content:flex-start}.workflows__chat-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-xs)}.workflows__chat-message.user .workflows__chat-avatar{background:var(--color-accent);border-color:var(--color-accent);color:#000}.workflows__chat-bubble{max-width:80%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.4}.workflows__chat-message.user .workflows__chat-bubble{background:var(--color-accent);color:white}.workflows__chat-message.assistant .workflows__chat-bubble{background:var(--color-surface);border:1px solid var(--color-border)}.workflows__chat-parsed{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap}.workflows__input-chat-input-area{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-surface)}.workflows__input-chat-input{flex:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text);font-size:var(--text-sm);resize:none}.workflows__input-chat-input:focus{outline:none;border-color:var(--color-accent)}.workflows__input-chat-send{padding:var(--space-sm) var(--space-lg);background:var(--color-accent);border:none;border-radius:var(--radius-md);color:white;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:filter var(--transition-fast)}.workflows__input-chat-send:hover{filter:brightness(1.1)}.workflows__input-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border)}.workflows__input-validation-summary{font-size:var(--text-sm);color:var(--color-success)}.workflows__input-validation-summary.has-errors{color:var(--color-danger)}.workflows__input-start-btn{padding:var(--space-sm) var(--space-xl);background:var(--color-success);border:none;border-radius:var(--radius-md);color:white;font-weight:var(--weight-semibold);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast)}.workflows__input-start-btn:hover:not(:disabled){filter:brightness(1.1)}.workflows__input-start-btn:disabled{opacity:0.5;cursor:not-allowed}.workflows__question-context{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-lg);margin-bottom:var(--space-xs)}.workflows__wq-header{display:flex;align-items:center;gap:var(--space-md)}.workflows__wq-workflow-name{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-accent);padding:0.15rem var(--space-sm);background:rgba(74,158,255,0.1);border-radius:var(--radius-sm)}.workflows__wq-progress{font-size:var(--text-xs);color:var(--color-muted);margin-left:auto}.workflows__wq-cancel{width:20px;height:20px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;font-size:var(--text-lg);line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.workflows__wq-cancel:hover{background:var(--color-danger);border-color:var(--color-danger);color:white}.workflows__wq-question{display:flex;flex-direction:column;gap:var(--space-xs)}.workflows__wq-label{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text)}.workflows__wq-required{color:var(--color-danger);margin-left:0.15rem}.workflows__wq-hint{font-size:var(--text-xs);color:var(--color-muted);line-height:1.3}.workflows__wq-input-hint{font-size:var(--text-xs);color:var(--color-accent);font-style:italic}.workflows__wq-actions{display:flex;gap:var(--space-sm)}.workflows__wq-btn{padding:0.3rem 0.6rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.workflows__wq-btn:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-text)}.workflows__wq-btn-back:hover{border-color:var(--color-accent);color:var(--color-accent)}.workflows__wq-btn-skip:hover{border-color:var(--color-orange);color:var(--color-orange)}.workflows__question-error{display:none;font-size:var(--text-xs);color:var(--color-danger);padding:var(--space-sm) var(--space-md);background:rgba(239,68,68,0.1);border:1px solid var(--color-danger);border-radius:var(--radius-sm);margin-top:var(--space-xs)}.workflows__monitor-panel{display:none;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow:hidden}.workflows__monitor-panel.active{display:flex}.workflows__monitor-panel.collapsed .workflows__monitor-body{display:none}.workflows__monitor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-accent) 0%,#7C3AED 100%);color:white}.workflows__monitor-header-left{display:flex;align-items:center;gap:var(--space-lg)}.workflows__monitor-title{font-size:var(--text-base);font-weight:var(--weight-semibold)}.workflows__monitor-status{font-size:var(--text-xs);opacity:0.9;padding:0.2rem 0.6rem;background:rgba(255,255,255,0.2);border-radius:10px}.workflows__monitor-header-right{display:flex;align-items:center;gap:var(--space-sm)}.workflows__monitor-btn{width:28px;height:28px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-sm);color:white;cursor:pointer;font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.workflows__monitor-btn:hover{background:rgba(255,255,255,0.2)}.workflows__monitor-body{display:flex;flex-direction:column;gap:0}.workflows__monitor-info{padding:var(--space-md) var(--space-lg);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.workflows__monitor-info-row{display:flex;flex-wrap:wrap;gap:var(--space-xl)}.workflows__monitor-info-item{display:flex;flex-direction:column;gap:0.15rem}.workflows__monitor-info-label{font-size:0.65rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px}.workflows__monitor-info-value{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.workflows__monitor-info-value--mono{font-family:var(--font-mono);font-size:var(--text-xs)}.workflows__monitor-info-value--state{color:var(--color-accent)}.workflows__monitor-info-value--status{display:inline-block;padding:0.15rem var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.workflows__monitor-info-value--status[data-status="running"]{background:var(--color-accent);color:white}.workflows__monitor-info-value--status[data-status="paused"]{background:var(--color-orange);color:white}.workflows__monitor-info-value--status[data-status="completed"]{background:var(--color-success);color:white}.workflows__monitor-info-value--status[data-status="failed"]{background:var(--color-danger);color:white}.workflows__monitor-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;min-height:200px}.workflows__monitor-column{display:flex;flex-direction:column;border-right:1px solid var(--color-border)}.workflows__monitor-column:last-child{border-right:none}.workflows__monitor-column-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.workflows__monitor-column-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px}.workflows__monitor-btn-small{padding:0.2rem var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);font-size:0.65rem;cursor:pointer}.workflows__monitor-btn-small:hover{color:var(--color-text);border-color:var(--color-text)}.workflows__monitor-column-body{flex:1;padding:var(--space-md);overflow-y:auto;background:var(--color-bg)}.workflows__monitor-state-graph{display:flex;flex-direction:column;gap:var(--space-sm)}.workflows__monitor-state-empty,.workflows__monitor-timeline-empty{font-size:var(--text-xs);color:var(--color-muted);text-align:center;padding:2rem var(--space-lg)}.workflows__monitor-state-node{display:flex;align-items:center;gap:var(--space-sm);padding:0.4rem 0.6rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);transition:all var(--transition-fast)}.workflows__monitor-state-node.active{background:var(--color-accent);border-color:var(--color-accent);color:white}.workflows__monitor-state-node.complete{background:rgba(16,185,129,0.1);border-color:var(--color-success);color:var(--color-success)}.workflows__monitor-state-node.error{background:rgba(239,68,68,0.1);border-color:var(--color-danger);color:var(--color-danger)}.workflows__monitor-state-dot{width:8px;height:8px;border-radius:50%;background:var(--color-muted)}.workflows__monitor-state-node.active .workflows__monitor-state-dot{background:white;animation:pulse 1.5s infinite}.workflows__monitor-state-node.complete .workflows__monitor-state-dot{background:var(--color-success)}.workflows__monitor-state-node.error .workflows__monitor-state-dot{background:var(--color-danger)}.workflows__monitor-state-name{flex:1}.workflows__monitor-state-badge{font-size:0.6rem;padding:0.1rem 0.3rem;background:rgba(255,255,255,0.2);border-radius:var(--radius-sm)}.workflows__monitor-state-legend{display:flex;gap:var(--space-lg);padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--color-border)}.workflows__monitor-legend-item{display:flex;align-items:center;gap:0.3rem;font-size:0.65rem;color:var(--color-muted)}.workflows__monitor-dot{width:8px;height:8px;border-radius:50%}.workflows__monitor-dot.pending{background:var(--color-muted)}.workflows__monitor-dot.active{background:var(--color-accent)}.workflows__monitor-dot.complete{background:var(--color-success)}.workflows__monitor-dot.error{background:var(--color-danger)}.workflows__monitor-timeline{display:flex;flex-direction:column;gap:var(--space-sm)}.workflows__monitor-timeline-event{display:flex;gap:var(--space-sm);font-size:var(--text-xs)}.workflows__monitor-timeline-time{width:50px;color:var(--color-muted);font-family:var(--font-mono);font-size:0.65rem;flex-shrink:0}.workflows__monitor-timeline-dot{width:8px;height:8px;border-radius:50%;margin-top:var(--space-xs);flex-shrink:0}.workflows__monitor-timeline-dot.state{background:var(--color-accent)}.workflows__monitor-timeline-dot.action{background:var(--color-success)}.workflows__monitor-timeline-dot.tool{background:var(--color-orange)}.workflows__monitor-timeline-dot.approval{background:var(--color-warning)}.workflows__monitor-timeline-dot.error{background:var(--color-danger)}.workflows__monitor-timeline-content{flex:1;color:var(--color-text)}.workflows__monitor-timeline-label{font-weight:var(--weight-medium)}.workflows__monitor-timeline-detail{color:var(--color-muted);font-size:var(--text-xs)}.workflows__monitor-context{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);margin:0;white-space:pre-wrap;word-break:break-all;max-height:180px;overflow-y:auto}.workflows__monitor-metrics{display:flex;justify-content:space-around;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border)}.workflows__monitor-metric{display:flex;flex-direction:column;align-items:center;gap:0.15rem}.workflows__monitor-metric-value{font-size:1.25rem;font-weight:var(--weight-semibold);color:var(--color-text)}.workflows__monitor-metric-label{font-size:0.65rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.5px}.workflows__monitor-actions{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-bg);border-top:1px solid var(--color-border)}.workflows__monitor-actions-spacer{flex:1}.workflows__monitor-action-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.workflows__monitor-action-pause{background:var(--color-orange);border:none;color:white}.workflows__monitor-action-pause:hover{filter:brightness(1.1)}.workflows__monitor-action-resume{background:var(--color-success);border:none;color:white}.workflows__monitor-action-resume:hover{filter:brightness(1.1)}.workflows__monitor-action-cancel{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.workflows__monitor-action-cancel:hover{background:var(--color-danger);color:white}.workflows__monitor-action-logs{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.workflows__monitor-action-logs:hover{border-color:var(--color-text)}@media (max-width:900px){.workflows__monitor-columns{grid-template-columns:1fr}.workflows__monitor-column{border-right:none;border-bottom:1px solid var(--color-border)}.workflows__monitor-column:last-child{border-bottom:none}.workflows__monitor-column-body{max-height:150px}}@media (max-width:768px){.workflows{height:auto;min-height:0;overflow:visible;padding:var(--space-sm)}.workflows__controls{flex-direction:column;align-items:stretch}.workflows__controls-left,.workflows__controls-right{justify-content:center}.workflows__list{max-height:none;overflow:visible;padding:var(--space-sm)}.workflows__category{margin-bottom:var(--space-sm)}.workflows__category-header{padding:var(--space-md) var(--space-lg);min-height:48px}.workflows__category-items{padding:var(--space-xs)}.workflows__item{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-md)}.workflows__item-actions{justify-content:flex-end;flex-wrap:wrap}}@media (max-width:600px){.workflows__question-context{padding:var(--space-sm) var(--space-md)}.workflows__wq-label{font-size:var(--text-sm)}.workflows__wq-actions{flex-wrap:wrap}.workflows__monitor-info-row{gap:var(--space-lg)}.workflows__monitor-metrics{flex-wrap:wrap;gap:var(--space-lg)}.workflows__monitor-metric{min-width:80px}.workflows__monitor-actions{flex-wrap:wrap}}@media (max-width:480px){.workflows__controls-left,.workflows__controls-right{flex-direction:column}.workflows__controls-left .btn,.workflows__controls-right .btn,.workflows__controls-left select,.workflows__controls-right select{width:100%}}.hidden{display:none !important}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading{color:var(--color-muted);text-align:center;padding:var(--space-xl)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 0.8s linear infinite}.loading-skeleton{background:linear-gradient( 90deg,var(--color-surface-raised) 25%,var(--color-border) 50%,var(--color-surface-raised) 75% );background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.is-active{color:var(--color-accent)}.is-open{display:block}.is-loading{opacity:0.6;pointer-events:none}.is-visible{visibility:visible;opacity:1}@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media (prefers-contrast:high){:root{--bg:#000;--surface:#000;--border:#fff;--text:#fff;--muted:#ccc;--accent:#00d4ff}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-100px;left:0;background:var(--accent);color:#000;padding:0.75rem 1.5rem;z-index:10000;font-weight:600;text-decoration:none;border-radius:0 0 var(--btn-radius) 0}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-skeleton{background:linear-gradient(90deg,var(--bg-alt) 25%,var(--border) 50%,var(--bg-alt) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--btn-radius)}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:color-mix(in srgb,var(--red) 15%,var(--bg));border:1px solid var(--red);border-radius:var(--panel-radius);margin-bottom:1rem}.error-banner-icon{width:20px;height:20px;color:var(--red);flex-shrink:0}.error-banner-message{flex:1;font-size:0.8rem;color:var(--text)}.error-banner-dismiss{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:0.25rem}.error-banner-dismiss:hover{color:var(--text)}.error-banner-retry{font-size:0.7rem;padding:0.35rem 0.75rem;background:var(--red);border:none;border-radius:var(--btn-radius);color:#fff;cursor:pointer;font-weight:500}.error-banner-retry:hover{background:color-mix(in srgb,var(--red) 80%,#fff)}.toast-container{position:fixed;bottom:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:0.5rem;max-width:350px}.toast{display:flex;align-items:flex-start;gap:0.5rem;padding:0.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--panel-radius);box-shadow:0 4px 12px rgba(0,0,0,0.3);animation:toast-in 0.3s ease}.toast.toast-out{animation:toast-out 0.3s ease forwards}@keyframes toast-in{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-icon{width:18px;height:18px;flex-shrink:0}.toast-success .toast-icon{color:var(--green)}.toast-error .toast-icon{color:var(--red)}.toast-warning .toast-icon{color:var(--yellow)}.toast-info .toast-icon{color:var(--accent)}.toast-content{flex:1}.toast-title{font-size:0.8rem;font-weight:600;color:var(--text);margin-bottom:0.15rem}.toast-message{font-size:0.7rem;color:var(--muted)}.toast-close{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:0.15rem;margin:-0.15rem;line-height:1}.toast-close:hover{color:var(--text)}.page{contain:layout style}.panel{contain:layout}.visor-panel{contain:layout style}.visor-panel,.notification-panel,.command-palette,.visor-observability-panel,.toast{will-change:transform,opacity}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--muted)}.empty-state-icon{width:48px;height:48px;margin-bottom:1rem;opacity:0.5}.empty-state-title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:0.5rem}.empty-state-description{font-size:0.8rem;max-width:300px;margin-bottom:1rem}.empty-state-action{font-size:0.75rem;padding:0.5rem 1rem;background:var(--accent);border:none;border-radius:var(--btn-radius);color:#000;cursor:pointer;font-weight:500}kbd{display:inline-block;padding:0.15rem 0.35rem;font-family:'SF Mono','Fira Code',monospace;font-size:0.65rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:3px;color:var(--muted)}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-4px);padding:0.35rem 0.5rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:0.65rem;color:var(--text);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.15s ease,visibility 0.15s ease;z-index:1000}[data-tooltip]:hover::after,[data-tooltip]:focus::after{opacity:1;visibility:visible}.status-indicator{display:inline-flex;align-items:center;gap:0.35rem}.status-indicator::before{content:'';width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.status-success::before{background:var(--green)}.status-indicator.status-error::before{background:var(--red)}.status-indicator.status-warning::before{background:var(--yellow)}.status-indicator.status-info::before{background:var(--accent)}.status-indicator.status-pending::before{background:var(--muted)}@media print{.nav-sidebar,.visor-panel,.notification-panel,.toast-container,.skip-link{display:none !important}.main-content{margin-left:0 !important}.page{break-inside:avoid}}:root{--bg:#1E1E1E;--surface:#141414;--border:#333;--text:#e0e0e0;--muted:#888;--accent:#4a9eff;--green:#4ade80;--yellow:#fbbf24;--red:#f87171;--purple:#a78bfa;--orange:#fb923c;--cyan:#8be9fd;--primary:#4a9eff;--bg-alt:#252525;--text-xs:0.7rem;--text-sm:0.8rem;--text-base:0.875rem;--text-lg:1rem;--text-xl:1.125rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--input-height-sm:28px;--input-height-md:36px;--input-height-lg:44px;--btn-padding-sm:0.25rem 0.5rem;--btn-padding-md:0.4rem 0.75rem;--btn-padding-lg:0.5rem 1rem;--list-max-height:50vh;--nav-width:250px;--panel-radius:8px;--btn-radius:4px;--transition-fast:0.15s ease;--transition-normal:0.2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;background:var(--bg);color:var(--text);min-height:100vh}input[type="text"],input[type="email"],input[type="search"],input[type="url"],input[type="password"],input[type="number"],textarea,select{width:100%;min-height:var(--input-height-md);padding:var(--space-sm) var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--btn-radius);color:var(--text);font-family:inherit;font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(74,158,255,0.15)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:0.7}textarea{min-height:80px;resize:vertical;line-height:1.5}.input-sm{min-height:var(--input-height-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.input-lg{min-height:var(--input-height-lg);padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.app-wrapper{display:flex;min-height:100vh}.env-banner{position:fixed;top:0;left:0;right:0;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;z-index:120}.env-banner--danger{background:#b91c1c;color:#fff;border-bottom:1px solid #7f1d1d}body.has-env-banner .nav-sidebar{top:24px;height:calc(100vh - 24px)}body.has-env-banner .main-content{padding-top:24px}.nav-sidebar{width:var(--nav-width);background:var(--surface);border-right:1px solid var(--border);padding:1rem 0;display:flex;flex-direction:column;transition:transform 0.2s ease,width 0.2s ease;position:fixed;top:0;left:0;height:100vh;z-index:50}.nav-sidebar.collapsed{transform:translateX(-100%);width:0;overflow:hidden}.nav-header{padding:0.75rem 1rem 1rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.nav-title-row{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--accent)}.logo-menu{display:inline-block;transform:scale(1.25) translateY(-3px);font-weight:900;-webkit-text-stroke:1px var(--accent)}.nav-status{display:flex;align-items:center;gap:0.35rem;font-size:0.65rem;color:var(--muted)}.nav-status.connected{color:var(--green)}.nav-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.nav-version{color:var(--muted);font-size:0.6rem;font-weight:300}.nav-ws{color:var(--muted);font-size:0.6rem;font-weight:300}.nav-ws.connected{color:var(--green)}.nav-links{flex-shrink:0}.claude-chat-bar{flex:1;display:flex;flex-direction:column;margin:0.5rem;background:var(--bg);border-radius:6px;border:1px solid var(--border);min-height:120px;overflow:hidden}.claude-chat-header{display:flex;align-items:center;gap:0.4rem;padding:0.5rem 0.6rem;border-bottom:1px solid var(--border);font-size:0.7rem}.chat-icon{color:var(--purple);font-size:0.9rem}.chat-title{font-weight:500;color:var(--text)}.chat-context{margin-left:auto;font-size:0.6rem;color:var(--muted);background:var(--surface);padding:0.15rem 0.4rem;border-radius:3px}.claude-messages{flex:1;overflow-y:auto;padding:0.5rem;font-size:0.75rem}.claude-welcome{color:var(--muted);font-style:italic;text-align:center;padding:1rem 0.5rem;transition:opacity 0.5s ease-in-out}.claude-msg{padding:0.3rem 0;word-wrap:break-word;white-space:pre-wrap;line-height:1.5;font-size:0.95rem;text-align:left;background:none}.tools-list{display:block;background:none}.tools-list .tool-item{display:block;font-size:0.9rem;padding:0.1rem 0;background:none;text-align:left}.tools-list .tool-desc{color:var(--muted)}.claude-msg.user{color:var(--accent);text-align:right}.claude-msg.assistant{color:var(--text);text-align:left}.claude-msg.streaming::after{content:'...';animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}.agent-selector{display:flex;gap:0.25rem;padding:0.3rem 0.4rem;border-top:1px solid var(--border);background:var(--surface)}.agent-btn{flex:1;padding:0.25rem 0.4rem;font-size:0.6rem;font-weight:500;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--muted);cursor:pointer;transition:all 0.15s ease}.agent-btn:hover{background:var(--bg);color:var(--text)}.agent-btn.active{background:transparent;border-color:var(--accent);color:var(--accent)}.agent-btn[data-agent="codex"].active{background:transparent;border-color:var(--green);color:var(--green)}.agent-btn[data-agent="gemini"].active{background:transparent;border-color:var(--purple);color:var(--purple)}.agent-btn[data-agent="beam"].active{background:transparent;border-color:var(--orange);color:var(--orange)}.agent-btn[data-mode="dryrun"]{border-style:dashed}.agent-btn[data-mode="dryrun"].active{background:transparent;border-color:var(--yellow);color:var(--yellow)}.agent-btn kbd{font-size:0.5rem;padding:0.1rem 0.25rem;margin-left:0.2rem;min-width:auto;opacity:0.7}.agent-badge{display:inline-block;padding:0.1rem 0.3rem;font-size:0.55rem;font-weight:600;border-radius:3px;background:var(--accent);color:#fff;margin-right:0.3rem}.agent-badge.codex{background:var(--green)}.agent-badge.gemini{background:var(--purple)}.agent-badge.beam{background:var(--orange)}.omnibar-area{display:flex;gap:0.3rem;padding:0.4rem;border-top:1px solid var(--border)}.omnibar{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:0.4rem 0.5rem;color:var(--text);font-size:0.7rem;resize:none;font-family:inherit;min-height:28px;max-height:80px}.omnibar:focus{outline:none;border-color:var(--purple)}.omnibar-send{background:var(--purple);color:#fff;border:none;border-radius:4px;width:28px;height:28px;cursor:pointer;font-size:0.7rem;display:flex;align-items:center;justify-content:center}.omnibar-send:hover{opacity:0.9}.omnibar-send:disabled{opacity:0.5;cursor:not-allowed}.nav-footer{padding:1rem;font-size:0.55rem;font-weight:300;color:var(--muted);text-align:center;border-top:1px solid var(--border);line-height:1.4}.nav-account{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0;text-align:left}.nav-account__avatar{width:28px;height:28px;border-radius:50%;background:var(--border);background-size:cover;background-position:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:600;color:var(--fg)}.nav-account__info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.nav-account__name{font-size:0.75rem;font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-account__email{font-size:0.6rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-account__actions{padding:0.25rem 0 0.5rem}.nav-link--admin{color:var(--accent) !important;font-weight:500;margin-bottom:0.5rem}.nav-link{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;color:var(--muted);text-decoration:none;font-size:0.85rem;transition:all 0.15s;cursor:pointer}.nav-link:hover{background:var(--bg);color:var(--text)}.nav-link.active{background:var(--bg);color:var(--accent);border-left:2px solid var(--accent)}.nav-link.kb-selected{background:var(--accent) !important;color:#fff !important;border-left:2px solid var(--accent);outline:none}.nav-link.kb-selected::before{display:none}.nav-link::after{content:attr(data-key);position:absolute;right:0.75rem;font-size:0.7rem;color:var(--muted);font-family:'SF Mono',monospace;opacity:0.6}.nav-link.kb-selected::after{color:rgba(255,255,255,0.8);opacity:0.8}.nav-link.active::after{color:var(--accent)}.main-content{flex:1;margin-left:var(--nav-width);transition:margin-left 0.2s ease}.main-content.nav-collapsed{margin-left:0}header{background:var(--surface);border-bottom:1px solid var(--border);padding:0.5rem 1rem 0.5rem 0;display:flex;justify-content:space-between;align-items:stretch;gap:1rem;position:sticky;top:0;z-index:40;min-height:48px}.header-left{display:flex;align-items:stretch}.sidebar-toggle-tab{position:fixed;left:0;top:50%;transform:translateY(-50%) translateX(-100%);z-index:100;background:var(--surface);border:1px solid var(--border);border-left:none;border-radius:0 6px 6px 0;padding:1.25rem 0.25rem;cursor:pointer;opacity:0;transition:transform 0.2s ease,opacity 0.2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle-tab.visible{transform:translateY(-50%) translateX(0);opacity:1}.sidebar-toggle-tab:hover{background:var(--bg-hover);border-color:var(--accent)}.toggle-tab-icon{color:var(--muted);font-size:1.25rem;line-height:1;transition:color 0.15s}.sidebar-toggle-tab:hover .toggle-tab-icon{color:var(--accent)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);transition:background 0.3s}.status-dot.connected{background:var(--green);animation:pulse 2s infinite}.status-dot.disconnected{background:var(--red)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.header-stats{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--muted);padding-right:var(--space-sm)}.header-stat{display:none;white-space:nowrap;padding:var(--space-xs) var(--space-sm);border-radius:var(--btn-radius);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.header-stat:hover{background:var(--surface);border-color:var(--border)}.header-stat.visible{display:flex;align-items:center;gap:var(--space-xs)}.header-stat.clickable{cursor:pointer}.stat-icon{font-size:var(--text-xs);opacity:0.8}.stat-num{font-weight:600;color:var(--accent)}.stat-num.pending{color:var(--orange)}.stat-num.running{color:var(--green)}.stat-num.error{color:var(--red)}.stat-label{color:var(--muted);font-size:var(--text-xs)}.page{display:none;padding:1rem}.page.active{display:flex;overflow-y:auto}.panel-full{grid-column:span 2}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border)}.panel-header-left{display:flex;align-items:center;gap:0.75rem}.search-filter-bar{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:1rem;padding:0.75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px}.search-box{flex:1;min-width:200px;position:relative}.search-box input{width:100%;padding-left:2rem}.search-box .search-icon{position:absolute;left:0.6rem;top:50%;transform:translateY(-50%);font-size:0.8rem;opacity:0.5}.filter-group{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center}.filter-group select{min-width:120px;max-width:160px;padding:0.4rem 0.6rem;font-size:var(--text-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--btn-radius);color:var(--text);cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--accent)}.search-highlight{background:rgba(74,158,255,0.3);border-radius:2px;padding:0 2px}.filter-results{font-size:var(--text-sm);color:var(--muted);margin-left:0.5rem}.panel-header-stacked{flex-direction:column;align-items:flex-start;gap:0.5rem}.panel-title{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;font-weight:500;color:var(--muted)}.btn{padding:var(--btn-padding-md);min-height:var(--input-height-sm);background:transparent;border:1px solid var(--border);border-radius:var(--btn-radius);font-size:var(--text-sm);font-weight:500;color:var(--text);cursor:pointer;font-family:inherit;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}.btn:hover{color:var(--accent);border-color:var(--accent);background:rgba(74,158,255,0.1)}.btn:focus{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn-sm{padding:var(--btn-padding-sm);min-height:24px;font-size:var(--text-xs)}.btn-lg{padding:var(--btn-padding-lg);min-height:var(--input-height-md);font-size:var(--text-base)}.btn-primary{background:transparent;border-color:var(--accent);color:var(--accent)}.btn-primary:hover{background:rgba(74,158,255,0.15)}.btn-approve:hover{color:var(--green);border-color:var(--green);background:rgba(74,222,128,0.1)}.btn-reject:hover,.btn-danger:hover{color:var(--red);border-color:var(--red);background:rgba(248,113,113,0.1)}.btn-delete{padding:var(--btn-padding-sm);min-height:24px;background:transparent;border:1px solid var(--border);color:var(--muted);font-size:var(--text-sm);opacity:0.7}.btn-delete:hover{color:var(--red);border-color:var(--red);opacity:1}.filter-btn,.tab-btn{background:transparent;border:1px solid var(--border);color:var(--muted);padding:var(--btn-padding-sm);border-radius:var(--btn-radius);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover,.tab-btn:hover{color:var(--text);border-color:var(--text)}.filter-btn.active,.tab-btn.active{color:var(--accent);border-color:var(--accent);background:rgba(74,158,255,0.1)}.event-list,.approval-list,.instance-list,.action-list{max-height:var(--list-max-height);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.event-list::-webkit-scrollbar,.approval-list::-webkit-scrollbar,.instance-list::-webkit-scrollbar,.action-list::-webkit-scrollbar{width:6px}.event-list::-webkit-scrollbar-thumb,.approval-list::-webkit-scrollbar-thumb,.instance-list::-webkit-scrollbar-thumb,.action-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.filter-bar{display:flex;gap:var(--space-xs);flex-wrap:wrap;align-items:center}.filter-dropdown{position:relative}.filter-dropdown-trigger::after{margin-left:var(--space-xs)}.filter-dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:var(--space-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--btn-radius);min-width:140px;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.filter-dropdown.open .filter-dropdown-menu{display:block}.filter-dropdown-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text);font-size:var(--text-xs);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.filter-dropdown-item:hover{background:var(--bg)}.filter-dropdown-item:first-child{border-radius:var(--btn-radius) var(--btn-radius) 0 0}.filter-dropdown-item:last-child{border-radius:0 0 var(--btn-radius) var(--btn-radius)}.filter-dropdown-item.active{color:var(--accent);background:rgba(74,158,255,0.1)}.btn-sm{padding:0.25rem 0.5rem;font-size:0.7rem}.status-badge{padding:0.2rem 0.5rem;border-radius:4px;font-size:0.65rem;text-transform:uppercase;background:transparent;border:1px solid var(--border);color:var(--muted)}.status-badge.running{color:var(--green);border-color:var(--green)}.status-badge.awaiting_approval{color:var(--orange);border-color:var(--orange)}.status-badge.completed{color:var(--muted)}.status-badge.failed{color:var(--red);border-color:var(--red)}.status-badge.paused{color:var(--yellow);border-color:var(--yellow)}.action-card{padding:0.75rem;border-bottom:1px solid var(--border)}.action-card:last-child{border-bottom:none}.action-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.action-name{color:var(--text);font-weight:600;font-size:0.85rem}.action-desc{color:var(--muted);font-size:0.75rem;margin-top:0.25rem}.action-spec-inline{display:flex;flex-wrap:wrap;gap:1rem;font-size:0.7rem;color:var(--muted);margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--border)}.action-controls{display:flex;gap:0.5rem;align-items:center}.action-search{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:0.35rem 0.5rem;border-radius:4px;font-family:inherit;font-size:0.75rem;width:300px}.action-search:focus{outline:none;border-color:var(--accent)}.slide-panel-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:100}.slide-panel-overlay.active{display:block}.slide-panel{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:90vw;background:var(--surface);border-left:1px solid var(--border);transform:translateX(100%);transition:transform var(--transition-normal);z-index:101;display:flex;flex-direction:column;overflow:hidden}.slide-panel-overlay.active .slide-panel{transform:translateX(0)}.slide-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);flex-shrink:0}.slide-panel-title{font-size:var(--text-lg);font-weight:600;color:var(--accent)}.slide-panel-close{background:transparent;border:none;color:var(--muted);font-size:var(--text-xl);cursor:pointer;padding:var(--space-xs);line-height:1;transition:color var(--transition-fast)}.slide-panel-close:hover{color:var(--text)}.slide-panel-body{flex:1;overflow-y:auto;padding:var(--space-lg)}.slide-panel-footer{display:flex;gap:var(--space-sm);justify-content:flex-end;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border);flex-shrink:0}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:100;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--panel-radius);padding:var(--space-xl);min-width:400px;max-width:500px}.modal-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--accent)}.modal-input{margin-bottom:var(--space-lg)}.modal-buttons{display:flex;gap:0.5rem;justify-content:flex-end}.run-modal{max-width:550px}.param-group{margin-bottom:1rem}.param-label{font-size:0.75rem;color:var(--muted);margin-bottom:0.25rem}.param-input{}textarea.param-input{min-height:100px}.result-block{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:0.75rem;margin-top:1rem;font-size:0.8rem}.result-block.success{border-color:var(--green)}.result-block.error{border-color:var(--red)}.empty-state{text-align:center;padding:var(--space-xl);color:var(--muted)}.empty-state-large{padding:3rem var(--space-xl)}.empty-state-icon{font-size:2rem;margin-bottom:var(--space-sm);opacity:0.5}.empty-state-large .empty-state-icon{font-size:3rem}.empty-state-text{font-size:var(--text-base);color:var(--text);margin-bottom:var(--space-xs)}.empty-state-large .empty-state-text{font-size:var(--text-lg);font-weight:500}.empty-state-hint{font-size:var(--text-xs);color:var(--muted)}.empty-state-hint code{background:var(--bg);padding:0.15rem 0.4rem;border-radius:3px;font-size:var(--text-xs)}.empty-state-action{margin-top:var(--space-md);font-size:var(--text-xs);color:var(--muted)}.empty-state-action code{background:var(--bg);padding:0.15rem 0.4rem;border-radius:3px}.global-notification{position:fixed;top:1rem;right:1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:0.75rem 1rem;display:flex;align-items:center;gap:0.5rem;z-index:10000;box-shadow:0 4px 12px rgba(0,0,0,0.3);animation:slideIn 0.3s ease}.global-notification.error{border-color:var(--red)}.global-notification.success{border-color:var(--green)}.global-notification .notification-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.global-notification .notification-icon svg{width:16px;height:16px}.global-notification.error .notification-icon svg{color:var(--red)}.global-notification.success .notification-icon svg{color:var(--green)}.global-notification .notification-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--muted);cursor:pointer;padding:0 0.25rem}.global-notification .notification-close svg{width:14px;height:14px}.global-notification .notification-close:hover{color:var(--text)}.global-notification .notification-message{flex:1}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}code{background:var(--bg);padding:0.1rem 0.3rem;border-radius:3px}.planning-page{max-width:700px;margin:0 auto;padding:var(--space-lg)}.planning-simple .planning-header{margin-bottom:var(--space-xl)}.planning-title{font-size:var(--text-xl);font-weight:600;color:var(--accent)}.planning-content{display:flex;flex-direction:column;gap:var(--space-xl)}.planning-summary{display:flex;gap:var(--space-lg);padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--panel-radius);font-size:var(--text-sm)}.summary-complete{color:var(--green);font-weight:500}.summary-tools,.summary-workflows{color:var(--muted)}.summary-sep{color:var(--border)}.summary-ready{color:var(--green)}.summary-needs-work{color:#FFC107}.summary-error{color:var(--red)}.phase-list{display:flex;flex-direction:column;gap:var(--space-lg)}.phase-group{display:flex;flex-direction:column;gap:var(--space-xs)}.phase-group-header{font-size:var(--text-xs);font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-xs)}.phase-row{display:flex;gap:var(--space-sm);font-size:var(--text-sm);color:var(--muted);padding:var(--space-xs) 0}.phase-row.done{color:var(--text)}.phase-row.done .phase-num{color:var(--green)}.phase-row.current{color:var(--accent)}.phase-num{font-weight:600;min-width:2.5rem;color:var(--muted)}.phase-status{margin-left:auto;font-size:0.7rem;font-weight:600;padding:0.15rem 0.5rem;border-radius:3px}.phase-status.complete{background:var(--green);color:#000}.phase-status.in-progress{background:#FFC107;color:#000}.phase-status.pending{background:var(--surface);color:var(--muted);border:1px solid var(--border)}.phase-group-header.current-phase{color:#FFC107}.phase-row.current .phase-num{color:#FFC107}.phase-row.pending{color:var(--muted);opacity:0.7}.planning-note{padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--panel-radius)}.note-title{font-size:var(--text-xs);font-weight:500;color:var(--muted);text-transform:uppercase;margin-bottom:var(--space-sm)}.note-content{font-size:var(--text-sm);color:var(--text);line-height:1.5}.note-content code{background:var(--bg);padding:0.1rem 0.3rem;border-radius:3px;font-size:var(--text-xs)}.phase-tag{font-size:var(--text-xs);padding:0.15rem 0.4rem;border-radius:3px;background:transparent;border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:0.05em}.phase-tag.priority{color:var(--orange);border-color:var(--orange)}.phase-tag.deferred{color:var(--muted);border-color:var(--border)}.arch-note{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;font-size:0.85rem;line-height:1.6}.arch-note p{margin-bottom:0.75rem}.arch-note p:last-child{margin-bottom:0}.arch-note ul{margin:0.75rem 0;padding-left:1.5rem}.arch-note li{margin-bottom:0.35rem;color:var(--muted)}.arch-note code{background:var(--bg);padding:0.1rem 0.3rem;border-radius:3px;color:var(--accent);font-size:0.8rem}.arch-benefit{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--text)}.form-group{margin-bottom:var(--space-lg)}.form-group-half{flex:1}.form-row{display:flex;gap:var(--space-md)}.form-label{display:block;font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-xs)}.form-input{width:100%;min-height:var(--input-height-md);padding:var(--space-sm) var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--btn-radius);color:var(--text);font-family:inherit;font-size:var(--text-sm)}.form-input:focus{outline:none;border-color:var(--accent)}textarea.form-input{min-height:80px;resize:vertical}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{opacity:0.9}@media (max-width:768px){.bottom-visor{height:90vh;border-radius:16px 16px 0 0}.visor-header{padding:0.75rem;flex-wrap:wrap;gap:0.5rem}.visor-title{font-size:0.95rem}.visor-hint{display:none}.agent-btn kbd{display:none}.visor-close{width:44px;height:44px;font-size:1.75rem;display:flex;align-items:center;justify-content:center}.visor-controls{gap:0.5rem}.agent-selector{display:flex;gap:0.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:0.25rem}.agent-btn{flex-shrink:0;min-height:44px;padding:0.5rem 0.75rem;font-size:0.8rem}.visor-modes{flex-wrap:wrap;gap:0.35rem}.visor-mode-btn{min-height:44px;padding:0.5rem 0.75rem;font-size:0.8rem}.visor-content{padding:0.75rem}.omnibar-area{padding:0.75rem;gap:0.5rem}.omnibar-area .omnibar{font-size:16px;min-height:48px;padding:0.75rem}.omnibar-area .omnibar-send{min-width:48px;min-height:48px;padding:0 0.75rem}.claude-message{max-width:95%;padding:0.75rem;font-size:0.9rem}.claude-message.user{margin-left:auto}.claude-message.assistant{margin-right:auto}}@media (max-width:480px){.bottom-visor{height:95vh;border-radius:12px 12px 0 0}.visor-header{padding:0.5rem}.agent-selector{width:100%;justify-content:flex-start}.omnibar-area .omnibar{min-height:52px}.omnibar-area .omnibar-send{min-width:52px;min-height:52px}}#page-projects.active{display:flex;flex-direction:column;height:calc(100vh - 53px)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:0.25rem}.hamburger-icon{display:block;position:relative;width:22px;height:2px;background:var(--text);border-radius:2px;transition:background 0.2s ease}.hamburger-icon::before,.hamburger-icon::after{content:'';position:absolute;left:0;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform 0.2s ease,top 0.2s ease}.hamburger-icon::before{top:-7px}.hamburger-icon::after{top:7px}.mobile-menu-btn[aria-expanded="true"] .hamburger-icon{background:transparent}.mobile-menu-btn[aria-expanded="true"] .hamburger-icon::before{top:0;transform:rotate(45deg)}.mobile-menu-btn[aria-expanded="true"] .hamburger-icon::after{top:0;transform:rotate(-45deg)}.visor-toggle-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:0.5rem}.visor-toggle-icon{font-size:1.25rem;color:var(--muted);transition:color 0.15s ease}.visor-toggle-btn:hover .visor-toggle-icon,.visor-toggle-btn:active .visor-toggle-icon{color:var(--accent)}.visor-toggle-btn.active .visor-toggle-icon{color:var(--accent)}.nav-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:45;opacity:0;transition:opacity 0.2s ease}.nav-backdrop.visible{display:block;opacity:1}@media (max-width:768px){.mobile-menu-btn{display:flex}.visor-toggle-btn{display:flex}.nav-sidebar{transform:translateX(-100%);width:280px;max-width:85vw;box-shadow:2px 0 10px rgba(0,0,0,0.3)}.nav-sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.nav-link{padding:1rem 1.25rem;font-size:1rem;min-height:48px}.nav-link.active{border-left-width:3px}.nav-header{padding:1rem 1.25rem 1.25rem}.nav-logo{font-size:1.75rem}.nav-footer{padding:1.25rem;font-size:0.7rem}.nav-footer .btn{min-height:44px;font-size:0.85rem}.sidebar-toggle-tab{display:none !important}.panel-full{grid-column:span 1}header{padding:0.25rem 0.5rem;flex-wrap:wrap;min-height:52px}.header-left{flex:0 0 auto}.header-stats{display:none}.filter-bar{justify-content:center}.category-group{margin-bottom:0.5rem}.category-header{padding:0.75rem 1rem;min-height:48px}.category-items{padding:0.25rem}.planning-page{padding:0.5rem}.planning-title{font-size:1.25rem}.phase-item{padding-left:1rem;margin-left:0.5rem}.phase-marker{left:-0.75rem;width:1.5rem;height:1.5rem;font-size:0.65rem}.email-layout{flex-direction:column}.email-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);max-height:200px;overflow-y:auto}.email-accounts{display:flex;gap:0.5rem;flex-wrap:wrap}.email-folders{display:flex;gap:0.5rem;flex-wrap:wrap}.folder-item{flex:0 0 auto;min-height:44px;padding:0.6rem 0.75rem}.modal{min-width:auto;width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);margin:1rem;padding:var(--space-lg)}.detail-modal,.run-modal{max-width:calc(100vw - 2rem);max-height:85vh}.modal-buttons{flex-direction:column;gap:0.75rem}.modal-buttons .btn{width:100%;min-height:44px}.slide-panel{width:100vw;max-width:100vw}.slide-panel-header{padding:var(--space-md)}.slide-panel-body{padding:var(--space-md)}.slide-panel-footer{padding:var(--space-md);flex-direction:column;gap:0.75rem}.slide-panel-footer .btn{width:100%;min-height:44px}.slide-panel-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.btn{min-height:44px;padding:0.6rem 1rem}.btn-sm{min-height:44px;padding:0.5rem 0.75rem;font-size:var(--text-sm)}.btn-delete{min-height:44px}.filter-btn,.tab-btn{min-height:44px;padding:0.5rem 0.75rem;font-size:var(--text-sm)}.action-search{width:100%;max-width:none;min-height:44px;font-size:var(--text-sm)}.workflow-select{min-width:auto;width:100%;min-height:44px;font-size:var(--text-sm)}.action-controls{flex-wrap:wrap;width:100%}.panel-header{flex-wrap:wrap;gap:0.5rem}.panel-actions{width:100%;justify-content:flex-start}.panel-actions .btn{flex:1;min-width:0}.modal-overlay .modal{position:relative}.account-item{min-height:48px;padding:0.75rem}}@media (max-width:480px){.nav-sidebar{width:100vw;max-width:100vw}.nav-link{padding:1.1rem 1.25rem}header{padding:0.25rem}.mobile-menu-btn{width:48px;height:48px}.modal{width:100vw;max-width:100vw;min-height:100vh;margin:0;border-radius:0;display:flex;flex-direction:column}.modal-overlay{padding:0}.detail-modal,.run-modal{max-height:100vh}.slide-panel-body{padding:var(--space-sm)}.panel-actions{flex-direction:column}.panel-actions .btn{width:100%}.panel{padding:var(--space-sm)}.panel-header{padding-bottom:var(--space-sm);margin-bottom:var(--space-sm)}.btn{min-height:48px;font-size:var(--text-base)}input[type="text"],input[type="email"],input[type="search"],input[type="url"],input[type="password"],input[type="number"],textarea,select{min-height:48px;font-size:16px}}.category-group{margin-bottom:0.75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.category-header{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.25rem;background:var(--bg);cursor:pointer;user-select:none;transition:background var(--transition-fast);border-radius:8px}.category-group:not(.collapsed) .category-header{border-radius:8px 8px 0 0;border-bottom:1px solid var(--border)}.category-header:hover{background:color-mix(in srgb,var(--bg) 70%,var(--accent) 30%)}.category-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.category-icon svg{width:16px;height:16px;color:var(--accent)}.category-name{font-weight:600;color:var(--text);flex:1}.category-count{font-size:0.75rem;padding:0.2rem 0.5rem;background:var(--bg);color:var(--muted);border-radius:10px;min-width:24px;text-align:center}.category-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:color var(--transition-fast)}.category-toggle svg{width:14px;height:14px;color:var(--accent);transition:color var(--transition-fast)}.category-header:hover .category-toggle svg{color:var(--text)}.category-items{display:flex;flex-direction:column;padding:0.5rem;gap:0.25rem}.category-group.collapsed .category-items{display:none}.category-items .tool-item{border-radius:6px;margin:0;background:var(--bg)}.category-items .tool-item:hover{background:color-mix(in srgb,var(--bg) 50%,var(--surface) 50%)}.btn-small{padding:0.35rem 0.75rem;font-size:0.8rem}.btn-run{background:transparent;color:var(--green);border-color:var(--green)}.btn-run:hover{background:rgba(74,222,128,0.15)}.edit-field{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem}.edit-label{font-size:0.85rem;font-weight:500;color:var(--muted)}.edit-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:0.75rem;color:var(--text);font-size:0.9rem}.edit-input:focus{outline:none;border-color:var(--accent)}.edit-textarea{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:0.75rem;color:var(--text);font-family:inherit;font-size:0.9rem;resize:vertical;min-height:100px}.edit-textarea.code{font-family:'Monaco','Menlo',monospace;font-size:0.8rem}.edit-textarea:focus{outline:none;border-color:var(--accent)}.panel-actions{display:flex;gap:0.5rem;align-items:center}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border)}.modal-subtitle{font-size:0.85rem;color:var(--muted);margin-top:0.25rem}.field-hint{display:block;font-size:0.75rem;color:var(--muted);margin-top:0.35rem}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--surface)}.footer-left,.footer-right{display:flex;gap:0.5rem}@scope (beam-system){.ralph-wiggum-modal{max-width:700px;max-height:90vh;overflow-y:auto}.ralph-wiggum-modal .modal-header{border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1.5rem}.ralph-wiggum-modal .modal-subtitle{font-size:0.85rem;color:var(--muted);margin-top:0.25rem}.ralph-info-banner{background:linear-gradient(135deg,rgba(74,222,128,0.1),rgba(74,158,255,0.1));border:1px solid rgba(74,222,128,0.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.ralph-info-banner p{font-size:0.85rem;color:var(--text);line-height:1.5;margin:0}.ralph-info-banner strong{color:var(--green)}.ralph-section{margin-bottom:1.5rem}.ralph-section-title{font-size:0.9rem;font-weight:600;color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.ralph-field{margin-bottom:1rem}.ralph-field label{display:block;font-size:0.8rem;font-weight:500;color:var(--muted);margin-bottom:0.35rem}.ralph-field input,.ralph-field textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:0.6rem 0.75rem;color:var(--text);font-family:inherit;font-size:0.85rem}.ralph-field input:focus,.ralph-field textarea:focus{outline:none;border-color:var(--accent)}.ralph-field textarea{min-height:80px;resize:vertical}.ralph-criteria-list{display:flex;flex-direction:column;gap:0.5rem}.ralph-criterion-row{display:flex;gap:0.5rem;align-items:center}.ralph-criterion-row input{flex:1}.ralph-criterion-row .btn{padding:0.4rem 0.6rem;font-size:0.75rem}.ralph-add-criterion{margin-top:0.5rem}.ralph-advanced-toggle{display:flex;align-items:center;gap:0.5rem;cursor:pointer;color:var(--muted);font-size:0.85rem;margin-bottom:1rem;user-select:none}.ralph-advanced-toggle:hover{color:var(--accent)}.ralph-advanced-toggle .toggle-icon{transition:transform 0.2s}.ralph-advanced-toggle.expanded .toggle-icon{transform:rotate(90deg)}.ralph-advanced-content{display:none;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem}.ralph-advanced-content.show{display:block}.ralph-budget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.ralph-budget-item{display:flex;flex-direction:column;gap:0.25rem}.ralph-budget-item label{font-size:0.75rem;color:var(--muted)}.ralph-budget-item input{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:0.4rem 0.5rem;color:var(--text);font-family:inherit;font-size:0.8rem;width:100%}.ralph-budget-item input:focus{outline:none;border-color:var(--accent)}.ralph-checkbox-row{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem}.ralph-checkbox-row input[type="checkbox"]{width:auto}.ralph-checkbox-row label{font-size:0.85rem;color:var(--text);margin:0}.ralph-stages-preview{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem}.ralph-stages-preview h4{font-size:0.85rem;font-weight:600;color:var(--text);margin-bottom:1rem}.ralph-stages-flow{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center}.ralph-stage{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:0.35rem 0.6rem;font-size:0.7rem;font-weight:500;color:var(--muted)}.ralph-stage.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.ralph-stage-arrow{color:var(--muted);font-size:0.75rem}.ralph-wiggum-modal .modal-footer{display:flex;justify-content:flex-end;gap:0.75rem;padding-top:1rem;border-top:1px solid var(--border);margin-top:1.5rem}}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:var(--bg);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:600;z-index:10001;transition:top var(--transition-fast)}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kb-selected{outline:2px solid var(--accent) !important;outline-offset:-2px;background:rgba(74,158,255,0.1) !important}.nav-link:focus,.filter-btn:focus,.agent-btn:focus{outline:2px solid var(--accent);outline-offset:2px}[tabindex="0"]:focus{outline:2px solid var(--accent);outline-offset:2px}kbd{display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:0.15rem 0.5rem;font-family:'SF Mono','Monaco','Inconsolata','Fira Code',monospace;font-size:var(--text-xs);color:var(--text);line-height:1.4;box-shadow:0 1px 2px rgba(0,0,0,0.2);min-width:1.5rem;text-align:center}.shortcuts-modal{max-width:700px}.shortcuts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}@media (max-width:700px){.shortcuts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:450px){.shortcuts-grid{grid-template-columns:1fr}}.shortcut-section{display:flex;flex-direction:column;gap:var(--space-xs)}.shortcut-section-title{font-size:var(--text-xs);font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-sm)}.shortcut-row{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text)}.shortcut-row kbd{margin-right:var(--space-xs)}.shortcut-hint{font-size:var(--text-xs);color:var(--muted);font-style:italic;margin-top:var(--space-xs)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.filter-select{padding:4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--btn-radius);color:var(--text);font-size:var(--text-sm)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:1000}#calendar-quick-modal{display:none}#calendar-quick-modal.active{display:flex}.calendar-quick-modal-content{width:min(900px,96vw);max-width:900px}.calendar-quick-preview{margin-top:12px;color:var(--muted);font-size:0.9rem;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:220px;overflow:auto;padding-right:4px}.modal-content{background:var(--bg);border:1px solid var(--border);border-radius:var(--panel-radius);padding:var(--space-lg);min-width:400px;max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-title{font-size:var(--text-lg);font-weight:600}.modal-close{background:none;border:none;color:var(--muted);font-size:var(--text-xl);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-xs)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--btn-radius);color:var(--text);font-size:var(--text-base)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);outline:none}.form-row{display:flex;gap:var(--space-md)}.form-row .form-group{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--border);color:var(--text)}.btn-primary:hover{background:#3a8ee8}.btn-secondary:hover{background:#444}.vim-mode-indicator{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);font-family:'SF Mono','Monaco','Inconsolata','Fira Code',monospace;font-size:var(--text-sm);font-weight:600;opacity:0;pointer-events:none;transition:opacity 0.15s ease,transform 0.15s ease;z-index:9999;box-shadow:var(--shadow-lg)}.vim-mode-indicator.active{opacity:1;transform:translateX(-50%) translateY(0)}.mode-label{padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:0.05em}.mode-label.mode-normal{background:var(--bg);color:var(--muted)}.mode-label.mode-insert{background:var(--green);color:var(--bg)}.mode-label.mode-command{background:var(--accent);color:var(--bg)}.mode-label.mode-search{background:var(--yellow);color:var(--bg)}.mode-label.mode-visual{background:var(--purple);color:var(--bg)}.mode-count{color:var(--accent);font-weight:700;min-width:1.5rem;text-align:center}.vim-command-line{position:fixed;bottom:0;left:0;right:0;display:none;align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-sm) var(--space-md);font-family:'SF Mono','Monaco','Inconsolata','Fira Code',monospace;font-size:var(--text-base);z-index:10000}.vim-command-line.active{display:flex}.cmd-prefix{color:var(--accent);font-weight:700;margin-right:var(--space-xs);font-size:1.1em}.cmd-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;font-size:inherit;caret-color:var(--accent)}.cmd-input::placeholder{color:var(--muted)}.cmd-suggestions{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border);border-bottom:none;max-height:200px;overflow-y:auto}.cmd-suggestion{padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:var(--text-sm)}.cmd-suggestion:hover,.cmd-suggestion.selected{background:var(--bg-hover)}.search-highlight{position:relative}.search-highlight::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid var(--yellow);border-radius:var(--radius);pointer-events:none;animation:search-pulse 1s ease-in-out}@keyframes search-pulse{0%{box-shadow:0 0 0 0 rgba(255,193,7,0.5)}70%{box-shadow:0 0 0 8px rgba(255,193,7,0)}100%{box-shadow:0 0 0 0 rgba(255,193,7,0)}}.kb-selected{outline:2px solid var(--accent) !important;outline-offset:-2px;background:rgba(74,158,255,0.15) !important;position:relative}.kb-selected::before{content:'>';position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);color:var(--accent);font-weight:700;font-family:'SF Mono',monospace}.approval-item,.instance-item,.event-item,.workflow-item,.skill-item,.tool-item,.message-item,.reminder-item,.workitem-item,.project-item,.project-card,.inbox-item,.workitem-card,.chat-item,.claude-msg,.wiki-item,.wiki-node,.wiki-result,.email-row,.list-item,.log-entry,.obs-event,.step-section,.toolchain-step,.wm-timeline-item,.context-history-item,.command-item,.tool-result-item,.dropdown-item,.suggestion-item,.autocomplete-item,.modal-item,.selectable-item,[role="option"],[role="menuitem"],[role="listitem"],[data-navigable-item]{position:relative}.kb-selected,[role="option"].kb-selected,[role="menuitem"].kb-selected{outline:2px solid var(--accent) !important;outline-offset:-2px;background:rgba(74,158,255,0.15) !important;z-index:1}.command-item.kb-selected,.tool-result-item.kb-selected{background:var(--accent) !important;color:var(--bg) !important}.dropdown-item.kb-selected{background:var(--hover) !important}.claude-msg.kb-selected{border-left:3px solid var(--accent) !important;outline:none !important}.log-entry.kb-selected{background:rgba(74,158,255,0.1) !important;border-left:3px solid var(--accent)}.vim-command-line.active~#bottom-visor{transform:translateY(100%)}[data-vim-key]::after{content:' [' attr(data-vim-key) ']';color:var(--muted);font-size:0.8em;font-family:'SF Mono',monospace}@scope (beam-visor){.visor-pipeline-view{display:none;flex-direction:column;gap:var(--space-md);padding:var(--space-md);overflow-y:auto;max-height:100%}.bottom-visor[data-mode="agent-orchestration"] .visor-pipeline-view{display:flex}.bottom-visor[data-mode="agent-orchestration"] .claude-messages{display:none}.pipeline-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--surface);border-radius:var(--btn-radius);border:1px solid var(--border)}.pipeline-info{display:flex;align-items:center;gap:var(--space-md)}.pipeline-name{font-weight:600;font-size:var(--text-base);color:var(--text)}.pipeline-status{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--btn-radius);background:rgba(255,255,255,0.05)}.pipeline-status svg{width:14px;height:14px}.pipeline-status-pending{color:var(--muted)}.pipeline-status-running{color:var(--accent)}.pipeline-status-paused{color:var(--yellow)}.pipeline-status-completed{color:var(--green)}.pipeline-status-failed{color:var(--red)}.pipeline-status-awaiting_approval{color:var(--orange)}.pipeline-actions{display:flex;gap:var(--space-sm)}.pipeline-actions .btn-text{color:var(--muted);background:transparent;border:none}.pipeline-actions .btn-text:hover{color:var(--text)}.pipeline-stages{display:flex;flex-direction:column;gap:0}.pipeline-stage{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--btn-radius);margin-bottom:-1px;transition:all var(--transition-fast)}.pipeline-stage:first-child{border-radius:var(--btn-radius) var(--btn-radius) 0 0}.pipeline-stage:last-child{border-radius:0 0 var(--btn-radius) var(--btn-radius);margin-bottom:0}.pipeline-stage:only-child{border-radius:var(--btn-radius)}.pipeline-stage.current{background:rgba(74,158,255,0.1);border-color:var(--accent)}.pipeline-stage.completed{opacity:0.7}.pipeline-stage.failed{background:rgba(248,113,113,0.1);border-color:var(--red)}.pipeline-stage.awaiting_approval{background:rgba(251,146,60,0.1);border-color:var(--orange)}.stage-indicator{display:flex;flex-direction:column;align-items:center;width:32px;flex-shrink:0}.stage-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--border);border-radius:50%;font-size:var(--text-sm);font-weight:600;color:var(--muted)}.pipeline-stage.current .stage-number{background:var(--accent);color:white}.pipeline-stage.completed .stage-number{background:var(--green);color:white}.pipeline-stage.failed .stage-number{background:var(--red);color:white}.pipeline-stage.awaiting_approval .stage-number{background:var(--orange);color:white}.stage-line{flex:1;width:2px;background:var(--border);margin-top:var(--space-xs)}.pipeline-stage:last-child .stage-line{display:none}.stage-content{flex:1;min-width:0}.stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.stage-agent{font-weight:600;font-size:var(--text-sm)}.stage-status{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs)}.stage-status svg{width:12px;height:12px}.stage-task{font-size:var(--text-sm);color:var(--muted);line-height:1.4}.stage-output{margin-top:var(--space-sm);padding:var(--space-sm);background:rgba(0,0,0,0.3);border-radius:var(--btn-radius);font-family:'SF Mono',monospace;font-size:var(--text-xs);color:var(--muted);white-space:pre-wrap;max-height:100px;overflow-y:auto}.stage-approval-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border)}.pipeline-instruction-input{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--btn-radius)}.pipeline-instruction-input input{flex:1;min-height:auto;height:var(--input-height-sm);padding:var(--space-xs) var(--space-sm)}.pipeline-template-selector{display:flex;flex-direction:column;gap:var(--space-lg)}.template-selector-header{text-align:center}.template-selector-header h3{font-size:var(--text-lg);font-weight:600;color:var(--text);margin-bottom:var(--space-xs)}.template-selector-header p{font-size:var(--text-sm);color:var(--muted)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.template-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--panel-radius);cursor:pointer;transition:all var(--transition-fast);text-align:left}.template-card:hover{border-color:var(--accent);background:rgba(74,158,255,0.05)}.template-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.template-icon svg{width:24px;height:24px}.template-name{font-weight:600;font-size:var(--text-base);color:var(--text)}.template-desc{font-size:var(--text-sm);color:var(--muted);line-height:1.4}.template-stages{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);margin-top:var(--space-xs)}.template-agent{font-weight:500}@keyframes pipeline-pulse{0%,100%{opacity:1}50%{opacity:0.6}}.pipeline-stage.current .stage-number{animation:pipeline-pulse 1.5s ease-in-out infinite}@media (max-width:600px){.template-grid{grid-template-columns:1fr}.pipeline-header{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.pipeline-actions{width:100%;justify-content:flex-end}}.log-entry{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-family:'SF Mono',monospace;font-size:var(--text-xs);border-bottom:1px solid rgba(255,255,255,0.05)}.log-entry:hover{background:rgba(255,255,255,0.03)}.log-time{color:var(--muted);flex-shrink:0;min-width:70px}.log-level{font-weight:600;flex-shrink:0;min-width:50px;text-transform:uppercase}.log-info .log-level{color:var(--accent)}.log-debug .log-level{color:var(--muted)}.log-warn .log-level{color:var(--yellow)}.log-error .log-level{color:var(--red)}.log-message{color:var(--text);flex:1;word-break:break-word}}.notification-btn{position:relative;width:36px;height:36px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.notification-btn:hover{background:var(--bg);color:var(--text);border-color:var(--accent)}.notification-btn.has-notifications{color:var(--accent)}.notification-icon{font-size:1rem}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--red);color:white;font-size:0.65rem;font-weight:700;border-radius:9px;display:none;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.notification-badge.visible{display:flex}.notification-badge.pulse{animation:badge-pulse 1.5s ease-in-out infinite}@keyframes badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.notification-panel-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:999}.notification-panel-overlay.active{opacity:1;visibility:visible}.notification-panel{position:fixed;top:0;right:-400px;width:380px;max-width:100vw;height:100vh;background:var(--surface);border-left:1px solid var(--border);box-shadow:-4px 0 24px rgba(0,0,0,0.3);z-index:1000;display:flex;flex-direction:column;transition:right 0.3s ease}.notification-panel.active{right:0}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg)}.notification-panel-title{font-size:1rem;font-weight:600;color:var(--text)}.notification-panel-actions{display:flex;align-items:center;gap:0.5rem}.notification-clear-btn{background:transparent;border:1px solid var(--border);color:var(--muted);padding:0.35rem 0.75rem;border-radius:4px;font-size:0.75rem;cursor:pointer;transition:all 0.15s ease}.notification-clear-btn:hover{background:var(--surface);color:var(--text);border-color:var(--text)}.notification-panel-close{width:28px;height:28px;background:transparent;border:none;color:var(--muted);font-size:1.25rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease}.notification-panel-close:hover{background:var(--bg);color:var(--text)}.notification-panel-content{flex:1;overflow-y:auto;padding:0.5rem}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--muted);text-align:center;gap:0.5rem}.notification-empty-icon{font-size:2rem;opacity:0.5}.notification-empty-text{font-size:0.85rem}.notification-item{display:flex;gap:0.75rem;padding:0.85rem;border-radius:8px;background:var(--bg);margin-bottom:0.5rem;transition:all 0.2s ease;cursor:pointer;position:relative}.notification-item:hover{background:rgba(255,255,255,0.05)}.notification-item.unread{border-left:3px solid var(--accent)}.notification-item.priority-critical{border-left-color:var(--red);background:rgba(239,68,68,0.08)}.notification-item.priority-high{border-left-color:var(--yellow);background:rgba(245,158,11,0.08)}.notification-item.priority-medium{border-left-color:var(--accent)}.notification-item.priority-low{border-left-color:var(--muted)}.notification-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.notification-body{flex:1;min-width:0}.notification-title{font-size:0.85rem;font-weight:500;color:var(--text);margin-bottom:0.25rem;display:flex;align-items:center;gap:0.5rem}.notification-type{font-size:0.65rem;color:var(--muted);background:var(--surface);padding:0.1rem 0.4rem;border-radius:3px;text-transform:uppercase}.notification-message{font-size:0.8rem;color:var(--muted);line-height:1.4;margin-bottom:0.5rem}.notification-meta{display:flex;align-items:center;justify-content:space-between;font-size:0.7rem;color:var(--muted)}.notification-time{opacity:0.7}.notification-actions{display:flex;gap:0.5rem}.notification-action-btn{padding:0.25rem 0.6rem;border-radius:4px;font-size:0.7rem;font-weight:500;cursor:pointer;border:none;transition:all 0.15s ease}.notification-action-btn.approve{background:var(--accent);color:var(--bg)}.notification-action-btn.approve:hover{filter:brightness(1.1)}.notification-action-btn.reject{background:transparent;border:1px solid var(--red);color:var(--red)}.notification-action-btn.reject:hover{background:var(--red);color:white}.notification-action-btn.view{background:var(--surface);color:var(--text);border:1px solid var(--border)}.notification-action-btn.view:hover{background:var(--bg);border-color:var(--text)}.notification-dismiss{position:absolute;top:0.5rem;right:0.5rem;width:20px;height:20px;background:transparent;border:none;color:var(--muted);font-size:0.85rem;cursor:pointer;opacity:0;transition:opacity 0.15s ease;display:flex;align-items:center;justify-content:center;border-radius:3px}.notification-item:hover .notification-dismiss{opacity:1}.notification-dismiss:hover{background:var(--surface);color:var(--text)}@media (max-width:480px){.notification-panel{width:100%;right:-100%}}.header-left{display:flex;align-items:center;gap:0.5rem}.empty-hint{font-size:0.8rem;color:var(--text-muted,#6c7086);font-style:italic}.btn-success{background:var(--green,#a6e3a1);color:var(--bg-primary,#1e1e2e)}.btn-warn{background:var(--yellow,#f9e2af);color:var(--bg-primary,#1e1e2e)}.btn-danger{background:var(--red,#f38ba8);color:var(--bg-primary,#1e1e2e)}.instance-info-grid{display:flex;flex-direction:column;gap:0.35rem;padding:0.75rem 0}.instance-info-grid .info-row{display:flex;gap:0.75rem;font-size:0.8rem}.instance-info-grid .info-label{width:80px;flex-shrink:0;color:var(--muted);font-weight:600;text-transform:uppercase;font-size:0.7rem;letter-spacing:0.04em;padding-top:0.1rem}.instance-info-grid .info-value{color:var(--text);font-family:'SF Mono','Fira Code','Cascadia Code',monospace;font-size:0.8rem;word-break:break-all}.instance-event-timeline{max-height:320px;overflow-y:auto;font-family:'SF Mono','Fira Code','Cascadia Code',monospace;font-size:0.75rem;padding:0.5rem 0}.timeline-event{display:flex;align-items:center;gap:0.6rem;padding:0.3rem 0.5rem;border-left:3px solid var(--accent);margin-bottom:0.25rem;background:var(--card-bg,rgba(255,255,255,0.02));border-radius:0 4px 4px 0}.timeline-event .te-seq{width:30px;flex-shrink:0;color:var(--muted)}.timeline-event .te-time{width:75px;flex-shrink:0;color:var(--muted)}.timeline-event .te-type{width:160px;flex-shrink:0;color:var(--text);font-weight:600}.timeline-event .te-detail{color:var(--accent);flex:1}@scope (beam-visor){.tool-configurator{background:var(--surface);border:1px solid var(--border);border-radius:var(--panel-radius,8px);padding:1rem;max-width:520px}.configurator-header{display:flex;align-items:flex-start;gap:0.5rem;margin-bottom:0.75rem}.configurator-header svg{flex-shrink:0;margin-top:0.15rem;color:var(--accent)}.configurator-header h4{margin:0;font-size:0.95rem;color:var(--accent)}.configurator-header p{margin:0.15rem 0 0;font-size:0.75rem;color:var(--muted)}.configurator-section{display:flex;flex-direction:column;gap:0.6rem;margin-top:0.5rem}.configurator-section-label{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);margin-bottom:-0.2rem}.param-field{display:flex;flex-direction:column;gap:0.2rem}.param-label{font-size:0.8rem;color:var(--text)}.param-required{color:var(--red);margin-left:0.1rem}.param-hint{font-size:0.7rem;color:var(--muted);font-style:italic}.param-field select,.param-field input[type="text"],.param-field input[type="number"]{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:0.4rem 0.6rem;border-radius:var(--btn-radius,6px);font-size:0.85rem;width:100%;box-sizing:border-box}.param-field select:focus,.param-field input:focus{border-color:var(--accent);outline:none}.param-toggle{display:flex;align-items:center;gap:0.5rem}.param-toggle input[type="checkbox"]{accent-color:var(--accent)}.configurator-optional{margin-top:0.25rem}.configurator-optional summary{cursor:pointer;font-size:0.75rem;color:var(--muted);list-style:none;user-select:none;display:flex;align-items:center;gap:0.35rem}.configurator-optional summary::-webkit-details-marker{display:none}.configurator-optional summary svg{transition:transform 0.15s}.configurator-optional[open] summary svg{transform:rotate(90deg)}.configurator-actions{display:flex;justify-content:flex-end;gap:0.5rem;margin-top:0.75rem}.configurator-cancel{padding:0.4rem 0.8rem;border:1px solid var(--border);border-radius:var(--btn-radius,6px);background:transparent;color:var(--muted);font-size:0.8rem;cursor:pointer}.configurator-cancel:hover{color:var(--text);border-color:var(--muted)}.configurator-run{padding:0.4rem 1rem;border:none;border-radius:var(--btn-radius,6px);background:var(--accent);color:#fff;font-size:0.8rem;font-weight:600;cursor:pointer}.configurator-run:hover{filter:brightness(1.15)}.claude-msg.rich-result{white-space:normal;max-width:580px}.result-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.35rem}.result-header svg{color:var(--accent);flex-shrink:0}.result-header h4{margin:0;font-size:0.95rem;color:var(--text)}.result-header .mood-badge{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.05em;padding:0.1rem 0.45rem;border-radius:8px;background:rgba(74,158,255,0.1);color:var(--accent)}.result-meta{display:flex;flex-wrap:wrap;gap:0.35rem;margin-bottom:0.6rem}.result-meta .meta-pill{font-size:0.7rem;color:var(--muted);padding:0.1rem 0.4rem;border-radius:8px;background:rgba(255,255,255,0.04)}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.5rem;margin:0.6rem 0}.palette-swatch{border:1px solid var(--border);border-radius:var(--panel-radius,8px);overflow:hidden;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;position:relative}.palette-swatch:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.swatch-color{height:56px;display:flex;align-items:flex-end;justify-content:flex-end;padding:0.25rem 0.4rem;font-family:monospace;font-size:0.7rem}.swatch-info{padding:0.35rem 0.4rem;background:var(--surface)}.swatch-info .name{font-weight:600;font-size:0.75rem;color:var(--text)}.swatch-info .role{display:inline-block;font-size:0.6rem;text-transform:uppercase;letter-spacing:0.05em;padding:0.05rem 0.35rem;border-radius:8px;background:rgba(255,255,255,0.06);color:var(--muted);margin-left:0.25rem}.swatch-info .usage{font-size:0.65rem;color:var(--muted);margin-top:0.1rem;display:block}.swatch-copied{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0.7rem;font-weight:600;padding:0.2rem 0.5rem;border-radius:4px;background:rgba(0,0,0,0.7);color:#fff;pointer-events:none;animation:copied-fade 0.8s ease forwards}@keyframes copied-fade{0%{opacity:1}70%{opacity:1}100%{opacity:0}}.palette-access{display:flex;align-items:center;gap:0.4rem;font-size:0.75rem;color:var(--muted);margin:0.35rem 0}.palette-access .access-status{font-weight:600;padding:0.1rem 0.4rem;border-radius:4px;font-size:0.7rem}.palette-access .access-status.good{color:var(--green);background:rgba(80,250,123,0.1)}.palette-access .access-status.warn{color:var(--yellow);background:rgba(241,196,15,0.1)}.palette-access .access-status.bad{color:var(--red);background:rgba(255,85,85,0.1)}.palette-exports{display:flex;gap:0.4rem;flex-wrap:wrap;margin-top:0.35rem}.export-btn{padding:0.3rem 0.6rem;border:1px solid var(--border);border-radius:var(--btn-radius,6px);background:transparent;color:var(--muted);font-size:0.7rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.3rem;transition:color 0.15s,border-color 0.15s}.export-btn:hover{color:var(--text);border-color:var(--muted)}.export-btn.copied{color:var(--green);border-color:var(--green)}.result-actions{display:flex;gap:0.4rem;flex-wrap:wrap;margin-top:0.6rem;padding-top:0.5rem;border-top:1px solid var(--border)}.action-btn{padding:0.3rem 0.6rem;border:1px solid var(--border);border-radius:var(--btn-radius,6px);background:transparent;color:var(--muted);font-size:0.7rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.3rem;transition:color 0.15s,border-color 0.15s}.action-btn:hover{color:var(--accent);border-color:var(--accent)}.action-btn svg{width:12px;height:12px}}@scope (beam-pm){.inline-editing{background:var(--bg-alt,#282a36) !important;outline:2px solid var(--accent,#bd93f9);border-radius:4px;padding:6px 8px !important}.inline-edit-row{display:flex;align-items:center;gap:8px;width:100%}.inline-edit-title{flex:1;background:var(--bg,#1e1e2e);color:var(--fg,#f8f8f2);border:1px solid var(--border,#444);border-radius:3px;padding:4px 8px;font-size:0.9rem;outline:none}.inline-edit-title:focus{border-color:var(--accent,#bd93f9)}.inline-edit-status,.inline-edit-priority{background:var(--bg,#1e1e2e);color:var(--fg,#f8f8f2);border:1px solid var(--border,#444);border-radius:3px;padding:4px 6px;font-size:0.8rem;min-width:90px}.inline-edit-actions{display:flex;gap:4px;flex-shrink:0}.inline-edit-save,.inline-edit-cancel{padding:3px 10px;border:1px solid var(--border,#444);border-radius:3px;cursor:pointer;font-size:0.75rem;background:var(--bg,#1e1e2e);color:var(--fg,#f8f8f2)}.inline-edit-save:hover{background:var(--accent,#bd93f9);color:#fff}.inline-edit-cancel:hover{background:#f44747;color:#fff}.cascade-warning-msg{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(244,71,71,0.1);border-radius:4px;margin-bottom:12px;font-size:0.85rem;color:#f44747}.cascade-tree-preview{max-height:200px;overflow-y:auto;border:1px solid var(--border,#444);border-radius:4px;padding:8px;margin-bottom:12px;background:var(--bg,#1e1e2e)}.cascade-tree-item{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:0.8rem}.cascade-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cascade-status.pending{background:#6B7280}.cascade-status.in_progress{background:#3B82F6}.cascade-status.blocked{background:#F59E0B}.cascade-status.completed{background:#10B981}.cascade-status.cancelled{background:#6B7280}.cascade-level{font-size:0.6rem;padding:1px 4px;border-radius:2px;background:var(--border,#333);text-transform:uppercase;flex-shrink:0}.cascade-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cascade-counts{display:flex;gap:6px;margin-bottom:12px}.cascade-count-badge{font-size:0.75rem;padding:2px 8px;border-radius:3px;background:var(--border,#333)}.cascade-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.cascade-actions .btn-confirm{background:#f44747;color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer}.cascade-actions .btn-confirm:hover{background:#d63636}.cascade-actions .btn-cancel{background:var(--bg-alt,#282a36);color:var(--fg,#f8f8f2);border:1px solid var(--border,#444);padding:6px 16px;border-radius:4px;cursor:pointer}.cascade-actions .btn-cancel:hover{background:var(--border,#444)}}.zone-active{outline:1px solid var(--accent,#bd93f9);outline-offset:-1px;border-radius:4px}.nav-sidebar.zone-active{outline:none}