/* Nocturne: charcoal surfaces, localized chroma, no game-preview selectors. */
body.atelier.nocturne{--bg-main:#09090c;--bg-sidebar:#0b0b0e;--bg-card:#141419;--bg-card-alt:#101014;--bg-card-hover:#1d1c24;--bg-input:#0e0e13;--bg-pill:#22212b;--text-main:#f2f1f7;--text-muted:#aaa7b7;--text-dim:#878393;--border-subtle:#ffffff0e;--border-medium:#ffffff1a;--border-focus:#a78bfa;--accent-gold:#bba3f6;--accent-gold-hover:#d0bfff;--accent-gold-subtle:#a78bfa12;--accent-gold-border:#a78bfa35;--cc-accent:#bba3f6;--mint:#80dbb9;--amber:#eac87f;--rose:#e59ab8;--violet:#bba3f6;background:var(--bg-main);font-size:14px;color-scheme:dark}
body.nocturne.theme-light{--bg-main:#efedf3;--bg-sidebar:#faf9fc;--bg-card:#fff;--bg-card-alt:#f4f2f8;--bg-card-hover:#f1edf7;--bg-input:#f7f5fa;--bg-pill:#eae5f2;--text-main:#221e2d;--text-muted:#655e74;--text-dim:#746c84;--border-subtle:#2b194511;--border-medium:#2b194526;--accent-gold:#7550b3;--mint:#267b60;--amber:#927029;--rose:#a84870;--violet:#7550b3;color-scheme:light}
.nocturne .main-wrapper{background:radial-gradient(ellipse at 92% 0%,#8151c30c,transparent 45%),var(--bg-main)!important}
.nocturne .top-header{height:90px;min-height:90px;border-bottom:1px solid var(--border-subtle);background:transparent;padding:18px 38px}
.nocturne .content-view-container{padding:30px 38px 56px;max-width:1600px;width:100%;margin-inline:auto;box-sizing:border-box}
.nocturne .sidebar-capsule{border-right:1px solid var(--border-subtle)!important;padding:26px 14px 16px!important;gap:22px!important}
.nocturne .brand-logo svg{color:var(--text-main)}.nocturne .atelier-edition{letter-spacing:2.2px;color:var(--text-dim)}
.nocturne .nav-icon-btn{position:relative;min-height:40px;border-radius:10px!important;font-size:12px!important;padding:10px 12px!important;color:var(--text-muted)!important;border:1px solid transparent!important}
.nocturne .nav-icon-btn svg{width:17px;height:17px;opacity:.75}.nocturne .nav-icon-btn:hover{background:var(--bg-pill)!important;color:var(--text-main)!important;transform:translateX(3px)}
.nocturne .nav-icon-btn.active{background:linear-gradient(100deg,#a78bfa1d,#a78bfa06)!important;color:var(--violet)!important;border-color:#a78bfa20!important;box-shadow:none!important}
.nocturne .nav-icon-btn.active:before{content:'';position:absolute;left:-14px;top:11px;bottom:11px;width:3px;border-radius:0 4px 4px 0;background:var(--violet)}
.nocturne .atelier-nav-group summary{font-size:9px;letter-spacing:1.7px;text-transform:uppercase;margin:8px 12px 6px;color:var(--text-dim)}
.nocturne .header-greeting{font-size:18px;letter-spacing:-.5px}.nocturne .atelier-breadcrumb{font-size:8px;letter-spacing:1.9px;margin-bottom:6px}.nocturne .status-chip{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-muted);font:9px var(--font-mono)}
.nocturne .global-search-bar{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:10px;height:38px}.nocturne .header-icon-btn{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:10px}.nocturne .header-icon-btn.active{background:var(--bg-pill)!important;color:var(--violet)!important}
.nocturne :is(.cc-surface,.panel-card,.ess-card,.live-card,.studio-card,.mhr-player-card){border:1px solid var(--border-medium);background:linear-gradient(145deg,#ffffff03,transparent 65%),var(--bg-card);box-shadow:0 12px 25px #00000012;border-radius:15px}
.nocturne :is(.cc-button,.btn-primary,.btn-secondary,.atelier-action){min-height:35px;padding:8px 13px;border-radius:8px;font-size:11px;font-weight:600;line-height:1.45;gap:8px;background:var(--bg-pill);color:var(--text-main);border:1px solid var(--border-medium);box-shadow:none;display:inline-flex;align-items:center;justify-content:center;white-space:normal}
.nocturne :is(.cc-primary,.btn-primary,.atelier-primary){background:#a78bfa1c!important;color:var(--violet)!important;border-color:#a78bfa44!important}
.nocturne :is(.cc-button,.btn-primary,.btn-secondary,.atelier-action):hover{transform:translateY(-2px);border-color:#a78bfa70;background:#a78bfa15;box-shadow:0 5px 16px #0002}.nocturne :is(.cc-danger,[data-license-action=delete],[data-license-action=revoke]){color:var(--rose)!important;border-color:#e59ab826!important;background:#e59ab80b!important}
.nocturne [data-license-action=reveal]{color:var(--mint)!important;background:#80dbb90d!important;border-color:#80dbb931!important}.nocturne [data-license-action=renew]{color:var(--amber)!important}
.nocturne :is(button,a):focus-visible{outline:2px solid var(--violet);outline-offset:3px}.nocturne :is(input,select,textarea){font:inherit!important;font-size:12px!important;box-sizing:border-box}.nocturne input::placeholder{color:var(--text-dim)}
.nocturne .cc-admin-workspace{display:block!important;background:none;border:0;gap:0}.nocturne .cc-admin-content{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;overflow:visible;min-width:0}
.nocturne .cc-admin-nav{display:flex!important;flex-direction:row!important;flex-wrap:wrap;width:auto!important;gap:4px;padding:6px!important;border:1px solid var(--border-medium);background:var(--bg-card-alt);border-radius:12px;margin:22px 0 28px}
.nocturne .cc-admin-nav button{display:flex;align-items:center;gap:8px;padding:10px 13px;font-size:11px;border-radius:8px;color:var(--text-muted);border:1px solid transparent;background:none}.nocturne .cc-admin-nav button svg{width:15px;height:15px}.nocturne .cc-admin-nav [aria-current=page]{background:var(--bg-pill);border-color:var(--border-medium);color:var(--text-main)}
.nocturne .cc-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0!important}.nocturne .cc-page-head h2{font-size:30px!important;font-weight:600!important;letter-spacing:-1.2px!important;line-height:1.2;margin:8px 0}.nocturne .cc-eyebrow{font:9px var(--font-mono);letter-spacing:2px;color:var(--violet)}.nocturne .cc-page-head p{color:var(--text-muted);font-size:12px;line-height:1.8}.nocturne .cc-pill{border-radius:7px;border:1px solid var(--border-medium);padding:6px 9px;font-size:10px;gap:6px;background:var(--bg-card);color:var(--text-muted)}.nocturne .cc-pill.is-online{background:#80dbb90d;border-color:#80dbb92a;color:var(--mint)}
.nocturne .cc-section-head{gap:14px}.nocturne .cc-section-head h3{font-size:15px;line-height:1.5;font-weight:600;margin:0}.nocturne .cc-muted{font-size:11px;line-height:1.8;color:var(--text-muted)}
.nocturne .cc-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-top:18px}
.nocturne .cc-account-list>[data-customer-row]{position:relative;padding:22px!important;margin:0!important;min-width:0;overflow:visible;transition:transform .22s,border-color .22s,box-shadow .22s}
.nocturne .cc-account-list>[data-customer-row]:hover{border-color:#a78bfa3f;box-shadow:0 14px 32px #0002;transform:translateY(-3px)}
.nocturne [data-customer-row] .cc-section-head{align-items:flex-start;margin-bottom:14px}.nocturne [data-customer-row] .cc-section-head>div{min-width:0;flex:1}.nocturne [data-customer-row] .cc-muted{overflow-wrap:anywhere}.nocturne [data-customer-row]>p{padding:13px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);font-size:10px;line-height:1.9;margin:14px 0}
.nocturne .n-avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;margin-right:11px;background:#a78bfa13;color:var(--violet);border:1px solid #a78bfa24;font-size:14px;font-weight:700;float:left}.nocturne [data-customer-row]:nth-child(3n+2) .n-avatar{color:var(--mint);background:#80dbb911;border-color:#80dbb926}.nocturne [data-customer-row]:nth-child(3n) .n-avatar{color:var(--amber);background:#eac87f11;border-color:#eac87f26}
.nocturne .cc-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nocturne [data-customer-row] .cc-actions>details{position:relative;margin-left:auto}.nocturne [data-customer-row] details>summary{list-style:none;cursor:pointer}.nocturne [data-customer-row] details>summary::-webkit-details-marker{display:none}.nocturne [data-customer-row] details>summary:after{content:'⌄';margin-left:8px}.nocturne [data-customer-row] details[open]>summary:after{transform:rotate(180deg)}
.nocturne [data-customer-row] details[open]>.cc-actions{position:absolute;right:0;top:calc(100% + 7px);min-width:210px;display:flex;flex-direction:column;align-items:stretch;background:var(--bg-card-hover);border:1px solid var(--border-medium);padding:7px;z-index:8;border-radius:12px;box-shadow:0 15px 40px #0007;animation:n-enter .16s ease-out}.nocturne [data-customer-row]:has(details[open]){z-index:9}
.nocturne .cc-form-disclosure{margin:20px 0;padding:0;overflow:hidden}.nocturne .cc-form-disclosure>summary{padding:15px 18px;display:flex;align-items:center;gap:10px;font-size:12px;cursor:pointer;background:linear-gradient(100deg,#a78bfa0b,transparent)}.nocturne .cc-form-disclosure>summary svg{width:15px;height:15px}.nocturne .settings-grid{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.nocturne .settings-grid label{display:grid;gap:8px;font-size:11px;color:var(--text-muted)}.nocturne .settings-grid .wide{grid-column:1/-1}.nocturne .settings-grid input,.nocturne .settings-grid select{width:100%;min-width:0}.nocturne .cc-search{display:flex;align-items:center;gap:10px;max-width:400px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:10px;padding:0 12px}.nocturne .cc-search svg{width:16px;height:16px;color:var(--text-dim)}.nocturne .cc-search input{width:100%;background:none!important;border:0!important;outline:none;padding:11px!important}
.n-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.n-metric{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:12px;padding:17px 20px}.n-metric>i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--tone-bg,#a78bfa12);color:var(--tone,var(--violet))}.n-metric svg{width:17px;height:17px}.n-metric strong{font-size:22px;font-weight:600;line-height:1.1;letter-spacing:-.8px;display:block}.n-metric small{font-size:10px;color:var(--text-muted);display:block;margin-top:5px}
.n-tone-green{--tone:var(--mint);--tone-bg:#80dbb912}.n-tone-amber{--tone:var(--amber);--tone-bg:#eac87f12}.n-tone-pink{--tone:var(--rose);--tone-bg:#e59ab812}.n-tone-purple{--tone:var(--violet);--tone-bg:#a78bfa12}
.n-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.n-heading h1{font-size:30px;letter-spacing:-1.2px;font-weight:600;margin:8px 0}.n-heading p{font-size:12px;color:var(--text-muted);line-height:1.7}.n-label{font:9px var(--font-mono);letter-spacing:2px;color:var(--text-dim);text-transform:uppercase}.n-status{display:inline-flex;align-items:center;gap:7px;font:10px var(--font-mono);padding:7px 10px;border-radius:7px;border:1px solid var(--border-medium);color:var(--text-muted)}.n-status i{width:5px;height:5px;background:currentColor;border-radius:50%}.n-status.online{color:var(--mint);border-color:#80dbb927;background:#80dbb908}.n-status.online i{box-shadow:0 0 0 4px #80dbb915;animation:n-beacon 3s ease-in-out infinite}
.n-bento{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.n-card{border:1px solid var(--border-medium);border-radius:17px;background:linear-gradient(135deg,#ffffff03,transparent),var(--bg-card);padding:25px;min-width:0}.n-card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px}.n-card-head h2{font-size:14px;font-weight:600;letter-spacing:-.3px}.n-card-head svg{width:17px;height:17px}.n-server-card{position:relative;overflow:hidden;min-height:235px;background:radial-gradient(ellipse at 100% 0,#9460da18,transparent 65%),var(--bg-card)}.n-server-card:after{content:'';pointer-events:none;position:absolute;right:-45px;top:-80px;width:300px;height:300px;border:1px solid #bba3f60e;border-radius:50%;box-shadow:0 0 0 35px #bba3f605,0 0 0 70px #bba3f604;transform:rotate(-20deg)}.n-server-name{font-size:24px;font-weight:600;letter-spacing:-1px;margin:12px 0 24px;max-width:85%;overflow-wrap:anywhere}.n-server-card>div,.n-server-card>header{position:relative;z-index:1}.n-server-facts{display:flex;gap:30px;margin-bottom:25px}.n-server-facts strong{display:block;font-size:24px;letter-spacing:-.8px}.n-server-facts small{display:block;font-size:10px;color:var(--text-muted);margin-top:6px}.n-server-card .cc-actions{border-top:1px solid var(--border-medium);padding-top:18px}
.n-launchpad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.n-launch{display:flex;flex-direction:column;align-items:flex-start;position:relative;text-align:left;padding:22px;border:1px solid var(--border-medium);border-radius:16px;background:var(--bg-card);color:var(--text-main);overflow:hidden;min-height:143px}.n-launch>i{width:34px;height:34px;border-radius:10px;background:var(--tone-bg);color:var(--tone);display:grid;place-items:center;margin-bottom:20px}.n-launch svg{width:18px;height:18px}.n-launch strong{font-size:13px;margin-bottom:6px}.n-launch small{font-size:10px;color:var(--text-muted)}.n-launch:after{content:'↗';position:absolute;right:20px;top:22px;color:var(--text-dim);transition:transform .2s}.n-launch:hover{transform:translateY(-3px);border-color:var(--tone);background:linear-gradient(130deg,var(--tone-bg),transparent),var(--bg-card)}.n-launch:hover:after{color:var(--tone);transform:translate(2px,-2px)}
.n-feed{margin-top:17px;display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.n-feed-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--border-subtle);font-size:11px}.n-feed-row>i{width:29px;height:29px;border-radius:8px;flex:0 0 auto;display:grid;place-items:center;background:var(--tone-bg);color:var(--tone)}.n-feed-row svg{width:14px;height:14px}.n-feed-row p{line-height:1.7;flex:1;overflow-wrap:anywhere;color:var(--text-muted)}.n-feed-row time{font:9px var(--font-mono);color:var(--text-dim)}.n-empty{padding:25px 10px;text-align:center;color:var(--text-muted);font-size:12px;line-height:1.8}.n-note{font-size:11px;line-height:1.9;color:var(--text-muted);padding:14px 16px;border-radius:10px;background:var(--bg-card-alt);border:1px solid var(--border-subtle);margin:15px 0}
.n-tabs{display:flex;gap:5px;border-bottom:1px solid var(--border-medium);padding-bottom:13px;margin:0 0 24px;flex-wrap:wrap}.n-tabs button{padding:9px 13px;border-radius:8px;color:var(--text-muted);font-size:11px;display:flex;align-items:center;gap:8px;border:1px solid transparent}.n-tabs svg{width:15px;height:15px}.n-tabs [aria-selected=true]{background:#a78bfa14;border-color:#a78bfa2a;color:var(--violet)}
.n-activity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.n-activity-list{display:grid;gap:9px}.n-activity-row{display:flex;align-items:flex-start;gap:13px;padding:16px;border:1px solid var(--border-medium);border-radius:12px;background:linear-gradient(120deg,#a78bfa04,transparent),var(--bg-card);animation:n-enter .24s ease-out}.n-activity-row>i{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--tone-bg);color:var(--tone)}.n-activity-row svg{width:15px;height:15px}.n-activity-row>div{flex:1;min-width:0}.n-activity-row h3{font-size:12px;margin:0 0 6px;font-weight:600}.n-activity-row p{font-size:11px;color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:0}.n-activity-row time{font:9px var(--font-mono);color:var(--text-dim);white-space:nowrap}.n-grade{display:inline-flex;align-items:center;border-radius:6px;padding:4px 8px;font-size:10px;color:var(--tone,var(--violet));background:var(--tone-bg,#a78bfa12);border:1px solid var(--border-medium)}
.nocturne .mhr-console-shell{border-color:var(--border-medium);box-shadow:0 14px 40px #0002}.nocturne #terminalLogsBody{background:#0b0b10;font-size:12px;line-height:1.9}.nocturne .mhr-console-shell>header{background:linear-gradient(100deg,#a78bfa07,transparent),var(--bg-card)}.nocturne .mhr-command-line button{background:#a78bfa20;color:var(--violet);border:1px solid #a78bfa33}.nocturne .atelier-console-more{color:var(--violet)}
.nocturne .mhr-log-table{border:1px solid var(--border-medium);border-radius:13px;overflow:hidden}.nocturne .mhr-log-table>header{background:var(--bg-card-alt);font-size:9px;letter-spacing:1px}.nocturne .mhr-log-table article{background:var(--bg-card);border-color:var(--border-subtle)}.nocturne .mhr-log-table pre{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.nocturne .mhr-log-toolbar input{color:var(--text-main)}
.nocturne #viewContainer>main,.nocturne #viewContainer>.n-tabs{animation:n-enter .3s ease-out}.nocturne .n-launch:nth-child(2){animation-delay:.035s}.nocturne .n-launch:nth-child(3){animation-delay:.07s}.nocturne .n-launch:nth-child(4){animation-delay:.105s}.n-launch{animation:n-enter .32s both}
@keyframes n-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes n-beacon{50%{box-shadow:0 0 0 6px #80dbb908}}
.nocturne [data-customer-row] details.opens-up[open]>.cc-actions{top:auto;bottom:calc(100% + 7px)}
.nocturne .cc-admin-content>.cc-form-disclosure,.nocturne .cc-admin-content>.n-metrics,.nocturne .cc-admin-content>.cc-account-list{margin:0}
@media(max-width:620px){body.nocturne .top-header{flex-basis:auto;min-height:142px}}
.nocturne .cc-admin-content>.cc-surface{padding:0;background:none;border:0;box-shadow:none}.nocturne .cc-admin-content>.cc-surface>.cc-section-head{margin-bottom:12px}.nocturne .cc-account-list{padding:0!important}.n-server-facts small{letter-spacing:normal;font-weight:400}
@media(min-width:1650px){.nocturne .cc-account-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.n-bento,.n-feed{grid-template-columns:1fr}.n-launchpad{grid-template-columns:repeat(4,minmax(0,1fr))}.n-launch{padding:17px}.nocturne .cc-account-list{grid-template-columns:1fr}}
@media(max-width:700px){.nocturne .content-view-container{padding:22px 16px}.nocturne .top-header{padding:16px;height:auto;min-height:90px}.n-heading h1,.nocturne .cc-page-head h2{font-size:25px!important}.n-heading{align-items:flex-start}.n-heading>.cc-button,.nocturne .cc-page-head>.cc-pill{display:none}.n-metrics{gap:7px}.n-metric{padding:12px 10px;gap:8px;align-items:flex-start;flex-direction:column}.n-metric>i{width:28px;height:28px}.n-metric strong{font-size:19px}.n-metric small{font-size:9px}.n-launchpad{grid-template-columns:repeat(2,minmax(0,1fr))}.n-card{padding:20px}.nocturne .cc-admin-nav button{padding:9px;font-size:10px}.nocturne .settings-grid{grid-template-columns:1fr;padding:17px}.nocturne .cc-account-list>[data-customer-row]{padding:18px!important}.n-activity-row{flex-wrap:wrap}.n-activity-row time{margin-left:45px}.nocturne .cc-page-head p{font-size:11px}.nocturne .cc-admin-nav{margin-top:15px}.n-server-facts{gap:25px}}
@media(prefers-reduced-motion:reduce){body.nocturne *,body.nocturne *:before,body.nocturne *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
