/* Wedding Preparation – small additions on top of the Adminto theme */

:root {
    /* Chart roles (validated with the dataviz palette checker) */
    --wp-section-akad: #2a78d6;
    --wp-section-mahar: #e87ba4;
    --wp-estimate: #86b6ef;
    --wp-paid: #1c5cab;
    --wp-surface: #ffffff;
    --wp-grid: #e7e9eb;
    --wp-ink: #4c4c5c;
    --wp-ink-muted: #8391a2;
}

html[data-bs-theme="dark"] {
    --wp-section-akad: #3987e5;
    --wp-section-mahar: #d55181;
    --wp-estimate: #1c5cab;
    --wp-paid: #6da7ec;
    --wp-surface: #252631;
    --wp-grid: #37394d;
    --wp-ink: #aab8c5;
    --wp-ink-muted: #9ba6b7;
}

/* KPI tiles */
/* Fluid size so "Rp120.000.000" always fits on one line instead of breaking mid-number */
.kpi-value {
    font-size: clamp(1.15rem, 0.95rem + 0.6vw, 1.5rem);
    font-weight: 700;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kpi-hero {
    font-size: 2.25rem;
}

.text-tabular,
.table td.money,
.table th.money {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* Two-part meter (Akad & Resepsi vs Mahar & Seserahan) */
.split-meter {
    display: flex;
    gap: 2px;
    height: 14px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--wp-grid);
}

.split-meter > span {
    display: block;
    height: 100%;
    min-width: 0;
}

.split-meter > span:first-child { border-radius: 4px 0 0 4px; }
.split-meter > span:last-child { border-radius: 0 4px 4px 0; }

.legend-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    margin-right: 6px;
    vertical-align: middle;
}

/* Highlight a row that was just created/updated */
@keyframes wp-flash {
    from { background-color: rgba(var(--ct-warning-rgb), .35); }
    to { background-color: transparent; }
}

tr.row-highlight > td {
    animation: wp-flash 2.5s ease-out;
}

/* Inputs */
.input-rupiah {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.form-required::after {
    content: " *";
    color: var(--ct-danger);
}

/* Auth background accent */
.auth-wedding-icon {
    width: 64px;
    height: 64px;
}