/* Inset navigation and header; square architecture, round people only. */
[data-workspace=floating] .shell{display:block;padding:16px;min-height:100dvh}
[data-workspace=floating] .main{margin-left:236px;min-width:0;width:auto}
[data-workspace=floating] .sidebar{position:fixed;inset:16px auto 16px 16px;width:220px;height:calc(100dvh - 32px);padding:22px 12px 16px;border:1px solid var(--line);z-index:40;overflow:auto;box-shadow:0 8px 26px #0000000c}
[data-workspace=floating] .brand{padding:0 10px 24px;min-height:48px;height:auto;overflow:visible}
[data-workspace=floating] .brand img{width:108px}
[data-workspace=floating] .brand>span{display:block}
[data-workspace=floating] .sidebar nav{display:block;overflow:visible;padding:0}
[data-workspace=floating] .sidebar .nav-btn{display:flex;justify-content:flex-start;width:100%;min-width:0;min-height:42px;margin-bottom:2px;padding:9px 10px;font-size:12px;gap:10px}
[data-workspace=floating] .sidebar .nav-btn>span{display:inline!important}
[data-workspace=floating] .sidebar .nav-btn svg{width:17px;height:17px}
[data-workspace=floating] .nav-label{display:block;padding:22px 10px 10px}
[data-workspace=floating] .sidebar-bottom{display:block;margin-top:auto;padding-top:22px}
[data-workspace=floating] .sidebar .user{display:flex;padding:17px 8px 0}
[data-workspace=floating] .mobile-nav{display:none}
[data-workspace=floating] .topbar{height:64px;position:sticky;top:16px;z-index:30;padding:0 18px;gap:16px;border:1px solid var(--line);box-shadow:0 5px 20px #00000005}
[data-workspace=floating] .content{padding:26px 0 0}
[data-workspace=floating] .workspace-footer{margin:24px 0 0;padding:12px 16px}
[data-workspace=floating] .navigation-toggle{flex:none;background:var(--surface-alt);border:1px solid var(--line)}
[data-workspace=floating] .navigation-close{display:none}
[data-workspace=floating][data-navigation=closed] .sidebar{display:none}
[data-workspace=floating][data-navigation=closed] .main{margin-left:0}
[data-workspace=floating][data-navigation=closed] .navigation-toggle svg{transform:rotate(180deg)}
.navigation-scrim{position:fixed;inset:0;border:0;background:#10141066;z-index:35}
.navigation-drawer-open{overflow:hidden}
[data-workspace=floating][data-appearance=glass] .sidebar,[data-workspace=floating][data-appearance=glass] .topbar{border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}
[data-appearance=classic] .sidebar{background:var(--surface);color:var(--ink)}
[data-appearance=classic] .sidebar .nav-btn{color:var(--muted);background:transparent;border:1px solid transparent}
[data-appearance=classic] .sidebar .nav-btn:hover{background:var(--surface-alt);color:var(--ink)}
[data-appearance=classic] .sidebar .nav-btn.active{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}
[data-appearance=classic] .nav-label,[data-appearance=classic] .brand>span,[data-appearance=classic] .user small{color:var(--muted)}
[data-appearance=classic] .user{border-color:var(--line)}
[data-appearance=classic] .sidebar .avatar,[data-appearance=classic] .sidebar .count{background:var(--accent-soft);color:var(--accent)}
[data-appearance=classic] .sidebar button:focus-visible{outline-color:var(--accent)}
[data-appearance=classic] .activity-chart,[data-appearance=classic] .spark-bars{color:var(--accent)}
[data-appearance=classic] .spark-bars>i{background:var(--accent)}
.classic-help{margin:16px 0 0}

/* Conversations, dialogue, context: independent panels share one alignment. */
.messenger{display:grid;grid-template-columns:240px minmax(280px,1fr) 260px;gap:14px;align-items:stretch;height:calc(100dvh - 206px);min-height:510px}
.messenger .panel{min-width:0;margin:0}
.message-contacts{display:flex;flex-direction:column;overflow:hidden}
.message-list-head{padding:19px 16px 16px;border-bottom:1px solid var(--line)}
.message-list-head h2{font-size:14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.message-list-head h2>span{color:var(--muted);font-size:12px;font-weight:400}
.message-list-head .segmented{display:flex;width:100%}.message-list-head .segmented button{flex:1;justify-content:center;padding:5px}
.message-contacts-scroll{overflow:auto;min-height:0;flex:1}
.message-contact{position:relative;display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;padding:17px 13px;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent}
.message-contact:hover{background:var(--surface-alt)}.message-contact.selected{background:var(--accent-soft);border-left-color:var(--accent)}
.message-contact-copy{min-width:0;flex:1}.message-contact strong{font-size:12px;font-weight:600;display:block;padding-right:5px}
.message-snippet{font-size:11px;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.55;margin:5px 0}
.message-contact small{display:block;font-size:10px;color:var(--muted)}
.unread-indicator{position:absolute;top:21px;right:9px;width:6px;height:6px;background:var(--accent);border-radius:50%!important}
.messenger .avatar,.profile-drawer .avatar{border-radius:50%!important;background:var(--avatar-bg);color:var(--ink);width:33px;height:33px;font-size:11px}
.message-conversation{display:flex;flex-direction:column;overflow:hidden}
.message-conversation-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:77px}
.message-conversation-head .name-cell{min-width:0;flex:1}.message-conversation-head strong{font-size:14px}.message-conversation-head small{font-size:11px}
.message-history{overflow:auto;min-height:160px;flex:1;padding:20px;display:flex;flex-direction:column;gap:24px;scrollbar-gutter:stable}
.message-history-note{text-align:center;color:var(--muted);font-size:10px;padding:0 0 8px}
.message-line{display:flex;gap:9px;max-width:94%;align-items:flex-end;flex-shrink:0}
.message-line.outgoing{flex-direction:row-reverse;align-self:flex-end}.message-line .message-avatar{width:26px;height:26px;font-size:9px;margin-bottom:22px}
.message-content{min-width:0;flex:1}.message-author{display:block;font-size:10px;color:var(--muted);margin:0 0 5px 2px}.outgoing .message-author{text-align:right;margin-right:2px}
.message-bubble{padding:14px 16px;border:1px solid var(--line);background:var(--surface-alt);color:var(--ink);overflow-wrap:anywhere;line-height:1.7;font-size:13px}
.message-bubble p{white-space:pre-wrap}.message-subject{display:block;font-size:12px;margin-bottom:8px}
.outgoing .message-bubble{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.message-stamp{display:block;font-size:9px;color:var(--muted);margin:6px 2px 0;line-height:1.5}.outgoing .message-stamp{text-align:right}
.message-reply{padding:15px 18px;border-top:1px solid var(--line);display:grid;gap:10px;flex-shrink:0}
.reply-heading{display:flex;align-items:center;gap:12px}.reply-heading label{font-size:11px;margin:0;color:var(--muted)}.reply-heading select{font-size:11px;min-height:30px;padding:4px 24px 4px 8px}
.message-reply #reply-subject{font-size:12px;min-height:32px;width:100%}.message-reply textarea{font-size:13px;min-height:78px;max-height:180px;resize:vertical}
.reply-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.reply-footer small{font-size:10px;line-height:1.5}.reply-footer .btn{font-size:11px;flex-shrink:0}
.message-person{overflow:auto}.message-person-heading{padding:19px 20px;border-bottom:1px solid var(--line)}.message-person-heading h2{font-size:13px}
.message-profile{padding:20px}.message-profile-identity{text-align:center;margin-bottom:22px}.message-profile-identity .avatar{width:54px;height:54px;font-size:17px}.message-profile h2{font-size:17px;margin:13px 0 4px}.message-profile-identity p{font-size:11px;color:var(--muted);margin-bottom:10px}.message-profile .badge{font-size:10px;white-space:normal}
.message-profile-fields{margin:0;display:grid;gap:13px}.message-profile-fields .info-pair{margin:0}.message-profile-fields dt{font-size:10px;color:var(--muted);margin-bottom:3px}.message-profile-fields dd{font-size:12px;margin:0;overflow-wrap:anywhere}
.message-profile section{padding:18px 0 0;margin-top:18px;border-top:1px solid var(--line)}.message-profile h3{font-size:11px;margin-bottom:8px}.message-profile section p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.message-profile small{font-size:10px;display:block;margin-top:6px}.message-profile .inline-link{font-size:11px;margin-top:8px}.message-profile>.btn{margin-top:20px;width:100%;font-size:11px}.blocked-contact{color:var(--red)}
.conversation-back{display:none}
.profile-drawer.modal{position:fixed;right:16px;top:16px;bottom:16px;height:calc(100dvh - 32px);max-height:none;width:min(360px,calc(100vw - 32px));max-width:none;box-shadow:0 16px 70px #0004}
.profile-drawer .modal-body{padding:0}.profile-drawer .message-profile{padding:24px}
@media(min-width:1600px){.messenger{grid-template-columns:270px minmax(320px,1fr) 290px;gap:18px}.message-history{padding:26px}.message-line{max-width:85%}}
@media(max-width:1230px){.messenger{grid-template-columns:220px minmax(0,1fr)}.message-person{display:none}.message-conversation-head{padding:16px}.message-line{max-width:97%}[data-workspace=floating] .breadcrumb{display:none}}
@media(max-width:960px){[data-workspace=floating] .topbar{padding:0 12px;gap:10px}[data-workspace=floating] .search{min-width:70px;flex:1}[data-workspace=floating] .top-meta{gap:6px}[data-workspace=floating] .review-pill{display:none}.messenger{grid-template-columns:190px minmax(0,1fr);gap:10px}.message-contact{padding:15px 10px}.message-contact .avatar{display:none}.message-reply{padding:14px}.message-history{padding:16px}.reply-footer{flex-wrap:wrap}}
@media(max-width:760px){
 [data-workspace=floating] .shell{padding:10px}
 [data-workspace=floating] .main{margin-left:0}
 [data-workspace=floating] .sidebar{inset:10px auto 10px 10px;width:min(270px,calc(100vw - 48px));height:calc(100dvh - 20px);z-index:60;padding:22px 14px}
 [data-workspace=floating] .sidebar .brand{padding-right:40px;justify-content:flex-start;gap:10px}
 [data-workspace=floating] .sidebar .brand>span{display:none}
 [data-workspace=floating] .navigation-close{display:flex;position:absolute;top:17px;right:13px}
 [data-workspace=floating] .topbar{top:10px;height:58px;padding:0 10px;gap:8px}
 [data-workspace=floating] .top-meta{gap:4px;margin-left:auto}
 [data-workspace=floating] .top-meta select{display:block!important;max-width:75px;padding:5px;font-size:11px}
 [data-workspace=floating] .search{margin:0;min-width:0}.search input{width:100%!important;min-width:0;font-size:11px!important}
 [data-workspace=floating] .search kbd{display:none}
 [data-workspace=floating] .content{padding:22px 0 0}
 [data-workspace=floating] .navigation-toggle,[data-workspace=floating] .top-meta .icon-btn{width:30px;min-height:32px;padding:5px}
 .messenger{display:block;min-height:0;height:calc(100dvh - 166px)}
 .message-contacts{height:100%}.message-contact .avatar{display:flex}.message-contact{padding:18px 16px;gap:13px}.message-contact strong{font-size:14px}.message-snippet{font-size:12px}.message-contact small{font-size:11px}
 .message-conversation{display:none;height:100%}.show-conversation .message-conversation{display:flex}.show-conversation .message-contacts{display:none}
 .message-conversation-head{min-height:64px;padding:12px}.message-conversation-head .avatar{width:30px;height:30px}.message-conversation-head strong{font-size:13px}.message-conversation-head small{font-size:10px}
 .conversation-back{display:inline-flex;width:28px;padding:4px}.conversation-back svg{transform:rotate(180deg)}
 .message-history{padding:16px 12px;gap:22px}.message-line{max-width:97%}.message-bubble{padding:12px;font-size:12px}.message-line .message-avatar{width:23px;height:23px;flex-basis:23px;font-size:8px}.message-stamp{font-size:9px}
 .message-reply{padding:12px;gap:8px}.message-reply textarea{min-height:64px;max-height:130px;font-size:16px}.message-reply #reply-subject{font-size:16px}.reply-footer{flex-wrap:nowrap;gap:6px}.reply-footer small{font-size:9px}.reply-footer .btn{padding:6px 8px;font-size:10px}
}

/* Solid Classic palettes are independent of the saved Glass palette. */
[data-appearance=classic][data-palette=forest][data-theme=light]{--ink:#15251c;--muted:#56625a;--accent:#294d35;--blue:#294d35;--green:#205432;--success:#205432;--paper:#ebf0e6;--bg:#ebf0e6;--surface:#fcfefb;--surface-alt:#f6fbf3;--accent-soft:#e0ebda;--avatar-bg:#e0ebda;--line:#d7dbd7;--control:#8f9892;--on-accent:#fffdf8;--success-bg:#e8f1e7;--green-soft:#e8f1e7;--glass-solid:#fcfefb;}
[data-appearance=classic][data-palette=forest][data-theme=dark]{--ink:#f3faed;--muted:#b7c1b5;--accent:#c1ddb4;--blue:#c1ddb4;--green:#b7e5bb;--success:#b7e5bb;--paper:#0c1d14;--bg:#0c1d14;--surface:#1d3026;--surface-alt:#18271f;--accent-soft:#314636;--avatar-bg:#314636;--line:#3f5046;--control:#828f84;--on-accent:#211f1b;--success-bg:#253d2a;--green-soft:#253d2a;--glass-solid:#1d3026;}
[data-appearance=classic][data-palette=sand][data-theme=light]{--ink:#292319;--muted:#656058;--accent:#6b4b19;--blue:#6b4b19;--green:#2d522c;--success:#2d522c;--paper:#f4f0e3;--bg:#f4f0e3;--surface:#fffefa;--surface-alt:#fffbf0;--accent-soft:#efe3cb;--avatar-bg:#efe3cb;--line:#dddbd6;--control:#9a9790;--on-accent:#fffdf8;--success-bg:#e8f1e7;--green-soft:#e8f1e7;--glass-solid:#fffefa;}
[data-appearance=classic][data-palette=sand][data-theme=dark]{--ink:#fff8e9;--muted:#c6bfb1;--accent:#efd69c;--blue:#efd69c;--green:#c8dfa9;--success:#c8dfa9;--paper:#201910;--bg:#201910;--surface:#342b21;--surface-alt:#2b231b;--accent-soft:#4d4130;--avatar-bg:#4d4130;--line:#544c41;--control:#938b7f;--on-accent:#211f1b;--success-bg:#253d2a;--green-soft:#253d2a;--glass-solid:#342b21;}
[data-appearance=classic][data-palette=plum][data-theme=light]{--ink:#261e2b;--muted:#625c66;--accent:#60456e;--blue:#60456e;--green:#2b5238;--success:#2b5238;--paper:#f2edf1;--bg:#f2edf1;--surface:#fefcfe;--surface-alt:#fdf8fd;--accent-soft:#e6d9ec;--avatar-bg:#e6d9ec;--line:#dbd8dc;--control:#98949b;--on-accent:#fffdf8;--success-bg:#e8f1e7;--green-soft:#e8f1e7;--glass-solid:#fefcfe;}
[data-appearance=classic][data-palette=plum][data-theme=dark]{--ink:#fff4ff;--muted:#c6bbc6;--accent:#e4c5ed;--blue:#e4c5ed;--green:#c1e4bf;--success:#c1e4bf;--paper:#1d141f;--bg:#1d141f;--surface:#322735;--surface-alt:#29202b;--accent-soft:#493b4d;--avatar-bg:#493b4d;--line:#534855;--control:#928794;--on-accent:#211f1b;--success-bg:#253d2a;--green-soft:#253d2a;--glass-solid:#322735;}
[data-appearance=classic][data-palette=copper][data-theme=light]{--ink:#2c211c;--muted:#675e5a;--accent:#814728;--blue:#814728;--green:#2e5231;--success:#2e5231;--paper:#f4ece3;--bg:#f4ece3;--surface:#fffcfa;--surface-alt:#fff7f0;--accent-soft:#f3dac8;--avatar-bg:#f3dac8;--line:#ddd9d6;--control:#9c9592;--on-accent:#fffdf8;--success-bg:#e8f1e7;--green-soft:#e8f1e7;--glass-solid:#fffcfa;}
[data-appearance=classic][data-palette=copper][data-theme=dark]{--ink:#fff5eb;--muted:#c8bcb4;--accent:#f4c6a7;--blue:#f4c6a7;--green:#d1e4b0;--success:#d1e4b0;--paper:#201611;--bg:#201611;--surface:#392b25;--surface-alt:#2f231e;--accent-soft:#533f35;--avatar-bg:#533f35;--line:#594b45;--control:#968a82;--on-accent:#211f1b;--success-bg:#253d2a;--green-soft:#253d2a;--glass-solid:#392b25;}
[data-appearance=classic][data-palette=slate][data-theme=light]{--ink:#1b2427;--muted:#5a6163;--accent:#3a5159;--blue:#3a5159;--green:#27523c;--success:#27523c;--paper:#ecf0ef;--bg:#ecf0ef;--surface:#fcfefe;--surface-alt:#f7fbfb;--accent-soft:#dae6e7;--avatar-bg:#dae6e7;--line:#d8dbdc;--control:#929899;--on-accent:#fffdf8;--success-bg:#e8f1e7;--green-soft:#e8f1e7;--glass-solid:#fcfefe;}
[data-appearance=classic][data-palette=slate][data-theme=dark]{--ink:#f4f9f7;--muted:#bbc1c0;--accent:#d2e6e2;--blue:#d2e6e2;--green:#bbe4cc;--success:#bbe4cc;--paper:#131919;--bg:#131919;--surface:#273031;--surface-alt:#202728;--accent-soft:#3c4748;--avatar-bg:#3c4748;--line:#485051;--control:#878e8e;--on-accent:#211f1b;--success-bg:#253d2a;--green-soft:#253d2a;--glass-solid:#273031;}
[data-appearance=classic][data-palette=graphite][data-theme=light]{--ink:#20211d;--muted:#5e5f5c;--accent:#3c4432;--blue:#3c4432;--green:#36522e;--success:#36522e;--paper:#f3f3f0;--bg:#f3f3f0;--surface:#fefefe;--surface-alt:#fdfdfb;--accent-soft:#e7eada;--avatar-bg:#e7eada;--line:#dadbda;--control:#969694;--on-accent:#fffdf8;--success-bg:#e8f1e7;--green-soft:#e8f1e7;--glass-solid:#fefefe;}
[data-appearance=classic][data-palette=graphite][data-theme=dark]{--ink:#fffdf5;--muted:#c4c3bb;--accent:#e5e5cf;--blue:#e5e5cf;--green:#c8df9f;--success:#c8df9f;--paper:#121411;--bg:#121411;--surface:#2c2d27;--surface-alt:#242520;--accent-soft:#3f4136;--avatar-bg:#3f4136;--line:#4e4e48;--control:#8f8f88;--on-accent:#211f1b;--success-bg:#253d2a;--green-soft:#253d2a;--glass-solid:#2c2d27;}

[data-appearance=classic] .btn.primary,[data-appearance=classic][data-theme=dark] .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
[data-appearance=classic] .btn.primary:hover{background:var(--accent);border-color:var(--accent);text-decoration:underline;text-underline-offset:3px}
[data-appearance=classic] .classic-thumb{background:var(--paper)}[data-appearance=classic] .classic-thumb i{background:var(--accent)}[data-appearance=classic] .classic-thumb b{background:var(--surface)}
/* The header occupies its own row. Scrolling content never passes behind its glass. */
[data-workspace=floating] .main{height:calc(100dvh - 32px);display:grid;grid-template-rows:64px minmax(0,1fr) auto;overflow:hidden}
[data-workspace=floating] .topbar{position:relative;top:0}
[data-workspace=floating] .content{overflow:auto;scrollbar-gutter:stable;min-height:0;min-width:0;margin:0;width:100%;height:100%;max-height:100%;max-width:none;align-self:stretch;padding-bottom:28px;scroll-padding-block:20px}
[data-workspace=floating] .workspace-footer{margin:12px 0 0}
[data-workspace=floating] .messenger{height:calc(100dvh - 235px)}
@media(max-width:760px){[data-workspace=floating] .main{height:calc(100dvh - 20px);grid-template-rows:58px minmax(0,1fr) auto}[data-workspace=floating] .topbar{top:0}[data-workspace=floating] .workspace-footer{display:none}[data-workspace=floating] .messenger{height:calc(100dvh - 170px)}}
/* Keep Settings and the personal profile reachable on shorter screens. */
[data-workspace=floating] .sidebar{display:flex;flex-direction:column;overflow:hidden}
[data-workspace=floating] .sidebar .brand{flex-shrink:0}
[data-workspace=floating] .sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
[data-workspace=floating] .sidebar-bottom{flex-shrink:0;margin-top:0;padding-top:12px}