/* Combat tracker: round controls, the initiative table, inline action forms. */

.app-tracker-header .app-page-header__row {
    align-items: center;
}

.app-tracker-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--app-space-2);
}

.app-tracker-round {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 4.5rem;
    padding: 0.2rem 0.6rem;
    border: 1px solid var(--app-border-strong);
    border-radius: var(--app-radius);
    background: var(--app-surface-sunken);
}

.app-tracker-round__label {
    color: var(--app-muted);
    font-size: var(--app-text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.app-tracker-round__value {
    font-family: var(--app-font-display);
    font-size: var(--app-text-xl);
    font-weight: 700;
    line-height: 1.1;
}

.app-tracker-end {
    display: flex;
    align-items: center;
    gap: var(--app-space-2);
    margin-inline-start: var(--app-space-3);
}

.app-tracker-end .app-field__check {
    margin: 0;
    font-size: var(--app-text-sm);
}

/* Table -------------------------------------------------------------------- */
.app-tracker td {
    vertical-align: top;
}

.app-tracker__row.is-current td {
    background: var(--app-primary-glow);
    box-shadow: inset 3px 0 0 var(--app-primary);
}

.app-tracker__row.is-dying td {
    background: var(--app-danger-bg);
}

.app-tracker__row.is-dead td {
    color: var(--app-faint);
}

.app-tracker__row.is-dead .app-tracker__title strong {
    text-decoration: line-through;
}

.app-tracker__row.is-hidden .app-tracker__title strong {
    color: var(--app-muted);
    font-style: italic;
}

.app-tracker__ini strong {
    display: block;
    font-family: var(--app-font-display);
    font-size: var(--app-text-xl);
    line-height: 1.1;
}

.app-tracker__ini small {
    display: block;
    margin-bottom: var(--app-space-1);
    white-space: nowrap;
}

.app-tracker__ini form {
    display: inline-flex;
}

.app-tracker__title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--app-space-1) var(--app-space-2);
}

.app-tracker__attacks {
    margin: var(--app-space-1) 0 0;
    padding: 0;
    color: var(--app-muted);
    font-size: var(--app-text-xs);
    list-style: none;
}

.app-tracker__attacks span {
    color: var(--app-text);
    font-weight: 500;
}

.app-tracker__meta {
    margin: var(--app-space-1) 0 0;
    color: var(--app-muted);
    font-size: var(--app-text-xs);
}

.app-tracker__mini {
    display: inline-flex;
    align-items: center;
    gap: var(--app-space-1);
    margin-top: var(--app-space-1);
}

.app-tracker__mini input[type="number"] {
    width: 4rem;
    padding: 0.2rem 0.4rem;
}

.app-tracker__mini input[type="text"] {
    width: 11rem;
    padding: 0.2rem 0.4rem;
}

.app-tracker__mini select {
    width: auto;
    padding: 0.2rem 1.6rem 0.2rem 0.4rem;
}

.app-tracker__check {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: var(--app-text-xs);
}

.app-tracker__check input {
    width: 0.9rem;
    height: 0.9rem;
    margin: 0;
}

.app-tracker__lep .app-sheet-bar {
    min-width: 9rem;
}

.app-tracker__defense strong,
.app-tracker__defense small,
.app-tracker__actions small {
    display: block;
}

.app-tracker__defense form,
.app-tracker__actions .app-cluster {
    margin-top: var(--app-space-2);
}

.app-tracker__pips {
    display: inline-flex;
    gap: 0.25rem;
}

.app-tracker__pip {
    width: 0.7rem;
    height: 0.7rem;
    border: 1px solid var(--app-primary-strong);
    border-radius: 50%;
}

.app-tracker__pip.is-used {
    background: var(--app-primary);
}

.app-tracker__conditions form {
    margin-top: var(--app-space-2);
}

.app-tracker__menu {
    white-space: nowrap;
}

.app-tracker__menu form {
    display: inline-block;
}

.app-tracker-add {
    margin-top: var(--app-space-5);
}

.app-action-card--active {
    border-color: var(--app-danger);
}