/* 389: product contract and client settings overview. */
.sa-widget-product-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;border:1px solid var(--saw-line);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.sa-widget-product-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#edfbea,#f6fff4);font-size:28px}
.sa-widget-product-copy>span,.sa-widget-contract-card header>div>span,.sa-widget-versions-card header>div>span,.sa-widget-installations-card header>div>span,.sa-widget-runtime-card header>div>span{display:block;margin-bottom:5px;color:#319b2b!important;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.sa-widget-product-copy h2{margin:0 0 6px;font-size:24px}.sa-widget-product-copy p{max-width:850px;margin:0;color:var(--saw-muted)!important;font-size:13px;line-height:1.55}
.sa-widget-product-state{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.sa-widget-product-state b{font-size:14px}
.sa-widget-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sa-widget-metrics article{display:flex;min-height:92px;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid var(--saw-line);border-radius:17px;background:#fff}.sa-widget-metrics span{color:var(--saw-muted)!important;font-size:10px;font-weight:800}.sa-widget-metrics b{font-size:25px;line-height:1}
.sa-widget-architecture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sa-widget-architecture-grid article{display:flex;gap:13px;padding:18px;border:1px solid var(--saw-line);border-radius:18px;background:#fff}.sa-widget-architecture-grid article>span{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#edfbea;color:#319b2b!important;font-size:10px;font-weight:900}.sa-widget-architecture-grid h3{margin:1px 0 5px;font-size:14px}.sa-widget-architecture-grid p{margin:0;color:var(--saw-muted)!important;font-size:11px;line-height:1.5}
.sa-widget-contract-card,.sa-widget-endpoints-card{padding:20px;border:1px solid var(--saw-line);border-radius:20px;background:#fff}
.sa-widget-contract-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.sa-widget-contract-card h2,.sa-widget-endpoints-card h2{margin:0;font-size:18px}.sa-widget-template-badge{padding:7px 10px;border-radius:999px;background:#edfbea;color:#267c25!important;font-size:10px;font-weight:900;white-space:nowrap}
.sa-widget-schema-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sa-widget-schema-card{padding:16px;border:1px solid #e8ecf1;border-radius:17px;background:#fbfcfd}.sa-widget-schema-card:last-child:nth-child(odd){grid-column:1/-1}
.sa-widget-schema-head{display:flex;align-items:flex-start;gap:11px}.sa-widget-schema-head>span{display:flex;align-items:center;justify-content:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:#edfbea;color:#319b2b!important;font-size:9px;font-weight:900}.sa-widget-schema-head h3{margin:1px 0 3px;font-size:13px}.sa-widget-schema-head p{margin:0;color:var(--saw-muted)!important;font-size:10px;line-height:1.45}
.sa-widget-schema-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.sa-widget-schema-fields>div{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid #e6eaf0;border-radius:12px;background:#fff}.sa-widget-schema-fields b{font-size:10px}.sa-widget-schema-fields span{color:#475467!important;font-size:9px}.sa-widget-schema-fields small{color:#98a2b3!important;font-size:8px}
.sa-widget-endpoints-card{display:grid;gap:9px}.sa-widget-endpoints-card h2{margin-bottom:4px}.sa-widget-endpoints-card>div{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border:1px solid #edf0f4;border-radius:12px;background:#fbfcfd}.sa-widget-endpoints-card span{font-size:10px;font-weight:850}.sa-widget-endpoints-card code{overflow:hidden;color:#344054;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.sa-widget-warning-card{display:flex;flex-direction:column;gap:5px;padding:15px 17px;border:1px solid #fedf89;border-radius:16px;background:#fffaeb}.sa-widget-warning-card b{color:#93370d!important;font-size:12px}.sa-widget-warning-card span{color:#b54708!important;font-size:10px;line-height:1.5}
@media(max-width:1050px){.sa-widget-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-widget-architecture-grid{grid-template-columns:1fr}.sa-widget-schema-grid{grid-template-columns:1fr}.sa-widget-schema-card:last-child:nth-child(odd){grid-column:auto}}
@media(max-width:700px){.sa-widget-product-hero{grid-template-columns:auto minmax(0,1fr)}.sa-widget-product-state{grid-column:1/-1;align-items:flex-start}.sa-widget-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-widget-schema-fields{grid-template-columns:1fr}.sa-widget-contract-card>header{flex-direction:column}.sa-widget-endpoints-card>div{grid-template-columns:1fr}.sa-widget-endpoints-card code{white-space:normal;overflow-wrap:anywhere}}

/* 389A: overview text must remain readable even at reduced browser zoom. */
.service-admin-section-widgets .sa-widget-product-copy>span,
.service-admin-section-widgets .sa-widget-contract-card header>div>span,
.service-admin-section-widgets .sa-widget-versions-card header>div>span,
.service-admin-section-widgets .sa-widget-installations-card header>div>span,
.service-admin-section-widgets .sa-widget-runtime-card header>div>span{
  font-size:12px!important;
  color:#237a20!important;
}
.service-admin-section-widgets .sa-widget-product-copy h2{
  font-size:26px!important;
  color:#101828!important;
}
.service-admin-section-widgets .sa-widget-product-copy p{
  font-size:14px!important;
  line-height:1.6!important;
  color:#475467!important;
}
.service-admin-section-widgets .sa-widget-product-state b{
  font-size:16px!important;
  color:#101828!important;
}
.service-admin-section-widgets .sa-widget-metrics span{
  font-size:12px!important;
  color:#475467!important;
}
.service-admin-section-widgets .sa-widget-metrics b{
  font-size:28px!important;
  color:#101828!important;
}
.service-admin-section-widgets .sa-widget-architecture-grid article>span{
  font-size:12px!important;
}
.service-admin-section-widgets .sa-widget-architecture-grid h3{
  font-size:16px!important;
  color:#101828!important;
}
.service-admin-section-widgets .sa-widget-architecture-grid p{
  font-size:13px!important;
  line-height:1.6!important;
  color:#475467!important;
}
.service-admin-section-widgets .sa-widget-contract-card h2,
.service-admin-section-widgets .sa-widget-endpoints-card h2{
  font-size:21px!important;
  color:#101828!important;
}
.service-admin-section-widgets .sa-widget-template-badge{
  font-size:12px!important;
}
.service-admin-section-widgets .sa-widget-schema-card{
  border-color:#d7dee8!important;
  background:#f8fafc!important;
}
.service-admin-section-widgets .sa-widget-schema-head>span{
  flex-basis:36px!important;
  width:36px!important;
  height:36px!important;
  font-size:11px!important;
}
.service-admin-section-widgets .sa-widget-schema-head h3{
  font-size:16px!important;
  color:#101828!important;
}
.service-admin-section-widgets .sa-widget-schema-head p{
  font-size:13px!important;
  line-height:1.55!important;
  color:#475467!important;
}
.service-admin-section-widgets .sa-widget-schema-fields{
  gap:10px!important;
  margin-top:14px!important;
}
.service-admin-section-widgets .sa-widget-schema-fields>div{
  gap:5px!important;
  min-height:84px!important;
  padding:13px!important;
  border-color:#d7dee8!important;
  background:#fff!important;
}
.service-admin-section-widgets .sa-widget-schema-fields b{
  font-size:13px!important;
  color:#101828!important;
}
.service-admin-section-widgets .sa-widget-schema-fields span{
  font-size:12px!important;
  line-height:1.45!important;
  color:#344054!important;
}
.service-admin-section-widgets .sa-widget-schema-fields small{
  font-size:11px!important;
  line-height:1.4!important;
  color:#667085!important;
}
.service-admin-section-widgets .sa-widget-endpoints-card{
  gap:11px!important;
}
.service-admin-section-widgets .sa-widget-endpoints-card>div{
  grid-template-columns:170px minmax(0,1fr)!important;
  gap:14px!important;
  padding:12px 14px!important;
  border-color:#d7dee8!important;
  background:#f8fafc!important;
}
.service-admin-section-widgets .sa-widget-endpoints-card span{
  font-size:13px!important;
  color:#344054!important;
}
.service-admin-section-widgets .sa-widget-endpoints-card code{
  display:block!important;
  min-width:0!important;
  padding:9px 11px!important;
  border:1px solid #d7dee8!important;
  border-radius:9px!important;
  background:#eef2f6!important;
  color:#101828!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.45!important;
  text-overflow:ellipsis!important;
  opacity:1!important;
}
.service-admin-section-widgets .sa-widget-warning-card b{
  font-size:14px!important;
}
.service-admin-section-widgets .sa-widget-warning-card span{
  font-size:12px!important;
  line-height:1.55!important;
  color:#93370d!important;
}
@media(max-width:700px){
  .service-admin-section-widgets .sa-widget-endpoints-card>div{
    grid-template-columns:1fr!important;
  }
  .service-admin-section-widgets .sa-widget-endpoints-card code{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}