/* MarshChat 0.7: light enterprise workspace throughout the public and member site. */
:root{color-scheme:light!important;--mc-bg:#f4f6f9!important;--mc-surface:#fff!important;--mc-panel:#fff!important;--mc-panel-2:#eef2f6!important;--mc-line:#d8e0e8!important;--mc-lime:#65a523!important;--mc-text:#182635!important;--mc-muted:#536575!important;--mc-dim:#657789!important;--mc-cyan:#246a85!important;--bg:#f5f7fa!important;--pane:#fff!important;--pane2:#edf2f7!important;--line:#d6dfe8!important;--text:#233346!important;--muted:#65778b!important;--lime:#5f9e26!important;--sub:#64758a!important;--panel:#fff!important;--a:#4f8e23!important;--bright:#60a528!important;--focus:#397bc3!important;background:#f5f7fa!important;color:#233346!important;font-family:'Segoe UI',Arial,system-ui,sans-serif!important}
html,body{background:#f5f7fa!important;color:#233346!important;font-family:'Segoe UI',Arial,system-ui,sans-serif!important}
button,input,select,textarea,a.button,.button,.outline,.upload-btn{border-radius:4px!important;font-family:inherit!important}
button,.button,a.button,.outline,.upload-btn{transition:background .14s ease,border-color .14s ease;box-shadow:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #326fbb!important;outline-offset:2px}
a{color:#2161a5}a:hover{color:#174b81}
a[href]:not(.brand):not(.wordmark):not(.logo):not(.mc-v04-photo){text-underline-offset:3px}
input,select,textarea{background:#fff!important;color:#203346!important;border:1px solid #bfccd8!important}
button:disabled{opacity:.48!important}
/* Chat workspace: network tabs replace bulky left-side cards. */
body:has(#mc-workspace){background:#f5f7fa!important;color:#203345!important}
body:has(#mc-workspace)>aside{width:204px!important;background:#edf2f7!important;border-right:1px solid #d2dce7!important;padding:18px 13px!important;box-shadow:none!important}
body:has(#mc-workspace)>aside .brand{color:#1e3954!important;font-size:22px!important}
body:has(#mc-workspace)>aside .brand small{color:#63778a!important}
body:has(#mc-workspace)>aside .section{margin:24px 0 6px!important;color:#647689!important}
body:has(#mc-workspace) #networks{display:none!important}
body:has(#mc-workspace) aside #add{border:1px solid #b3c4d2!important;background:#fff!important;color:#245b87!important;text-align:center}
body:has(#mc-workspace) aside .aside-bottom{color:#62768b!important;line-height:1.8}
body:has(#mc-workspace) aside .aside-bottom a{display:block;background:#fff;color:#2f5578;border:1px solid #d1dde7;padding:6px 10px;margin:5px 0;text-decoration:none;font-size:12px;border-radius:4px}
body:has(#mc-workspace) main{background:#fff!important}
body:has(#mc-workspace) main>header{background:#fff!important;border-bottom:1px solid #d8e0e8!important;padding:16px 22px!important;gap:10px;flex-wrap:wrap}
body:has(#mc-workspace) main>header h1{color:#1c344b!important;font-size:23px!important}
body:has(#mc-workspace) main>header small{color:#607586!important}
body:has(#mc-workspace) #status{background:#edf9e9!important;color:#28773a!important;border:1px solid #accdad!important;border-radius:4px!important}
body:has(#mc-workspace) .mc-enterprise-people,body:has(#mc-workspace) a[href="/photos"]{background:#eef4f9!important;color:#215c91!important;border:1px solid #cad8e5!important;border-radius:4px!important;text-decoration:none!important}
body:has(#mc-workspace) .toolbar{background:#f9fbfd!important;border-bottom:1px solid #d8e1ea!important;padding:9px 18px!important;gap:8px!important;flex-wrap:wrap}
body:has(#mc-workspace) .toolbar button,body:has(#mc-workspace) .mc-settings button{background:#fff!important;color:#2a5272!important;border:1px solid #c6d3df!important;padding:7px 10px!important}
body:has(#mc-workspace) .toolbar select{background:#fff!important;color:#263f56!important;border:1px solid #bfccd9!important}
body:has(#mc-workspace) #mc-tabs{background:#f3f6f9!important;border-bottom:1px solid #d8e0e7!important}
body:has(#mc-workspace) #mc-tabs .mc-tab{background:#f9fbfd!important;color:#486477!important;border-color:#d8e1ea!important}
body:has(#mc-workspace) #mc-tabs .mc-tab.selected{background:#fff!important;color:#235b34!important;border-color:#b0cbd8!important;box-shadow:inset 0 -3px #5e9e36!important}
body:has(#mc-workspace) #mc-topic{background:#f7f9fb!important;color:#66778a!important;border-color:#e0e8ed!important}
body:has(#mc-workspace) #messages{background:#fff!important;color:#23364a!important}
body:has(#mc-workspace) #messages .line{border-color:#e8edf2!important;color:#26384a!important}
body:has(#mc-workspace) #messages .line strong{color:#256f46!important}
body:has(#mc-workspace) #messages .line time{color:#718095!important}
body:has(#mc-workspace) #messages .line.system{color:#697b8c!important}
body:has(#mc-workspace) #mc-nicks{background:#f8fafc!important;border-left:1px solid #d7e1ea!important}
body:has(#mc-workspace) #mc-nick-list .mc-nick{color:#35485d!important;background:transparent!important}
body:has(#mc-workspace) #mc-nick-list .mc-nick:hover{background:#e5eef5!important;color:#205b7f!important}
body:has(#mc-workspace) #compose{background:#f7f9fb!important;border:1px solid #d5e0e9!important;box-shadow:none!important}
body:has(#mc-workspace) #compose button:last-of-type{background:#5f9e32!important;border:1px solid #4f852a!important;color:#fff!important}
body:has(#mc-workspace) #compose input{background:#fff!important;color:#283b4f!important}
body:has(#mc-workspace) main>footer{color:#758397!important;background:#f8fafc!important}
#mc-network-tabs{display:flex;align-items:stretch;gap:9px;padding:9px 16px 0;background:#eff3f7;border-bottom:1px solid #d5dfe8;min-width:0}
.mc-net-tab-scroll{display:flex;gap:4px;overflow-x:auto;min-width:0;flex:1;padding-bottom:9px;scrollbar-width:thin}
.mc-network-pill{display:flex;align-items:center;background:#e5ecf2;border:1px solid #cbd7e1;border-radius:4px;flex:none;max-width:230px;min-width:115px}
.mc-network-pill.active{background:#fff;border-color:#94b4cb;box-shadow:inset 0 3px #5c9e36!important}
.mc-network-select{display:flex;align-items:center;gap:7px;min-width:0;max-width:190px;padding:8px!important;border:0!important;background:transparent!important;color:#304c65!important;font-size:12px;font-weight:650}
.mc-network-select>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-net-state{display:inline-block;height:8px;width:8px;min-width:8px;border-radius:50%;background:#b7c3cd}
.mc-net-state.connected{background:#40984c}
.mc-net-unread:not([hidden]){display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#5f9e32;color:white;font-size:10px;border-radius:4px}
.mc-network-settings{padding:7px 8px!important;background:transparent!important;border:0!important;color:#60798b!important;font-size:18px}
.mc-net-tab-add{flex:none;align-self:flex-start;white-space:nowrap;border:1px solid #c7d7df!important;background:#fff!important;color:#215e87!important;font-size:12px;font-weight:650;padding:8px 12px!important}
.mc-net-settings-menu{position:fixed;z-index:10020;background:#fff;border:1px solid #c9d7e3;box-shadow:0 12px 30px #1e344638;padding:5px;display:grid;gap:2px;min-width:210px;border-radius:4px}
.mc-net-settings-menu button{text-align:left;background:#fff;color:#334c62;border:0;padding:10px 12px}
.mc-net-settings-menu button:hover{background:#edf4f9}
.mc-v03-menu{background:#fff!important;border:1px solid #c7d7e4!important;color:#263b4c!important;box-shadow:0 8px 26px #20394a40!important;border-radius:4px!important}
.mc-v03-menu button{color:#253e52!important;background:#fff!important;border-radius:3px!important}
.mc-v03-menu button:hover,.mc-v03-menu button:focus-visible{color:#174c83!important;background:#e9f2f9!important}
.mc-v03-more,.mc-v04-call-nick{background:#edf3f8!important;color:#336086!important;border:1px solid #d5e0e7!important}
.mc-v04-verified{background:#d6f0ca!important;color:#2a7035!important;border:1px solid #a6c999!important}
.mc-v04-photo{border-radius:4px!important}
#mc-photo-viewer{background:#fff;border:1px solid #c9d7e3;border-radius:5px;padding:14px;max-width:min(850px,96vw);max-height:92dvh;color:#263a4b}
#mc-photo-viewer::backdrop{background:#14293d98}
#mc-photo-viewer img{display:block;max-width:100%;max-height:78dvh;object-fit:contain;margin:auto}
#mc-photo-viewer button{display:block;margin:0 0 10px auto;border:1px solid #cbd8e2;background:#f1f5f9;color:#27475f}
/* Other pages share the same light enterprise surfaces and navigation. */
body:has(.topbar){background:#f5f7fa!important;color:#1d3143!important}
body:has(.topbar) .topbar{background:#fff!important;border-bottom:1px solid #d9e2eb!important}
body:has(.topbar) .wordmark,body:has(.topbar) .topbar nav a,body:has(.topbar) .topbar a{color:#2a475e!important}
body:has(.topbar) .hero h1,body:has(.topbar) .section h2,body:has(.topbar) .cta h2{color:#20374b!important}
body:has(.topbar) .hero p,body:has(.topbar) .section p,body:has(.topbar) .faq p,body:has(.topbar) .cta p{color:#5b6e80!important}
body:has(.topbar) .feature-card,body:has(.topbar) .cta{background:#fff!important;color:#2b4155!important;border:1px solid #dae3eb!important;border-radius:6px!important}
body:has(.topbar) .feature-card h3{color:#263d53!important}
body:has(.topbar) .feature-icon,body:has(.topbar) .mini-line{background:#edf7e7!important;color:#3d8128!important;border-color:#bfd6b3!important}
body:has(.topbar) .app-mock{background:#fff!important;border:1px solid #cbd9e3!important;box-shadow:0 16px 40px #21374920!important}
body:has(.topbar) .marquee{background:#eaf0f5!important;color:#3f627d!important;border-color:#d6e1eb!important}
body:has(.topbar) .topbar a.button,body:has(.topbar) .hero .button,body:has(.topbar) .cta a.button{background:#4f9030!important;color:#fff!important;border:1px solid #4f9030!important}
body:has(.topbar) .ghost{color:#27648a!important}
body:has(.topbar) footer{color:#65778a!important;border-color:#d6e0e8!important}
body:has(.topbar) .mc-photos-access{border:1px solid #b6cdd9!important;border-radius:4px!important;background:#fff!important;color:#326282!important;box-shadow:0 8px 20px #25374920}
body:has(.sidebar){background:#f4f6fa!important;color:#253a4b!important}
body:has(.sidebar) .sidebar{background:#edf2f7!important;border-color:#d3dfe8!important}
body:has(.sidebar) .logo,body:has(.sidebar) .sidebar a{color:#2c516a!important}
body:has(.sidebar) .side-section{color:#637a8e!important}
body:has(.sidebar) #nav button{background:#f8fafc!important;color:#325168!important;border:1px solid #cddbe6!important;text-align:left;border-radius:4px!important}
body:has(.sidebar) #nav button.active{background:#e2f2d8!important;color:#31642b!important;border-color:#a9caa1!important}
body:has(.sidebar) main{background:#f5f7fa!important}
body:has(.sidebar) main .top{background:#fff!important;border-color:#dae3eb!important}
body:has(.sidebar) .panel,body:has(.sidebar) .stats article{background:#fff!important;color:#2d4055!important;border-color:#d5dfe8!important}
body:has(.workspace):not(:has(#mc-workspace)){background:#f5f7fa!important;color:#26394b!important}
body:has(.workspace):not(:has(#mc-workspace)) .rail{background:#edf2f7!important;border-color:#d1dce5!important}
body:has(.workspace):not(:has(#mc-workspace)) .brand,body:has(.workspace):not(:has(#mc-workspace)) .rail a{color:#2c526d!important}
body:has(.workspace):not(:has(#mc-workspace)) .content,body:has(.workspace):not(:has(#mc-workspace)) .page-header{background:#f5f7fa!important;color:#243b50!important}
body:has(.workspace):not(:has(#mc-workspace)) .panel{background:#fff!important;border-color:#d9e2ea!important;color:#24394d!important;border-radius:6px!important}
body:has(.workspace):not(:has(#mc-workspace)) .panel h2,body:has(.workspace):not(:has(#mc-workspace)) h1,body:has(.workspace):not(:has(#mc-workspace)) h3{color:#243b50!important}
body:has(.workspace):not(:has(#mc-workspace)) .panel p,body:has(.workspace):not(:has(#mc-workspace)) .page-header p{color:#617489!important}
body:has(.workspace):not(:has(#mc-workspace)) .rail nav a,body:has(.workspace):not(:has(#mc-workspace)) a.outline{background:#fff!important;color:#2e5d7b!important;border:1px solid #d5e0e9!important;padding:10px 12px;text-decoration:none;border-radius:4px!important}
body:has(.workspace):not(:has(#mc-workspace)) .rail nav a.selected{background:#e5f2df!important;color:#336b31!important;border-color:#b8d6b0!important}
body:has(.workspace):not(:has(#mc-workspace)) button{border-radius:4px!important}
body:has(.workspace):not(:has(#mc-workspace)) .bubble{background:#f0f4f7!important;color:#304557!important}
body:has(.workspace):not(:has(#mc-workspace)) .bubble.own{background:#e3f2da!important;color:#28442b!important}
body:has(.header):not(:has(#mc-workspace)){background:#f5f7fa!important}
body:has(.header) .header,body:has(.header) header{background:#fff!important;border-color:#d6e1ea!important;color:#263d50!important}
body:has(.header) .page,body:has(.header) .card,body:has(.header) article{color:#2c4052!important}
body:has(.header) article,body:has(.header) .panel{background:#fff!important;border:1px solid #d6e1ea!important}
body:has(.header) .header nav a{background:#eff4f8!important;border:1px solid #d5e0e9!important;color:#2f5776!important;padding:8px 11px;border-radius:4px!important;text-decoration:none}
body:has(.tiers){background:#f5f7fa!important;color:#263b4d!important}
body:has(.tiers) header{background:#fff!important;border-color:#d6e1ea!important}
body:has(.tiers) .tiers article{background:#fff!important;border:1px solid #d6e0e7!important;border-radius:5px!important}
body:has(.tiers) .tiers strong{color:#5e9e37!important}
body:has(.tiers) .desc,body:has(.tiers) .tiers small,body:has(.tiers) .tiers span{color:#66788b!important}
body:has(.tiers) main{background:#f5f7fa!important}
/* Mobile: preserve drawer navigation and keep the new network tabs horizontally scrollable. */
@media(max-width:760px){
 body:has(#mc-workspace)>aside{width:min(300px,85vw)!important;background:#edf2f7!important}
 body:has(#mc-workspace) aside #networks{display:block!important}
 body:has(#mc-workspace) #mc-network-tabs{padding:7px 9px 0;gap:5px}
 .mc-network-pill{min-width:95px;max-width:160px}
 .mc-network-select{max-width:132px}
 .mc-net-tab-add{padding:7px 8px!important;font-size:11px}
 body:has(#mc-workspace) main>header{padding:9px 12px!important}
 body:has(.topbar) .topbar{background:#fff!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}