@layer darklabWorkspaceUX {
    .darklab-chat .darklab-chat-form {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin: 10px !important;
        padding: 10px !important;
        min-width: 0 !important;
        border: 1px solid #bcc9d9 !important;
        border-radius: 16px !important;
        background: #fff !important;
        box-shadow: 0 2px 10px rgb(15 30 50 / 4%) !important;
    }
    .darklab-chat .darklab-chat-form[hidden], .darklab-chat .darklab-chat-panel[hidden], .darklab-chat .darklab-chat-thread[hidden],
    .darklab-chat .darklab-chat-form [hidden] { display: none !important; }
    .darklab-chat .darklab-chat-form:focus-within { border-color: #cc173e !important; }
    .darklab-chat .darklab-chat-form textarea {
        order: 0 !important; width: 100% !important; min-width: 0 !important;
        min-height: 52px !important; max-height: 132px !important;
        padding: 6px 4px !important; border: 0 !important; border-radius: 0 !important;
        background: #fff !important; color: #172235 !important;
        font: 400 16px/1.5 Inter,Arial,sans-serif !important;
        resize: none !important; outline: none !important; box-shadow: none !important;
    }
    .darklab-chat .darklab-chat-form textarea::placeholder { color: #758296 !important; opacity: 1 !important; }
    .darklab-chat .darklab-chat-form-row { order: 4 !important; display: flex !important; align-items: center !important; gap: 6px !important; }
    .darklab-chat .darklab-chat-form-row button {
        display: inline-flex !important; align-items: center !important; justify-content: center !important;
        width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important;
        flex: 0 0 44px !important; margin: 0 !important; padding: 0 !important;
        border: 0 !important; border-radius: 12px !important;
        background: #f0f3f7 !important; color: #526177 !important;
        box-shadow: none !important; cursor: pointer !important;
    }
    .darklab-chat .darklab-chat-form-row button:hover { background: #e5ebf2 !important; color: #172235 !important; }
    .darklab-chat .darklab-chat-form button:focus-visible { outline: 3px solid #cc173e !important; outline-offset: 2px !important; }
    .darklab-chat .darklab-chat-form button svg, .darklab-chat .darklab-chat-close svg {
        display: block !important; width: 20px !important; height: 20px !important;
        fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important;
        stroke-linecap: round !important; stroke-linejoin: round !important; transform: none !important;
    }
    .darklab-chat .darklab-chat-form-row .darklab-chat-send {
        width: auto !important; min-width: 98px !important; flex: 0 0 auto !important;
        margin-left: auto !important; padding: 0 12px !important; gap: 8px !important;
        background: #cf0029 !important; color: #fff !important;
        font: 600 13px/1 Inter,Arial,sans-serif !important;
    }
    .darklab-chat .darklab-chat-send span { font: inherit !important; color: inherit !important; }
    .darklab-chat .darklab-chat-form-row .darklab-chat-send:hover { background: #b60023 !important; }
    .darklab-chat .darklab-chat-form-row .darklab-chat-send:disabled { opacity: 1 !important; background: #e5eaf1 !important; color: #69788b !important; cursor: default !important; }
    .darklab-chat .darklab-chat-form-row .darklab-voice-record-button.is-recording { background: #ffe8ed !important; color: #c00028 !important; }
    .darklab-chat .darklab-chat-form .darklab-voice-composer { order: 3 !important; margin: 0 !important; padding: 8px !important; background: #f3f6fa !important; border: 0 !important; border-radius: 10px !important; gap: 8px !important; }
    .darklab-chat .darklab-chat-form .darklab-voice-composer[data-voice-state="idle"] { display: none !important; }
    .darklab-chat .darklab-voice-composer [data-voice-status] { border: 0 !important; padding: 0 !important; font: 400 12px/1.5 Inter,Arial,sans-serif !important; color: #526177 !important; }
    .darklab-chat .darklab-voice-composer[data-voice-state="recording"] [data-voice-status] { color: #b60023 !important; font-weight: 600 !important; }
    .darklab-chat .darklab-voice-composer audio { width: 100% !important; flex: 1 1 100% !important; }
    .darklab-chat .darklab-chat-selected-files { order: 1 !important; gap: 6px !important; }
    .darklab-chat .darklab-chat-selected-files > span { display: inline-flex !important; align-items: center !important; max-width: 100% !important; border: 1px solid #d3dce8 !important; border-radius: 9px !important; background: #f4f7fb !important; padding: 0 0 0 8px !important; }
    .darklab-chat .darklab-chat-selected-files > span > span { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; font: 500 12px/1.5 Inter,Arial,sans-serif !important; color: #34445c !important; }
    .darklab-chat .darklab-chat-selected-files button { flex: 0 0 36px !important; width: 36px !important; height: 36px !important; padding: 0 !important; background: transparent !important; color: #526177 !important; border: 0 !important; font: 20px Arial,sans-serif !important; }
    .darklab-chat [data-chat-feedback] { order: 2 !important; font: 400 12px/1.5 Inter,Arial,sans-serif !important; }
    .darklab-chat .darklab-emoji-picker { position: absolute !important; bottom: calc(100% + 8px) !important; right: 0 !important; z-index: 5 !important; width: 282px !important; max-width: 100% !important; max-height: var(--emoji-picker-height,280px) !important; overflow: auto !important; padding: 10px !important; border: 1px solid #c4cfde !important; border-radius: 16px !important; background: #fff !important; color: #172235 !important; box-shadow: 0 6px 24px rgb(15 30 50 / 16%) !important; }
    .darklab-chat .darklab-emoji-picker header { display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 0 0 4px !important; padding: 0 !important; }
    .darklab-chat .darklab-emoji-picker strong { color: #172235 !important; font: 600 13px/1.5 Inter,Arial,sans-serif !important; }
    .darklab-chat .darklab-emoji-picker header button { width: 36px !important; height: 36px !important; padding: 0 !important; background: #f0f3f7 !important; color: #526177 !important; border: 0 !important; border-radius: 10px !important; font: 22px Arial,sans-serif !important; }
    .darklab-chat .darklab-emoji-grid { display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap: 4px !important; max-height: min(208px,max(44px,calc(var(--emoji-picker-height,280px) - 62px))) !important; overflow: auto !important; }
    .darklab-chat .darklab-emoji-grid button { min-width: 0 !important; width: 100% !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; border: 0 !important; border-radius: 10px !important; background: #fff !important; color: #172235 !important; font: 24px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif !important; }
    .darklab-chat .darklab-emoji-grid button:hover { background: #edf2f8 !important; }
    .darklab-chat .darklab-chat-thread-head { grid-template-columns: 44px 36px minmax(0,1fr) 44px !important; gap: 8px !important; min-height: 64px !important; padding: 10px 12px !important; }
    .darklab-chat .darklab-chat-thread-head > div { min-width: 0 !important; }
    .darklab-chat .darklab-chat-thread-head strong { display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font: 600 15px/1.4 Inter,Arial,sans-serif !important; }
    .darklab-chat .darklab-chat-thread-head small { font: 400 12px/1.4 Inter,Arial,sans-serif !important; color: #62718a !important; }
    .darklab-chat .darklab-chat-close, .darklab-chat [data-chat-back] { width: 44px !important; min-width: 44px !important; height: 44px !important; padding: 0 !important; display: grid !important; place-items: center !important; border: 0 !important; border-radius: 10px !important; background: #f0f3f7 !important; color: #526177 !important; cursor: pointer !important; }
    .darklab-chat .darklab-chat-thread { grid-template-rows: 64px minmax(0,1fr) auto !important; min-height: 0 !important; }
    .darklab-chat .darklab-chat-messages article { max-width: 88% !important; padding: 10px 12px !important; border-radius: 15px !important; font: 400 14px/1.55 Inter,Arial,sans-serif !important; }
    .darklab-chat .darklab-chat-messages article > div { align-items: baseline !important; gap: 6px 12px !important; flex-wrap: wrap !important; }
    .darklab-chat .darklab-chat-messages article strong { font: 600 13px/1.4 Inter,Arial,sans-serif !important; color: inherit !important; }
    .darklab-chat .darklab-chat-messages article small { font: 400 11px/1.4 Inter,Arial,sans-serif !important; color: inherit !important; opacity: .75 !important; white-space: nowrap !important; }
    .darklab-chat .darklab-chat-messages article p { font: 400 14px/1.55 Inter,Arial,sans-serif !important; color: inherit !important; margin: 6px 0 0 !important; white-space: pre-wrap !important; overflow-wrap: anywhere !important; }
    .darklab-chat .darklab-chat-messages article footer > a { display: block !important; padding: 8px !important; border: 1px solid rgb(120 138 162 / 35%) !important; border-radius: 10px !important; font: 500 13px/1.5 Inter,Arial,sans-serif !important; overflow-wrap: anywhere !important; color: inherit !important; }
    @media (max-width: 600px) {
        body.ux-chat-open { overflow: hidden !important; }
        .darklab-chat.is-panel-open .darklab-chat-panel { position: fixed !important; top: var(--chat-viewport-top,0px) !important; left: 0 !important; right: 0 !important; bottom: auto !important; width: auto !important; max-width: none !important; height: var(--chat-viewport-height,100dvh) !important; max-height: none !important; border: 0 !important; border-radius: 0 !important; z-index: 1700 !important; }
        .darklab-chat.is-panel-open :is(.darklab-chat-fab,.darklab-message-sound) { display: none !important; }
        .darklab-chat .darklab-chat-form { margin: 8px !important; padding: 10px !important; margin-bottom: max(8px,env(safe-area-inset-bottom)) !important; }
        .darklab-chat .darklab-chat-thread-head strong { font: 600 15px/1.4 Inter,Arial,sans-serif !important; }
        .darklab-chat .darklab-chat-thread-head small { font: 400 12px/1.4 Inter,Arial,sans-serif !important; color: #62718a !important; }
    }
}