/* JC/AI · black and gold */
:root{color-scheme:dark;--ink:#f1eee5;--muted:#aaa493;--gold:#d7b866;--line:#383323;--surface:#171610;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:#0b0b09}
body,.login-page{background:radial-gradient(ellipse at top right,#1b1810 0,transparent 55%),#0b0b09;color:var(--ink)}
a{color:var(--gold)}label{color:#c6c1b3}h1,h2,h3,h4{color:var(--ink)}input,select,textarea{color:var(--ink);background:#0e0e0b;border-color:var(--line)}input::placeholder,textarea::placeholder{color:#8b8679}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d7b86622}input[type=checkbox],input[type=radio]{accent-color:var(--gold)}
button{border:1px solid var(--line);color:#ded5bd;background:#211f16}button:hover:enabled{border-color:#88723e;background:#302a1b}.primary,.chat-shell .primary,.tabs .active{background:linear-gradient(110deg,#ecd48c,#c5a14c);color:#211b0d;border-color:#d7b866;box-shadow:0 2px 10px #0003}.primary:hover:enabled,.chat-shell .primary:hover:enabled{background:linear-gradient(110deg,#f1dea4,#d3b35e);color:#211b0d}.quiet,.chat-shell .quiet{background:#252218;color:#dcc58b}.quiet:hover:enabled{background:#342e1e}
.rail{width:276px;min-width:276px;background:linear-gradient(145deg,#17150e,#0e0e0b 65%);border-right:1px solid var(--line);padding:32px 20px 22px;align-items:stretch;flex-direction:column;height:100dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#51462b transparent;position:sticky;top:0;z-index:5}
.rail .brand,.brand{display:flex;align-items:center;gap:16px;text-align:left;text-decoration:none;color:var(--gold);margin:0 0 30px;padding:0 8px 28px;border-bottom:1px solid var(--line);line-height:1.2;font-size:18px}
.brand .jc-mark{position:relative;display:block;font:italic 74px/.95 "Bodoni 72","Didot","Times New Roman",serif;letter-spacing:-14px;padding-right:15px;font-weight:400;color:var(--gold);transform:skew(-8deg);flex-shrink:0;text-shadow:0 1px 18px #d7b86613}.brand .jc-mark .jc-spark{position:absolute;right:0;top:-6px;font:19px/1 serif;letter-spacing:0;color:var(--gold)}.brand .brand-copy{display:grid;gap:5px;min-width:0;color:var(--ink)}.brand-copy strong{font-size:18px;letter-spacing:3px;color:#e2d6b3}.rail .brand .brand-subtitle,.brand .brand-subtitle{font-size:13px;margin:0;color:#d8cfb8;letter-spacing:1px;line-height:1.6}.brand-copy small{font-size:8px;letter-spacing:2px;color:#a08d59;white-space:nowrap}
.nav-caption{display:flex;justify-content:space-between;margin:0 12px 22px;font-size:12px;letter-spacing:2px;color:#a29670}.nav-caption small{font-size:9px;letter-spacing:1.5px;color:#857951}.main-nav{display:grid;gap:12px;margin:0}.nav-group{padding:0;border:0}.nav-group>summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 12px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;color:#c9c3b4}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:'⌄';margin-left:auto;color:#b8ae94}.nav-group[open]>summary{background:#1d1b12;color:#e2c579}.nav-group[open]>summary:after{content:'⌃'}.nav-number{font:14px Georgia,serif;color:#9f884e}.nav-children{border-left:1px solid #54482b;margin:0 6px 4px 20px;padding:8px 0 8px 18px;display:grid;gap:5px}.main-nav .nav-children>a{position:relative;display:block;border-radius:9px;padding:12px 14px;text-align:left;color:#b8b1a0;border:1px solid transparent;font-size:14px;font-weight:500;text-decoration:none;background:transparent}.main-nav .nav-children>a:hover,.main-nav .nav-children>a.active{background:linear-gradient(100deg,#342c18,#1b1911);border-color:#5f502a;color:#e2c579}.main-nav .nav-children>a.active:before{content:'';position:absolute;width:3px;height:22px;background:var(--gold);border-radius:5px;left:-21px;top:50%;transform:translateY(-50%)}
.platform-menu{margin:24px 10px 0;padding-top:20px;border-top:1px solid var(--line)}.platform-menu>summary{font-size:12px;letter-spacing:1px;color:#a69a79;cursor:pointer}.platforms{grid-template-columns:1fr 1fr;gap:5px;margin-top:14px}.platform{display:flex;justify-content:flex-start;align-items:center;font-size:10px;gap:7px;padding:8px 4px;color:#c7c0ae;border-radius:7px}.platform.active{background:#302a1a;border-color:#68552e;color:#efd494}.platform-icon{width:22px;height:22px;font-size:11px;border-radius:6px;background:#44371d!important;color:#e8d295}.rail-bottom{margin-top:auto;text-align:left;padding:26px 12px 0;color:#ae985f}.rail-bottom .monogram{display:none}.rail-bottom small:before{content:'●';color:var(--gold);margin-right:9px}.rail-bottom small{font-size:11px}
main{padding:36px 36px 28px}.top{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:28px}.top h1{font-size:32px;letter-spacing:-1px}.eyebrow,.section-label{color:#c0a65f;letter-spacing:2px}.website-identity,#identity{color:#aea695}.website-identity a{color:#d7bc7c}
.workspace,.inbox,.account-panel,.admin-stats>div,.settings-panel,.login-card,dialog,.card,.metrics article,.translation,.chat-shell .translation,.chat-shell .inbox,.chat-shell .chat-head,.chat-shell .composer,.emoji-picker{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:none}.admin-overview,.account-panel header,.account-row,.root-user-row,.settings-panel,.chat-head,.inbox,.translation,.composer,th,td{border-color:var(--line)}.admin-overview p,.account-panel p,.settings-panel p,.fine,.hint,.empty p,.inbox>p,.connect-card p,.chat-head p,.heading p,.metrics span,.dialog-copy small,.chat-shell .dialog-copy small{color:var(--muted)}.admin-stats b,.metrics b{color:#ead18b}.admin-stats span,.account-meta,.version,.chip{color:#b1a890}.version,.chip,.badge{background:#292416;border-color:#54482a;color:#d7bf80}.messages,.chat-shell .conversation{background:#10100c}.empty-symbol,.chat-shell .empty-symbol{background:#292313;color:var(--gold)}.empty-symbol span{color:#c4aa65}.empty,.chat-shell .empty,.chat-shell .empty p{color:#bbb09a}.chat-shell .dialog-item.selected{background:#3d321a;color:#f1dc9f}.chat-shell .dialog-item.selected small{color:#d3c7a7}.dialog-item:hover,.icon-button:hover,.emoji-option:hover{background:#272317}.avatar,.chat-shell .avatar{background:#534323;color:#efd99c}.message,.chat-shell .message{background:#242218;color:var(--ink)}.message.mine,.chat-shell .message.mine{background:#3b321e;color:#f8efd6}.message .translated,.chat-shell .message .translated{color:#bcb091;border-color:#574b2b}.message .meta,.chat-shell .message .meta{color:#a79a7c}.chat-shell .composer textarea{background:transparent;color:var(--ink)}.dialog-search,.chat-shell .voice-compose select,.selfhost-note,.slot,.item,.job,.user-row,.preview{background:#1d1b13;color:#c6beac;border-color:var(--line)}.official-login{background:#4d3d1d;color:#ecd28e!important}.icon-button,.native-inbox-tools>a{color:#c0ad7d}.notice,#notice{background:#332b17;color:#f0dca1;border-color:#725d30}.status{background:#332b17;color:#d8c28c}.status.running,.badge.connected{background:#1c3226;color:#a2d8b1}.danger,.error-text,#login-error{color:#f19c8d}dialog::backdrop{background:#000b}.login-page main{min-height:100dvh}.login-card{border:1px solid var(--line);box-shadow:0 24px 90px #0006;padding:38px}.login-card .brand{padding:0 0 26px;margin-bottom:26px}.login-card h1{font-size:25px}.login-card p{color:var(--muted)}
.automation-page{display:flex;min-height:100dvh;font:16px/1.6 system-ui,-apple-system,"Microsoft YaHei",sans-serif}.automation-content{flex:1;min-width:0}.automation-page main{max-width:1440px;margin:28px auto;padding:0 34px}.automation-page .topbar{padding:22px 34px;background:transparent;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;gap:20px}.automation-page .topbar #identity{margin-right:auto}.automation-page .heading h1{font-size:34px}.automation-page .heading{padding-bottom:20px;border-bottom:1px solid var(--line)}.automation-page .card{border-radius:16px}.automation-page .tabs{border-color:var(--line)}
[hidden]{display:none!important}:focus-visible{outline:2px solid #e9ce85;outline-offset:4px}details[id]{scroll-margin-top:28px}
@media(max-width:1250px){.rail{width:236px;min-width:236px;padding:26px 14px}.brand .jc-mark{font-size:66px}.brand-copy small{font-size:7px;letter-spacing:1px}.brand .brand-copy{gap:4px}.top h1{font-size:27px}.top{align-items:flex-start;flex-wrap:wrap}main{padding:28px 24px}.automation-page .columns{grid-template-columns:1fr}}
@media(max-width:760px){body:not(.chat-shell){display:block}.rail{width:100%;min-width:0;height:auto;min-height:0;position:relative;padding:18px 16px;display:block;border-right:0;border-bottom:1px solid var(--line)}.rail .brand{padding:0 0 16px;margin-bottom:16px}.brand .jc-mark{font-size:58px}.brand .brand-copy{display:grid}.nav-caption{display:none}.main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nav-group>summary{padding:10px;font-size:13px;gap:8px}.nav-children{margin-left:12px;padding-left:12px}.main-nav .nav-children>a{padding:9px;font-size:12px}.main-nav .nav-children>a.active:before{left:-15px}.rail-bottom{display:none}.platform-menu{margin-top:16px;padding-top:12px}.platforms{grid-template-columns:repeat(3,minmax(0,1fr))}.top h1{font-size:24px}.top{gap:14px}.website-identity{justify-content:flex-start}.automation-page{display:block}.automation-page main{padding:0 16px}.automation-page .topbar{padding:14px 16px}.automation-page .heading h1{font-size:27px}.login-card{padding:28px}main{padding:24px 16px}.chat-shell .rail{display:none}}
@media(min-width:1101px){.chat-shell{display:flex}.chat-shell>.rail{display:flex}.chat-shell main{flex:1;min-width:0}.chat-shell .workspace{grid-template-columns:290px minmax(0,1fr)}}
.admin-overview{background:var(--surface);border:1px solid var(--line);border-radius:16px}.composer textarea,.outgoing,.language-flow,.test-result,.platform-help,.voice-result,.billing-table th{background:#211e14;color:#d7cfb9;border-color:var(--line)}.dialog-item.selected{background:#3d321a;color:#f1dc9f}.danger{background:#352019;color:#f19c8d}.qr-success>span{background:#1c3226;color:#a2d8b1}.admin-empty,.account-title p,.account-row small,.settings-panel summary,.settings-panel summary span,.steps,.composer-actions>span{color:#b4aa92}.dialog-search input,.chat-shell .composer textarea{background:transparent}