/* --- CSS FOR SCRIPT 2: SERVICES ACCORDION UI --- */
.ads4u-acc-wrap{margin:16px 0}.ads4u-acc-controls{display:flex;gap:8px;align-items:center;margin:12px 0;flex-wrap:wrap}.ads4u-acc-btn{padding:8px 12px;border:1px solid rgba(0,0,0,.1);border-radius:10px;cursor:pointer;background:#fff}.ads4u-acc{border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.ads4u-acc-section{margin-bottom:3px}.ads4u-acc-section + .ads4u-acc-section{border-top:1px solid rgba(0,0,0,.06)}.ads4u-acc-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;cursor:pointer;position:relative;padding-right:64px;gap:10px}.ads4u-acc-title{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.ads4u-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads4u-acc-title img{max-width:calc(1em + 6px);max-height:calc(1em + 6px)}.ads4u-acc-chevron{display:none!important}.ads4u-acc-panel{display:none;background:#fff;padding:10px}.ads4u-acc-section.open .ads4u-acc-panel{display:block}.ads4u-acc-empty{padding:16px;color:#888}.ads4u-chip{font-size:12px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.06)}.ads4u-mini-table{width:100%;border-collapse:collapse}.ads4u-mini-table th,.ads4u-mini-table td{padding:8px;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:top}.ads4u-top-search.form-control{min-height:40px}.ads4u-acc-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.06);transition:box-shadow .2s ease, transform .1s ease, border-color .2s ease;cursor:pointer}.ads4u-acc-toggle:hover{border-color:rgba(0,0,0,.24);box-shadow:0 4px 10px rgba(0,0,0,.08)}.ads4u-acc-toggle:active{transform:translateY(-50%) scale(.98)}.ads4u-acc-toggle svg{width:18px;height:18px;transition:transform .2s ease}.ads4u-acc-section.open .ads4u-acc-toggle svg{transform:rotate(180deg)}.ads4u-mini-table .ads4u-desc-btn{--btn-bg:#5a5797;--btn-bg2:#6b68a8;background:linear-gradient(180deg,var(--btn-bg),var(--btn-bg2));color:#fff!important;border:0!important;padding:8px 14px!important;border-radius:999px!important;font-weight:600;line-height:1;text-decoration:none!important;box-shadow:0 2px 6px rgba(0,0,0,.12);display:inline-flex;align-items:center;gap:8px;transition:transform .12s ease, box-shadow .2s ease, filter .2s ease;white-space:nowrap}.ads4u-mini-table .ads4u-desc-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.15);filter:saturate(1.05)}.ads4u-mini-table .ads4u-desc-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.12)}.ads4u-mini-table .btn.ads4u-desc-btn{font-size:14px}.ads4u-loader{position:fixed;inset:0;background:rgba(255,255,255,.6);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:9999}.ads4u-spinner{width:56px;height:56px;border-radius:50%;border:4px solid rgba(0,0,0,.15);border-top-color:#5a5797;animation:ads4u-spin .8s linear infinite}@keyframes ads4u-spin{to{transform:rotate(360deg)}}.ads4u-count-pill{font-size:12px;line-height:1;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.08);color:#111;border:1px solid rgba(0,0,0,.06);flex:0 0 auto}@media (prefers-color-scheme:dark){.ads4u-count-pill{background:linear-gradient(180deg,rgb(107 105 144) 0%,rgb(92 90 128) 55%,rgb(78 76 112) 100%);color:#fff;border-color:rgba(255,255,255,.22)}}.ads4u-social-bar{display:flex;gap:8px;align-items:center;overflow:auto;padding:8px 0;scrollbar-width:thin}.ads4u-social-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.04)}.ads4u-social-btn img{width:18px;height:18px;border-radius:4px;object-fit:cover}.ads4u-social-btn.selected{background:#6b238b;color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(92,90,128,.25)}@media (prefers-color-scheme:dark){.ads4u-social-btn{background:#1f1f28;border-color:rgba(255,255,255,.08);color:#e9e9ef}.ads4u-social-btn.selected{background:#6b238b;color:#fff}}.ads4u-clear-btn{margin-left:auto;padding:6px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;white-space:nowrap}.ads4u-clear-btn[hidden]{display:none!important}@media (prefers-color-scheme:dark){.ads4u-clear-btn{background:#1f1f28;border-color:rgba(255,255,255,.08);color:#e9e9ef}}

/* --- CSS FOR SCRIPT 3: CHAT/TICKET SYSTEM UI --- */
:root{--bg:#f5f7fb;--panel:#ffffff;--me:#6f62ff;--me-soft:#edeaff;--other:#0ea5e9;--other-soft:#eaf7ff;--text:#1f2937;--muted:#6b7280;--bd:rgba(17,24,39,.08);--r:18px}
.ticket-dialog .row>.col{padding:0}
.ticket-dialog__title{display:none!important}
.ticket-dialog__body{background:var(--bg);padding:0}
.ticket-dialog__body .component_ticket_messages{max-width:980px;margin:0 auto;padding:20px 20px 8px;min-height:40vh;display:flex;flex-direction:column;gap:28px}
.ticket-dialog__row{display:flex;align-items:flex-end;gap:10px}
.ticket-dialog__row-user{justify-content:flex-start}
.ticket-dialog__row-admin{justify-content:flex-end}
.ticket-dialog__row-message{max-width:72%;position:relative}
.ticket-dialog__row-message span{display:block;border-radius:var(--r);padding:12px 14px;line-height:1.55;border:1px solid var(--bd);font-size:14.5px;background:linear-gradient(180deg,var(--other-soft),#fff);color:var(--text);box-shadow:0 3px 12px rgba(0,0,0,.04);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}
.ticket-dialog__row-admin .ticket-dialog__row-message span{background:linear-gradient(180deg,var(--me-soft),#fff)}
.ticket-dialog__row-user .ticket-dialog__row-message:after,.ticket-dialog__row-admin .ticket-dialog__row-message:after{content:"";position:absolute;bottom:-1px;width:10px;height:10px;background:#fff;border:1px solid var(--bd);transform:rotate(45deg)}
.ticket-dialog__row-user .ticket-dialog__row-message:after{left:10px}
.ticket-dialog__row-admin .ticket-dialog__row-message:after{right:10px}
.ticket-dialog__row-bottom{position:absolute;bottom:-20px;font-size:12px;color:var(--muted);white-space:nowrap}
.ticket-dialog__row-user .ticket-dialog__row-bottom{left:12px;text-align:left}
.ticket-dialog__row-admin .ticket-dialog__row-bottom{right:12px;text-align:right}
.ticket-dialog__row-bottom-name{font-weight:600}
.ticket-dialog__footer{position:sticky;bottom:0;z-index:4;background:linear-gradient(180deg,rgba(245,247,251,.7),rgba(245,247,251,1));backdrop-filter:blur(6px);border-top:1px solid var(--bd)}
.ticket-dialog__footer .component_form_group{max-width:980px;margin:0 auto;padding:14px 20px}
.ticket-dialog__footer textarea{background:var(--panel);border:1px solid var(--bd)!important;border-radius:16px!important;padding:12px 14px!important;min-height:60px;resize:none;box-shadow:0 6px 18px rgba(0,0,0,.04) inset}
.ticket-dialog__footer .btn{border-radius:12px!important;font-weight:800;padding:10px 16px;background:linear-gradient(180deg,var(--me),#5b4cff)!important;border:0!important;box-shadow:0 10px 24px rgba(111,98,255,.28)}
.chat-app-header{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,#ffffff,rgba(255,255,255,.85));backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--bd);padding:18px 22px;margin:0 auto;display:flex;align-items:center;gap:12px}
.chat-app-avatar{width:38px;height:38px;border-radius:50%;background:#6f62ff;color:#fff;display:grid;place-items:center;font-weight:800}
.chat-app-meta{display:flex;flex-direction:column}
.chat-app-title{font-size:16px;font-weight:800;color:#111827}
.chat-app-sub{font-size:12px;color:#6b7280}
.ticket-imglink{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--bd);border-radius:12px;background:var(--panel);font-size:12px;color:#1f2937;text-decoration:none;cursor:zoom-in;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.ticket-imglink:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.ticket-imglink::before{content:"";width:14px;height:14px;flex:0 0 14px;background:center/contain no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='18' rx='3' ry='3'/><circle cx='8.5' cy='8.5' r='2.5'/><path d='M21 15l-4.5-4.5L9 18'/></svg>");filter:drop-shadow(0 1px 0 rgba(0,0,0,.02))}
.chat-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .15s ease}
.chat-lightbox.open{opacity:1;pointer-events:auto}
.chat-lightbox__img{max-width:92vw;max-height:92vh;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.45);background:#fff;transform:scale(.98);transition:transform .15s ease}
.chat-lightbox.open .chat-lightbox__img{transform:scale(1)}
.chat-lightbox__close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff;box-shadow:0 6px 18px rgba(0,0,0,.2);cursor:pointer}
.chat-lightbox__close:before{content:"";display:block;width:16px;height:16px;margin:9px auto;background:center/contain no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>")}
#ticket-holiday-banner{margin:8px auto 10px;max-width:980px}
.ticket-holiday{position:relative;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(239,68,68,.28);border-radius:14px;background:linear-gradient(180deg,#ffffff 0%,#ffe4e6 100%);box-shadow:0 10px 28px rgba(239,68,68,.18)}
.ticket-holiday:before{content:"";width:22px;height:22px;flex:0 0 22px;border-radius:6px;background:#ef4444 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 11v2a4 4 0 0 0 4 4h2l7 3V6l-7 3H7a4 4 0 0 0-4 4z'/><path d='M16 8a5 5 0 0 1 0 8'/></svg>") center/14px 14px no-repeat;box-shadow:0 6px 16px rgba(239,68,68,.35)}
.ticket-holiday__text{font-size:13px;color:#b91c1c}
.ticket-holiday__label{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:#fee2e2;color:#b91c1c;margin-right:8px}
@media (max-width:640px){.ticket-dialog__body .component_ticket_messages{padding:14px 12px}.ticket-dialog__row-message{max-width:86%}}
/* Additional style fixes for chat UI */
.ticket-dialog__row-admin .ticket-dialog__row-message{background:transparent!important;border:none!important;box-shadow:none!important}
.ticket-dialog__row-message{background:transparent!important;border:none!important;box-shadow:none!important}

/* --- Loader styles for service page --- */
.ads4u-loader-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:250px;color:#555;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;padding:20px;border:1px solid #e0e0e0;border-radius:14px;background-color:#f9f9f9}.ads4u-loader-placeholder .spinner{width:48px;height:48px;border:5px solid #f3f3f3;border-top:5px solid #6b238b;border-radius:50%;animation:spin 1.2s linear infinite;margin-bottom:16px}.ads4u-loader-placeholder .loading-text{font-size:1.1em;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}