/* ============================================================================
   GIS — Standardized Sidebar Menu  (shared stylesheet)
   ----------------------------------------------------------------------------
   Ported from the approved GIS menu redesign. Teal/green theme kept.

   DESIGN GOAL
   Give every module's `_menu.blade.php` ONE consistent look by restyling the
   shared class vocabulary that all sidebars already use:
     .gis-sidebar .sidebar-logo .sidebar-item .sidebar-icon
     .sidebar-nav  .sidebar-sub  .head-menu  .head-menu-infor  .sidebar-hr
   plus folding the off-theme navbars (.navbar-inverse-infor red,
   .navbar-inverse-mpr navy) back into the standard teal.

   SAFETY CONTRACT — this file is APPEARANCE ONLY.
   It never sets position / transform / width / height / z-index / display on
   .gis-sidebar or .sidebar-nav, so it does NOT interfere with the different
   drawer mechanics in use across layouts:
     - canonical layout: fixed drawer via transform:translateX(-100%)/.active
     - ppc/coil _navigator: width-collapse via .hidden-sidebar{width:0}
     - Bootstrap collapse still owns show/hide of .sidebar-nav.collapse(.in)
   Removing the <link> to this file fully reverts the look. Selectors are
   body-scoped (e.g. `body .gis-sidebar .sidebar-item`) purely to out-specify
   the older inline .gis-sidebar blocks each layout still declares after
   @include('layouts.head').
   ============================================================================ */

:root{
  --gis-teal:#169cc7;        /* = existing --primary-color      */
  --gis-teal-deep:#12657d;   /* = existing --primary-color-deep */
  --gis-green:#25d79d;       /* accent                          */
  --gis-ink:#12303a;
  --gis-ink-soft:#3f5963;
  --gis-muted:#7a8c93;
  --gis-panel:#ffffff;
  --gis-line:#e2ede8;
  --gis-line-soft:#eef4f1;
  --gis-tile:#eaf5f1;
  --gis-grad:linear-gradient(135deg,var(--gis-teal),var(--gis-green));
  --gis-radius:10px;
  --gis-speed:.2s;
}

/* ---- panel ---------------------------------------------------------------- */
body .gis-sidebar{
  background:var(--gis-panel);
  border-right:1px solid var(--gis-line);
  box-shadow:4px 0 18px rgba(11,38,46,.10);
  padding-bottom:56px;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;
}
body .gis-sidebar::-webkit-scrollbar{width:8px;height:8px}
body .gis-sidebar::-webkit-scrollbar-thumb{background:#cdded7;border-radius:8px;border:2px solid transparent;background-clip:content-box}
body .gis-sidebar::-webkit-scrollbar-thumb:hover{background:#b6ccc3;background-clip:content-box}

/* ---- module logo header --------------------------------------------------- */
body .gis-sidebar .sidebar-logo{
  width:auto;height:auto;max-width:160px;max-height:48px;
  margin:6px auto 12px;display:block;object-fit:contain;
}
/* soft divider + tint under the centered logo wrapper (bonus; no-op if absent) */
body .gis-sidebar > div[style*="text-align: center"],
body .gis-sidebar > div[style*="text-align:center"]{
  padding:14px 14px 6px;margin-bottom:6px;
  border-bottom:1px solid var(--gis-line-soft);
  background:linear-gradient(180deg,#f1faf7,#ffffff);
}

/* ---- section header (.head-menu) → calm label + gradient tick ------------- */
body .gis-sidebar .head-menu,
body .head-menu,
body .gis-sidebar .head-menu-infor,
body .head-menu-infor{
  display:flex;align-items:center;gap:9px;
  margin:10px 12px 2px;padding:12px 4px 5px;
  background:none !important;border:0;border-radius:0;
  color:var(--gis-muted) !important;
  font-size:11px !important;font-weight:700 !important;
  letter-spacing:.7px;text-transform:uppercase;line-height:1.3;
}
body .gis-sidebar .head-menu-infor,
body .head-menu-infor{color:var(--gis-teal-deep) !important} /* fold INFOR red */
body .gis-sidebar .head-menu::before,
body .head-menu::before,
body .gis-sidebar .head-menu-infor::before,
body .head-menu-infor::before{
  content:"";flex:0 0 auto;width:14px;height:3px;border-radius:3px;background:var(--gis-grad);
}

/* ---- collapsible group header (.sidebar-item) ----------------------------- */
body .gis-sidebar .sidebar-item{
  display:flex;align-items:center;gap:11px;
  margin:2px 10px;padding:9px 11px;
  background:none;border:0;border-left:0;border-radius:var(--gis-radius);
  box-shadow:none;
  color:var(--gis-ink-soft);font-size:13.5px;font-weight:600;line-height:1.3;
  white-space:normal;cursor:pointer;
  transition:background var(--gis-speed),color var(--gis-speed);
}
body .gis-sidebar .sidebar-item:hover{background:#eff8f4;color:var(--gis-teal-deep)}
/* chevron pushed right + muted (glyph itself is toggled by existing JS) */
body .gis-sidebar .sidebar-item .fa-chevron-down,
body .gis-sidebar .sidebar-item .fa-chevron-right,
body .gis-sidebar .sidebar-item .fa-angle-down,
body .gis-sidebar .sidebar-item .fa-angle-right,
body .gis-sidebar .sidebar-item .pull-right{
  margin-left:auto;float:none;color:#adbdc2;font-size:12px;
}
/* logout item: subtle danger affordance on hover only */
body .gis-sidebar .sidebar-item[onclick*="logout"]:hover{background:#fdeeee;color:#c0392b}
body .gis-sidebar .sidebar-item[onclick*="logout"]:hover .sidebar-icon{background:#f9dcdc;color:#c0392b}

/* ---- icon tiles (.sidebar-icon) — normalize mixed PNG + Font Awesome ------ */
body .gis-sidebar .sidebar-icon{
  width:26px;height:26px;flex:0 0 26px;margin:0;
  border-radius:7px;background:var(--gis-tile);
  padding:4px;object-fit:contain;vertical-align:middle;color:var(--gis-teal);
  display:inline-flex;align-items:center;justify-content:center;
  transition:background var(--gis-speed),color var(--gis-speed);
}
body .gis-sidebar i.sidebar-icon,
body .gis-sidebar span.sidebar-icon{padding:0;font-size:13px}
body .gis-sidebar .sidebar-item:hover .sidebar-icon{background:#dcefe8}
/* also tile a leading Font Awesome glyph used AS an icon (modules w/o .sidebar-icon) */
body .gis-sidebar .sidebar-item > i.fa:first-child{
  width:26px;height:26px;flex:0 0 26px;border-radius:7px;background:var(--gis-tile);
  display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--gis-teal);margin:0;
}

/* ---- collapsible body (.sidebar-nav) — Bootstrap collapse still owns show/hide */
body .gis-sidebar .sidebar-nav{background:transparent;margin:0;padding:2px 0 4px}

/* ---- sub item (.sidebar-sub) — click is delegated on the div by layout JS - */
body .gis-sidebar .sidebar-sub{
  display:flex;align-items:center;gap:9px;
  margin:2px 10px 2px 24px;padding:8px 11px;
  background:none;border:0;border-left:2px solid var(--gis-line);border-radius:0 8px 8px 0;
  color:var(--gis-ink-soft);font-size:13px;font-weight:500;cursor:pointer;
  transition:background var(--gis-speed),border-color var(--gis-speed),color var(--gis-speed);
}
body .gis-sidebar .sidebar-sub > a{
  display:flex;align-items:center;gap:9px;flex:1 1 auto;min-width:0;
  color:inherit;text-decoration:none;font-weight:inherit;
}
body .gis-sidebar .sidebar-sub .sidebar-icon{width:22px;height:22px;flex:0 0 22px;background:transparent;padding:2px;border-radius:6px}
body .gis-sidebar .sidebar-sub > a > i.fa:first-child{width:22px;height:22px;flex:0 0 22px;border-radius:6px;background:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--gis-teal);margin:0}
body .gis-sidebar .sidebar-sub:hover{background:#eff8f4;border-left-color:var(--gis-teal);color:var(--gis-teal-deep)}
body .gis-sidebar .sidebar-sub:hover .sidebar-icon{color:var(--gis-teal-deep)}

/* the one flourish: active item = teal→green gradient pill */
body .gis-sidebar .sidebar-sub.active{
  background:var(--gis-grad);border-left-color:transparent;color:#fff;font-weight:600;
  box-shadow:0 8px 18px -8px rgba(22,156,199,.6);
}
body .gis-sidebar .sidebar-sub.active > a,
body .gis-sidebar .sidebar-sub.active > a *{color:#fff}
body .gis-sidebar .sidebar-sub.active .sidebar-icon,
body .gis-sidebar .sidebar-sub.active > a > i.fa:first-child{background:rgba(255,255,255,.22);color:#fff}

/* ---- nested "prog" variants used by ppc/coil _navigator ------------------- */
body .gis-sidebar .sidebar-item--prog{
  margin:2px 10px 2px 24px;padding:8px 11px;border-radius:8px;
  background:none;box-shadow:none;font-size:13px;font-weight:600;color:var(--gis-ink-soft);
}
body .gis-sidebar .sidebar-item--prog:hover{background:#eff8f4;color:var(--gis-teal-deep)}
body .gis-sidebar .sidebar-sub--prog{margin-left:38px}

/* ---- separators ----------------------------------------------------------- */
body .gis-sidebar .sidebar-hr,
body .gis-sidebar hr{border:0;border-top:1px solid var(--gis-line-soft);margin:8px 12px}

/* ---- off-theme navbars folded into the standard teal ---------------------- */
body .navbar-inverse-infor,
body .navbar-inverse-mpr{
  background-color:var(--gis-teal) !important;
  border-color:var(--gis-teal-deep) !important;
}
body .infor-badge{background:#ffffff;color:var(--gis-teal-deep)}

@media (prefers-reduced-motion:reduce){
  body .gis-sidebar *,
  body .gis-sidebar *::before{transition:none !important}
}