/* P.R.M / OBSIDIAN — design-system refresh. Pure UI: no data, routes or API behavior changed. */
:root {
  color-scheme:dark;
  --bg:#080812; --panel:#131322; --panel2:#19192c; --panel3:#222239;
  --line:rgba(176,160,255,.13); --text:#f6f4ff; --muted:#aaa6c4;
  --orange:#3ad49b; --orange2:#f3db96; --violet:#3ad49b; --violet2:#f4dc9a;
  --glow:rgba(135,88,255,.18); --red:#fb7185; --green:#52ddb6;
  --radius:21px; --space:clamp(15px,2vw,27px);
  --glass:linear-gradient(150deg,rgba(32,29,55,.92),rgba(17,16,31,.96));
  --stroke:1px solid rgba(192,173,255,.14);
  --shadow:0 18px 50px rgba(0,0,0,.23),0 1px 0 rgba(255,255,255,.025) inset;
  --ease:cubic-bezier(.22,1,.36,1);
}
html{scrollbar-color:#6e563b #0c0b17;scroll-behavior:smooth}
body{background:radial-gradient(ellipse 710px 520px at 70% -160px,rgba(115,69,210,.21),transparent 79%),radial-gradient(ellipse 610px 480px at 4% 85%,rgba(54,26,107,.1),transparent 78%),var(--bg);color:var(--text);line-height:1.7}
*,*::before,*::after{box-sizing:border-box}
::selection{color:#04140e;background:#34d399}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#755b3e;border-radius:99px;border:2px solid #0e0c1c}
::-webkit-scrollbar-track{background:#0e0c1c}
button,input,select,textarea{font-family:inherit}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent}
button:not(:disabled),summary{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #f4dc9a;outline-offset:3px}
button:disabled{cursor:wait;opacity:.57}
.logo{background:linear-gradient(142deg,#f4dc9a 0%,#3cd49c 51%,#0fb27c 100%);color:white;box-shadow:0 8px 26px rgba(16,185,129,.28),inset 0 1px 0 #ffffff47;letter-spacing:-2px}
.brand .logo{border:1px solid #f4dc9a43}
.brand b{color:#f8f7ff;letter-spacing:.3px}
.brand small{color:#32d297}
/* Main shell / unified navigation */
.app{grid-template-columns:minmax(0,285px) minmax(0,1fr);align-items:stretch;transition:grid-template-columns .3s var(--ease)}
.sidebar{background:linear-gradient(176deg,rgba(23,20,41,.98),rgba(13,12,26,.99));border-left:var(--stroke);padding:23px 14px 17px;gap:15px;box-shadow:-12px 0 42px rgba(0,0,0,.14);z-index:20;transition:padding .3s var(--ease),width .3s var(--ease)}
.side-head{align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;min-height:51px;gap:7px}
.side-head .brand{min-width:0;flex:1;padding:0;gap:11px}
.sidebar .brand .logo{width:42px;height:42px;border-radius:14px;font-size:22px;box-shadow:0 8px 25px #2ed19530}
.sidebar .brand b{font-size:17px;letter-spacing:1.1px}.sidebar .brand small{font-size:10px}
#sidebarCollapse{flex:none;width:31px;height:31px;border-radius:10px;background:#ffffff08;border:1px solid var(--line);color:#f0d078;display:grid;place-items:center;padding:0}
#sidebarCollapse svg{width:17px;height:17px;transition:transform .25s var(--ease)}
#sidebarCollapse:hover{background:#34d3992e;color:#f3ebff;border-color:#f0d17b70}
.hub-tabs{position:relative;right:auto;top:auto;bottom:auto;z-index:auto;width:100%;padding:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#0c0b1a;border:var(--stroke);border-radius:17px}
.hub-tabs:before{content:none}
.hub-tab{min-height:70px;width:100%;gap:4px;border-radius:12px;color:#bf9b72;background:transparent;font-size:10px;font-weight:700;line-height:1.25;transition:background .2s,color .2s,transform .2s}
.hub-tab .hub-ic{color:inherit;background:none;box-shadow:none}
.hub-tab .hub-ic svg{width:20px;height:20px}
.hub-tab.active{background:linear-gradient(150deg,rgba(16,185,129,.28),rgba(102,68,211,.12));color:#e6d7ff;box-shadow:inset 0 0 0 1px #f1d3823d,0 5px 17px #0002}
.hub-tab:hover{background:#3bd49c23;transform:translateY(-1px);color:white}
.guild-card{border:var(--stroke);background:linear-gradient(130deg,#2a2244,#1c1932);border-radius:15px;padding:11px;min-height:65px;transition:border-color .2s,transform .2s,box-shadow .2s}
.guild-card:hover{border-color:#f0d17b73;box-shadow:0 5px 24px #2dce9318;transform:translateY(-1px)}
.guild-card .g-pic{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#f2d587,#11c287);color:white}
.guild-card .g-info b{font-size:12px}.guild-card .g-info small{font-size:10px}
.guild-overlay{z-index:1}.g-chev{color:#f3d991}
#nav{padding:2px 3px 12px;scrollbar-width:thin;scrollbar-color:#765838 transparent;min-height:120px}
.nav-hub-title{padding:12px 12px 6px;letter-spacing:.25px;font-size:13px;font-weight:800;color:#e7dcff}
.nav-title{font-size:10px;letter-spacing:.25px;color:#ae8d68;padding:19px 12px 6px}
.nav-group{margin-bottom:7px}.nav-dot{display:none}
.nav-item,.favorite-link{min-height:43px;border-radius:12px;gap:10px;margin:3px 0;padding:8px 11px;color:#aba7c1;font-size:12px;position:relative;transition:background .2s,color .2s,transform .2s,border-color .2s}
.nav-item .nav-ic{width:26px;height:26px;border:0;background:none!important;color:#c19c74!important;box-shadow:none!important}
.nav-item .nav-ic svg{width:19px;height:19px}
.nav-item:hover,.favorite-link:hover{background:#ffffff09;color:#fff;transform:translateX(-2px)}
.nav-item.active,.favorite-link.active{color:#f5eeff;background:linear-gradient(90deg,#3fd59e25,#2fd19613);border:1px solid #f1d48339;font-weight:800}
.nav-item.active:before{content:'';position:absolute;right:-3px;top:22%;bottom:22%;width:3px;border-radius:99px;background:#f2d689;box-shadow:0 0 13px #41d59f9c}
.nav-item.active .nav-ic{color:#f4dc9a!important}
.nav-count{background:#41d59f30;color:#e9d8ff;border-radius:8px;padding:0 6px}
.owner-card{padding:13px 3px 0;border-top:var(--stroke);gap:10px}
.owner-card .o-info b{font-size:12px}.owner-card .o-info small{font-size:10px}
.owner-card .av{width:37px;height:37px;border:2px solid #38d39b4e}
/* Desktop collapsed mini rail. Clicking a hub opens the corresponding full navigation. */
@media(min-width:900px){
 body.sidebar-compact .app{grid-template-columns:80px minmax(0,1fr)}
 body.sidebar-compact .sidebar{padding:21px 10px 16px;gap:17px;align-items:stretch}
 body.sidebar-compact .side-head{display:flex;flex-direction:column;gap:10px;padding-bottom:11px}
 body.sidebar-compact .side-head .brand{flex:none}
 body.sidebar-compact .side-head .brand>div,body.sidebar-compact .guild-card .g-info,body.sidebar-compact .guild-card .g-chev,body.sidebar-compact #nav,body.sidebar-compact .owner-card .o-info,body.sidebar-compact .owner-card button,body.sidebar-compact .hub-tab>span:not(.hub-ic){display:none}
 body.sidebar-compact .guild-card{justify-content:center;padding:8px 0;background:#241b3a}
 body.sidebar-compact .hub-tabs{display:flex;flex-direction:column;align-items:stretch;padding:4px;gap:5px}
 body.sidebar-compact .hub-tab{min-height:46px;padding:10px 0}
 body.sidebar-compact .hub-tab svg{width:21px;height:21px}
 body.sidebar-compact .owner-card{margin-top:auto;justify-content:center}
 body.sidebar-compact #sidebarCollapse svg{transform:rotate(180deg)}
 body.sidebar-compact .savebar{right:96px}
}
.main{padding:29px clamp(22px,3vw,52px) 110px;min-width:0;width:100%;max-width:1770px;margin-inline:auto}
.topbar{border-bottom:var(--stroke);margin-bottom:26px;padding:0 0 23px;gap:18px;align-items:center}
.topbar .title-wrap{min-width:0;display:grid;gap:3px}
.crumb{font-size:11px;color:#be9a72;font-weight:700;line-height:1.4}
.topbar h1{font-size:clamp(21px,2.1vw,30px);display:flex;align-items:center;gap:11px;letter-spacing:-.5px;line-height:1.6}
.topbar .title-ic{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#3dd49d32,#38d39b0b);border:1px solid #f0d07736;color:#f4dc9a;flex:none}
.topbar .title-ic svg{width:22px;height:22px}
.topbar #pageDesc{display:block;line-height:1.5;font-size:12px;color:#ad8c68;max-width:560px}
.top-actions{flex-wrap:wrap;gap:9px}
.search-btn{display:flex;align-items:center;gap:9px;padding:9px 12px;border:var(--stroke);background:#181528b8;border-radius:12px;color:#a8a1bf;font-size:11px;min-width:200px}
.search-btn:hover{background:#28203d;color:#e9deff;border-color:#c4976577}
.search-btn kbd{background:#f1d38016;color:#f1d27f;border:1px solid #f1d38028;border-radius:7px;padding:1px 5px}
.topbar #inviteBotBtn{display:inline-flex}
.topbar .pill{border-radius:99px;background:#171528;padding:8px 11px;font-size:10px}
.pill.on{background:#39d7a80e;border-color:#39d7a838;color:#85f0cc}
.pill.off{background:#ef6a8514;border-color:#ef6a854a;color:#ffacbc}
.banner{background:#f0d07912;border:1px solid #f0d17a54;color:#f4dc9a;border-radius:14px}
.banner.err{background:#ff6c8310;border-color:#ff6c8349}
.content{gap:20px;min-width:0;isolation:isolate}
.content.content-enter>*{animation:prmUp .36s var(--ease) both}
.content.content-enter>*:nth-child(2){animation-delay:.035s}.content.content-enter>*:nth-child(3){animation-delay:.065s}
@keyframes prmUp{from{opacity:.32;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
/* Core design tokens across every existing screen */
.card,.stat,.dash-panel,.dash-metric,.item,.member,.perf,.sys,.chart-card,.roster-role,.rating-big,.quick-card,.ticket-row,.work-card,.work-summary>div,.system-check,.plan-step,.mini-stats>div,.metrics>div,.dc-embed,.pk,.ph-row,.profile-choice,.directory-hero,.work-hero,.invite-hero,.command-hero{
 background:var(--glass);border:var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text)
}
.card,.dash-panel{padding:clamp(19px,1.8vw,28px)}
.card:has(>h3),.work-card{position:relative}
.card h3{font-size:16px;font-weight:800}
.card h3::before{background:linear-gradient(#f4dc9a,#34d399);box-shadow:0 0 16px #32d29766}
.card-head,.sec-head{border-color:var(--line)}
.card p,.card small{overflow-wrap:anywhere}
.stat{padding:19px 22px;background:linear-gradient(135deg,#24203c,#161427)}
.stat::after{background:radial-gradient(circle,#38d39b48,transparent 72%)}
.stat b{font-size:27px;color:#f6f0ff}
.grid,.stats{gap:16px}
.item,.member,.sys,.perf,.roster-role,.quick-card,.plan-step{background:linear-gradient(148deg,#1c1a2f,#131222);border-color:#f1d48423;transition:border-color .2s,transform .22s var(--ease),box-shadow .2s}
.item:hover,.member:hover,.sys:hover,.perf:hover,.quick-card:hover,.plan-step:hover{border-color:#f0d17b59;box-shadow:0 12px 34px #0807145c}
.sys:hover,.quick-card:hover{transform:translateY(-2px)}
.sys.on{background:linear-gradient(135deg,#251f41,#18152b);border-color:#f0cf7650}
.sys.on i{background:#f0d079;box-shadow:0 0 13px #f0d079}
.item-head{gap:12px}.item.collapsed{background:#161428}
.fields{gap:17px}.field{gap:8px}.field>span,label{font-size:13px;color:#e1dbf3}
.field>small,.muted,.hint{color:var(--muted)}
input:not([type=checkbox]):not([type=radio]),textarea,select{background:#0d0d1b;border:1px solid #6e584059;border-radius:12px;color:#f4f0ff;padding:11px 13px;min-height:42px;transition:border-color .22s,box-shadow .22s,background .22s}
input:not([type=checkbox]):not([type=radio]):hover,textarea:hover,select:hover{border-color:#c297678a}
input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{background:#131124;border-color:#f0d17a;box-shadow:0 0 0 4px #41d59f22}
input::placeholder,textarea::placeholder{color:#876d51;opacity:1}
input[type=checkbox],input[type=radio]{accent-color:#3ad49b}
select{background-image:linear-gradient(45deg,transparent,transparent)}
.toggle-row{min-height:63px;gap:16px;padding:12px 16px;background:linear-gradient(95deg,#191629,#111022);border:1px solid #846b5045;border-radius:14px}
.toggle-row:hover{border-color:#f0d17b60}.toggle-row div span{font-size:13px}.toggle-row div small{font-size:11px}
.switch i{background:#6e5942;box-shadow:inset 0 0 0 1px #93785860}
.switch i:before{background:#b6adc9}
.switch input:checked+i{background:linear-gradient(125deg,#12d393,#f2d689);box-shadow:0 0 15px #3ad49c38}
.switch input:checked+i:before{background:white}
.btn{border:1px solid #8a705357;background:linear-gradient(145deg,#2a2541,#211d35);border-radius:12px;color:#ebe5fa;padding:10px 16px;font-weight:750;font-size:12.5px;box-shadow:0 2px 10px #0002;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .21s var(--ease),background .2s,border-color .2s,box-shadow .21s}
.btn:hover:not(:disabled){transform:translateY(-1px);background:#302849;border-color:#f2d78d8f;box-shadow:0 8px 23px #0003}
.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}
.btn.primary{background:linear-gradient(122deg,#45d6a1,#2cca90);border-color:#f3da9666;color:#fff;box-shadow:0 7px 24px #36d39a42,inset 0 1px 0 #ffffff3d;text-shadow:0 1px 3px #0d916550}
.btn.primary:hover:not(:disabled){background:linear-gradient(122deg,#f3d993,#38d39b);box-shadow:0 11px 29px #36d39a67}
.btn.ghost{border-color:#92775859;background:#1b192c9f;color:#c9bfe0}
.btn.danger{color:#ffb8c5;background:#8d30471a;border-color:#f16e914e}
.btn.danger:hover:not(:disabled){border-color:#ff819e;background:#a9385133}
.icon-btn{background:#1c192d;border:1px solid #93785855;border-radius:12px;color:#d4c8ec;transition:background .2s,color .2s,transform .2s}
.icon-btn:hover{background:#37d39a32;color:#fff;transform:translateY(-1px)}
.chip{background:#26203c;border:1px solid #b4916a48;color:#e2d7f3;border-radius:99px}
.tabs{gap:7px;scrollbar-width:none}.tab{background:#201c30;border:1px solid #95795a5c;color:#3bd49c;border-radius:12px;min-height:38px}
.tab:hover{border-color:#f3d992}.tab.active{color:#f6edff;background:#3cd49d28;border-color:#f1d27f85}
.table-wrap,.table-container{background:rgba(12,12,24,.46);border:var(--stroke);border-radius:16px;overflow-x:auto;overscroll-behavior-x:contain}
.table-wrap table,.table-container table{border-collapse:separate;border-spacing:0}
table{min-width:540px;color:#dfd9f0}
th{position:sticky;top:0;background:#1c1a2e;color:#37d39a;font-size:11px;text-transform:none;font-weight:800;white-space:nowrap;border-color:#6e573f57;padding:13px 15px}
td{border-color:#725d4435;padding:13px 15px;vertical-align:middle;font-size:12px}
tbody tr{transition:background .15s}tbody tr:hover{background:#43d6a00c}
td .av,.av{border-radius:12px;object-fit:cover}
.badge,.pill,.status-dot,.chip{font-weight:700}
.badge.on{color:#77e5c1}.badge.off{color:#ffb2c1}
.empty,.dash-zero,.work-empty{background:linear-gradient(120deg,#1b182d80,#151222);color:#a9a0c0;border:1px dashed #bf9b7251;border-radius:18px;padding:25px}
code{background:#211c33;color:#f4dc9a;border:1px solid #a27b4f55;border-radius:7px}
/* Existing dialogs, search results, loading / saved state */
.modal-ov{background:rgba(4,3,15,.77);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;z-index:90}
.modal{background:linear-gradient(156deg,#242039,#101021);border:1px solid #f1d38155;border-radius:24px;box-shadow:0 35px 95px #000b,0 0 90px #11c18620;max-height:min(86dvh,820px);overflow-y:auto;animation:prmModal .22s var(--ease) both}
@keyframes prmModal{from{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
.modal h3{color:#f8f2ff}.modal-actions{gap:9px}
.toast{background:#211b34;border:1px solid #f0d17a78;border-radius:14px;box-shadow:0 15px 50px #0009;min-width:170px;max-width:calc(100vw - 28px);text-align:center;color:white;z-index:120}
.toast.ok{border-color:#55d9af91}.toast.err{border-color:#ef698a8f}
.savebar{background:#211b34f0;border:1px solid #f2d58766;border-radius:18px;box-shadow:0 12px 50px #0008;right:314px;z-index:41;padding:14px 18px}
.is-working{position:relative;pointer-events:none}
.is-working:after{content:'';display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%;animation:prmSpin .65s linear infinite;margin-inline-start:7px}
@keyframes prmSpin{to{transform:rotate(360deg)}}
.skeleton{position:relative;overflow:hidden;background:#252039;border-radius:16px;min-height:95px}
.skeleton:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#f3da9618 47%,transparent 74%);transform:translateX(120%);animation:prmShimmer 1.35s linear infinite}
@keyframes prmShimmer{to{transform:translateX(-120%)}}
/* Home — architectural Bento composition. No mock values. */
.dashboard-v7{gap:20px}
.dash-welcome{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#292044,#1b1531 65%,#141325);border:1px solid #f0d27c3f;border-radius:24px;padding:28px 30px;box-shadow:0 16px 45px #08061259}
.dash-welcome:after{content:'';pointer-events:none;position:absolute;left:-70px;top:-170px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,#f0cf7622,transparent 65%);z-index:-1}
.dash-welcome .overline{color:#f3da96;letter-spacing:2px;font-size:10px}
.dash-welcome h2{font-size:clamp(24px,2.8vw,37px);color:#f6f1ff;margin:7px 0 4px}
.dash-welcome p{color:#b5abcd;font-size:12.5px}
.dash-metrics{gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}
.dash-metric{min-height:150px;background:linear-gradient(145deg,#25203c,#141426);border:1px solid #f2d5872d;border-radius:21px;padding:19px 22px;box-shadow:var(--shadow);overflow:hidden;isolation:isolate;transition:transform .22s var(--ease),border-color .2s,box-shadow .2s}
.dash-metric:before{content:'';position:absolute;left:-70px;bottom:-85px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#3cd49c23,transparent 70%);z-index:-1}
.dash-metric:nth-child(2){background:linear-gradient(145deg,#27213b,#161427)}
.dash-metric:nth-child(3){background:linear-gradient(145deg,#1f203b,#151427)}
.dash-metric:nth-child(4){background:linear-gradient(145deg,#271d37,#161327)}
.dash-metric:hover{border-color:#f2d78b93;background:linear-gradient(145deg,#6e5233,#17152a);transform:translateY(-4px);box-shadow:0 22px 43px #0007}
.dash-metric>b{font-size:clamp(27px,3vw,39px);color:#f9f4ff;line-height:1.5;font-weight:850;font-variant-numeric:tabular-nums}
.metric-top{color:#3bd49c;font-size:12px}.metric-icon{width:37px;height:37px;background:#f0cf7624;color:#f4dc9a;border:1px solid #f0cf7634;border-radius:12px}.metric-icon svg{width:19px;height:19px}
.dash-metric>small{font-size:10px;color:#39d49b}.metric-arrow{color:#f4dc99;bottom:17px;left:20px;font-size:17px}
.dash-workspace{grid-template-columns:minmax(0,1.7fr) minmax(265px,.75fr);gap:15px}
.dash-panel{border-radius:22px;box-shadow:var(--shadow);background:var(--glass);padding:25px}
.dash-panel-head{margin-bottom:17px}.dash-panel h3{font-size:16px;color:#f8f2ff;font-weight:800}
.overline{font:700 10px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#c5a076}
.metric-tabs{border-bottom:1px solid var(--line);gap:22px}
.metric-tabs button{font-size:11px;color:#a19ab5}
.metric-tabs button.active{color:#f4dc9a;border-bottom-color:#f0d079}
.segmented.mini{background:#10101e;border:1px solid #9f805d52;border-radius:11px}
.segmented.mini button{color:#34d399;border-radius:9px}
.segmented.mini button.active{background:#3bd49c43;color:white}
.bar-chart{background:repeating-linear-gradient(to top,transparent,transparent 45px,#f1d27d0d 46px,#f1d27d0d 47px);border-bottom:1px solid var(--line);height:230px}
.chart-track i{border-radius:7px 7px 0 0;background:linear-gradient(0deg,#12cf9086,#f3da96b8)!important;border:1px solid #f3db973b;transition:height .4s var(--ease),filter .2s}
.chart-column:nth-child(even) i{background:linear-gradient(0deg,#12cc8e9c,#43d6a0b8)!important}
.chart-column:hover i,.chart-column.selected i{filter:brightness(1.35);box-shadow:0 0 17px #40d59f33}
.chart-column:hover small,.chart-column.selected small,.chart-value{color:#f4dc9a}
.chart-detail{font-size:11px;color:#3cd49d}
.server-pulse{background:radial-gradient(circle at 50% 20%,#f0cf7614,transparent 65%),var(--glass)}
.status-orbit{border:1px solid #45d6a15e;background:#3ed59d12;box-shadow:0 0 0 12px #f0cf7608;color:#f4dc9a}
.status-orbit.online{background:#32bc9a19;color:#7ae7c4;border-color:#4cbfa880}
.pulse-row{font-size:11px;color:#caa479;border-color:var(--line)}.pulse-row b{color:#ebe3ff}
.dash-bottom{gap:15px}.dash-task{border-color:var(--line)}.dash-task b{color:#f1eaff;font-size:12px}.dash-task small{color:#bb9770;font-size:10px}
.dash-shortcuts{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.dash-shortcuts>button{background:linear-gradient(135deg,#211c35,#171529);border:1px solid #f0d17b36;border-radius:17px;min-height:91px;padding:18px 16px;transition:transform .2s var(--ease),border-color .2s,background .2s}
.dash-shortcuts>button:hover{background:#2e244a;border-color:#f1d58585;transform:translateY(-3px)}
.shortcut-icon{color:#f3db97}.dash-shortcuts b{color:#f0e6ff;font-size:11px}.dash-shortcuts small{color:#c39e75;font-size:9px;line-height:1.6}
.dash-update{color:#c8a378;font-size:10px}.text-action{color:#f4dc9a;font-size:11px}
/* Login / server selection */
.login-v6{background:radial-gradient(ellipse 630px 630px at 76% 12%,#12d0912c,transparent 80%),#080812}
.login-story{background:radial-gradient(ellipse at 25% 76%,#3ad49c1f,transparent 67%),linear-gradient(155deg,#211b3a,#0b0a1a);border-color:#f0d0784a;position:relative;overflow:hidden}
.login-story:after{content:'';position:absolute;left:-90px;bottom:-110px;width:350px;height:350px;border:1px solid #f4dc9a22;border-radius:50%;box-shadow:0 0 0 45px #f1d27e06,0 0 0 90px #f1d27e03;pointer-events:none}
.login-story h1{color:#f8f4ff;line-height:1.4}.login-story h1 em{font-style:normal;background:linear-gradient(95deg,#f4dc9a,#f1d27e);-webkit-background-clip:text;background-clip:text;color:transparent}
.login-tag{border:1px solid #f3db9757;background:#45d6a11d;color:#f4dc9a;border-radius:99px}
.login-highlights>div{border-color:#f2d78c32;color:#40d59f}
.login-v6 .login-card{background:linear-gradient(155deg,#24203a,#111021);border:1px solid #f2d68853;border-radius:25px;box-shadow:0 30px 80px #03020b8c;padding:clamp(22px,3vw,37px)}
.login-card h2{color:#f8f3ff}.login-access{min-width:0}
.login-card .btn.discord{background:linear-gradient(105deg,#41d59f,#2dcb91);border-color:#f4dc9a7c;color:white;box-shadow:0 9px 30px #3bd49c40}
.login-card .btn.discord:hover{background:linear-gradient(105deg,#f1d382,#37d39a)}
.owner-access,.login-connection,.login-help{border-color:#9e7f5d4e}
.password-wrap{background:#100f20;border-color:#8f745669;border-radius:14px}
.login-footer{color:#bb9770}
.server-grid>*{border:1px solid #f0d17a4b;background:linear-gradient(145deg,#26213f,#171328);border-radius:20px;transition:transform .2s,border-color .2s}
.server-grid>*:hover{border-color:#f2d58685;transform:translateY(-2px)}
/* Compact layouts and safe areas */
@media(min-width:1400px){.main{padding-inline:clamp(38px,3.2vw,65px)}.dash-welcome{padding:33px 37px}.dash-metric{min-height:170px}.dash-workspace{grid-template-columns:minmax(0,2fr) minmax(300px,.8fr)}}
@media(max-width:1190px) and (min-width:900px){.app{grid-template-columns:258px minmax(0,1fr)}.sidebar{padding:18px 10px}.main{padding:22px 24px 100px}.hub-tab{min-height:63px;font-size:9px}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-workspace{grid-template-columns:minmax(0,1.4fr) minmax(215px,1fr)}.topbar .search-btn{min-width:160px}}
@media(max-width:899px){
 .app{display:block}.sidebar{position:fixed;top:0;right:0;bottom:0;width:min(88vw,340px);height:100dvh;transform:translateX(110%);visibility:hidden;z-index:60;padding:calc(18px + env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));background:linear-gradient(156deg,#211b37,#0d0d1e);box-shadow:none}
 .nav-open .sidebar{transform:translateX(0);visibility:visible;box-shadow:-22px 0 80px #000a}
 .sidebar .hub-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-height:0}
 .sidebar .hub-tab{min-height:58px;font-size:9px}
 #sidebarCollapse{display:none}.icon-btn.nav-close{display:grid}
 .nav-overlay{z-index:55;background:#03020bd1}
 .main{padding:15px clamp(14px,3vw,27px) calc(105px + env(safe-area-inset-bottom))}
 .mobilebar{margin:calc(-15px) calc(-1*clamp(14px,3vw,27px)) 18px;padding:calc(10px + env(safe-area-inset-top)) clamp(14px,3vw,27px) 11px;background:#120f24ee;border-bottom:var(--stroke);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
 .mobilebar .brand.mini{padding:0}.mobilebar .logo{width:36px;height:36px;border-radius:11px}
 .topbar{padding:0 0 17px;margin-bottom:20px;gap:11px;background:none;border-bottom:var(--stroke)}
 .topbar #pageDesc{display:block}.topbar h1{font-size:22px}.topbar .title-ic{width:33px;height:33px}.topbar .title-ic svg{width:19px;height:19px}
 .top-actions{gap:7px}.top-actions #serversBtn{display:none}.topbar .pill{max-width:165px;overflow:hidden;text-overflow:ellipsis}
 .bottom-tabs{background:#141125f7;border:1px solid #92745273;border-radius:17px 17px 0 0;box-shadow:0 -12px 44px #0009;padding:8px 7px max(8px,env(safe-area-inset-bottom));gap:3px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
 .bt-tab{min-height:47px;font-size:9px;color:#34d399;border-radius:12px}.bt-tab.active{background:#3cd49c2c;color:#f4dc9a}.bt-ic svg{width:20px;height:20px}
 .savebar{right:12px;left:12px;bottom:calc(76px + env(safe-area-inset-bottom));padding:11px;gap:9px;flex-wrap:wrap;font-size:12px}
 .dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-workspace{grid-template-columns:1fr 245px}.dash-bottom{grid-template-columns:1fr}.dash-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .main{padding-bottom:calc(113px + env(safe-area-inset-bottom))}
 .topbar{flex-direction:column;align-items:stretch}.top-actions{width:100%;justify-content:space-between;flex-wrap:wrap}
 .topbar #inviteBotBtn{display:none}.topbar #favoriteBtn,.topbar #displayPrefs{width:40px;height:40px}.topbar .pill{margin-inline-start:auto}
 .content,.dashboard-v7{gap:14px}.card,.dash-panel{padding:18px}.dash-welcome{padding:22px 19px;flex-direction:column;align-items:stretch;gap:16px;border-radius:20px}
 .dash-welcome h2{font-size:27px}.dash-welcome .row{width:100%;display:flex}.dash-welcome .row .btn{min-width:0;flex:1;padding:10px;font-size:11px}
 .dash-metrics{gap:10px}.dash-metric{padding:15px;border-radius:17px;min-height:127px}.dash-metric>b{font-size:30px;margin:6px 0 1px}
 .dash-workspace,.dash-bottom{grid-template-columns:1fr;gap:13px}
 .dash-panel{border-radius:20px}.server-pulse{display:grid;grid-template-columns:65px 1fr;gap:5px 12px;text-align:right;align-items:center}
 .server-pulse>.overline{grid-column:1/-1}.status-orbit{width:61px;height:61px;margin:10px 0;grid-row:2/4}.server-pulse>h3{margin:0}.server-pulse>p{margin:0}.server-pulse .pulse-row,.server-pulse>.btn{grid-column:1/-1}
 .dash-shortcuts{gap:9px}.dash-shortcuts>button{min-height:82px;padding:14px 12px;gap:8px}.dash-shortcuts small{font-size:9px}.dash-shortcuts b{font-size:11px}
 .dash-panel-head,.row,.card-head,.ticket-actions{flex-wrap:wrap}
 .modal-ov{padding:9px}.modal{width:100%;max-width:calc(100vw - 18px);max-height:86dvh;padding:20px 16px;border-radius:20px}
 .grid,.stats,.plans-grid,.system-grid,.server-grid{grid-template-columns:minmax(0,1fr)}
 input,select,textarea{font-size:16px!important}
 .table-wrap{max-width:100%;overflow-x:auto}.content>*{min-width:0}
 .savebar{justify-content:center}.savebar>div{flex-wrap:wrap;justify-content:center}
}
@media(max-width:385px){.dash-welcome .row{flex-wrap:wrap}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-metric{padding:12px}.metric-icon{width:29px;height:29px}.dash-metric>b{font-size:25px}.metric-top{font-size:10px}.metric-arrow{display:none}.top-actions .pill{max-width:125px}.dash-shortcuts{grid-template-columns:1fr}.dash-panel-head .segmented.mini{max-width:100%}}
@media(pointer:coarse){button,.btn,.icon-btn,[role=button]{min-height:42px}.guild-overlay{min-height:100%!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* P.R.M Obsidian — final mobile, loading, focus and controls pass */
.loading-grid{display:grid;gap:12px;margin:15px 0}.loading-grid .skeleton{min-height:78px}.loading-grid .skeleton-short{min-height:42px;width:72%}
#content{overflow-wrap:anywhere}.modal :is(input,textarea,select){max-width:100%}.modal-ov .modal{overscroll-behavior:contain}
.nav-item:focus-visible,.hub-tab:focus-visible,.bt-tab:focus-visible{outline:2px solid #f4dc9a;outline-offset:2px}
@media(min-width:900px){body.sidebar-compact .side-head .brand .logo{width:37px;height:37px;font-size:19px}body.sidebar-compact #sidebarCollapse{width:37px;height:37px}}
@media(max-width:899px){.nav-open{overflow:hidden}.sidebar{overflow-y:auto;overscroll-behavior:contain}.main,.content,.grid,.dash-workspace{min-width:0}.modal-actions{flex-wrap:wrap;gap:8px}}
@media(max-width:650px){.row>*{max-width:100%}.modal .row{gap:9px}.toast{max-width:min(95vw,430px)}.card,.item,.sys,.dash-panel{max-width:100%}.grid{grid-template-columns:minmax(0,1fr)}.field input,.field select,.field textarea{min-width:0;width:100%}.btn{white-space:normal;line-height:1.5}}
@media(hover:none){.dash-metric:hover,.item:hover,.card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.content.content-enter>*{animation:none!important}.skeleton:after{animation:none!important}}