/* Semet Overview safe visual fixes */

.topbar{
  position:relative !important;
  grid-template-columns:1fr auto !important;
}

.top-left{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:min(760px,52vw) !important;
  justify-content:center !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.search{
  width:100% !important;
  height:40px !important;
  pointer-events:auto !important;
  padding-left:44px !important;
  padding-right:62px !important;
  font-size:12.5px !important;
}

.search::before{
  content:"" !important;
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  width:12px !important;
  height:12px !important;
  transform:translateY(-50%) !important;
  border:2px solid #8996a9 !important;
  border-radius:50% !important;
  background:transparent !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
}

.search::after{
  content:"CTRL K" !important;
  position:absolute !important;
  right:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  height:22px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 8px !important;
  border:1px solid var(--line) !important;
  border-radius:6px !important;
  background:#f8fafc !important;
  color:#8c99ac !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
}

.search::before{
  box-shadow:7px 7px 0 -5px #8996a9 !important;
}

.userbar{
  position:relative !important;
  z-index:4 !important;
}

/* ===== FIX SEARCHBAR NO OVERLAP ===== */
.topbar{
  display:grid !important;
  grid-template-columns:minmax(220px,1fr) minmax(520px,760px) minmax(260px,1fr) !important;
  align-items:center !important;
  column-gap:24px !important;
  position:sticky !important;
}

.top-left{
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  grid-column:2 !important;
  width:100% !important;
  max-width:760px !important;
  justify-self:center !important;
  pointer-events:auto !important;
  z-index:2 !important;
}

.search{
  width:100% !important;
  max-width:760px !important;
}

.userbar{
  grid-column:3 !important;
  justify-self:end !important;
  margin-left:0 !important;
  position:relative !important;
  z-index:5 !important;
  white-space:nowrap !important;
}

/* ===== SERVER INFO INTEGRATED PAGE ===== */
.si-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:#e9fff0;
  border:1px solid #bff0cf;
  color:#0f8e43;
  font-size:12px;
  font-weight:800;
}

.si-live i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#17c964;
  box-shadow:0 0 0 0 rgba(23,201,100,.5);
  animation:siPulse 1.6s infinite;
}

@keyframes siPulse{
  70%{box-shadow:0 0 0 9px rgba(23,201,100,0)}
}

.si-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}

.si-kpi{
  background:#fff;
  border:1px solid var(--line);
  border-radius:15px;
  padding:15px 16px;
  box-shadow:0 12px 28px rgba(15,32,60,.045);
}

.si-kpi span{
  display:block;
  color:#6b7890;
  font-size:11px;
  font-weight:700;
  margin-bottom:7px;
}

.si-kpi strong{
  display:block;
  color:#17233b;
  font-size:15px;
  line-height:1.35;
  font-weight:760;
  letter-spacing:-.01em;
  word-break:break-word;
}

.si-kpi small{
  display:block;
  color:#7d8ba1;
  font-size:11px;
  line-height:1.35;
  font-weight:600;
  margin-top:5px;
  word-break:break-word;
}

.si-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.si-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:17px 18px;
  box-shadow:0 14px 34px rgba(15,32,60,.055);
}

.si-card-wide{
  grid-column:1/-1;
}

.si-card h3{
  margin:0 0 12px;
  color:#17233b;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.015em;
}

.si-row{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:18px;
  padding:8px 0;
  border-top:1px solid #edf1f6;
  align-items:start;
}

.si-row:first-of-type{
  border-top:0;
}

.si-row span{
  color:#66758d;
  font-size:12px;
  line-height:1.35;
  font-weight:650;
}

.si-row strong{
  color:#18243b;
  font-size:12px;
  line-height:1.45;
  font-weight:600;
  white-space:pre-wrap;
  word-break:break-word;
}

.si-services{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.si-service{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid #edf1f6;
  border-radius:13px;
  background:#fbfdff;
  padding:12px;
}

.si-service strong{
  display:block;
  color:#17233b;
  font-size:12.5px;
  font-weight:750;
  margin-bottom:3px;
}

.si-service span{
  color:#7d8ba1;
  font-size:10.5px;
  font-weight:600;
}

.si-service em{
  font-style:normal;
  border-radius:999px;
  padding:5px 8px;
  font-size:10.5px;
  font-weight:800;
}

.si-service em.ok{
  background:#dcfce7;
  color:#15803d;
}

.si-service em.bad{
  background:#fee2e2;
  color:#b91c1c;
}

.si-details{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.si-details details{
  border:1px solid #edf1f6;
  border-radius:13px;
  background:#fbfdff;
  overflow:hidden;
}

.si-details summary{
  cursor:pointer;
  padding:12px 13px;
  color:#17233b;
  font-size:12px;
  font-weight:750;
}

.si-details pre{
  margin:0;
  padding:12px 13px;
  border-top:1px solid #edf1f6;
  color:#29364f;
  background:#fff;
  font-size:11px;
  line-height:1.5;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  white-space:pre-wrap;
  word-break:break-word;
}

@media(max-width:1200px){
  .si-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .si-services{grid-template-columns:repeat(2,minmax(0,1fr))}
  .si-details{grid-template-columns:1fr}
}

@media(max-width:760px){
  .si-kpi-grid,.si-grid{grid-template-columns:1fr}
  .si-row{grid-template-columns:1fr;gap:3px}
}

/* ===== SERVER INFO INTEGRATED SAFE ===== */
.si-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:#e9fff0;
  border:1px solid #bff0cf;
  color:#0f8e43;
  font-size:12px;
  font-weight:800;
}

.si-live i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#17c964;
  box-shadow:0 0 0 0 rgba(23,201,100,.5);
  animation:siPulse 1.6s infinite;
}

@keyframes siPulse{
  70%{box-shadow:0 0 0 9px rgba(23,201,100,0)}
}

.si-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}

.si-kpi{
  background:#fff;
  border:1px solid var(--line);
  border-radius:15px;
  padding:15px 16px;
  box-shadow:0 12px 28px rgba(15,32,60,.045);
}

.si-kpi span{
  display:block;
  color:#6b7890;
  font-size:11px;
  font-weight:700;
  margin-bottom:7px;
}

.si-kpi strong{
  display:block;
  color:#17233b;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:-.01em;
  word-break:break-word;
}

.si-kpi small{
  display:block;
  color:#7d8ba1;
  font-size:11px;
  line-height:1.35;
  font-weight:500;
  margin-top:5px;
  word-break:break-word;
}

.si-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.si-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:17px 18px;
  box-shadow:0 14px 34px rgba(15,32,60,.055);
}

.si-card-wide{
  grid-column:1/-1;
}

.si-card h3{
  margin:0 0 12px;
  color:#17233b;
  font-size:15px;
  line-height:1.2;
  font-weight:760;
  letter-spacing:-.015em;
}

.si-row{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:18px;
  padding:8px 0;
  border-top:1px solid #edf1f6;
  align-items:start;
}

.si-row:first-of-type{
  border-top:0;
}

.si-row span{
  color:#66758d;
  font-size:12px;
  line-height:1.35;
  font-weight:600;
}

.si-row strong{
  color:#18243b;
  font-size:12px;
  line-height:1.45;
  font-weight:500;
  white-space:pre-wrap;
  word-break:break-word;
}

.si-services{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.si-service{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid #edf1f6;
  border-radius:13px;
  background:#fbfdff;
  padding:12px;
}

.si-service strong{
  display:block;
  color:#17233b;
  font-size:12.5px;
  font-weight:700;
  margin-bottom:3px;
}

.si-service span{
  color:#7d8ba1;
  font-size:10.5px;
  font-weight:500;
}

.si-service em{
  font-style:normal;
  border-radius:999px;
  padding:5px 8px;
  font-size:10.5px;
  font-weight:750;
}

.si-service em.ok{
  background:#dcfce7;
  color:#15803d;
}

.si-service em.bad{
  background:#fee2e2;
  color:#b91c1c;
}

.si-details{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.si-details details{
  border:1px solid #edf1f6;
  border-radius:13px;
  background:#fbfdff;
  overflow:hidden;
}

.si-details summary{
  cursor:pointer;
  padding:12px 13px;
  color:#17233b;
  font-size:12px;
  font-weight:700;
}

.si-details pre{
  margin:0;
  padding:12px 13px;
  border-top:1px solid #edf1f6;
  color:#29364f;
  background:#fff;
  font-size:11px;
  line-height:1.5;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  white-space:pre-wrap;
  word-break:break-word;
}

@media(max-width:1200px){
  .si-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .si-services{grid-template-columns:repeat(2,minmax(0,1fr))}
  .si-details{grid-template-columns:1fr}
}

@media(max-width:760px){
  .si-kpi-grid,.si-grid{grid-template-columns:1fr}
  .si-row{grid-template-columns:1fr;gap:3px}
}

/* ===== SERVER INFO INTEGRATED SAFE FINAL ===== */
.si-live{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#e9fff0;border:1px solid #bff0cf;color:#0f8e43;font-size:12px;font-weight:700}
.si-live i{width:9px;height:9px;border-radius:50%;background:#17c964;box-shadow:0 0 0 0 rgba(23,201,100,.5);animation:siPulse 1.6s infinite}
@keyframes siPulse{70%{box-shadow:0 0 0 9px rgba(23,201,100,0)}}
.si-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.si-kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px 16px;box-shadow:0 12px 28px rgba(15,32,60,.045)}
.si-kpi span{display:block;color:#6b7890;font-size:11px;font-weight:650;margin-bottom:7px}
.si-kpi strong{display:block;color:#17233b;font-size:15px;line-height:1.35;font-weight:650;word-break:break-word}
.si-kpi small{display:block;color:#7d8ba1;font-size:11px;line-height:1.35;font-weight:500;margin-top:5px;word-break:break-word}
.si-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.si-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 18px;box-shadow:0 14px 34px rgba(15,32,60,.055)}
.si-card-wide{grid-column:1/-1}
.si-card h3{margin:0 0 12px;color:#17233b;font-size:15px;line-height:1.2;font-weight:700}
.si-row{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:8px 0;border-top:1px solid #edf1f6;align-items:start}
.si-row:first-of-type{border-top:0}
.si-row span{color:#66758d;font-size:12px;line-height:1.35;font-weight:600}
.si-row strong{color:#18243b;font-size:12px;line-height:1.45;font-weight:500;white-space:pre-wrap;word-break:break-word}
.si-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.si-service{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #edf1f6;border-radius:13px;background:#fbfdff;padding:12px}
.si-service strong{display:block;color:#17233b;font-size:12.5px;font-weight:650;margin-bottom:3px}
.si-service span{color:#7d8ba1;font-size:10.5px;font-weight:500}
.si-service em{font-style:normal;border-radius:999px;padding:5px 8px;font-size:10.5px;font-weight:700}
.si-service em.ok{background:#dcfce7;color:#15803d}
.si-service em.bad{background:#fee2e2;color:#b91c1c}
.si-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.si-details details{border:1px solid #edf1f6;border-radius:13px;background:#fbfdff;overflow:hidden}
.si-details summary{cursor:pointer;padding:12px 13px;color:#17233b;font-size:12px;font-weight:650}
.si-details pre{margin:0;padding:12px 13px;border-top:1px solid #edf1f6;color:#29364f;background:#fff;font-size:11px;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;word-break:break-word}
@media(max-width:1200px){.si-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.si-services{grid-template-columns:repeat(2,minmax(0,1fr)}.si-details{grid-template-columns:1fr}}
@media(max-width:760px){.si-kpi-grid,.si-grid{grid-template-columns:1fr}.si-row{grid-template-columns:1fr;gap:3px}}

/* ===== SERVER INFO FULL EXPANSION ===== */
.si-card .si-row strong{
  font-weight:500!important;
  font-size:11.7px!important;
}

.si-card .si-row span{
  font-weight:600!important;
  font-size:11.8px!important;
}

.si-card h3{
  font-size:14.5px!important;
  font-weight:700!important;
}

.si-kpi strong{
  font-weight:650!important;
}

.si-kpi small{
  font-weight:500!important;
}

.si-card{
  align-self:start;
}

.si-row strong pre,
.si-details pre{
  max-height:420px;
  overflow:auto;
}

/* ===== SERVER INFO ICONS PROFESSIONAL FINAL ===== */
.si-card-title{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-bottom:12px;
}

.si-card-title h3{
  margin:0!important;
}

.si-card-title p{
  margin:4px 0 0!important;
  color:#7d8ba1!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  font-weight:500!important;
}

.si-card-icon,
.si-kpi-icon{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#eef5ff;
  color:#0050ad;
  border:1px solid #d8e7fb;
}

.si-card-icon{
  width:34px;
  height:34px;
}

.si-kpi-icon{
  width:38px;
  height:38px;
  margin-bottom:10px;
}

.si-card-icon svg,
.si-kpi-icon svg{
  width:19px;
  height:19px;
}

.si-kpi{
  min-height:150px;
}

.si-kpi span{
  font-size:11px!important;
  font-weight:650!important;
}

.si-kpi strong{
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.32!important;
}

.si-kpi small{
  font-size:11.3px!important;
  font-weight:500!important;
  line-height:1.4!important;
}

.si-row{
  grid-template-columns:190px 1fr!important;
}

.si-row span{
  color:#66758d!important;
  font-size:11.7px!important;
  font-weight:600!important;
}

.si-row strong{
  color:#18243b!important;
  font-size:11.7px!important;
  font-weight:500!important;
  line-height:1.45!important;
}

.si-card{
  align-self:start;
}

/* ===== FORCE SERVER INFO ICON SIZE FIX ===== */
.si-kpi-icon,
.si-card-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:#eef5ff!important;
  border:1px solid #d8e7fb!important;
  color:#0050ad!important;
  overflow:hidden!important;
}

.si-kpi-icon{
  margin-bottom:10px!important;
}

.si-kpi-icon svg,
.si-card-icon svg,
.si-kpi svg,
.si-card-title svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  display:block!important;
  flex:0 0 18px!important;
  stroke-width:2!important;
}

.si-card-title{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-bottom:12px!important;
}

.si-card-title > div:last-child{
  min-width:0!important;
}

.si-kpi{
  min-height:auto!important;
  padding:16px!important;
}

.si-kpi strong{
  font-size:15px!important;
  line-height:1.32!important;
}

.si-kpi small{
  font-size:11.5px!important;
  line-height:1.4!important;
}

.si-card{
  padding:17px 18px!important;
}

.si-card h3{
  font-size:14.5px!important;
  line-height:1.2!important;
  margin:0!important;
}

.si-card-title p{
  font-size:11.5px!important;
  line-height:1.35!important;
  margin:4px 0 0!important;
}

/* ===== SERVER INFO ICONS RIGHT ALIGNED FINAL ===== */

/* KPI superiori: testo a sinistra, icona a destra */
.si-kpi{
  position:relative!important;
  padding:18px 72px 18px 18px!important;
  min-height:122px!important;
}

.si-kpi-icon{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  border-radius:13px!important;
}

.si-kpi-icon svg{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  max-height:24px!important;
}

.si-kpi span{
  display:block!important;
  max-width:100%!important;
  padding-right:0!important;
  margin:0 0 9px!important;
  text-align:left!important;
}

.si-kpi strong{
  display:block!important;
  max-width:100%!important;
  text-align:left!important;
  margin:0 0 7px!important;
}

.si-kpi small{
  display:block!important;
  max-width:100%!important;
  text-align:left!important;
  margin:0!important;
}

/* Card grandi: titolo/descrizione a sinistra, icona a destra */
.si-card-title{
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:14px!important;
}

.si-card-title > div:last-child{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
}

.si-card-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  border-radius:12px!important;
  margin:0!important;
}

.si-card-icon svg{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  max-height:24px!important;
}

.si-card-title h3{
  text-align:left!important;
  margin:0!important;
  padding:0!important;
}

.si-card-title p{
  text-align:left!important;
  margin:5px 0 0!important;
  padding:0!important;
}

/* Evita che qualunque SVG interno possa esplodere di nuovo */
.si-kpi-icon svg,
.si-card-icon svg,
.si-card-title > .si-card-icon > svg{
  display:block!important;
  flex:none!important;
  overflow:hidden!important;
}

/* ===== GLOBAL DASHBOARD BOX HEADER RULE ===== */
/* Regola generale Semet:
   titolo/descrizione a sinistra, icona tecnica a destra */

.si-card-title,
.box-title,
.card-title,
.panel-title,
.widget-title,
.stat-title{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
  margin-bottom:14px!important;
}

.si-card-title > div:not(.si-card-icon),
.box-title > div:not(.box-icon),
.card-title > div:not(.card-icon),
.panel-title > div:not(.panel-icon),
.widget-title > div:not(.widget-icon),
.stat-title > div:not(.stat-icon){
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
  order:1!important;
}

.si-card-icon,
.box-icon,
.card-icon,
.panel-icon,
.widget-icon,
.stat-icon{
  order:2!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  background:#eef5ff!important;
  border:1px solid #d8e7fb!important;
  color:#0050ad!important;
  overflow:hidden!important;
  margin:0!important;
}

.si-card-icon svg,
.box-icon svg,
.card-icon svg,
.panel-icon svg,
.widget-icon svg,
.stat-icon svg{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  display:block!important;
  flex:none!important;
}

/* KPI superiori: stessa logica, ma più compatta */
.si-kpi{
  position:relative!important;
  padding:18px 74px 18px 18px!important;
  min-height:122px!important;
}

.si-kpi-icon{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  background:#eef5ff!important;
  border:1px solid #d8e7fb!important;
  color:#0050ad!important;
  overflow:hidden!important;
  margin:0!important;
}

.si-kpi-icon svg{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  display:block!important;
  flex:none!important;
}

.si-kpi span,
.si-kpi strong,
.si-kpi small{
  display:block!important;
  text-align:left!important;
  max-width:100%!important;
}

.si-kpi span{
  margin:0 0 8px!important;
}

.si-kpi strong{
  margin:0 0 7px!important;
}

.si-kpi small{
  margin:0!important;
}

/* Titoli sempre puliti */
.si-card-title h3,
.box-title h3,
.card-title h3,
.panel-title h3,
.widget-title h3,
.stat-title h3{
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

.si-card-title p,
.box-title p,
.card-title p,
.panel-title p,
.widget-title p,
.stat-title p{
  margin:5px 0 0!important;
  padding:0!important;
  text-align:left!important;
  color:#7d8ba1!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  font-weight:500!important;
}

/* ===== FIX DEFINITIVO POSIZIONE ICONE BOX ===== */

/* KPI superiori: icona in alto a destra */
body .si-kpi{
  position:relative!important;
  padding:18px 76px 18px 18px!important;
  min-height:122px!important;
}

body .si-kpi > .si-kpi-icon{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body .si-kpi > span,
body .si-kpi > strong,
body .si-kpi > small{
  display:block!important;
  text-align:left!important;
  margin-left:0!important;
  padding-left:0!important;
  max-width:100%!important;
}

/* Card grandi: testo a sinistra, icona a destra */
body .si-card .si-card-title{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  grid-template-rows:auto!important;
  column-gap:16px!important;
  align-items:start!important;
  width:100%!important;
  margin:0 0 14px 0!important;
}

body .si-card .si-card-title > .si-card-icon{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:start!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body .si-card .si-card-title > div:not(.si-card-icon){
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:start!important;
  text-align:left!important;
  min-width:0!important;
  width:100%!important;
}

body .si-card .si-card-title h3{
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  line-height:1.2!important;
}

body .si-card .si-card-title p{
  margin:6px 0 0 0!important;
  padding:0!important;
  text-align:left!important;
  line-height:1.35!important;
}

/* SVG sempre contenuti dentro il quadratino */
body .si-kpi-icon svg,
body .si-card-icon svg{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  display:block!important;
  flex:none!important;
}

/* ===== SERVER INFO ICONS CLOSER TO RIGHT CORNER ===== */

/* KPI superiori */
body .si-kpi > .si-kpi-icon{
  top:16px!important;
  right:14px!important;
}

/* Card grandi */
body .si-card .si-card-title{
  grid-template-columns:minmax(0,1fr) 42px!important;
  column-gap:12px!important;
}

body .si-card .si-card-title > .si-card-icon{
  justify-self:end!important;
  margin-right:-4px!important;
  margin-top:-2px!important;
}

/* Leggermente più compatto nei box */
body .si-card{
  padding:17px 16px 17px 18px!important;
}

body .si-kpi{
  padding:18px 70px 18px 18px!important;
}

/* ===== FIX REALE: POSIZIONA L'ICONA VISIBILE, NON IL BOX INVISIBILE ===== */

/* KPI: icona visibile allineata al titoletto, vicino all'angolo destro */
body .si-kpi{
  position:relative!important;
  padding:18px 58px 18px 18px!important;
}

body .si-kpi > .si-kpi-icon{
  position:absolute!important;
  top:23px!important;
  right:22px!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  color:#14213f!important;
}

body .si-kpi > .si-kpi-icon svg{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  display:block!important;
}

/* Card grandi: icona visibile allineata al titolo, vicino all'angolo destro */
body .si-card{
  position:relative!important;
  padding:24px 28px 24px 28px!important;
}

body .si-card .si-card-title{
  display:block!important;
  width:100%!important;
  padding-right:54px!important;
  margin:0 0 18px 0!important;
}

body .si-card .si-card-title > .si-card-icon{
  position:absolute!important;
  top:27px!important;
  right:28px!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  color:#14213f!important;
}

body .si-card .si-card-title > .si-card-icon svg{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  display:block!important;
}

body .si-card .si-card-title h3{
  margin:0!important;
  padding:0!important;
  line-height:1.2!important;
}

body .si-card .si-card-title p{
  margin:8px 0 0 0!important;
  padding:0!important;
  line-height:1.35!important;
}

/* ===== ACCOUNT SMTP PAGE ===== */
.acct-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:16px;
}

.acct-card,
.acct-created{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 14px 34px rgba(15,32,60,.055);
  padding:18px;
}

.acct-wide{
  grid-column:1/-1;
}

.acct-card h3,
.acct-created h3{
  margin:0 0 8px;
  color:#17233b;
  font-size:15px;
  font-weight:700;
}

.acct-card p,
.acct-created p{
  margin:0 0 14px;
  color:#74839a;
  font-size:12px;
  line-height:1.45;
}

.acct-form{
  display:grid;
  gap:12px;
}

.acct-form label{
  display:grid;
  gap:6px;
}

.acct-form span,
.acct-row span,
.acct-created span{
  color:#66758d;
  font-size:12px;
  font-weight:600;
}

.acct-form input,
.acct-form select{
  width:100%;
  border:1px solid #d9e2ef;
  border-radius:12px;
  padding:11px 12px;
  font-size:13px;
  color:#17233b;
  outline:none;
}

.acct-form button,
.acct-actions button{
  border:0;
  border-radius:12px;
  background:#0050ad;
  color:#fff;
  padding:10px 12px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}

.acct-actions button.danger{
  background:#b91c1c;
}

.acct-row,
.acct-created div{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:14px;
  padding:9px 0;
  border-top:1px solid #edf1f6;
}

.acct-row:first-of-type,
.acct-created div:first-of-type{
  border-top:0;
}

.acct-row strong,
.acct-created strong{
  color:#17233b;
  font-size:12px;
  font-weight:600;
  word-break:break-word;
}

.acct-table-wrap{
  overflow:auto;
}

.acct-table{
  width:100%;
  border-collapse:collapse;
  font-size:12px;
}

.acct-table th{
  text-align:left;
  color:#66758d;
  font-weight:700;
  padding:11px 10px;
  border-bottom:1px solid #edf1f6;
  white-space:nowrap;
}

.acct-table td{
  padding:12px 10px;
  border-bottom:1px solid #edf1f6;
  color:#17233b;
  vertical-align:middle;
}

.acct-badge{
  display:inline-flex;
  border-radius:999px;
  padding:5px 8px;
  font-size:11px;
  font-weight:700;
}

.acct-badge.ok{
  background:#dcfce7;
  color:#15803d;
}

.acct-badge.off{
  background:#f1f5f9;
  color:#64748b;
}

.acct-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.acct-actions form{
  margin:0;
}

.acct-alert{
  border-radius:14px;
  padding:12px 14px;
  margin-bottom:16px;
  font-size:13px;
  font-weight:650;
}

.acct-ok{
  background:#dcfce7;
  color:#15803d;
  border:1px solid #bbf7d0;
}

.acct-bad{
  background:#fee2e2;
  color:#b91c1c;
  border:1px solid #fecaca;
}

@media(max-width:900px){
  .acct-grid{grid-template-columns:1fr}
  .acct-row,.acct-created div{grid-template-columns:1fr}
}