{"version":3,"file":"shortcode-index.css","mappings":";;;AACA;EACI;EACA;EACA;EACA;EACA;AAAJ;AAGI;EACI;EACA;EACA;AADR;AAII;EACI;EACA;EACA;AAFR;AAKI;EACI;EACA;EACA;AAHR;AAMI;EACI;EACA;EACA;AAJR;AAOI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AALR;;AAUA;EACI;EACA;EACA;EACA;EACA;EACA;AAPJ;AASI;EACI;EACA;AAPR;AAUI;EACI;EACA;AARR;AAWI;EACI;EACA;EACA;EACA;AATR;AAYI;EACI;EACA;EACA;EACA;EACA;AAVR;;AAcA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAXJ;AAcI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZR;AAcQ;EACI;EACA;AAZZ;AAeQ;EAEI;EACA;EACA;EACA;AAdZ;AAiBQ;EACI;EACA;AAfZ;;AAoBA;EACI;EACA;EACA;EACA;AAjBJ;;AAoBA;EACI;EACA;EACA;AAjBJ;;AAqBA;EACI;IACI;IACA;EAlBN;EAoBE;IACI;IACA;EAlBN;AACF;AAqBA;EACI;IACI;EAnBN;EAqBE;IACI;EAnBN;EAqBE;IACI;EAnBN;AACF;AAsBA;EACI;IACI;EApBN;EAsBE;IACI;EApBN;EAsBE;IACI;EApBN;AACF;AAwBA;EACI;AAtBJ;AAyBQ;EACI;EACA;EACA;EACA;EACA;AAvBZ;;AA6BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1BJ;AA4BI;EACI;EACA;AA1BR;AA6BI;EACI;EACA;EACA;AA3BR;AA8BI;EACI;EACA;AA5BR;;AAiCA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9BJ;;AAkCA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/BJ;AAiCI;EACI;AA/BR;AAiCQ;EACI;AA/BZ;;AAqCA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAlCJ;;AAqCA;EACI;EACA;EACA;EACA;EACA;AAlCJ;AAoCI;EACI;AAlCR;;AAsCA;EACI;EACA;AAnCJ;;AAsCA;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnCJ;AAqCI;;EACI;AAlCR;AAqCI;;EACI;AAlCR;;AAuCA;EACI;EACA;EACA;EACA;AApCJ;;AAwCA;EACI;EACA;EACA;AArCJ;AAuCI;EACI;EACA;EACA;EACA;AArCR;AAwCI;EACI;EACA;EACA;AAtCR;;AA0CA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvCJ;AAyCI;EACI;AAvCR;AA0CI;EACI;AAxCR;;AA4CA;EACI;EACA;EACA;AAzCJ;AA2CI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAzCR;AA4CI;EACI;EACA;EACA;EACA;AA1CR;;AA8CA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3CJ;AA6CI;EACI;AA3CR;;AAgDA;EACI;EACA;EACA;EACA;AA7CJ;AA+CI;;;EAGI;EACA;EACA;EACA;EACA;EACA;AA7CR;AA+CQ;;;EACI;AA3CZ;AA8CQ;EACI;AA1CZ;AAyCQ;;;EACI;AA1CZ;;AA+CA;EACI;EACA;EACA;EACA;AA5CJ;;AA+CA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5CJ;AA8CI;EACI;EACA;AA5CR;AA+CI;EACI;EACA;AA7CR;;AAiDA;EACI;EACA;EACA;EACA;KAAA;AA9CJ;;AAiDA;EACI;EACA;EACA;AA9CJ;AAgDI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA9CR;AAgDQ;EACI;EACA;AA9CZ;AAgDY;EACI;AA9ChB;AAkDQ;EACI;EACA;AAhDZ;AAkDY;EACI;AAhDhB;;AAuDA;EACI;EACA;EACA;AApDJ;;AAwDA;EACI;EACA;EACA;EACA;EACA;EACA;AArDJ;;AAwDA;EACI;EACA;EACA;EACA;EACA;EACA;AArDJ;;AAwDA;EACI;EACA;EACA;EACA;EACA;AArDJ;AAuDI;EACI;EACA;EACA;EACA;EACA;EACA;AArDR;;AAyDA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtDJ;AAwDI;EACI;AAtDR;;AA0DA;EACI;EACA;EACA;EACA;EACA;EACA;AAvDJ;AAyDI;EACI;AAvDR;AA0DI;EACI;AAxDR;AAuDI;EACI;AAxDR;;AA4DA;EACI;EACA;EACA;AAzDJ;;AA4DA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzDJ;AA2DI;EACI;AAzDR;AA4DI;EACI;EACA;AA1DR;AA4DQ;EACI;AA1DZ;AA6DQ;EACI;AA3DZ;AA+DI;EACI;EACA;AA7DR;;AAiEA;EACI;EACA;EACA;EACA;KAAA;EACA;AA9DJ;;AAiEA;EACI;EACA;EACA;EACA;EACA;AA9DJ;;AAiEA;EACI;EACA;EACA;EACA;EACA;EACA;AA9DJ;;AAiEA;EACI;EACA;AA9DJ;AAgEI;EACI;AA9DR;AAiEI;EACI;AA/DR;;AAmEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhEJ;;AAoEA;EACI;EACA;EACA;EACA;AAjEJ;;AAoEA;EACI;EACA;EACA;EACA;EACA;EACA;AAjEJ;AAmEI;EACI;EACA;EACA;AAjER;;AAqEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAlEJ;;AAqEA;EACI;EACA;EACA;AAlEJ;AAoEI;EACI;EACA;AAlER;AAoEQ;EACI;EACA;AAlEZ;AAsEI;EACI;EACA;AApER;AAsEQ;EACI;EACA;EACA;AApEZ;;AAyEA;EACI;EACA;EACA;AAtEJ;AAwEI;EACI;EACA;EACA;AAtER;;AA0EA;EACI;EACA;EACA;EACA;KAAA;AAvEJ;;AA0EA;EACI;EACA;EACA;AAvEJ;AAyEI;EACI;EACA;AAvER;AA0EI;EACI;EACA;EACA;AAxER;AA0EQ;EACI;AAxEZ;;AA6EA;EACI;EACA;EACA;AA1EJ;;AA6EA;EACI;EACA;EACA;EACA;EACA;EACA;AA1EJ;AA4EI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA1ER;AA4EQ;EACI;AA1EZ;AA6EQ;EACI;AA3EZ;AA0EQ;EACI;AA3EZ;AA+EI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7ER;AA+EQ;EACI;EACA;AA7EZ;AAgFQ;EACI;AA9EZ;;AAmFA;EACI;EACA;AAhFJ;AAkFI;EACI;AAhFR;;AAoFA;EACI;EACA;AAjFJ;AAmFI;EACI;AAjFR;;AAsFA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAnFJ;AAqFI;EACI;EACA;EACA;AAnFR;AAsFI;EACI;EACA;AApFR;;AAyFA;EACI;IACI;IACA;IACA;EAtFN;EAyFE;IACI;IACA;IACA;IACA;IACA;IACA;EAvFN;EA0FE;IACI;EAxFN;EA2FE;IACI;EAzFN;EA4FE;IACI;EA1FN;AACF;AA8FA;;EAEI;AA5FJ;;AA+FA;;EAEI;AA5FJ;;AA+FA;;EAEI;EACA;AA5FJ;;AA+FA;;EAEI;AA5FJ;;AAgGA;EACI;EACA;EACA;EACA;EACA;AA7FJ;;AAgGA;EACI;EACA;EACA;EACA;EACA;EACA;AA7FJ;;AAiGA;EACI;IACI;IACA;EA9FN;EAiGE;IACI;IACA;EA/FN;AACF;AAkGA;EACI;AAhGJ;;AAmGA;EACI;AAhGJ;;AAoGA;;EAEI;EACA;AAjGJ;;AAqGA;EACI;IACI;EAlGN;EAqGE;IACI;EAnGN;AACF;AAuGA;EAEI;;;;IAII;IACA;EAtGN;AACF,C","sources":["webpack://admin-chat-box/./src/frontend-widget.scss"],"sourcesContent":["// Chat Widget Container\r\n.acb-widget-container {\r\n    position: fixed;\r\n    bottom: 20px;\r\n    right: 20px;\r\n    z-index: 9999;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n\r\n    // Shortcode positioning classes\r\n    &.acb-position-bottom-right {\r\n        position: fixed;\r\n        bottom: 20px;\r\n        right: 20px;\r\n    }\r\n\r\n    &.acb-position-bottom-left {\r\n        position: fixed;\r\n        bottom: 20px;\r\n        left: 20px;\r\n    }\r\n\r\n    &.acb-position-top-right {\r\n        position: fixed;\r\n        top: 20px;\r\n        right: 20px;\r\n    }\r\n\r\n    &.acb-position-top-left {\r\n        position: fixed;\r\n        top: 20px;\r\n        left: 20px;\r\n    }\r\n\r\n    &.acb-position-inline {\r\n        position: relative;\r\n        display: block;\r\n        margin: 20px 0;\r\n        bottom: auto;\r\n        right: auto;\r\n        top: auto;\r\n        left: auto;\r\n    }\r\n}\r\n\r\n// Call-to-Action Bubble\r\n.acb-widget-cta {\r\n    position: absolute;\r\n    bottom: 75px;\r\n    right: 0;\r\n    max-width: 280px;\r\n    margin-bottom: 10px;\r\n    animation: fadeInUp 0.5s ease-out, bounce 2s infinite 1s;\r\n\r\n    .acb-widget-container.acb-position-bottom-left & {\r\n        right: auto;\r\n        left: 0;\r\n    }\r\n\r\n    .acb-widget-container.acb-position-top-right & {\r\n        bottom: auto;\r\n        top: 75px;\r\n    }\r\n\r\n    .acb-widget-container.acb-position-top-left & {\r\n        bottom: auto;\r\n        top: 75px;\r\n        right: auto;\r\n        left: 0;\r\n    }\r\n\r\n    .acb-widget-container.acb-position-inline & {\r\n        position: relative;\r\n        bottom: auto;\r\n        right: auto;\r\n        margin-bottom: 15px;\r\n        max-width: 100%;\r\n    }\r\n}\r\n\r\n.acb-widget-cta-content {\r\n    background: var(--acb-primary-color, #5A5EB9);\r\n    color: white;\r\n    padding: 12px 16px;\r\n    border-radius: 18px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    width: 200px;\r\n\r\n    // Speech bubble arrow\r\n    &::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -8px;\r\n        right: 20px;\r\n        width: 0;\r\n        height: 0;\r\n        border-left: 8px solid transparent;\r\n        border-right: 8px solid transparent;\r\n        border-top: 8px solid var(--acb-primary-color, #5A5EB9);\r\n\r\n        .acb-widget-container.acb-position-bottom-left & {\r\n            right: auto;\r\n            left: 20px;\r\n        }\r\n\r\n        .acb-widget-container.acb-position-top-right &,\r\n        .acb-widget-container.acb-position-top-left & {\r\n            bottom: auto;\r\n            top: -8px;\r\n            border-top: none;\r\n            border-bottom: 8px solid var(--acb-primary-color, #5A5EB9);\r\n        }\r\n\r\n        .acb-widget-container.acb-position-inline & {\r\n            bottom: -8px;\r\n            right: 20px;\r\n        }\r\n    }\r\n}\r\n\r\n.acb-widget-cta-text {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n    flex: 1;\r\n}\r\n\r\n.acb-widget-cta-wave {\r\n    font-size: 18px;\r\n    animation: wave 1s ease-in-out infinite;\r\n    transform-origin: 70% 70%;\r\n}\r\n\r\n// Animations\r\n@keyframes fadeInUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes bounce {\r\n    0%, 20%, 50%, 80%, 100% {\r\n        transform: translateY(0);\r\n    }\r\n    40% {\r\n        transform: translateY(-5px);\r\n    }\r\n    60% {\r\n        transform: translateY(-3px);\r\n    }\r\n}\r\n\r\n@keyframes wave {\r\n    0%, 100% {\r\n        transform: rotate(0deg);\r\n    }\r\n    25% {\r\n        transform: rotate(-10deg);\r\n    }\r\n    75% {\r\n        transform: rotate(10deg);\r\n    }\r\n}\r\n\r\n// Shortcode-specific widget container\r\n.acb-shortcode-widget {\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n\r\n    &.acb-position-inline {\r\n        .acb-widget {\r\n            position: relative;\r\n            bottom: auto;\r\n            right: auto;\r\n            margin: 0 auto;\r\n            max-width: 540px;\r\n        }\r\n    }\r\n}\r\n\r\n// Floating Chat Button\r\n.acb-widget-button {\r\n    position: relative;\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s ease;\r\n\r\n    &:hover {\r\n        transform: scale(1.05);\r\n        box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    &.hidden {\r\n        opacity: 0;\r\n        pointer-events: none;\r\n        transform: scale(0.8);\r\n    }\r\n\r\n    i {\r\n        color: white;\r\n        font-size: 24px;\r\n    }\r\n}\r\n\r\n// Unread Badge\r\n.acb-widget-badge {\r\n    position: absolute;\r\n    top: -8px;\r\n    right: -8px;\r\n    background: #ff4757;\r\n    color: white;\r\n    border-radius: 50%;\r\n    width: 24px;\r\n    height: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    border: 2px solid white;\r\n}\r\n\r\n// Main Widget\r\n.acb-widget {\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 540px;\r\n    height: 620px;\r\n    background: white;\r\n    border-radius: 12px;\r\n    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15);\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: all 0.3s ease;\r\n\r\n    &.minimized {\r\n        height: 60px;\r\n\r\n        .acb-widget-content {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\n// Widget Header\r\n.acb-widget-header {\r\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n    color: white;\r\n    padding: 16px 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.acb-widget-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n\r\n    i {\r\n        font-size: 18px;\r\n    }\r\n}\r\n\r\n.acb-widget-controls {\r\n    display: flex;\r\n    gap: 8px;\r\n}\r\n\r\n.acb-widget-minimize,\r\n.acb-widget-close {\r\n    background: none;\r\n    border: none;\r\n    color: white;\r\n    cursor: pointer;\r\n    padding: 4px;\r\n    border-radius: 4px;\r\n    width: 32px;\r\n    height: 32px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background-color 0.2s;\r\n\r\n    &:hover {\r\n        background: rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    i {\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n// Widget Content\r\n.acb-widget-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n}\r\n\r\n// Authentication Section\r\n.acb-widget-auth {\r\n    padding: 24px;\r\n    text-align: center;\r\n    overflow-y: scroll;\r\n\r\n    h3 {\r\n        margin: 0 0 8px 0;\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        color: #2c3e50;\r\n    }\r\n\r\n    p {\r\n        margin: 0 0 24px 0;\r\n        color: #7f8c8d;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n.acb-widget-google-btn {\r\n    width: 100%;\r\n    padding: 12px;\r\n    background: #4285f4;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 8px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-bottom: 16px;\r\n    transition: background-color 0.2s;\r\n\r\n    &:hover {\r\n        background: #3367d6;\r\n    }\r\n\r\n    i {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n.acb-widget-divider {\r\n    position: relative;\r\n    margin: 16px 0;\r\n    text-align: center;\r\n\r\n    &::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        right: 0;\r\n        height: 1px;\r\n        background: #e0e0e0;\r\n    }\r\n\r\n    span {\r\n        background: white;\r\n        padding: 0 12px;\r\n        color: #7f8c8d;\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n.acb-widget-email-btn {\r\n    width: 100%;\r\n    padding: 12px;\r\n    background: #34495e;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 8px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n\r\n    &:hover {\r\n        background: #2c3e50;\r\n    }\r\n}\r\n\r\n// Email Form\r\n.acb-widget-email-form {\r\n    margin-top: 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n\r\n    input[type=\"email\"],\r\n    input[type=\"password\"],\r\n    input[type=\"text\"] {\r\n        padding: 12px;\r\n        border: 1px solid #e0e0e0;\r\n        border-radius: 8px;\r\n        font-size: 14px;\r\n        outline: none;\r\n        transition: border-color 0.2s;\r\n\r\n        &:focus {\r\n            border-color: #667eea;\r\n        }\r\n\r\n        &::placeholder {\r\n            color: #bdc3c7;\r\n        }\r\n    }\r\n}\r\n\r\n.acb-widget-profile-section {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.acb-widget-upload-btn {\r\n    width: 80px;\r\n    height: 80px;\r\n    border: 2px dashed #e0e0e0;\r\n    border-radius: 50%;\r\n    background: #f8f9fa;\r\n    cursor: pointer;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    color: #7f8c8d;\r\n    transition: all 0.2s;\r\n\r\n    &:hover {\r\n        border-color: #667eea;\r\n        background: #f0f2ff;\r\n    }\r\n\r\n    i {\r\n        font-size: 20px;\r\n        margin-bottom: 4px;\r\n    }\r\n}\r\n\r\n.acb-widget-profile-preview {\r\n    width: 76px;\r\n    height: 76px;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n}\r\n\r\n.acb-widget-form-actions {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n\r\n    button {\r\n        padding: 12px;\r\n        border: none;\r\n        border-radius: 8px;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        cursor: pointer;\r\n        transition: all 0.2s;\r\n\r\n        &:first-child {\r\n            background: #667eea;\r\n            color: white;\r\n\r\n            &:hover {\r\n                background: #5a67d8;\r\n            }\r\n        }\r\n\r\n        &:last-child {\r\n            background: none;\r\n            color: #667eea;\r\n\r\n            &:hover {\r\n                background: #f0f2ff;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// Chat Interface\r\n.acb-widget-chat {\r\n    flex: 1;\r\n    display: flex;\r\n    overflow: hidden;\r\n}\r\n\r\n// Users Section\r\n.acb-widget-users {\r\n    width: 210px;\r\n    background: #f8f9fa;\r\n    border-right: 1px solid #e9ecef;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.acb-widget-user-header {\r\n    padding: 12px;\r\n    border-bottom: 1px solid #e9ecef;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background: white;\r\n}\r\n\r\n.acb-widget-current-user {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n\r\n    span {\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        color: #2c3e50;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n}\r\n\r\n.acb-widget-signout {\r\n    background: none;\r\n    border: none;\r\n    color: #7f8c8d;\r\n    cursor: pointer;\r\n    padding: 4px;\r\n    border-radius: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: color 0.2s;\r\n\r\n    &:hover {\r\n        color: #e74c3c;\r\n    }\r\n}\r\n\r\n.acb-widget-search {\r\n    margin: 12px;\r\n    padding: 8px;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 6px;\r\n    font-size: 12px;\r\n    outline: none;\r\n\r\n    &:focus {\r\n        border-color: #667eea;\r\n    }\r\n\r\n    &::placeholder {\r\n        color: #bdc3c7;\r\n    }\r\n}\r\n\r\n.acb-widget-users-list {\r\n    flex: 1;\r\n    overflow-y: auto;\r\n    padding: 4px;\r\n}\r\n\r\n.acb-widget-user-item {\r\n    padding: 8px;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    position: relative;\r\n    margin-bottom: 2px;\r\n\r\n    &:hover {\r\n        background: #e9ecef;\r\n    }\r\n\r\n    &.active {\r\n        background: #667eea;\r\n        color: white;\r\n\r\n        .acb-widget-user-name {\r\n            color: white;\r\n        }\r\n\r\n        .acb-widget-user-status {\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n    }\r\n\r\n    &.has-new-message {\r\n        background: #fff3cd;\r\n        border-left: 3px solid #ffc107;\r\n    }\r\n}\r\n\r\n.acb-widget-user-avatar {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.acb-widget-user-info {\r\n    flex: 1;\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n.acb-widget-user-name {\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    color: #2c3e50;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n\r\n.acb-widget-user-status {\r\n    font-size: 10px;\r\n    color: #7f8c8d;\r\n\r\n    &.online {\r\n        color: #27ae60;\r\n    }\r\n\r\n    &.offline {\r\n        color: #95a5a6;\r\n    }\r\n}\r\n\r\n.acb-widget-new-indicator {\r\n    position: absolute;\r\n    top: 4px;\r\n    right: 4px;\r\n    background: #e74c3c;\r\n    color: white;\r\n    border-radius: 50%;\r\n    width: 16px;\r\n    height: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 10px;\r\n    font-weight: bold;\r\n}\r\n\r\n// Chat Area\r\n.acb-widget-chat-area {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n}\r\n\r\n.acb-widget-chat-header {\r\n    padding: 12px 16px;\r\n    background: white;\r\n    border-bottom: 1px solid #e9ecef;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    span {\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        color: #2c3e50;\r\n    }\r\n}\r\n\r\n.acb-widget-messages {\r\n    flex: 1;\r\n    overflow-y: auto;\r\n    padding: 16px;\r\n    background: #f8f9fa;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n}\r\n\r\n.acb-widget-message {\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-width: 80%;\r\n\r\n    &.own {\r\n        align-self: flex-end;\r\n        align-items: flex-end;\r\n\r\n        .acb-widget-message-content {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            color: white;\r\n        }\r\n    }\r\n\r\n    &.other {\r\n        align-self: flex-start;\r\n        align-items: flex-start;\r\n\r\n        .acb-widget-message-content {\r\n            background: white;\r\n            color: #2c3e50;\r\n            border: 1px solid #e9ecef;\r\n        }\r\n    }\r\n}\r\n\r\n.acb-widget-message-content {\r\n    padding: 12px 16px;\r\n    border-radius: 18px;\r\n    word-wrap: break-word;\r\n\r\n    p {\r\n        margin: 0;\r\n        font-size: 14px;\r\n        line-height: 1.4;\r\n    }\r\n}\r\n\r\n.acb-widget-message-image {\r\n    max-width: 200px;\r\n    max-height: 200px;\r\n    border-radius: 8px;\r\n    object-fit: cover;\r\n}\r\n\r\n.acb-widget-message-file {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    i {\r\n        font-size: 16px;\r\n        color: #7f8c8d;\r\n    }\r\n\r\n    a {\r\n        color: inherit;\r\n        text-decoration: none;\r\n        font-size: 14px;\r\n\r\n        &:hover {\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n}\r\n\r\n.acb-widget-message-time {\r\n    font-size: 11px;\r\n    color: #7f8c8d;\r\n    margin-top: 4px;\r\n}\r\n\r\n.acb-widget-input {\r\n    padding: 16px;\r\n    background: white;\r\n    border-top: 1px solid #e9ecef;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    input[type=\"text\"] {\r\n        flex: 1;\r\n        padding: 10px 12px;\r\n        border: 1px solid #e0e0e0;\r\n        border-radius: 20px;\r\n        font-size: 14px;\r\n        outline: none;\r\n        transition: border-color 0.2s;\r\n\r\n        &:focus {\r\n            border-color: #667eea;\r\n        }\r\n\r\n        &::placeholder {\r\n            color: #bdc3c7;\r\n        }\r\n    }\r\n\r\n    button {\r\n        width: 40px;\r\n        height: 40px;\r\n        border: none;\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.2s;\r\n\r\n        &:disabled {\r\n            opacity: 0.5;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n        i {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n}\r\n\r\n.acb-widget-attach {\r\n    background: #f8f9fa;\r\n    color: #7f8c8d;\r\n\r\n    &:hover:not(:disabled) {\r\n        background: #e9ecef;\r\n    }\r\n}\r\n\r\n.acb-widget-input button:last-of-type {\r\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n    color: white;\r\n\r\n    &:hover:not(:disabled) {\r\n        transform: scale(1.05);\r\n    }\r\n}\r\n\r\n// No Chat State\r\n.acb-widget-no-chat {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    color: #7f8c8d;\r\n\r\n    i {\r\n        font-size: 48px;\r\n        margin-bottom: 16px;\r\n        opacity: 0.5;\r\n    }\r\n\r\n    p {\r\n        margin: 0;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n// Responsive Design\r\n@media (max-width: 480px) {\r\n    .acb-widget-container {\r\n        bottom: 10px;\r\n        right: 10px;\r\n        left: 10px;\r\n    }\r\n\r\n    .acb-widget {\r\n        width: 100%;\r\n        height: 100vh;\r\n        border-radius: 0;\r\n        bottom: 0;\r\n        right: 0;\r\n        left: 0;\r\n    }\r\n\r\n    .acb-widget-users {\r\n        width: 120px;\r\n    }\r\n\r\n    .acb-widget-user-name {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .acb-widget-user-status {\r\n        font-size: 9px;\r\n    }\r\n}\r\n\r\n// Scrollbar Styling\r\n.acb-widget-users-list::-webkit-scrollbar,\r\n.acb-widget-messages::-webkit-scrollbar {\r\n    width: 4px;\r\n}\r\n\r\n.acb-widget-users-list::-webkit-scrollbar-track,\r\n.acb-widget-messages::-webkit-scrollbar-track {\r\n    background: #f1f1f1;\r\n}\r\n\r\n.acb-widget-users-list::-webkit-scrollbar-thumb,\r\n.acb-widget-messages::-webkit-scrollbar-thumb {\r\n    background: #c1c1c1;\r\n    border-radius: 2px;\r\n}\r\n\r\n.acb-widget-users-list::-webkit-scrollbar-thumb:hover,\r\n.acb-widget-messages::-webkit-scrollbar-thumb:hover {\r\n    background: #a8a8a8;\r\n}\r\n\r\n// Loading and Error States\r\n.acb-widget-loading {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    color: #7f8c8d;\r\n}\r\n\r\n.acb-widget-error {\r\n    padding: 16px;\r\n    background: #f8d7da;\r\n    color: #721c24;\r\n    border-radius: 8px;\r\n    margin: 16px;\r\n    font-size: 14px;\r\n}\r\n\r\n// Animations\r\n@keyframes fadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.acb-widget-message {\r\n    animation: fadeIn 0.3s ease-out;\r\n}\r\n\r\n.acb-widget {\r\n    animation: fadeIn 0.3s ease-out;\r\n}\r\n\r\n// Focus States\r\n.acb-widget input:focus,\r\n.acb-widget button:focus {\r\n    outline: 2px solid #667eea;\r\n    outline-offset: 2px;\r\n}\r\n\r\n// High Contrast Mode Support\r\n@media (prefers-contrast: high) {\r\n    .acb-widget {\r\n        border: 2px solid #000;\r\n    }\r\n\r\n    .acb-widget-message-content {\r\n        border-width: 2px;\r\n    }\r\n}\r\n\r\n// Reduced Motion Support\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .acb-widget-button,\r\n    .acb-widget-message,\r\n    .acb-widget,\r\n    * {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n}"],"names":[],"sourceRoot":""}