/*
 * File Path: assets/css/admin/arc/arc-structure.css
 * ARC metabox -- wrapper, disabled overlay, status/dates header row, tier badge.
 * Component of mbs-admin-arc.css (R-016).
 */

/* ── Wrapper ──────────────────────────────────────────────────── */
.mbs-arc-wrap {
    position: relative;
}

/* ── Disabled overlay (FREE tier / other book Active) ────────── */
.mbs-arc-disabled-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.82);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    pointer-events: auto;
}

.mbs-arc-disabled-overlay .mbs-arc-disabled-msg {
    text-align: center;
    padding: 20px;
    max-width: 420px;
}

.mbs-arc-disabled-overlay .mbs-arc-disabled-msg p {
    margin: 0 0 12px;
    font-size: 13px;
    color: #50575e;
}

.mbs-arc-disabled-overlay .mbs-arc-disabled-msg a.button {
    margin-top: 4px;
}

/* ── Status / Dates header row ────────────────────────────────── */
.mbs-arc-header {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dcdcdc;
}

.mbs-arc-header-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mbs-arc-header-field label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #646970;
    letter-spacing: 0.03em;
}

.mbs-arc-header-field input[type="date"],
.mbs-arc-header-field input[type="text"],
.mbs-arc-header-field select {
    min-width: 160px;
}

.mbs-arc-status-select {
    font-weight: 600;
}

.mbs-arc-copies-field input[type="number"] {
    width: 80px;
}

/* ── Tier badge ───────────────────────────────────────────────── */
.mbs-arc-tier-badge {
    margin-left: auto;
    align-self: center;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 9px;
    border-radius: 10px;
    background: #f0f0f1;
    color: #50575e;
    border: 1px solid #c3c4c7;
}

.mbs-arc-tier-badge.is-pro {
    background: #f0f6fc;
    color: var(--mbs-status-info);
    border-color: #a5cde8;
}

.mbs-arc-tier-badge.is-pub {
    background: #eefaf1;
    color: #1a7a37;
    border-color: #8dcea0;
}

