/* Radhin PAUD V1.9.2 — Hero Layout Balance & Visual Refinement */

/* Hero composition */
.authority-hero{
  min-height:auto!important;
  grid-template-columns:minmax(0,1.08fr) minmax(520px,.92fr)!important;
  align-items:center!important;
  gap:clamp(42px,4.5vw,76px)!important;
  padding:clamp(72px,6vw,96px) 0 clamp(62px,5vw,82px)!important;
}
.authority-hero .hero-copy{min-width:0;padding-right:clamp(0px,1.8vw,28px)}
.authority-hero .hero-copy h1{
  max-width:760px;
  margin-top:17px!important;
  margin-bottom:24px!important;
  font-size:clamp(50px,4.45vw,72px)!important;
  line-height:1.015!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
}
.authority-hero .hero-copy>p{
  max-width:720px!important;
  font-size:18px!important;
  line-height:1.76!important;
  color:#60758c!important;
}
.authority-hero .hero-actions{margin-top:30px!important}
.authority-hero .hero-trust{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px!important;
  margin-top:36px!important;
}
.authority-hero .hero-trust span{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:9px 0;
  color:#4e6681;
  font-size:12.5px;
  line-height:1.35;
  white-space:nowrap;
}
.authority-hero .hero-trust span b{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:#edf4fc;
  color:#0b63ce;
  font-size:11px;
}

/* Domain operations panel */
.authority-console{
  min-height:0!important;
  width:100%;
  max-width:690px;
  justify-self:end;
  display:block!important;
  position:relative;
  padding:16px;
  border-radius:30px;
  background:linear-gradient(145deg,rgba(244,249,255,.95),rgba(232,241,252,.76));
  border:1px solid #dce7f2;
  box-shadow:0 28px 75px rgba(7,27,61,.11);
}
.authority-console:before{
  content:"";
  position:absolute;
  inset:34px -20px -24px 36px;
  z-index:-1;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(30,78,219,.10),rgba(212,175,55,.08));
  filter:blur(2px);
}
.authority-console .console-window{
  width:100%!important;
  max-width:none!important;
  position:relative;
  border-radius:22px!important;
  border:1px solid #d7e2ee!important;
  background:#fff;
  overflow:hidden!important;
  box-shadow:0 18px 48px rgba(7,27,61,.10)!important;
}
.authority-console .console-head{height:56px;padding:0 24px;background:#f8fbfe}
.authority-console .domain-overview{
  grid-template-columns:58px minmax(0,1fr) auto!important;
  gap:15px!important;
  padding:24px!important;
}
.authority-console .domain-emblem{
  width:58px!important;
  height:64px!important;
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid #dce6f0;
  box-shadow:0 8px 20px rgba(7,27,61,.08);
}
.authority-console .domain-emblem img{width:50px!important;height:56px!important;object-fit:contain}
.authority-console .domain-overview>div:nth-child(2){min-width:0}
.authority-console .domain-overview strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.authority-console .console-metrics article{min-height:116px;padding:22px 20px!important}

/* Integrate the identity card into the panel instead of floating beyond it */
.authority-console .console-records{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 176px;
  grid-template-rows:auto repeat(3,minmax(42px,auto));
  column-gap:24px;
  padding:24px!important;
  background:linear-gradient(180deg,#fff,#fbfdff);
}
.authority-console .console-title{grid-column:1 / -1;margin-bottom:2px}
.authority-console .console-records>div:not(.console-title):not(.console-seal){
  grid-column:1;
  min-width:0;
  padding:11px 0!important;
}
.authority-console .console-seal{
  position:static!important;
  grid-column:2;
  grid-row:2 / span 3;
  align-self:stretch;
  width:auto!important;
  min-width:0;
  margin:0!important;
  padding:18px 16px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center;
  justify-items:start;
  row-gap:5px;
  border:1px solid rgba(212,175,55,.5)!important;
  border-left:3px solid #d4af37!important;
  border-radius:16px!important;
  background:linear-gradient(160deg,#071b3d,#0b2b58)!important;
  box-shadow:0 12px 28px rgba(7,27,61,.16)!important;
  overflow:hidden;
}
.authority-console .console-seal:after{
  content:"";
  position:absolute;
  width:95px;
  height:95px;
  right:-36px;
  bottom:-42px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
}
.authority-console .console-seal img{
  grid-column:1!important;
  grid-row:auto!important;
  width:46px!important;
  height:52px!important;
  margin-bottom:3px;
  border-radius:11px!important;
  object-fit:contain!important;
}
.authority-console .console-seal span,
.authority-console .console-seal strong,
.authority-console .console-seal small{grid-column:1!important;min-width:0}
.authority-console .console-seal span{font-size:8px!important;letter-spacing:.16em!important}
.authority-console .console-seal strong{font-size:14px!important;line-height:1.32!important;text-wrap:balance}
.authority-console .console-seal small{font-size:8px!important;line-height:1.6!important;letter-spacing:.1em!important}

@media(max-width:1260px){
  .authority-hero{grid-template-columns:minmax(0,1fr) minmax(480px,.92fr)!important;gap:42px!important}
  .authority-hero .hero-copy h1{font-size:clamp(48px,4.3vw,64px)!important}
  .authority-hero .hero-trust{grid-template-columns:1fr 1fr!important}
  .authority-hero .hero-trust span:last-child{grid-column:1/-1}
  .authority-console .console-records{grid-template-columns:minmax(0,1fr) 164px;column-gap:18px}
}

@media(max-width:1000px){
  .authority-hero{grid-template-columns:1fr!important;gap:48px!important;padding-top:64px!important}
  .authority-hero .hero-copy{padding-right:0}
  .authority-hero .hero-copy h1{max-width:800px;font-size:clamp(48px,7.5vw,68px)!important}
  .authority-console{justify-self:center;max-width:780px}
  .authority-hero .hero-trust{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .authority-hero .hero-trust span:last-child{grid-column:auto}
}

@media(max-width:700px){
  .authority-hero{gap:36px!important;padding-top:48px!important;padding-bottom:52px!important}
  .authority-hero .hero-copy h1{font-size:clamp(38px,11vw,48px)!important;line-height:1.045!important;letter-spacing:-.045em!important}
  .authority-hero .hero-copy>p{font-size:16px!important;line-height:1.72!important}
  .authority-hero .hero-trust{grid-template-columns:1fr!important;gap:5px!important;margin-top:26px!important}
  .authority-hero .hero-trust span{white-space:normal;padding:6px 0}
  .authority-console{padding:8px;border-radius:22px}
  .authority-console:before{display:none}
  .authority-console .console-window{border-radius:17px!important}
  .authority-console .console-head{height:50px;padding:0 15px}
  .authority-console .domain-overview{grid-template-columns:48px minmax(0,1fr)!important;padding:18px 15px!important;gap:11px!important}
  .authority-console .domain-overview button{display:none}
  .authority-console .domain-emblem{width:48px!important;height:54px!important}
  .authority-console .domain-emblem img{width:42px!important;height:48px!important}
  .authority-console .console-metrics{grid-template-columns:1fr!important}
  .authority-console .console-metrics article{min-height:auto;padding:15px!important;border-bottom:1px solid #e5ebf1}
  .authority-console .console-records{grid-template-columns:1fr;grid-template-rows:auto!important;gap:0;padding:18px 15px!important}
  .authority-console .console-title{grid-column:1}
  .authority-console .console-records>div:not(.console-title):not(.console-seal){grid-column:1}
  .authority-console .console-seal{
    grid-column:1!important;
    grid-row:auto!important;
    margin-top:15px!important;
    min-height:104px;
    grid-template-columns:48px 1fr!important;
    column-gap:12px;
    row-gap:3px;
    align-content:center;
  }
  .authority-console .console-seal img{grid-column:1!important;grid-row:1/4!important;margin:0!important}
  .authority-console .console-seal span,
  .authority-console .console-seal strong,
  .authority-console .console-seal small{grid-column:2!important}
}