/* SGSLav Document Manager - Contextual Help 1.26 */
.sg-help-scope{position:relative!important}
.sg-help-trigger{
  position:absolute;top:10px;right:10px;z-index:12;
  width:24px;height:24px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid #bfcbd6;color:#4f6579;
  font:800 14px/1 Arial,Helvetica,sans-serif;
  box-shadow:0 2px 7px rgba(25,41,56,.08);
  cursor:help;user-select:none;transition:.16s ease;
}
.sg-help-trigger:hover,.sg-help-trigger:focus-visible{
  background:#edf5e5;border-color:#85aa49;color:#4f7c15;
  box-shadow:0 4px 12px rgba(61,94,22,.14);
  outline:none;transform:translateY(-1px)
}
.sg-help-trigger::before{content:"i";font-style:normal}
.sg-help-trigger.sg-help-inline{
  position:relative;top:auto;right:auto;vertical-align:middle;margin-left:7px;
  width:20px;height:20px;font-size:12px
}
.sg-help-tooltip{
  position:fixed;z-index:100000;width:min(360px,calc(100vw - 28px));
  background:#17212b;color:#f8fbfd;border:1px solid rgba(255,255,255,.12);
  border-radius:12px;padding:13px 14px 12px;
  box-shadow:0 14px 38px rgba(8,18,27,.28);
  opacity:0;visibility:hidden;transform:translateY(4px);
  transition:opacity .13s ease,transform .13s ease,visibility .13s ease;
  pointer-events:none
}
.sg-help-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}
.sg-help-tooltip-title{
  font-size:13px;font-weight:900;margin:0 22px 5px 0;color:#cce5a7
}
.sg-help-tooltip-text{font-size:12px;line-height:1.48;color:#e4ebf0}
.sg-help-tooltip-text strong{color:#fff}
.sg-help-tooltip-arrow{
  position:absolute;width:10px;height:10px;background:#17212b;
  transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.09);
  border-top:1px solid rgba(255,255,255,.09)
}
.sg-help-tooltip[data-placement="bottom"] .sg-help-tooltip-arrow{top:-6px}
.sg-help-tooltip[data-placement="top"] .sg-help-tooltip-arrow{bottom:-6px;transform:rotate(225deg)}
.sg-help-tooltip-kicker{
  font-size:9px;letter-spacing:.09em;text-transform:uppercase;
  color:#91b861;font-weight:900;margin-bottom:4px
}
/* Do not let the info badge steal the visual hierarchy of compact controls */
.topbar .sg-help-trigger,.client-nav .sg-help-trigger,.admin-nav .sg-help-trigger{display:none!important}
@media(max-width:700px){
  .sg-help-trigger{top:8px;right:8px}
  .sg-help-tooltip{width:min(330px,calc(100vw - 20px))}
}
@media(prefers-reduced-motion:reduce){
  .sg-help-trigger,.sg-help-tooltip{transition:none!important}
}


/* 1.26.1 — Funzioni principali Admin/Cliente */
.admin-module.sg-help-scope,
.action-card.sg-help-scope,
.box-link.sg-help-scope{
  padding-right:48px!important;
}

/* La "i" deve essere sempre chiaramente visibile sulle card funzionali */
.admin-module > .sg-help-trigger,
.action-card > .sg-help-trigger,
.box-link > .sg-help-trigger{
  display:inline-flex!important;
  top:12px;
  right:12px;
}

/* Se la card Admin ha un badge numerico, il badge si sposta senza sovrapporsi alla i */
.admin-module > .module-badge{
  right:44px!important;
}

/* Le card cliente possono avere contenuti cliccabili: la i resta sopra lo strato di click */
.action-card > .sg-help-trigger,
.box-link > .sg-help-trigger{
  z-index:30;
}

/* Piccolo richiamo visivo coerente con il design SGSLav */
.admin-module > .sg-help-trigger,
.action-card > .sg-help-trigger,
.box-link > .sg-help-trigger{
  background:rgba(255,255,255,.96);
  border-color:#c5d1dc;
}
.admin-module:hover > .sg-help-trigger,
.action-card:hover > .sg-help-trigger,
.box-link:hover > .sg-help-trigger{
  border-color:#87aa55;
  color:#568319;
}

/* 1.26.2 hard-fix: info icon on main functional cards */
a.admin-module.sg-help-scope{
  position:relative!important;
  overflow:visible!important;
}
a.admin-module.sg-help-scope > .sg-help-trigger{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:999!important;
}
a.admin-module.sg-help-scope > .module-badge{
  right:42px!important;
}
