/* =========================================================
   CENTRI Visual System
   Capa final de marca. No modifica rutas ni lógica Laravel.
   ========================================================= */
:root{
  --centri-blue:#0A5BFF;
  --centri-blue-2:#1A7DFF;
  --centri-navy:#071B46;
  --centri-slate:#52627A;
  --centri-ink:#101828;
  --centri-muted:#667085;
  --centri-soft:#F3F7FF;
  --centri-soft-2:#F7FAFF;
  --centri-border:#E4EAF5;
  --centri-card:#FFFFFF;
  --centri-success:#12B76A;
  --centri-warning:#F79009;
  --centri-danger:#F04438;
  --centri-shadow:0 18px 46px rgba(7,27,70,.09);
  --centri-shadow-sm:0 10px 26px rgba(7,27,70,.07);
  --centri-radius:22px;
}

html, body{
  background:#F5F8FF!important;
}
body.centri-theme,
body.sis-theme,
body.sis-app-layout,
body.centri-auth-page{
  color:var(--centri-ink)!important;
  font-family:"Plus Jakarta Sans","Outfit",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.sis-app-layout:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 10% 2%, rgba(10,91,255,.10), transparent 28rem),
    radial-gradient(circle at 95% 32%, rgba(26,125,255,.08), transparent 26rem),
    linear-gradient(180deg,#F7FAFF 0%,#EEF4FF 100%);
}
.sis-main-shell,
.sis-content-scroll{
  background:transparent!important;
}
.sis-content-scroll{
  padding:18px 22px 0!important;
}
.content-wrapper,
.right-side,
.content{
  background:transparent!important;
}
.content-header > h1,
.content-header h1,
.box-title,
.page-title,
.crenti-panel__header h3{
  color:var(--centri-navy)!important;
  font-weight:900!important;
  letter-spacing:-.035em;
}

/* Sidebar Centri */
.crenti-sidebar,
.side-bar.crenti-sidebar{
  width:292px!important;
  background:linear-gradient(180deg,#071B46 0%,#0B2D72 48%,#092056 100%)!important;
  color:#fff!important;
  border-right:0!important;
  box-shadow:24px 0 60px rgba(7,27,70,.22)!important;
  padding:14px!important;
}
.crenti-sidebar:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 7%, rgba(26,125,255,.46), transparent 14rem),
    radial-gradient(circle at 88% 76%, rgba(10,91,255,.20), transparent 17rem);
  opacity:.85;
}
.crenti-sidebar > *{position:relative;z-index:1;}
.crenti-sidebar-brand{
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.08)!important;
  padding:14px!important;
  margin-bottom:14px!important;
  backdrop-filter:blur(12px);
}
.crenti-sidebar-brand__home{gap:12px!important;color:#fff!important;text-decoration:none!important;}
.crenti-sidebar-brand__logo{
  width:50px!important;height:50px!important;border-radius:17px!important;
  background:#fff!important;box-shadow:0 14px 30px rgba(0,0,0,.22)!important;
  padding:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.crenti-sidebar-brand__logo img{max-width:38px!important;max-height:38px!important;object-fit:contain!important;}
.crenti-sidebar-brand__eyebrow,
.crenti-sidebar-brand__copy small{
  color:rgba(255,255,255,.64)!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:900!important;
}
.crenti-sidebar-brand__copy strong{
  color:#fff!important;font-size:18px!important;font-weight:900!important;line-height:1.08!important;
}
.crenti-sidebar-brand__toggle{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;border-color:rgba(255,255,255,.18)!important;border-radius:14px!important;
}
.crenti-sidebar-menu-wrap{padding:4px 0 8px!important;}
.crenti-sidebar .sidebar-menu > li{margin:4px 0!important;}
.crenti-sidebar .sidebar-menu > li > a,
.crenti-sidebar .treeview-menu > li > a{
  color:rgba(255,255,255,.78)!important;
  border-radius:16px!important;
  min-height:42px!important;
  font-weight:800!important;
  border:1px solid transparent!important;
  background:transparent!important;
}
.crenti-sidebar .sidebar-menu > li > a i,
.crenti-sidebar .treeview-menu > li > a i{color:rgba(255,255,255,.62)!important;}
.crenti-sidebar .sidebar-menu > li:hover > a,
.crenti-sidebar .treeview-menu > li:hover > a{
  background:rgba(255,255,255,.11)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
.crenti-sidebar .sidebar-menu > li.active > a,
.crenti-sidebar .sidebar-menu > li.menu-open > a,
.crenti-sidebar .treeview-menu > li.active > a{
  background:#fff!important;
  color:var(--centri-blue)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
}
.crenti-sidebar .sidebar-menu > li.active > a i,
.crenti-sidebar .sidebar-menu > li.menu-open > a i,
.crenti-sidebar .treeview-menu > li.active > a i{color:var(--centri-blue)!important;}
.crenti-sidebar .treeview-menu{
  margin:6px 0 10px 24px!important;
  border-left:1px solid rgba(255,255,255,.16)!important;
  padding-left:8px!important;
}
.crenti-sidebar-footer{border-top:1px solid rgba(255,255,255,.12)!important;padding:12px 0 0!important;}
.crenti-sidebar-footer__card{
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:20px!important;
  color:#fff!important;
}
.crenti-sidebar-footer__card strong{color:#fff!important;font-weight:900!important;}
.crenti-sidebar-footer__card span,
.crenti-sidebar-footer__card small{color:rgba(255,255,255,.68)!important;}
.crenti-sidebar-logout{color:#fff!important;background:rgba(255,255,255,.08)!important;border-radius:16px!important;}
.crenti-sidebar-logout:hover{background:rgba(240,68,56,.20)!important;color:#fff!important;}
body.sidebar-collapse .crenti-sidebar{width:94px!important;padding:12px 10px!important;}
body.sidebar-collapse .crenti-sidebar-brand{padding:12px 8px!important;}

/* Topbar Centri */
.sis-topbar.ev-topbar{
  position:sticky!important;top:0;z-index:1040;background:rgba(245,248,255,.84)!important;
  backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,234,245,.75)!important;
  padding:14px 22px 10px!important;
}
.ev-topbar-panel{
  border:1px solid rgba(228,234,245,.95)!important;
  background:rgba(255,255,255,.94)!important;
  border-radius:24px!important;
  min-height:72px!important;
  box-shadow:var(--centri-shadow-sm)!important;
  padding:10px 12px!important;
}
.ev-topbar-brand-block{color:var(--centri-navy)!important;text-decoration:none!important;}
.ev-topbar-logo-wrap{
  width:46px!important;height:46px!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#eef5ff)!important;
  border:1px solid var(--centri-border)!important;box-shadow:0 10px 22px rgba(10,91,255,.12)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:7px!important;
}
.ev-topbar-logo-wrap img{max-width:34px!important;max-height:34px!important;object-fit:contain!important;}
.ev-topbar-brand-copy small{color:var(--centri-muted)!important;font-weight:900!important;letter-spacing:.06em;text-transform:uppercase;}
.ev-topbar-brand-copy strong{color:var(--centri-navy)!important;font-size:17px!important;font-weight:900!important;}
.ev-topbar-search{
  border:1px solid var(--centri-border)!important;background:#F8FAFF!important;border-radius:18px!important;
  box-shadow:none!important;min-height:44px!important;color:var(--centri-muted)!important;
}
.ev-topbar-search input{background:transparent!important;color:var(--centri-ink)!important;font-weight:700!important;}
.ev-topbar-icon-btn,
.ev-topbar-date,
.ev-topbar-pill,
.ev-topbar-user-card{
  border-radius:16px!important;border:1px solid var(--centri-border)!important;background:#fff!important;color:var(--centri-navy)!important;
  box-shadow:0 8px 18px rgba(7,27,70,.05)!important;font-weight:900!important;
}
.ev-topbar-icon-btn:hover,
.ev-topbar-pill:hover,
.ev-topbar-user-card:hover{border-color:rgba(10,91,255,.22)!important;color:var(--centri-blue)!important;background:#F5F8FF!important;}
.ev-topbar-pill--primary,
.ev-topbar-pill--soft{
  background:linear-gradient(135deg,var(--centri-blue),var(--centri-blue-2))!important;
  color:#fff!important;border-color:transparent!important;box-shadow:0 12px 24px rgba(10,91,255,.24)!important;
}
.ev-topbar-pill--primary:hover,
.ev-topbar-pill--soft:hover{color:#fff!important;filter:brightness(.98);}
.ev-topbar-avatar{background:var(--centri-soft)!important;color:var(--centri-blue)!important;border:1px solid rgba(10,91,255,.14)!important;}
.ev-topbar-menu{border:1px solid var(--centri-border)!important;border-radius:18px!important;box-shadow:var(--centri-shadow)!important;overflow:hidden;}
.ev-topbar-menu a:hover{background:var(--centri-soft)!important;color:var(--centri-blue)!important;}

/* Content components */
.box,
.nav-tabs-custom,
.modal-content,
.well,
.info-box,
.small-box,
.crenti-panel,
.crenti-metric-card,
.crenti-quick-action,
.crenti-hero-panel,
.card,
.panel{
  border-radius:var(--centri-radius)!important;
  border:1px solid var(--centri-border)!important;
  box-shadow:var(--centri-shadow-sm)!important;
  background:#fff!important;
}
.box{overflow:hidden!important;}
.box.box-primary,.box.box-info,.box.box-success,.box.box-warning,.box.box-danger{border-top:0!important;}
.box-header,
.modal-header,
.panel-heading{
  border-bottom:1px solid #EEF2FA!important;background:#fff!important;color:var(--centri-navy)!important;
}
.box-header .box-title{font-weight:900!important;}
.btn,
.btn-flat,
.btn-sm,
.tw-dw-btn{
  border-radius:14px!important;font-weight:900!important;letter-spacing:-.01em;
}
.btn-primary,.btn-info,.tw-dw-btn-primary,
.btn.bg-blue,.btn.bg-aqua{
  background:linear-gradient(135deg,var(--centri-blue),var(--centri-blue-2))!important;
  border-color:transparent!important;color:#fff!important;box-shadow:0 10px 22px rgba(10,91,255,.22)!important;
}
.btn-success{background:linear-gradient(135deg,#12B76A,#32D583)!important;border-color:transparent!important;color:#fff!important;}
.btn-warning{background:linear-gradient(135deg,#F79009,#FDB022)!important;border-color:transparent!important;color:#fff!important;}
.btn-danger{background:linear-gradient(135deg,#F04438,#F97066)!important;border-color:transparent!important;color:#fff!important;}
.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.input-group-addon{
  border-radius:14px!important;border-color:#D9E2F2!important;background:#fff!important;box-shadow:none!important;
}
.form-control:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple{
  border-color:rgba(10,91,255,.56)!important;box-shadow:0 0 0 4px rgba(10,91,255,.10)!important;
}
.table{border-collapse:separate!important;border-spacing:0!important;}
.table > thead > tr > th,
table.dataTable thead th{
  background:#F4F7FF!important;color:#344054!important;text-transform:uppercase;letter-spacing:.055em;font-size:11px!important;font-weight:900!important;border-bottom:1px solid #E5EBF7!important;
}
.table > tbody > tr > td{border-top:1px solid #EEF2FA!important;vertical-align:middle!important;}
.table-hover > tbody > tr:hover{background:#F8FAFF!important;}
.label,.badge{border-radius:999px!important;font-weight:900!important;padding:.35em .62em!important;}
.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--centri-blue)!important;}
.nav-tabs-custom>.nav-tabs>li.active>a{color:var(--centri-blue)!important;font-weight:900!important;}

/* Dashboard */
.crenti-dashboard-smart{color:var(--centri-ink)!important;padding:2px 0 32px!important;}
.crenti-hero-panel{
  background:
    radial-gradient(circle at 84% 18%, rgba(255,255,255,.24), transparent 13rem),
    linear-gradient(135deg,var(--centri-navy) 0%,#083486 48%,var(--centri-blue) 100%)!important;
  color:#fff!important;border:0!important;box-shadow:0 24px 60px rgba(7,27,70,.22)!important;
}
.crenti-hero-panel h1,
.crenti-hero-panel p,
.crenti-hero-panel .crenti-eyebrow{color:#fff!important;}
.crenti-hero-panel p{opacity:.80!important;}
.crenti-date-filter,.crenti-location-select{
  min-height:46px!important;border-radius:16px!important;border-color:rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.15)!important;color:#fff!important;backdrop-filter:blur(10px);font-weight:900!important;
}
.crenti-location-select option{color:var(--centri-ink)!important;}
.crenti-quick-action:hover,.crenti-metric-card:hover{transform:translateY(-2px);box-shadow:var(--centri-shadow)!important;}
.crenti-quick-action span,
.crenti-metric-card__icon{background:#EEF5FF!important;color:var(--centri-blue)!important;}
.crenti-metric-card:after{background:rgba(10,91,255,.08)!important;}
.crenti-metric-card__body strong{color:var(--centri-navy)!important;}
.crenti-eyebrow{color:var(--centri-blue)!important;}
.crenti-link-btn{background:#EEF5FF!important;color:var(--centri-blue)!important;border-color:#DCE8FF!important;}
.crenti-trend-bars__bar{background:linear-gradient(180deg,var(--centri-blue-2),var(--centri-blue))!important;box-shadow:0 12px 22px rgba(10,91,255,.18)!important;}
.crenti-status-pill--success{background:#ECFDF3!important;color:#027A48!important;border-color:#ABEFC6!important;}
.crenti-status-pill--warning{background:#FFFAEB!important;color:#B54708!important;border-color:#FEDF89!important;}
.crenti-smart-table thead th{background:#F4F7FF!important;color:#344054!important;}

/* Login / auth */
body.centri-auth-page{
  background:
    radial-gradient(circle at 7% 16%, rgba(10,91,255,.17), transparent 28rem),
    radial-gradient(circle at 96% 74%, rgba(26,125,255,.20), transparent 26rem),
    linear-gradient(135deg,#F7FAFF 0%,#EEF5FF 100%)!important;
}
.centri-auth-panel{border-radius:34px!important;border:1px solid rgba(255,255,255,.82)!important;background:rgba(255,255,255,.88)!important;}
.centri-auth-stage{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.20), transparent 16rem),
    linear-gradient(145deg,var(--centri-navy),#083486 54%,var(--centri-blue))!important;
}
.centri-auth-stage__badge,
.centri-login-kicker{background:#EEF5FF!important;color:var(--centri-blue)!important;border-color:#DCE8FF!important;}
.centri-login-card{border-radius:30px!important;border:1px solid #E7EDF9!important;box-shadow:0 28px 80px rgba(7,27,70,.16)!important;}
.centri-login-card__topline{background:linear-gradient(90deg,var(--centri-blue),var(--centri-blue-2),#66A6FF)!important;}
.centri-login-header h1,.centri-auth-brand__text strong{color:var(--centri-navy)!important;}
.centri-input-wrap{border-color:#D9E2F2!important;border-radius:16px!important;}
.centri-login-submit,.centri-login-form .btn-primary{background:linear-gradient(135deg,var(--centri-blue),var(--centri-blue-2))!important;}

/* POS header */
.centri-pos-toolbar,.sis-pos-toolbar{
  border-radius:22px!important;border:1px solid var(--centri-border)!important;box-shadow:var(--centri-shadow-sm)!important;background:#fff!important;
}
.centri-pos-datetime{background:linear-gradient(135deg,var(--centri-blue),var(--centri-blue-2))!important;border-radius:14px!important;}
.sis-pos-toolbar-chip{border-radius:14px!important;border-color:#E4EAF5!important;}

/* Keep old green/aqua accents from previous themes under Centri blue */
.text-aqua,.text-blue,.text-info{color:var(--centri-blue)!important;}
.bg-aqua,.bg-blue,.callout.callout-info{background-color:var(--centri-blue)!important;}
a{color:var(--centri-blue);}
a:hover{color:#0647C8;}
.sis-footer p{color:#667085!important;}

@media (max-width:1199px){
  .crenti-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .crenti-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:991px){
  .sis-content-scroll{padding:12px!important;}
  .sis-topbar.ev-topbar{padding:10px!important;}
  .ev-topbar-panel{border-radius:20px!important;}
  .crenti-sidebar.small-view-side-active{width:min(326px,calc(100vw - 20px))!important;}
  .crenti-dashboard-layout{grid-template-columns:1fr!important;}
}
@media (max-width:640px){
  .crenti-quick-actions,.crenti-metric-grid,.crenti-bottom-grid{grid-template-columns:1fr!important;}
  .crenti-hero-panel{flex-direction:column!important;align-items:flex-start!important;padding:22px!important;border-radius:24px!important;}
  .ev-topbar-center{display:none!important;}
}
body.sis-theme.route-users .content-header,
body.sis-theme.route-roles .content-header{
  background:linear-gradient(135deg,var(--centri-navy),var(--centri-blue))!important;
  border-radius:26px!important;
  border:0!important;
  box-shadow:0 22px 55px rgba(7,27,70,.18)!important;
}
body.sis-theme.route-users .content-header::after,
body.sis-theme.route-roles .content-header::after{content:"CENTRI"!important;}