:root{
  --bg:#05090d;
  --bg2:#081018;
  --panel:#0a131b;
  --panel2:#0d1821;
  --panel3:#101d27;
  --line:#1d3442;
  --line-gold:#6d4b1c;
  --text:#edf3f6;
  --muted:#8297a5;
  --muted2:#536a78;
  --red:#ff4b4f;
  --red2:#9e171d;
  --gold:#e1b24c;
  --gold2:#8b5d17;
  --cyan:#50bfff;
  --green:#55df83;
  --violet:#8f70ff;
  --orange:#ff8050;
  --purple:#a568ff;
  --shadow:0 18px 55px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}
body{background:
  radial-gradient(circle at 48% -15%,rgba(127,39,22,.12),transparent 30%),
  radial-gradient(circle at 82% 18%,rgba(13,78,109,.09),transparent 22%),
  var(--bg)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}

.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}
.sidebar{height:100vh;position:sticky;top:0;z-index:50;display:flex;flex-direction:column;background:
  linear-gradient(180deg,rgba(11,15,19,.98),rgba(5,10,14,.99)),
  var(--bg);border-right:1px solid #17252e;box-shadow:10px 0 45px rgba(0,0,0,.22);overflow:hidden}
.brand{min-height:126px;padding:23px 24px 18px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #17242c;background:
  radial-gradient(circle at 50% 0,rgba(167,49,38,.19),transparent 54%),
  linear-gradient(180deg,#0b1015,#070c10)}
.brand-word{text-align:center;line-height:.86;filter:drop-shadow(0 0 16px rgba(163,42,34,.12))}
.brand-main{display:block;font-family:Georgia,serif;font-size:29px;letter-spacing:.05em;color:#f0ded6;text-shadow:0 2px 0 #5b1d18,0 0 9px rgba(255,113,87,.18)}
.brand-center{display:block;margin-top:7px;font-family:Georgia,serif;font-size:18px;letter-spacing:.42em;padding-left:.42em;color:#e8b18f}
.brand-word small{display:block;margin-top:12px;color:#718594;font-size:8px;letter-spacing:.35em}

.side-nav{padding:9px 8px 12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#263947 transparent}
.side-nav a{position:relative;display:grid;grid-template-columns:28px 1fr 16px;gap:9px;align-items:center;min-height:43px;padding:0 14px;color:#9eafbb;border-left:3px solid transparent;border-radius:5px;font-size:12px;transition:.16s}
.side-nav a:hover{color:#f2f5f7;background:#0b151d}
.side-nav a.active{color:#fff;border-left-color:#ff3f45;background:linear-gradient(90deg,rgba(180,22,29,.34),rgba(70,19,21,.1) 74%,transparent);box-shadow:inset 0 0 18px rgba(160,22,28,.05)}
.nav-icon{width:21px;text-align:center;color:#8799a7;font-size:15px}
.side-nav a.active .nav-icon{color:#fff}
.side-nav a i{font-style:normal;color:#6a7b87;text-align:right;font-size:15px}

.server-mini{margin:auto 13px 13px;padding:15px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#09131a,#071016)}
.mini-title{padding-bottom:11px;margin-bottom:10px;border-bottom:1px solid #182831}
.mini-title b,.mini-title small{display:block}.mini-title b{font-size:11px}.mini-title small{color:#8da0ad;margin-top:4px;font-size:9px}
.mini-status{display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center;margin:8px 0;font-size:9px;color:#91a4b0}
.mini-status b{color:#ff7477;font-size:9px}
.server-mini>a{display:block;text-align:center;margin-top:12px;border:1px solid #263947;background:#0b151c;border-radius:6px;padding:9px;color:#a7bac5;font-size:9px}

.led{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(85,223,131,.45)}
.led.off{background:#ff5056;box-shadow:0 0 8px rgba(255,80,86,.3)}

.workspace{min-width:0}
.topbar{height:62px;position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(170px,1fr) auto auto;align-items:stretch;border-bottom:1px solid #18262f;background:rgba(6,11,15,.94);backdrop-filter:blur(14px)}
.topbar-left{display:flex;align-items:center;gap:16px;padding:0 20px}
.menu-button{width:34px;height:34px;border:0;background:transparent;color:#d9c6a2;font-size:20px}
.crumb{display:flex;align-items:center;gap:10px;color:#9caeb9;font-size:11px}.crumb b{font-weight:500}
.topbar-stats{display:flex}
.topbar-stats>div{min-width:115px;padding:0 18px;display:grid;align-content:center;border-left:1px solid #14222b}
.topbar-stats small{color:#879aa7;font-size:9px}.topbar-stats b{margin-top:3px;font-size:11px}.topbar-stats .led{position:absolute;margin-left:-12px;margin-top:5px}
.topbar-user{min-width:238px;display:flex;align-items:center;gap:10px;padding:0 16px;border-left:1px solid #172630}
.user-time{text-align:right;margin-right:3px}.user-time small,.user-time b{display:block}.user-time small{font-size:8px;color:#748896}.user-time b{font-size:9px;color:#8da0ac;margin-top:2px}
.user-avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #862b2d;border-radius:50%;background:radial-gradient(circle,#40191c,#0d0f12 64%);color:#efc5aa;font-family:Georgia,serif;font-weight:800}
.user-copy{min-width:86px}.user-copy b,.user-copy small{display:block}.user-copy b{font-size:11px}.user-copy small{font-size:9px;color:#889ca9;margin-top:2px}

.content{padding:14px 18px 24px;max-width:1800px;margin:0 auto}
.hero-banner{min-height:214px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(360px,1.15fr) 1fr;align-items:center;border:1px solid #7b531e;border-radius:9px;background:
  linear-gradient(90deg,rgba(10,9,10,.36),rgba(10,9,10,.62) 50%,rgba(4,7,9,.91)),
  linear-gradient(140deg,rgba(105,38,28,.7),rgba(20,22,25,.72) 45%,rgba(2,8,11,.94));
box-shadow:var(--shadow)}
.hero-banner:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 29% 45%,rgba(255,132,74,.25),transparent 28%),
  radial-gradient(circle at 60% 28%,rgba(162,36,30,.18),transparent 24%);pointer-events:none}
.hero-copy{position:relative;z-index:1;padding:26px 42px}
.script-label{display:block;color:#e4d1c5;font-family:"Segoe Script","Brush Script MT",cursive;font-size:22px;transform:rotate(-4deg);transform-origin:left}
.hero-copy h1{margin:2px 0 4px;font-family:Georgia,serif;font-size:44px;letter-spacing:.02em;color:#f5e5dc;text-shadow:0 2px 0 #6c211d,0 0 14px rgba(255,92,67,.17)}
.hero-copy p{margin:0;color:#d3cbc5;font-size:9px;letter-spacing:.12em}
.hero-values{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;margin:0 16px 0 0;border-top:1px solid #6c2722;border-bottom:1px solid #6c2722;background:rgba(3,8,11,.38)}
.hero-values>div{min-height:115px;display:grid;place-items:center;align-content:center;text-align:center;padding:10px;border-left:1px solid #40211d}
.hero-values>div:first-child{border-left:0}
.hero-values span{font-size:25px;color:#ff7860}.hero-values b{font-size:10px;color:#e8c567;margin:7px 0}.hero-values small{color:#9dabb3;font-size:8px;line-height:1.45}

.metric-grid{display:grid;gap:10px;margin:13px 0}.metric-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.metric-card{min-height:75px;display:flex;align-items:center;gap:14px;padding:13px;border:1px solid #274351;border-radius:8px;background:linear-gradient(145deg,#0c1820,#091119)}
.metric-card small,.metric-card b{display:block}.metric-card small{font-size:9px;color:#9aabb5}.metric-card b{font-size:18px;margin-top:4px}.metric-card b em{font-size:10px;color:#8da0aa;font-style:normal;font-weight:400}
.metric-icon{width:44px;text-align:center;font-size:28px}.metric-card.green .metric-icon{color:#48d17b}.metric-card.violet .metric-icon{color:#8a64ff}.metric-card.orange .metric-icon{color:#ff8050}.metric-card.blue .metric-icon{color:#55aaff}.metric-card.gold .metric-icon{color:#f0b633}.metric-card.purple .metric-icon{color:#a66bff}

.dashboard-main-grid{display:grid;grid-template-columns:1.45fr .92fr .48fr;gap:12px}
.panel{border:1px solid #714b1d;border-radius:8px;background:linear-gradient(145deg,#0a131a,#071016);box-shadow:0 12px 35px rgba(0,0,0,.18);overflow:hidden}
.panel-title{min-height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;border-bottom:1px solid #26323a}
.panel-title h2{margin:0;font-size:13px}.panel-title>span,.panel-title a{font-size:8px;color:#8397a4}

.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px}
.quick-action{min-height:76px;display:grid;place-items:center;align-content:center;gap:7px;border:1px solid #304957;border-radius:6px;background:linear-gradient(145deg,#0e1a22,#0a1319);transition:.15s}
.quick-action:hover{transform:translateY(-1px);border-color:#6d5732;background:#111d24}
.quick-action span{font-size:22px}.quick-action b{font-size:9px;font-weight:500;text-align:center}.quick-action.red span{color:#ff5960}.quick-action.blue span{color:#3a9fff}.quick-action.gold span{color:#f0af2a}

.status-badge{padding:4px 9px;border-radius:999px;font-size:8px;border:1px solid}.status-badge.offline{border-color:#853537;color:#ff6b70;background:#2b1114}
.server-status-list,.status-list{list-style:none;padding:8px 12px;margin:0}
.server-status-list li{min-height:33px;display:grid;grid-template-columns:15px 92px 58px 1fr;gap:7px;align-items:center;border-bottom:1px solid #182831;font-size:8px}.server-status-list li:last-child{border-bottom:0}.server-status-list b{font-size:9px}.server-status-list em{font-style:normal}.server-status-list small{color:#8b9ba5;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.offline-text,.danger-text{color:#ff6469!important}.pending-text{color:#e8ae47!important}.ok-text{color:#61d98b!important}.muted-text{color:#718591!important}.db-icon{color:#64a7ff}

.server-tools{padding:9px;display:grid;gap:6px}.server-tools button,.server-tools a{min-height:29px;border:1px solid #2a414e;border-radius:5px;background:#0d1820;color:#a7b8c2;font-size:8px;text-align:left;padding:0 10px;display:flex;align-items:center}.server-tools button:disabled{opacity:.55}.server-tools a:hover{border-color:#634a27;color:#fff}

.data-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;margin-top:11px}.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:8px}th{padding:7px 9px;text-align:left;color:#899da9;font-weight:500;background:#0d1a22}td{padding:7px 9px;border-top:1px solid #15262f;color:#b4c0c7}.placeholder-row td{text-align:center;height:88px;color:#667b88}

.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:11px}
.feature-card{min-height:115px;display:flex;flex-direction:column;justify-content:space-between;padding:13px;border:1px solid #6b471b;border-radius:7px;background:
  linear-gradient(180deg,rgba(34,23,17,.35),rgba(6,11,14,.96)),
  radial-gradient(circle at 50% 10%,rgba(140,68,35,.22),transparent 50%)}
.feature-card:hover{border-color:#a9782e;transform:translateY(-1px)}
.feature-card b{font-size:9px}.feature-card p{font-size:8px;line-height:1.45;color:#a6b1b6;margin:7px 0}.feature-card span{align-self:center;background:linear-gradient(#f2c45b,#cc8e22);color:#21170b;border-radius:4px;padding:7px 15px;font-size:8px;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.35)}

.module-page{padding-top:7px}.module-page-head{min-height:120px;display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #6b471b;border-radius:9px;background:linear-gradient(110deg,rgba(65,25,21,.32),rgba(8,16,22,.96));margin-bottom:13px}
.module-page-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:10px;border:1px solid #664321;background:#1b1612;color:#efbe58;font-size:28px}
.module-page-head h2{margin:5px 0;font-size:22px}.module-page-head p{margin:0;color:#849aa7;font-size:10px}
.eyebrow{font-size:8px;letter-spacing:.2em;color:#d59a37;font-weight:700}
.foundation-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.panel.tall{min-height:360px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #20303a}.panel-head h3{font-size:12px;margin:5px 0 0}.tag{font-size:7px;padding:5px 7px;border-radius:999px}.tag.pending{border:1px solid #624820;color:#e3b04a;background:#1c160d}
.foundation-body{min-height:290px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.foundation-mark{width:66px;height:66px;display:grid;place-items:center;border:1px solid #4d3a22;border-radius:50%;font-size:26px;color:#e5ad48;background:#15120e}.foundation-body h3{margin:13px 0 6px}.foundation-body p{max-width:600px;color:#8499a5;font-size:10px;line-height:1.7}.guard-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.guard-row span{font-size:8px;color:#7f948f;border:1px solid #253b38;border-radius:999px;padding:5px 8px;background:#0a1715}
.status-list li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #1a2932;font-size:9px}.status-list li:last-child{border-bottom:0}

footer{display:flex;justify-content:space-between;color:#41545f;font-size:7px;margin-top:20px;padding:0 2px}

.sidebar-overlay{display:none;position:fixed;inset:0;z-index:45;background:rgba(0,0,0,.58)}
body.is-loading{overflow:hidden}
.preloader{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle at 50% 38%,rgba(122,31,25,.14),transparent 27%),#04070a;transition:opacity .35s ease,visibility .35s ease}
.preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.preloader-rune{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;border:1px solid #79312c;background:radial-gradient(circle,#451b19,#090b0d 65%);font:900 34px Georgia,serif;color:#efc6a8;box-shadow:0 0 35px rgba(195,47,38,.11)}
.preloader-copy{text-align:center;margin-top:17px}.preloader-copy strong{display:block;font:700 14px Georgia,serif;letter-spacing:.14em;color:#e9d5c8}.preloader-copy span{display:block;margin-top:6px;color:#596e7b;font-size:7px;letter-spacing:.35em}
.preloader-bar{width:190px;height:2px;background:#111d24;border-radius:999px;overflow:hidden;margin-top:17px}.preloader-bar i{display:block;height:100%;width:43%;background:linear-gradient(90deg,transparent,#dc9536,transparent);animation:acLoad 1.1s linear infinite}
@keyframes acLoad{from{transform:translateX(-120%)}to{transform:translateX(270%)}}

@media(max-width:1320px){
  .metric-grid.six{grid-template-columns:repeat(3,1fr)}
  .dashboard-main-grid{grid-template-columns:1.3fr .9fr}.tools-panel{grid-column:1/-1}.server-tools{grid-template-columns:repeat(4,1fr)}
  .feature-grid{grid-template-columns:repeat(3,1fr)}
  .topbar-stats>div{min-width:95px;padding:0 12px}
}
@media(max-width:1050px){
  .app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-290px;width:280px;transition:.2s}.sidebar.open{left:0}.sidebar-overlay.show{display:block}
  .topbar{grid-template-columns:1fr auto}.topbar-stats{display:none}.topbar-user{min-width:auto}.user-time{display:none}
  .dashboard-main-grid,.data-grid,.foundation-grid{grid-template-columns:1fr}.hero-banner{grid-template-columns:1fr}.hero-values{margin:0 15px 15px}.metric-grid.six{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .content{padding:10px}.topbar-user .user-copy{display:none}.hero-copy{padding:24px}.hero-copy h1{font-size:30px}.hero-values{grid-template-columns:repeat(2,1fr)}
  .metric-grid.six,.quick-grid,.feature-grid{grid-template-columns:1fr 1fr}.server-tools{grid-template-columns:1fr 1fr}.data-grid{grid-template-columns:1fr}
}
@media(max-width:430px){.metric-grid.six,.quick-grid,.feature-grid,.server-tools{grid-template-columns:1fr}}


/* Secure login */
.login-body{min-height:100vh;display:grid;place-items:center;padding:28px;background:
  radial-gradient(circle at 22% 22%,rgba(145,34,28,.16),transparent 28%),
  radial-gradient(circle at 76% 68%,rgba(20,85,112,.10),transparent 28%),
  #05090d}
.login-shell{width:min(980px,100%);min-height:570px;display:grid;grid-template-columns:1fr 430px;border:1px solid #5f421d;border-radius:14px;overflow:hidden;background:#071016;box-shadow:0 35px 110px rgba(0,0,0,.55)}
.login-brand{position:relative;display:grid;place-content:center;justify-items:center;text-align:center;padding:46px;background:
  radial-gradient(circle at 50% 35%,rgba(134,41,30,.26),transparent 30%),
  linear-gradient(145deg,#111317,#070b0f 68%)}
.login-brand:after{content:"";position:absolute;right:0;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,#67451f,transparent)}
.login-emblem{width:94px;height:94px;display:grid;place-items:center;margin-bottom:22px;border:1px solid #8a3b31;border-radius:50%;font:900 44px Georgia,serif;color:#f0c9ad;background:radial-gradient(circle,#57201c,#0c0e11 67%);box-shadow:0 0 45px rgba(169,45,36,.12)}
.login-brand .brand-main{font-size:38px}.login-brand .brand-center{font-size:23px}.login-brand>small{margin-top:16px;color:#728794;font-size:8px;letter-spacing:.38em}.login-brand p{max-width:330px;margin:24px 0 0;color:#728895;font-size:10px;line-height:1.65}
.login-card{padding:48px 38px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#0a141b,#071016)}
.login-head h1{margin:8px 0 7px;font-size:22px}.login-head p{margin:0 0 24px;color:#8095a2;font-size:10px;line-height:1.55}
.login-card form{display:grid;gap:13px}.login-card label>span{display:flex;justify-content:space-between;margin-bottom:6px;color:#9aabb5;font-size:9px}.login-card label em{color:#526873;font-style:normal}
.login-card input{width:100%;height:42px;padding:0 12px;border:1px solid #263d49;border-radius:6px;outline:0;background:#071119;color:#e7eef2;font-size:11px}
.login-card input:focus{border-color:#7d5a26;box-shadow:0 0 0 3px rgba(199,143,44,.06)}
.login-card button{height:43px;margin-top:4px;border:1px solid #a36a1c;border-radius:6px;background:linear-gradient(#e5b64a,#bd7b18);color:#1d1307;font-size:9px;font-weight:900;letter-spacing:.07em}
.login-error{margin-bottom:14px;padding:10px 12px;border:1px solid #713238;border-radius:6px;background:#241014;color:#ff8589;font-size:9px;line-height:1.45}
.login-security{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:17px;border-top:1px solid #172731;color:#5f7684;font-size:7px}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:300px}.login-brand:after{display:none}.login-card{padding:32px 24px}}

.status-badge.online{border-color:#2c7a4c;color:#63e391;background:#0e281a}


/* Read-only query modules */
.module-page-head.compact{min-height:104px}
.search-panel{padding:0}
.read-job-form{padding:15px}
.search-command{display:grid;grid-template-columns:minmax(220px,1fr) 120px 112px;gap:10px;align-items:end}
.search-command label{display:block;margin-bottom:6px;color:#8195a1;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.search-command input,.search-command select{width:100%;height:38px;border:1px solid #29414e;border-radius:6px;outline:0;background:#071119;color:#dce7ed;padding:0 11px;font-size:10px}
.search-command input:focus,.search-command select:focus{border-color:#755426;box-shadow:0 0 0 3px rgba(213,154,55,.05)}
.search-command button{height:38px;border:1px solid #9a671e;border-radius:6px;background:linear-gradient(#e1b348,#be7e1d);color:#211608;font-size:8px;font-weight:900;letter-spacing:.06em}
.search-command button:disabled{opacity:.55}
.job-feedback{margin-top:11px;padding:9px 10px;border:1px solid #1d3340;border-radius:5px;background:#08131a;color:#6f8794;font-size:8px}
.job-feedback.working{border-color:#36516a;color:#8cc8e9}
.job-feedback.ok{border-color:#265940;color:#64d991}
.job-feedback.pending{border-color:#654b25;color:#d3a64b}
.job-feedback.error{border-color:#6f2b31;color:#ff777b}
.read-results{border-top:1px solid #25353e;max-height:550px}
.read-results table{font-size:9px}
.read-results th{position:sticky;top:0;z-index:2;background:#0d1a22}
.read-results td{white-space:nowrap}
@media(max-width:700px){.search-command{grid-template-columns:1fr}.search-command button{width:100%}}


/* Aetheria Center V0.1.1 - typography readability pass */
.brand-word small{font-size:10px}
.mini-title small{font-size:10px}
.mini-status,.mini-status b,.server-mini>a{font-size:10px}
.topbar-stats small{font-size:10px}
.user-time small{font-size:9px}
.user-time b{font-size:10px}
.user-copy small{font-size:10px}
.hero-copy p{font-size:10px}
.hero-values b{font-size:11px}
.hero-values small{font-size:9.5px}
.metric-card small{font-size:10px}
.metric-card b em{font-size:11px}
.panel-title>span,.panel-title a{font-size:9px}
.quick-action b{font-size:10px}
.status-badge{font-size:9px}
.server-status-list li{font-size:9px}
.server-status-list b{font-size:10px}
.server-tools button,.server-tools a{font-size:9px}
table{font-size:9.5px}
.feature-card b{font-size:10px}
.feature-card p{font-size:9px}
.feature-card span{font-size:9px}
.module-page-head p{font-size:11px}
.eyebrow{font-size:9px}
.tag{font-size:8px}
.foundation-body p{font-size:11px}
.guard-row span{font-size:9px}
.status-list li{font-size:10px}
footer{font-size:8px}
.preloader-copy span{font-size:8px}

/* Login */
.login-brand>small{font-size:10px}
.login-brand p{font-size:12px}
.login-head p{font-size:12px}
.login-card label>span{font-size:11px}
.login-card input{font-size:13px}
.login-card button{font-size:11px}
.login-error{font-size:10px}
.login-security{font-size:9px}

/* Read-only modules */
.search-command label{font-size:10px}
.search-command input,.search-command select{font-size:12px}
.search-command button{font-size:10px}
.job-feedback{font-size:10px}
.read-results table{font-size:10.5px}


/* Aetheria Center V0.2.0 - Item Render Engine + KO tooltip */
.item-result-row td{vertical-align:middle}
.item-icon-box{
  width:50px;height:50px;display:grid;place-items:center;overflow:hidden;
  border:1px solid #465a64;border-radius:6px;
  background:
    linear-gradient(45deg,#0b1217 25%,#111c23 25%,#111c23 50%,#0b1217 50%,#0b1217 75%,#111c23 75%);
  background-size:12px 12px;
  box-shadow:inset 0 0 14px rgba(0,0,0,.55);
}
.item-icon-box img{width:48px;height:48px;object-fit:contain;display:block}
.item-icon-box.missing{color:#7d8d96;font-weight:800;font-size:18px}
.item-name-cell{font-weight:700;color:#e8edf0}
.has-item-tooltip{cursor:help}
.asset-pill{
  display:inline-flex;align-items:center;min-height:20px;margin:2px 4px 2px 0;
  padding:3px 7px;border-radius:999px;border:1px solid #344852;
  background:#0b151b;color:#80949f;font-size:8px;font-weight:800;letter-spacing:.04em;
}
.asset-pill.rendered{border-color:#265d43;background:#0b1d15;color:#5ddb8c}
.asset-pill.missing{border-color:#745822;background:#21190c;color:#e8b44b}
.asset-pill.broken{border-color:#763238;background:#231014;color:#ff747a}
.asset-pill.duplicate{border-color:#704c25;background:#1d150d;color:#e6a84d}

.item-tooltip{
  position:fixed;z-index:10000;left:0;top:0;width:min(370px,calc(100vw - 24px));
  max-height:calc(100vh - 28px);overflow:auto;pointer-events:none;
  opacity:0;visibility:hidden;transform:translateY(4px);
  border:1px solid #8a5b22;border-radius:8px;
  background:linear-gradient(180deg,rgba(12,17,21,.985),rgba(5,10,14,.99));
  box-shadow:0 24px 75px rgba(0,0,0,.72),inset 0 0 34px rgba(105,62,21,.06);
  color:#dfe7eb;padding:12px;transition:opacity .1s ease,transform .1s ease,visibility .1s;
  scrollbar-width:thin;scrollbar-color:#4b3820 #0b1115;
}
.item-tooltip.show{opacity:1;visibility:visible;transform:translateY(0)}
.item-tooltip-head{display:grid;grid-template-columns:68px 1fr;gap:11px;align-items:center;padding-bottom:10px;border-bottom:1px solid #28343a}
.item-tooltip-icon{
  width:64px;height:64px;display:grid;place-items:center;border:1px solid #66502b;border-radius:7px;
  background:#070d11;box-shadow:inset 0 0 18px rgba(0,0,0,.7)
}
.item-tooltip-icon img{width:62px;height:62px;object-fit:contain}
.item-tooltip-icon.missing{color:#667b87;font-size:22px;font-weight:800}
.item-tooltip-head h3{margin:0;color:#f0c66a;font-family:Georgia,serif;font-size:15px;line-height:1.25}
.item-tooltip-head p{margin:5px 0 0;color:#718792;font-size:9px}
.item-tooltip-description{margin:10px 0 0;padding:8px 9px;border-left:2px solid #755323;background:#0b141a;color:#9eb0b8;font-size:9px;line-height:1.55}
.item-tooltip-section{padding:9px 0 5px;border-bottom:1px solid #1a2931}
.item-tooltip-section:last-child{border-bottom:0}
.item-tooltip-section h4{margin:0 0 6px;color:#8fa4af;font-size:8px;text-transform:uppercase;letter-spacing:.12em}
.item-tooltip-line{min-height:19px;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:9px}
.item-tooltip-line span{color:#8095a0}
.item-tooltip-line b{font-size:9px;font-weight:700;color:#dce5e9;text-align:right;word-break:break-word}
.item-tooltip-asset .item-tooltip-line b{max-width:230px}
.item-tooltip-error{margin:7px 0 0;padding:7px;border:1px solid #643037;border-radius:5px;background:#1e0f12;color:#f47a7f;font-size:8px;line-height:1.5}

.stat-attack{color:#ffb04b!important}
.stat-defense{color:#75b8ff!important}
.stat-fire{color:#ff6b50!important}
.stat-ice{color:#66d9ff!important}
.stat-lightning{color:#d8c75b!important}
.stat-poison{color:#77d46a!important}
.stat-magic{color:#c58cff!important}
.stat-curse{color:#dc72c6!important}
.stat-bonus{color:#67b9ff!important}
.stat-special{color:#f094c7!important}
.stat-requirement{color:#ff7f7f!important}
.asset-ok{color:#5ddb8c!important}
.asset-bad{color:#ff777d!important}
.asset-custom{color:#66d9ff!important}
.asset-warn{color:#e8ad4b!important}

@media(max-width:760px){
  .item-tooltip{width:calc(100vw - 20px);max-height:70vh}
  .item-icon-box{width:42px;height:42px}
  .item-icon-box img{width:40px;height:40px}
}


/* Aetheria Center V0.2.1 - DB x TBL item auditor */
.tbl-pill{
  display:inline-flex;align-items:center;justify-content:center;min-height:21px;
  padding:3px 8px;border-radius:999px;border:1px solid #374852;
  background:#0b1419;color:#8396a0;font-size:8px;font-weight:900;letter-spacing:.05em;
  white-space:nowrap;
}
.tbl-pill.sync{border-color:#266246;background:#0b1d15;color:#64df95}
.tbl-pill.mismatch{border-color:#83383e;background:#261013;color:#ff7d83}
.tbl-pill.no-tbl,.tbl-pill.no-ext{border-color:#765a26;background:#21190d;color:#e9b44e}
.tbl-pill.error{border-color:#7f3039;background:#250e13;color:#ff7078}
.tbl-pill.unknown{border-color:#44535a;background:#11191e;color:#899aa2}

.item-tooltip-tbl{background:linear-gradient(180deg,rgba(20,28,33,.28),rgba(8,14,18,.18))}
.tbl-ok{color:#62df94!important}
.tbl-bad{color:#ff777f!important}
.tbl-warn{color:#ebb751!important}
.tbl-mismatch-list{
  margin-top:8px;border:1px solid #542e33;border-radius:6px;overflow:hidden;background:#140b0d
}
.tbl-mismatch-row{
  display:grid;grid-template-columns:minmax(86px,.8fr) minmax(110px,1fr);
  gap:3px 8px;padding:7px 8px;border-bottom:1px solid #321c20;font-size:8px
}
.tbl-mismatch-row:last-child{border-bottom:0}
.tbl-mismatch-row b{color:#f08b90}
.tbl-mismatch-row span{color:#d4dee3;text-align:right}
.tbl-mismatch-row small{
  grid-column:1/-1;color:#788a93;font-size:7px;line-height:1.35;word-break:break-word
}
.tbl-mismatch-more{margin:0;padding:7px 8px;color:#e6ad4f;font-size:8px;text-align:center}
