/* Generated by blocks/renderer/src/css.ts from library/ui/<component>.json. Do not edit: change the contract. */

/* alert-banner — display */
[data-component="alert-banner"] { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; inline-size: 100%; border-style: solid; border-width: 1px; border-color: transparent; }
[data-part-of="alert-banner"][data-part="title"] { display: block; margin: 0; }
[data-part-of="alert-banner"][data-part="body"] { display: block; margin: 0; }
[data-part-of="alert-banner"][data-part="action"] { background-color: transparent; border-style: none; padding: 0; cursor: pointer; font: inherit; color: inherit; text-decoration: underline; }
[data-component="alert-banner"] { padding: var(--space-4); gap: var(--space-3); border-radius: var(--radius-md); border-inline-start-width: var(--space-1); }
[data-component="alert-banner"][data-state~="info"] { background-color: var(--color-status-info-subtle); color: var(--color-status-info); border-color: var(--color-status-info); }
[data-component="alert-banner"][data-state~="success"] { background-color: var(--color-status-success-subtle); color: var(--color-status-success); border-color: var(--color-status-success); }
[data-component="alert-banner"][data-state~="failure"] { border-color: var(--color-border-strong); color: var(--color-text-secondary); }
[data-component="alert-banner"][data-state~="warning"] { background-color: var(--color-status-warning-subtle); color: var(--color-status-warning); border-color: var(--color-status-warning); }
[data-component="alert-banner"][data-state~="danger"] { background-color: var(--color-status-danger-subtle); color: var(--color-status-danger); border-color: var(--color-status-danger); }

/* badge — display */
[data-component="badge"] { display: inline-flex; align-items: center; align-self: flex-start; border-style: solid; border-width: 1px; border-color: transparent; }
[data-component="badge"] { min-height: var(--size-control-sm); padding-inline: var(--space-2); border-radius: var(--radius-sm); }
[data-component="badge"][data-state~="neutral"] { background-color: var(--color-surface-sunken); color: var(--color-text-secondary); }
[data-component="badge"][data-state~="outline"] { border-color: var(--color-border-strong); color: var(--color-text-secondary); background-color: transparent; }
[data-component="badge"][data-state~="info"] { background-color: var(--color-status-info-subtle); color: var(--color-status-info); }
[data-component="badge"][data-state~="success"] { background-color: var(--color-status-success-subtle); color: var(--color-status-success); }
[data-component="badge"][data-state~="warning"] { background-color: var(--color-status-warning-subtle); color: var(--color-status-warning); }
[data-component="badge"][data-state~="danger"] { background-color: var(--color-status-danger-subtle); color: var(--color-status-danger); }

/* button — action */
[data-component="button"] { display: inline-flex; align-items: center; align-self: flex-start; border-style: solid; border-width: 1px; border-color: transparent; cursor: pointer; text-decoration: none; max-inline-size: 100%; justify-content: center; }
[data-part-of="button"][data-part="icon"] { display: block; }
[data-part-of="button"][data-part="indicator"] { display: block; }
[data-component="button"] { min-height: var(--size-control-md); padding-inline: var(--space-4); border-radius: var(--radius-md); gap: var(--space-2); transition-duration: var(--motion-duration-fast); }
[data-part-of="button"][data-part="icon"] { inline-size: var(--size-icon-sm); }
[data-component="button"][data-variant="primary"] { background-color: var(--color-interactive-default); color: var(--color-interactive-text); border-color: var(--color-interactive-default); }
[data-component="button"][data-variant="secondary"] { background-color: var(--color-surface-default); color: var(--color-text-primary); border-color: var(--color-border-strong); }
[data-component="button"][data-variant="ghost"] { background-color: transparent; color: var(--color-text-primary); border-color: transparent; }
[data-component="button"][data-variant="ghost"] { margin-inline: calc(-1 * (var(--space-4) + 1px)); justify-content: flex-start; text-align: start; }
[data-component="button"][data-variant="danger"] { background-color: var(--color-status-danger); color: var(--color-text-inverse); border-color: var(--color-status-danger); }
[data-component="button"]:focus-visible { outline: 2px solid var(--color-border-focus); outline-offset: 0; }
[data-component="button"]:active { background-color: var(--color-interactive-hover); }
[data-component="button"][data-state~="busy"] [data-part-of="button"][data-part="indicator"] { background-color: var(--color-interactive-text); }
[data-component="button"][data-state~="disabled"] { opacity: 0.45; }

/* card — structure */
[data-component="card"] { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; inline-size: 100%; border-style: solid; border-width: 1px; border-color: transparent; }
[data-part-of="card"][data-part="title"] { display: block; margin: 0; }
[data-component="card"] { padding: var(--space-5); border-radius: var(--radius-xl); gap: var(--space-4); box-shadow: var(--elevation-0); }
[data-component="card"] { background-color: var(--color-surface-default); border-color: var(--color-border-default); }
[data-component="card"][data-clickable="true"]:hover { border-color: var(--color-border-strong); box-shadow: var(--elevation-1); }
[data-component="card"][data-clickable="true"]:focus-visible { outline: 2px solid var(--color-border-focus); outline-offset: 0; }
[data-component="card"][data-state~="selected"] { border-color: var(--color-interactive-default); background-color: var(--color-interactive-subtle); }

/* code-input — field */
[data-component="code-input"] { display: flex; flex-direction: column; align-items: stretch; align-self: stretch; inline-size: 100%; max-inline-size: var(--layout-form-max); }
[data-part-of="code-input"][data-part="label"] { display: block; margin: 0; margin-block-end: var(--space-1); }
[data-part-of="code-input"][data-part="control"] { font: inherit; min-inline-size: 0; align-self: stretch; inline-size: 100%; border-style: solid; border-width: 1px; border-color: transparent; }
[data-part-of="code-input"][data-part="help"] { display: block; margin: 0; margin-block-start: var(--space-1); }
[data-part-of="code-input"][data-part="control"] { min-height: var(--size-control-md); padding-inline: var(--space-3); border-radius: var(--radius-md); }
[data-part-of="code-input"][data-part="control"] { border-color: var(--color-border-strong); background-color: var(--color-surface-default); color: var(--color-text-primary); }
[data-part-of="code-input"][data-part="control"]::placeholder { color: var(--color-text-tertiary); }
[data-part-of="code-input"][data-part="control"]:hover { border-color: var(--color-text-tertiary); }
[data-part-of="code-input"][data-part="control"]:focus-visible { border-color: var(--color-border-focus); outline: 2px solid var(--color-border-focus); outline-offset: 0; }
[data-component="code-input"][data-state~="checking"] [data-part-of="code-input"][data-part="indicator"] { background-color: var(--color-text-tertiary); }
[data-component="code-input"][data-state~="warning"] [data-part-of="code-input"][data-part="control"] { border-color: var(--color-status-warning); }
[data-component="code-input"][data-state~="warning"] [data-part-of="code-input"][data-part="help"] { color: var(--color-status-warning); }
[data-component="code-input"][data-state~="invalid"] [data-part-of="code-input"][data-part="control"] { border-color: var(--color-status-danger); }
[data-component="code-input"][data-state~="invalid"] [data-part-of="code-input"][data-part="help"] { color: var(--color-status-danger); }
[data-component="code-input"][data-state~="read-only"] [data-part-of="code-input"][data-part="control"] { border-color: transparent; color: var(--color-text-primary); }
[data-component="code-input"][data-state~="disabled"] [data-part-of="code-input"][data-part="control"] { opacity: 0.45; }

/* confirm-dialog — overlay */
[data-component="confirm-dialog"][open] { display: flex; flex-direction: column; align-items: stretch; align-self: stretch; inline-size: 100%; border-style: solid; border-width: 1px; border-color: transparent; max-inline-size: min(var(--layout-form-max), calc(100% - 2 * var(--space-5))); margin: auto; }
[data-part-of="confirm-dialog"][data-part="title"] { display: block; margin: 0; }
[data-part-of="confirm-dialog"][data-part="body"] { display: block; margin: 0; }
[data-part-of="confirm-dialog"][data-part="actions"] { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
[data-component="confirm-dialog"] { padding: var(--space-5); }
[data-component="confirm-dialog"][open]::backdrop { background-color: var(--color-overlay-scrim); }
[data-component="confirm-dialog"][open] { background-color: var(--color-surface-raised); box-shadow: var(--elevation-3); z-index: var(--layer-modal); border-radius: var(--radius-xl); }

/* empty-state — display */
[data-component="empty-state"] { display: flex; flex-direction: column; align-items: center; align-self: stretch; inline-size: 100%; border-style: dashed; border-width: 1px; border-color: transparent; text-align: center; }
[data-part-of="empty-state"][data-part="headline"] { display: block; margin: 0; }
[data-part-of="empty-state"][data-part="body"] { display: block; margin: 0; }
[data-part-of="empty-state"][data-part="action"] { background-color: transparent; border-style: none; padding: 0; cursor: pointer; font: inherit; color: inherit; text-decoration: underline; }
[data-component="empty-state"] { padding: var(--space-7); gap: var(--space-3); max-inline-size: var(--layout-form-max); }
[data-component="empty-state"][data-state~="cleared"] [data-part-of="empty-state"][data-part="headline"] { color: var(--color-text-primary); }
[data-component="empty-state"][data-state~="cleared"] [data-part-of="empty-state"][data-part="body"] { color: var(--color-text-secondary); }
[data-component="empty-state"][data-state~="filtered"] [data-part-of="empty-state"][data-part="headline"] { color: var(--color-text-primary); }
[data-component="empty-state"][data-state~="filtered"] [data-part-of="empty-state"][data-part="body"] { color: var(--color-text-secondary); }
[data-component="empty-state"][data-state~="filtered"] [data-part-of="empty-state"][data-part="action"] { color: var(--color-interactive-default); }
[data-component="empty-state"][data-state~="first-use"] [data-part-of="empty-state"][data-part="headline"] { color: var(--color-text-primary); }
[data-component="empty-state"][data-state~="first-use"] [data-part-of="empty-state"][data-part="body"] { color: var(--color-text-secondary); }
[data-component="empty-state"][data-state~="first-use"] { border-color: var(--color-border-default); }

/* form-section — structure */
[data-component="form-section"] { display: flex; flex-direction: column; align-items: stretch; align-self: stretch; inline-size: 100%; border-block-end-style: solid; border-block-end-width: 1px; border-block-end-color: transparent; }
[data-part-of="form-section"][data-part="title"] { display: block; margin: 0; margin-block-end: var(--space-4); }
[data-part-of="form-section"][data-part="summary"] { display: block; margin: 0; }
[data-part-of="form-section"][data-part="body"] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-field); }
[data-part-of="form-section"][data-part="toggle"] { background-color: transparent; border-style: none; cursor: pointer; font: inherit; text-decoration: none; flex-shrink: 0; padding: 0; color: inherit; text-align: start; }
[data-component="form-section"] { padding: var(--space-5); }
[data-part-of="form-section"][data-part="title"] { color: var(--color-text-primary); }
[data-component="form-section"] { border-block-end-color: var(--color-border-default); }
[data-component="form-section"][data-state~="collapsed"] [data-part-of="form-section"][data-part="summary"] { color: var(--color-text-secondary); }
[data-component="form-section"][data-state~="needs-attention"] [data-part-of="form-section"][data-part="title"] { border-inline-start-color: var(--color-status-warning); }

/* table — collection */
[data-component="table"] { display: block; align-self: stretch; inline-size: 100%; border-style: solid; border-width: 1px; border-color: transparent; overflow-x: auto; max-inline-size: 100%; }
[data-part-of="table"][data-part="label"] { display: block; margin: 0; }
[data-part-of="table"][data-part="grid"] { border-collapse: separate; border-spacing: 0; align-self: stretch; inline-size: 100%; }
[data-part-of="table"][data-part="header"] { text-align: start; white-space: nowrap; }
[data-part-of="table"][data-part="cell"] { text-align: start; border-block-end-style: solid; border-block-end-width: 1px; border-block-end-color: transparent; }
[data-part-of="table"][data-part="link"] { color: inherit; }
[data-part-of="table"][data-part="indicator"] { display: block; }
[data-part-of="table"][data-part="row"] { height: var(--size-control-md); }
[data-part-of="table"][data-part="cell"] { padding-block: var(--space-row); padding-inline: var(--space-3); }
[data-part-of="table"][data-part="header"] { padding-block: var(--space-row); padding-inline: var(--space-3); height: var(--size-control-md); z-index: var(--layer-sticky); }
[data-component="table"] { border-radius: var(--radius-lg); }
[data-component="table"] { background-color: var(--color-surface-default); border-color: var(--color-border-default); }
[data-part-of="table"][data-part="header"] { background-color: var(--color-surface-sunken); color: var(--color-text-tertiary); }
[data-component="table"][data-state~="sorted"] [data-part-of="table"][data-part="indicator"] { background-color: var(--color-text-primary); }
[data-part-of="table"][data-part="row"]:hover { background-color: var(--color-surface-sunken); }
[data-part-of="table"][data-part="row"]:focus-visible { outline: 2px solid var(--color-border-focus); outline-offset: calc(-1 * 2px); }
[data-part-of="table"][data-part="cell"][data-state~="editing"] { border-color: var(--color-border-focus); background-color: var(--color-surface-default); }
[data-part-of="table"][data-part="row"][data-state~="warning"] { border-inline-start-color: var(--color-status-warning); }
[data-part-of="table"][data-part="row"][data-state~="danger"] { border-inline-start-color: var(--color-status-danger); }
[data-part-of="table"][data-part="row"][aria-selected="true"] { background-color: var(--color-interactive-subtle); }
[data-component="table"][data-state~="empty"] { color: var(--color-text-tertiary); }
[data-component="table"][data-state~="loading"] [data-part-of="table"][data-part="row"] { background-color: var(--color-surface-sunken); }

/* tabs — structure */
[data-component="tabs"] { display: flex; flex-direction: row; align-items: stretch; align-self: stretch; inline-size: 100%; border-block-end-style: solid; border-block-end-width: 1px; border-block-end-color: transparent; overflow-x: auto; max-inline-size: 100%; }
[data-part-of="tabs"][data-part="tab"] { background-color: transparent; border-style: none; cursor: pointer; font: inherit; text-decoration: none; flex-shrink: 0; padding: 0; color: inherit; text-align: start; white-space: nowrap; display: flex; flex-direction: column; align-items: center; }
[data-part-of="tabs"][data-part="label"] { display: block; margin: 0; }
[data-part-of="tabs"][data-part="indicator"] { display: block; align-self: stretch; inline-size: 100%; }
[data-part-of="tabs"][data-part="tab"] { min-height: var(--size-control-lg); padding-inline: var(--space-4); }
[data-component="tabs"] { gap: var(--space-2); transition-duration: var(--motion-duration-fast); }
[data-part-of="tabs"][data-part="indicator"] { block-size: var(--space-1); }
[data-part-of="tabs"][data-part="tab"] { color: var(--color-text-secondary); }
[data-component="tabs"] { border-block-end-color: var(--color-border-default); }
[data-part-of="tabs"][data-part="tab"]:hover { color: var(--color-text-primary); }
[data-part-of="tabs"][data-part="tab"]:focus-visible { outline: 2px solid var(--color-border-focus); outline-offset: calc(-1 * 2px); }
[data-part-of="tabs"][data-part="tab"][aria-selected="true"] { color: var(--color-text-primary); }
[data-part-of="tabs"][data-part="tab"][aria-selected="true"] [data-part-of="tabs"][data-part="indicator"] { background-color: var(--color-interactive-default); }
[data-component="tabs"][data-state~="disabled"] [data-part-of="tabs"][data-part="tab"] { opacity: 0.45; }

/* text-input — field */
[data-component="text-input"] { display: flex; flex-direction: column; align-items: stretch; align-self: stretch; inline-size: 100%; max-inline-size: var(--layout-form-max); }
[data-part-of="text-input"][data-part="label"] { display: block; margin: 0; margin-block-end: var(--space-1); }
[data-part-of="text-input"][data-part="control"] { font: inherit; min-inline-size: 0; align-self: stretch; inline-size: 100%; border-style: solid; border-width: 1px; border-color: transparent; }
[data-part-of="text-input"][data-part="help"] { display: block; margin: 0; margin-block-start: var(--space-1); }
[data-part-of="text-input"][data-part="control"] { min-height: var(--size-control-md); padding-inline: var(--space-3); border-radius: var(--radius-md); }
[data-part-of="text-input"][data-part="control"] { border-color: var(--color-border-strong); background-color: var(--color-surface-default); color: var(--color-text-primary); }
[data-part-of="text-input"][data-part="control"]::placeholder { color: var(--color-text-tertiary); }
[data-part-of="text-input"][data-part="control"]:hover { border-color: var(--color-text-tertiary); }
[data-part-of="text-input"][data-part="control"]:focus-visible { border-color: var(--color-border-focus); outline: 2px solid var(--color-border-focus); outline-offset: 0; }
[data-component="text-input"][data-state~="warning"] [data-part-of="text-input"][data-part="control"] { border-color: var(--color-status-warning); }
[data-component="text-input"][data-state~="warning"] [data-part-of="text-input"][data-part="help"] { color: var(--color-status-warning); }
[data-component="text-input"][data-state~="invalid"] [data-part-of="text-input"][data-part="control"] { border-color: var(--color-status-danger); }
[data-component="text-input"][data-state~="invalid"] [data-part-of="text-input"][data-part="help"] { color: var(--color-status-danger); }
[data-component="text-input"][data-state~="read-only"] [data-part-of="text-input"][data-part="control"] { border-color: transparent; color: var(--color-text-primary); }
[data-component="text-input"][data-state~="disabled"] [data-part-of="text-input"][data-part="control"] { opacity: 0.45; }

/* the page */
[data-screen] { display: block; max-inline-size: var(--layout-content-max); margin-inline: auto; padding: var(--space-5); }
[hidden] { display: none !important; }
[data-mode="browse"] [data-part="control"] { caret-color: transparent; }
[data-text] { margin: 0; color: var(--color-text-secondary); }
[data-part="label"] { color: var(--color-text-secondary); }
[data-component] [data-part="help"] { color: var(--color-text-tertiary); }