.aegisify-wrap { margin-top: 10px; }

.aegisify-hero {
  display: flex;
  gap: 16px;
  align-items: stretch;
  margin: 16px 0 18px;
}

.aegisify-hero-left {
  /* 70% of row (minus half the gap so total stays <= 100%) */
  flex: 0 0 calc(70% - 8px);
  max-width: calc(70% - 8px);

  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 10px;
  padding: 18px;
  box-sizing: border-box;
}

.aegisify-brand {
  display: flex;
  gap: 14px;
  align-items: center;
}

.aegisify-logo{
  width:400px;
  height:60px;
  border-radius:14px;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.aegisify-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.aegisify-title h1 { margin: 0; font-size: 22px; }
.aegisify-title p { margin: 4px 0 0; color: #50575e; }

.aegisify-cta { margin-top: 14px; display: flex; gap: 10px; }

.aegisify-hero-right {
  /* 30% of row (minus half the gap so total stays <= 100%) */
  flex: 0 0 calc(30% - 8px);
  max-width: calc(30% - 8px);
  min-width: 220px;

  display: flex;
  align-items: stretch;
  box-sizing: border-box;
}

.aegisify-status-card {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 10px;
  padding: 18px;

  /* Fill the full column height */
  flex: 1;
}

.aegisify-status-card h3 { margin-top: 0; }

.aegisify-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(240px, 1fr));
  gap: 14px;
}

@media (max-width: 1300px) {
  .aegisify-grid { grid-template-columns: repeat(2, minmax(240px, 1fr)); }
  .aegisify-hero { flex-direction: column; }
  .aegisify-hero-left { flex: 1; max-width: 100%; }
  .aegisify-hero-right { flex: 1; width: auto; max-width: 100%; min-width: 0; }
}

.aegisify-card {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 170px;
}

.aegisify-card-head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.aegisify-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #f0f0f1;
  border: 1px solid #e5e5e5;
  flex: 0 0 auto;
}

.aegisify-card h3 { margin: 0 0 6px; }
.aegisify-muted { margin: 0; color: #646970; font-size: 13px; line-height: 1.35; }

.aegisify-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
}

.aegisify-pill {
  font-weight: 700;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid #dcdcde;
}

.aegisify-pill.on { background: #edfaef; border-color: #bfe7c6; }
.aegisify-pill.off { background: #fff4f4; border-color: #f1b7b7; }

.aegisify-footer { margin: 16px 0 0; }

/* Middle row: 60% / 40% */
.aegisify-midrow{
  display:flex;
  gap:16px;
  align-items:stretch;
  margin: 16px 0 18px;
  width: 100%;
  box-sizing: border-box;
}

.aegisify-mid-left{
  flex: 0 0 calc(60% - 8px);
  max-width: calc(60% - 8px);
  box-sizing: border-box;
  display:flex;                 /* IMPORTANT: makes left behave like right */
}

.aegisify-mid-right{
  flex: 0 0 calc(40% - 8px);
  max-width: calc(40% - 8px);
  display:flex;
  box-sizing: border-box;
}

/* Make License box look identical to Plans box + align perfectly */
.aegisify-mid-left .aegisify-license-panel{
  width:100%;
  background:#fff;
  border:1px solid #dcdcde;
  border-radius:10px;
  padding:16px !important;      /* override any inline padding */
  margin:0 !important;          /* override any inline margin that pushes it down */
  box-sizing:border-box;
  flex:1;                        /* fill the column height */
}

.aegisify-plans-panel{
  width:100%;
  background:#fff;
  border:1px solid #dcdcde;
  border-radius:10px;
  padding:16px;
  box-sizing:border-box;
  flex:1;
}


.aegisify-icons-row{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:3%;                      /* your 20px spacers */
  align-items:center;
  justify-content:center;         /* CENTER the row */
  padding:16px;
  background:#fff;
  border:1px solid #dcdcde;
  border-radius:10px;
  margin: 16px 0 18px;
  box-sizing:border-box;
}

/* Each icon becomes a responsive “tile” that wraps */
.aegisify-icon-link{
  display:flex;
  justify-content:center;
  align-items:center;
  flex: 0 1 var(--aegisify-icon-size, 140px);
  max-width: var(--aegisify-icon-size, 140px);
}

/* Auto size, never overflow, always centered */
.aegisify-icon-link img{
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  display:block;
}

/* Make Plans panel fill the full height of the mid row */
.aegisify-mid-right .aegisify-plans-panel{
  display:flex;
  flex-direction:column;
  height:100%;
}
/* Plans image: always fit the column width, no overflow */
.aegisify-plans-image{
  width:100%;
  display:flex;
  justify-content:center;
}

.aegisify-plans-image img{
  width:100%;
  height:auto;
  max-width:100%;
  display:block;
  object-fit:contain;
}
