/* Poziom 2 - głębsza stylizacja stron panelu wystawcy (patrz plan #62), scopowana
   pod .panel-wystawcy. Te same reguły obejmują też .panel-admin - strony wyłącznie
   admina (Users/Promotions/moderacja itd.) dostały tu lekko podniesiony poziom
   ("1.5": karta/padding/tabele/inputy tokenami), bez pełnej głębi jak panel
   wystawcy (brak np. dedykowanych komponentów). Zmienne z app.css. */

.panel-wystawcy,
.panel-admin {
    background: var(--color-bg);
    padding: 24px 32px;
    border-radius: var(--radius-xl);
}

.panel-wystawcy h1,
.panel-admin h1 {
    font-size: 24px;
    margin-bottom: 8px;
}

.panel-wystawcy .form-label,
.panel-admin .form-label {
    font-size: 12px;
    font-weight: 700;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.panel-wystawcy .form-control,
.panel-wystawcy .form-select,
.panel-admin .form-control,
.panel-admin .form-select {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.panel-wystawcy .form-control:focus,
.panel-wystawcy .form-select:focus,
.panel-admin .form-control:focus,
.panel-admin .form-select:focus {
    border-color: var(--color-primary);
}

.panel-wystawcy table.table,
.panel-admin table.table {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.panel-wystawcy table.table th,
.panel-admin table.table th {
    color: var(--color-text-secondary);
    font-size: 12.5px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom-color: var(--color-border);
}

.panel-wystawcy table.table td,
.panel-admin table.table td {
    border-color: var(--color-border);
}

.panel-wystawcy .alert,
.panel-admin .alert {
    border-radius: var(--radius-md);
    border: none;
}

.panel-wystawcy .btn-outline-danger,
.panel-admin .btn-outline-danger {
    color: #8a5a2e;
    border-color: #8a5a2e;
}

.panel-wystawcy .btn-outline-danger:hover,
.panel-admin .btn-outline-danger:hover {
    color: var(--color-on-primary);
    background-color: #8a5a2e;
    border-color: #8a5a2e;
}

.panel-wystawcy .btn-outline-secondary,
.panel-admin .btn-outline-secondary {
    color: var(--color-text-secondary);
    border-color: var(--color-border);
}

.panel-wystawcy .btn-outline-secondary:hover,
.panel-admin .btn-outline-secondary:hover {
    color: var(--color-on-primary);
    background-color: var(--color-text-secondary);
    border-color: var(--color-text-secondary);
}

.panel-wystawcy .card,
.panel-wystawcy > form,
.panel-admin .card,
.panel-admin > form {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-card);
    border: none;
    padding: 24px;
}

/* Toolbar akcji na Home.razor (panel wystawcy) - zamiast gołych linkow "a · a · a". */
.panel-wystawcy .action-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.panel-wystawcy .action-toolbar a {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: var(--radius-md);
    background: var(--color-surface);
    box-shadow: var(--shadow-card);
    font-size: 13.5px;
    font-weight: 600;
    color: var(--color-text-secondary);
}

.panel-wystawcy .action-toolbar a:hover {
    color: var(--color-on-primary);
    background: var(--color-primary);
}

/* Nadpisanie akcentu Syncfusion (domyslnie niebieski w motywie bootstrap5.css) na
   zielony token - best-effort na znanych klasach motywu, bez pelnego rebuildu
   (patrz plan #62 - "osobny, ryzykowny temat"). Kolory zdarzen SfSchedule i tak
   sa nadawane per-instancja przez ColorField (patrz Home.razor). */
.panel-wystawcy .e-grid .e-gridheader,
.panel-wystawcy .e-grid .e-headercell {
    background: var(--color-primary-tint);
}

.panel-wystawcy .e-grid .e-row:hover td {
    background: var(--color-primary-tint) !important;
}

.panel-wystawcy .e-pager .e-currentitem,
.panel-wystawcy .e-pager .e-currentitem:hover {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-on-primary) !important;
}

.panel-wystawcy .e-schedule .e-active-view .e-tbar-btn-text,
.panel-wystawcy .e-schedule .e-active-view .e-btn-icon {
    color: var(--color-primary) !important;
}

.panel-wystawcy .e-schedule .e-toolbar-item:not(.e-active-view):hover .e-tbar-btn-text {
    color: var(--color-primary-hover) !important;
}

.panel-wystawcy .e-schedule .e-selected-cell {
    background: var(--color-primary-tint) !important;
}

.panel-wystawcy .e-css.e-btn.e-primary,
.panel-wystawcy .e-css.e-btn.e-flat.e-primary {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-on-primary) !important;
}