@layer components{.card{width:100%;padding:var(--space-3xs);border-radius:var(--radius-md);background:var(--surface-canvas);flex-direction:column;display:flex;overflow:hidden}.card__head{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-xs) var(--space-2xs);flex-wrap:wrap;display:flex}.card__title{color:var(--text-tertiary);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);margin:0}.card__action{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.card__well{border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-default);flex-direction:column;width:100%;display:flex;overflow:hidden}.card__content{padding:var(--space-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-sm);min-width:0;margin:0}.card__actions{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xs) var(--space-2xs);flex-wrap:wrap;display:flex}}
@layer components{.badge{justify-content:center;align-items:center;gap:var(--space-2xs);box-sizing:border-box;min-height:calc(var(--line-height-xs) + 2 * var(--border-width-thin));padding:var(--space-none) var(--space-2xs);border:var(--border-width-thin) solid var(--badge-border);border-radius:var(--radius-lg);background:var(--badge-bg);color:var(--badge-fg);transition:background-color var(--duration-press) ease, border-color var(--duration-press) ease, color var(--duration-press) ease;flex-flow:row;display:inline-flex}.badge--default{--badge-bg:var(--surface-default);--badge-border:var(--border-subtle);--badge-fg:var(--text-secondary);--badge-mark:var(--feedback-neutral-mark)}.badge--neutral{--badge-bg:var(--agent-severity-quiet-bg);--badge-border:var(--agent-severity-quiet-border);--badge-fg:var(--feedback-neutral-fg);--badge-mark:var(--feedback-neutral-mark)}.badge--success{--badge-bg:var(--agent-severity-positive-bg);--badge-border:var(--agent-severity-positive-border);--badge-fg:var(--feedback-success-fg);--badge-mark:var(--feedback-success-mark)}.badge--info{--badge-bg:var(--agent-severity-info-bg);--badge-border:var(--agent-severity-info-border);--badge-fg:var(--feedback-info-fg);--badge-mark:var(--feedback-info-mark)}.badge--warning{--badge-bg:var(--agent-severity-attention-bg);--badge-border:var(--agent-severity-attention-border);--badge-fg:var(--feedback-warning-fg);--badge-mark:var(--feedback-warning-mark)}.badge--error{--badge-bg:var(--agent-severity-critical-bg);--badge-border:var(--agent-severity-critical-border);--badge-fg:var(--feedback-error-fg);--badge-mark:var(--feedback-error-mark)}}
@layer components{.banner{--banner-bg:var(--agent-severity-positive-bg);--banner-mark:var(--agent-severity-positive-mark);align-items:flex-start;gap:var(--space-md);width:100%;padding:var(--space-sm);border-radius:var(--radius-md);background:var(--banner-bg);flex-direction:column;display:flex}.banner--inline{align-items:center;gap:var(--space-md);flex-flow:row}.banner--info{--banner-bg:var(--agent-severity-info-bg);--banner-mark:var(--agent-severity-info-mark)}.banner--warning{--banner-bg:var(--agent-severity-attention-bg);--banner-mark:var(--agent-severity-attention-mark)}.banner--error{--banner-bg:var(--agent-severity-critical-bg);--banner-mark:var(--agent-severity-critical-mark)}.banner--neutral{--banner-bg:var(--agent-severity-quiet-bg);--banner-mark:var(--agent-severity-quiet-mark)}.banner__copy{align-items:stretch;gap:var(--space-2xs);flex-direction:column;flex:auto;width:100%;min-width:0;display:flex}.banner--inline .banner__copy{width:auto}.banner__title-row{align-items:center;gap:var(--space-2xs);flex-flow:row;width:100%;display:flex}.banner__title{min-width:0;color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);letter-spacing:var(--letter-spacing-normal);flex:auto;margin:0}.banner__body{width:100%;color:var(--text-secondary);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-xs);letter-spacing:var(--letter-spacing-normal);margin:0}.banner__actions{align-items:flex-start;gap:var(--space-2xs);padding-top:var(--space-2xs);flex-wrap:wrap;display:flex}.banner--inline .banner__actions{flex-wrap:nowrap;flex-shrink:0;margin-inline-start:auto;padding-top:0}.banner__actions .button{height:auto;min-height:0;padding:0 var(--space-3xs);box-shadow:none;border-radius:var(--radius-md)}.banner__actions .button .icon,.banner__actions .button .icon svg{--icon-s:var(--size-icon-xs);width:var(--icon-s);height:var(--icon-s)}.banner__actions .button--ghost{--button-fg:var(--text-tertiary)}.banner--error .banner__actions .button--link{--button-fg:var(--feedback-error-fg)}}
@layer components{.button{--button-h:var(--size-control-md);--button-pad:var(--space-md);--button-type:var(--font-size-sm);--button-leading:var(--line-height-sm);margin:var(--space-none);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-xs);white-space:nowrap;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--font-weight-medium);height:var(--button-h);min-height:var(--button-h);padding:0 var(--button-pad);background:var(--button-bg);box-shadow:var(--button-stroke,0 0 #0000), var(--elevation-raised);color:var(--button-fg);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--button-type);line-height:var(--button-leading);letter-spacing:var(--letter-spacing-normal);transform-origin:50%;backface-visibility:hidden;transition:transform var(--duration-press) var(--ease-out), background-color var(--duration-press) ease, color var(--duration-press) ease;border:0 solid;display:inline-flex;position:relative;transform:translateZ(0)scale(1)}.button:active:not(:disabled){transform:translateZ(0)scale(.99)}.button .kbd{flex-shrink:0}.button--icon{width:var(--button-h);min-width:var(--button-h);height:var(--button-h);min-height:var(--button-h);gap:0;padding:0}.button--primary{--button-bg:var(--brand-accent);--button-fg:var(--text-on-accent)}@media (hover:hover) and (pointer:fine){.button--primary:hover:not(:disabled){--button-bg:var(--brand-accent-hover)}}.button--secondary{--button-bg:var(--surface-default);--button-fg:var(--text-primary);--button-stroke:inset 0 0 0 var(--border-width-thin) var(--border-default)}@media (hover:hover) and (pointer:fine){.button--secondary:hover:not(:disabled){--button-bg:var(--surface-hover-solid);--button-fg:var(--text-link)}}.button--ghost{--button-bg:transparent;--button-fg:var(--text-secondary);box-shadow:none}@media (hover:hover) and (pointer:fine){.button--ghost:hover:not(:disabled){--button-fg:var(--text-primary)}}.button--link{--button-bg:transparent;--button-fg:var(--text-primary);box-shadow:none}@media (hover:hover) and (pointer:fine){.button--link:hover:not(:disabled){--button-fg:var(--text-link)}}.button--critical{--button-bg:var(--surface-default);--button-fg:var(--agent-severity-critical-fg);--button-stroke:inset 0 0 0 var(--border-width-thin) var(--agent-severity-critical-border);box-shadow:var(--button-stroke)}@media (hover:hover) and (pointer:fine){.button--critical:hover:not(:disabled){--button-bg:var(--agent-severity-critical-bg)}}[data-theme=dark] .button--critical:not(:focus-visible){--button-stroke:none;box-shadow:none}.button--destructive{--button-bg:var(--feedback-error-solid);--button-fg:var(--text-inverse)}.button:focus,.button:focus-visible{outline:none}.button:focus-visible{box-shadow:var(--button-stroke,0 0 #0000), 0 0 0 var(--size-focus-gap) var(--border-focus-gap), 0 0 0 calc(var(--size-focus-gap) + var(--size-focus-ring)) var(--border-focus)}.button:disabled{opacity:.5;cursor:not-allowed}@keyframes button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.button{transition:background-color var(--duration-press) ease, color var(--duration-press) ease}.button:active:not(:disabled){transform:translateZ(0)scale(1)}}}
@layer components{.empty-state{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xl) var(--space-lg);text-align:center;flex-direction:column;display:flex}.empty-state__mark{width:var(--size-icon-lg);height:var(--size-icon-lg);color:var(--text-tertiary);place-items:center;line-height:0;display:grid}.empty-state--error .empty-state__mark{color:var(--feedback-error-mark)}.empty-state--blocked .empty-state__mark{color:var(--feedback-warning-mark)}.empty-state__title{color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-md);letter-spacing:var(--letter-spacing-normal);margin:0}.empty-state__lede{max-width:calc(var(--space-4xl) * 6);color:var(--text-tertiary);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-sm);letter-spacing:var(--letter-spacing-normal);margin:0}.empty-state__action{margin-top:var(--space-xs)}}
@layer components{:root{--skeleton-base-color:#ebebeb;--skeleton-base-color-dark:#333;--skeleton-highlight-color:#f5f5f5;--skeleton-highlight-color-dark:#262626;--skeleton-radius:0px;--skeleton-highlight-size:clamp(100px, 50vw, 500px);--skeleton-highlight-leading-edge-blur:clamp(10px, 5vw, 50px);--skeleton-angle:90deg;--skeleton-animation-animation-speed:400;--skeleton-animation-animation-time:1;--skeleton-animation-animation-scaler:.7;--skeleton-ease:cubic-bezier(.45, .3, .7, .55);--skeleton-percentage:0;--skeleton-full-viewport:100vw;--skeleton-calc-int-width:calc(10000 * tan(atan2(var(--skeleton-full-viewport), 10000px)));--skeleton-calc-scaled-time:calc(( 1 - (var(--skeleton-calc-int-width) / 400) * var(--skeleton-animation-animation-scaler) / 5 ));--skeleton-calc-anim-time:calc(( ( var(--skeleton-calc-int-width) / var(--skeleton-animation-animation-speed) ) * (var(--skeleton-animation-animation-time) * 1.33) ) * var(--skeleton-calc-scaled-time))}@media not all and (prefers-reduced-motion){:root{animation:skeletonPercent calc(1s * var(--skeleton-calc-anim-time)) var(--skeleton-ease) infinite}}.loading-skeleton{--skeleton-base:var(--lightningcss-light,var(--skeleton-base-color))var(--lightningcss-dark,var(--skeleton-base-color-dark));--skeleton-highlight:var(--lightningcss-light,var(--skeleton-highlight-color))var(--lightningcss-dark,var(--skeleton-highlight-color-dark));color:#0000;-webkit-user-select:none;user-select:none;background-color:var(--skeleton-base);border-radius:var(--skeleton-radius);--anim-pos:calc(var(--skeleton-percentage) * (100vw + var(--skeleton-highlight-size) * 2) - var(--skeleton-highlight-size));--leading-edge:calc(var(--anim-pos) + var(--skeleton-highlight-size) + var(--skeleton-highlight-leading-edge-blur));--gradient-end:calc(var(--anim-pos) + (var(--skeleton-highlight-size) * 100 / 100));background-image:linear-gradient(var(--skeleton-angle,90deg), hsl(from var(--skeleton-highlight) h s l / calc(alpha * 0)) var(--anim-pos), hsl(from var(--skeleton-highlight) h s l / calc(alpha * 1)) var(--gradient-end), hsl(from var(--skeleton-highlight) h s l / calc(alpha * 0)) var(--leading-edge));background-attachment:fixed}.loading-skeleton.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@property --skeleton-percentage{syntax:"<number>";inherits:true;initial-value:0}@property --skeleton-full-viewport{syntax:"<length>";inherits:false;initial-value:0}@keyframes skeletonPercent{0%{--skeleton-percentage:0}66%,to{--skeleton-percentage:1}}:root,[data-theme=light]{--skeleton-base-color:var(--surface-inset);--skeleton-highlight-color:var(--surface-default);--skeleton-radius:var(--radius-md)}[data-theme=dark]{--skeleton-base-color-dark:var(--surface-inset);--skeleton-highlight-color-dark:var(--surface-hover-solid);--skeleton-radius:var(--radius-md)}.skeleton,.skeleton *{pointer-events:none;-webkit-user-select:none;user-select:none;color:#0000!important;-webkit-text-fill-color:transparent!important;box-shadow:none!important;border-color:#0000!important}}
@layer components{.breadcrumb{scrollbar-width:none;flex-flow:row;align-items:center;min-width:0;max-width:100%;display:inline-flex;overflow-x:auto}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb__list{align-items:center;gap:var(--space-sm);flex-flow:row;margin:0;padding:0;list-style:none;display:flex}.breadcrumb__slot{align-items:center;gap:var(--space-sm);flex-flow:row;display:flex}.breadcrumb-separator{min-height:var(--line-height-sm);padding:0 var(--space-2xs);color:var(--text-disabled);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);letter-spacing:var(--letter-spacing-normal);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.breadcrumb-item{min-height:var(--line-height-sm);justify-content:center;align-items:center;gap:var(--space-xs);color:var(--text-tertiary);flex-flow:row;text-decoration:none;display:inline-flex}.breadcrumb-item[aria-current=page]{color:var(--text-primary)}.breadcrumb-item__label{font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);letter-spacing:var(--letter-spacing-normal);white-space:nowrap}button.breadcrumb-item{font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}@media (hover:hover) and (pointer:fine){a.breadcrumb-item:hover,button.breadcrumb-item:hover{color:var(--text-primary)}}}
@layer components{.page-header{justify-content:space-between;align-items:center;gap:var(--space-sm);box-sizing:border-box;width:100%;min-height:36px;padding:0 var(--space-lg);background:var(--surface-default);box-shadow:inset 0 calc(-1 * var(--border-width-thin)) 0 var(--border-subtle);flex-wrap:nowrap;flex-shrink:0;display:flex}.page-header__path{flex:auto;align-items:center;min-width:0;display:flex}.page-header__actions{justify-content:flex-end;align-items:center;gap:var(--space-sm);flex-wrap:nowrap;flex-shrink:0;display:flex}}