/* ==========================================================
   ALANADIYAKALA — PREMIUM LIGHT 3
   White / ice-blue base, navy typography, blue brand, orange CTA
   ========================================================== */
:root{
  --pl-bg:#f4f7fb;
  --pl-bg2:#eef4f9;
  --pl-card:#ffffff;
  --pl-card2:#f8fbfe;
  --pl-text:#102235;
  --pl-muted:#657b8f;
  --pl-line:#d9e4ed;
  --pl-blue:#1677e8;
  --pl-blue2:#4ca6ff;
  --pl-orange:#ff8a1f;
  --pl-green:#159861;
  --pl-shadow:0 18px 55px rgba(31,61,88,.10);
}
html,body{background:#f4f7fb!important;color:var(--pl-text)!important}
body{
  background:
    radial-gradient(circle at 12% -6%,rgba(55,143,235,.10),transparent 31%),
    radial-gradient(circle at 90% 2%,rgba(255,145,46,.07),transparent 26%),
    linear-gradient(180deg,#fbfdff 0%,#f3f7fb 48%,#edf3f8 100%)!important;
}
main{background:transparent!important}
.shell{width:min(1320px,calc(100% - 40px))!important}

/* HEADER */
.topbar{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #dfe8f0!important;
  box-shadow:0 6px 28px rgba(29,55,80,.06)!important;
  backdrop-filter:blur(14px)!important;
}
.topbar-inner{min-height:90px!important}
.nav-main,.nav-main a,.nav-ghost{color:#29445d!important}
.nav-main>a:not(.btn):hover,.nav-ghost:hover{color:var(--pl-blue)!important}

.brand-premium{
  min-width:410px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:8px 0!important;
  transform:none!important;
}
.brand-mark{
  width:58px!important;height:58px!important;flex:0 0 58px!important;
}
.brand-a{
  font-size:55px!important;
  filter:none!important;
  background:linear-gradient(145deg,#55b6ff 4%,#1978ed 50%,#6f63ff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}
.brand-cut{background:#fff!important;width:31px!important;left:15px!important;top:30px!important}
.brand-copy strong{
  font-size:27px!important;line-height:1!important;font-weight:950!important;
  color:#102235!important;letter-spacing:-.8px!important;
}
.brand-copy strong span{color:#1978ed!important}
.brand-copy small{
  margin-top:7px!important;font-size:8.4px!important;line-height:1!important;
  letter-spacing:1.35px!important;color:#6b8195!important;font-weight:900!important;
}

/* HERO: no dark unreadable left card */
.hero-wrap{
  padding:54px 0 48px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f3f8fc 100%)!important;
  border-bottom:1px solid #dfe8f0!important;
}
.hero-layout{
  grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr)!important;
  gap:30px!important;
  align-items:stretch!important;
}
.hero-copy{
  padding:48px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(35,139,255,.10),transparent 33%),
    linear-gradient(145deg,#ffffff,#f6faff)!important;
  border:1px solid #d9e5ef!important;
  box-shadow:var(--pl-shadow)!important;
  color:var(--pl-text)!important;
}
.hero-copy .eyebrow{color:#4f708d!important}
.hero-copy h1{
  color:#102235!important;
  font-size:clamp(46px,5.4vw,76px)!important;
  line-height:.99!important;
  letter-spacing:-.048em!important;
  margin:18px 0 20px!important;
}
.hero-copy h1 span{color:#1677e8!important}
.hero-lead{
  color:#526d84!important;
  font-size:17px!important;
  line-height:1.7!important;
  max-width:760px!important;
}

/* HERO SEARCH: clean component */
.hero-search-premium{max-width:800px!important;margin-top:26px!important}
.hero-search-box{
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) 156px!important;
  height:70px!important;
  padding:7px!important;
  background:#fff!important;
  border:1.5px solid #c8d7e4!important;
  border-radius:17px!important;
  box-shadow:0 14px 38px rgba(36,72,103,.09)!important;
  align-items:center!important;
}
.hero-search-box:focus-within{
  border-color:#3d92e9!important;
  box-shadow:0 0 0 4px rgba(61,146,233,.10),0 16px 42px rgba(36,72,103,.10)!important;
}
.hero-search-box .search-icon{
  position:static!important;transform:none!important;left:auto!important;top:auto!important;
  color:#2d83d7!important;font-size:25px!important;text-align:center!important;
}
.hero-search-box input{
  width:100%!important;height:54px!important;min-width:0!important;
  border:0!important;outline:0!important;background:transparent!important;
  color:#102235!important;padding:0 13px!important;margin:0!important;
  box-shadow:none!important;font-size:16px!important;font-weight:700!important;
}
.hero-search-box input::placeholder{color:#899bad!important}
.hero-search-button{
  height:54px!important;border:0!important;border-radius:11px!important;
  background:linear-gradient(135deg,#ffad42,#ff851e)!important;
  color:#17212a!important;font-weight:950!important;
  box-shadow:0 9px 22px rgba(255,133,30,.17)!important;
}
.hero-search-foot{color:#667c90!important;font-size:11px!important;padding-top:11px!important}
.hero-search-foot b{
  color:#24537d!important;background:#fff!important;border-color:#cbd9e6!important;
}
.hero-search-foot em{color:#71869a!important}

/* DARK RADAR ONLY */
.hero-console{
  background:linear-gradient(145deg,#102b45,#0b2035)!important;
  border:1px solid #2b4f6c!important;
  border-radius:26px!important;
  color:#f5f9fc!important;
  box-shadow:0 24px 64px rgba(30,62,91,.17)!important;
}
.hero-console .console-label,.hero-console small,.hero-console .console-sync span{color:#6f98bb!important}
.hero-console strong,.hero-console b{color:#fff!important}
.console-kpis div{background:#0a1d30!important}
.console-kpis{background:#284965!important}
.feed-row{border-color:#23415a!important}

/* LIGHT SECTIONS */
.platform-strip,
.today-drop-card,.today-empty,
.domain-table-card,.lifecycle-track,.knowledge-mini-grid>a,
.insight-grid,.user-card,.av2-card,.av2-table,.av2-provider,.av2-stats>div{
  background:#fff!important;
  border-color:#d9e4ed!important;
  color:#102235!important;
  box-shadow:0 10px 34px rgba(28,54,79,.055)!important;
}
.platform-strip{background:#fff!important}
.platform-strip>div{background:#fff!important}
.platform-strip small,.section-title-row p,.insight-copy p,.knowledge-mini-grid small{color:#677e92!important}
.strip-icon{background:#f3f8fc!important;border-color:#d5e1eb!important;color:#ff8a1f!important}
.market,.today-drop-section,.insight-grid,.knowledge-section{color:#102235!important}
.section-kicker{color:#52728e!important}
.outline-link{color:#146fca!important;border-color:#8bb8dd!important}
.status-tabs a{
  background:#fff!important;color:#3e5a72!important;border-color:#ccd9e5!important;
}
.status-tabs a.active{
  background:#eaf4ff!important;color:#0f66bc!important;border-color:#4097e9!important;
}
.status-tabs a em{color:#6d8396!important}
.domain-table-head{background:#f4f8fb!important;color:#647c91!important}
.domain-row{background:#fff!important;border-color:#e5ecf2!important}
.domain-name,.domain-row a{color:#102235!important}
.domain-sub,.lifecycle-cell small{color:#71879a!important}
.badge{background:#f4f8fb!important;border-color:#cddbe6!important;color:#39576f!important}
.btn.secondary,.ghost{background:#f4f8fb!important;color:#25435e!important;border-color:#cad8e4!important}
.today-drop-card span,.today-drop-card small{color:#6d8397!important}

/* SEARCH RESULTS: readable and spacious */
.search-clean-page{color:#102235!important;max-width:1180px!important}
.search-clean-head p{color:#657b8f!important}
.search-clean-input{
  background:#fff!important;border-color:#c9d8e5!important;
  box-shadow:0 12px 34px rgba(31,62,90,.07)!important;
}
.search-clean-input input{color:#102235!important;background:transparent!important}
.search-clean-icon{color:#2d83d7!important}
.search-clean-hints{color:#657b8f!important}
.search-clean-hints b{background:#fff!important;color:#24537d!important;border-color:#ccd9e5!important}
.search-clean-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
.search-clean-card{
  background:#fff!important;color:#102235!important;border-color:#d9e4ed!important;
  box-shadow:0 14px 38px rgba(30,59,84,.07)!important;padding:20px!important;
}
.search-clean-card.is-backorder{border-color:#efb26e!important}
.search-clean-top{border-color:#e4ebf1!important}
.search-clean-top strong{color:#102235!important;font-size:20px!important}
.search-clean-top small,.search-clean-body p{color:#667d91!important}
.search-clean-status{background:#f3f7fb!important;color:#3b5972!important;border-color:#ccd9e5!important}
.status-pending_delete,.status-redemption_period{
  background:#fff3e5!important;color:#9b590d!important;border-color:#efbf84!important;
}
.status-available{background:#eaf8f1!important;color:#147a4d!important;border-color:#a7dfc5!important}
.search-clean-epp a{background:#f6f9fc!important;color:#4c687f!important;border-color:#d3dfe9!important}

/* ADMIN / USER */
.user-side,.av2-side{
  background:#fff!important;border-color:#d9e4ed!important;color:#102235!important;
  box-shadow:0 10px 34px rgba(28,54,79,.055)!important;
}
.user-side a,.av2-side a{color:#39566f!important}
.user-side a:hover,.av2-side a:hover{background:#edf5fc!important;color:#126fc8!important}
.user-list-row,.av2-row{border-color:#e3ebf1!important}
.user-list-head,.av2-th{background:#f4f8fb!important;color:#637b90!important}

/* FOOTER + MOBILE DOCK */
.footer,footer{background:#102235!important;color:#dce7f0!important}
.mobile-dock{
  background:rgba(255,255,255,.97)!important;border-color:#d8e3ec!important;
  box-shadow:0 14px 38px rgba(27,55,80,.18)!important;
}
.mobile-dock a{color:#36536c!important}
.mobile-dock a:nth-child(1),.mobile-dock a:nth-child(2),.mobile-dock a:nth-child(3),.mobile-dock a:nth-child(4){
  background:#f3f7fb!important;
}

/* MOBILE */
@media(max-width:980px){
  .topbar{position:sticky!important;top:0!important}
  .topbar-inner{
    min-height:88px!important;
    display:flex!important;justify-content:center!important;align-items:center!important;
    padding:0 10px!important;
  }
  .nav-main{display:none!important}
  .brand-premium{
    min-width:0!important;width:auto!important;max-width:390px!important;
    justify-content:center!important;gap:11px!important;margin:0 auto!important;
  }
  .brand-mark{width:54px!important;height:54px!important;flex-basis:54px!important}
  .brand-a{font-size:50px!important}
  .brand-copy strong{font-size:22px!important;letter-spacing:-.6px!important}
  .brand-copy small{font-size:7.2px!important;letter-spacing:1px!important;margin-top:6px!important}
  .hero-layout{grid-template-columns:1fr!important;gap:16px!important}
  .hero-copy{padding:28px!important}
  .hero-copy h1{font-size:44px!important}
  .hero-console{padding:16px!important}
}
@media(max-width:620px){
  .shell{width:calc(100% - 24px)!important}
  .topbar-inner{min-height:82px!important}
  .brand-premium{max-width:350px!important;gap:9px!important}
  .brand-mark{width:48px!important;height:48px!important;flex-basis:48px!important}
  .brand-a{font-size:44px!important}
  .brand-copy strong{font-size:20px!important}
  .brand-copy small{font-size:6.3px!important;letter-spacing:.8px!important}

  .hero-wrap{padding:20px 0 28px!important}
  .hero-copy{padding:22px!important;border-radius:20px!important}
  .hero-copy h1{font-size:36px!important;line-height:1.03!important;margin:12px 0 16px!important}
  .hero-lead{font-size:14px!important;line-height:1.6!important}
  .hero-search-box{
    height:auto!important;grid-template-columns:40px minmax(0,1fr)!important;padding:7px!important;
  }
  .hero-search-box input{height:52px!important;font-size:15px!important;padding:0 6px!important}
  .hero-search-button{
    grid-column:1/-1!important;width:100%!important;height:50px!important;margin-top:4px!important;
  }
  .hero-search-foot{
    display:flex!important;gap:6px!important;flex-wrap:wrap!important;padding-top:9px!important;
  }
  .hero-search-foot>span{width:100%!important}
  .hero-search-foot em{width:100%!important;margin:2px 0 0!important}

  .search-clean-grid{grid-template-columns:1fr!important}
  .search-clean-input{grid-template-columns:40px minmax(0,1fr)!important;padding:7px!important}
  .search-clean-input button{grid-column:1/-1!important;width:100%!important;margin-top:4px!important}
}
@media(max-width:390px){
  .brand-mark{width:43px!important;height:43px!important;flex-basis:43px!important}
  .brand-a{font-size:40px!important}
  .brand-copy strong{font-size:18.5px!important}
  .brand-copy small{font-size:5.7px!important;letter-spacing:.65px!important}
}