/* Product tint is independent of company selection; company keeps its own badge. */
html[data-mesha-product=mail]{--shell-accent:#b24979}html[data-mesha-product=recruit]{--shell-accent:#8250b8}html[data-mesha-product=artha]{--shell-accent:#267c70}html[data-mesha-product=catalog]{--shell-accent:#ae782b}html[data-mesha-product=agenda]{--shell-accent:#3d78b7}
html[data-mesha-product] .sidebar{background:color-mix(in srgb,var(--shell-accent) 9%,var(--k-sidebar,var(--sidebar,var(--surface,#f7f7f7))))!important;border-right:1px solid color-mix(in srgb,var(--shell-accent) 24%,var(--k-border,var(--line,var(--border,#ddd))))}
html[data-mesha-product] .sidebar .brand-mark,html[data-mesha-product] .sidebar .brand-icon{background:var(--shell-accent);color:#fff}html[data-mesha-product] .sidebar nav button.active,html[data-mesha-product] .sidebar .nav-link.active,html[data-mesha-product] .sidebar .nav-item.active{background:color-mix(in srgb,var(--shell-accent) 18%,var(--k-sidebar,var(--sidebar,var(--surface,#fff))))!important;color:var(--k-foreground,var(--text,var(--ink,#2e1135)))}
.ms-session{width:min(430px,calc(100vw - 32px));padding:34px;border:1px solid var(--k-border,var(--line,var(--border,#ddd)));border-radius:18px;background:var(--k-card,var(--surface,var(--paper,#fff)));color:var(--k-foreground,var(--text,var(--ink,#2e1135)));text-align:center;box-shadow:0 20px 80px #190c2a30;font:14px/1.6 Inter,Arial,sans-serif}.ms-session::backdrop{background:color-mix(in srgb,var(--shell-accent) 8%,#f5f5f5);backdrop-filter:blur(12px)}.ms-brand{display:block;font-size:30px;font-weight:800;letter-spacing:-1.5px}.ms-brand>span{color:#cb208e}.ms-session-icon{display:grid;place-items:center;width:56px;height:56px;margin:25px auto 18px;background:var(--shell-accent);color:#fff;font-size:25px;border-radius:16px}.ms-session h2{font-size:24px;margin:0 0 8px}.ms-session p{margin:8px 0 20px}.ms-session>button{display:block;width:100%;padding:13px 15px;border:0;border-radius:8px;background:var(--shell-accent);color:#fff;cursor:pointer;font:inherit;font-weight:600;margin:18px 0}.ms-session small{display:block;color:var(--muted,#746779);font-size:11px}.ms-session button:focus-visible{outline:3px solid var(--shell-accent);outline-offset:4px}.ms-bell{display:grid;place-items:center;width:36px;height:36px;padding:8px;border:0;border-radius:8px;background:none;color:inherit;cursor:pointer}.ms-bell:hover{background:var(--k-selected,var(--soft,#f0e6ff))}.ms-bell svg{width:18px;height:18px}.mu-actions .mu-logout,.account-menu-actions .mu-logout{border-top:1px solid var(--k-border,var(--line,var(--border,#ddd)));border-radius:0;margin-top:5px}
@media(max-width:700px){.top-actions,.topbar-right{gap:7px!important}.ms-bell{width:32px;height:32px}}
.ma-launch{width:36px;height:36px;border:0;border-radius:50%;background:none;display:grid;grid-template-columns:repeat(3,3px);grid-template-rows:repeat(3,3px);gap:3px;place-content:center;cursor:pointer;color:inherit;flex-shrink:0}.ma-launch i{width:3px;height:3px;background:currentColor;border-radius:50%}.ma-launch:hover{background:color-mix(in srgb,var(--shell-accent) 13%,transparent)}.ma-launch:focus-visible{outline:2px solid var(--shell-accent);outline-offset:3px}
.ma-panel{--ma-paper:var(--k-card,var(--surface,var(--paper,#fff)));--ma-ink:var(--k-foreground,var(--text,var(--ink,#2e1135)));position:fixed;inset:68px 18px auto auto;margin:0;width:390px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 88px);overflow:auto;padding:9px;border:1px solid color-mix(in srgb,var(--shell-accent) 13%,var(--ma-paper));border-radius:28px;color:var(--ma-ink);background:color-mix(in srgb,var(--shell-accent) 8%,var(--ma-paper));box-shadow:0 18px 65px #23102c26;font:14px/1.4 Inter,Arial,sans-serif;box-sizing:border-box}.ma-panel>header{display:flex;align-items:center;justify-content:space-between;padding:18px 15px 21px}.ma-panel header small{font-size:9px;letter-spacing:1.6px;font-weight:600;opacity:.6}.ma-panel h2{font-size:20px;letter-spacing:-.7px;margin:5px 0 0;font-weight:650}.ma-panel h2 span{color:#c3318b}.ma-panel header button{width:30px;height:30px;border:0;border-radius:50%;font-size:24px;color:inherit;background:transparent;cursor:pointer}.ma-panel header button:hover{background:var(--ma-paper)}.ma-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 5px;gap:8px 0;background:var(--ma-paper);border-radius:22px}.ma-tile{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:7px;position:relative;min-height:138px;padding:12px 4px 8px;border:0;border-radius:18px;background:none;text-decoration:none;color:inherit;font:inherit;text-align:center;cursor:pointer;transition:background .18s,transform .18s}.ma-tile:hover{background:color-mix(in srgb,var(--shell-accent) 9%,var(--ma-paper));transform:translateY(-2px)}.ma-tile:focus-visible{outline:2px solid var(--shell-accent);outline-offset:-2px}.ma-logo{display:block;width:58px;height:58px;filter:drop-shadow(0 5px 5px #33124113)}.ma-logo svg{display:block;width:100%;height:100%}.ma-tile strong{font-size:12px;font-weight:550;white-space:nowrap}.ma-tile small{font-size:9px;line-height:1.4;max-width:96px;opacity:.58;min-height:26px}.ma-tile.is-current small{opacity:1;color:var(--shell-accent);font-weight:600}.ma-tile.is-current:after{content:'';position:absolute;top:15px;right:21px;width:7px;height:7px;border:2px solid var(--ma-paper);border-radius:50%;background:var(--shell-accent)}.ma-tile:disabled{cursor:default;opacity:.6;transform:none}.ma-panel>footer{display:flex;align-items:center;justify-content:center;gap:7px;padding:18px 12px 10px;font-size:11px;opacity:.65}.ma-connected{width:5px;height:5px;background:var(--shell-accent);border-radius:50%}
@media(prefers-reduced-motion:reduce){.ma-tile{transition:none}}@media(max-width:450px){.ma-panel{right:12px;top:64px}.ma-tile{min-height:130px}.ma-panel h2{font-size:19px}}



/* Shared sidebar geometry across all Mesha prototypes. */
html[data-mesha-product] .sidebar{width:268px;padding:29px 16px 0;gap:0}
html[data-mesha-product] .sidebar > .brand{height:40px;min-height:40px;flex-shrink:0;margin:0 0 30px;padding:0 12px;font-size:31px;line-height:40px;letter-spacing:-1.7px;gap:0}
html[data-mesha-product] .sidebar .brand-mark,html[data-mesha-product] .sidebar .brand-icon{display:grid;place-items:center;width:35px;height:36px;min-width:35px;margin:0 9px 0 0;border-radius:9px;font-size:29px;line-height:36px;letter-spacing:-1px}
html[data-mesha-product] .sidebar .nav-label,html[data-mesha-product] .sidebar .side-scroll > .eyebrow{margin:0 0 12px;padding:0 12px;font-size:11px;font-weight:650;letter-spacing:1.3px;line-height:18px}
html[data-mesha-product] .sidebar nav{display:flex;flex-direction:column;gap:4px;margin:0;padding:0}
html[data-mesha-product] .sidebar nav > button,html[data-mesha-product] .sidebar nav > a{display:flex;align-items:center;gap:11px;box-sizing:border-box;width:100%;height:44px;min-height:44px;margin:0;padding:10px 12px;border-radius:8px;font-size:14px;line-height:20px}
html[data-mesha-product] .sidebar nav > button > svg,html[data-mesha-product] .sidebar nav > a > svg{width:19px;height:19px;flex-shrink:0}
html[data-mesha-product=mail] .sidebar .compose-button{margin:0 0 24px;min-height:44px}
html[data-mesha-product=mail] .sidebar .mobile-close{position:absolute;right:16px;top:34px}
@media(min-width:701px){html[data-mesha-product=mail] .main-shell{margin-left:268px}}
@media(min-width:761px){html[data-mesha-product=recruit] .main,html[data-mesha-product=recruit] .main-shell,html[data-mesha-product=artha] .workspace-main,html[data-mesha-product=catalog] .app > .main{margin-left:268px}}
@media(min-width:851px){html[data-mesha-product=agenda] .app{margin-left:268px}}