:root {
    --mk-bg: #f4f5f2;
    --mk-card: #fff;
    --mk-line: #dce1df;
    --mk-text: #172731;
    --mk-muted: #67777f;
    --mk-primary: #0b7f87;
    --mk-primary-dark: #075f66;
    --mk-radius: 10px;
    --mk-shadow: 0 8px 22px rgba(24,43,54,.055);
}

.marketing-admin {
    background: var(--mk-bg);
    color: var(--mk-text);
    font-family: "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
    font-size: 14px;
    overflow-x: clip;
}

.mk-shell { width:100%; max-width:none; margin-left:0; margin-right:0; }
.mk-topbar { margin: 20px 0 24px; }
.mk-topbar h1 { font-size: 34px; font-weight: 720; letter-spacing: -.035em; }
.mk-eyebrow { color:#638089;letter-spacing:.13em; }

.mk-admin-global-actions {
    min-height: 72px;
    border-bottom-color: #d9e0df;
    background: rgba(255,255,255,.97);
    box-shadow: 0 3px 12px rgba(24,43,54,.055);
    backdrop-filter: none;
}
.mk-global-brand-mark {
    border-radius: 8px;
    background: #123645;
    box-shadow: none;
}
.mk-global-brand strong { font-size:18px; }
.mk-global-nav-link {
    border-radius: 7px;
    color:#52656e;
    transition:background-color .14s ease,color .14s ease,border-color .14s ease;
}
.mk-global-nav-link:hover { transform:none;border-color:#d5dfde;background:#f6f8f7;color:#0a737a; }
.mk-global-nav-link.is-active {
    border-color:#bad9d7;
    background:#eaf4f3;
    box-shadow:none;
}
.mk-global-nav-link.is-active:after { height:2px;background:#0c8d94; }
.mk-global-logout { border-radius:7px;box-shadow:none; }

.mk-credit-context-bar {
    border-bottom-color:#d6dfdf;
    background:#eef4f3;
    box-shadow:none;
}
.mk-credit-context-icon { border-radius:8px!important;background:#173f4d!important;box-shadow:none!important; }
.mk-credit-context-link,.mk-credit-context-cost { border-radius:7px!important;box-shadow:none!important; }

.mk-card {
    border-color:#dce1df;
    border-radius:10px;
    box-shadow:var(--mk-shadow);
}
.mk-card h2 { color:#19303b;font-weight:700;letter-spacing:-.015em; }
.mk-button { border-radius:7px;box-shadow:none; }
.mk-button-primary { background:#0b7f87;border-color:#0b7f87; }
.mk-button-primary:hover { background:#075f66;border-color:#075f66; }
.mk-badge { border-radius:4px;font-size:10px;letter-spacing:.055em; }
.mk-alert { border-radius:7px; }

.mk-channel-strip { gap:10px; }
.mk-channel-strip>a {
    min-height:82px;
    border-color:#d9e0df;
    border-radius:9px;
    box-shadow:none;
}
.mk-channel-strip>a:hover { border-color:#a9cbc8;background:#fbfdfc; }
.mk-channel-strip>a.is-active { border-color:#0e8f96;box-shadow:inset 0 0 0 1px #0e8f96; }
.mk-channel-filter-icon { border-radius:6px; }
.mk-channel-strip>a.is-active .mk-channel-filter-icon { background:#126f77;box-shadow:none; }

.mk-message-filter-group {
    border-radius:9px!important;
    box-shadow:none!important;
}
.mk-message-filter-group a { border-radius:5px!important; }
.mk-message-search input { border-radius:7px!important; }
.mk-inbox-layout { gap:14px; }
.mk-inbox-list { min-width:0;border-radius:10px; }

/* One palette per channel, shared by the message and its optional checkbox. */
.mk-inbox-list .mk-message-select-row,
.mk-inbox-list .mk-message-row {
    --mk-channel-bg:#f7fafb;
    --mk-channel-hover:#edf3f5;
    --mk-channel-selected:#e1ebef;
    --mk-channel-ink:#345769;
}
.mk-inbox-list .mk-channel-email,
.mk-inbox-list .mk-message-select-row:has(> .mk-channel-email) {
    --mk-channel-bg:#f0f6ff;--mk-channel-hover:#e6efff;--mk-channel-selected:#dce9ff;--mk-channel-ink:#2454a4;
}
.mk-inbox-list .mk-channel-sms,
.mk-inbox-list .mk-message-select-row:has(> .mk-channel-sms) {
    --mk-channel-bg:#fff8e7;--mk-channel-hover:#fff1d2;--mk-channel-selected:#ffebbd;--mk-channel-ink:#8a5400;
}
.mk-inbox-list .mk-channel-slack,
.mk-inbox-list .mk-message-select-row:has(> .mk-channel-slack) {
    --mk-channel-bg:#f7f0ff;--mk-channel-hover:#f0e5ff;--mk-channel-selected:#e9d8ff;--mk-channel-ink:#6b3798;
}
.mk-inbox-list .mk-channel-webchat,
.mk-inbox-list .mk-message-select-row:has(> .mk-channel-webchat) {
    --mk-channel-bg:#fff1f7;--mk-channel-hover:#ffe6f1;--mk-channel-selected:#ffd8e9;--mk-channel-ink:#963564;
}
.mk-inbox-list .mk-channel-whatsapp,
.mk-inbox-list .mk-message-select-row:has(> .mk-channel-whatsapp) {
    --mk-channel-bg:#edf9f1;--mk-channel-hover:#e0f4e7;--mk-channel-selected:#d1eddb;--mk-channel-ink:#20663a;
}
.mk-inbox-list .mk-channel-messenger,
.mk-inbox-list .mk-message-select-row:has(> .mk-channel-messenger) {
    --mk-channel-bg:#edfaff;--mk-channel-hover:#dff4ff;--mk-channel-selected:#cdefff;--mk-channel-ink:#005f86;
}
.mk-inbox-list .mk-channel-linkedin,
.mk-inbox-list .mk-message-select-row:has(> .mk-channel-linkedin) {
    --mk-channel-bg:#eef6ff;--mk-channel-hover:#e1efff;--mk-channel-selected:#d2e7ff;--mk-channel-ink:#075a9c;
}
.mk-inbox-list .mk-message-select-row { background:var(--mk-channel-bg); }
.mk-inbox-list .mk-message-select-row > .mk-message-check { grid-column:1;grid-row:1; }
.mk-inbox-list .mk-message-select-row > .mk-message-row { grid-column:2;grid-row:1; }
/* Responded messages have no checkbox: occupy both tracks instead of the 42px track. */
.mk-inbox-list .mk-message-select-row > .mk-message-row:only-child { grid-column:1 / -1; }
.mk-inbox-list .mk-message-row {
    grid-template-columns:40px minmax(0,1fr) max-content;
    align-items:start;
    min-width:0;
    width:100%;
    padding:15px 17px;
    border-left:3px solid var(--mk-channel-ink);
    background:var(--mk-channel-bg);
    color:#203642;
}
.mk-inbox-list .mk-message-row:hover { background:var(--mk-channel-hover); }
.mk-inbox-list .mk-message-row.is-selected {
    background:var(--mk-channel-selected);
    box-shadow:inset 0 0 0 2px var(--mk-channel-ink);
}
.mk-inbox-list .mk-message-row:focus-visible {
    outline:3px solid var(--mk-channel-ink);
    outline-offset:-3px;
}
.mk-inbox-list .mk-message-row > span:not(.mk-message-avatar) {
    grid-column:2;
    grid-row:1;
    min-width:0;
    overflow-wrap:anywhere;
}
.mk-inbox-list .mk-message-avatar {
    grid-column:1;
    grid-row:1;
    border-radius:8px;
    background:var(--mk-channel-ink)!important;
    box-shadow:none!important;
}
.mk-inbox-list .mk-message-row em {
    display:inline-block;
    width:auto;
    max-width:100%;
    padding:0;
    background:transparent!important;
    font-size:10px;
    letter-spacing:.035em;
    color:var(--mk-channel-ink);
}
.mk-inbox-list .mk-message-row small { margin-top:5px;line-height:1.5;color:#4c6170; }
.mk-inbox-list .mk-message-row time { grid-column:3;grid-row:1;color:#4c6170; }
.mk-inbox-list .mk-message-row.is-today time { font-weight:700; }
.mk-inbox-list .mk-message-select-row .mk-message-check { background:var(--mk-channel-bg); }
.mk-inbox-list .mk-message-select-row .mk-message-check:hover { background:var(--mk-channel-hover)!important; }
.mk-inbox-list .mk-message-check input { accent-color:var(--mk-channel-ink); }
@media (max-width:620px) {
    .mk-inbox-list .mk-message-row {
        grid-template-columns:32px minmax(0,1fr);
        column-gap:10px;
        row-gap:5px;
        padding:12px;
    }
    .mk-inbox-list .mk-message-avatar { width:32px;height:32px; }
    .mk-inbox-list .mk-message-row time { grid-column:2;grid-row:2; }
}
.mk-message-detail { border-radius:10px; }
.mk-detail-empty span { display:grid;width:42px;height:42px;margin:0 auto 14px;border:1px solid #9fcfcd;border-radius:50%;font-size:0; }
.mk-detail-empty span:before { content:"";width:12px;height:12px;margin:auto;border:2px solid #0c8d94;border-radius:50%; }
.mk-ai-summary,.mk-original-message,.mk-draft-preview,.mk-email-reply textarea { border-radius:7px; }
.mk-detail-actions { border-radius:8px;box-shadow:0 10px 24px rgba(24,43,54,.12); }

.mk-settings-panel {
    border-color:#d9dfde!important;
    border-radius:9px!important;
    box-shadow:none!important;
}
.mk-settings-panel>summary { min-height:78px!important;padding:15px 18px!important; }
.mk-settings-panel[open] { box-shadow:0 10px 25px rgba(24,43,54,.06)!important; }
.mk-settings-panel-icon { border-radius:7px!important; }
.mk-settings-chevron { border-radius:5px!important; }

.mk-company-list { gap:10px!important; }
.mk-company-card {
    min-height:82px;
    border-color:#d9dfde!important;
    border-radius:9px!important;
    box-shadow:none!important;
}
.mk-company-card:hover { border-color:#9fc8c6!important;box-shadow:0 8px 18px rgba(24,43,54,.06)!important;transform:none!important; }
.mk-company-initials { border-radius:7px!important;background:#186f78!important;box-shadow:none!important; }

.mk-platform-assistant-launch {
    min-height:48px;
    border:1px solid #c9d9da;
    border-radius:25px;
    background:#fff;
    color:#17404c;
    box-shadow:0 10px 28px rgba(24,43,54,.16);
}
.mk-platform-assistant-launch>span { border-color:#b9d7d9;background:#eaf4f3; }
.mk-platform-assistant-panel { border-radius:12px;box-shadow:0 24px 65px rgba(20,39,51,.23); }
.mk-platform-assistant-panel>header { background:#153c4a; }
.mk-platform-assistant-message,.mk-platform-assistant-form textarea { border-radius:8px; }
.mk-platform-assistant-suggestions button { border-radius:5px; }

.mk-commercial-auth { background:#edece7; }
.mk-commercial-auth-shell { grid-template-columns:minmax(450px,1fr) minmax(470px,.86fr); }
.mk-auth-story {
    isolation:isolate;
    background:#102b3a;
}
.mk-auth-story:before {
    z-index:1;
    background:linear-gradient(90deg,rgba(7,28,40,.96) 0%,rgba(7,28,40,.82) 42%,rgba(7,28,40,.22) 100%),linear-gradient(0deg,rgba(7,28,40,.56),transparent 55%);
    opacity:1;
}
.mk-auth-story:after,.mk-auth-story-orbit { display:none; }
.mk-auth-story-photo { position:absolute;z-index:0;inset:0;margin:0;overflow:hidden; }
.mk-auth-story-photo img { width:100%;height:100%;object-fit:cover;object-position:58% center; }
.mk-auth-story-photo figcaption { position:absolute;z-index:2;right:28px;bottom:25px;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:rgba(10,32,44,.74);color:#e9f3f5;font-size:10px; }
.mk-auth-story-content { max-width:560px; }
.mk-auth-story h1 { max-width:560px;font-size:clamp(42px,4vw,59px);font-weight:720;line-height:1.02; }
.mk-auth-benefits { max-width:500px; }
.mk-auth-benefits i { border-radius:5px;background:rgba(10,115,124,.4); }
.mk-auth-human-note { max-width:500px;border-radius:7px;background:rgba(7,28,40,.65); }
.mk-auth-avatar { border-radius:7px;background:#20a8b2; }
.mk-auth-form-side { background:#f7f6f2; }
.mk-auth-home-link {
    position:absolute;
    top:22px;
    left:28px;
    z-index:3;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:8px 12px;
    border:1px solid #d5dfdc;
    border-radius:999px;
    background:rgba(255,255,255,.78);
    color:#17404c;
    font-size:12px;
    font-weight:800;
    line-height:1;
    text-decoration:none;
    box-shadow:0 6px 18px rgba(20,45,54,.06);
    backdrop-filter:blur(8px);
    transition:transform .28s ease,border-color .28s ease,background-color .28s ease,box-shadow .28s ease;
}
.mk-auth-home-link svg {
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
    animation:mkAuthBackArrow 2.8s ease-in-out infinite;
}
.mk-auth-home-link:hover {
    transform:translateX(-4px);
    border-color:#9fc8c6;
    background:#fff;
    box-shadow:0 9px 22px rgba(20,45,54,.1);
}
.mk-auth-home-link:focus-visible {
    outline:3px solid rgba(11,127,135,.2);
    outline-offset:3px;
}
@keyframes mkAuthBackArrow {
    0%,100% { transform:translateX(0); }
    50% { transform:translateX(-3px); }
}
.mk-commercial-auth-card { width:min(100%,510px); }
.mk-commercial-auth-card h2 { font-weight:720; }
.mk-commercial-auth-card input,.mk-commercial-auth-card select { border-radius:7px;box-shadow:none; }
.mk-auth-submit { border-radius:7px;background:#0b7f87;box-shadow:none; }
.mk-auth-submit:hover { background:#075f66; }
.mk-welcome-credit { border-radius:7px;background:#edf5f4; }
.mk-welcome-credit>span { border-radius:5px;background:#d7ecea; }
.mk-social-button { border-radius:7px!important;box-shadow:none!important; }

.mk-table-wrap { border-radius:8px; }
.mk-table th { background:#f2f4f2;letter-spacing:.07em; }
.mk-saas-header,.mk-billing-hero,.mk-webchat-config-hero { border-radius:10px!important;box-shadow:none!important; }
.mk-package-card,.mk-business-metrics article,.mk-action-card,.mk-webchat-help { border-radius:9px!important;box-shadow:none!important; }

@media (min-width:821px) and (max-width:1000px) {
    .mk-commercial-auth-shell { grid-template-columns:minmax(390px,.9fr) minmax(440px,1.1fr); }
    .mk-auth-story { display:flex;padding:34px; }
    .mk-auth-story h1 { font-size:42px; }
    .mk-auth-form-side { padding-inline:38px; }
}

@media (max-width:820px) {
    .mk-auth-story { display:none; }
    .mk-commercial-auth-shell { grid-template-columns:1fr; }
    .mk-auth-home-link { top:18px;left:18px; }
}

@media (prefers-reduced-motion:reduce) {
    .mk-auth-home-link,.mk-auth-home-link svg { animation:none;transition:none; }
}


/* Global admin top navigation: one full-width alignment on every admin page. */
.marketing-admin .mk-admin-global-actions{
    width:100%;
    max-width:none;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    margin:0;
    padding-left:18px;
    padding-right:18px;
}

.marketing-admin .mk-global-nav-link.is-reception-nav{
    color:#2d6388;
}
.marketing-admin .mk-global-nav-link.is-reception-nav .mk-global-nav-icon{
    color:#2b76a3;
    background:#edf7fd;
    border:1px solid #c9e5f4;
    border-radius:7px;
}
.marketing-admin .mk-global-nav-link.is-reception-nav:hover,
.marketing-admin .mk-global-nav-link.is-reception-nav.is-active{
    color:#1f587d;
    border-color:#b8dbea;
    background:#f2faff;
}
.marketing-admin .mk-global-nav-link.is-marketing-nav{
    color:#74528e;
}
.marketing-admin .mk-global-nav-link.is-marketing-nav .mk-global-nav-icon{
    color:#8057a0;
    background:#f6effb;
    border:1px solid #e2ceef;
    border-radius:7px;
}
.marketing-admin .mk-global-nav-link.is-marketing-nav:hover,
.marketing-admin .mk-global-nav-link.is-marketing-nav.is-active{
    color:#65437f;
    border-color:#d8c0e8;
    background:#fbf6fe;
}
.marketing-admin .mk-global-nav-link.is-admin-tools{
    order:90;
    color:#3f6661;
}
.marketing-admin .mk-global-nav-link.is-admin-tools .mk-global-nav-icon{
    color:#38766d;
    background:#eef8f5;
    border:1px solid #cde5df;
    border-radius:7px;
}
.marketing-admin .mk-global-nav-link.is-admin-tools:hover,
.marketing-admin .mk-global-nav-link.is-admin-tools.is-active{
    background:#f3fbf9;
    border-color:#bfddd5;
}
.marketing-admin .mk-global-nav-link.is-business-admin{
    order:91;
    color:#8a5a09;
    background:linear-gradient(180deg,#fff8df,#fff2bf);
    border:1px solid #e8c765;
    box-shadow:0 2px 8px rgba(149,103,12,.10);
}
.marketing-admin .mk-global-nav-link.is-business-admin .mk-global-nav-icon{
    color:#b7790a;
    background:#fff2bd;
    border-color:#dfbd55;
}
.marketing-admin .mk-global-nav-link.is-business-admin:hover,
.marketing-admin .mk-global-nav-link.is-business-admin.is-active{
    color:#744b06;
    background:linear-gradient(180deg,#fff3c2,#ffe791);
    border-color:#d8aa32;
}
.marketing-admin .mk-global-nav-link.is-business-admin.is-active .mk-global-nav-icon{
    color:#8a5700;
    background:#ffe29a;
}
.marketing-admin .mk-shell>.mk-admin-global-actions{
    width:100vw;
    margin:0 0 24px calc(-1 * var(--mk-shell-gutter,0px));
}
.marketing-admin .mk-admin-global-actions>.mk-global-brand{
    flex:0 0 auto;
    margin:0;
}
.marketing-admin .mk-admin-global-actions>.mk-global-navigation{
    display:flex;
    flex:0 1 auto;
    align-items:center;
    justify-content:flex-start;
    gap:4px;
    min-width:0;
    margin:0;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
}
.marketing-admin .mk-admin-global-actions>.mk-global-navigation::-webkit-scrollbar{
    display:none;
}
.marketing-admin .mk-admin-global-actions>.mk-global-account{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    margin-left:auto;
    min-width:max-content;
}
.marketing-admin .mk-admin-global-actions .mk-global-company-switcher,
.marketing-admin .mk-admin-global-actions .mk-global-company,
.marketing-admin .mk-admin-global-actions .mk-global-user,
.marketing-admin .mk-admin-global-actions .mk-global-logout{
    flex:0 0 auto;
}
.marketing-admin .mk-admin-global-actions .mk-global-nav-link{
    flex:0 0 auto;
}
@media(max-width:1100px){
    .marketing-admin .mk-admin-global-actions{
        gap:8px;
        padding-left:12px;
        padding-right:12px;
    }
    .marketing-admin .mk-shell>.mk-admin-global-actions{
        width:100vw;
        margin-left:calc(-1 * var(--mk-shell-gutter,0px));
    }
    .marketing-admin .mk-admin-global-actions>.mk-global-navigation{
        order:2;
    }
    .marketing-admin .mk-admin-global-actions>.mk-global-account{
        order:3;
    }
}
@media(max-width:760px){
    .marketing-admin .mk-admin-global-actions{
        flex-wrap:wrap;
        align-items:center;
    }
    .marketing-admin .mk-admin-global-actions>.mk-global-navigation{
        order:3;
        flex:1 0 100%;
        width:100%;
        padding-bottom:5px;
    }
    .marketing-admin .mk-admin-global-actions>.mk-global-account{
        margin-left:auto;
    }
}