/* ── Fonts ── */
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 300; src: url('/fonts/space-grotesk-latin-300-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; src: url('/fonts/space-grotesk-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; src: url('/fonts/space-grotesk-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; src: url('/fonts/space-grotesk-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; src: url('/fonts/space-grotesk-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; src: url('/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 400; src: url('/fonts/ibm-plex-mono-latin-400-italic.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 700; src: url('/fonts/ibm-plex-mono-latin-700-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 700; src: url('/fonts/ibm-plex-mono-latin-700-italic.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; src: url('/fonts/ibm-plex-mono-latin-ext-400-normal.woff2') format('woff2'); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 400; src: url('/fonts/ibm-plex-mono-latin-ext-400-italic.woff2') format('woff2'); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 700; src: url('/fonts/ibm-plex-mono-latin-ext-700-normal.woff2') format('woff2'); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 700; src: url('/fonts/ibm-plex-mono-latin-ext-700-italic.woff2') format('woff2'); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }

/* ── Theme active colour token (used by dropdown options & avatar tiles) ── */
:root { --un-theme-ac: #000; }
html.--un-harmony.--un-theme-forest { --un-theme-ac: #2a8040; }
html.--un-harmony.--un-theme-ocean  { --un-theme-ac: #1e4a80; }
html.--un-harmony.--un-theme-berry  { --un-theme-ac: #901050; }
@media (prefers-color-scheme: dark) {
    html.--un-harmony.--un-theme-forest { --un-theme-ac: #c8e8ce; }
    html.--un-harmony.--un-theme-ocean  { --un-theme-ac: #a0c8f0; }
    html.--un-harmony.--un-theme-berry  { --un-theme-ac: #f090c8; }
}

/* ── Navbar ── */
#__unified-navbar {
    box-sizing: border-box !important;
    position: fixed !important; top: 0; left: 0 !important; right: 0 !important;
    width: 100% !important; max-width: 100% !important;
    z-index: 99999; height: 64px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,0.07); border-bottom: 1px solid rgba(0,0,0,0.08);
    display: grid !important; grid-template-columns: 1fr 56px !important; padding-right: 8px !important;
    overflow: visible; transition: top 0.2s ease; box-sizing: border-box !important;
    pointer-events: none !important;
    isolation: isolate;
}
html.--nav-hidden #__unified-navbar { top: -64px !important; }
#__unified-navbar > * { min-width: 0 !important; box-sizing: border-box !important; }
#__unified-navbar .__un-btn-wrap { pointer-events: auto !important; }
#__unified-navbar .__un-dd.__open { pointer-events: auto !important; }

#__un-nav-brand {
    box-sizing: border-box; min-width: 0; overflow: hidden;
    display: flex; align-items: center; gap: 10px;
    padding: 0 20px;
    text-decoration: none; color: inherit; cursor: default;
}
#__un-nav-brand > img { width: 28px; height: 28px; image-rendering: pixelated; display: block; flex-shrink: 0; }
@media (max-width: 420px) { #__un-nav-brand > img { width: 22px !important; height: 22px !important; } }
#__un-brand-text { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; overflow: hidden; margin-top: 4px; }
#__un-brand-name-row { display: flex; align-items: center; gap: 6px; min-width: 0; width: 100%; }
#__un-brand-name {
    font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
    color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1;
    min-width: 0;
}
#__un-brand-sub {
    font-size: 10px; color: #666; letter-spacing: 0.02em;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    font-weight: 400; line-height: 1.4; width: 100%;
}
#__un-dev-badge {
    display: inline-block; font-size: 9px; font-weight: 700; letter-spacing: 0.08em;
    text-transform: uppercase; color: #fff; background: #e67e22;
    border-radius: 3px; padding: 1px 5px; line-height: 1.5; flex-shrink: 0;
}

@media (max-width: 768px) {
    #__unified-navbar { grid-template-columns: 1fr 48px !important; padding-right: 8px !important; }
    #__un-nav-brand { padding: 0 12px !important; }
    #__un-brand-sub { display: none !important; }
    #__un-nav-brand > img { width: 24px !important; height: 24px !important; }
    .__un-nav-btn > img { width: 24px !important; height: 24px !important; }
}

@media all and (display-mode: standalone) {
    #__un-apps-wrap { display: none !important; }
    #__unified-navbar { grid-template-columns: 1fr !important; }
}
@media all and (display-mode: standalone) and (max-width: 768px) {
    #__unified-navbar { grid-template-columns: 1fr !important; }
}

.__un-btn-wrap { position: relative; display: flex; align-items: stretch; }
.__un-nav-btn {
    -webkit-appearance: none; appearance: none;
    box-sizing: border-box !important; width: 100% !important; height: 100% !important;
    border: none; border-radius: 0; padding: 0; position: relative;
    background: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    color: #111;
}
.__un-nav-btn::before {
    content: ''; position: absolute;
    top: 50%; left: 50%; transform: translate(-50%,-50%);
    width: 40px; height: 40px; border-radius: 10px;
    background: transparent; transition: background 0.15s ease; pointer-events: none;
}
.__un-nav-btn:hover::before,
.__un-btn-wrap.--dd-open > .__un-nav-btn::before { background: rgba(0,0,0,0.07); }
.__un-nav-btn.--disabled { opacity: 0.35; cursor: default; pointer-events: none; }
.__un-nav-btn > img { width: 22px !important; height: 22px !important; image-rendering: pixelated; display: block; position: relative; }

#__un-ident-btn { display: flex; align-items: center; justify-content: center; text-decoration: none; }
@keyframes __un-fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.__un-app-item.--revealed { animation: __un-fade-in 0.14s ease-out; }

html.--un-harmony,
html.--un-harmony * { cursor: url('/icons/cursor-default.svg') 4 1, default !important; }
html.--un-harmony a, html.--un-harmony button, html.--un-harmony [role="button"], html.--un-harmony [role="link"],
html.--un-harmony select, html.--un-harmony input[type="submit"], html.--un-harmony input[type="button"],
html.--un-harmony input[type="reset"], html.--un-harmony label[for], html.--un-harmony [tabindex]:not([tabindex="-1"]),
html.--un-harmony [onclick], html.--un-harmony a *, html.--un-harmony button *, html.--un-harmony [role="button"] * { cursor: url('/icons/cursor-pointer.svg') 12 1, pointer !important; }
html.--un-harmony input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),
html.--un-harmony textarea, html.--un-harmony [contenteditable] { cursor: url('/icons/cursor-text.svg') 16 16, text !important; }
#__un-root.--un-harmony,
#__un-root.--un-harmony * { cursor: url('/icons/cursor-default.svg') 4 1, default !important; }
#__un-root.--un-harmony a, #__un-root.--un-harmony button, #__un-root.--un-harmony [role="button"], #__un-root.--un-harmony [role="link"],
#__un-root.--un-harmony select, #__un-root.--un-harmony input[type="submit"], #__un-root.--un-harmony input[type="button"],
#__un-root.--un-harmony input[type="reset"], #__un-root.--un-harmony label[for], #__un-root.--un-harmony [tabindex]:not([tabindex="-1"]),
#__un-root.--un-harmony [onclick], #__un-root.--un-harmony a *, #__un-root.--un-harmony button *, #__un-root.--un-harmony [role="button"] * { cursor: url('/icons/cursor-pointer.svg') 12 1, pointer !important; }
#__un-root.--un-harmony input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),
#__un-root.--un-harmony textarea, #__un-root.--un-harmony [contenteditable] { cursor: url('/icons/cursor-text.svg') 16 16, text !important; }
html.--un-harmony :disabled, html.--un-harmony :disabled * { cursor: url('/icons/cursor-default.svg') 4 1, default !important; }
html.--un-harmony body { font-family: 'IBM Plex Mono', 'Space Grotesk', monospace; }

@keyframes __un-lens-tick { from { opacity: 1 } to { opacity: 0.9999 } }
#__un-lens { position: fixed; inset: 0; pointer-events: none; z-index: 99980; background: transparent; }
html.--un-harmony #__un-lens { animation: __un-lens-tick 16ms infinite alternate !important; }
html.--un-harmony.--un-theme-forest #__un-lens { background: rgba(0, 210, 60, 0.10); }
html.--un-harmony.--un-theme-ocean  #__un-lens { background: rgba(0, 60, 255, 0.08); }
html.--un-harmony.--un-theme-berry  #__un-lens { background: rgba(255, 0, 120, 0.08); }

/* ── Forest theme: green tint ── */
html.--un-harmony.--un-theme-forest { --un-logo-filter: invert(0); }
html.--un-harmony.--un-theme-forest #__unified-navbar {
    background: #b8d9be !important;
    border-bottom-color: rgba(40, 130, 65, 0.22) !important;
    box-shadow: 0 1px 8px rgba(0, 60, 20, 0.10) !important;
}
html.--un-harmony.--un-theme-forest #__un-collapse-btn {
    background: #b8d9be !important;
    border-color: rgba(40, 130, 65, 0.22) !important;
}
html.--un-harmony.--un-theme-forest #__un-collapse-btn:hover { background: #a4ccaa !important; }
html.--un-harmony.--un-theme-forest #__un-brand-name { color: #1a3020 !important; }
html.--un-harmony.--un-theme-forest #__un-brand-sub  { color: #4a7055 !important; }
html.--un-harmony.--un-theme-forest .__un-nav-btn    { color: #1a3020 !important; }
html.--un-harmony.--un-theme-forest .__un-nav-btn:hover::before,
html.--un-harmony.--un-theme-forest .__un-btn-wrap.--dd-open > .__un-nav-btn::before { background: rgba(40, 130, 65, 0.12) !important; }
html.--un-harmony.--un-theme-forest #__unified-navbar img,
html.--un-harmony.--un-theme-forest #__un-collapse-btn img { filter: var(--un-logo-filter) !important; }
html.--un-harmony.--un-theme-forest .__un-dev-badge { background: #1e7838 !important; }
html.--un-harmony.--un-theme-forest .__un-dd {
    background: #b8d9be !important;
    border-color: rgba(40, 140, 70, 0.22) !important;
    box-shadow: 0 4px 14px rgba(0, 80, 20, 0.14) !important;
}
html.--un-harmony.--un-theme-forest .__un-app-item { background: #b8d9be !important; }
html.--un-harmony.--un-theme-forest .__un-dd-label,
html.--un-harmony.--un-theme-forest .__un-accordion-hdr-label { color: rgba(14, 42, 20, 0.55) !important; }
html.--un-harmony.--un-theme-forest .__un-accordion { border-bottom-color: rgba(40, 140, 70, 0.14) !important; }
html.--un-harmony.--un-theme-forest .__un-app-item span,
html.--un-harmony.--un-theme-forest .__un-version-option,
html.--un-harmony.--un-theme-forest .__un-version-option > span,
html.--un-harmony.--un-theme-forest .__un-font-option > span,
html.--un-harmony.--un-theme-forest .__un-size-option > span { color: #0e2a14 !important; }
html.--un-harmony.--un-theme-forest .__un-app-item:hover,
html.--un-harmony.--un-theme-forest .__un-version-option:hover,
html.--un-harmony.--un-theme-forest .__un-font-option:hover,
html.--un-harmony.--un-theme-forest .__un-size-option:hover { background: rgba(40, 140, 70, 0.12) !important; }
html.--un-harmony.--un-theme-forest .__un-font-sample-block,
html.--un-harmony.--un-theme-forest .__un-size-sample { background: rgba(40, 140, 70, 0.14) !important; color: #0e2a14 !important; }
@media (prefers-color-scheme: dark) {
    html.--un-harmony.--un-theme-forest { --un-logo-filter: invert(0.88); }
    html.--un-harmony.--un-theme-forest #__unified-navbar {
        background: #1e3d24 !important;
        border-bottom-color: rgba(80, 200, 110, 0.12) !important;
        box-shadow: 0 1px 8px rgba(0,0,0,0.40) !important;
    }
    html.--un-harmony.--un-theme-forest #__un-collapse-btn {
        background: #1e3d24 !important; border-color: rgba(80, 200, 110, 0.12) !important;
    }
    html.--un-harmony.--un-theme-forest #__un-collapse-btn:hover { background: #2c5530 !important; }
    html.--un-harmony.--un-theme-forest #__un-brand-name { color: #c8e8ce !important; }
    html.--un-harmony.--un-theme-forest #__un-brand-sub  { color: #78a880 !important; }
    html.--un-harmony.--un-theme-forest .__un-nav-btn    { color: #c8e8ce !important; }
    html.--un-harmony.--un-theme-forest .__un-nav-btn:hover::before,
    html.--un-harmony.--un-theme-forest .__un-btn-wrap.--dd-open > .__un-nav-btn::before { background: rgba(80, 200, 110, 0.12) !important; }
    html.--un-harmony.--un-theme-forest .__un-accordion-chevron,
    html.--un-harmony.--un-theme-forest .__un-accordion-section-icon,
    html.--un-harmony.--un-theme-forest .__un-app-item img { filter: var(--un-logo-filter) !important; }
    html.--un-harmony.--un-theme-forest .__un-dd {
        background: #141f16 !important;
        border-color: rgba(80, 200, 110, 0.10) !important;
        box-shadow: 0 4px 18px rgba(0,0,0,0.50) !important;
    }
    html.--un-harmony.--un-theme-forest .__un-app-item { background: #141f16 !important; }
    html.--un-harmony.--un-theme-forest .__un-dd-label,
    html.--un-harmony.--un-theme-forest .__un-accordion-hdr-label { color: rgba(200, 232, 210, 0.55) !important; }
    html.--un-harmony.--un-theme-forest .__un-accordion { border-bottom-color: rgba(80, 200, 110, 0.09) !important; }
    html.--un-harmony.--un-theme-forest .__un-app-item span,
    html.--un-harmony.--un-theme-forest .__un-version-option,
    html.--un-harmony.--un-theme-forest .__un-version-option > span,
    html.--un-harmony.--un-theme-forest .__un-font-option > span,
    html.--un-harmony.--un-theme-forest .__un-size-option > span { color: #c8e8ce !important; }
    html.--un-harmony.--un-theme-forest .__un-app-item:hover,
    html.--un-harmony.--un-theme-forest .__un-version-option:hover,
    html.--un-harmony.--un-theme-forest .__un-font-option:hover,
    html.--un-harmony.--un-theme-forest .__un-size-option:hover { background: rgba(80, 200, 110, 0.09) !important; }
    html.--un-harmony.--un-theme-forest .__un-font-sample-block,
    html.--un-harmony.--un-theme-forest .__un-size-sample { background: rgba(80, 200, 110, 0.12) !important; color: #c8e8ce !important; }
}

/* ── Ocean theme: blue tint ── */
html.--un-harmony.--un-theme-ocean { --un-logo-filter: invert(0); }
html.--un-harmony.--un-theme-ocean #__unified-navbar { background: #b0c8dd !important; border-bottom-color: rgba(30,100,200,0.22) !important; box-shadow: 0 1px 8px rgba(0,20,80,0.10) !important; }
html.--un-harmony.--un-theme-ocean #__un-collapse-btn { background: #b0c8dd !important; border-color: rgba(30,100,200,0.22) !important; }
html.--un-harmony.--un-theme-ocean #__un-collapse-btn:hover { background: #9ab4cc !important; }
html.--un-harmony.--un-theme-ocean #__un-brand-name { color: #0a1e30 !important; }
html.--un-harmony.--un-theme-ocean #__un-brand-sub  { color: #2a507a !important; }
html.--un-harmony.--un-theme-ocean .__un-nav-btn    { color: #0a1e30 !important; }
html.--un-harmony.--un-theme-ocean .__un-nav-btn:hover::before, html.--un-harmony.--un-theme-ocean .__un-btn-wrap.--dd-open > .__un-nav-btn::before { background: rgba(30,100,200,0.12) !important; }
html.--un-harmony.--un-theme-ocean #__unified-navbar img, html.--un-harmony.--un-theme-ocean #__un-collapse-btn img { filter: var(--un-logo-filter) !important; }
html.--un-harmony.--un-theme-ocean .__un-dev-badge { background: #1a4880 !important; }
html.--un-harmony.--un-theme-ocean .__un-dd { background: #b0c8dd !important; border-color: rgba(30,100,200,0.22) !important; box-shadow: 0 4px 14px rgba(0,20,80,0.14) !important; }
html.--un-harmony.--un-theme-ocean .__un-app-item { background: #b0c8dd !important; }
html.--un-harmony.--un-theme-ocean .__un-dd-label, html.--un-harmony.--un-theme-ocean .__un-accordion-hdr-label { color: rgba(10,30,60,0.55) !important; }
html.--un-harmony.--un-theme-ocean .__un-accordion { border-bottom-color: rgba(30,100,200,0.14) !important; }
html.--un-harmony.--un-theme-ocean .__un-app-item span, html.--un-harmony.--un-theme-ocean .__un-version-option, html.--un-harmony.--un-theme-ocean .__un-version-option > span, html.--un-harmony.--un-theme-ocean .__un-font-option > span, html.--un-harmony.--un-theme-ocean .__un-size-option > span { color: #0a1e30 !important; }
html.--un-harmony.--un-theme-ocean .__un-app-item:hover, html.--un-harmony.--un-theme-ocean .__un-version-option:hover, html.--un-harmony.--un-theme-ocean .__un-font-option:hover, html.--un-harmony.--un-theme-ocean .__un-size-option:hover { background: rgba(30,100,200,0.12) !important; }
html.--un-harmony.--un-theme-ocean .__un-font-sample-block, html.--un-harmony.--un-theme-ocean .__un-size-sample { background: rgba(30,100,200,0.14) !important; color: #0a1e30 !important; }
@media (prefers-color-scheme: dark) {
    html.--un-harmony.--un-theme-ocean { --un-logo-filter: invert(0.88); }
    html.--un-harmony.--un-theme-ocean #__unified-navbar { background: #1a2a3d !important; border-bottom-color: rgba(80,150,240,0.12) !important; box-shadow: 0 1px 8px rgba(0,0,0,0.40) !important; }
    html.--un-harmony.--un-theme-ocean #__un-collapse-btn { background: #1a2a3d !important; border-color: rgba(80,150,240,0.12) !important; }
    html.--un-harmony.--un-theme-ocean #__un-collapse-btn:hover { background: #243a52 !important; }
    html.--un-harmony.--un-theme-ocean #__un-brand-name { color: #b0d0f0 !important; }
    html.--un-harmony.--un-theme-ocean #__un-brand-sub  { color: #6090b8 !important; }
    html.--un-harmony.--un-theme-ocean .__un-nav-btn    { color: #b0d0f0 !important; }
    html.--un-harmony.--un-theme-ocean .__un-nav-btn:hover::before, html.--un-harmony.--un-theme-ocean .__un-btn-wrap.--dd-open > .__un-nav-btn::before { background: rgba(80,150,240,0.12) !important; }
    html.--un-harmony.--un-theme-ocean .__un-accordion-chevron, html.--un-harmony.--un-theme-ocean .__un-accordion-section-icon, html.--un-harmony.--un-theme-ocean .__un-app-item img { filter: var(--un-logo-filter) !important; }
    html.--un-harmony.--un-theme-ocean .__un-dd { background: #111a28 !important; border-color: rgba(80,150,240,0.10) !important; box-shadow: 0 4px 18px rgba(0,0,0,0.50) !important; }
    html.--un-harmony.--un-theme-ocean .__un-app-item { background: #111a28 !important; }
    html.--un-harmony.--un-theme-ocean .__un-dd-label, html.--un-harmony.--un-theme-ocean .__un-accordion-hdr-label { color: rgba(160,200,240,0.55) !important; }
    html.--un-harmony.--un-theme-ocean .__un-accordion { border-bottom-color: rgba(80,150,240,0.09) !important; }
    html.--un-harmony.--un-theme-ocean .__un-app-item span, html.--un-harmony.--un-theme-ocean .__un-version-option, html.--un-harmony.--un-theme-ocean .__un-version-option > span, html.--un-harmony.--un-theme-ocean .__un-font-option > span, html.--un-harmony.--un-theme-ocean .__un-size-option > span { color: #b0d0f0 !important; }
    html.--un-harmony.--un-theme-ocean .__un-app-item:hover, html.--un-harmony.--un-theme-ocean .__un-version-option:hover, html.--un-harmony.--un-theme-ocean .__un-font-option:hover, html.--un-harmony.--un-theme-ocean .__un-size-option:hover { background: rgba(80,150,240,0.09) !important; }
    html.--un-harmony.--un-theme-ocean .__un-font-sample-block, html.--un-harmony.--un-theme-ocean .__un-size-sample { background: rgba(80,150,240,0.12) !important; color: #b0d0f0 !important; }
}

/* ── Berry theme: pink tint ── */
html.--un-harmony.--un-theme-berry { --un-logo-filter: invert(0); }
html.--un-harmony.--un-theme-berry #__unified-navbar { background: #e8c0d8 !important; border-bottom-color: rgba(200,60,140,0.22) !important; box-shadow: 0 1px 8px rgba(80,0,40,0.10) !important; }
html.--un-harmony.--un-theme-berry #__un-collapse-btn { background: #e8c0d8 !important; border-color: rgba(200,60,140,0.22) !important; }
html.--un-harmony.--un-theme-berry #__un-collapse-btn:hover { background: #d8a8c8 !important; }
html.--un-harmony.--un-theme-berry #__un-brand-name { color: #2a0420 !important; }
html.--un-harmony.--un-theme-berry #__un-brand-sub  { color: #7a3060 !important; }
html.--un-harmony.--un-theme-berry .__un-nav-btn    { color: #2a0420 !important; }
html.--un-harmony.--un-theme-berry .__un-nav-btn:hover::before, html.--un-harmony.--un-theme-berry .__un-btn-wrap.--dd-open > .__un-nav-btn::before { background: rgba(200,60,140,0.12) !important; }
html.--un-harmony.--un-theme-berry #__unified-navbar img, html.--un-harmony.--un-theme-berry #__un-collapse-btn img { filter: var(--un-logo-filter) !important; }
html.--un-harmony.--un-theme-berry .__un-dev-badge { background: #901050 !important; }
html.--un-harmony.--un-theme-berry .__un-dd { background: #e8c0d8 !important; border-color: rgba(200,60,140,0.22) !important; box-shadow: 0 4px 14px rgba(80,0,40,0.14) !important; }
html.--un-harmony.--un-theme-berry .__un-app-item { background: #e8c0d8 !important; }
html.--un-harmony.--un-theme-berry .__un-dd-label, html.--un-harmony.--un-theme-berry .__un-accordion-hdr-label { color: rgba(60,4,30,0.55) !important; }
html.--un-harmony.--un-theme-berry .__un-accordion { border-bottom-color: rgba(200,60,140,0.14) !important; }
html.--un-harmony.--un-theme-berry .__un-app-item span, html.--un-harmony.--un-theme-berry .__un-version-option, html.--un-harmony.--un-theme-berry .__un-version-option > span, html.--un-harmony.--un-theme-berry .__un-font-option > span, html.--un-harmony.--un-theme-berry .__un-size-option > span { color: #2a0420 !important; }
html.--un-harmony.--un-theme-berry .__un-app-item:hover, html.--un-harmony.--un-theme-berry .__un-version-option:hover, html.--un-harmony.--un-theme-berry .__un-font-option:hover, html.--un-harmony.--un-theme-berry .__un-size-option:hover { background: rgba(200,60,140,0.12) !important; }
html.--un-harmony.--un-theme-berry .__un-font-sample-block, html.--un-harmony.--un-theme-berry .__un-size-sample { background: rgba(200,60,140,0.14) !important; color: #2a0420 !important; }
@media (prefers-color-scheme: dark) {
    html.--un-harmony.--un-theme-berry { --un-logo-filter: invert(0.88); }
    html.--un-harmony.--un-theme-berry #__unified-navbar { background: #3d1030 !important; border-bottom-color: rgba(240,80,160,0.12) !important; box-shadow: 0 1px 8px rgba(0,0,0,0.40) !important; }
    html.--un-harmony.--un-theme-berry #__un-collapse-btn { background: #3d1030 !important; border-color: rgba(240,80,160,0.12) !important; }
    html.--un-harmony.--un-theme-berry #__un-collapse-btn:hover { background: #561028 !important; }
    html.--un-harmony.--un-theme-berry #__un-brand-name { color: #f0b8d8 !important; }
    html.--un-harmony.--un-theme-berry #__un-brand-sub  { color: #c068a0 !important; }
    html.--un-harmony.--un-theme-berry .__un-nav-btn    { color: #f0b8d8 !important; }
    html.--un-harmony.--un-theme-berry .__un-nav-btn:hover::before, html.--un-harmony.--un-theme-berry .__un-btn-wrap.--dd-open > .__un-nav-btn::before { background: rgba(240,80,160,0.12) !important; }
    html.--un-harmony.--un-theme-berry .__un-accordion-chevron, html.--un-harmony.--un-theme-berry .__un-accordion-section-icon, html.--un-harmony.--un-theme-berry .__un-app-item img { filter: var(--un-logo-filter) !important; }
    html.--un-harmony.--un-theme-berry .__un-dd { background: #281020 !important; border-color: rgba(240,80,160,0.10) !important; box-shadow: 0 4px 18px rgba(0,0,0,0.50) !important; }
    html.--un-harmony.--un-theme-berry .__un-app-item { background: #281020 !important; }
    html.--un-harmony.--un-theme-berry .__un-dd-label, html.--un-harmony.--un-theme-berry .__un-accordion-hdr-label { color: rgba(240,184,216,0.55) !important; }
    html.--un-harmony.--un-theme-berry .__un-accordion { border-bottom-color: rgba(240,80,160,0.09) !important; }
    html.--un-harmony.--un-theme-berry .__un-app-item span, html.--un-harmony.--un-theme-berry .__un-version-option, html.--un-harmony.--un-theme-berry .__un-version-option > span, html.--un-harmony.--un-theme-berry .__un-font-option > span, html.--un-harmony.--un-theme-berry .__un-size-option > span { color: #f0b8d8 !important; }
    html.--un-harmony.--un-theme-berry .__un-app-item:hover, html.--un-harmony.--un-theme-berry .__un-version-option:hover, html.--un-harmony.--un-theme-berry .__un-font-option:hover, html.--un-harmony.--un-theme-berry .__un-size-option:hover { background: rgba(240,80,160,0.09) !important; }
    html.--un-harmony.--un-theme-berry .__un-font-sample-block, html.--un-harmony.--un-theme-berry .__un-size-sample { background: rgba(240,80,160,0.12) !important; color: #f0b8d8 !important; }
}

#__un-collapse-btn {
    position: fixed !important; top: 64px; left: 50%; transform: translateX(-50%);
    z-index: 99998 !important;
    width: 40px !important; height: 18px !important; padding: 0 !important;
    background: #fff !important; border: 1px solid rgba(0,0,0,0.10) !important; border-top: none !important;
    border-radius: 0 0 8px 8px !important; z-index: 100000;
    box-shadow: 0 1px 6px rgba(0,0,0,0.07) !important;
    transition: background 0.15s ease, top 0.2s ease !important;
}
#__un-collapse-btn::before { display: none !important; }
#__un-collapse-btn > img { width: 12px !important; height: 12px !important; display: block !important; }
#__un-collapse-btn:hover { background: #ebebeb !important; }
html.--nav-hidden #__un-collapse-btn { top: 0; box-shadow: 0 1px 6px rgba(0,0,0,0.10) !important; }
html.--nav-hidden .__un-dd { visibility: hidden !important; }


/* Dropdowns */
.__un-dd {
    display: grid; position: absolute; top: 100%;
    background: #fff; border: 1px solid rgba(0,0,0,0.12);
    border-radius: 0 0 12px 12px;
    z-index: 100001; box-shadow: 0 4px 14px rgba(0,0,0,0.14) !important;
    opacity: 0; pointer-events: none; visibility: hidden;
    transition: opacity 0.15s ease, visibility 0s linear 0.15s;
}
.__un-dd.__open {
    opacity: 1; pointer-events: auto; visibility: visible;
    transition: opacity 0.15s ease, visibility 0s linear 0s;
}

#__un-apps-dd { padding: 8px; display: flex; flex-direction: column; gap: 0; right: 0; left: auto; width: 400px; min-width: 0; }
.__un-dd-section-label {
    grid-column: 1 / -1; text-align: center;
    font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
    padding: 22px 2px 4px; line-height: 1;
}
#__un-apps-dd .__un-dd-section-label:first-child { padding-top: 6px; }
#__un-themes-dd .__un-dd-section-label:first-child { padding-top: 6px; }
.__un-section-body { display: grid; gap: 8px; padding: 10px 4px 14px; }
#__un-themes-dd { padding: 8px; display: flex; flex-direction: column; gap: 0; width: 404px; min-width: 0; right: 48px; left: auto; }
#__un-shirt-dd { padding: 0; width: 394px; right: 0; left: auto; display: flex; flex-direction: column; overflow: hidden; max-height: calc(100svh - 80px); }
.__un-av-header { padding: 16px 12px 0; display: flex; flex-direction: column; align-items: center; gap: 10px; flex-shrink: 0; }
.__un-av-main-wrap { position: relative; width: 88px; height: 88px; flex-shrink: 0; border-radius: 8px; box-shadow: 0 0 0 1px rgba(0,0,0,0.12); }
.__un-av-main { width: 100%; height: 100%; border-radius: 8px; background: rgba(0,0,0,0.06); display: block; object-fit: cover; }
.__un-av-main.--loading { opacity: 0; }
.__un-av-spinner { position: absolute; inset: 0; display: none; align-items: center; justify-content: center; border-radius: 6px; background: rgba(0,0,0,0.04); }
.__un-av-spinner::after { content: ''; width: 26px; height: 26px; border: 2.5px solid rgba(0,0,0,0.1); border-top-color: rgba(0,0,0,0.5); border-radius: 50%; animation: __un-spin 0.7s linear infinite; }
.__un-av-main.--loading ~ .__un-av-spinner { display: flex; }
@keyframes __un-spin { to { transform: rotate(360deg); } }
#__un-shirt-dd.--loading .__un-av-grid, #__un-shirt-dd.--loading .__un-av-tabnav { opacity: 0; pointer-events: none; }
.__un-av-tabnav { display: flex; align-items: stretch; width: 100%; height: 34px; border: 1px solid rgba(0,0,0,0.12); border-radius: 6px; overflow: hidden; margin-bottom: 10px; }
.__un-av-arrow { flex: 0 0 36px; border: none; background: transparent; cursor: pointer; color: inherit; font-family: inherit; display: flex; align-items: center; justify-content: center; transition: background 0.15s ease; -webkit-appearance: none; }
.__un-av-arrow img { width: 16px !important; height: 16px !important; image-rendering: pixelated; display: block; }
.__un-av-arrow:first-child { border-right: 1px solid rgba(0,0,0,0.10); }
.__un-av-arrow:last-child { border-left: 1px solid rgba(0,0,0,0.10); }
.__un-av-arrow:hover { background: rgba(0,0,0,0.07); }
.__un-av-arrow:disabled { opacity: 0.25; cursor: default; pointer-events: none; }
.__un-av-tabname { flex: 1; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: inherit; line-height: 1; }
.__un-av-grid { display: grid; gap: 6px; padding: 2px 12px 10px; overflow-y: auto; max-height: 310px; overscroll-behavior: contain; }
.__un-av-grid.--batch-loading { position: relative; pointer-events: none; min-height: 140px; }
.__un-av-grid.--batch-loading > .__un-av-opt { visibility: hidden; }
.__un-av-grid.--batch-loading::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  border: 2.5px solid rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  animation: __un-spin 0.7s linear infinite;
  z-index: 3;
  pointer-events: none;
}
.__un-av-opt { flex-direction: column !important; aspect-ratio: 1 !important; height: auto !important; width: 100%; padding: 0 !important; overflow: hidden; position: relative; cursor: pointer; border-radius: 8px !important; font-family: inherit; }
.__un-av-opt img { width: 100% !important; height: 100% !important; border-radius: 0 !important; object-fit: cover; display: block; }
#__un-shirt-dd .__un-av-main, #__un-shirt-dd .__un-av-opt img { filter: none !important; }
.__un-av-footer { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 12px 12px; flex-shrink: 0; border-top: 1px solid rgba(0,0,0,0.07); }
.__un-av-note { flex: 0 0 100%; font-size: 12px; color: rgba(0,0,0,0.5); text-align: center; line-height: 1.4; padding: 0 4px 2px; }
.__un-av-footer button { flex: 1; padding: 9px; border-radius: 6px; border: 1px solid rgba(0,0,0,0.12); background: transparent; font-family: inherit; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; cursor: pointer; transition: background 0.15s ease; color: inherit; text-align: center !important; }
.__un-av-footer button:hover { background: rgba(0,0,0,0.07); }
.__un-av-footer button.--save { background: #000; color: #fff !important; border-color: #000; }
.__un-av-footer button.--save:hover { background: #333; }
.__un-av-footer button:disabled:not(.--saving) { opacity: 0.4; cursor: default; }
.__un-av-footer button.--saving { pointer-events: none; cursor: wait; }
@media (max-width: 768px) {
    .__un-dd { left: 0 !important; right: 0 !important; width: 100% !important; border-radius: 0 !important; max-height: calc(100svh - 64px); overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; }
    #__un-themes-dd { min-width: 0; }
    .__un-accordion-body:not(.__un-accordion-body--version) { grid-template-columns: repeat(4, 1fr) !important; }
    .__un-accordion-body--version { grid-template-columns: repeat(4, 1fr) !important; width: 100% !important; }
    .__un-theme-swatch, .__un-font-option, .__un-size-option { width: 100% !important; min-width: 0 !important; }
    .__un-av-main-wrap { width: calc((100vw - 42px) / 4) !important; height: calc((100vw - 42px) / 4) !important; }
}

.__un-accordion { border-bottom: 1px solid rgba(0,0,0,0.07); padding: 4px 0; }
.__un-accordion:last-child { border-bottom: none; padding-bottom: 0; }
.__un-accordion:last-child .__un-accordion-body.__open { padding-bottom: 4px; }
.__un-accordion-hdr {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; padding: 10px 6px; border: none; background: transparent;
    cursor: pointer; border-radius: 6px; text-align: left;
}
.__un-accordion-hdr:hover { background: rgba(0,0,0,0.06); }
.__un-accordion-hdr-label {
    font-size: 9px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
    color: #000;
}
.__un-accordion-hdr-left {
    display: flex; align-items: center; gap: 8px;
}
.__un-accordion-section-icon {
    width: 15px !important; height: 15px !important; opacity: 0.55; flex-shrink: 0;
}
.__un-accordion-chevron {
    width: 14px !important; height: 14px !important; opacity: 0.45; flex-shrink: 0;
    transition: transform 0.2s ease;
}
.__un-accordion.__open .__un-accordion-chevron { transform: rotate(180deg); }
.__un-accordion-body {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;
    max-height: 0; overflow: hidden; padding: 0 6px;
    transition: max-height 0.22s ease, padding-top 0.22s ease, padding-bottom 0.22s ease;
}
.__un-accordion-body.__open { max-height: 600px; padding-top: 12px; padding-bottom: 16px; }
.__un-accordion-body--version { grid-template-columns: repeat(4, 1fr); }
.__un-theme-swatch {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    width: 100%; height: 70px; gap: 4px;
    cursor: pointer; padding: 0; border-radius: 8px; border: none; outline: none;
    background: #fff; font-family: inherit;
    transition: background 0.15s ease;
}
.__un-theme-swatch:hover { background: rgba(0,0,0,0.07); }
.__un-theme-swatch.--active { outline: 2px solid #000 !important; outline-offset: -2px !important; }
.__un-swatch-block {
    width: 32px; height: 32px; display: block; border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.10);
}
.__un-theme-swatch > span {
    font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;
    color: #000; text-align: center; line-height: 1; white-space: nowrap;
    transition: color 0.15s ease;
}

.__un-dd-label {
    grid-column: 1 / -1;
    color: #000;
    font-size: 9px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
    padding: 6px 0;
    text-align: center;
}
.__un-dd-section {
    grid-column: 1 / -1;
    display: grid; grid-template-columns: repeat(4, 80px); gap: 12px;
    padding-top: 0; margin-top: 16px;
}

.__un-version-section {
    grid-column: 1 / -1;
    display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
    margin-top: 16px;
}
.__un-version-option {
    display: flex; align-items: center; justify-content: center;
    padding: 10px 8px; border-radius: 6px;
    text-decoration: none !important; font-size: 11px; font-weight: 700;
    letter-spacing: 0.05em; text-transform: uppercase;
    color: #000 !important; background: transparent; border: none;
    transition: background 0.15s ease;
}
.__un-version-option:hover { background: rgba(0,0,0,0.07); }
.__un-version-option { outline: 1px solid rgba(0,0,0,0.12) !important; outline-offset: -1px !important; }
.__un-version-option.--active { outline: 2px solid var(--un-theme-ac) !important; outline-offset: -2px !important; }
.__un-av-opt.__un-version-option { outline: none !important; }
.__un-av-opt.__un-version-option::before { content: ''; position: absolute; inset: 0; border-radius: 8px; border: 1px solid rgba(0,0,0,0.12); background: transparent; pointer-events: none; z-index: 2; transition: background 0.15s ease; }
.__un-av-opt.__un-version-option.--active::before { border-width: 2px; border-color: var(--un-theme-ac); background: transparent; }
.__un-av-opt:hover::before { background: rgba(0,0,0,0.07); }
.__un-version-option > span { color: #000 !important; }

.__un-app-item {
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: 6px; background: #fff;
    text-decoration: none !important; color: #000 !important;
    font-size: 9px; font-weight: 700;
    letter-spacing: 0.05em; text-transform: uppercase;
    border: none;
    width: 100%; aspect-ratio: 1; flex-shrink: 0;
    transition: background 0.15s ease;
    border-radius: 8px; justify-self: center; box-sizing: border-box;
}
.__un-app-item { outline: 1px solid rgba(0,0,0,0.12); outline-offset: -1px; padding: 6px 8px; letter-spacing: 0.03em; }
.__un-app-item:hover { background: rgba(0,0,0,0.07); }
.__un-app-item.--active { outline: 2px solid var(--un-theme-ac) !important; outline-offset: -2px !important; }
.__un-font-icon { font-size: 22px; font-weight: 700; line-height: 1; height: 30px; display: flex; align-items: center; justify-content: center; text-transform: none !important; letter-spacing: 0 !important; }
.__un-size-icon { font-weight: 700; line-height: 1; display: flex; align-items: center; justify-content: center; text-transform: none !important; letter-spacing: 0 !important; }
div.__un-app-item { opacity: 0.38; pointer-events: none; }
.__un-app-item span { color: #000 !important; transition: color 0.15s ease; word-break: break-word; text-align: center; width: 100%; }
.__un-app-item img { width: 34px !important; height: 34px !important; image-rendering: pixelated; display: block; transition: filter 0.15s ease; }

html.--un-harmony { overflow-x: clip !important; }

/* Force Cinny (#appBody) to its light palette so lens-based dark inversion works correctly */
html.--un-harmony.__un-svc-chat #appBody {
    --oq6d070: #F2F2F2 !important; --oq6d071: #E5E5E5 !important;
    --oq6d072: #D9D9D9 !important; --oq6d073: #CCCCCC !important;
    --oq6d074: #000000 !important; --oq6d075: #FFFFFF !important;
    --oq6d076: #F2F2F2 !important; --oq6d077: #E5E5E5 !important;
    --oq6d078: #D9D9D9 !important; --oq6d079: #000000 !important;
    --oq6d07t: #FFFFFF !important; --oq6d07u: #D9D9D9 !important;
    --oq6d07v: #CCCCCC !important; --oq6d07w: #BFBFBF !important;
    --oq6d07x: #B2B2B2 !important; --oq6d07y: #0D0D0D !important;
}


/* ── Fonts: Playfair Display ── */
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: url('/fonts/playfair-display-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; src: url('/fonts/playfair-display-latin-700-normal.woff2') format('woff2'); }
/* ── Harmony: baseline font (no-!important so font presets override) ── */
html.--un-harmony,
html.--un-harmony * { font-family: 'Space Grotesk', sans-serif; }

/* ── Navbar buttons/dropdowns: always Space Grotesk; brand text follows font preset ── */
html.--un-harmony #__unified-navbar *:not(#__un-brand-name):not(#__un-brand-sub),
html.--un-harmony #__un-collapse-btn,
html.--un-harmony .__un-dd,
html.--un-harmony .__un-dd * { font-family: 'Space Grotesk', sans-serif !important; }

/* ── Font presets (independent of color theme) ── */
html.--un-harmony.--un-font-sans,
html.--un-harmony.--un-font-sans * { font-family: 'Space Grotesk', sans-serif !important; }

html.--un-harmony.--un-font-serif,
html.--un-harmony.--un-font-serif * { font-family: 'Playfair Display', serif !important; }
html.--un-harmony.--un-font-serif code,
html.--un-harmony.--un-font-serif pre,
html.--un-harmony.--un-font-serif kbd { font-family: 'IBM Plex Mono', monospace !important; }

html.--un-harmony.--un-font-mono,
html.--un-harmony.--un-font-mono * { font-family: 'IBM Plex Mono', monospace !important; }


/* ── Disable self-registration across all services ── */
html.__un-svc-identity .pf-c-login__main-footer-band,
html.__un-svc-identity a[href*="enroll"],
html.__un-svc-identity a[href*="sign_up"],
html.__un-svc-identity a[href*="signup"],
html.__un-svc-identity a[href*="register"] { display: none !important; }
html.__un-svc-chat .cs-Auth__action a,
html.__un-svc-chat [class*="CreateAccount"],
html.__un-svc-chat [class*="registerPage"],
html.__un-svc-chat a[href*="register"],
html.__un-svc-chat *:has(> a[href*="register"]) { display: none !important; }

/* ── Logo/brand hiding ── */
html.--un-harmony.__un-svc-identity img[src*="icon_left_brand"],
html.--un-harmony.__un-svc-identity img[src*="icon.png"],
html.--un-harmony.__un-svc-identity img[src*="logo"],
html.--un-harmony.__un-svc-identity img[alt*="authentik" i],
html.--un-harmony.__un-svc-identity img[class*="pf-c-brand"] { display: none !important; }
html.--un-harmony.__un-svc-identity ak-interface-user::part(brand),
html.--un-harmony.__un-svc-identity ak-interface-admin::part(brand),
html.--un-harmony.__un-svc-identity ak-flow-executor::part(brand) { visibility: hidden !important; }
html.__un-svc-identity .pf-c-background-image,
html.__un-svc-identity .pf-c-background-image::before,
html.__un-svc-identity .pf-c-background-image::after { display: none !important; }
html.__un-svc-identity body::before { background-image: none !important; background: none !important; }
html.__un-svc-identity {
    --ak-global--background-image: none !important;
    --pf-c-background-image--BackgroundImage: none !important;
    --pf-c-background-image--BackgroundImage--sm: none !important;
    --pf-c-background-image--BackgroundImage--2x: none !important;
    --pf-c-background-image--BackgroundImage--sm-2x: none !important;
}
html.__un-svc-identity { overflow-x: hidden !important; }
html.__un-svc-identity ak-interface-user,
html.__un-svc-identity ak-interface-admin {
    position: fixed !important; top: 64px !important; left: 0 !important;
    right: 0 !important; bottom: 0 !important; height: auto !important;
}
html.--nav-hidden.__un-svc-identity ak-interface-user,
html.--nav-hidden.__un-svc-identity ak-interface-admin { top: 0 !important; }
html.__un-svc-identity body:not(.--nav-hidden) {
    padding-top: 64px !important;
}
html.--un-harmony.__un-svc-search img[src*="searxng"],
html.--un-harmony.__un-svc-search img[alt*="SearXNG" i],
html.--un-harmony.__un-svc-search .index .title { display: none !important; }
html.--un-harmony.__un-svc-chat img[alt*="Cinny" i],
html.--un-harmony.__un-svc-chat img[src*="cinny" i] { display: none !important; }
html.--un-harmony.__un-svc-chat #root * { background-image: none !important; }
html.--un-harmony.__un-svc-chat body {
    --oq6d070: var(--un-bg);
    background-color: var(--un-bg) !important;
}
html.--un-harmony.__un-svc-chat body:not(.--nav-hidden) {
    padding-top: 0 !important; box-sizing: content-box !important;
}
html.--un-harmony.__un-svc-chat body:not(.--nav-hidden) #root {
    margin-top: 64px !important; height: calc(100% - 64px) !important;
}
html.__un-svc-chat a[href*="matrix.org"] { display: none !important; }

/* Office top window: clearance under Harmony navbar — OO pads get body inset like drive (padding-top), not this zeroing. */
html.--un-harmony.__un-svc-office:not(.--un-iframe) body:not(.--nav-hidden):not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation) {
  padding-top: 0 !important;
}
html.--un-harmony.__un-svc-office:not(.--un-iframe) body:not(.--nav-hidden) #cp-toolbar.cp-toolbar-container {
  margin-top: 64px !important;
}
html.--nav-hidden.__un-svc-office:not(.--un-iframe) body #cp-toolbar.cp-toolbar-container {
  margin-top: 0 !important;
}
html.--un-harmony.--un-iframe body:not(.--nav-hidden) #cp-toolbar.cp-toolbar-container {
  margin-top: 0 !important;
}

/* CryptPad: bottom-mid uses margin:auto which centers Share/Access — place mid after right (far right group). */
html.--un-harmony body.cp-app-doc #cp-toolbar .cp-toolbar-bottom-mid,
html.--un-harmony body.cp-app-sheet #cp-toolbar .cp-toolbar-bottom-mid,
html.--un-harmony body.cp-app-presentation #cp-toolbar .cp-toolbar-bottom-mid {
  margin: 0 !important;
  order: 4 !important;
}
html.--un-harmony body.cp-app-doc #cp-toolbar .cp-toolbar-bottom-right,
html.--un-harmony body.cp-app-sheet #cp-toolbar .cp-toolbar-bottom-right,
html.--un-harmony body.cp-app-presentation #cp-toolbar .cp-toolbar-bottom-right {
  order: 3 !important;
}
html.--un-harmony body.cp-app-pad .cp-toolbar-container .cp-toolbar-bottom-mid,
html.--un-harmony body.cp-app-kanban .cp-toolbar-container .cp-toolbar-bottom-mid,
html.--un-harmony body.cp-app-form .cp-toolbar-container .cp-toolbar-bottom-mid,
html.--un-harmony body.cp-app-calendar .cp-toolbar-container .cp-toolbar-bottom-mid,
html.--un-harmony body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-bottom-mid,
html.--un-harmony body.cp-app-diagram .cp-toolbar-container .cp-toolbar-bottom-mid,
html.--un-harmony body.cp-app-todo .cp-toolbar-container .cp-toolbar-bottom-mid {
  margin: 0 !important;
  order: 4 !important;
}
html.--un-harmony body.cp-app-pad .cp-toolbar-container .cp-toolbar-bottom-right,
html.--un-harmony body.cp-app-kanban .cp-toolbar-container .cp-toolbar-bottom-right,
html.--un-harmony body.cp-app-form .cp-toolbar-container .cp-toolbar-bottom-right,
html.--un-harmony body.cp-app-calendar .cp-toolbar-container .cp-toolbar-bottom-right,
html.--un-harmony body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-bottom-right,
html.--un-harmony body.cp-app-diagram .cp-toolbar-container .cp-toolbar-bottom-right,
html.--un-harmony body.cp-app-todo .cp-toolbar-container .cp-toolbar-bottom-right {
  order: 3 !important;
}

/*
 * Office drive: CryptPad forces width:100% on .cp-app-drive-container — use calc + margins and
 * body padding so inset survives load order. html.cp-app-noscroll is on drive inner documents.
 */
/* __un-svc-office alone (theme can be original without --un-harmony) */
html.--un-harmony.__un-svc-office body.cp-app-drive {
  padding: 14px !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body.cp-app-drive .cp-app-drive-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
}

/* OO pads: no top body padding (harmony-cryptpad inject aligns); avoids empty band above toolbar on tall viewports */
html.--un-harmony.__un-svc-office body.cp-app-doc,
html.--un-harmony.__un-svc-office body.cp-app-sheet,
html.--un-harmony.__un-svc-office body.cp-app-presentation {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* OnlyOffice shell: full-bleed horizontally (top window and Harmony iframe — both use __un-svc-office). */
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-app-oo-container,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-app-oo-container,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-app-oo-container {
  margin: 8px 0 0 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-app-oo-editor,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-app-oo-editor,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-app-oo-editor {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}

html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar.cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar.cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar.cp-toolbar-container {
  padding-left: 14px !important;
  padding-right: 14px !important;
  padding-top: 10px !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container {
  padding-left: 14px !important;
  padding-right: 14px !important;
  padding-top: 10px !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container > .cp-toolbar,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container > .cp-toolbar,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container > .cp-toolbar,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container > .cp-toolbar,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container > .cp-toolbar,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container > .cp-toolbar,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container > .cp-toolbar {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 800px) {
  html.--un-harmony.__un-svc-office body.cp-app-drive {
    padding: 0 !important;
  }
  html.--un-harmony.__un-svc-office body.cp-app-doc,
  html.--un-harmony.__un-svc-office body.cp-app-sheet,
  html.--un-harmony.__un-svc-office body.cp-app-presentation {
    padding-top: 0 !important;
  }
  html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar.cp-toolbar-container,
  html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar.cp-toolbar-container,
  html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar.cp-toolbar-container,
  html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container,
  html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container,
  html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container,
  html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container,
  html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container,
  html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container,
  html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html.--un-harmony.__un-svc-office body.cp-app-pad #cp-app-pad-editor,
  html.--un-harmony.__un-svc-office body.cp-app-kanban #cp-app-kanban-editor {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html.--un-harmony.__un-svc-office body.cp-app-doc #cp-app-oo-container,
  html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-app-oo-container,
  html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-app-oo-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html.--un-harmony.__un-svc-office body.cp-app-doc #cp-app-oo-editor,
  html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-app-oo-editor,
  html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-app-oo-editor {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-bottom {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-content: center !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-bottom > * {
  align-self: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-bottom {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-content: center !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-bottom > * {
  align-self: center !important;
}

/*
 * OO pads: expanded title row — keep title + status on one line (compact controls); extra
 * vertical padding on the strip only, not oversized buttons.
 */
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden),
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden),
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  min-height: 0 !important;
  height: auto !important;
  align-items: center !important;
  align-content: center !important;
  padding: 5px 0 !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) > *,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) > *,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) > * {
  align-self: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-top-filler,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-top-filler,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-top-filler {
  min-height: 30px !important;
  height: 30px !important;
  align-self: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title {
  margin: 0 6px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex-flow: row nowrap !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  white-space: nowrap !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-hoverable,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-hoverable,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-hoverable {
  order: 1 !important;
  display: inline-flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  max-width: min(55vw, 28rem) !important;
  overflow: hidden !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value,
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value-page,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value-page,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value-page {
  font-size: 14px !important;
  line-height: 30px !important;
  height: 30px !important;
  min-height: 0 !important;
  padding: 0 3px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-readonly,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-readonly,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-readonly {
  order: 2 !important;
  font-size: 11px !important;
  line-height: 30px !important;
  height: 30px !important;
  margin-left: 8px !important;
  margin-top: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  opacity: 0.62 !important;
  font-weight: 400 !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title input,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title input,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title input {
  font-size: 14px !important;
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 5px !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link,
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications {
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications > button,
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance > button,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications > button,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance > button,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications > button,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance > button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(1) {
  display: none !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(2) {
  display: block !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex-shrink: 0 !important;
  vector-effect: non-scaling-stroke !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg *,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg *,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg * {
  vector-effect: non-scaling-stroke !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications svg,
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance svg,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications svg,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance svg,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications svg,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance svg,
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title svg,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title svg,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title svg,
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user svg,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user svg,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex-shrink: 0 !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user {
  display: inline-flex !important;
  height: 30px !important;
  line-height: 30px !important;
  align-items: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown {
  padding: 0 !important;
  height: 30px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown > button,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown > button,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown > button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar,
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown .cp-avatar-default {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background-color: transparent !important;
  border: none !important;
  background-image: url("/icons/users.svg") !important;
  background-size: 20px 20px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar *,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar *,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar *,
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default *,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default *,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default * {
  display: none !important;
}
html.--un-harmony.__un-svc-office body.cp-app-doc #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-spinner,
html.--un-harmony.__un-svc-office body.cp-app-sheet #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-spinner,
html.--un-harmony.__un-svc-office body.cp-app-presentation #cp-toolbar .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-spinner {
  height: 30px !important;
  line-height: 30px !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* ─── Native app outer-window cp-toolbar (pad, kanban, form, whiteboard, diagram, calendar, todo) ─── */
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-bottom,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-bottom {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-content: center !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-bottom > *,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-bottom > * {
  align-self: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden),
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden),
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden),
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden),
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden),
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden),
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  min-height: 0 !important;
  height: auto !important;
  align-items: center !important;
  align-content: center !important;
  padding: 5px 0 !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) > *,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) > *,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) > *,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) > *,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) > *,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) > *,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) > * {
  align-self: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-top-filler,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-top-filler,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-top-filler,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-top-filler,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-top-filler,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-top-filler,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-top-filler {
  min-height: 30px !important;
  height: 30px !important;
  align-self: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title {
  margin: 0 6px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex-flow: row nowrap !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  white-space: nowrap !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-hoverable,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-hoverable,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-hoverable,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-hoverable,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-hoverable,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-hoverable,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-hoverable {
  order: 1 !important;
  display: inline-flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  max-width: min(55vw, 28rem) !important;
  overflow: hidden !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value,
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value-page,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value-page,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value-page,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value-page,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value-page,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value-page,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value-page {
  font-size: 14px !important;
  line-height: 30px !important;
  height: 30px !important;
  min-height: 0 !important;
  padding: 0 3px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-readonly,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-readonly,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-readonly,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-readonly,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-readonly,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-readonly,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-readonly {
  order: 2 !important;
  font-size: 11px !important;
  line-height: 30px !important;
  height: 30px !important;
  margin-left: 8px !important;
  margin-top: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  opacity: 0.62 !important;
  font-weight: 400 !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title input,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title input,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title input,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title input,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title input,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title input,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title input {
  font-size: 14px !important;
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 5px !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link,
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications {
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(1),
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(1) {
  display: none !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(2),
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo:hover > svg:nth-of-type(2) {
  display: block !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex-shrink: 0 !important;
  vector-effect: non-scaling-stroke !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg *,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg *,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg *,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg *,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg *,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-link a.cp-toolbar-link-logo svg * {
  vector-effect: non-scaling-stroke !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications > button,
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance > button,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications > button,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance > button,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications > button,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance > button,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications > button,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance > button,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications > button,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance > button,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications > button,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance > button,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications > button,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance > button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications svg,
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance svg,
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title svg,
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user svg,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications svg,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-maintenance svg,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title svg,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user svg,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications svg,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title svg,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user svg,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications svg,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title svg,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user svg,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications svg,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title svg,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user svg,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications svg,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title svg,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user svg,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-notifications svg,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title svg,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex-shrink: 0 !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user {
  display: inline-flex !important;
  height: 30px !important;
  line-height: 30px !important;
  align-items: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown {
  padding: 0 !important;
  height: 30px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown > button,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown > button,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown > button,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown > button,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown > button,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown > button,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown > button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar,
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user-dropdown .cp-avatar-default {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: transparent !important;
  border: none !important;
  background-image: url("/icons/users.svg") !important;
  background-size: 20px 20px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar *,
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default *,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar *,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default *,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar *,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default *,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar *,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default *,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar *,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default *,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar *,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default *,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar *,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user .cp-avatar-default * {
  display: none !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-spinner,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-spinner,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-spinner,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-spinner,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-spinner,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-spinner,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-spinner {
  height: 30px !important;
  line-height: 30px !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

html.--un-harmony body.cp-app-drive .cp-app-drive-container,
html.--un-harmony body.cp-app-doc #cp-app-oo-container,
html.--un-harmony body.cp-app-sheet #cp-app-oo-container,
html.--un-harmony body.cp-app-presentation #cp-app-oo-container {
  min-height: 0 !important;
}

html.--un-harmony.__un-svc-office .cp-help-container,
html.--un-harmony.__un-svc-office .cp-help-text,
html.--un-harmony.__un-svc-office .cp-toolbar-button[name="help"] {
  display: none !important;
}

html.--un-harmony.__un-svc-office.--un-iframe body.cp-app-drive .cp-app-drive-content-info-box,
html.--un-harmony.__un-svc-office.--un-iframe body.cp-app-drive .cp-help-container,
html.--un-harmony.__un-svc-office.--un-iframe body.cp-app-drive .cp-help-text,
html.--un-harmony.__un-svc-office.--un-iframe body.cp-app-drive .cp-toolbar-button[name="help"],
html.--un-harmony.__un-svc-office.--un-iframe body.cp-app-drive .cp-limit-container,
html.--un-harmony.__un-svc-office.--un-iframe body.cp-app-drive .cp-toolbar-link,
html.--un-harmony.__un-svc-office.--un-iframe body.cp-app-drive .cp-toolbar-title,
html.--un-harmony.__un-iframe body.cp-app-drive .cp-app-drive-content-info-box,
html.--un-harmony.__un-iframe body.cp-app-drive .cp-help-container,
html.--un-harmony.__un-iframe body.cp-app-drive .cp-help-text,
html.--un-harmony.__un-iframe body.cp-app-drive .cp-toolbar-button[name="help"],
html.--un-harmony.__un-iframe body.cp-app-drive .cp-limit-container,
html.--un-harmony.__un-iframe body.cp-app-drive .cp-toolbar-link,
html.--un-harmony.__un-iframe body.cp-app-drive .cp-toolbar-title {
  display: none !important;
}

html.--un-harmony.__un-svc-office.--un-iframe body.cp-app-drive .cp-toolbar-top,
html.--un-harmony.__un-iframe body.cp-app-drive .cp-toolbar-top {
  display: none !important;
}
html.--un-harmony.__un-svc-office.--un-iframe body.cp-app-drive #cp-toolbar .cp-toolbar-bottom,
html.--un-harmony.__un-iframe body.cp-app-drive #cp-toolbar .cp-toolbar-bottom {
  border-top: none !important;
}

/* ─── Native app inner frames (pad, kanban, form, diagram, calendar, todo) ─── */
html.--un-harmony.__un-svc-office body.cp-app-whiteboard {
  padding: 0 !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad,
html.--un-harmony.__un-svc-office body.cp-app-kanban,
html.--un-harmony.__un-svc-office body.cp-app-form,
html.--un-harmony.__un-svc-office body.cp-app-diagram,
html.--un-harmony.__un-svc-office body.cp-app-calendar,
html.--un-harmony.__un-svc-office body.cp-app-todo {
  padding: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad > .cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-kanban > .cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-form > .cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-diagram > .cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-calendar > .cp-toolbar-container,
html.--un-harmony.__un-svc-office body.cp-app-todo > .cp-toolbar-container {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad > .cp-toolbar-container ~ *,
html.--un-harmony.__un-svc-office body.cp-app-kanban > .cp-toolbar-container ~ *,
html.--un-harmony.__un-svc-office body.cp-app-form > .cp-toolbar-container ~ *,
html.--un-harmony.__un-svc-office body.cp-app-diagram > .cp-toolbar-container ~ *,
html.--un-harmony.__un-svc-office body.cp-app-calendar > .cp-toolbar-container ~ *,
html.--un-harmony.__un-svc-office body.cp-app-todo > .cp-toolbar-container ~ * {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
/* Compact toolbar-top row (before collapse fires) + avatar → users icon */
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-content: center !important;
  gap: 6px 8px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 5px 0 !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) > * {
  align-self: center !important;
}
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-top-filler {
  min-height: 30px !important;
  height: 30px !important;
  align-self: center !important;
}
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title {
  margin: 0 6px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  white-space: nowrap !important;
}
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value,
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-title-value-page {
  font-size: 14px !important;
  line-height: 30px !important;
  height: 30px !important;
  min-height: 0 !important;
  padding: 0 3px !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-user,
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-toolbar-userlist-button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-avatar,
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-avatar-default {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: transparent !important;
  border: none !important;
  background-image: url("/icons/users.svg") !important;
  background-size: 20px 20px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-avatar *,
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-container .cp-toolbar-top:not(.toolbar-hidden) .cp-avatar-default * {
  display: none !important;
}
html.--un-harmony.__un-svc-office body:not(.cp-app-doc):not(.cp-app-sheet):not(.cp-app-presentation):not(.cp-app-drive):not(.cp-app-pad):not(.cp-app-kanban):not(.cp-app-form):not(.cp-app-calendar):not(.cp-app-whiteboard):not(.cp-app-diagram):not(.cp-app-todo) .cp-toolbar-spinner {
  height: 30px !important;
  line-height: 30px !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

html.--un-harmony.__un-svc-office .cp-toolbar-container .cp-toolbar-top.toolbar-hidden {
  display: none !important;
}

/* ─── CryptPad loading-screen branding suppression (harmony themes only) ─── */
html.--un-harmony img.placeholder-logo,
html.--un-harmony img.cp-loading-cryptofist { display: none !important; }
html.--un-harmony .placeholder-logo-container > span,
html.--un-harmony .cp-loading-logo > span { font-size: 0 !important; }
html.--un-harmony .placeholder-logo-container > span::after,
html.--un-harmony .cp-loading-logo > span::after {
  content: 'Office';
  font-size: 40px;
  font-family: 'IBM Plex Mono', monospace;
  line-height: 1;
}

/* Creation screen + infopage footer: CryptPad logo/name (pages.js .cp-logo-foot, navbar) */
html.--un-harmony img[src*="CryptPad_logo"],
html.--un-harmony img[src*="cryptpad_logo"] {
  display: none !important;
}
html.--un-harmony .cp-logo-foot .logo-font,
html.--un-harmony footer.cp-footer .logo-font,
html.--un-harmony .cp-back-home .logo-font {
  font-size: 0 !important;
  line-height: 0 !important;
}
html.--un-harmony .cp-logo-foot .logo-font::after,
html.--un-harmony footer.cp-footer .logo-font::after {
  content: 'Office';
  font-size: clamp(18px, 4vw, 26px);
  font-family: 'IBM Plex Mono', monospace;
  line-height: 1.2;
}
html.--un-harmony #cp-loading-footer #cp-loading-status > span {
  font-size: 0 !important;
  line-height: 0 !important;
}
html.--un-harmony #cp-loading-footer #cp-loading-status > span::after {
  content: 'Private workspace';
  font-size: 13px;
  line-height: 1.3;
  font-family: inherit;
}

html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-title-hoverable > img,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-title-hoverable > img,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-title-hoverable > img,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-title-hoverable > img,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-title-hoverable > img,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-title-hoverable > img,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-title-hoverable > img {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cp-toolbar-title-hoverable > svg:first-of-type,
html.--un-harmony.__un-svc-office body.cp-app-kanban .cp-toolbar-title-hoverable > svg:first-of-type,
html.--un-harmony.__un-svc-office body.cp-app-form .cp-toolbar-title-hoverable > svg:first-of-type,
html.--un-harmony.__un-svc-office body.cp-app-whiteboard .cp-toolbar-title-hoverable > svg:first-of-type,
html.--un-harmony.__un-svc-office body.cp-app-diagram .cp-toolbar-title-hoverable > svg:first-of-type,
html.--un-harmony.__un-svc-office body.cp-app-calendar .cp-toolbar-title-hoverable > svg:first-of-type,
html.--un-harmony.__un-svc-office body.cp-app-todo .cp-toolbar-title-hoverable > svg:first-of-type {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  flex-shrink: 0 !important;
}

/* Rich text (pad): margin gap below CKE chrome only — do not override .cke_top / toolbox layout (breaks Tools + toolbar collapse) */
html.--un-harmony.__un-svc-office body.cp-app-pad #cp-app-pad-editor,
html.--un-harmony.__un-svc-office body.cp-app-kanban #cp-app-kanban-editor {
  padding-left: 14px !important;
  padding-right: 14px !important;
  box-sizing: border-box !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cke_chrome {
  border: none !important;
}
html.--un-harmony.__un-svc-office body.cp-app-pad .cke_contents {
  margin-top: 16px !important;
}

@media (max-width: 768px) {
  html.--un-harmony.__un-svc-office body.cp-app-pad #cp-app-pad-toc,
  html.--un-harmony.__un-svc-office body.cp-app-pad .cp-pad-toc {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}