/* Shared brand tokens for the admin panel + auth screens. The public QR menu
   (public_menu.css) intentionally keeps its own copy of these values so it
   stays a single small stylesheet with no extra dependency — keep the colors
   in sync by eye if you change either file. */
:root {
    /* Matches design_reference/qr_yonetici_panel.png's default palette. */
    --brand-ink: #17171c;
    --brand-ink-soft: #232329;
    --brand-gold: #d4a017;
    --brand-gold-soft: #f5c44d;
    --brand-bg: #f8f6f2;
    --brand-surface: #ffffff;
    --brand-border: rgba(23, 23, 28, 0.08);
    --brand-muted: #6b7280;
    --brand-text: #222222;
    --brand-radius: 14px;
    --brand-shadow: 0 1px 2px rgba(16, 16, 20, 0.04), 0 8px 24px rgba(16, 16, 20, 0.06);
    --brand-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Shared skeleton loading placeholders (SkeletonCard/SkeletonTable/SkeletonList). */
.skeleton {
    background: linear-gradient(90deg, var(--brand-border) 25%, rgba(0, 0, 0, 0.06) 37%, var(--brand-border) 63%);
    background-size: 400% 100%;
    animation: qora-skeleton-shimmer 1.4s ease infinite;
    border-radius: 6px;
}
@keyframes qora-skeleton-shimmer {
    0% { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}
.skeleton-card {
    height: 120px;
    border-radius: var(--brand-radius);
}
.skeleton-table-row {
    height: 20px;
    margin-bottom: 8px;
}
.skeleton-list-item {
    height: 16px;
    width: 80%;
    margin-bottom: 10px;
}

/* Shared full-page loader (PageLoader), toggled via QoraUI.showPageLoader(). */
.qora-page-loader {
    position: fixed;
    inset: 0;
    z-index: 1090;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(248, 246, 242, 0.85);
}