/* ============================================================
   AURUMX AI — UI1 POLISH LAYER
   Visual-only refinement. Loaded last to preserve existing logic.
   ============================================================ */

:root{
  --ui-bg:#02070d;
  --ui-bg-2:#06111d;
  --ui-panel:#071522;
  --ui-panel-2:#0a1b2b;
  --ui-panel-soft:rgba(10,27,43,.74);
  --ui-line:rgba(126,178,222,.14);
  --ui-line-strong:rgba(89,180,255,.28);
  --ui-text:#f5f9fd;
  --ui-muted:#8fa5b8;
  --ui-muted-2:#657d93;
  --ui-blue:#38a4ff;
  --ui-cyan:#61def8;
  --ui-gold:#f2bd5d;
  --ui-green:#31d69a;
  --ui-red:#ff6b76;
  --ui-shadow:0 18px 55px rgba(0,0,0,.28);
  --ui-shadow-soft:0 10px 30px rgba(0,0,0,.18);
  --ui-r-sm:10px;
  --ui-r-md:14px;
  --ui-r-lg:18px;
}

html{background:var(--ui-bg)}
body{
  color:var(--ui-text);
  font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Inter,"Noto Sans Khmer",system-ui,sans-serif;
  font-feature-settings:"ss01" 1,"cv02" 1;
  text-rendering:optimizeLegibility;
  letter-spacing:-.005em;
  background:
    radial-gradient(circle at 82% -8%,rgba(42,139,238,.12),transparent 30%),
    radial-gradient(circle at -4% 35%,rgba(77,202,235,.07),transparent 26%),
    linear-gradient(145deg,#02070d 0%,#06101a 52%,#02070d 100%);
}

body::before{
  inset:0;
  background:
    linear-gradient(rgba(95,160,215,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(95,160,215,.025) 1px,transparent 1px);
  background-size:46px 46px;
  animation:none;
  filter:none;
  opacity:.48;
  z-index:-3;
}
body::after{
  width:760px;height:760px;right:-390px;top:-390px;
  border-color:rgba(73,175,255,.08);
  box-shadow:0 0 100px rgba(47,145,235,.07),inset 0 0 110px rgba(47,145,235,.035);
  animation:none;
}

::selection{background:rgba(65,167,255,.28);color:#fff}
*{scrollbar-width:thin;scrollbar-color:#173650 transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{background:#173650;border-radius:999px}
*::-webkit-scrollbar-track{background:transparent}

/* ---------- common surfaces ---------- */
.card,
.metric,
.auth-card,
.price-card,
.payment-dialog{
  border-color:var(--ui-line) !important;
  background:
    linear-gradient(180deg,rgba(10,28,44,.90),rgba(5,16,27,.94)) !important;
  box-shadow:var(--ui-shadow-soft),inset 0 1px rgba(255,255,255,.025) !important;
}
.card{border-radius:var(--ui-r-md)}
.card:hover{border-color:rgba(83,181,255,.24)!important}

.btn{
  min-height:42px;
  border-radius:11px;
  border-color:rgba(122,174,217,.18);
  background:linear-gradient(180deg,#0b1d2e,#071522);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  font-weight:650;
  letter-spacing:-.01em;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.btn:hover{
  transform:translateY(-1px);
  border-color:rgba(88,190,255,.42);
  background:linear-gradient(180deg,#10263a,#091a2a);
  box-shadow:0 10px 26px rgba(0,0,0,.20),0 0 0 1px rgba(64,166,255,.035);
}
.btn-primary{
  color:#1a1307;
  border-color:rgba(255,220,151,.58);
  background:linear-gradient(135deg,#d59832 0%,#f0bb57 50%,#ffdb86 100%);
  background-size:100% 100%;
  box-shadow:0 10px 28px rgba(231,170,66,.16),inset 0 1px rgba(255,255,255,.38);
  animation:none;
}
.btn-primary:hover{
  border-color:rgba(255,231,179,.80);
  background:linear-gradient(135deg,#e1a33d 0%,#f6c568 52%,#ffe09a 100%);
  box-shadow:0 12px 30px rgba(231,170,66,.20);
}
.btn-blue{
  color:#fff;
  border-color:rgba(91,194,255,.42);
  background:linear-gradient(135deg,#1478db,#2f9df5 56%,#4acbf0);
  box-shadow:0 12px 28px rgba(28,131,229,.18);
}

input,select,textarea,
.field input,.field select,.field textarea,
.search{
  border-color:rgba(123,173,216,.17)!important;
  background:#071522!important;
  color:#eef7ff!important;
  border-radius:10px!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.14);
}
input:focus,select:focus,textarea:focus,
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:rgba(74,177,255,.55)!important;
  box-shadow:0 0 0 3px rgba(54,157,242,.10)!important;
}

.help,.section-copy,.card p{color:var(--ui-muted)}
.link{color:#72d9ff}
.eyebrow,.page-kicker,.signal-eyebrow,.execution-label,.paper-label,.manager-label,.perf-label,.billing-kicker,.license-label,.news-label{
  color:#7fb9e9!important;
  font-weight:760!important;
  letter-spacing:.14em!important;
}

/* ---------- landing ---------- */
.topbar{
  background:rgba(2,9,16,.82);
  border-bottom:1px solid rgba(113,169,218,.09);
  backdrop-filter:blur(22px) saturate(145%);
  box-shadow:0 12px 32px rgba(0,0,0,.13);
}
.nav{min-height:74px}
.logo{filter:drop-shadow(0 6px 18px rgba(0,0,0,.18))}
.navlinks{gap:28px;color:#91a8bc;font-weight:520}
.navlinks a::after{bottom:-9px;background:linear-gradient(90deg,var(--ui-blue),var(--ui-cyan))}

.hero{padding:92px 0 64px}
.hero-grid{gap:42px}
.hero h1,
.hero-grid h1{
  max-width:780px;
  font-size:clamp(48px,6.2vw,82px);
  line-height:.99;
  letter-spacing:-3.8px;
  font-weight:760;
}
.hero p{color:#9cafc0;font-size:17px;line-height:1.72}
.hero-actions{gap:10px;margin-top:29px}
.hero-actions .btn{min-height:48px;padding:0 20px}
.gold{
  background:linear-gradient(100deg,#fff0ba,#f0bd5b 48%,#d49331);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-visual{
  min-height:500px;
  border-radius:28px;
  border-color:rgba(87,174,245,.16);
  background:
    radial-gradient(circle at 51% 46%,rgba(52,156,241,.22),transparent 29%),
    radial-gradient(circle at 75% 24%,rgba(83,220,255,.12),transparent 26%),
    radial-gradient(circle at 25% 76%,rgba(239,182,84,.08),transparent 28%),
    linear-gradient(160deg,#0a1c2d,#04101b 65%,#02080e);
  box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.015),inset 0 0 80px rgba(46,153,242,.035);
}
.hero-visual::before{opacity:.55;background-size:38px 38px}
.orbit{border-color:rgba(76,182,255,.14)}
.orbit:nth-child(2){border-color:rgba(240,189,91,.14)}
.planet{
  width:284px;height:284px;
  background:
    radial-gradient(circle at 34% 26%,rgba(255,232,177,.36),transparent 8%),
    radial-gradient(circle at 62% 30%,rgba(93,218,255,.42),transparent 12%),
    radial-gradient(circle at 47% 56%,rgba(238,181,83,.22),transparent 11%),
    radial-gradient(circle at 50% 50%,#153b66,#0a2038 54%,#030911 75%);
  box-shadow:0 0 0 1px rgba(92,196,255,.18),0 0 65px rgba(51,157,241,.24),0 0 120px rgba(237,179,78,.08);
}
.ax-hero{font-size:126px;letter-spacing:-19px}
.stats{gap:10px;margin-top:24px}
.stat{
  padding:15px 16px;
  border-color:rgba(108,170,218,.12);
  background:rgba(7,21,34,.64);
  border-radius:14px;
}
.stat b{font-size:21px;font-weight:760}
.stat small{font-size:11px;color:#71899d}
.section{padding:58px 0}
.section h2{font-size:36px;letter-spacing:-1.2px}
.grid-3{gap:12px}
.grid-3 .card{padding:22px;min-height:164px}
.grid-3 .card .icon{
  width:42px;height:42px;display:grid;place-items:center;
  border-radius:12px;border:1px solid rgba(80,181,255,.14);
  background:rgba(55,156,238,.08);font-size:20px;
}

/* ---------- authentication ---------- */
.auth-shell{background:#02080f}
.auth-art{
  padding:42px 46px;
  background:
    radial-gradient(circle at 68% 32%,rgba(43,153,244,.26),transparent 31%),
    radial-gradient(circle at 34% 72%,rgba(240,185,83,.10),transparent 25%),
    linear-gradient(145deg,#020810,#08192a 55%,#030910);
}
.auth-art h2{font-weight:760;letter-spacing:-2.7px}
.auth-art p{font-size:15px;line-height:1.7;color:#8fa7bc}
.auth-panel{background:rgba(2,8,14,.72);padding:36px 22px}
.auth-card{
  width:min(520px,100%);
  padding:28px;
  border-radius:20px!important;
  box-shadow:0 32px 90px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.01)!important;
}
.auth-head{margin-bottom:22px}
.auth-head .logo{width:154px}
.auth-head h1{font-size:30px;font-weight:730;letter-spacing:-1.2px;margin:18px 0 5px}
.form{gap:13px}
.field{gap:7px}
.field label{color:#b5c4d2;font-size:12px;font-weight:620}
.field input,.field select,.field textarea{min-height:48px}
.country-button,.phone-prefix{
  min-height:48px;border-color:rgba(123,173,216,.17);background:#071522;border-radius:10px;
}
.country-popover{background:#06131f;border-color:rgba(79,181,255,.22);box-shadow:0 24px 70px rgba(0,0,0,.48)}
.auth-card .btn-primary{width:100%;min-height:48px;margin-top:4px}
.divider{margin:9px 0;color:#5c748a}

/* ---------- dashboard shell ---------- */
body.dashboard-v3{
  --d-bg:#02070d;
  --d-panel:#071522;
  --d-panel-2:#0a1a29;
  --d-panel-3:#0d2032;
  --d-line:rgba(126,178,222,.13);
  --d-line-strong:rgba(76,177,255,.23);
  --d-text:#f5f9fd;
  --d-muted:#8399ad;
  --d-blue:#3aa7ff;
  --d-cyan:#61def8;
  --d-gold:#f1bb59;
  background:
    radial-gradient(circle at 88% -6%,rgba(41,139,231,.10),transparent 29%),
    linear-gradient(145deg,#02070d,#06111c 55%,#02070d)!important;
}
.dashboard-v3 .app{grid-template-columns:244px minmax(0,1fr)}
.dashboard-v3 .sidebar{
  border-right:1px solid rgba(115,168,215,.10);
  background:
    radial-gradient(circle at 48% -2%,rgba(46,151,235,.10),transparent 28%),
    linear-gradient(180deg,#061421 0%,#030b13 62%,#02070d 100%);
  box-shadow:18px 0 60px rgba(0,0,0,.13);
}
.dashboard-v3 .sidebar-inner{padding:16px 13px 20px}
.dashboard-v3 .brand-lockup{min-height:64px;padding:7px 8px 17px;margin-bottom:8px}
.dashboard-v3 .brand-lockup img{width:40px;height:40px;flex-basis:40px}
.dashboard-v3 .brand-copy{font-size:13.5px;letter-spacing:1.4px}
.dashboard-v3 .side-section{margin:18px 10px 8px;color:#536f86;font-size:9.5px;letter-spacing:1.75px}
.dashboard-v3 .side-link{
  min-height:43px;
  gap:10px;
  padding:0 10px;
  border-radius:10px;
  color:#879db1;
  font-size:13px;
  font-weight:540;
}
.dashboard-v3 .side-link .nav-icon{
  width:29px;height:29px;flex-basis:29px;
  border-radius:9px;color:#7591a8;
}
.dashboard-v3 .side-link:hover{background:rgba(42,145,230,.07)}
.dashboard-v3 .side-link.active{
  background:linear-gradient(90deg,rgba(42,147,235,.16),rgba(42,147,235,.035));
  box-shadow:inset 0 0 0 1px rgba(83,177,246,.10),0 8px 24px rgba(0,0,0,.08);
}
.dashboard-v3 .side-link.active::before{top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,#6be0fa,#3a9df4)}
.dashboard-v3 .upgrade{
  margin:20px 4px 0;padding:15px;border-radius:14px;
  border-color:rgba(235,184,89,.16);
  background:linear-gradient(155deg,rgba(31,28,20,.35),rgba(7,18,29,.84));
  box-shadow:none;
}
.dashboard-v3 .upgrade-kicker{color:#caa65d;font-size:9px}
.dashboard-v3 .upgrade h4{font-size:14px;font-weight:690}
.dashboard-v3 .upgrade p{font-size:11.5px;color:#71869a}
.dashboard-v3 .sidebar-footer{color:#4f6679}

.dashboard-v3 .main{
  padding:20px 22px 34px;
  max-width:1600px;
  width:100%;
  margin:0 auto;
  background:transparent!important;
}
.dashboard-v3 .appbar{
  min-height:70px;
  margin-bottom:14px;
  padding:2px 1px 9px;
  border-bottom:1px solid rgba(117,169,214,.07);
}
.dashboard-v3 .page-kicker{font-size:9.5px;color:#5f819f!important}
.dashboard-v3 .page-heading{font-size:25px;font-weight:720;letter-spacing:-1px}
.dashboard-v3 .page-subtitle{font-size:12px;color:#748da3}
.dashboard-v3 .top-actions{gap:8px}
.dashboard-v3 .top-pill{
  min-height:38px;
  border-color:rgba(89,177,246,.12);
  background:rgba(8,23,36,.78);
  color:#879fb2;
  font-size:11px;
}
.dashboard-v3 .top-pill .green-dot{width:7px;height:7px;box-shadow:0 0 10px rgba(49,214,154,.34)}

.dashboard-v3 .dash-top{gap:10px;margin-bottom:2px}
.dashboard-v3 .metric{
  min-height:108px;padding:17px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(10,28,44,.88),rgba(6,17,28,.94))!important;
}
.dashboard-v3 .metric small{font-size:11px;color:#778ea3}
.dashboard-v3 .metric strong{font-size:24px;font-weight:730;letter-spacing:-.6px}
.dashboard-v3 .metric .help{font-size:10.5px;color:#577087}
.dashboard-v3 .dashboard-grid{gap:10px;margin-top:10px;grid-template-columns:minmax(0,1fr) 320px}
.dashboard-v3 .card{border-radius:15px!important}

/* ---------- tables ---------- */
table{border-spacing:0}
th{
  color:#71899e!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
td{color:#bccbd8}
.table-wrap,.signal-table-wrap,.cent-table-wrap{border-radius:12px;overflow:auto}

/* ---------- pricing ---------- */
.pricing-wrap{padding-top:64px!important;padding-bottom:60px!important}
.pricing-head{max-width:760px!important;margin-left:auto!important;margin-right:auto!important;text-align:center}
.pricing-head h1{font-weight:740!important;letter-spacing:-2px!important;line-height:1.06!important}
.pricing-head p{color:#8ca3b7!important;line-height:1.7!important}
.billing-toggle{
  padding:4px!important;border-radius:12px!important;
  border:1px solid rgba(114,170,218,.13)!important;
  background:#06131f!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.billing-toggle button{border-radius:9px!important}
.billing-toggle button.active{background:#0d2940!important;color:#e8f6ff!important;box-shadow:inset 0 0 0 1px rgba(73,171,245,.16)!important}
.pricing-grid{gap:12px!important;align-items:stretch}
.price-card{
  border-radius:18px!important;
  padding:24px!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.price-card:hover{transform:translateY(-4px);border-color:rgba(87,184,255,.28)!important;box-shadow:0 24px 60px rgba(0,0,0,.30)!important}
.price-card.featured{border-color:rgba(73,173,249,.34)!important;box-shadow:0 20px 58px rgba(24,122,208,.10)!important}
.price-card.vip{border-color:rgba(237,185,87,.26)!important}
.plan-name{font-size:12px!important;letter-spacing:.16em!important}
.price{font-size:34px!important;font-weight:750!important;letter-spacing:-1.4px!important}
.feature-list{gap:9px!important}
.feature-list li{color:#9db0c0!important}
.plan-action{min-height:46px!important}

/* ---------- page-specific shared refinement ---------- */
.signal-control,.news-toolbar,.execution-warning,.paper-warning,.manager-warning,.cent-warning,.news-guard,.perf-notice{
  border-radius:14px!important;
  border-color:rgba(237,185,87,.16)!important;
  background:rgba(237,185,87,.045)!important;
}
.signal-layout,.news-grid,.execution-grid,.paper-grid,.manager-grid,.billing-grid,.perf-grid,.license-grid,.cent-grid{gap:12px!important}
.signal-control,.news-toolbar,.execution-card,.paper-card,.manager-card,.billing-card,.perf-card,.license-card,.cent-card{border-radius:15px!important}
.signal-actions select,.news-toolbar select,.execution-field select,.execution-field input,.paper-field select,.paper-field input,.settings-grid input,.field select{
  min-height:42px!important;
}

.signal-direction,.news-state,.manager-status,.preview-badge,.execution-top-state>span,.paper-badges>span,.plan-badge,.status{
  border-radius:999px!important;
  letter-spacing:.06em!important;
}
.score-ring{filter:drop-shadow(0 12px 22px rgba(0,0,0,.22))}
.level-card,.mtf-box,.side-stat,.filter-row,.event-values>div,.frame-row,.bias-strength,
.execution-kpis>div,.execution-detail-grid>div,.paper-kpi,.paper-signal-preview>div,
.quick-stat,.meta-box,.license-meta>div,.binding-box,.cent-kpis>div,.cent-checks>div,
.reach-grid>div,.resolution{
  background:rgba(255,255,255,.027)!important;
  border-color:rgba(122,174,218,.09)!important;
  border-radius:11px!important;
}

/* ---------- news intelligence ---------- */
.pre-news-page .news-toolbar{padding:16px!important}
.pre-news-page .news-card{padding:19px!important}
.pre-news-page .direction-hero{
  padding:15px 16px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(58,156,237,.035))!important;
  border-color:rgba(105,172,226,.12)!important;
  border-radius:12px!important;
}
.pre-news-page .direction-hero strong{font-size:23px!important;letter-spacing:-.6px}
.pre-news-page .event-meta span{background:rgba(95,155,205,.08)!important;border:1px solid rgba(95,155,205,.08)}

/* ---------- profile / forms ---------- */
.profile-grid{gap:12px!important}
.avatar{border-color:rgba(86,180,255,.18);background:linear-gradient(145deg,#0d2539,#07131f)}

/* ---------- mobile ---------- */
.mobile-nav{
  background:rgba(3,13,22,.92)!important;
  border-color:rgba(91,168,225,.15)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.38)!important;
}
.mobile-nav a{color:#849cb0!important;font-weight:560}
.mobile-nav b{color:#77c8fa!important}

.footer{border-top:1px solid rgba(111,166,212,.07);color:#5f768a}

/* ---------- accessibility / motion ---------- */
:focus-visible{outline:2px solid rgba(86,191,255,.72);outline-offset:2px}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

@media(max-width:1180px){
  .dashboard-v3 .app{grid-template-columns:220px minmax(0,1fr)}
  .dashboard-v3 .dashboard-grid{grid-template-columns:minmax(0,1fr) 290px}
}

@media(max-width:1040px){
  .dashboard-v3 .main{padding:18px 16px 90px}
  .dashboard-v3 .dashboard-grid{grid-template-columns:1fr}
  .hero{padding-top:62px}
  .hero-grid{gap:28px}
}

@media(max-width:700px){
  .topbar .nav{min-height:66px}
  .hero{padding:48px 0 34px}
  .hero-grid h1{font-size:44px;letter-spacing:-2.5px}
  .hero p{font-size:15px}
  .hero-visual{min-height:350px;border-radius:20px}
  .planet{width:205px;height:205px}
  .ax-hero{font-size:88px}
  .section{padding:40px 0}
  .section h2{font-size:29px}
  .auth-card{padding:21px}
  .dashboard-v3 .main{padding:14px 12px 86px}
  .dashboard-v3 .appbar{align-items:flex-start;flex-direction:column;gap:10px}
  .dashboard-v3 .top-actions{width:100%;overflow:auto;padding-bottom:2px}
  .dashboard-v3 .page-heading{font-size:23px}
  .pricing-wrap{padding-top:38px!important}
  .price-card{padding:20px!important}
}

@media(max-width:460px){
  .hero-grid h1{font-size:39px;letter-spacing:-2px}
  .hero-actions .btn{width:100%}
  .hero-visual{min-height:320px}
  .dashboard-v3 .metric{min-height:96px}
  .mobile-nav{left:6px!important;right:6px!important;bottom:6px!important;border-radius:14px!important}
}