/* AetherA Technology UI Lite V0.9.6
 * Additive presentation layer only.
 * Does not alter API, auth, RBAC, audit, approvals, production locks or execution logic.
 */
:root{
  color-scheme:light;
  --bg:#f5f9ff!important;
  --panel:#ffffff!important;
  --line:#d7e4f2!important;
  --text:#0b1a45!important;
  --muted:#5a6f8b!important;
  --cyan:#00b7f0!important;
  --blue:#075bff!important;
  --violet:#4328f5!important;
  --good:#078c67!important;
  --warn:#a56900!important;
  --bad:#c63f4b!important;
  --ae-page:#f5f9ff;
  --ae-page-accent:#edf7ff;
  --ae-surface:#ffffff;
  --ae-surface-soft:#f8fbff;
  --ae-line:#d7e4f2;
  --ae-line-strong:#bfd3e8;
  --ae-text:#0b1a45;
  --ae-muted:#5a6f8b;
  --ae-navy:#07154f;
  --ae-blue:#075bff;
  --ae-blue-dark:#0642c8;
  --ae-cyan:#00b7f0;
  --ae-cyan-soft:#e9faff;
  --ae-violet:#4328f5;
  --ae-good:#078c67;
  --ae-good-soft:#ecfbf6;
  --ae-warn:#9a6500;
  --ae-warn-soft:#fff8e8;
  --ae-bad:#bd3745;
  --ae-bad-soft:#fff0f2;
  --ae-shadow:0 8px 28px rgba(7,21,79,.08);
}
html{background:var(--ae-page);font-size:16px}
body{
  margin:0;
  color:var(--ae-text)!important;
  font:16px/1.58 Inter,"Noto Sans Thai","Leelawadee UI",Segoe UI,Arial,Tahoma,sans-serif!important;
  background:
    radial-gradient(circle at 88% 5%,rgba(0,183,240,.10),transparent 30rem),
    radial-gradient(circle at 8% 18%,rgba(7,91,255,.06),transparent 25rem),
    linear-gradient(180deg,#fbfdff 0,#f5f9ff 40%,#f7faff 100%)!important;
}
button,input,select,textarea{font-family:inherit!important}
::selection{background:rgba(7,91,255,.16);color:var(--ae-navy)}

/* Shell */
.shell{grid-template-columns:280px 1fr!important;min-height:100vh}
.side{
  padding:24px 18px!important;
  border-right:1px solid var(--ae-line)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:6px 0 24px rgba(7,21,79,.04);
  backdrop-filter:blur(12px);
}
.brandLogoBlock{gap:10px!important;margin:0 0 24px!important}
.brandLogo{width:228px!important;filter:drop-shadow(0 5px 12px rgba(7,21,79,.08))!important}
.brandTagline{color:#58708e!important;font-size:12px!important;letter-spacing:2.2px!important;font-weight:750}
.navlabel{font-size:12px!important;color:#69809b!important;margin:20px 10px 8px!important;letter-spacing:.8px;font-weight:800}
.nav a{
  position:relative;
  display:block;
  padding:11px 12px!important;
  color:#173b67!important;
  border:1px solid transparent;
  border-radius:10px!important;
  font-size:15px;
  font-weight:680;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .08s ease;
}
.nav a:hover{background:#f0f7ff!important;border-color:#d4e7f8!important;color:var(--ae-blue)!important}
.nav a.active{
  background:linear-gradient(90deg,#e9f3ff,#eefbff)!important;
  border-color:#bcdcf5!important;
  color:var(--ae-navy)!important;
  box-shadow:0 4px 14px rgba(7,91,255,.08);
}
.nav a.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--ae-blue),var(--ae-cyan))}

.main{padding:24px clamp(22px,3vw,42px) 48px!important;min-width:0}
.top{
  gap:18px!important;
  align-items:flex-start!important;
  padding:4px 0 20px!important;
  border-bottom:1px solid rgba(215,228,242,.8);
  margin-bottom:18px;
}
.companyMark{color:#486684!important;font-size:13px!important;font-weight:700!important;letter-spacing:.3px!important}
.companyMark img{width:25px!important;height:25px!important;filter:none!important}
.title{font-size:26px!important;line-height:1.25!important;font-weight:820!important;color:var(--ae-navy)!important;letter-spacing:-.35px}
.top .title{font-size:29px!important;margin-top:4px}
.subtitle{color:var(--ae-muted)!important;margin-top:5px!important;font-size:15px!important;line-height:1.6}
.chips{align-items:center!important;justify-content:flex-end!important;gap:9px!important}
.chip{
  padding:8px 12px!important;
  border:1px solid var(--ae-line-strong)!important;
  border-radius:999px!important;
  color:#526b88!important;
  background:#f8fbff!important;
  font-size:12px!important;
  font-weight:800;
}
.chip.good{border-color:#92d9c5!important;color:#08795d!important;background:var(--ae-good-soft)!important}
.chip.warn{border-color:#e6c77a!important;color:#885b00!important;background:var(--ae-warn-soft)!important}

/* TH / EN switch */
.ae-lang-switch{display:inline-flex;align-items:center;padding:4px;border:1px solid var(--ae-line-strong);border-radius:26px;background:#f0f5fb;box-shadow:inset 0 1px 2px rgba(7,21,79,.03)}
.ae-lang-btn{min-width:58px;min-height:38px;padding:8px 13px;border:0;border-radius:21px;background:transparent;color:#526986;font-size:12px;font-weight:850;letter-spacing:.45px;cursor:pointer}
.ae-lang-btn:hover{background:#e2edf8;color:var(--ae-navy)}
.ae-lang-btn.active{background:linear-gradient(135deg,var(--ae-blue),#008be9 68%,var(--ae-cyan));color:#fff;box-shadow:0 4px 12px rgba(7,91,255,.22)}
.ae-login-lang{display:flex;justify-content:flex-end;margin:-4px 0 14px}

/* Main surfaces */
.card,.panel{
  color:var(--ae-text)!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid var(--ae-line)!important;
  border-radius:16px!important;
  box-shadow:var(--ae-shadow)!important;
}
.panel{padding:22px!important}
.card{padding:18px!important}
.grid{gap:14px!important}
.stats{gap:14px!important}
.stat small{color:#607692!important;font-size:13px!important;font-weight:700}
.stat strong{font-size:27px!important;color:var(--ae-navy)!important;margin-top:9px!important;overflow-wrap:anywhere}
.sector{min-height:142px!important;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.sector:hover{transform:translateY(-2px);border-color:#a9d4f2!important;box-shadow:0 10px 28px rgba(7,91,255,.10)!important}
.sector h3{font-size:17px;color:var(--ae-navy);margin:12px 0 5px!important}
.sector p{color:#607692!important;font-size:13px!important;line-height:1.55}
.tag{background:#eef5fc!important;color:#4d6784!important;border:1px solid #d5e5f4;font-size:11px!important;font-weight:800}
.tag.functional{color:#08795d!important;border-color:#9ad9c8!important;background:var(--ae-good-soft)!important}

/* Controls */
.btn,.a92-btn,.a93-btn,.a94-btn,.a95c-actions button{
  min-height:43px;
  border:1px solid var(--ae-line-strong)!important;
  background:#f8fbff!important;
  color:#163c68!important;
  border-radius:10px!important;
  font-weight:750!important;
  box-shadow:none;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .08s ease;
}
.btn:hover,.a92-btn:hover,.a93-btn:hover,.a94-btn:hover,.a95c-actions button:hover{background:#edf5fd!important;border-color:#8db9df!important;box-shadow:0 3px 10px rgba(7,21,79,.08)!important}
.btn.primary,.a93-submit{
  color:#fff!important;
  border-color:#0879e8!important;
  background:linear-gradient(135deg,var(--ae-blue),#0088e8 66%,var(--ae-cyan))!important;
  box-shadow:0 5px 14px rgba(7,91,255,.16)!important;
}
.btn.primary:hover,.a93-submit:hover{background:linear-gradient(135deg,var(--ae-blue-dark),#0077d8 66%,#00a8df)!important}
.btn.danger{background:var(--ae-bad-soft)!important;border-color:#efbdc3!important;color:#a52b39!important}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,183,240,.24)!important;outline-offset:2px!important;border-color:var(--ae-blue)!important}

.field label,.a93-field label,.cpm-field label,.a95c-field span,.a94-cycle label{color:#586f8a!important;font-size:13px!important;font-weight:700!important;opacity:1!important}
.field input,.field select,.a93-field input,.a93-field select,.a93-field textarea,.cpm-field input,.cpm-field textarea,.cpm-field select,.a95c-field input,.a95c-field select,.a95c-tr input,.a94-cycle input{
  min-height:44px;
  padding:10px 12px!important;
  border:1px solid var(--ae-line-strong)!important;
  background:#fbfdff!important;
  color:var(--ae-text)!important;
  border-radius:9px!important;
}
input::placeholder,textarea::placeholder{color:#8798ab!important;opacity:1}
select option{background:#fff;color:var(--ae-text)}

/* Tables */
.tablewrap,.a93-result,.a94-result{border-radius:12px!important}
table,.a93-table{background:#fff;color:var(--ae-text)}
th,td,.a93-table th,.a93-table td{padding:11px 10px!important;border-bottom:1px solid #e3edf6!important}
th,.a93-table th{color:#476681!important;font-size:12px!important;font-weight:800!important;background:#f5f9fd}
td,.a93-table td{color:#294765!important;font-size:13px}

/* Login */
.login{max-width:620px!important;margin:6vh auto!important}
.login.panel{padding:30px!important}
.loginBrandLogo{width:min(390px,92%)!important;filter:drop-shadow(0 8px 24px rgba(7,21,79,.10))!important}
.strap{color:#607692!important;font-size:13px!important}
.msg{color:#5e738f!important;font-size:13px!important}

/* V0.9.2 module workspace */
.a92-panel,.a92-card,.a92-node,.a92-edge{
  background:#fff!important;
  border-color:var(--ae-line)!important;
  color:var(--ae-text)!important;
  box-shadow:0 5px 18px rgba(7,21,79,.05);
}
.a92-panel{border-radius:16px!important}
.a92-title{color:var(--ae-navy)!important;font-size:26px!important}
.a92-sub,.a92-card small,.a92-node small{color:#607692!important;font-size:13px!important}
.a92-card strong,.a92-node b{color:var(--ae-navy)!important}
.a92-pill{background:#f4f9fe!important;border-color:#cddfec!important;color:#36597a!important;font-size:12px!important}
.a92-edge{border-left-color:var(--ae-cyan)!important;color:#395c7b!important}
.a92-node:hover{border-color:#8bc9ed!important;background:#f9fcff!important}
.a92-error{background:var(--ae-bad-soft)!important;border-color:#efbdc3!important;color:#a52b39!important}
.a92-ok{color:var(--ae-good)!important}.a92-warn,.a92-lock{color:var(--ae-warn)!important}

/* V0.9.3 operational workspace */
.a93-ops,.a93-form,.a93-result,.a93-result-head{
  background:#fff!important;
  border-color:var(--ae-line)!important;
  color:var(--ae-text)!important;
}
.a93-ops{box-shadow:var(--ae-shadow)!important}
.a93-head h2{color:var(--ae-navy)!important;font-size:24px!important}
.a93-sub{color:#607692!important;opacity:1!important;font-size:13px!important}
.a93-live{border-color:#8fd8c3!important;color:#08795d!important;background:var(--ae-good-soft)!important}
.a93-btn{min-height:58px!important;text-align:left!important}
.a93-btn small{color:#657b96!important;opacity:1!important}
.a93-result-head{background:#f3f8fd!important}
.a93-result pre{color:#254765!important;background:#fbfdff!important}
.a93-error{color:var(--ae-bad)!important}.a93-ok{color:var(--ae-good)!important}

/* V0.9.4 registry / platform */
.a94-panel,.a94-stat,.a94-module,.a94-result,.a94-result-head,.a94-result-body{
  background:#fff!important;
  border-color:var(--ae-line)!important;
  color:var(--ae-text)!important;
}
.a94-panel{box-shadow:var(--ae-shadow)!important}
.a94-title{color:var(--ae-navy)!important;font-size:21px!important}
.a94-sub,.a94-stat small,.a94-module small,.a94-cycle label{color:#607692!important;font-size:12px!important}
.a94-stat strong{color:var(--ae-navy)!important;font-size:20px!important}
.a94-badge{border-color:#91d8c4!important;color:#08795d!important;background:var(--ae-good-soft)!important}
.a94-badge.a94-lock{border-color:#e7c77d!important;color:#8b5b00!important;background:var(--ae-warn-soft)!important}
.a94-module{background:#f9fcff!important}
.a94-module[data-a94-info]:hover{border-color:#85c9ef!important;background:#f3faff!important}
.a94-result-head{background:#f3f8fd!important}
.a94-result pre{color:#294b69!important}
.a94-ok{color:var(--ae-good)!important}.a94-error{color:var(--ae-bad)!important}

/* V0.9.5 commercial control */
.a95c-shell,.a95c-section,.a95c-tr,.a95c-quote>div,.a95c-status,.a95c-empty{
  color:var(--ae-text)!important;
  border-color:var(--ae-line)!important;
}
.a95c-shell{background:#fff!important;box-shadow:var(--ae-shadow)!important}
.a95c-head h2,.a95c-section h3{color:var(--ae-navy)!important}
.a95c-head p,.a95c-kicker,.a95c-tr small,.a95c-th{color:#607692!important;opacity:1!important}
.a95c-badges span{border-color:#cddfec!important;background:#f7fbff!important;color:#496783!important}
.a95c-section{border-top-color:#e1ebf4!important}
.a95c-tr{background:#fbfdff!important}
.a95c-quote>div{background:#f9fcff!important}
.a95c-status{background:#f8fbff!important}
.a95c-status[data-kind="ok"]{border-color:#91d8c4!important;background:var(--ae-good-soft)!important}
.a95c-status[data-kind="error"]{border-color:#efbdc3!important;background:var(--ae-bad-soft)!important}
.a95c-empty{background:#fbfdff!important;border-style:dashed!important}

/* Customer Profile Manager */
#customerProfileManager{color:var(--ae-text)!important}
.cpm-section{border-top-color:#e1ebf4!important}
.cpm-section-title{color:var(--ae-navy)!important;font-size:16px}
.cpm-section-sub,.cpm-note{color:#607692!important;opacity:1!important}
.cpm-logo-preview{border-color:#bfd6e8!important;background:#f8fbff!important}
.cpm-logo-empty{color:#71859d!important;opacity:1!important}
.cpm-status.good{color:var(--ae-good)!important}.cpm-status.bad{color:var(--ae-bad)!important}
#commercialDemoContext{--cust-primary:#07154f;--cust-secondary:#075bff;--cust-accent:#00b7f0;background:#fff!important}

/* Additional generated UI states */
[class*="error"],.a94-error,.a93-error{font-weight:700}
.statusline{color:#365774!important;font-size:14px!important}
.dot{background:#d99a26!important}.dot.good{background:#0aa477!important}
.module a{color:var(--ae-blue)!important;font-weight:800!important}
.module small{color:#607692!important;font-size:12px!important}
.module b{color:var(--ae-navy)!important}

/* Responsive */
@media(max-width:1200px){.shell{grid-template-columns:250px 1fr!important}.brandLogo{width:205px!important}.top{flex-direction:column}.chips{justify-content:flex-start!important}}
@media(max-width:760px){
  .shell{grid-template-columns:1fr!important}.side{display:none!important}.main{padding:16px!important}
  .top{padding-bottom:14px!important}.top .title{font-size:25px!important}.title{font-size:23px!important}.subtitle{font-size:14px!important}
  .chips{width:100%;justify-content:flex-start!important}.chip{font-size:11px!important}.ae-lang-btn{min-width:54px;min-height:36px}
  .panel{padding:18px!important}.card{padding:16px!important}.login.panel{margin:3vh 14px!important;padding:22px!important}
}