/* Account Support - Arasyar */
.support-page{max-width:970px;margin:0 auto;padding:24px 0 120px}
.account-hero{min-height:132px;border-radius:26px;background:#421b48;color:#fff;display:flex;align-items:center;justify-content:flex-start;gap:18px;padding:28px 44px;margin-top:32px}
.account-hero__icon{width:70px;height:70px;border-radius:19px;background:#d7a8dc;display:grid;place-items:center;color:#6d126e}
.account-hero__icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.account-hero__eyebrow{display:block;font-size:12px;color:#c938c8;margin-bottom:4px}
.account-hero h1{margin:0;font-size:27px;font-weight:700}
.account-hero p{margin:5px 0 0;font-size:13px;color:#e8d9e8}
.account-tabs{height:54px;margin:18px 0 22px;border-radius:18px;background:rgba(235,229,239,.8);display:grid;grid-template-columns:repeat(3,1fr);padding:5px;gap:6px}
.account-tabs a{display:grid;place-items:center;border-radius:13px;color:#766d79;text-decoration:none;font-size:13px}
.account-tabs a.is-active{background:#fff;color:#8e118e;box-shadow:0 4px 16px rgba(55,21,61,.1);font-weight:700}
.support-layout{display:grid;grid-template-columns:290px 1fr;direction:rtl;gap:14px}
.support-threads,.support-chat{border:1px solid #e2d8e5;background:rgba(255,255,255,.58);border-radius:22px;overflow:hidden}
.support-threads{min-height:470px}
.support-threads__header{display:flex;justify-content:space-between;align-items:center;padding:25px 20px 18px}
.support-threads__header span{display:block;color:#a1169b;font-size:11px;font-weight:700}
.support-threads__header h2{margin:6px 0 0;font-size:22px;font-weight:700;color:#2d2631}
.support-new-thread{border:0;background:#8f1295;color:#fff;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;cursor:pointer}
.support-new-thread svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.support-thread-list{padding:0 12px}
.support-empty-threads{padding:32px 12px;text-align:center;color:#9a919e;font-size:13px}
.support-thread{width:100%;border:0;border-top:1px solid #e5dce7;background:transparent;text-align:right;padding:14px 9px;display:flex;align-items:center;gap:11px;cursor:pointer;font-family:inherit}
.support-thread.is-active{background:#eee4f1;border-radius:14px;border-top-color:transparent;padding:14px 12px}
.support-thread__badge{width:34px;height:34px;border-radius:50%;background:#dca6db;color:#821384;display:grid;place-items:center;font-size:13px;flex:0 0 auto}
.support-thread__body{min-width:0;flex:1;display:flex;flex-direction:column;}
.support-thread__title{font-size:12px;font-weight:700;color:#342d37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-thread__meta{font-size:10px;color:#958b98;margin-top:5px}
.support-chat{min-height:470px;display:flex;flex-direction:column}
.support-chat__header{height:72px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6dde8}
.support-chat__header h2{margin:0;font-size:14px;color:#342d37}
.support-chat__header span{font-size:11px;color:#768f91;display:block;margin-top:5px}
.support-chat__status-dot{width:38px;height:38px;border-radius:50%;background:#dfb5dd;position:relative}
.support-chat__status-dot:after{content:"";position:absolute;inset:14px;border-radius:50%;background:#941294}
.support-messages{flex:1;min-height:330px;padding:26px 22px;display:flex;flex-direction:column;gap:14px;overflow:auto}
.support-message{max-width:62%;padding:13px 15px;border:1px solid #e0d7e3;border-radius:15px;font-size:13px;line-height:2;color:#403842;position:relative}
.support-message--user{align-self:flex-start;background:linear-gradient(180deg,#a312a5,#8d0c90);border-color:transparent;color:#fff;border-bottom-left-radius:4px}
.support-message--agent{align-self:flex-end;background:#fff;border-bottom-right-radius:4px}
.support-message time{display:block;font-size:9px;opacity:.68;margin-top:4px}
.support-chat-empty{margin:auto;text-align:center;color:#83798a}
.support-chat-empty__icon{width:52px;height:52px;margin:0 auto 14px;border-radius:16px;background:#f0e8f2;color:#961396;display:grid;place-items:center}
.support-chat-empty__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.support-chat-empty h3{margin:0;font-size:16px;color:#3b333e}
.support-chat-empty p{font-size:12px;line-height:2;margin:7px 0 0}
.support-composer{border-top:1px solid #e6dde8;padding:10px 12px;display:flex;gap:10px;align-items:center}
.support-composer textarea{flex:1;resize:none;border:1px solid #ddd3e0;background:#fff;border-radius:11px;padding:12px 14px;font:inherit;font-size:12px;outline:0;min-height:40px;max-height:110px}
.support-composer textarea:focus{border-color:#ad48aa;box-shadow:0 0 0 3px rgba(161,22,155,.08)}
.support-send-button{width:38px;height:38px;border:0;border-radius:11px;background:#921195;color:#fff;display:grid;place-items:center;cursor:pointer}
.support-send-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.support-modal[hidden]{display:none}
.support-modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px}
.support-modal__backdrop{position:absolute;inset:0;background:rgba(30,16,33,.45);backdrop-filter:blur(4px)}
.support-modal__dialog{width:min(470px,100%);position:relative;background:#fff;border-radius:24px;padding:30px;box-shadow:0 24px 80px rgba(35,10,40,.22)}
.support-modal__dialog>span{font-size:11px;color:#a0149f;font-weight:700}
.support-modal__dialog h2{margin:8px 0 24px;font-size:20px;color:#312a34}
.support-modal__dialog label{display:block;margin-bottom:16px}
.support-modal__dialog label>span{display:block;color:#514855;font-size:12px;margin-bottom:7px}
.support-modal__dialog input,.support-modal__dialog textarea{width:100%;box-sizing:border-box;border:1px solid #ded4e1;border-radius:12px;padding:12px 14px;font:inherit;font-size:13px;outline:0}
.support-modal__dialog input:focus,.support-modal__dialog textarea:focus{border-color:#a117a0;box-shadow:0 0 0 3px rgba(161,23,160,.08)}
.support-create-button{width:100%;border:0;border-radius:12px;background:linear-gradient(180deg,#aa16ab,#8c0c90);color:#fff;padding:14px;font:inherit;font-weight:700;cursor:pointer}
.support-modal__close{position:absolute;left:16px;top:14px;border:0;background:transparent;color:#776d7b;font-size:28px;line-height:1;cursor:pointer}
@media(max-width:760px){.support-page{padding:16px 14px 110px}.account-hero{padding:24px 20px;border-radius:22px}.account-hero h1{font-size:22px}.support-layout{grid-template-columns:1fr}.support-threads{min-height:auto}.support-thread-list{display:flex;overflow:auto;padding-bottom:10px}.support-empty-threads{width:100%}.support-thread{min-width:220px;border:1px solid #e6dde8;border-radius:13px}.support-chat{min-height:520px}.support-message{max-width:82%}}