
:root{
  --section-main:#f59e0b;
  --section-soft:rgba(245,158,11,.14);
  --section-line:rgba(245,158,11,.28);
  --btn-shadow:0 10px 20px rgba(56,34,15,.12);
}
body.theme-cafe,
body.theme-admin{position:relative}
body.theme-cafe::before,
body.theme-admin::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at top right, rgba(255,255,255,.38), transparent 34%)}
body.page-cafeteria-dashboard{--section-main:#d97706;--section-soft:rgba(217,119,6,.12);--section-line:rgba(217,119,6,.26)}
body.page-cafeteria-pos{--section-main:#c2410c;--section-soft:rgba(194,65,12,.12);--section-line:rgba(194,65,12,.24)}
body.page-cafeteria-caja{--section-main:#15803d;--section-soft:rgba(21,128,61,.12);--section-line:rgba(21,128,61,.24)}
body.page-cafeteria-proveedores{--section-main:#2563eb;--section-soft:rgba(37,99,235,.12);--section-line:rgba(37,99,235,.24)}
body.page-productos-index, body.page-productos-create, body.page-productos-edit{--section-main:#9333ea;--section-soft:rgba(147,51,234,.12);--section-line:rgba(147,51,234,.22)}
body.page-categorias-index, body.page-categorias-create, body.page-categorias-edit{--section-main:#0f766e;--section-soft:rgba(15,118,110,.12);--section-line:rgba(15,118,110,.22)}
body.page-subcategorias-index, body.page-subcategorias-create, body.page-subcategorias-edit{--section-main:#db2777;--section-soft:rgba(219,39,119,.12);--section-line:rgba(219,39,119,.22)}

.topbar{border-color:var(--section-line); box-shadow:0 18px 40px rgba(77,54,35,.12)}
.topbar h2,.section-title h3{color:var(--section-main)}
.user-box{background:linear-gradient(180deg,#fff 0%, color-mix(in srgb,var(--section-main) 7%, #fff) 100%);border-color:var(--section-line)}
.card{position:relative;overflow:hidden}
.card::after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,var(--section-main), color-mix(in srgb,var(--section-main) 55%, #fff));opacity:.95}
.grid.cards .card:nth-child(2)::after{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}
.grid.cards .card:nth-child(3)::after{background:linear-gradient(90deg,#16a34a,#4ade80)}
.grid.cards .card:nth-child(4)::after{background:linear-gradient(90deg,#dc2626,#f87171)}
.sidebar{background:linear-gradient(180deg,#2b1d15 0%,#4a3124 46%,#6c4633 100%)}
.menu-title{background:rgba(255,255,255,.08);padding:7px 12px;border-radius:999px;display:inline-block}
.nav{margin-bottom:14px}
.nav a{border:1px solid transparent;box-shadow:0 8px 16px rgba(25,14,9,.12)}
.nav a[href*="dashboard"]{background:rgba(217,119,6,.16)}
.nav a[href*="pos"]{background:rgba(194,65,12,.18)}
.nav a[href*="caja"]{background:rgba(21,128,61,.18)}
.nav a[href*="productos"]{background:rgba(147,51,234,.18)}
.nav a[href*="categorias"]{background:rgba(15,118,110,.18)}
.nav a[href*="subcategorias"]{background:rgba(219,39,119,.18)}
.nav a[href*="proveedores"]{background:rgba(37,99,235,.18)}
.nav a:hover,.nav a.is-active{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.18);transform:translateX(3px)}

.btn,
button.btn,
a.btn,
.btn-primary,.btn-info,.btn-secondary,.btn-success,.btn-warning,.btn-danger{border:none !important;border-radius:14px !important;font-weight:800 !important;box-shadow:var(--btn-shadow);transition:.18s ease all !important}
.btn:hover,
button.btn:hover,
a.btn:hover{transform:translateY(-1px);filter:saturate(1.05)}
.btn.primary,.btn-primary{background:linear-gradient(135deg,var(--section-main), color-mix(in srgb,var(--section-main) 55%, #111)) !important;color:#fff !important}
.btn-info{background:linear-gradient(135deg,#0891b2,#06b6d4) !important;color:#fff !important}
.btn-secondary,.btn.soft{background:linear-gradient(135deg,#64748b,#94a3b8) !important;color:#fff !important}
.btn-success,.btn.success{background:linear-gradient(135deg,#15803d,#22c55e) !important;color:#fff !important}
.btn-warning{background:linear-gradient(135deg,#d97706,#f59e0b) !important;color:#fff !important}
.btn-danger{background:linear-gradient(135deg,#b91c1c,#ef4444) !important;color:#fff !important}

body.theme-admin{background:linear-gradient(180deg,#f9fafb 0%,#f3f4f6 100%)}
body.theme-admin .container{max-width:1280px}
body.theme-admin .container.mt-4{margin-top:32px !important}
body.theme-admin h1{font-size:2rem;font-weight:900;color:#24180f;display:flex;align-items:center;gap:12px;margin-bottom:0}
body.theme-admin h1::before{content:"";width:14px;height:14px;border-radius:999px;background:var(--section-main);box-shadow:0 0 0 8px var(--section-soft)}
body.theme-admin .d-flex.justify-content-between.align-items-center.mb-3,
body.theme-admin .d-flex.justify-content-between.align-items-center.mb-4{background:#fff;border:1px solid var(--section-line);box-shadow:0 16px 36px rgba(15,23,42,.07);border-radius:24px;padding:18px 22px}
body.theme-admin .card,
body.theme-admin .card.card-body,
body.theme-admin .card.shadow-sm{border:1px solid var(--section-line);border-radius:22px;box-shadow:0 16px 34px rgba(15,23,42,.07);overflow:hidden}
body.theme-admin .card-body{padding:1.35rem 1.4rem}
body.theme-admin .card-title{color:var(--section-main);font-weight:800}
body.theme-admin .form-control{border-radius:14px;border:1px solid #d6dae0;min-height:46px;box-shadow:none}
body.theme-admin .form-control:focus{border-color:var(--section-main);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--section-main) 16%, transparent)}
body.theme-admin .table{background:#fff;border-radius:18px;overflow:hidden}
body.theme-admin .table thead th{background:linear-gradient(180deg, color-mix(in srgb,var(--section-main) 8%, #fff), color-mix(in srgb,var(--section-main) 18%, #fff));color:#1f2937;border-bottom:0;font-weight:800}
body.theme-admin .table td, body.theme-admin .table th{vertical-align:middle}
body.theme-admin .text-muted{color:#6b7280 !important}
body.theme-admin .alert{border:none;border-radius:16px;box-shadow:0 12px 22px rgba(15,23,42,.08)}

.page-note{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--section-soft);color:var(--section-main);font-size:.85rem;font-weight:700}
.table td .btn{margin-right:4px}
