/* P.R.M / INFERNO OS — 8.0: orange on obsidian, accessible, responsive.
   Visual-only overrides for existing tools; all functional actions continue through app.js. */
:root{color-scheme:dark;--bg:#08090b;--panel:#121419;--panel2:#191c22;--line:#292d36;--text:#f6f5f2;--muted:#9ca3b1;--orange:#10b981;--orange2:#37d39a;--glow:#10b98125;--radius:18px;--glass:#14171ddf;--primary:#10b981;--accent:#10b981;--accent2:#42d59f;--brand:#10b981;--violet:#10b981;--purple:#10b981;--focus:#12d393}
html,body{background:#08090b!important;color:#f6f5f2!important;accent-color:#11c186}
body{background:radial-gradient(ellipse 60% 38% at 92% -12%,#10b77f18,transparent 77%),radial-gradient(ellipse 43% 35% at 0% 75%,#10b98108,transparent 80%),#08090b!important}
body::selection{background:#11c387;color:#101010}
:focus-visible{outline:2px solid #2dcd93!important;outline-offset:3px}
.sidebar{background:linear-gradient(175deg,#101215,#0a0c10 68%,#0e100f)!important;border-left:1px solid #292b31!important;box-shadow:-22px 0 50px #0005;isolation:isolate}
.sidebar::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,transparent,#11c287,#43d6a0,transparent);opacity:.7;pointer-events:none}
.sidebar .brand,.topbar,.login-card,.guild-card,.owner-card{position:relative}
.logo{background:linear-gradient(140deg,#38d39b,#10b77f 60%,#0ea271)!important;color:#171008!important;box-shadow:0 7px 25px #10b77f3c!important;border:1px solid #43d6a07f!important}
.brand b{color:#fbf2da!important}
.sidebar #sidebarCollapse{border-color:#10b77f3e!important;color:#3ed59e!important;background:#10b98114!important}
.hub-tabs{background:#101216!important;border-color:#272c32!important;box-shadow:none!important}
.hub-tabs::before{background:#11c78b!important}
.hub-tab.active,.hub-tabs button.active,.bt-tab.active{color:#43d6a0!important;background:linear-gradient(140deg,#10b77f25,#10b77f09)!important;border-color:#10b98144!important}
.hub-tab.active .svg,.hub-tab.active svg,.bt-tab.active svg{color:#2fd196!important}
.nav-group{--tint:#10b981!important}
.nav-title,.nav-dot,.nav-ic,.title-wrap{--tint:#10b981!important}
.nav-title{color:#b7aba0!important;letter-spacing:.1px}
.nav-dot{background:#11c88b!important;box-shadow:0 0 11px #10b77f86!important}
.nav-item{border-radius:13px!important;transition:transform .18s,border-color .2s,background .18s!important}
.nav-item:hover{transform:translateX(-3px);color:#faefd2!important;background:#10b77f0c!important}
.nav-item.active{background:linear-gradient(90deg,#10b77f20,#10b77f0b)!important;color:#f0d27c!important;border:1px solid #10b77f47!important;box-shadow:inset 3px 0 #10b77f}
.nav-item .nav-ic{background:#10b77f0c!important;color:#37d39a!important;border-color:#10b77f25!important}
.nav-item.active .nav-ic{background:linear-gradient(135deg,#12d393,#10b47d)!important;color:#1b1107!important;box-shadow:0 4px 18px #10b67f2d!important}
.guild-card{border:1px solid #10b98136!important;background:linear-gradient(110deg,#251b11,#15171a)!important;border-radius:17px!important}
.owner-card{border-color:#302820!important}
.app{background:transparent!important}
.main{background:transparent!important;max-width:2000px;width:100%;margin:0 auto}
.topbar{border:1px solid #292d33!important;border-radius:19px!important;padding:19px 23px!important;background:linear-gradient(120deg,#171a20ef,#101115ee)!important;box-shadow:0 8px 40px #0003;margin-bottom:24px!important}
.crumb{color:#12d393!important;letter-spacing:.25px}
.topbar h1{color:#fbf2da!important;letter-spacing:-.7px}
.title-ic{color:#12cc8e!important}
.pill.on{background:#152a21!important;color:#91e3b4!important}
.pill.off{background:#301a1a!important;color:#ffb1a8!important}
.search-btn,.top-actions .icon-btn{border-color:#30313a!important;background:#1d2027!important;color:#b5a99f!important}
.search-btn:hover,.top-actions .icon-btn:hover{border-color:#10b77f6d!important;color:#3ad49c!important}
.content{gap:19px!important;align-content:start}
.card,.stat,.dash-panel,.work-card,.system-card,.table-wrap,.board-card,.server-card{background:linear-gradient(145deg,#191c21,#111316)!important;border:1px solid #303137!important;border-radius:18px!important;box-shadow:0 13px 36px #0002!important;color:#edeef0!important;min-width:0}
.card h3::before{background:#10bd83!important}
.card:hover,.stat:hover{border-color:#10b77f42!important}
.stat b,.dash-metric>b{color:#40d59f!important}
.stat::after{background:#10b77f17!important}
.btn,.tab,button{font-family:inherit}
.btn{border-radius:12px!important;transition:transform .16s,filter .16s,background .18s,border-color .18s!important}
.btn:hover:not(:disabled){transform:translateY(-1px)}
.btn:active:not(:disabled),.inferno-action:active{transform:translateY(1px) scale(.985)!important}
.btn.primary,.btn.primary:hover,#saveBtn{background:linear-gradient(145deg,#30d196,#0faf7a)!important;color:#211407!important;border:1px solid #f1d27f!important;box-shadow:0 7px 22px #10b77f2b!important;font-weight:800}
.btn.ghost{background:#242222!important;color:#f5dfa4!important;border-color:#54402e!important}
.btn.ghost:hover{background:#312619!important;border-color:#10b77f59!important}
.btn.danger{background:#2f1d1c!important;border:1px solid #8c3933!important;color:#ff9b8c!important}
.btn.discord{background:#5865f2!important;color:#fff!important;border-color:#8390ff!important}
input,textarea,select{background:#101216!important;border-color:#37383e!important;color:#fbf1d7!important;min-width:0}
input:focus,textarea:focus,select:focus{border-color:#11c68a!important;box-shadow:0 0 0 4px #10b98120!important}
input[type="checkbox"],input[type="radio"]{accent-color:#10b981}
.toggle-row{background:#141519!important;border-color:#2b2e33!important}
.switch input:checked+i{background:#10b77f!important}
.chip,.badge{border-color:#10b77f2b}
.tab.active,.segmented button.active,.chip.active{background:#10b77f20!important;color:#42d59f!important;border-color:#10b77f56!important}
.table-wrap{overflow-x:auto!important;overscroll-behavior-x:contain}
table{max-width:100%}
tr:hover td{background:#10b77f0a!important}
th{color:#b7aaa0!important}
.toast.show{background:#24211d!important;border:1px solid #12d39366!important;box-shadow:0 20px 60px #0008!important;color:#f7e6b7!important}
.toast.err{border-color:#f05f596b!important;color:#ffb0ab!important}
.savebar{border:1px solid #10b77f57!important;background:#1c1914f5!important;backdrop-filter:blur(16px);box-shadow:0 0 35px #10b98112!important}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#111317}::-webkit-scrollbar-thumb{background:#3b3027;border-radius:20px;border:2px solid #111317}::-webkit-scrollbar-thumb:hover{background:#0d9165}
/* Existing 7.x chart and landing visuals */
.dash-welcome,.work-hero,.directory-hero{background:linear-gradient(115deg,#20170f,#151619 65%,#1b150d)!important;border:1px solid #10b77f39!important}
.dash-welcome::before,.work-hero::before{background:radial-gradient(circle,#10b77f23,transparent 72%)!important}
.dash-welcome h2,.work-hero h2,.directory-hero h2{color:#fbf2da!important}
.dash-metric,.dash-shortcuts>button,.dash-panel,.server-pulse{background:linear-gradient(145deg,#1c1f25,#14161b)!important;border:1px solid #303139!important}
.dash-shortcuts>button:hover,.server-grid>*:hover{border-color:#10b98166!important;background:#221c15!important}
.metric-icon,.shortcut-icon,.dash-panel .overline,.text-action,.chart-value{color:#33d298!important}
.bar-chart .chart-track i,.chart-column:nth-child(even) i{background:#0fb27c6f!important;border-color:#33d29829!important}
.chart-column:hover i,.chart-column.selected i{background:#12d192!important;box-shadow:0 0 21px #10b98142!important}
.chart-column:hover small,.chart-column.selected small,.chart-value{color:#f1d484!important}
.status-orbit{background:#10b98113!important;border-color:#10b98154!important;color:#42d6a0!important;box-shadow:0 0 0 12px #10b77f07!important}
.dash-task input{accent-color:#10b981!important}
.server-grid>*{background:linear-gradient(135deg,#211c17,#15171b)!important;border-color:#513620!important}
.login-v6{background:radial-gradient(ellipse 670px 540px at 70% 17%,#10b77f26,transparent 76%),#07090a!important}
.login-story{background:linear-gradient(150deg,#30200f,#171617 74%,#111214)!important;border-color:#10b37c59!important}
.login-story::before{background:radial-gradient(circle,#10b98128,transparent 70%)!important}
.login-story h1 em{background:linear-gradient(90deg,#f3db97,#10b981)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.login-tag{background:#10b9811e!important;color:#f0d27c!important;border-color:#10b9816b!important}
.login-card{background:linear-gradient(160deg,#1a1c21,#121316)!important;border-color:#10b98140!important}
.login-highlights>div{border-color:#10b77f3a!important}
.password-wrap{background:#121314!important;border-color:#5d3b20!important}
.login-footer,.login-signature{color:#12cf90!important}
/* Operational pages */
.inferno-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:215px;padding:clamp(23px,3.5vw,38px);border:1px solid #10b77f5b;border-radius:24px;background:radial-gradient(ellipse 400px 300px at 87% 40%,#10b98123,transparent 80%),linear-gradient(120deg,#281b10,#16171a 59%,#161616);position:relative;overflow:hidden}
.inferno-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 96%,#10b77f10 97%),linear-gradient(0deg,transparent 96%,#10b77f10 97%);background-size:33px 33px;mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}
.inferno-hero>*{position:relative}.inferno-hero h2{margin:11px 0 8px;color:#fff;font-size:clamp(25px,3vw,43px);font-weight:900;letter-spacing:-1px;line-height:1.3}.inferno-hero p{max-width:610px;color:#c3b4a5;font-size:14px;line-height:1.9;margin:0}.inferno-hero-label,.overline{font-family:inherit!important;color:#34d399!important;font-size:11px!important;font-weight:800;letter-spacing:1px}.inferno-hero-mark{font:900 clamp(45px,9vw,100px)/1 Arial,sans-serif;letter-spacing:-9px;color:#10b981;text-shadow:0 0 85px #10b77f5b;transform:rotate(-13deg);opacity:.9;flex:none}
.inferno-workspace{display:grid;gap:18px}.inferno-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.inferno-metrics .stat{padding:19px!important;text-align:right;min-height:115px;cursor:pointer}.inferno-metrics .stat b{font-family:inherit;font-size:clamp(21px,2.5vw,34px)!important;overflow-wrap:anywhere}.inferno-metrics .stat:hover{transform:translateY(-2px);box-shadow:0 14px 28px #10b77f0a!important}.inferno-metrics .kpi-sub{color:#aea69e;font-size:11px}
.inferno-main-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:16px}.inferno-panel{padding:24px;background:linear-gradient(160deg,#1a1d23,#121417);border:1px solid #323238;border-radius:20px;min-width:0}.inferno-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:19px}.inferno-panel-head h3{margin:4px 0;color:#fbf2da;font-size:19px}.inferno-panel-head .btn{flex:none}.inferno-panel h4{font-size:14px;color:#f7e7bb}.inferno-decision,.inferno-line{width:100%;display:flex;gap:13px;align-items:center;text-align:right;border:1px solid transparent;border-bottom:1px solid #333036;border-radius:10px;background:transparent;padding:12px 10px;color:#fbf2da;cursor:pointer;transition:.18s;font-family:inherit}.inferno-decision:hover,.inferno-line:hover{background:#10b77f0e;border-color:#10b77f3d;transform:translateY(-1px)}.inferno-decision span:nth-child(2),.inferno-line span:first-child{flex:1;min-width:0}.inferno-decision b,.inferno-line b{display:block;font-size:12px}.inferno-decision small,.inferno-line small{display:block;color:#9e9fa8;margin-top:3px;font-size:11px}.inferno-alert-dot{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:10px;background:#10b77f20;color:#12d393;font-weight:800}.inferno-divider{height:1px;background:#333037;margin:15px 0}.inferno-good{padding:20px;text-align:center;color:#a2d9b6;font-size:13px;background:#14382240;border-radius:12px}.inferno-actions-bar{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px}.inferno-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.inferno-action{display:flex;align-items:center;text-align:right;gap:10px;min-width:0;background:#201c19;border:1px solid #3a3026;border-radius:14px;padding:15px;color:#fbf2da;cursor:pointer;font-family:inherit;transition:.18s}.inferno-action:hover{background:#322314;border-color:#10b77f4e;transform:translateY(-2px)}.inferno-action-icon,.inferno-action>.svg{color:#34d399;flex:none}.inferno-action>.svg svg{width:20px;height:20px}.inferno-action span{display:block;flex:1;min-width:0}.inferno-action b{display:block;font-size:12px}.inferno-action small{display:block;color:#a9a19c;font-size:10px;line-height:1.8}.inferno-action em{color:#34d399;font-style:normal}.inferno-skeleton{padding:90px 12px;text-align:center;color:#bdac9c;background:linear-gradient(110deg,#14171b,#28201a,#14171b);background-size:200% 100%;border:1px solid #332920;border-radius:18px;animation:infernoShimmer 1.5s ease-in-out infinite}
.inferno-repair,.inferno-checklist{padding:26px!important}.inferno-repair h3{font-size:18px}.inferno-verify-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:10px;margin:16px 0;align-items:center}.inferno-code{font-family:monospace!important;font-size:16px!important;min-height:48px!important;direction:ltr!important;text-align:left!important;letter-spacing:.7px}.inferno-diagnostic{background:#101215;border:1px solid #2e3036;border-radius:15px;margin-top:14px;padding:17px}.inferno-status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inferno-status-list .stat{min-width:0}.inferno-status-list .stat b{font-size:19px;overflow-wrap:anywhere}.inferno-verifying{display:flex;align-items:center;gap:13px;color:#45d6a1}.inferno-spinner{display:inline-block;width:18px;height:18px;border:3px solid #4d3621;border-top-color:#12d393;border-radius:50%;animation:infernoSpin .8s linear infinite}.inferno-success{padding:15px;border-radius:14px;border:1px solid #51b68b7a;background:#123b2638}.inferno-error{padding:15px;border-radius:14px;border:1px solid #eb5d5d70;background:#521f1d36}.inferno-error p{color:#ffb8b0}.inferno-success h3,.inferno-error b{color:#fff}
@keyframes infernoShimmer{to{background-position-x:-200%}}@keyframes infernoSpin{to{transform:rotate(360deg)}}
/* Touch-friendly responsive implementation */
@media(min-width:1500px){.inferno-actions{grid-template-columns:repeat(4,1fr)}.inferno-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1199px){.inferno-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.inferno-main-grid{grid-template-columns:1fr}.inferno-hero{min-height:180px}}
@media(max-width:899px){.sidebar{z-index:90!important}.mobilebar{background:#14171a!important;border-color:#372e27!important}.bottom-tabs{background:#121417ef!important;border-color:#4a3524!important}.bt-tab.active{background:#10b77f26!important;color:#44d6a1!important}.topbar{padding:12px 15px!important;border-radius:14px!important}.main{max-width:100%;padding:12px 13px calc(115px + env(safe-area-inset-bottom))!important}.inferno-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.inferno-hero{min-height:175px}}
@media(max-width:600px){.inferno-hero{padding:22px;min-height:175px;border-radius:17px}.inferno-hero h2{font-size:24px}.inferno-hero-mark{font-size:48px;letter-spacing:-4px;align-self:start}.inferno-metrics{gap:10px}.inferno-metrics .stat{min-height:105px;padding:13px!important}.inferno-metrics .stat b{font-size:23px!important}.inferno-panel{padding:16px}.inferno-panel-head{align-items:center}.inferno-panel-head h3{font-size:16px}.inferno-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inferno-action{padding:12px 10px;gap:7px}.inferno-action b{font-size:10px}.inferno-action small{font-size:9px}.inferno-action em{display:none}.inferno-verify-row{grid-template-columns:1fr 1fr}.inferno-code{grid-column:1 / -1}.inferno-status-list{grid-template-columns:1fr}.inferno-repair,.inferno-checklist{padding:18px!important}.topbar .top-actions{max-width:100%;flex-wrap:wrap}.topbar .pill{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inferno-workspace{gap:12px}}
@media(max-width:375px){.inferno-actions{grid-template-columns:1fr 1fr}.inferno-metrics .stat b{font-size:20px!important}.inferno-hero-mark{display:none}}
@media(prefers-reduced-motion:reduce){.inferno-skeleton,.inferno-spinner{animation:none!important}.inferno-action,.inferno-decision,.btn,.stat{transition:none!important}}