/* ======================================================
ADMIN PANEL BASE
Diez Catering SaaS
====================================================== */

:root{

--admin-bg:#f6f7fb;
--admin-card-bg:#ffffff;
--admin-border:#e7e9ef;

--admin-primary:#0d6efd;
--admin-primary-soft:#e9f1ff;

--admin-success:#198754;
--admin-danger:#dc3545;
--admin-warning:#ffc107;

--admin-text:#2b2f38;
--admin-text-soft:#6c757d;

--admin-radius:14px;

}



/* ======================================================
BASE
====================================================== */

body{

background:var(--admin-bg);
color:var(--admin-text);

font-size:14.5px;

}



/* ======================================================
PAGE HEADER
====================================================== */

.page-header{

margin-bottom:25px;

}

.page-header h1{

font-weight:700;

}



/* ======================================================
CARDS
====================================================== */

.card{

border:0;
border-radius:var(--admin-radius);
background:var(--admin-card-bg);

box-shadow:

0 1px 2px rgba(0,0,0,0.04),
0 3px 10px rgba(0,0,0,0.04);

}



.card-header{

background:transparent;
border-bottom:1px solid var(--admin-border);

font-weight:600;

}



.card-body{

padding:1.4rem;

}



.card-title{

font-weight:600;
margin-bottom:1rem;

}



/* ======================================================
TABLES
====================================================== */

.table{

margin-bottom:0;

}



.table thead th{

font-size:13px;
font-weight:600;

text-transform:uppercase;
letter-spacing:0.03em;

color:var(--admin-text-soft);

border-bottom:2px solid var(--admin-border);

}



.table tbody tr{

transition:background .15s;

}



.table tbody tr:hover{

background:#f9fafc;

}



.table td{

vertical-align:middle;

}



/* ======================================================
BUTTONS
====================================================== */

.btn{

border-radius:999px;
font-weight:500;

padding:.45rem .9rem;

}



.btn-primary{

background:var(--admin-primary);
border:0;

}



.btn-outline-secondary{

border-color:var(--admin-border);

}



.btn-sm{

padding:.30rem .65rem;

font-size:13px;

}



/* ======================================================
FORMS
====================================================== */

.form-control,
.form-select{

border-radius:10px;

border:1px solid var(--admin-border);

font-size:14px;

padding:.45rem .65rem;

}



.form-control:focus,
.form-select:focus{

border-color:var(--admin-primary);

box-shadow:0 0 0 .15rem rgba(13,110,253,.15);

}



.form-label{

font-size:13px;
font-weight:500;

color:var(--admin-text-soft);

}



/* ======================================================
ALERTS
====================================================== */

.alert{

border-radius:12px;

font-size:14px;

}



/* ======================================================
BADGES
====================================================== */

.badge{

font-weight:500;
border-radius:8px;

padding:.35rem .55rem;

}



/* ======================================================
STAT CARDS
====================================================== */

.stat-card{

text-align:center;

}

.stat-card .stat-title{

font-size:12px;
color:var(--admin-text-soft);

}

.stat-card .stat-value{

font-size:22px;
font-weight:700;

}



/* ======================================================
FILTER BARS
====================================================== */

.filter-bar{

background:white;

border-radius:var(--admin-radius);

padding:14px;

box-shadow:

0 1px 2px rgba(0,0,0,0.04),
0 3px 10px rgba(0,0,0,0.04);

}



/* ======================================================
ACTION BAR
====================================================== */

.action-bar{

display:flex;

gap:10px;

flex-wrap:wrap;

}



/* ======================================================
MOBILE
====================================================== */

@media (max-width:768px){

h1{

font-size:1.4rem;

}

.card-body{

padding:1rem;

}

.table{

font-size:13px;

}

}