.support-overlay,
.support-overlay *{box-sizing:border-box;}

.support-overlay{
    position:absolute;inset:0;z-index:240;display:flex;overflow:hidden;
    background:rgba(4,12,14,.78);opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease;
}
.support-overlay.show{opacity:1;visibility:visible;pointer-events:auto;}
.support-overlay [hidden]{display:none!important;}
.support-shell{
    position:relative;isolation:isolate;display:flex;min-width:0;width:100%;height:100%;
    flex-direction:column;overflow:hidden;color:var(--paper);
    background:
        radial-gradient(360px 230px at 110% -5%,rgba(242,169,59,.14),transparent 72%),
        radial-gradient(320px 260px at -20% 100%,rgba(79,179,160,.12),transparent 75%),
        linear-gradient(180deg,#11272c 0%,#0d2024 100%);
    transform:translateY(22px);transition:transform .3s cubic-bezier(.2,.9,.25,1);
}
.support-overlay.show .support-shell{transform:none;}
.support-shell::before{
    content:"";position:absolute;inset:0 0 auto;height:3px;z-index:2;
    background:linear-gradient(90deg,var(--teal-soft),var(--amber-soft),var(--coral-soft));
}

.support-header{
    position:relative;z-index:3;display:grid;direction:ltr;
    grid-template-columns:42px minmax(0,1fr) 42px;grid-template-areas:"close copy lead";
    align-items:center;gap:8px;min-height:calc(68px + var(--safe-t));padding:calc(var(--safe-t) + 12px) 14px 10px;
    border-bottom:1px solid rgba(246,239,221,.09);background:rgba(13,31,35,.88);
    -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
.support-icon-btn{
    display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);
    border-radius:14px;background:rgba(246,239,221,.055);color:var(--paper-dim);
    transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.support-icon-btn:active{transform:scale(.94);background:rgba(246,239,221,.1);}
.support-icon-btn .icon{width:18px;height:18px;stroke:currentColor;}
.support-back{grid-area:lead;justify-self:end;}
.support-back .icon{width:20px;height:20px;}
#supportCloseBtn{grid-area:close;justify-self:start;}
.support-header-mark{
    grid-area:lead;justify-self:end;
    display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(247,200,120,.35);
    border-radius:15px;color:#352400;background:linear-gradient(145deg,#ffe19a,#e5a83e);
    box-shadow:0 13px 30px -19px rgba(242,169,59,.95),inset 0 1px rgba(255,255,255,.6);
}
.support-back:not([hidden]) + .support-header-mark{display:none;}
.support-header-mark .icon{width:23px;height:23px;stroke:currentColor;}
.support-header-copy{grid-area:copy;min-width:0;direction:rtl;text-align:right;line-height:1.45;}
.support-header-copy small{display:block;color:var(--teal-soft);font-size:9.5px;font-weight:850;}
.support-header-copy h2{margin:0;color:var(--paper);font-size:15.5px;font-weight:950;line-height:1.65;overflow-wrap:anywhere;white-space:normal;}

.support-network-banner{
    position:relative;z-index:4;display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:10px;
    padding:8px 16px;border-bottom:1px solid rgba(225,97,63,.28);background:rgba(83,35,35,.96);
}
.support-network-banner>span{width:8px;height:8px;border-radius:50%;background:var(--coral-soft);box-shadow:0 0 0 4px rgba(240,139,108,.1);}
.support-network-banner div{display:flex;min-width:0;flex-direction:column;line-height:1.65;}
.support-network-banner b{font-size:10.5px;color:#ffd4ca;}
.support-network-banner small{font-size:8.5px;color:rgba(255,225,217,.7);}
.support-hours-banner{position:relative;z-index:3;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid rgba(247,200,120,.22);background:linear-gradient(90deg,rgba(87,61,28,.96),rgba(47,51,38,.97));}
.support-hours-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(247,200,120,.25);border-radius:12px;background:rgba(247,200,120,.1);color:var(--amber-soft);}.support-hours-icon .icon{width:19px;height:19px;stroke:currentColor;}
.support-hours-copy{display:flex;min-width:0;flex-direction:column;line-height:1.65;}.support-hours-copy b{color:#ffe0a3;font-size:10.5px;}.support-hours-copy small{color:rgba(255,239,207,.8);font-size:8.8px;}.support-hours-copy em{color:var(--amber-soft);font-size:8px;font-style:normal;font-weight:850;}
.support-live-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.support-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;}

.support-main{position:relative;flex:1;min-height:0;overflow:hidden;}
.support-view{position:absolute;inset:0;display:none;min-width:0;min-height:0;}
.support-view.is-active{display:flex;}
.support-center-scroll,.support-form-scroll{
    width:100%;height:100%;overflow-y:auto;padding:18px 16px calc(var(--safe-b) + 26px);
    scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
}
.support-center-scroll::-webkit-scrollbar,.support-form-scroll::-webkit-scrollbar,.support-chat::-webkit-scrollbar{display:none;}

.support-hero{
    position:relative;isolation:isolate;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;
    min-height:142px;overflow:hidden;padding:18px;border:1px solid rgba(247,200,120,.25);border-radius:23px;
    background:
        repeating-linear-gradient(120deg,rgba(246,239,221,.025) 0 2px,transparent 2px 15px),
        linear-gradient(140deg,rgba(242,169,59,.17),rgba(27,57,64,.92));
    box-shadow:0 24px 48px -37px rgba(0,0,0,.95),inset 0 1px rgba(255,255,255,.05);
}
.support-hero::after{content:"";position:absolute;inset:auto -20px -54px auto;width:160px;height:120px;border:1px solid rgba(247,200,120,.12);border-radius:50%;transform:rotate(-12deg);z-index:-1;}
.support-hero-glow{position:absolute;inset:-30px auto auto -40px;width:130px;height:130px;border-radius:50%;background:rgba(79,179,160,.14);filter:blur(34px);z-index:-1;}
.support-hero-icon{
    display:grid;width:58px;height:58px;place-items:center;border-radius:20px;color:#312300;
    background:linear-gradient(145deg,#ffe7a9,#e5a23a);box-shadow:0 18px 36px -20px rgba(242,169,59,.88),inset 0 1px rgba(255,255,255,.65);
}
.support-hero-icon .icon{width:31px;height:31px;stroke:currentColor;}
.support-hero>div{min-width:0;}
.support-hero small{color:var(--amber-soft);font-size:9.5px;font-weight:900;}
.support-hero h3{margin:2px 0 4px;font-size:17px;font-weight:950;line-height:1.55;}
.support-hero p{color:var(--muted);font-size:10.5px;font-weight:650;line-height:1.85;}
.support-hero .support-identity-hint{display:inline-flex;margin-top:8px;padding:3px 8px;border:1px solid rgba(247,200,120,.22);border-radius:999px;background:rgba(247,200,120,.07);color:var(--amber-soft);font-size:8px;font-weight:850;}

.support-notification-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;margin:12px 0;padding:11px;border:1px solid rgba(247,200,120,.25);border-radius:16px;background:linear-gradient(145deg,rgba(247,200,120,.09),rgba(127,209,193,.045));}
.support-notification-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:rgba(247,200,120,.12);color:var(--amber-soft);}.support-notification-icon .icon{width:20px;height:20px;stroke:currentColor;}
.support-notification-copy{display:flex;min-width:0;flex-direction:column;line-height:1.65;}.support-notification-copy b{font-size:10.5px;}.support-notification-copy small{color:var(--muted);font-size:8.5px;}
.support-notification-card button{min-height:34px;padding:4px 10px;border:1px solid rgba(247,200,120,.35);border-radius:10px;background:var(--amber-soft);color:#2e2208;font-size:8.5px;font-weight:950;white-space:nowrap;}
.support-notification-card[data-state="enabled"]{border-color:rgba(127,209,193,.28);background:rgba(127,209,193,.07);}.support-notification-card[data-state="enabled"] .support-notification-icon{background:rgba(127,209,193,.12);color:var(--teal-soft);}.support-notification-card[data-state="enabled"] button{border-color:rgba(127,209,193,.25);background:rgba(127,209,193,.1);color:var(--teal-soft);}
.support-notification-card[data-state="loading"] button{cursor:wait;opacity:.55;}

.support-primary,.support-secondary{
    min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;
    border-radius:15px;font-size:12px;font-weight:950;transition:transform .15s ease,opacity .15s ease,filter .15s ease;
}
.support-primary{background:linear-gradient(135deg,#f9d687,#e6a23b);color:#2e2208;box-shadow:0 18px 34px -23px rgba(242,169,59,.95);}
.support-secondary{border:1px solid rgba(127,209,193,.28);background:rgba(127,209,193,.09);color:var(--teal-soft);}
.support-primary:active,.support-secondary:active{transform:scale(.975);}
.support-primary:disabled,.support-secondary:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;}
.support-new-cta{
    width:100%;min-height:76px;margin-top:12px;padding:10px 12px;justify-content:flex-start;text-align:right;
    background:linear-gradient(135deg,#f7cf78,#e5a13b);border:1px solid rgba(255,232,174,.46);
}
.support-new-cta .support-action-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border-radius:15px;background:rgba(46,34,8,.1);}
.support-new-cta .support-action-icon .icon{width:22px;height:22px;stroke:currentColor;}
.support-new-cta>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;line-height:1.7;}
.support-new-cta b{font-size:12.5px;}
.support-new-cta small{color:rgba(46,34,8,.7);font-size:9px;font-weight:750;}
.support-action-arrow{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;}

.support-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:24px 2px 11px;}
.support-section-head>div{line-height:1.5;}
.support-section-head small{display:block;color:var(--teal-soft);font-size:9px;font-weight:850;}
.support-section-head h3{font-size:15px;font-weight:950;}
.support-refresh{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(246,239,221,.05);color:var(--muted);}
.support-refresh .icon{width:16px;height:16px;stroke:currentColor;}
.support-refresh.is-loading .icon{animation:support-spin .7s linear infinite;}

.support-center-loading{display:grid;gap:9px;}
.support-center-loading span{display:block;height:86px;border-radius:18px;background:linear-gradient(100deg,rgba(246,239,221,.045) 20%,rgba(246,239,221,.09) 40%,rgba(246,239,221,.045) 60%);background-size:240% 100%;animation:support-shimmer 1.3s ease infinite;}
.support-center-loading span:nth-child(2){opacity:.75;}.support-center-loading span:nth-child(3){opacity:.5;}
.support-state{display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;}
.support-state-mark{display:grid;width:62px;height:62px;margin-bottom:13px;place-items:center;border:1px solid rgba(127,209,193,.23);border-radius:20px;background:rgba(127,209,193,.09);color:var(--teal-soft);font-size:25px;font-weight:950;}
.support-state-mark .icon{width:30px;height:30px;stroke:currentColor;}
.support-state h4{font-size:15px;font-weight:950;}
.support-state p{max-width:280px;margin:4px 0 15px;color:var(--muted);font-size:10.5px;line-height:1.9;}
.support-state-error .support-state-mark{border-color:rgba(225,97,63,.3);background:rgba(225,97,63,.1);color:var(--coral-soft);}

.support-ticket-list{display:flex;flex-direction:column;gap:9px;}
.support-load-more-tickets{display:flex;min-height:42px;margin:12px auto 0;align-items:center;justify-content:center;padding:4px 16px;border:1px solid rgba(127,209,193,.28);border-radius:13px;background:rgba(127,209,193,.08);color:var(--teal-soft);font-size:10px;font-weight:900;}
.support-load-more-tickets:disabled{cursor:wait;opacity:.55;}
.support-ticket-card{
    position:relative;display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding:14px;
    overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(27,57,64,.88),rgba(18,42,47,.92));
    color:var(--paper);text-align:right;box-shadow:0 15px 30px -27px rgba(0,0,0,.9);transition:transform .15s ease,border-color .15s ease;
}
.support-ticket-card::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--teal-soft);opacity:.45;}
.support-ticket-card.has-unread{border-color:rgba(247,200,120,.36);background:linear-gradient(155deg,rgba(62,57,43,.92),rgba(25,47,50,.95));}
.support-ticket-card.has-unread::before{width:3px;background:var(--amber-soft);opacity:1;}
.support-ticket-card:active{transform:scale(.98);}
.support-ticket-card-main{min-width:0;}
.support-ticket-card-title{display:flex;align-items:center;gap:7px;min-width:0;}
.support-ticket-card-title b{overflow:hidden;font-size:12.5px;font-weight:900;text-overflow:ellipsis;white-space:nowrap;}
.support-ticket-card-title i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--amber-soft);box-shadow:0 0 0 4px rgba(247,200,120,.08);}
.support-ticket-card p{overflow:hidden;margin-top:4px;color:var(--muted);font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap;}
.support-ticket-card-side{display:flex;align-items:flex-end;flex-direction:column;gap:7px;}
.support-ticket-time{color:var(--muted-dim);font-size:8.5px;font-weight:750;white-space:nowrap;}
.support-unread-count{display:grid;min-width:21px;height:21px;padding:0 5px;place-items:center;border-radius:999px;background:var(--amber-soft);color:#2e2208;font-size:9px;font-weight:950;}
.support-ticket-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid rgba(246,239,221,.065);}
.support-ticket-category{max-width:55%;overflow:hidden;color:var(--muted);font-size:8.5px;text-overflow:ellipsis;white-space:nowrap;}
.support-ticket-status{display:inline-flex;min-height:24px;align-items:center;padding:2px 9px;border:1px solid rgba(127,209,193,.25);border-radius:999px;background:rgba(127,209,193,.08);color:var(--teal-soft);font-size:8.5px;font-weight:900;white-space:nowrap;}
.support-ticket-status[data-tone="waiting"]{border-color:rgba(247,200,120,.3);background:rgba(247,200,120,.1);color:var(--amber-soft);}
.support-ticket-status[data-tone="progress"],.support-ticket-status[data-tone="assigned"],.support-ticket-status[data-tone="waiting-agent"]{border-color:rgba(240,139,108,.28);background:rgba(225,97,63,.09);color:var(--coral-soft);}
.support-ticket-status[data-tone="resolved"],.support-ticket-status[data-tone="closed"]{border-color:var(--line);background:rgba(246,239,221,.055);color:var(--muted);}

.support-form-scroll{padding-top:16px;}
.support-view-intro{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(246,239,221,.04);}
.support-view-intro>span{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:rgba(127,209,193,.1);color:var(--teal-soft);}
.support-view-intro .icon{width:23px;height:23px;stroke:currentColor;}
.support-view-intro div{min-width:0;line-height:1.55;}
.support-view-intro small{font-size:9px;font-weight:850;color:var(--teal-soft);}
.support-view-intro h3{font-size:14px;font-weight:950;line-height:1.65;}
.support-view-intro p{margin-top:3px;color:var(--muted);font-size:9.5px;line-height:1.85;}
.support-form-loading{display:flex;min-height:180px;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:11px;font-weight:800;}
.support-form-error,.support-composer-error{padding:10px 12px;border:1px solid rgba(225,97,63,.27);border-radius:12px;background:rgba(225,97,63,.1);color:#ffc5b6;font-size:10.5px;font-weight:750;line-height:1.8;}
.support-form-error{margin-bottom:12px;}
.support-category-retry{display:flex;margin-top:8px;}
.support-form{display:flex;flex-direction:column;gap:14px;}
.support-field{display:flex;flex-direction:column;gap:6px;}
.support-field>span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--paper-dim);font-size:10.5px;font-weight:850;}
.support-field>span b{color:var(--amber-soft);font-size:8px;}
.support-field input,.support-field select,.support-field textarea{
    width:100%;border:1px solid var(--line);outline:0;border-radius:14px;background:rgba(246,239,221,.055);color:var(--paper);
    font:750 12px/1.8 'Vazirmatn',Tahoma,sans-serif;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.support-field input,.support-field select{height:48px;padding:0 13px;}
.support-field select{appearance:none;padding-left:36px;background-image:linear-gradient(45deg,transparent 50%,var(--teal-soft) 50%),linear-gradient(135deg,var(--teal-soft) 50%,transparent 50%);background-position:17px 22px,11px 22px;background-size:6px 6px;background-repeat:no-repeat;}
.support-field textarea{min-height:122px;resize:vertical;padding:11px 13px;}
.support-field input::placeholder,.support-field textarea::placeholder{color:var(--muted-dim);font-weight:650;}
.support-field input:focus,.support-field select:focus,.support-field textarea:focus{border-color:rgba(247,200,120,.55);background:rgba(246,239,221,.07);box-shadow:0 0 0 3px rgba(242,169,59,.09);}
.support-field.is-invalid input,.support-field.is-invalid select,.support-field.is-invalid textarea{border-color:rgba(225,97,63,.5);box-shadow:0 0 0 3px rgba(225,97,63,.08);}
.support-field>[data-support-error]{min-height:0;color:var(--coral-soft);font-size:9px;font-weight:750;}
.support-field>em{align-self:flex-end;color:var(--muted-dim);font-size:8.5px;font-style:normal;}
.support-attachment-picker{display:grid;width:100%;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:10px 11px;border:1px dashed rgba(127,209,193,.3);border-radius:15px;background:rgba(127,209,193,.055);text-align:right;}
.support-attachment-picker>span:first-child{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:rgba(127,209,193,.11);color:var(--teal-soft);}
.support-attachment-picker svg{width:21px;height:21px;}
.support-attachment-picker>span:nth-child(2){display:flex;min-width:0;flex-direction:column;line-height:1.7;}
.support-attachment-picker b{font-size:10.5px;color:var(--paper-dim);}.support-attachment-picker small{font-size:8.5px;color:var(--muted);}
.support-selected-file,.support-composer-file{display:grid;grid-template-columns:37px minmax(0,1fr) 30px;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(247,200,120,.24);border-radius:13px;background:rgba(247,200,120,.07);}
.support-selected-file{margin-top:8px;}
.support-selected-file>span,.support-composer-file>span{display:grid;width:37px;height:37px;place-items:center;border-radius:11px;background:rgba(247,200,120,.12);color:var(--amber-soft);font-size:8px;font-weight:950;}
.support-selected-file>div,.support-composer-file>div{display:flex;min-width:0;flex-direction:column;line-height:1.65;}
.support-selected-file b,.support-composer-file b{overflow:hidden;color:var(--paper-dim);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap;}
.support-selected-file small,.support-composer-file small{color:var(--muted);font-size:8px;}
.support-selected-file button,.support-composer-file button{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:rgba(225,97,63,.1);color:var(--coral-soft);font-size:18px;}
.support-file-error{display:block;min-height:16px;margin-top:4px;color:var(--coral-soft);font-size:9px;font-weight:750;}
.support-submit{width:100%;margin-top:3px;}
.support-submit .icon{width:17px;height:17px;stroke:currentColor;}
.support-submit.is-loading::before{content:"";width:15px;height:15px;border:2px solid rgba(46,34,8,.25);border-top-color:#2e2208;border-radius:50%;animation:support-spin .7s linear infinite;}
.support-submit.is-loading .icon{display:none;}
.support-privacy{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted-dim);font-size:8.5px;text-align:center;}
.support-privacy .icon{width:13px;height:13px;flex:0 0 13px;stroke:var(--teal-soft);}

.support-conversation-view{flex-direction:column;background:linear-gradient(180deg,rgba(16,36,41,.96),rgba(12,29,33,.99));}
.support-conversation-meta{display:flex;min-height:49px;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;border-bottom:1px solid var(--line);background:rgba(246,239,221,.025);}
.support-conversation-meta>div:first-child{display:flex;min-width:0;align-items:center;gap:7px;}
.support-conversation-meta>div:first-child small{overflow:hidden;color:var(--muted-dim);font-size:8px;text-overflow:ellipsis;white-space:nowrap;}
.support-ticket-actions{display:flex;gap:6px;}
.support-ticket-actions button{min-height:28px;padding:2px 9px;border:1px solid rgba(127,209,193,.25);border-radius:9px;background:rgba(127,209,193,.08);color:var(--teal-soft);font-size:8.5px;font-weight:900;}
#supportReopenBtn{border-color:rgba(247,200,120,.28);background:rgba(247,200,120,.08);color:var(--amber-soft);}
.support-conversation-state{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;}
.support-conversation-state b{margin-top:10px;font-size:13px;font-weight:950;}
.support-conversation-state small{max-width:280px;margin:3px 0 13px;color:var(--muted);font-size:9.5px;line-height:1.8;}
.support-conversation-state.is-error>span:first-child{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(225,97,63,.28);border-radius:17px;background:rgba(225,97,63,.1);color:var(--coral-soft);font-size:22px;font-weight:950;}
.support-spinner{display:inline-block;width:19px;height:19px;flex:0 0 19px;border:2px solid rgba(127,209,193,.18);border-top-color:var(--teal-soft);border-radius:50%;animation:support-spin .7s linear infinite;}
.support-chat{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;overflow-y:auto;padding:10px 12px 18px;scrollbar-width:none;overscroll-behavior:contain;}
.support-load-older{align-self:center;min-height:30px;margin:0 auto 9px;padding:2px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(246,239,221,.05);color:var(--muted);font-size:8.5px;font-weight:850;}
.support-load-older-status{display:flex;align-self:center;align-items:center;gap:6px;margin:0 auto 9px;color:var(--muted);font-size:8.5px;}
.support-load-older-status .support-spinner{width:13px;height:13px;flex-basis:13px;}
.support-message-list{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:100%;}
.support-message-day{align-self:center;margin:5px 0;padding:3px 10px;border-radius:999px;background:rgba(246,239,221,.05);color:var(--muted-dim);font-size:8px;font-weight:800;}
.support-system-message{align-self:center;max-width:90%;padding:7px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(246,239,221,.04);color:var(--muted);font-size:8.5px;text-align:center;}
.support-message{display:flex;max-width:84%;flex-direction:column;gap:3px;}
.support-message.is-customer{align-self:flex-start;align-items:flex-start;}
.support-message.is-agent{align-self:flex-end;align-items:flex-end;}
.support-message-bubble{position:relative;min-width:58px;padding:9px 11px;border-radius:16px;box-shadow:0 10px 24px -20px rgba(0,0,0,.9);}
.support-message.is-customer .support-message-bubble{border-bottom-left-radius:5px;background:linear-gradient(145deg,#f5ce7c,#e4a03c);color:#2e2208;}
.support-message.is-agent .support-message-bubble{border:1px solid rgba(127,209,193,.22);border-bottom-right-radius:5px;background:linear-gradient(145deg,#1b4147,#17353b);color:var(--paper);}
.support-message.is-failed .support-message-bubble{border:1px solid rgba(225,97,63,.5);background:rgba(75,39,40,.95);color:#ffe3dc;}
.support-message-author{display:block;margin-bottom:2px;color:var(--teal-soft);font-size:8px;font-weight:900;}
.support-message-text{font-size:10.5px;font-weight:650;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;}
.support-message-attachments{display:flex;flex-direction:column;gap:6px;margin-top:7px;}
.support-message-attachment{display:grid;min-width:180px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.09);color:inherit;}
.support-message-attachment:is(button){width:100%;font-family:inherit;text-align:right;cursor:pointer;}
.support-message-attachment:is(button):active{background:rgba(255,255,255,.15);}
.support-message-attachment.is-loading{cursor:wait;opacity:.7;}
.support-message-attachment>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:rgba(255,255,255,.12);font-size:7.5px;font-weight:950;}
.support-message-attachment>div{display:flex;min-width:0;flex-direction:column;line-height:1.55;}
.support-message-attachment b{overflow:hidden;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap;}.support-message-attachment small{font-size:7.5px;opacity:.72;}
.support-message-meta{display:flex;align-items:center;gap:5px;padding:0 3px;color:var(--muted-dim);font-size:7.5px;font-weight:750;}
.support-message.is-customer .support-message-meta{color:rgba(46,34,8,.64);}
.support-message-retry{min-height:25px;padding:2px 8px;border:1px solid rgba(240,139,108,.35);border-radius:8px;background:rgba(225,97,63,.12);color:#ffc5b6;font-size:8px;font-weight:900;}
.support-chat-empty{display:flex;flex:1;min-height:180px;align-items:center;justify-content:center;color:var(--muted);font-size:9.5px;text-align:center;}

.support-composer{flex:0 0 auto;padding:8px 10px calc(var(--safe-b) + 9px);border-top:1px solid rgba(246,239,221,.1);background:rgba(10,26,30,.96);box-shadow:0 -16px 35px -30px rgba(0,0,0,.95);}
.support-composer-file{margin-bottom:7px;padding:6px 8px;grid-template-columns:32px minmax(0,1fr) 28px;}
.support-composer-file>span{width:32px;height:32px;}.support-composer-file button{width:26px;height:26px;}
.support-composer-error{margin-bottom:7px;padding:7px 9px;font-size:9px;}
.support-composer-row{display:grid;grid-template-columns:40px minmax(0,1fr) 43px;align-items:end;gap:7px;}
.support-composer-attach,.support-send{display:grid;width:40px;height:42px;place-items:center;border:1px solid var(--line);border-radius:13px;background:rgba(246,239,221,.06);color:var(--teal-soft);}
.support-composer-attach svg{width:20px;height:20px;}
.support-composer-input{display:flex;min-width:0;min-height:42px;align-items:center;padding:4px 11px;border:1px solid var(--line);border-radius:14px;background:rgba(246,239,221,.055);}
.support-composer-input:focus-within{border-color:rgba(127,209,193,.4);box-shadow:0 0 0 3px rgba(127,209,193,.07);}
.support-composer textarea{width:100%;max-height:106px;min-height:32px;resize:none;border:0;outline:0;background:transparent;color:var(--paper);font:650 11px/1.8 'Vazirmatn',Tahoma,sans-serif;}
.support-composer textarea::placeholder{color:var(--muted-dim);}
.support-send{width:43px;border-color:rgba(247,200,120,.35);background:linear-gradient(145deg,#f8d381,#e5a13b);color:#2e2208;box-shadow:0 12px 24px -18px rgba(242,169,59,.9);}
.support-send svg{width:21px;height:21px;}
.support-send:disabled{opacity:.38;box-shadow:none;}
.support-send.is-loading svg{display:none;}.support-send.is-loading::after{content:"";width:16px;height:16px;border:2px solid rgba(46,34,8,.24);border-top-color:#2e2208;border-radius:50%;animation:support-spin .7s linear infinite;}
.support-composer-hint{margin:4px 3px 0;color:var(--muted-dim);font-size:7.5px;line-height:1.6;text-align:center;}
.support-composer.is-locked .support-composer-row,.support-composer.is-locked .support-composer-file{display:none;}
.support-composer.is-locked .support-composer-hint{margin:4px 0;padding:8px;border:1px solid rgba(247,200,120,.18);border-radius:11px;background:rgba(247,200,120,.06);color:var(--amber-soft);font-size:9px;font-weight:800;}

.support-fab{isolation:isolate;}
.support-fab .icon{stroke:currentColor;fill:none;}
.support-fab.has-unread{background:linear-gradient(145deg,#f8d381,#e15f42)!important;color:#2e2208!important;box-shadow:0 13px 32px -12px rgba(225,97,63,.9),0 0 0 4px rgba(247,200,120,.12)!important;}
.support-fab-badge{
    position:absolute;top:-5px;right:-5px;z-index:3;display:grid;min-width:21px;height:21px;padding:0 5px;place-items:center;
    border:2px solid var(--bg-deep);border-radius:999px;background:#e65e43;color:#fff;
    box-shadow:0 6px 14px rgba(225,97,63,.45);font-size:8.5px;font-weight:950;font-variant-numeric:tabular-nums;
}
.support-fab-badge[hidden]{display:none!important;}

@keyframes support-spin{to{transform:rotate(360deg);}}
@keyframes support-shimmer{0%{background-position:120% 0}100%{background-position:-120% 0}}

@media (min-width:760px){
    .support-overlay{align-items:center;justify-content:center;padding:0;}
    .support-shell{border-radius:inherit;}
    .support-center-scroll,.support-form-scroll{padding-right:20px;padding-left:20px;}
}

@media (max-width:350px){
	.support-notification-card{grid-template-columns:38px minmax(0,1fr);}.support-notification-card button{grid-column:1/-1;width:100%;}
    .support-header{grid-template-columns:38px minmax(0,1fr) 38px;padding-right:10px;padding-left:10px;gap:6px;}
    .support-icon-btn,.support-header-mark{width:38px;height:38px;border-radius:12px;}
    .support-center-scroll,.support-form-scroll{padding-right:12px;padding-left:12px;}
    .support-hero{grid-template-columns:50px minmax(0,1fr);padding:15px;gap:11px;}
    .support-hero-icon{width:50px;height:50px;border-radius:17px;}
    .support-hero h3{font-size:15px;}
    .support-ticket-card{padding:12px;}
    .support-message{max-width:90%;}
}

@media (prefers-reduced-motion:reduce){
    .support-overlay,.support-shell,.support-primary,.support-secondary,.support-ticket-card{transition:none;}
    .support-center-loading span,.support-spinner,.support-submit.is-loading::before,.support-send.is-loading::after,.support-refresh.is-loading .icon{animation:none;}
}
