/* Shared menu appearance only; preserve the existing Support interface. */
body { color-scheme:light; }
html[data-suite-theme="dark"] .nc-suite { color-scheme:dark; }
html[data-suite-theme="dark"] .nc-suite { color: #e2e9e7; }
html[data-suite-theme="dark"] .nc-suite-panel { background: rgb(24 31 33); }
html[data-suite-theme="dark"] .nc-suite-title { color: #adbcb7; }
html[data-suite-theme="dark"] .nc-suite a.nc-suite-link:hover { background: rgb(29 36 38); }
html[data-suite-theme="dark"] .nc-suite a.nc-suite-link[aria-current="page"] { background: rgb(29 36 38); border-color: #39464b; }
html[data-suite-theme="dark"] .nc-suite button { border: 1px solid #39464b; background: rgb(24 31 33); color: #e2e9e7; }
html[data-suite-theme="dark"] .nc-suite-mobile-bar { background: rgb(24 31 33); border-bottom: 1px solid #39464b; }
@media (min-width: 1200px) {
 html[data-suite-theme="dark"] .nc-suite-desktop { border-right: 1px solid #39464b; }
}
html[data-suite-theme="dark"] .nc-suite .nc-suite-badge { background: rgb(29 36 38); color: #e2e9e7; }
html[data-suite-theme="dark"] .nc-suite .nc-suite-badge[data-state="unavailable"] { color: #adbcb7; }
html[data-suite-theme="dark"] .nc-suite .nc-suite-link[data-suite-link="messenger"] { --nc-color: rgb(170 188 205); }
html[data-suite-theme="dark"] .nc-suite-link[data-suite-link="hub"] { --nc-color: #e2e9e7; }
html[data-suite-theme="dark"] .nc-suite-link[data-suite-link="fairly"] { --nc-color: rgb(182 176 198); }
html[data-suite-theme="dark"] .nc-suite-link[data-suite-link="mayday"] { --nc-color: #e2e9e7; }
html[data-suite-theme="dark"] .nc-suite-link[data-suite-link="pulse"] { --nc-color: #e2e9e7; }
html[data-suite-theme="dark"] .nc-suite-link[data-suite-link="tempo"] { --nc-color: rgb(169 187 182); }
html[data-suite-theme="dark"] .nc-suite-link[data-suite-link="vault"] { --nc-color: rgb(164 195 188); }
html[data-suite-theme="dark"] .nc-suite-link[data-suite-link="dav"] { --nc-color: #e2e9e7; }
html[data-suite-theme="dark"] .nc-suite-link[data-suite-link="messenger"] { --nc-color: rgb(170 188 205); }
html[data-suite-theme="dark"] .nc-suite-link[data-suite-link="webmail"] { --nc-color: #e2e9e7; }

/* Shared Clarté, Sauge and Encre palettes. */
html[data-suite-palette="clarte"]{--suite-ink:#14243b;--suite-paper:#f4f7fb;--suite-surface:#ffffff;--suite-soft:#e8effc;--suite-muted:#52627a;--suite-accent:#245cdb;--suite-line:#d4ddea;}
/* Shared menu appearance only; preserve the existing Support interface. */
body { color-scheme:light; }
html[data-suite-palette="clarte"] .nc-suite { color-scheme:light; }
html[data-suite-palette="clarte"] .nc-suite { color: #14243b; }
html[data-suite-palette="clarte"] .nc-suite-panel { background: #ffffff; }
html[data-suite-palette="clarte"] .nc-suite-title { color: #52627a; }
html[data-suite-palette="clarte"] .nc-suite a.nc-suite-link:hover { background: #e8effc; }
html[data-suite-palette="clarte"] .nc-suite a.nc-suite-link[aria-current="page"] { background: #e8effc; border-color: #d4ddea; }
html[data-suite-palette="clarte"] .nc-suite button { border: 1px solid #d4ddea; background: #ffffff; color: #14243b; }
html[data-suite-palette="clarte"] .nc-suite-mobile-bar { background: #ffffff; border-bottom: 1px solid #d4ddea; }
@media (min-width: 1200px) {
 html[data-suite-palette="clarte"] .nc-suite-desktop { border-right: 1px solid #d4ddea; }
}
html[data-suite-palette="clarte"] .nc-suite .nc-suite-badge { background: #e8effc; color: #14243b; }
html[data-suite-palette="clarte"] .nc-suite .nc-suite-badge[data-state="unavailable"] { color: #52627a; }
html[data-suite-palette="clarte"] .nc-suite .nc-suite-link[data-suite-link="messenger"] { --nc-color:#14243b; }
html[data-suite-palette="clarte"] .nc-suite-link[data-suite-link="hub"] { --nc-color: #14243b; }
html[data-suite-palette="clarte"] .nc-suite-link[data-suite-link="fairly"] { --nc-color:#14243b; }
html[data-suite-palette="clarte"] .nc-suite-link[data-suite-link="mayday"] { --nc-color: #14243b; }
html[data-suite-palette="clarte"] .nc-suite-link[data-suite-link="pulse"] { --nc-color: #14243b; }
html[data-suite-palette="clarte"] .nc-suite-link[data-suite-link="tempo"] { --nc-color:#14243b; }
html[data-suite-palette="clarte"] .nc-suite-link[data-suite-link="vault"] { --nc-color:#14243b; }
html[data-suite-palette="clarte"] .nc-suite-link[data-suite-link="dav"] { --nc-color: #14243b; }
html[data-suite-palette="clarte"] .nc-suite-link[data-suite-link="messenger"] { --nc-color:#14243b; }
html[data-suite-palette="clarte"] .nc-suite-link[data-suite-link="webmail"] { --nc-color: #14243b; }

html[data-suite-palette="sauge"]{--suite-ink:#18382d;--suite-paper:#f6f4ee;--suite-surface:#fffefa;--suite-soft:#e6eee4;--suite-muted:#52695c;--suite-accent:#3e6e58;--suite-line:#d4ddce;}
/* Shared menu appearance only; preserve the existing Support interface. */
body { color-scheme:light; }
html[data-suite-palette="sauge"] .nc-suite { color-scheme:light; }
html[data-suite-palette="sauge"] .nc-suite { color: #18382d; }
html[data-suite-palette="sauge"] .nc-suite-panel { background: #fffefa; }
html[data-suite-palette="sauge"] .nc-suite-title { color: #52695c; }
html[data-suite-palette="sauge"] .nc-suite a.nc-suite-link:hover { background: #e6eee4; }
html[data-suite-palette="sauge"] .nc-suite a.nc-suite-link[aria-current="page"] { background: #e6eee4; border-color: #d4ddce; }
html[data-suite-palette="sauge"] .nc-suite button { border: 1px solid #d4ddce; background: #fffefa; color: #18382d; }
html[data-suite-palette="sauge"] .nc-suite-mobile-bar { background: #fffefa; border-bottom: 1px solid #d4ddce; }
@media (min-width: 1200px) {
 html[data-suite-palette="sauge"] .nc-suite-desktop { border-right: 1px solid #d4ddce; }
}
html[data-suite-palette="sauge"] .nc-suite .nc-suite-badge { background: #e6eee4; color: #18382d; }
html[data-suite-palette="sauge"] .nc-suite .nc-suite-badge[data-state="unavailable"] { color: #52695c; }
html[data-suite-palette="sauge"] .nc-suite .nc-suite-link[data-suite-link="messenger"] { --nc-color:#18382d; }
html[data-suite-palette="sauge"] .nc-suite-link[data-suite-link="hub"] { --nc-color: #18382d; }
html[data-suite-palette="sauge"] .nc-suite-link[data-suite-link="fairly"] { --nc-color:#18382d; }
html[data-suite-palette="sauge"] .nc-suite-link[data-suite-link="mayday"] { --nc-color: #18382d; }
html[data-suite-palette="sauge"] .nc-suite-link[data-suite-link="pulse"] { --nc-color: #18382d; }
html[data-suite-palette="sauge"] .nc-suite-link[data-suite-link="tempo"] { --nc-color:#18382d; }
html[data-suite-palette="sauge"] .nc-suite-link[data-suite-link="vault"] { --nc-color:#18382d; }
html[data-suite-palette="sauge"] .nc-suite-link[data-suite-link="dav"] { --nc-color: #18382d; }
html[data-suite-palette="sauge"] .nc-suite-link[data-suite-link="messenger"] { --nc-color:#18382d; }
html[data-suite-palette="sauge"] .nc-suite-link[data-suite-link="webmail"] { --nc-color: #18382d; }

html[data-suite-palette="encre"]{--suite-ink:#f1f4fa;--suite-paper:#11151e;--suite-surface:#1c2330;--suite-soft:#242e3d;--suite-muted:#b0bed1;--suite-accent:#a5b4fc;--suite-line:#414f64;}
/* Shared menu appearance only; preserve the existing Support interface. */
body { color-scheme:light; }
html[data-suite-palette="encre"] .nc-suite { color-scheme:dark; }
html[data-suite-palette="encre"] .nc-suite { color: #f1f4fa; }
html[data-suite-palette="encre"] .nc-suite-panel { background: #1c2330; }
html[data-suite-palette="encre"] .nc-suite-title { color: #b0bed1; }
html[data-suite-palette="encre"] .nc-suite a.nc-suite-link:hover { background: #242e3d; }
html[data-suite-palette="encre"] .nc-suite a.nc-suite-link[aria-current="page"] { background: #242e3d; border-color: #414f64; }
html[data-suite-palette="encre"] .nc-suite button { border: 1px solid #414f64; background: #1c2330; color: #f1f4fa; }
html[data-suite-palette="encre"] .nc-suite-mobile-bar { background: #1c2330; border-bottom: 1px solid #414f64; }
@media (min-width: 1200px) {
 html[data-suite-palette="encre"] .nc-suite-desktop { border-right: 1px solid #414f64; }
}
html[data-suite-palette="encre"] .nc-suite .nc-suite-badge { background: #242e3d; color: #f1f4fa; }
html[data-suite-palette="encre"] .nc-suite .nc-suite-badge[data-state="unavailable"] { color: #b0bed1; }
html[data-suite-palette="encre"] .nc-suite .nc-suite-link[data-suite-link="messenger"] { --nc-color:#f1f4fa; }
html[data-suite-palette="encre"] .nc-suite-link[data-suite-link="hub"] { --nc-color: #f1f4fa; }
html[data-suite-palette="encre"] .nc-suite-link[data-suite-link="fairly"] { --nc-color:#f1f4fa; }
html[data-suite-palette="encre"] .nc-suite-link[data-suite-link="mayday"] { --nc-color: #f1f4fa; }
html[data-suite-palette="encre"] .nc-suite-link[data-suite-link="pulse"] { --nc-color: #f1f4fa; }
html[data-suite-palette="encre"] .nc-suite-link[data-suite-link="tempo"] { --nc-color:#f1f4fa; }
html[data-suite-palette="encre"] .nc-suite-link[data-suite-link="vault"] { --nc-color:#f1f4fa; }
html[data-suite-palette="encre"] .nc-suite-link[data-suite-link="dav"] { --nc-color: #f1f4fa; }
html[data-suite-palette="encre"] .nc-suite-link[data-suite-link="messenger"] { --nc-color:#f1f4fa; }
html[data-suite-palette="encre"] .nc-suite-link[data-suite-link="webmail"] { --nc-color: #f1f4fa; }

html[data-suite-palette]{--suite-on-accent:#fff;background:var(--suite-paper);color:var(--suite-ink)}html[data-suite-palette="encre"]{--suite-on-accent:#11151e}
html[data-suite-palette] body{--ink:var(--suite-ink);--text:var(--suite-ink);--paper:var(--suite-paper);--bg:var(--suite-paper);--panel:var(--suite-surface);--purple:var(--suite-accent);--teal:var(--suite-accent);--lavender:var(--suite-soft);--white:var(--suite-surface);--soft:var(--suite-soft);--muted:var(--suite-muted);--green:var(--suite-accent);--accent:var(--suite-accent);--line:var(--suite-line);--on-accent:var(--suite-on-accent);--hub-ink:var(--suite-ink);--hub-muted:var(--suite-muted);--hub-line:var(--suite-line);--hub-green:var(--suite-accent);--hub-surface:var(--suite-surface);background:var(--suite-paper);color:var(--suite-ink)}
html[data-suite-palette] .nc-suite{color-scheme:inherit;background:var(--suite-surface);color:var(--suite-ink);--nc-space-surface:var(--suite-surface);--nc-space-hover:var(--suite-soft);--nc-space-line:var(--suite-line);--nc-space-accent:var(--suite-accent)}html[data-suite-palette] .nc-suite-panel{background:var(--suite-surface);border-color:var(--suite-line)}html[data-suite-palette] .nc-suite a.nc-suite-link{color:var(--suite-ink)}html[data-suite-palette] .nc-suite a.nc-suite-link:hover,html[data-suite-palette] .nc-suite a.nc-suite-link[aria-current=page]{background:var(--suite-soft);border-color:var(--suite-line)}

/* Shared top bar. */
/* <x-suite::topbar>: same height, order and controls in every application, on the Hub's model. The breadcrumb on the
   left; on the right the notifications bell, Apparence, Abonnement and the account menu. Also copied into
   appearance.css, read in the head: the bar is drawn before the menu's styles arrive. */
html body .nc-topbar { position: relative; z-index: 30; display: flex; flex: none; align-items: center; justify-content: space-between; gap: 20px; box-sizing: border-box; width: auto; height: 74px; min-height: 0; max-height: none; margin: 0; padding: 0 36px; border: 0; border-bottom: 1px solid var(--suite-line, #e5e9e8); border-radius: 0; background: var(--suite-surface, #fff); color: var(--suite-ink, #222b32); font: 400 14px/1.45 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: normal; text-align: left; text-transform: none; box-shadow: none; }
html body .nc-topbar *, html body .nc-topbar *::before, html body .nc-topbar *::after { box-sizing: border-box; }
html body .nc-topbar svg { display: block; flex: none; }
html body .nc-topbar .nc-topbar-trail { display: flex; align-items: center; gap: 12px; min-width: 0; margin: 0; padding: 0; color: var(--suite-muted, #68757d); font-size: 12px; line-height: 1.45; }
html body .nc-topbar .nc-topbar-trail > span:first-child { flex: none; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .nc-topbar .nc-topbar-trail strong { min-width: 0; overflow: hidden; color: var(--suite-ink, #222b32); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
html body .nc-topbar .nc-topbar-actions { display: flex; flex: none; align-items: center; gap: 4px; margin: 0 0 0 auto; padding: 0; }
html body .nc-topbar a.nc-topbar-bell { position: relative; display: grid; place-items: center; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--suite-ink, #222b32); text-decoration: none; }
html body .nc-topbar a.nc-topbar-link { display: inline-flex; align-items: center; gap: 7px; height: 40px; margin: 0; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; color: var(--suite-ink, #222b32); font-size: 12px; font-weight: 500; line-height: 1; text-decoration: none; white-space: nowrap; }
html body .nc-topbar a.nc-topbar-balance { display: inline-flex; align-items: center; gap: 7px; height: 40px; margin: 0 4px 0 0; padding: 0 12px; border: 1px solid var(--suite-line, #e5e9e8); border-radius: 999px; background: transparent; color: var(--suite-ink, #222b32); font-size: 12px; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; text-decoration: none; white-space: nowrap; }
html body .nc-topbar a.nc-topbar-balance[hidden] { display: none; }
html body .nc-topbar :is(a.nc-topbar-balance, a.nc-topbar-bell, a.nc-topbar-link):hover { background: var(--suite-soft, #f0f4f1); }
html body .nc-topbar .nc-topbar-count { position: absolute; top: 3px; right: 1px; min-width: 17px; height: 17px; margin: 0; padding: 0 4px; border-radius: 999px; background: #c2410c; color: #fff; font: 700 10px/17px system-ui, sans-serif; text-align: center; }
html body .nc-topbar .nc-topbar-count[hidden] { display: none; }
html body .nc-topbar .nc-topbar-account { position: relative; flex: none; margin: 0 0 0 10px; padding: 0; border: 0; background: transparent; }
html body .nc-topbar .nc-topbar-account > summary { display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; padding: 0; border: 0; background: transparent; color: var(--suite-ink, #222b32); font-size: 12px; font-weight: 400; line-height: 1.45; list-style: none; cursor: pointer; }
html body .nc-topbar .nc-topbar-account > summary::-webkit-details-marker { display: none; }
html body .nc-topbar .nc-topbar-account > summary::marker { content: ""; }
html body .nc-topbar .nc-topbar-avatar { display: grid; place-items: center; flex: none; width: 31px; height: 31px; margin: 0; border: 1px solid var(--suite-line, #dce6df); border-radius: 50%; background: var(--suite-soft, #eaf1eb); color: var(--suite-muted, #537463); font-size: 10px; font-weight: 600; line-height: 1; }
html body .nc-topbar .nc-topbar-name { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .nc-topbar .nc-topbar-menu { position: absolute; top: 48px; right: 0; z-index: 50; width: 230px; max-width: calc(100vw - 32px); margin: 0; padding: 6px; border: 1px solid var(--suite-line, #e5e9e8); border-radius: 12px; background: var(--suite-surface, #fff); box-shadow: 0 12px 32px #293e3215; }
html body .nc-topbar .nc-topbar-menu :is(a, button) { display: block; width: 100%; height: auto; min-height: 0; margin: 0; padding: 11px 12px; border: 0; border-radius: 7px; background: transparent; color: var(--suite-ink, #222b32); font: inherit; font-size: 13px; font-weight: 400; line-height: 1.4; letter-spacing: normal; text-align: left; text-decoration: none; text-transform: none; box-shadow: none; cursor: pointer; }
html body .nc-topbar .nc-topbar-menu :is(a, button):hover { background: var(--suite-soft, #f0f4f1); }
html body .nc-topbar .nc-topbar-menu form { margin: 4px 0 0; padding: 4px 0 0; border: 0; border-top: 1px solid var(--suite-line, #e5e9e8); }
html body .nc-topbar :focus-visible { outline: 3px solid var(--suite-accent, #245b49); outline-offset: 2px; }
@media (min-width: 1500px) { html body .nc-topbar { padding-inline: 48px; } }
@media (max-width: 1150px) { html body .nc-topbar { padding-inline: 24px; } }
@media (max-width: 800px) {
 html body .nc-topbar { height: 60px; gap: 12px; padding-inline: 20px; }
 html body .nc-topbar .nc-topbar-trail { gap: 8px; font-size: 11px; }
 html body .nc-topbar .nc-topbar-trail > span:first-child { max-width: 130px; }
 html body .nc-topbar a.nc-topbar-link { justify-content: center; width: 40px; padding: 0; }
 html body .nc-topbar a.nc-topbar-balance { height: 34px; padding: 0 10px; }
 html body .nc-topbar a.nc-topbar-balance svg { display: none; }
 html body .nc-topbar .nc-topbar-account { margin-left: 4px; }
 /* Icons only on a phone: the labels and the name stay read. */
 html body .nc-topbar :is(.nc-topbar-label, .nc-topbar-name) { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
}
@media (max-width: 380px) {
 html body .nc-topbar { gap: 8px; padding-inline: 14px; }
 html body .nc-topbar .nc-topbar-actions { gap: 0; }
 html body .nc-topbar .nc-topbar-trail > span { display: none; }
}

/* Support previously themed only the shared rail, leaving its panels light. */
html[data-suite-palette] body{--brand:var(--suite-accent);--brand-dark:var(--suite-accent);--brand-soft:var(--suite-soft);--line-strong:var(--suite-line);--bubble:var(--suite-soft);--note:var(--suite-soft);--mint:var(--suite-soft);--sun-soft:var(--suite-soft)}
html[data-suite-palette] :is(.topbar,.conversation-heading,input,select,textarea){background:var(--suite-surface);color:var(--suite-ink);border-color:var(--suite-line)}
html[data-suite-palette] .button{color:var(--suite-on-accent)}
html[data-suite-palette] .button.secondary{color:var(--suite-accent)}
html[data-suite-palette="encre"] :is(.status,.status-waiting_customer,.status-waiting_staff,.status-resolved,.status-closed){background:var(--suite-soft);color:var(--suite-ink)}
html[data-suite-palette] body{--mint-strong:var(--suite-accent)}
html[data-suite-palette] :is(.support-hero,.help-search>div,.app-count,.app-link[aria-current="page"] .app-count){background:var(--suite-soft);color:var(--suite-ink)}
html[data-suite-palette] .app-link{color:var(--suite-ink)}
html[data-suite-palette] .app-link:hover,html[data-suite-palette] .app-link[aria-current="page"]{color:var(--suite-accent)}
html[data-suite-palette] .bubble{border-color:var(--suite-line)}
/* Ticket states retain their meaning and contrast in every palette. */
html[data-suite-palette] body{--support-good:#245c3b;--support-good-bg:#edf5ef;--support-warn:#7c4c08;--support-warn-bg:#fff3d6;--support-bad:#a33a30;--support-bad-bg:#fcecea;--support-wait:#614490;--support-wait-bg:#f1edfb}
html[data-suite-palette="encre"] body{--support-good:#9bd7b3;--support-good-bg:#19392c;--support-warn:#f0c882;--support-warn-bg:#3a2e18;--support-bad:#f2a096;--support-bad-bg:#3e201e;--support-wait:#ccb5ed;--support-wait-bg:#30233e}
html[data-suite-palette] .status{background:var(--suite-soft);color:var(--suite-accent)}
html[data-suite-palette] .status-waiting_customer,html[data-suite-palette] .card-icon.sun{background:var(--support-warn-bg);color:var(--support-warn)}
html[data-suite-palette] .status-waiting_staff{background:var(--support-wait-bg);color:var(--support-wait)}
html[data-suite-palette] :is(.status-resolved,.status-closed,.notice,.resolution){background:var(--support-good-bg);color:var(--support-good);border-color:var(--support-good)}
html[data-suite-palette] .error{background:var(--support-bad-bg);color:var(--support-bad);border-color:var(--support-bad)}
html[data-suite-palette] .unread{color:var(--support-bad)}
html[data-suite-palette] :is(.notice,.resolution):before{background:var(--support-good);color:var(--support-good-bg)}
html[data-suite-palette] :is(.internal,.internal-note){background:var(--support-warn-bg);color:var(--support-warn);border-color:var(--support-warn)}
html[data-suite-palette] :is(.closed-ticket,.attachment){background:var(--suite-surface);color:var(--suite-ink)}
html[data-suite-palette] :is(.avatar,.own .avatar,.team-faces span){background:var(--suite-soft);color:var(--suite-ink);border-color:var(--suite-line)}
html[data-suite-palette] .empty-icon{background:var(--support-warn-bg);color:var(--support-warn)}

/* Shared menu contract. App typography and theme adapters must not change its geometry. */
html[data-suite-palette] body .nc-suite { font: 14px/1.45 system-ui,sans-serif; letter-spacing: normal; text-transform: none; text-align: left; color: var(--suite-ink,#242a31); }
html[data-suite-palette] body .nc-suite .nc-suite-panel { padding:20px 12px; background:var(--suite-surface,#fcfdfc); color:var(--suite-ink,#242a31); border-color:var(--suite-line,#d8dfdb); }
html[data-suite-palette] body .nc-suite .nc-suite-title { margin:0 12px 14px; padding:0; font:700 11px/1.45 system-ui,sans-serif; letter-spacing:.08em; color:var(--suite-muted,#59635e); }
html[data-suite-palette] body .nc-suite nav { display:grid; gap:6px; margin:0; padding:0; flex:none; }
html[data-suite-palette] body .nc-suite a.nc-suite-link { min-height:48px; margin:0; padding:10px 12px; gap:12px; font:600 14px/1.4 system-ui,sans-serif; letter-spacing:normal; color:var(--suite-ink,#242a31); }
html[data-suite-palette] body .nc-suite a.nc-suite-link:is(:hover,[aria-current=page]) { background:var(--suite-soft,#eef2ef); border-color:var(--suite-line,#d8dfdb); }
html[data-suite-palette] body .nc-suite .nc-suite-link > img:not(.nc-suite-watermark) { width:26px; height:26px; margin:0; padding:0; background:transparent; border:0; border-radius:0; }
html[data-suite-palette] body .nc-suite .nc-suite-badge { display:block; min-width:24px; margin:0 0 0 auto; padding:2px 5px; font:700 11px/1.4 system-ui,sans-serif; background:var(--suite-soft,#e4ebe7); color:var(--suite-ink,#263b32); }
html[data-suite-palette] body .nc-suite .nc-suite-badge[data-state=unavailable] { background:transparent; color:var(--suite-muted,#69756e); }
html[data-suite-palette] body .nc-suite .nc-suite-footer { margin:16px 0 0; padding:12px 0 0; border-top:1px solid var(--suite-line,#d8dfdb); flex:none; }
html[data-suite-palette] body .nc-suite .nc-suite-brands { margin:auto 0 0; padding:24px 10px 0; flex:none; }
html[data-suite-palette] body .nc-suite .nc-suite-brands-title { margin:0 2px 4px; padding:0; font:600 10px/1.4 system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:var(--suite-muted,#59635e); opacity:1; }
html[data-suite-palette] body .nc-suite a.nc-suite-brand { display:grid; gap:1px; margin:0; padding:7px 2px; border:0; background:transparent; color:inherit; font:12px/1.35 system-ui,sans-serif; letter-spacing:normal; }
html[data-suite-palette] body .nc-suite .nc-suite-brand-name { margin:0; padding:0; font:600 12px/1.35 system-ui,sans-serif; }
html[data-suite-palette] body .nc-suite .nc-suite-brand-text { margin:0; padding:0 0 0 14px; font:400 12px/1.35 system-ui,sans-serif; color:var(--suite-muted,#59635e); opacity:1; }
html[data-suite-palette] body .nc-suite .nc-space { margin:16px 0 0; flex:none; }
html[data-suite-palette] body .nc-suite .nc-space-current { box-shadow:none; text-transform:none; letter-spacing:normal; color:var(--suite-ink); }
html[data-suite-palette] body .nc-suite .nc-space-text { text-align:left; }
html[data-suite-palette] body .nc-suite .nc-space-hint { color:var(--suite-muted,#59635e); opacity:1; }
@media(min-width:1200px) { html[data-suite-palette] body .nc-suite .nc-suite-desktop { display:flex; flex-direction:column; width:216px; } }

html[data-suite-palette] body .nc-suite .nc-space button.nc-space-current { background:var(--suite-surface); border-color:var(--suite-line); }
html[data-suite-palette] body .nc-suite .nc-space button.nc-space-current:is(:hover,[aria-expanded=true]) { background:var(--suite-soft); }
html[data-suite-palette] body .nc-suite .nc-suite-desktop { max-height:none; overflow-y:auto; }
html[data-suite-palette] body .nc-suite .nc-suite-dialog > .nc-suite-panel { margin:0; overflow:visible; padding:max(20px,env(safe-area-inset-top)) 12px max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
html[data-suite-palette] body .nc-suite dialog.nc-suite-dialog { background:var(--suite-surface); color:var(--suite-ink); }
html[data-suite-palette] body .nc-suite dialog.nc-suite-dialog::backdrop { background:rgb(17 21 30 / .72); }
