/* GTIC Stock & Caisse - design professionnel propre
   Objectif : unifier l'application, conserver uniquement les SVG dans les menus,
   supprimer les anciens emojis/icônes visuelles hors menus. */
:root{
  --gtic-primary:#1A2A5E;
  --gtic-primary-2:#233A7A;
  --gtic-gold:#FFD700;
  --gtic-orange:#E67E22;
  --gtic-bg:#F6F8FC;
  --gtic-card:#FFFFFF;
  --gtic-border:#E8EDF5;
  --gtic-text:#0F172A;
  --gtic-muted:#64748B;
  --gtic-success:#16A34A;
  --gtic-danger:#DC2626;
  --gtic-warning:#F59E0B;
  --gtic-info:#0284C7;
  --gtic-radius:22px;
  --gtic-shadow:0 18px 45px rgba(15,23,42,.08);
  --gtic-shadow-soft:0 10px 28px rgba(15,23,42,.06);
}
*{box-sizing:border-box}
body{
  background:
    radial-gradient(circle at top left, rgba(255,215,0,.10), transparent 32rem),
    radial-gradient(circle at top right, rgba(26,42,94,.10), transparent 36rem),
    var(--gtic-bg)!important;
  color:var(--gtic-text);
}
main.container{max-width:1440px}
.stock-card,.sa-card,.card,.bg-white{
  border-color:var(--gtic-border)!important;
}
.stock-card,.sa-card{
  border-radius:var(--gtic-radius)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.03);
}
.stock-card:hover,.sa-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--gtic-shadow-soft)!important;
}
.desktop-sidebar, aside.no-print{
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(18px);
  border-right:1px solid var(--gtic-border)!important;
}
.stock-nav-item,.gtic-menu-link{
  position:relative;
  min-height:54px;
}
.stock-nav-item:hover,.gtic-menu-link:hover{
  background:#F1F5F9!important;
}
.gtic-menu-svg{
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#F8FAFC;
  border:1px solid rgba(148,163,184,.22);
  margin-right:10px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.gtic-menu-svg svg{width:20px;height:20px;display:block}
.gtic-menu-dashboard svg path{fill:#2563EB}
.gtic-menu-sales svg path{fill:#16A34A}
.gtic-menu-products svg path{fill:#F59E0B}
.gtic-menu-stock svg path{fill:#0EA5E9}
.gtic-menu-clients svg path{fill:#8B5CF6}
.gtic-menu-expenses svg path{fill:#EF4444}
.gtic-menu-suppliers svg path{fill:#14B8A6}
.gtic-menu-reports svg path{fill:#F97316}
.gtic-menu-settings svg path{fill:#64748B}
.gtic-menu-team svg path{fill:#06B6D4}
.gtic-menu-security svg path{fill:#0F766E}
.gtic-menu-support svg path{fill:#7C3AED}
.gtic-menu-notifications svg path{fill:#F59E0B}
.gtic-menu-generic svg path{fill:#475569}

.gtic-no-legacy-icons i,
.gtic-no-legacy-icons .emoji,
.gtic-no-legacy-icons .old-icon{
  display:none!important;
}
input,select,textarea{
  border-radius:16px!important;
  border-color:#DDE5F0!important;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:var(--gtic-primary)!important;
  box-shadow:0 0 0 4px rgba(26,42,94,.10)!important;
}
button,.btn,a[class*="rounded-"]{
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
button:hover,.btn:hover{transform:translateY(-1px)}
table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
thead th{
  background:#F8FAFC!important;
  color:#334155!important;
  font-weight:900!important;
}
tbody tr:hover{
  background:#F8FAFC!important;
}
.badge,.status-badge{
  border-radius:999px!important;
  font-weight:800!important;
}

/* Keep floating widget behavior and icons untouched */
#gtic-widgets-root *,
.gtic-widget-fab *,
.gtic-floating-widgets *,
[id*="notif-fab"] *,
[id*="support-fab"] *,
[id*="apk-fab"] *{
  pointer-events:auto;
}
@media(max-width:767px){
  .gtic-menu-svg{
    width:30px;height:30px;min-width:30px;border-radius:10px;margin-right:0;
  }
  .gtic-menu-svg svg{width:18px;height:18px}
}



/* Thème dynamique par structure */
.gtic-nav-active{
  background:var(--gtic-primary)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(var(--gtic-primary-rgb), .22)!important;
}
.gtic-nav-active .gtic-menu-svg{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.24)!important}
.gtic-nav-active .gtic-menu-svg svg path{fill:#fff!important}
.gtic-bottom-active{color:var(--gtic-primary)!important}
.gtic-theme-choice:has(input:checked){
  border-color:var(--gtic-primary)!important;
  box-shadow:0 0 0 4px rgba(var(--gtic-primary-rgb), .12)!important;
}
button:not(.gtic-float-btn):not(.gtic-close):not([class*="bg-"]),
.btn-primary,
a.btn-primary{
  background:var(--gtic-primary)!important;
  color:#fff!important;
}
a:hover,.gtic-blue{color:var(--gtic-primary)!important}
.gtic-bg-blue{background:var(--gtic-primary)!important}

/* Mode jour */
body.gtic-theme-jour{
  --gtic-bg:#F6F8FC;
  --gtic-card:#FFFFFF;
  --gtic-border:#E8EDF5;
  --gtic-text:#0F172A;
  --gtic-muted:#64748B;
}

/* Mode nuit professionnel */
body.gtic-theme-nuit{
  --gtic-bg:#0B1220;
  --gtic-card:#111827;
  --gtic-border:#243044;
  --gtic-text:#E5E7EB;
  --gtic-muted:#A7B0C0;
  background:
    radial-gradient(circle at top left, rgba(var(--gtic-primary-rgb), .22), transparent 34rem),
    radial-gradient(circle at bottom right, rgba(255,215,0,.08), transparent 34rem),
    #0B1220!important;
  color:var(--gtic-text)!important;
}
body.gtic-theme-nuit .bg-white,
body.gtic-theme-nuit .stock-card,
body.gtic-theme-nuit .sa-card,
body.gtic-theme-nuit .card,
body.gtic-theme-nuit aside.no-print,
body.gtic-theme-nuit .desktop-sidebar,
body.gtic-theme-nuit header.no-print,
body.gtic-theme-nuit .mobile-plus-panel,
body.gtic-theme-nuit .gtic-panel,
body.gtic-theme-nuit .rounded-3xl,
body.gtic-theme-nuit .rounded-2xl{
  background-color:var(--gtic-card)!important;
  border-color:var(--gtic-border)!important;
  color:var(--gtic-text)!important;
}
body.gtic-theme-nuit .bg-slate-50,
body.gtic-theme-nuit .bg-gray-50,
body.gtic-theme-nuit .bg-slate-100,
body.gtic-theme-nuit .bg-gray-100{
  background-color:#182235!important;
  border-color:var(--gtic-border)!important;
  color:var(--gtic-text)!important;
}
body.gtic-theme-nuit .text-slate-900,
body.gtic-theme-nuit .text-slate-800,
body.gtic-theme-nuit .text-slate-700,
body.gtic-theme-nuit .text-gray-900,
body.gtic-theme-nuit .text-gray-800,
body.gtic-theme-nuit .text-gray-700,
body.gtic-theme-nuit h1,
body.gtic-theme-nuit h2,
body.gtic-theme-nuit h3,
body.gtic-theme-nuit h4,
body.gtic-theme-nuit label,
body.gtic-theme-nuit strong{
  color:var(--gtic-text)!important;
}
body.gtic-theme-nuit .text-slate-600,
body.gtic-theme-nuit .text-slate-500,
body.gtic-theme-nuit .text-slate-400,
body.gtic-theme-nuit .text-gray-600,
body.gtic-theme-nuit .text-gray-500,
body.gtic-theme-nuit .text-gray-400,
body.gtic-theme-nuit p{
  color:var(--gtic-muted)!important;
}
body.gtic-theme-nuit input,
body.gtic-theme-nuit select,
body.gtic-theme-nuit textarea{
  background:#0F172A!important;
  border-color:#334155!important;
  color:#F8FAFC!important;
}
body.gtic-theme-nuit input::placeholder,
body.gtic-theme-nuit textarea::placeholder{
  color:#94A3B8!important;
}
body.gtic-theme-nuit table,
body.gtic-theme-nuit thead th,
body.gtic-theme-nuit tbody td{
  background-color:transparent!important;
  border-color:var(--gtic-border)!important;
  color:var(--gtic-text)!important;
}
body.gtic-theme-nuit tbody tr:hover{background:#182235!important}
body.gtic-theme-nuit .gtic-menu-svg{
  background:#0F172A!important;
  border-color:#334155!important;
}
body.gtic-theme-nuit .shadow-sm,
body.gtic-theme-nuit .shadow,
body.gtic-theme-nuit .shadow-xl,
body.gtic-theme-nuit .shadow-2xl{
  box-shadow:0 18px 45px rgba(0,0,0,.30)!important;
}
body.gtic-theme-nuit .border,
body.gtic-theme-nuit .border-slate-100,
body.gtic-theme-nuit .border-gray-100,
body.gtic-theme-nuit .border-gray-200,
body.gtic-theme-nuit .border-slate-200{
  border-color:var(--gtic-border)!important;
}

/* Aperçu instantané du choix utilisateur */
body[data-primary-color] .gtic-nav-active{background:var(--gtic-primary)!important}