.am-table-region {
    width: 100%;
}

.am-table-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--am-space-3);
    margin-bottom: var(--am-space-3);
}

.am-table-status {
    margin: 0 0 var(--am-space-2);
    color: var(--am-color-text-muted);
    font-size: var(--am-font-size-meta);
}

.am-sort-button {
    display: inline-flex;
    align-items: center;
    gap: var(--am-space-1);
    padding: 0;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    font-weight: var(--am-font-weight-semibold);
    cursor: pointer;
}

.am-table-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--am-space-3);
    margin-top: var(--am-space-3);
}

.am-table-footer p {
    margin: 0;
}

.am-table-pages {
    display: flex;
    flex-wrap: wrap;
    gap: var(--am-space-1);
}

.am-owner {
    display: inline-flex;
    align-items: center;
    gap: var(--am-space-2);
}

.am-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--am-space-6);
    height: var(--am-space-6);
    background-color: var(--am-color-primary-soft);
    border-radius: var(--am-radius-full);
    color: var(--am-color-primary-strong);
    font-size: var(--am-font-size-interface);
    font-weight: var(--am-font-weight-semibold);
}

.am-avatar-small {
    width: var(--am-space-5);
    height: var(--am-space-5);
    font-size: var(--am-font-size-meta);
}

.am-avatar-large {
    width: var(--am-space-7);
    height: var(--am-space-7);
    font-size: var(--am-font-size-section-title);
}

.bulma-card {
    border: 1px solid var(--am-color-card-border);
    box-shadow: none;
}

.bulma-card-header {
    border-bottom: 1px solid var(--am-color-card-divider);
    box-shadow: none;
}

.am-demo-card {
    width: 100%;
    max-width: 20rem;
}

.am-list {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    list-style: none;
}

.bulma-table,
.am-list li {
    font-size: var(--am-font-size-interface);
}

.bulma-table {
    --bulma-table-cell-border-color: var(--am-color-table-line);
    --bulma-table-cell-border-width: 0 0 1px;
    --bulma-table-cell-padding: var(--am-space-1) var(--am-space-3);
    --bulma-table-head-cell-border-width: 0 0 1px;
}

.bulma-table td,
.bulma-table th {
    height: var(--am-size-table-row);
    vertical-align: middle;
}

.bulma-table th {
    font-weight: var(--am-font-weight-semibold);
}

.bulma-table thead th {
    color: var(--am-color-table-header);
    font-size: var(--am-font-size-meta);
    font-weight: var(--am-font-weight-semibold);
    text-transform: uppercase;
}

.bulma-table tbody tr:hover {
    background-color: var(--am-color-table-hover);
}

.bulma-table.am-table-compact td,
.bulma-table.am-table-compact th {
    height: var(--am-size-table-row-compact);
}

.bulma-table.bulma-is-striped {
    --bulma-table-striped-row-even-background-color: var(--am-color-table-hover);
}

.bulma-table.bulma-is-striped tbody tr:nth-child(even):hover {
    background-color: var(--am-color-table-line);
}

.am-list li {
    display: flex;
    flex-direction: column;
    padding: var(--am-space-3) 0;
    border-bottom: 1px solid var(--am-color-border);
}

.am-list-detail {
    color: var(--am-color-text-muted);
    font-size: var(--am-font-size-meta);
}

.am-kpi {
    display: flex;
    flex-direction: column;
    gap: var(--am-space-1);
    min-width: 10rem;
    padding: var(--am-space-4);
    background-color: var(--am-color-surface);
    border: 1px solid var(--am-color-border);
    border-radius: var(--am-radius-md);
}

.am-kpi-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: var(--am-space-3);
}

.am-kpi-label {
    color: var(--am-color-text-muted);
    font-size: var(--am-font-size-meta);
}

.am-kpi-value {
    font-size: var(--am-font-size-page-title);
    font-weight: var(--am-font-weight-semibold);
}

.am-kpi-change {
    display: inline-flex;
    align-items: center;
    gap: var(--am-space-1);
    font-size: var(--am-font-size-interface);
}

.am-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--am-space-2);
    width: 100%;
    padding: var(--am-space-6);
    border: 1px dashed var(--am-color-control-border);
    border-radius: var(--am-radius-md);
    color: var(--am-color-text-muted);
    text-align: center;
}

.am-empty-state p {
    margin: 0;
}

.am-tooltip {
    position: relative;
    display: inline-block;
}

.am-tooltip-text {
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 30;
    margin-bottom: var(--am-space-1);
    padding: var(--am-space-1) var(--am-space-2);
    background-color: var(--am-color-text);
    border-radius: var(--am-radius-sm);
    color: var(--am-color-background);
    font-size: var(--am-font-size-interface);
    width: max-content;
    max-width: 18rem;
}

.am-tooltip-text strong {
    display: block;
    color: inherit;
}

.am-tooltip-text p {
    margin: 0;
}

.am-popover {
    max-width: 20rem;
    padding: var(--am-space-4);
    background-color: var(--am-color-surface);
    border: 1px solid var(--am-color-border);
    border-radius: var(--am-radius-md);
    box-shadow: var(--am-shadow-md);
    color: var(--am-color-text);
}

.am-popover h4 {
    margin: 0 0 var(--am-space-2);
    font-size: var(--am-font-size-card-title);
    font-weight: var(--am-font-weight-semibold);
}

.am-popover p {
    margin: 0 0 var(--am-space-2);
}

.am-popover ul {
    margin: 0 0 var(--am-space-3) var(--am-space-5);
    list-style: disc;
}

.am-popover-actions {
    display: flex;
    gap: var(--am-space-2);
    justify-content: flex-end;
}

.am-popover .am-list {
    margin: 0 0 var(--am-space-3);
    list-style: none;
}

.am-popover-wide {
    width: min(90vw, 36rem);
    max-width: min(90vw, 36rem);
}

.am-list li > .am-entry-chip {
    align-self: flex-start;
}

.am-entry-chip,
.am-type-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--am-space-1);
    margin-inline-end: var(--am-space-2);
    padding: 0 var(--am-space-2);
    border: 1px solid currentColor;
    border-radius: var(--am-radius-full);
    font-size: var(--am-font-size-meta);
    font-weight: var(--am-font-weight-semibold);
    line-height: var(--am-line-height-tight);
    white-space: nowrap;
    vertical-align: middle;
}

.am-entry-chip-question {
    background-color: var(--am-color-entry-question-soft);
    color: var(--am-color-entry-question-strong);
}

.am-entry-chip-assumption {
    background-color: var(--am-color-entry-assumption-soft);
    color: var(--am-color-entry-assumption-strong);
}

.am-entry-chip-note {
    background-color: var(--am-color-entry-note-soft);
    color: var(--am-color-entry-note-strong);
}

.am-entry-chip-feedback {
    background-color: var(--am-color-entry-feedback-soft);
    color: var(--am-color-entry-feedback-strong);
}

.am-entry-chip-ask {
    background-color: var(--am-color-entry-ask-soft);
    color: var(--am-color-entry-ask-strong);
}

.am-entry-chip-consultation {
    background-color: var(--am-color-entry-consultation-soft);
    color: var(--am-color-entry-consultation-strong);
}

.am-entry-chip-finding {
    background-color: var(--am-color-entry-finding-soft);
    color: var(--am-color-entry-finding-strong);
}

.am-entry-chip-decision {
    background-color: var(--am-color-entry-decision-soft);
    color: var(--am-color-entry-decision-strong);
}

.am-type-chip-epic {
    background-color: var(--am-color-type-epic-soft);
    color: var(--am-color-type-epic-strong);
}

.am-type-chip-feature {
    background-color: var(--am-color-type-feature-soft);
    color: var(--am-color-type-feature-strong);
}

.am-type-chip-task {
    background-color: var(--am-color-type-task-soft);
    color: var(--am-color-type-task-strong);
}

.am-order-handle {
    cursor: grab;
}

.am-order-row.sortable-chosen {
    background-color: var(--am-color-table-hover);
}

.am-accordion {
    width: 100%;
    max-width: 32rem;
}

.am-accordion-panel {
    border: 1px solid var(--am-color-border);
    border-radius: var(--am-radius-md);
}

.am-accordion-panel + .am-accordion-panel {
    margin-top: var(--am-space-2);
}

.am-accordion-panel summary {
    padding: var(--am-space-3) var(--am-space-4);
    font-weight: var(--am-font-weight-medium);
    cursor: pointer;
}

.am-accordion-panel summary .am-status-badge,
.am-accordion-panel summary .am-status-icon {
    vertical-align: middle;
}

.am-accordion-panel > :not(summary) {
    margin: 0 var(--am-space-4) var(--am-space-3);
}

.am-version-meta {
    margin: 0;
    font-size: var(--am-font-size-meta);
    color: var(--am-color-text-muted);
}

.am-reply {
    padding: var(--am-space-1) var(--am-space-3);
    border-left: var(--am-size-accent-border) solid var(--am-color-border);
}

.am-reply-success {
    border-left-color: var(--am-color-success);
}

.am-reply-info {
    border-left-color: var(--am-color-info);
}

.am-reply-primary {
    border-left-color: var(--am-color-primary);
}

.am-reply-warning {
    border-left-color: var(--am-color-warning);
}

.am-reply-meta {
    margin: 0;
    font-size: var(--am-font-size-meta);
    color: var(--am-color-text-muted);
}

.am-reply-meta strong {
    color: var(--am-color-text);
}

.am-action-row,
.am-action-group {
    border-bottom: 1px solid var(--am-color-border);
    box-shadow: none;
}

.am-action-summary {
    display: flex;
    align-items: center;
    gap: var(--am-space-2);
    min-height: var(--am-size-table-row-compact);
    cursor: pointer;
}

.am-action-title {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.am-action-status-success {
    color: var(--am-color-success);
}

.am-action-status-danger {
    color: var(--am-color-danger);
}

.am-action-status-info {
    color: var(--am-color-info);
}

.am-action-status-neutral {
    color: var(--am-color-text-muted);
}

.am-action-duration {
    color: var(--am-color-text-muted);
}

.am-action-rows {
    padding-left: var(--am-space-4);
}

.am-action-follow {
    display: flex;
    flex-direction: column;
    gap: var(--am-space-2);
}

.bulma-tag {
    height: auto;
    min-height: 2em;
    max-width: 100%;
    white-space: normal;
}

.bulma-tag.bulma-is-primary.bulma-is-light {
    background-color: var(--am-color-primary-soft);
    color: var(--am-color-primary-strong);
}

.bulma-tag.bulma-is-success.bulma-is-light {
    background-color: var(--am-color-success-soft);
    color: var(--am-color-success-strong);
}

.bulma-tag.bulma-is-warning.bulma-is-light {
    background-color: var(--am-color-warning-soft);
    color: var(--am-color-warning-strong);
}

.bulma-tag.bulma-is-danger.bulma-is-light {
    background-color: var(--am-color-danger-soft);
    color: var(--am-color-danger-strong);
}

.bulma-tag.bulma-is-info.bulma-is-light {
    background-color: var(--am-color-info-soft);
    color: var(--am-color-info-strong);
}

.bulma-tag.bulma-is-rounded.bulma-is-primary:not(.bulma-is-light) {
    background-color: var(--am-color-primary);
    color: var(--am-color-primary-contrast);
}

.bulma-table,
.am-list-detail,
.am-number {
    font-variant-numeric: tabular-nums;
}

.am-reading {
    max-width: var(--am-size-reading);
    line-height: var(--am-line-height-reading);
}

.am-reading .am-copy-text {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.am-document {
    max-width: var(--am-size-reading);
    min-width: 0;
    line-height: var(--am-line-height-reading);
}

.am-document pre {
    overflow-x: auto;
}

.am-document .bulma-table-container {
    overflow-x: auto;
}

.am-document .am-raw-html {
    white-space: pre-wrap;
}

.am-document li.am-task-item {
    list-style: none;
}

.am-task-check {
    margin-right: var(--am-space-2);
    vertical-align: middle;
}

.am-document-alert {
    margin-bottom: var(--am-space-4);
}

.am-document-alert-title {
    margin-bottom: var(--am-space-1);
}

.am-document del {
    color: var(--am-color-text-muted);
}

.am-line-art {
    margin: 0 0 var(--am-space-4);
}

.am-line-art-caption {
    font-weight: var(--am-font-weight-semibold);
    margin-bottom: var(--am-space-2);
}

.am-line-art-body {
    font-family: var(--am-font-family-mono);
    font-size: var(--am-font-size-interface);
    line-height: var(--am-line-height-normal);
    white-space: pre;
    overflow-x: auto;
    background: var(--am-color-surface-muted);
    color: var(--am-color-text);
    padding: var(--am-space-3);
    border-radius: var(--am-radius-sm);
}

.am-line-art-legend {
    color: var(--am-color-text-muted);
    font-size: var(--am-font-size-meta);
    margin-top: var(--am-space-2);
}

.am-line-art-legend-label {
    font-weight: var(--am-font-weight-semibold);
}