/* Restoran paneline özel küçük farklar (admin.css HTML'de ayrıca <link> ile yüklenir) */
.sidebar .brand span { color: #f2b56b; }
.sidebar nav a.active { border-left-color: #f2b56b; }

.pending-banner {
    background: #fbf0dc;
    border: 1px solid #eccd8f;
    color: #8a5b12;
    padding: 14px 18px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 14px;
}

.limit-warning {
    background: #fbe9e7;
    border: 1px solid #f0c4bd;
    color: #a13a2a;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13.5px;
    margin-bottom: 16px;
}

.package-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.package-card {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px;
    background: #fff;
    position: relative;
}

.package-card.current {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--primary-soft);
}

.package-card h3 { margin: 0 0 4px; font-size: 17px; }
.package-card .price { font-size: 24px; font-weight: 800; color: var(--primary-dark); margin: 10px 0; }
.package-card ul { padding-left: 18px; margin: 10px 0 16px; font-size: 13.5px; color: var(--ink-soft); }
.package-card .tag-current {
    position: absolute; top: 14px; right: 14px;
    background: var(--primary); color: #fff; font-size: 11px;
    padding: 3px 9px; border-radius: 100px; font-weight: 700;
}

.qr-preview {
    text-align: center;
    padding: 20px;
    border: 1px dashed var(--border);
    border-radius: 12px;
    background: #fafbfc;
}
.qr-preview img { max-width: 260px; width: 100%; }

.product-thumb {
    width: 46px; height: 46px; border-radius: 8px; object-fit: cover;
    background: #eee; vertical-align: middle;
}

.calc-box {
    background: var(--primary-soft);
    border-radius: 10px;
    padding: 14px 18px;
    font-size: 14px;
    margin-top: 4px;
}
.calc-box strong { color: var(--primary-dark); }

.tables-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 14px;
}
.table-tile-wrap { display: flex; flex-direction: column; gap: 4px; }
.table-tile {
    display: block;
    text-decoration: none;
    border-radius: 12px;
    padding: 16px 8px;
    text-align: center;
    border: 2px solid var(--border);
    background: #fff;
    color: var(--ink);
    transition: transform .1s;
}
.table-tile:hover { transform: translateY(-1px); }
.table-tile.occupied {
    background: var(--warning-soft);
    border-color: var(--warning);
}
.table-tile.inactive {
    background: #f2f2f2;
    border-color: #e0e0e0;
    color: #999;
}
.table-tile .tnum { font-size: 19px; font-weight: 800; }
.table-tile .tsub { font-size: 11.5px; color: var(--ink-soft); margin-top: 4px; }
.table-tile.occupied .tsub { color: var(--warning); }
.table-tile .ttotal { font-size: 13px; font-weight: 800; margin-top: 3px; color: var(--warning); }
.tile-actions {
    text-align: center;
    font-size: 11.5px;
}
.tile-actions a { color: var(--ink-soft); }