/* Содержимое карточки: подвалы, полосы прогресса, примеры.
   Часть v3/word-card.css; порядок частей важен — см. static/README.md. */
.content-footer--progress {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px 12px;
    margin-top: var(--space-5);
    container-type: inline-size;
}

.content-footer__status,
[data-word-actions] [data-word-action-meta].button-panel__status,
[data-pref-stats].button-panel__status {
    --button-panel-status-border: var(--word-page-status-border);
    --button-panel-status-color: var(--text-secondary);
}

.content-footer--progress[hidden] {
    display: none !important;
}

.content-footer__status {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    flex: 0 0 auto;
    align-self: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--theme-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--type-label-weight);
    line-height: var(--type-label-line);
}

.content-footer__separator,
.content-prefs__separator {
    display: inline-flex;
    align-items: center;
    margin-inline: 2px;
    color: inherit;
}

.content-footer__status[hidden] {
    display: none !important;
}

.content-footer__actions {
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-self: center;
    gap: 8px;
    padding: 0;
    max-width: 100%;
}

.content-footer__actions .app-button {
    --app-button-bg: var(--theme-surface-base);
    --app-button-bg-hover: var(--word-surface-hover);
    --app-button-bg-active: var(--word-surface-active);
    --app-button-border: var(--theme-border-control);
    --app-button-border-hover: var(--theme-border-control-hover);
    --app-button-color: var(--text-primary);
    --app-button-color-hover: var(--text-primary);
    min-width: auto;
    justify-content: center;
    font-size: var(--font-size-sm);
    line-height: var(--type-button-line);
    font-weight: var(--type-control-weight);
    text-align: center;
    flex: 0 0 auto;
}

.content-footer__actions .app-button .action-icon {
    width: 16px;
    height: 16px;
    opacity: var(--state-opacity-muted);
}

.content-footer__actions .app-button:focus-visible .action-icon,
.content-footer__actions .app-button[aria-pressed="true"] .action-icon,
.content-footer__actions .app-button[aria-current]:not([aria-current="false"]) .action-icon {
    opacity: 1;
}

@keyframes list-progress-spin {
    to { transform: rotate(360deg); }
}

[data-list-progress-load-more][data-loading="1"] .action-icon {
    display: none;
}

[data-list-progress-load-more][data-loading="1"]::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1.5px solid currentColor;
    border-top-color: transparent;
    animation: list-progress-spin 0.7s linear infinite;
    flex-shrink: 0;
    align-self: center;
}

[data-word-actions] {
    margin: 0;
    grid-area: actions;
    position: relative;
    box-shadow: var(--shadow-none);
    --button-panel-bg: transparent;
    --button-panel-border: transparent;
    --button-panel-padding: 0;
    --button-panel-gap: 8px;
}

[data-word-actions][data-word-actions-pending="1"] {
    min-height: var(--button-height-unified);
}

[data-word-actions].button-panel--split {
    justify-content: flex-start;
}

[data-word-actions].button-panel--split > :first-child {
    flex: 0 1 auto;
    min-width: 0;
}

[data-word-actions].button-panel--split > :last-child {
    margin-inline-start: 0;
}

[data-word-entry-hero][data-word-entry-layout="stack"] [data-word-actions] {
    grid-area: auto;
    inline-size: min(100%, 64ch);
    max-width: 100%;
    justify-self: start;
    align-self: start;
}

[data-word-entry-hero][data-word-entry-layout="stack"] [data-word-actions].button-panel--split {
    justify-content: flex-start;
}

[data-word-entry-hero][data-word-entry-layout="stack"] [data-word-actions].button-panel--split > :first-child {
    flex: 0 1 auto;
    min-width: 0;
}

[data-word-entry-hero][data-word-entry-layout="stack"] [data-word-actions].button-panel--split > :last-child {
    margin-inline-start: 0;
}

[data-word-actions] [data-word-actions-primary] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex: 0 1 auto;
    min-width: 0;
    gap: 8px;
    padding: 0;
}

[data-word-entry-hero][data-word-entry-layout="stack"] [data-word-actions] [data-word-actions-primary] {
    flex: 0 1 auto;
}

[data-word-entry-hero][data-word-entry-layout="stack"] [data-word-entry-media] {
    grid-area: auto;
}

[data-word-actions] [data-word-actions-primary] > * {
    display: inline-flex;
    align-items: stretch;
    flex: 0 0 auto;
    min-width: 0;
    min-height: var(--button-height-unified);
}

[data-word-actions] :is(.app-button, .icon-button),
:is([data-word-action-strip], .section-head__action-rail--block, .audio-action-row) :is(.icon-button, .audio-speaker-trigger) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--control-gap-base);
    text-decoration: none;
    font-size: var(--font-size-sm);
    line-height: var(--type-button-line);
}

[data-word-actions] :is(.app-button, .icon-button) {
    --button-chrome-bg: var(--theme-surface-base);
    --button-chrome-bg-hover: var(--word-surface-hover);
    --button-chrome-bg-active: var(--word-surface-active);
    --button-chrome-border: var(--theme-border-control);
    --button-chrome-border-hover: var(--theme-border-control-hover);
    --button-chrome-color: var(--text-primary);
    --button-chrome-color-hover: var(--text-primary);
}

[data-word-actions] .app-button[data-word-action] {
    --app-button-bg: var(--theme-surface-base);
    --app-button-bg-hover: var(--word-surface-hover);
    --app-button-bg-active: var(--word-surface-active);
    --app-button-border: var(--theme-border-control);
    --app-button-border-hover: var(--theme-border-control-hover);
    --app-button-color: var(--text-primary);
    --app-button-color-hover: var(--text-primary);
}

[data-word-actions] .icon-button {
    --button-icon-box-size: var(--button-height-unified);
}

[data-word-actions] .action-icon,
:is([data-word-action-strip], .section-head__action-rail--block, .audio-action-row) .action-icon {
    width: 16px;
    height: 16px;
    opacity: var(--state-opacity-muted);
}

:is([data-word-action-strip], .section-head__action-rail--block) .icon-button {
    --button-icon-box-size: 30px;
    --button-icon-size: 16px;
    flex: 0 0 30px;
}

:is([data-word-action-strip], .section-head__action-rail--block) .action-icon {
    opacity: 1;
}

/* Block card strips: no floating panel box — transparent bg/border */
.content-card--example [data-word-action-strip="example"],
.word-reference-card [data-word-action-strip="reference"] {
    --button-panel-bg: transparent;
    --button-panel-border: transparent;
    --button-panel-shadow: none;
    --button-panel-padding: 0;
}