/* Dolphingo brand, verified against token.dolphingo.ai on 2026-10-31.
   Preserve the official blue/violet logo. No green workspace theme. */
:root{
 color-scheme:dark;
 --brand:#9b73ff;--brand-hover:#ab8aff;--brand-soft:#9b73ff1c;
 --canvas:#101013;--surface:#17171c;--raised:#1d1d24;--field:#15151a;
 --ink:#f3f3f6;--secondary:#b1b1bd;--muted:#9696a6;
 --border:#ffffff1a;--green:var(--brand);--dark:#9364ee;--soft:var(--brand-soft);
 color:var(--ink);background:var(--canvas);
 font-family:"Public Sans","Noto Sans SC","PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body{background:var(--canvas);color:var(--ink)}
button,input,textarea,select{transition:background-color .15s,border-color .15s,color .15s}
input,textarea,select{background:var(--field);border-color:#ffffff24;color:var(--ink);border-radius:9px}
input::placeholder,textarea::placeholder{color:#858594}
input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #9b73ff20}
button:focus-visible,a:focus-visible{outline:2px solid #b399ff;outline-offset:3px}
a{color:#bd9fff}.muted{color:var(--muted)}
.shell{grid-template-columns:214px minmax(0,1fr)}
.sidebar{background:#121216;border-color:var(--border);padding:28px 16px 18px}
.brand{gap:10px;padding:0 9px 30px;color:#fff;font-size:19px;letter-spacing:0}
.brand-logo{height:38px;width:38px;object-fit:contain;flex-shrink:0}
.brand small{color:#92909e;font-size:9px;letter-spacing:.13em;line-height:1.5;white-space:nowrap;margin-top:4px}
.nav-title{color:#71717f;font-size:10px;letter-spacing:.15em;padding-left:14px}
.nav{color:#b0afbf;border-radius:10px;padding:13px 14px;font-size:13px;gap:11px;margin-bottom:7px}
.nav:hover{background:#ffffff07;color:#f4f1ff}
.nav.active{background:#9b73ff21;color:#c4acff;font-weight:600;box-shadow:inset 0 0 0 1px #9b73ff24}
.nav.active svg{color:#ae8bff}
.nav .count{background:#9b73ff2e;color:#dacbff;border-radius:6px;padding:2px 6px}
.side-card{background:#1b1924;border-color:#9b73ff20;border-radius:12px;padding:15px 12px}
.side-card strong{color:#d6c6ff;font-size:11px}.side-card p{color:#a49ab9}
.user{border-color:var(--border)}.user-text strong{color:#ededf3}.user-text small,.version{color:#848491}
.icon-button{color:#afadbc}.icon-button:hover{background:#ffffff0c;color:#ded2ff}
.topbar{background:#101013;border-color:var(--border);color:#b6b3c3}
.breadcrumb>span:last-child{color:#eee9fa}.today{color:#8f8e9c}
.topbar .icon-button{border:1px solid #ffffff18;border-radius:50%}
.pill{color:#c3acff;background:#9b73ff17;border-color:#9b73ff2c;border-radius:999px;font-weight:500}
.pill.demo{background:#28212f;color:#c8b6dd;border-color:#6d508657}
.demo-select{background:#1a1a21;border-color:#ffffff1c;border-radius:7px;color:#ccc9d7}
.page-head h1{color:#f6f5fb;font-weight:600;letter-spacing:-.025em}
.page-head p{color:#a4a0b1}
.btn{background:#1e1e26;border-color:#ffffff25;color:#dedbe8;border-radius:999px;font-weight:550}
.btn:hover{background:#272630;border-color:#9b73ff75;color:#fff}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:none}
.btn.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.btn.danger,.text-button.danger{color:#f5a0ac}
.stats{gap:14px}.stat{background:var(--surface);border-color:var(--border);border-radius:12px}
.stat-label{color:#b1adbf;font-size:12px}.stat-label svg{color:#9484b6}
.stat strong{color:#f4f0ff;font-weight:600}.stat small{color:#878393}
.stat.emphasis{background:#211b30;border-color:#9b73ff45}.stat.emphasis strong{color:#c6acff}
.workbench{background:var(--surface);border-color:#ffffff21;border-radius:14px;box-shadow:0 10px 36px #0000001a}
.toolbar{background:#17171d;border-color:var(--border)}
.tab{color:#a9a5b6;border-radius:999px}.tab:hover{color:#eee7ff;background:#ffffff06}
.tab.active{background:#9b73ff22;color:#cbb4ff}.tab span{color:#a49bb7}.tab.active span{color:#cbb4ff}
.search{background:#101014;border-color:#ffffff1c;border-radius:999px;padding:0 12px}
.search input{color:var(--ink);font-size:12px}.search svg{color:#8e879f}
.lead-list{background:#141419;border-color:var(--border)}
.list-head{color:#918c9e;border-color:var(--border)}
.lead-row{border-bottom-color:#ffffff08;border-left-width:3px}
.lead-row:hover{background:#1c1a24}.lead-row.selected{background:#242032;border-left-color:var(--brand)}
.lead-line strong{color:#eeebf5;font-size:13px;font-weight:550}.lead-line time{color:#9a92aa}
.lead-preview{color:#aaa3b7;font-size:11px;line-height:1.6}.lead-meta{color:#aaa3b7}
.avatar,.avatar.v0{background:#342a49;color:#dccaff;border:1px solid #9b73ff24}
.avatar.v1{background:#2c2841;color:#c4bbff}.avatar.v2{background:#3c2d3b;color:#e0bdd9}.avatar.v3{background:#282e45;color:#b5c7ff}
.tag{background:#9b73ff18;border:1px solid #9b73ff2b;color:#c8b3f3;border-radius:5px;font-size:10px}
.tag.new{background:#b7903a19;border-color:#b7903a33;color:#dfbd76}
.tag.following{background:#9b73ff18;border-color:#9b73ff33;color:#c1a5ff}
.tag.qualified{background:#b86bdb1c;border-color:#b86bdb40;color:#deb0f4}
.tag.won{background:#7688eb1f;border-color:#7688eb40;color:#b8c1ff}
.tag.closed{background:#ffffff0a;border-color:#ffffff20;color:#a8a2b5}
.chat-head{background:#18181f;border-color:var(--border)}
.chat-name strong{font-size:14px;color:#f4f0fc}.chat-name p{color:#a39bae;font-size:11px}
.channel-note{background:#17151f;color:#a69bb9;border-color:var(--border)}
.ai-toolbar{background:#1b1725;border-color:#9b73ff22;gap:10px}
.auto-toggle{color:#c9badf}.auto-toggle input,.setting-row input,.tag-choices input{accent-color:var(--brand)}
.ai-toolbar select,.composer-tools select{background:#211c2e;border-color:#9b73ff30;color:#cfbee9;border-radius:7px}
.text-button{color:#bc9cff;font-weight:500}.text-button:hover{color:#d8c5ff}
.messages{background:#111115;scrollbar-color:#474052 transparent}
.day-label{color:#8e859f;background:transparent}.msg-context{color:#9f95b0;font-size:10px;line-height:1.6}
.bubble{background:#232229;color:#efedf6;border-color:#ffffff12;border-radius:12px;font-size:13px;line-height:1.8;box-shadow:none}
.message.out .bubble{background:#35234f;border:1px solid #9b73ff47;color:#f6edff;border-radius:12px}
.msg-foot{color:#938b9f;font-size:10px}.msg-foot.error{color:#f6a3ae}
.translation{background:#20192c;border-left-color:var(--brand);color:#dcccf4;border-radius:0 9px 9px 0;padding:9px 12px}
.translation>span{color:#b49bd7}.translate-hint{color:#b49bd7}.translation-error{color:#e4b38d}
.media-link{color:#c4a5ff}.composer{background:#19181f;border-color:var(--border)}
.sender{color:#a49aaf;font-size:10px}.composer-tools .small{color:#a49aaf}
.composer textarea{background:#131217;border:1px solid #ffffff1c;border-radius:10px;padding:10px 12px;color:#f1edf8;font-size:13px}
.compose-bottom{margin-top:8px}.compose-bottom .muted{color:#98909f;font-size:10px}
.attach-name{background:#282033;color:#d5bff4;border-color:#9b73ff30}
.profile{background:#17161c;border-color:var(--border)}
.profile-top strong{color:#f0eaf8;font-size:14px}.profile-top p{color:#aaa1b6;font-size:11px}
.profile-top .avatar{background:#2e2440;color:#dcc6ff}
.section-label{color:#c8bfda;font-weight:550;font-size:12px}
.detail-row dt{color:#a69cb4}.detail-row dd{color:#d4cadd;font-size:11px}
.note{color:#b9accd;background:#211b2b;border:1px solid #9b73ff1a;font-size:11px;border-radius:9px}
.timeline{border-color:#9b73ff45}.timeline-item{color:#beb1d2}.timeline-item small{color:#9386a5}
.panel,.account-card,.resource-card{background:var(--surface);border-color:var(--border);border-radius:14px}
.panel h2,.account-card h3,.resource-card h3{color:#f0eafa}
.panel p,.account-card p,.resource-card p,.rule-list div{color:#aaa1b7}
.account-icon{background:#9b73ff1c;color:#bc9dff}.account-number{color:#e3d6fa}
.account-foot,.resource-foot{border-color:var(--border)}
.status{color:#b7adca;background:#ffffff08}.status.connected{color:#c3aaff;background:#9b73ff18}.status.error{color:#f3a4af}
.notice{background:#211b2d;color:#c5b2df;border-color:#9b73ff30}
.notice svg{color:#bb9bff}.table-wrap{background:var(--surface);border-color:var(--border);border-radius:12px}
table{color:#d7cfe4}th{background:#201c29;color:#b8a7cc;border-color:var(--border)}td{border-color:#ffffff0d}
tbody tr:hover{background:#ffffff03}.member small{color:#a497b5}
.rule{background:#18171e;border-color:var(--border)}.rule.active{background:#261d38;border-color:#9b73ff80}
.rule strong{color:#e7dafb}.rule-num{color:#b09acb}.rule-list strong{color:#d3b9f5}
.resource-meta,.resource-foot{color:#a498b6}.assistant-nav{border-color:var(--border)}
.setting-row{border-color:var(--border);color:#cdc0dd}.tag-choices label{background:#2a2038;color:#d6bff3}
.upload-zone{background:#20192d;border-color:#9b73ff55}.upload-zone label,.upload-zone small{color:#b9a7d3}
.snippet-choice{border-color:var(--border)}.snippet-choice p{color:#b7a9c9}.snippet-choice:hover{background:#9b73ff0a}
.analysis-sources,.draft-original{background:#241c31;color:#cfc0df}.analysis-sources summary{color:#c7a5ff}.draft-original small{color:#ad99c5}
.analysis-output{color:#e6dcef}.draft-original p{color:#d0c1e0}
.auth-intro{background:#141119;color:#eee7fa;border-right:1px solid #9b73ff24}
.auth-intro h1{color:#f3eafd;font-weight:550}.auth-intro p{color:#b4a6c7}.auth-intro .brand small{color:#9884b3}
.auth-intro .pill{background:#9b73ff1c;color:#c9adff;border-color:#9b73ff38}
.auth-intro .flow{color:#ceb3f6}.auth-intro .flow span{background:#251b34;border-color:#9b73ff35;color:#d1b6f6}
.auth-right{background:#101013}.auth-box h2{color:#f2eafb}.auth-box>p,.demo-entry p{color:#b1a2c1}
.form-group label{color:#c9bbd9}.form-group small{color:#aa9abf}.form-error{color:#efa0b0}
dialog{background:#1b1722;border-color:#9b73ff38;color:#eee5fa;box-shadow:0 28px 100px #0008}
dialog::backdrop{background:#060409b8;backdrop-filter:blur(5px)}
.modal-head{border-color:var(--border)}.modal-body>p{color:#b9a9cd}.modal-body .danger{color:#f0a3b4}
.qr-panel p{color:#b9a9cd}.qr-panel img{background:#fff;border-color:#ffffff2b}.qr-placeholder{background:#261c36;color:#c5a9e8;border-color:#9b73ff55}
.empty{color:#ab9dbb}.empty h3,.wide-empty h2{color:#e6d9f7}.error-banner{background:#34212c;border-color:#a8657544;color:#f3b7c4}
.pager{color:#aa9bbd}#toast{background:#9b73ff;color:#fff;box-shadow:0 8px 30px #0005;border:1px solid #bba0ff}
*{scrollbar-width:thin;scrollbar-color:#4c405d transparent}
@media(min-width:1550px){.shell{grid-template-columns:226px minmax(0,1fr)}}
@media(max-width:1220px){.shell{grid-template-columns:188px minmax(0,1fr)}.sidebar{padding:24px 10px}.brand{padding-left:6px;font-size:17px;gap:7px}.brand-logo{width:32px;height:32px}.brand small{font-size:8px;letter-spacing:.07em}}
@media(max-width:850px){.shell{grid-template-columns:68px minmax(0,1fr)}.sidebar{padding:20px 8px}.brand{padding:0 8px 28px}.brand-logo{width:34px;height:34px}.brand>div:last-child{display:none}.nav{padding:14px 9px}.topbar{padding:0 15px}}
@media(max-width:650px){.shell{grid-template-columns:1fr}.sidebar{padding:5px 10px;background:#15111dfa;border-color:#9b73ff2a}.nav{margin:0;padding:12px;border-radius:10px}.nav.active{color:#c8acff}.topbar:before{color:#e4d4fc}.main-inbox .chat{height:700px}.topbar .pill.demo{background:#251c31;color:#cbb2e7}.profile{border-top-color:var(--border)}}

.message:last-child{margin-bottom:4px}.day-label{margin-bottom:14px}
@media(max-width:650px){.topbar:before{padding-left:25px;background:url("/assets/dolphingo-logo.png") left center / 20px 20px no-repeat}}