/* V1.4 Branding */
.brand-horizontal{
  max-width:min(62vw,340px);
  min-height:44px;
}
.brand-horizontal-img{
  display:block;
  width:auto;
  max-width:100%;
  height:42px;
  object-fit:contain;
  object-position:left center;
}
.brand-fallback strong{display:block;font-size:12px}
.brand-fallback small{display:block;color:var(--muted);font-size:10px}

.branded-hero{
  position:relative;
  background-image:var(--hero-bg,none);
  background-size:cover;
  background-position:center;
}
.branded-hero .hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,6,8,.96) 0%,rgba(5,6,8,var(--hero-overlay)) 55%,rgba(5,6,8,.42) 100%),
    linear-gradient(180deg,rgba(5,6,8,.2),#07080a 100%);
}
.branded-hero .hero-inner{position:relative;z-index:2}

.admin-section-grid{
  display:grid;
  gap:16px;
}
.admin-card{padding:18px}
.admin-card h3{margin:4px 0 16px}
.admin-card-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}

.brand-preview{
  margin-top:12px;
  border:1px solid #30323a;
  border-radius:12px;
  background:#090a0d;
  padding:14px;
}
.brand-preview-horizontal img{
  max-height:72px;
  max-width:100%;
  object-fit:contain;
  object-position:left center;
}
.brand-preview-icon{
  margin-top:12px;
  width:88px;
  height:88px;
  padding:8px;
  background:#090a0d;
  border:1px solid #30323a;
  border-radius:18px;
}
.brand-preview-icon img{
  width:100%;height:100%;object-fit:contain;border-radius:12px;
}
.hero-preview{
  margin-top:12px;
  height:170px;
  overflow:hidden;
  border-radius:13px;
  border:1px solid #30323a;
}
.hero-preview img{width:100%;height:100%;object-fit:cover}

.theme-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.theme-grid input[type=color]{
  padding:5px;
  min-height:52px;
}

.reset-summary{
  padding:18px;
  margin-bottom:16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
}
.reset-count{
  font-size:42px;
  font-weight:1000;
  line-height:1;
  margin-top:4px;
}
.reset-grid{
  display:grid;
  gap:16px;
}
.reset-card{
  padding:20px;
}
.reset-card h3{margin:12px 0 6px}
.reset-card p{margin-top:0;color:var(--muted)}
.reset-icon{
  width:42px;height:42px;border-radius:12px;
  background:#1a1b21;border:1px solid #30323a;
  display:grid;place-items:center;
  font-weight:900;color:#ff5555;
}
.reset-preserve{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:16px 0 18px;
}
.reset-preserve b{width:100%;font-size:12px}
.reset-preserve span{
  font-size:10px;
  padding:6px 8px;
  border-radius:999px;
  background:#171920;
  border:1px solid #2d3037;
}
.btn.danger{background:#c51414}
.btn.danger-outline{
  background:transparent;
  border:1px solid #b51d1d;
  color:#ff6767;
}
.notice-success{
  border-left-color:#22c55e;
  background:#102318;
}

@media(min-width:760px){
  .brand-horizontal{max-width:360px}
  .brand-horizontal-img{height:48px}
  .admin-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:420px){
  .brand-horizontal{max-width:235px}
  .brand-horizontal-img{height:38px}
}