/*
 * The widget is server-rendered as normal HTML inside #kobox-widget-root (so it
 * always appears, even under WP Rocket "Delay JavaScript Execution"). Because a
 * host theme like Woodmart styles bare button/input/select/textarea elements
 * with `!important`, and an `!important` declaration beats ANY non-important
 * rule of ours regardless of selector specificity, the widget's own visual
 * properties must also be `!important` to win. They are — scoped to
 * #kobox-widget-root so they never affect the rest of the page.
 *
 * Two layers:
 *  1) A global hardening block neutralizes the theme properties that are
 *     uniform across the whole widget (text-transform, letter-spacing, width
 *     baseline, font, etc.).
 *  2) Each interactive component re-asserts its own background / border /
 *     radius / padding / size with `!important`.
 */

#kobox-widget-root, #kobox-widget-root *, #kobox-widget-root *::before, #kobox-widget-root *::after {
    box-sizing: border-box;
}
#kobox-widget-root {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
/* Layer 1: global hardening against the theme's element-level button/input rules. */
#kobox-widget-root button,
#kobox-widget-root input,
#kobox-widget-root select,
#kobox-widget-root textarea {
    font-family: inherit !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-align: left !important;
    line-height: normal !important;
    float: none !important;
    max-width: none !important;
    min-width: 0 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

:root {
    --kobox-orange: #E8912D;
    --kobox-orange-dark: #D4782A;
    --kobox-navy: #1a1a2e;
    --kobox-navy-2: #16213e;
    --kobox-bg: #f7f8fa;
    --kobox-surface: #ffffff;
    --kobox-text: #1a1a2e;
    --kobox-text-muted: #767688;
    --kobox-border: #e8e8e8;
}
:root[data-kobox-theme="dark"] {
    --kobox-bg: #14141f; --kobox-surface: #1e1e2e; --kobox-text: #f0f0f5;
    --kobox-text-muted: #9a9ab0; --kobox-border: #2e2e42;
}
@media (prefers-color-scheme: dark) {
    :root:not([data-kobox-theme="light"]) {
        --kobox-bg: #14141f; --kobox-surface: #1e1e2e; --kobox-text: #f0f0f5;
        --kobox-text-muted: #9a9ab0; --kobox-border: #2e2e42;
    }
}

.kobox-icon { width: 18px; height: 18px; fill: none !important; stroke: currentColor !important; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; display: block; }
.kobox-icon-btn .kobox-icon { width: 16px; height: 16px; }

#kobox-chat-btn {
    position: fixed !important; bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important; right: calc(20px + env(safe-area-inset-right, 0px)) !important; left: auto !important; top: auto !important;
    width: 60px !important; height: 60px !important; border-radius: 50% !important; padding: 0 !important; margin: 0 !important;
    background: linear-gradient(135deg, var(--kobox-orange) 0%, var(--kobox-orange-dark) 100%) !important; border: none !important; cursor: pointer;
    box-shadow: 0 4px 20px rgba(232,145,45,0.45) !important; z-index: 2147483000; display: flex !important;
    align-items: center; justify-content: center; transition: transform 0.2s ease; animation: kobox-pulse 2s infinite;
}
#kobox-chat-btn:hover, #kobox-chat-btn:focus-visible { transform: scale(1.08); }
#kobox-chat-btn:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
#kobox-chat-btn svg { display: block; pointer-events: none; width: 28px; height: 28px; }
@keyframes kobox-pulse {
    0% { box-shadow: 0 4px 20px rgba(232,145,45,0.45), 0 0 0 0 rgba(232,145,45,0.4); }
    70% { box-shadow: 0 4px 20px rgba(232,145,45,0.45), 0 0 0 12px rgba(232,145,45,0); }
    100% { box-shadow: 0 4px 20px rgba(232,145,45,0.45), 0 0 0 0 rgba(232,145,45,0); }
}
.kobox-badge {
    position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; border-radius: 10px;
    background: #ef4444; color: #fff; font-size: 11px; font-weight: 700; display: flex; align-items: center;
    justify-content: center; padding: 0 5px; border: 2px solid var(--kobox-bg); pointer-events: none;
}
.kobox-badge[hidden] { display: none; }

#kobox-tooltip-wrap { position: fixed; bottom: calc(90px + env(safe-area-inset-bottom, 0px)); right: 20px; z-index: 2147483000; pointer-events: none; display: flex; justify-content: flex-end; }
#kobox-tooltip {
    background: var(--kobox-navy); color: white; padding: 7px 14px; border-radius: 12px; font-size: 13px;
    font-weight: 500; box-shadow: 0 4px 15px rgba(0,0,0,0.15); white-space: nowrap; position: relative;
    margin-right: 10px; animation: kobox-float 3s ease-in-out infinite;
}
#kobox-tooltip::after { content: ''; position: absolute; bottom: -5px; right: 15px; transform: rotate(45deg); width: 10px; height: 10px; background: var(--kobox-navy); }
@keyframes kobox-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }

#kobox-chat-window {
    display: none; position: fixed !important; bottom: 15px !important; right: 16px !important; left: auto !important; top: auto !important; width: 400px !important;
    max-width: calc(100vw - 24px) !important; max-height: calc(100vh - 30px); height: 600px;
    background: var(--kobox-surface) !important; border-radius: 20px !important; color: var(--kobox-text);
    box-shadow: 0 10px 50px rgba(0,0,0,0.18) !important; z-index: 2147483000; flex-direction: column;
    overflow: hidden; animation: kobox-slideUp 0.25s ease; padding: 0 !important; margin: 0 !important; border: none !important;
}
#kobox-chat-window.open { display: flex; }
#kobox-chat-window.minimized { height: auto; } /* fits the header exactly — 68px clipped "En ligne" */
#kobox-chat-window.minimized #kobox-chat-header { cursor: pointer; }
#kobox-chat-window.minimized #kobox-chat-messages,
#kobox-chat-window.minimized #kobox-starters,
#kobox-chat-window.minimized #kobox-lead-form,
#kobox-chat-window.minimized #kobox-chat-input,
#kobox-chat-window.minimized #kobox-chat-footer,
#kobox-chat-window.minimized #kobox-attach-preview { display: none; }
@keyframes kobox-slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
    #kobox-chat-btn, #kobox-tooltip, #kobox-chat-window { animation: none; }
}
/* Mobile overrides live at the END of this file — equal-specificity !important
   rules resolve by source order, so they must come after the component rules
   they override. See the bottom of the file. */

#kobox-chat-header {
    background: linear-gradient(135deg, var(--kobox-navy) 0%, var(--kobox-navy-2) 100%); padding: 14px;
    display: flex; align-items: center; gap: 8px; flex-shrink: 0;
}
.kobox-header-avatar { width: 42px !important; height: 42px !important; border-radius: 50% !important; border: 2px solid rgba(255,255,255,0.25) !important; object-fit: cover; flex-shrink: 0; padding: 0 !important; margin: 0 !important; max-width: 42px !important; }
.header-info { flex: 1; min-width: 0; }
.header-info .title { color: white; font-size: 15px; font-weight: 700; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.header-info .subtitle { color: rgba(255,255,255,0.55); font-size: 11px; display: flex; align-items: center; gap: 4px; margin-top: 2px; }
.online-dot { width: 6px; height: 6px; border-radius: 50%; background: #4ade80; display: inline-block; flex-shrink: 0; }
#kobox-widget-root .kobox-icon-btn {
    width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 50% !important; background: rgba(255,255,255,0.12) !important; border: none !important;
    cursor: pointer; display: flex !important; align-items: center; justify-content: center; flex-shrink: 0;
    transition: background 0.2s, transform 0.15s; color: white !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important;
}
#kobox-widget-root .kobox-icon-btn:hover { background: rgba(255,255,255,0.28) !important; transform: scale(1.08); }
.kobox-icon-btn:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }
.kobox-icon-btn .kobox-icon-alt { display: none; }
.kobox-icon-btn[aria-pressed="true"] .kobox-icon-default { display: none; }
.kobox-icon-btn[aria-pressed="true"] .kobox-icon-alt { display: block; }

#kobox-chat-messages { flex: 1; overflow-y: auto; padding: 16px; background: var(--kobox-bg); display: flex; flex-direction: column; gap: 14px; min-height: 0; }
#kobox-chat-messages::-webkit-scrollbar { width: 4px; }
#kobox-chat-messages::-webkit-scrollbar-thumb { background: var(--kobox-border); border-radius: 4px; }

.kobox-msg { display: flex; gap: 8px; max-width: 88%; }
.kobox-msg.bot, .kobox-msg.system { align-self: flex-start; }
.kobox-msg.user { align-self: flex-end; flex-direction: row-reverse; }
.kobox-msg .avatar { width: 32px !important; height: 32px !important; border-radius: 50% !important; flex-shrink: 0; object-fit: cover; margin-top: 2px; max-width: 32px !important; }
.kobox-msg .bubble { padding: 12px 16px; border-radius: 18px; font-size: 14px; line-height: 1.6; word-wrap: break-word; }
.kobox-msg.bot .bubble { background: var(--kobox-surface); color: var(--kobox-text); border-bottom-left-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,0.05); }
.kobox-msg.user .bubble { background: linear-gradient(135deg, var(--kobox-orange) 0%, var(--kobox-orange-dark) 100%); color: white; border-bottom-right-radius: 6px; }
.kobox-msg.system .bubble { background: transparent; color: var(--kobox-text-muted); font-size: 12px; text-align: center; padding: 4px 8px; box-shadow: none; }
.kobox-msg.error .bubble { background: #fdecea; color: #b3261e; border: 1px solid #f5c2c0; }
:root[data-kobox-theme="dark"] .kobox-msg.error .bubble { background: #3a1f1f; color: #ff8a80; border-color: #5c2b2b; }
.kobox-msg .bubble a { color: var(--kobox-orange); text-decoration: underline !important; }
.kobox-msg.user .bubble a { color: #FFE0B2; }
.kobox-msg .bubble strong { font-weight: 700; }

.kobox-cursor { display: inline-block; width: 2px; height: 14px; background: var(--kobox-orange); margin-left: 2px; vertical-align: text-bottom; animation: kobox-blink 0.7s infinite; }
@keyframes kobox-blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } }

.kobox-rating { display: flex; gap: 6px; padding-left: 40px; margin-top: -4px; }
#kobox-widget-root .kobox-rating button {
    background: none !important; border: 1px solid var(--kobox-border) !important; border-radius: 8px !important; width: 32px !important; height: 32px !important; padding: 0 !important; margin: 0 !important;
    display: flex !important; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; color: var(--kobox-text-muted) !important; box-shadow: none !important;
}
#kobox-widget-root .kobox-rating button:hover, #kobox-widget-root .kobox-rating button.voted { border-color: var(--kobox-orange) !important; color: var(--kobox-orange) !important; background: rgba(232,145,45,0.08) !important; }
.kobox-rating .kobox-rating-icon { width: 16px; height: 16px; }
.kobox-rating-down { display: block; transform: rotate(180deg); }

.kobox-quick-replies { display: flex; flex-wrap: wrap; gap: 6px; padding-left: 40px; margin-top: -6px; }
#kobox-widget-root .kobox-quick-reply {
    background: var(--kobox-surface) !important; border: 1.5px solid var(--kobox-border) !important; padding: 6px 12px !important; border-radius: 16px !important; width: auto !important;
    font-size: 12.5px !important; cursor: pointer; color: var(--kobox-text) !important; transition: all 0.2s; box-shadow: none !important; margin: 0 !important;
}
#kobox-widget-root .kobox-quick-reply:hover { border-color: var(--kobox-orange) !important; color: var(--kobox-orange) !important; }

.kobox-product-card {
    background: var(--kobox-surface); border: 1px solid var(--kobox-border); border-radius: 14px; overflow: hidden;
    max-width: 240px; margin-left: 40px; box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.kobox-product-card img { width: 100%; height: 130px; object-fit: cover; display: block; background: var(--kobox-bg); }
.kobox-product-card .kobox-pc-body { padding: 10px 12px; }
.kobox-product-card .kobox-pc-name { font-size: 13px; font-weight: 700; color: var(--kobox-text); margin-bottom: 2px; }
.kobox-product-card .kobox-pc-price { font-size: 13px; font-weight: 700; color: var(--kobox-orange); margin-bottom: 2px; }
.kobox-product-card .kobox-pc-stock { font-size: 11px; margin-bottom: 8px; }
.kobox-product-card .kobox-pc-stock.in { color: #2e7d32; }
.kobox-product-card .kobox-pc-stock.out { color: #c62828; }
.kobox-product-card .kobox-pc-actions { display: flex; gap: 6px; }
#kobox-widget-root .kobox-product-card button, #kobox-widget-root .kobox-product-card a {
    flex: 1; border: none !important; border-radius: 8px !important; padding: 7px 8px !important; font-size: 11.5px !important; cursor: pointer; font-weight: 600; width: auto !important;
    text-decoration: none !important; text-align: center !important; display: flex !important; align-items: center; justify-content: center; gap: 4px; margin: 0 !important; box-shadow: none !important;
}
#kobox-widget-root .kobox-product-card .kobox-pc-order { background: var(--kobox-orange) !important; color: white !important; }
#kobox-widget-root .kobox-product-card .kobox-pc-wa { background: #25D366 !important; color: white !important; }

.kobox-handoff-card, .kobox-wa-card {
    margin-left: 40px; max-width: 260px; background: var(--kobox-surface); border: 1px solid var(--kobox-border);
    border-radius: 14px; padding: 12px 14px; font-size: 13px; color: var(--kobox-text);
}
.kobox-wa-card a.kobox-wa-link {
    display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; background: #25D366; color: #fff;
    text-decoration: none !important; padding: 8px 12px; border-radius: 20px; font-size: 12.5px; font-weight: 600;
}

#kobox-starters { padding: 10px 16px 6px; display: flex; flex-wrap: wrap; gap: 8px; background: var(--kobox-bg); flex-shrink: 0; }
#kobox-widget-root .kobox-starter {
    background: var(--kobox-surface) !important; border: 1.5px solid var(--kobox-border) !important; padding: 8px 14px !important; border-radius: 20px !important; width: auto !important;
    font-size: 13px !important; cursor: pointer; color: var(--kobox-text) !important; transition: all 0.2s; text-align: left !important;
    text-transform: none !important; line-height: 1.3 !important; box-shadow: none !important; margin: 0 !important; height: auto !important; font-weight: 400 !important;
}
#kobox-widget-root .kobox-starter:hover { border-color: var(--kobox-orange) !important; color: var(--kobox-orange) !important; transform: translateY(-1px); }

#kobox-chat-input { padding: 12px 14px; background: var(--kobox-surface); border-top: 1px solid var(--kobox-border); display: flex; align-items: flex-end; gap: 8px; flex-shrink: 0; }
#kobox-widget-root #kobox-input {
    flex: 1; border: 1.5px solid var(--kobox-border) !important; border-radius: 20px !important; padding: 10px 16px !important;
    font-size: 14px !important; color: var(--kobox-text) !important; background: var(--kobox-bg) !important; outline: none; font-family: inherit !important;
    resize: none; max-height: 100px; line-height: 1.4 !important; width: 100% !important; display: block !important; margin: 0 !important; box-shadow: none !important; min-height: 0 !important;
}
#kobox-widget-root #kobox-input:focus { border-color: var(--kobox-orange) !important; background: var(--kobox-surface) !important; }
#kobox-widget-root #kobox-send-btn, #kobox-widget-root #kobox-attach-btn {
    width: 42px !important; height: 42px !important; min-width: 42px !important; border-radius: 50% !important; border: none !important; cursor: pointer; display: flex !important;
    align-items: center; justify-content: center; flex-shrink: 0; padding: 0 !important; margin: 0 !important;
}
#kobox-widget-root #kobox-send-btn { background: linear-gradient(135deg, var(--kobox-orange) 0%, var(--kobox-orange-dark) 100%) !important; color: white !important; box-shadow: 0 2px 8px rgba(232,145,45,0.3) !important; }
#kobox-send-btn .kobox-icon { width: 20px; height: 20px; stroke: white !important; }
#kobox-send-btn:hover { transform: scale(1.05); }
#kobox-send-btn:disabled { opacity: 0.5; cursor: not-allowed; }
#kobox-widget-root #kobox-attach-btn { background: var(--kobox-bg) !important; color: var(--kobox-text-muted) !important; border: 1.5px solid var(--kobox-border) !important; box-shadow: none !important; }
#kobox-widget-root #kobox-attach-btn:hover { border-color: var(--kobox-orange) !important; color: var(--kobox-orange) !important; }
#kobox-attach-btn .kobox-icon { width: 18px; height: 18px; } /* 42px button — larger icon than the 34px header buttons */
#kobox-attach-file { display: none !important; }

#kobox-attach-preview { padding: 8px 14px 0; background: var(--kobox-surface); flex-shrink: 0; display: flex; align-items: center; gap: 10px; }
#kobox-attach-preview[hidden] { display: none; }
#kobox-attach-preview img { max-height: 56px; border-radius: 8px; display: block; }
#kobox-widget-root #kobox-attach-preview .kobox-attach-remove { font-size: 12px; color: #c62828 !important; cursor: pointer; background: none !important; border: none !important; padding: 4px !important; }

#kobox-chat-footer { text-align: center; padding: 8px; font-size: 11px; color: var(--kobox-text-muted); background: var(--kobox-surface); flex-shrink: 0; }
#kobox-chat-footer a { color: var(--kobox-orange) !important; text-decoration: none !important; font-weight: 600; }

.kobox-typing { display: flex; gap: 5px; padding: 4px 0; align-items: center; }
.kobox-typing span { width: 7px; height: 7px; border-radius: 50%; background: #ccc; animation: kobox-bounce 1.4s infinite; display: block; }
.kobox-typing span:nth-child(2) { animation-delay: 0.2s; }
.kobox-typing span:nth-child(3) { animation-delay: 0.4s; }
@keyframes kobox-bounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }

#kobox-lead-form { display: none; padding: 12px 16px; background: var(--kobox-surface); border-top: 1px solid var(--kobox-border); flex-shrink: 0; position: relative; max-height: 280px; overflow-y: auto; }
#kobox-lead-form h4 { font-size: 13px; color: var(--kobox-text); margin: 0 0 8px; padding-right: 30px; font-weight: 700; }
#kobox-widget-root #kobox-lead-close {
    position: absolute; top: 10px; right: 12px; width: 24px !important; height: 24px !important; min-width: 24px !important; border-radius: 50% !important; padding: 0 !important; margin: 0 !important;
    background: var(--kobox-bg) !important; border: none !important; cursor: pointer; display: flex !important; align-items: center;
    justify-content: center; color: var(--kobox-text-muted) !important; transition: all 0.2s; box-shadow: none !important;
}
#kobox-widget-root #kobox-lead-close:hover { background: var(--kobox-border) !important; }
#kobox-widget-root #kobox-lead-form input, #kobox-widget-root #kobox-lead-form select, #kobox-widget-root #kobox-lead-form textarea {
    width: 100% !important; display: block !important; border: 1.5px solid var(--kobox-border) !important; border-radius: 8px !important; padding: 8px 10px !important; margin: 0 0 6px !important;
    font-size: 12px !important; outline: none; background: var(--kobox-bg) !important; color: var(--kobox-text) !important; font-family: inherit !important; box-shadow: none !important; height: auto !important; min-height: 0 !important;
}
#kobox-widget-root #kobox-lead-form input:focus, #kobox-widget-root #kobox-lead-form select:focus { border-color: var(--kobox-orange) !important; background: var(--kobox-surface) !important; }
/* Native <option> popups render in the OS chrome (light), ignoring the widget
   theme — force dark text on white so options are never white-on-white in dark mode. */
#kobox-widget-root #kobox-lead-form select option,
#kobox-widget-root #kobox-lead-form select optgroup {
    color: #1a1a2e !important; background: #ffffff !important;
}
.kobox-row { display: flex; gap: 6px; margin-bottom: 6px; }
#kobox-widget-root .kobox-row input, .kobox-row > div { flex: 1; margin-bottom: 0 !important; }
#kobox-lead-total { padding: 8px 10px; border-radius: 8px; background: var(--kobox-navy); color: var(--kobox-orange); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.kobox-status-box { padding: 6px 8px; border-radius: 6px; margin-bottom: 6px; font-size: 11px; font-weight: 600; }
.kobox-status-box[hidden] { display: none; }
#kobox-widget-root #kobox-lead-submit {
    background: linear-gradient(135deg, var(--kobox-orange) 0%, var(--kobox-orange-dark) 100%) !important; color: white !important; border: none !important;
    padding: 9px 16px !important; border-radius: 20px !important; font-size: 13px !important; cursor: pointer; width: 100% !important; font-weight: 600; text-align: center !important; margin: 0 !important; box-shadow: none !important;
}
#kobox-lead-submit:disabled { opacity: 0.5; cursor: not-allowed; }
#kobox-lead-submit:not(:disabled):hover { opacity: 0.9; }

.kobox-visually-hidden {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* ===== Mobile (must stay LAST: overrides equal-specificity !important rules above by source order) ===== */
@media (max-width: 500px) {
    #kobox-chat-window { width: 100vw !important; max-width: 100vw !important; height: auto; max-height: none; right: 0 !important; bottom: 0 !important; top: env(safe-area-inset-top, 0px) !important; left: 0 !important; border-radius: 0 !important; }
    /* Minimized: unpin the top or the "collapsed" bar still covers the whole screen.
       Raised above Woodmart's sticky bottom toolbar (~56px). */
    #kobox-chat-window.minimized { top: auto !important; bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important; border-radius: 16px !important; }
    #kobox-chat-header { padding-top: calc(14px + env(safe-area-inset-top, 0px)); }
    #kobox-chat-window.minimized #kobox-chat-header { padding-top: 14px; }
    #kobox-chat-footer { padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
    #kobox-chat-input { padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
    /* Clear Woodmart's sticky mobile toolbar (Menu/Boutique/Panier/Mon compte, ~56px). */
    #kobox-chat-btn { bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important; }
    /* iOS zooms the whole page when a focused input is under 16px — keep every text field at 16px. */
    #kobox-widget-root #kobox-input,
    #kobox-widget-root #kobox-lead-form input,
    #kobox-widget-root #kobox-lead-form select,
    #kobox-widget-root #kobox-lead-form textarea { font-size: 16px !important; }
    /* Header now has 5 icon buttons — tighten so the title still fits on 375px. */
    #kobox-chat-header { gap: 4px; padding: 14px 10px; }
    #kobox-chat-header { padding-top: calc(14px + env(safe-area-inset-top, 0px)); }
    /* Comfortable touch targets (Apple HIG 44pt-class). */
    #kobox-widget-root .kobox-icon-btn { width: 38px !important; height: 38px !important; min-width: 38px !important; }
    #kobox-widget-root .kobox-rating button { width: 40px !important; height: 40px !important; }
    #kobox-widget-root .kobox-starter { padding: 10px 16px !important; }
    #kobox-widget-root .kobox-quick-reply { padding: 10px 14px !important; }
    #kobox-widget-root #kobox-lead-close { width: 32px !important; height: 32px !important; min-width: 32px !important; }
    /* The floating tooltip is hover-era furniture — on phones it just covers content. */
    #kobox-tooltip-wrap { display: none !important; }
}