.gfs-contact{max-width:1120px;margin:20px auto 54px;padding:0 16px;color:#fff;font-family:inherit;direction:rtl;text-align:right}
.gfs-contact *{box-sizing:border-box}
.gfs-contact-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1120px;margin:0 auto 12px}
.gfs-contact-heading h2{font-size:clamp(23px,3vw,30px);line-height:1.4;color:#fff;margin:0 0 5px}
.gfs-contact-heading p{font-size:13px;color:#dcd0ff;margin:0}
.gfs-contact-heading img{width:112px;height:112px;object-fit:contain;flex:none}
.gfs-contact-layout{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:18px}
.gfs-contact-compose,.gfs-contact-inbox{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.075);padding:20px}
.gfs-contact-compose h3,.gfs-contact-list-head h3{margin:0;color:#fff;font-size:18px}
.gfs-contact-compose h3{margin-bottom:14px}
.gfs-contact-form{display:flex;flex-direction:column;gap:10px;direction:rtl;text-align:right}
.gfs-contact-name-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.gfs-contact .gfs-contact-form input,.gfs-contact .gfs-contact-form select,.gfs-contact .gfs-contact-form textarea{width:100%;min-width:0;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.22);border-radius:11px;color:#fff;font:inherit;font-size:14px;padding:11px 12px;text-align:right;direction:rtl;outline:0}
.gfs-contact .gfs-contact-form input:focus,.gfs-contact .gfs-contact-form select:focus,.gfs-contact .gfs-contact-form textarea:focus{border-color:#48d9f3;box-shadow:0 0 0 2px rgba(72,217,243,.14)}
.gfs-contact .gfs-contact-form select option{color:#23113e;background:#fff}
.gfs-contact .gfs-contact-form textarea{height:120px;resize:vertical;line-height:1.8}
.gfs-contact .gfs-contact-form input::placeholder,.gfs-contact .gfs-contact-form textarea::placeholder{color:#c8b9e9}
.gfs-contact .gfs-contact-form button{align-self:flex-start;min-width:132px;min-height:39px;border:0;border-radius:10px;background:#ffbe18;color:#22103b;font:inherit;font-size:13px;font-weight:800;padding:8px 17px;cursor:pointer}
.gfs-contact .gfs-contact-form button:disabled{opacity:.6;cursor:wait}
.gfs-hidden{display:none!important}
.gfs-contact-alert{border-radius:11px;padding:10px 14px;margin:0 0 13px;font-size:14px;line-height:1.8}
.gfs-contact-alert[hidden]{display:none!important}
.gfs-contact-alert.is-success{color:#d8ffec;background:#126745;border:1px solid rgba(152,255,202,.4)}
.gfs-contact-alert.is-error{color:#ffe3e8;background:#7d2941;border:1px solid rgba(255,173,190,.45)}
.gfs-contact-list-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.gfs-contact-list-head span{font-size:12px;color:#d9cafa}
.gfs-contact-empty{color:#d9cafa;font-size:14px;margin:18px 0}
.gfs-contact-item{width:100%;display:flex;align-items:center;gap:10px;text-align:right;direction:rtl;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:11px 12px;margin:8px 0;cursor:pointer;font:inherit}
.gfs-contact-item:hover,.gfs-contact-item:focus-visible{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.32)}
.gfs-contact-item.has-reply{border-color:#ff5673}
.gfs-contact-item__main{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.gfs-contact-item__main strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gfs-contact-item__main small{font-size:11px;color:#d3c4ed}
.gfs-contact-item__status{white-space:nowrap;border-radius:999px;background:rgba(67,217,157,.15);color:#8ff0c9;padding:5px 9px;font-size:11px}
.gfs-contact-item__status.is-pending{background:rgba(255,190,24,.13);color:#ffe295}
.gfs-contact-item__arrow{font-size:24px;line-height:1;color:#c6b8e9}
.gfs-contact-back{border:0;background:transparent;color:#87e7fb;font:inherit;font-size:12px;cursor:pointer;padding:0 0 12px}
.gfs-contact-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.gfs-contact-conversation-head h3{color:#fff;font-size:18px;margin:0;overflow-wrap:anywhere}
.gfs-contact-conversation-head span{flex:none;color:#ffe295;font-size:11px}
.gfs-contact-conversation{max-height:390px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:9px;padding:2px 4px 8px}
.gfs-contact-turn{align-self:flex-start;max-width:88%;min-width:90px;padding:10px 12px;border-radius:12px;background:#513282}
.gfs-contact-turn.is-admin{align-self:flex-end;background:#375486}
.gfs-contact-turn>div{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.gfs-contact-turn strong{font-size:12px}.gfs-contact-turn small{font-size:10px;color:#d8ceef}
.gfs-contact-turn p{margin:6px 0 0;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.gfs-contact-followup{margin-top:13px}.gfs-contact-followup label{font-size:12px;color:#eee1ff}
.gfs-contact .gfs-contact-followup textarea{height:84px}
.gfs-contact-info{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;margin-top:16px;color:#ddd0fa;font-size:12px}
.gfs-contact-info a{color:#fff;text-decoration:none;direction:ltr}.gfs-contact-info small{font-size:11px;color:#d4c5ed}
@media(max-width:760px){.gfs-contact{margin:6px auto 35px;padding:0 12px}.gfs-contact-heading img{width:72px;height:72px}.gfs-contact-layout{grid-template-columns:1fr;gap:12px}.gfs-contact-compose,.gfs-contact-inbox{padding:15px}.gfs-contact .gfs-contact-form textarea{height:95px}}

/* Ticketing: full-width composer above the conversation list. */
.gfs-contact{max-width:1200px}
.gfs-contact-layout{display:flex;flex-direction:column;gap:14px}
.gfs-contact-compose,.gfs-contact-inbox{width:100%}
.gfs-contact-item.has-reply{border-color:rgba(135,215,245,.55);background:rgba(110,169,212,.12)}
.gfs-contact-item.has-reply .gfs-contact-item__main strong{color:#d4f3ff}
@media(max-width:760px){.gfs-contact-layout{display:flex;flex-direction:column}}
/* Keep ticket controls in the site's restrained violet palette, including theme overrides. */
.gfs-contact .gfs-contact-item,
.gfs-contact .gfs-contact-item.has-reply{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(194,174,240,.32)!important;
  color:#f5efff!important;
}
.gfs-contact .gfs-contact-item:hover,
.gfs-contact .gfs-contact-item:focus-visible{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(194,174,240,.6)!important;
}
.gfs-contact .gfs-contact-item.has-reply{
  background:rgba(130,110,191,.18)!important;
  border-color:rgba(174,158,226,.65)!important;
}
.gfs-contact .gfs-contact-item.has-reply .gfs-contact-item__main strong{color:#fff}
.gfs-contact .gfs-contact-form button[type="submit"]{
  background:#b5a2e8!important;
  color:#27134c!important;
}
.gfs-contact .gfs-contact-form button[type="submit"]:hover{background:#c9baf0!important}
.gfs-contact-state-actions{display:flex;justify-content:flex-end;margin:12px 0}
.gfs-contact .gfs-contact-state-actions button{border:1px solid rgba(194,174,240,.5);border-radius:9px;background:rgba(255,255,255,.07);color:#eee6ff;font:inherit;font-size:12px;padding:7px 13px;cursor:pointer}
.gfs-contact .gfs-contact-state-actions button:hover{background:rgba(255,255,255,.14)}