/* SGW V313 - cards de comodato no perfil + bolinha PPPoE real */

/* Bolinha do cabeçalho: verde somente PPPoE online, vermelho offline, cinza escuro sem PPPoE. */
.sgw159-profile-head .dot.sgw313-pppoe-online,
.client-head .dot.sgw313-pppoe-online{
  background:#22c55e !important;
  box-shadow:0 0 0 3px rgba(34,197,94,.14) !important;
}
.sgw159-profile-head .dot.sgw313-pppoe-offline,
.client-head .dot.sgw313-pppoe-offline{
  background:#ef4444 !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.12) !important;
}
.sgw159-profile-head .dot.sgw313-pppoe-none,
.client-head .dot.sgw313-pppoe-none{
  background:#374151 !important;
  box-shadow:0 0 0 3px rgba(55,65,81,.10) !important;
}

.sgw313-profile-comodatos{
  margin-top:22px;
  padding-top:16px;
  border-top:1px solid #e2e8f0;
}
.sgw313-comodato-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.sgw313-comodato-heading h3{
  margin:0;
  font-size:17px;
  color:#0f172a;
}
.sgw313-comodato-heading p{
  margin:3px 0 0;
  font-size:10px;
  color:#64748b;
}
.sgw313-comodato-heading>span{
  flex:0 0 auto;
  padding:5px 9px;
  border-radius:999px;
  background:#e0f2fe;
  color:#075985;
  font-size:9px;
  font-weight:900;
}

/* 2 comodatos = 2 cards lado a lado. Mais itens quebram em novas linhas de 2. */
.sgw313-comodato-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.sgw313-comodato-card{
  min-width:0;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
  padding:11px;
  border:1px solid #d8e2ed;
  border-radius:12px;
  background:#fff;
  box-shadow:0 3px 12px rgba(15,23,42,.05);
}
.sgw313-comodato-photo{
  width:112px;
  height:100px;
  border:1px solid #dbe4ee;
  border-radius:10px;
  background:#f8fafc;
  overflow:hidden;
  display:grid;
  place-items:center;
}
.sgw313-comodato-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.sgw313-comodato-placeholder{
  font-size:34px;
  line-height:1;
}
.sgw313-comodato-info{min-width:0}
.sgw313-comodato-top{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:flex-start;
}
.sgw313-comodato-top small{
  display:block;
  color:#2563eb;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}
.sgw313-comodato-top h4{
  margin:3px 0 0;
  font-size:12px;
  color:#0f172a;
  overflow-wrap:anywhere;
}
.sgw313-comodato-top strong{
  flex:0 0 auto;
  color:#166534;
  font-size:11px;
  white-space:nowrap;
}
.sgw313-comodato-details{
  margin-top:8px;
  display:grid;
  gap:3px;
  color:#475569;
  font-size:8.5px;
  line-height:1.25;
}
.sgw313-comodato-details span{
  overflow-wrap:anywhere;
}
.sgw313-onu-extra{
  margin-top:8px;
  padding:6px 7px;
  border-radius:8px;
  background:#f0fdf4;
  border:1px solid #bbf7d0;
  color:#166534;
}
.sgw313-onu-extra span,
.sgw313-onu-extra small{
  display:block;
  font-size:8px;
  line-height:1.25;
}
.sgw313-onu-extra span{font-weight:800}
.sgw313-onu-extra small{margin-top:2px}

@media(max-width:1100px){
  .sgw313-comodato-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .sgw313-comodato-card{grid-template-columns:82px minmax(0,1fr)}
  .sgw313-comodato-photo{width:82px;height:82px}
  .sgw313-comodato-heading{align-items:flex-start}
}


/* ==========================================================
 SGW V496 - COMODATO PERFIL V313 TEMA
 Somente visual. Mantem PPPoE e dados do comodato intactos.
 ========================================================== */

body.sgw-clientes-premium .sgw313-profile-comodatos{
  border-color:#17466f !important;
}
body.sgw-clientes-premium .sgw313-comodato-heading h3{
  color:#f6faff !important;
}
body.sgw-clientes-premium .sgw313-comodato-heading p{
  color:#91afd0 !important;
}
body.sgw-clientes-premium .sgw313-comodato-heading>span{
  background:#0b3157 !important;
  color:#9dceff !important;
  border:1px solid #246799 !important;
}

body.sgw-clientes-premium .sgw313-comodato-card{
  background:linear-gradient(180deg,#071f3b,#061a33) !important;
  color:#eaf4ff !important;
  border-color:#17466f !important;
  box-shadow:0 4px 14px rgba(0,0,0,.16) !important;
}
body.sgw-clientes-premium .sgw313-comodato-photo{
  background:#04182f !important;
  border-color:#17466f !important;
}
body.sgw-clientes-premium .sgw313-comodato-top small{
  color:#70b7ff !important;
}
body.sgw-clientes-premium .sgw313-comodato-top h4{
  color:#f6faff !important;
}
body.sgw-clientes-premium .sgw313-comodato-top strong{
  color:#71f0ad !important;
}
body.sgw-clientes-premium .sgw313-comodato-details{
  color:#b9d9f7 !important;
}
body.sgw-clientes-premium .sgw313-onu-extra{
  background:#0d3528 !important;
  color:#9ff2c7 !important;
  border-color:#217a57 !important;
}

/* PPPoE textual */
body.sgw-clientes-premium .sgw314-pppoe-line.online,
body.sgw-clientes-premium .sgw313-pppoe-line.online{
  color:#71f0ad !important;
}
body.sgw-clientes-premium .sgw314-pppoe-line.offline,
body.sgw-clientes-premium .sgw313-pppoe-line.offline{
  color:#ff8996 !important;
}
body.sgw-clientes-premium .sgw314-pppoe-line.none,
body.sgw-clientes-premium .sgw313-pppoe-line.none{
  color:#aab9c9 !important;
}