.shahdad-support-mobile{
  --sp-ink:#143f43;
  --sp-muted:#657f7c;
  --sp-primary:#277f70;
  --sp-primary-dark:#185e54;
  --sp-surface:#ffffff;
  --sp-background:#f4faf7;
  --sp-border:#d8e7e1;
  --sp-soft:#e8f5ef;
  --sp-warning:#8a5a10;
  --sp-warning-bg:#fff7e8;
  --sp-danger:#963c4a;
  --sp-danger-bg:#fff5f6;
  inline-size:100%;
  min-inline-size:0;
  min-block-size:100%;
  container-type:inline-size;
  container-name:supportcenter;
  color:var(--sp-ink);
  font-family:var(--shahdad-font-body,"Shahdad Vazirmatn",Estedad,Tahoma,Arial,sans-serif);
  overflow-x:hidden;
}
.shahdad-support-mobile[hidden]{display:none!important}
.shahdad-support-mobile *{box-sizing:border-box;min-inline-size:0}
.shahdad-support-mobile button,
.shahdad-support-mobile input,
.shahdad-support-mobile select,
.shahdad-support-mobile textarea{font:inherit;color:inherit}
.shahdad-support-mobile button,
.shahdad-support-mobile select,
.shahdad-support-mobile input{min-block-size:44px}
.shahdad-support-mobile button{cursor:pointer;touch-action:manipulation}
.shahdad-support-mobile button:disabled{cursor:not-allowed;opacity:.55}
.shahdad-support-mobile :focus-visible{outline:3px solid rgba(39,127,112,.3);outline-offset:2px}
.shahdad-support-mobile .sp-app{
  position:relative;
  min-block-size:100%;
  background:linear-gradient(160deg,#f5fbf8 0%,#fff 48%,#fff8f3 100%);
  overflow-x:hidden;
}
.shahdad-support-mobile .sp-main{
  display:grid;
  gap:14px;
  inline-size:100%;
  padding:14px 12px 28px;
}
.shahdad-support-mobile .sp-sr-only{
  position:absolute!important;
  inline-size:1px;
  block-size:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.shahdad-support-mobile .sp-icon{inline-size:20px;block-size:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shahdad-support-mobile .sp-head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:10px;padding:2px 0 4px}
.shahdad-support-mobile .sp-head>div{display:grid;gap:2px}
.shahdad-support-mobile .sp-kicker{color:#38736b;font-size:11px;font-weight:800;line-height:1.5}
.shahdad-support-mobile .sp-head h1{margin:0;color:#103f43;font-family:var(--shahdad-font-display,"Shahdad Estedad",Estedad,Tahoma,sans-serif);font-size:20px;line-height:1.5;overflow-wrap:anywhere}
.shahdad-support-mobile .sp-head p{margin:0;color:var(--sp-muted);font-size:12px;line-height:1.65}
.shahdad-support-mobile .sp-icon-button{display:grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:1px solid var(--sp-border);border-radius:14px;background:rgba(255,255,255,.92);color:#24635f;box-shadow:0 6px 18px rgba(25,74,66,.06)}
.shahdad-support-mobile .sp-icon-button:active{background:var(--sp-soft)}
.shahdad-support-mobile .sp-primary,
.shahdad-support-mobile .sp-secondary,
.shahdad-support-mobile .sp-danger,
.shahdad-support-mobile .sp-danger-outline,
.shahdad-support-mobile .sp-pager button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-block-size:44px;
  padding:9px 14px;
  border-radius:13px;
  border:1px solid transparent;
  font-weight:800;
  line-height:1.5;
  text-decoration:none;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease;
}
.shahdad-support-mobile .sp-primary{background:var(--sp-primary);color:#fff;box-shadow:0 8px 20px rgba(39,127,112,.18)}
.shahdad-support-mobile .sp-primary:not(:disabled):active{background:var(--sp-primary-dark)}
.shahdad-support-mobile .sp-secondary,
.shahdad-support-mobile .sp-pager button{background:#fff;color:#226b62;border-color:#cfe0da}
.shahdad-support-mobile .sp-danger{background:var(--sp-danger);color:#fff}
.shahdad-support-mobile .sp-danger-outline{background:#fff;color:var(--sp-danger);border-color:#e5c1c8}
.shahdad-support-mobile .sp-compact{padding-inline:12px;white-space:nowrap}
.shahdad-support-mobile .sp-notice,
.shahdad-support-mobile .sp-alert,
.shahdad-support-mobile .sp-availability{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:11px 12px;
  border:1px solid #cfe6dd;
  border-radius:15px;
  background:#f2fbf7;
  color:#205f56;
  font-size:12px;
  line-height:1.7;
}
.shahdad-support-mobile .sp-notice-warning,
.shahdad-support-mobile .sp-availability{border-color:#ecd9b5;background:var(--sp-warning-bg);color:#765019}
.shahdad-support-mobile .sp-alert{grid-template-columns:24px minmax(0,1fr) auto;border-color:#ecc9cf;background:#fff7f8;color:#8f3444}
.shahdad-support-mobile .sp-alert button{min-block-size:44px;padding:8px 10px;border:0;border-radius:10px;background:#fff;color:inherit;font-weight:800}
.shahdad-support-mobile .sp-availability div{display:grid;gap:2px}
.shahdad-support-mobile .sp-availability strong{font-size:13px}
.shahdad-support-mobile .sp-availability span{font-size:11px}
.shahdad-support-mobile .sp-loading,
.shahdad-support-mobile .sp-state,
.shahdad-support-mobile .sp-empty{
  display:grid;
  place-items:center;
  gap:9px;
  padding:30px 17px;
  border:1px dashed #d4e4de;
  border-radius:19px;
  background:rgba(255,255,255,.78);
  text-align:center;
}
.shahdad-support-mobile .sp-loading strong,
.shahdad-support-mobile .sp-state h2,
.shahdad-support-mobile .sp-empty h2{margin:0;font-size:17px;line-height:1.6}
.shahdad-support-mobile .sp-loading>span:last-child,
.shahdad-support-mobile .sp-state p,
.shahdad-support-mobile .sp-empty p{margin:0;color:var(--sp-muted);font-size:12px;line-height:1.8}
.shahdad-support-mobile .sp-state-icon{display:grid;place-items:center;inline-size:52px;block-size:52px;border-radius:18px;background:var(--sp-soft);color:var(--sp-primary)}
.shahdad-support-mobile .sp-state-icon .sp-icon{inline-size:26px;block-size:26px}
.shahdad-support-mobile .sp-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.shahdad-support-mobile .sp-spinner,
.shahdad-support-mobile .sp-button-spinner{display:inline-block;border:3px solid #d5e6df;border-top-color:var(--sp-primary);border-radius:50%;animation:sp-spin .8s linear infinite}
.shahdad-support-mobile .sp-spinner{inline-size:32px;block-size:32px}
.shahdad-support-mobile .sp-button-spinner{inline-size:18px;block-size:18px;border-color:rgba(255,255,255,.45);border-top-color:#fff}
@keyframes sp-spin{to{transform:rotate(360deg)}}
.shahdad-support-mobile .sp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border:1px solid #dceae4;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(21,68,61,.07)}
.shahdad-support-mobile .sp-toolbar>div{display:grid;gap:2px}
.shahdad-support-mobile .sp-toolbar strong{font-size:16px}
.shahdad-support-mobile .sp-toolbar span{color:var(--sp-muted);font-size:11px}
.shahdad-support-mobile .sp-filter,
.shahdad-support-mobile .sp-field{display:grid;gap:6px;color:#365f5a;font-size:12px;font-weight:700}
.shahdad-support-mobile .sp-filter select,
.shahdad-support-mobile .sp-field input,
.shahdad-support-mobile .sp-field select,
.shahdad-support-mobile .sp-field textarea{
  inline-size:100%;
  border:1px solid #d4e3de;
  border-radius:13px;
  background:#fff;
  color:#183f42;
  padding:10px 11px;
  font-size:16px;
  line-height:1.6;
}
.shahdad-support-mobile .sp-field textarea{min-block-size:124px;resize:vertical}
.shahdad-support-mobile .sp-field small{color:#718986;font-size:11px;font-weight:500}
.shahdad-support-mobile .sp-field [aria-invalid="true"]{border-color:#b84656;background:#fff8f9}
.shahdad-support-mobile .sp-field .sp-field-error{color:#9c3547;font-weight:700}
.shahdad-support-mobile .sp-ticket-list{display:grid;gap:10px}
.shahdad-support-mobile .sp-ticket{border:1px solid #dbe8e3;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 25px rgba(22,69,62,.055)}
.shahdad-support-mobile .sp-ticket.is-unread{border-inline-start:4px solid var(--sp-primary)}
.shahdad-support-mobile .sp-ticket>button{display:grid;gap:9px;inline-size:100%;padding:14px;border:0;background:transparent;color:inherit;text-align:start}
.shahdad-support-mobile .sp-ticket>button:active{background:#f5faf8}
.shahdad-support-mobile .sp-ticket-top,
.shahdad-support-mobile .sp-ticket-meta,
.shahdad-support-mobile .sp-ticket-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.shahdad-support-mobile .sp-ticket-top b{font-size:12px;color:#3f6d67;overflow-wrap:anywhere}
.shahdad-support-mobile .sp-ticket>button>strong{font-size:15px;line-height:1.65;color:var(--sp-ink);overflow-wrap:anywhere}
.shahdad-support-mobile .sp-ticket-meta,
.shahdad-support-mobile .sp-ticket-foot{color:#6e8683;font-size:11px;line-height:1.6}
.shahdad-support-mobile .sp-ticket-foot time{margin-inline-start:auto;text-align:end}
.shahdad-support-mobile .sp-unread{display:inline-flex;align-items:center;gap:5px;color:#17695d;font-weight:800;white-space:nowrap}
.shahdad-support-mobile .sp-unread i{inline-size:8px;block-size:8px;border-radius:50%;background:#278776}
.shahdad-support-mobile .sp-status{display:inline-flex;align-items:center;min-block-size:27px;padding:3px 9px;border-radius:999px;background:#e8f4ef;color:#1b6d60;font-size:10px;font-weight:800;white-space:nowrap}
.shahdad-support-mobile .sp-status-in_progress{background:#e8f1ff;color:#315f99}
.shahdad-support-mobile .sp-status-waiting_for_user{background:#fff0e6;color:#925127}
.shahdad-support-mobile .sp-status-waiting_for_support{background:#f0ecfb;color:#68518e}
.shahdad-support-mobile .sp-status-resolved{background:#e7f5ee;color:#1d715e}
.shahdad-support-mobile .sp-status-closed,
.shahdad-support-mobile .sp-status-unknown{background:#eef0f1;color:#5c666b}
.shahdad-support-mobile .sp-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.shahdad-support-mobile .sp-pager span{text-align:center;color:var(--sp-muted);font-size:11px}
.shahdad-support-mobile .sp-form{display:grid;gap:13px;padding:14px;border:1px solid var(--sp-border);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(21,68,61,.06)}
.shahdad-support-mobile .sp-form-intro{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#e8f5ef,#fff5ed)}
.shahdad-support-mobile .sp-form-intro>span{display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:14px;background:#fff;color:var(--sp-primary)}
.shahdad-support-mobile .sp-form-intro h2{margin:0;font-size:16px}
.shahdad-support-mobile .sp-form-intro p{margin:2px 0 0;color:var(--sp-muted);font-size:11px;line-height:1.7}
.shahdad-support-mobile .sp-form-actions,
.shahdad-support-mobile .sp-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.shahdad-support-mobile .sp-form-actions>*,
.shahdad-support-mobile .sp-detail-actions>*{flex:1 1 126px}
.shahdad-support-mobile .sp-ticket-detail,
.shahdad-support-mobile .sp-conversation{display:grid;gap:13px;padding:14px;border:1px solid var(--sp-border);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(22,69,62,.06)}
.shahdad-support-mobile .sp-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-radius:16px;background:linear-gradient(135deg,#e8f5ef,#fff5ed)}
.shahdad-support-mobile .sp-detail-hero>div{display:grid;gap:2px}
.shahdad-support-mobile .sp-detail-hero span:first-child{color:var(--sp-muted);font-size:11px}
.shahdad-support-mobile .sp-detail-hero strong{font-size:18px;letter-spacing:.03em;overflow-wrap:anywhere}
.shahdad-support-mobile .sp-ticket-detail>h2{margin:0;font-size:18px;line-height:1.7;overflow-wrap:anywhere}
.shahdad-support-mobile .sp-detail-grid{display:grid;grid-template-columns:1fr;gap:9px;margin:0}
.shahdad-support-mobile .sp-detail-grid>div{padding:11px 12px;border:1px solid #e0eae6;border-radius:14px;background:#fbfdfc}
.shahdad-support-mobile .sp-detail-grid dt{color:#728985;font-size:11px}
.shahdad-support-mobile .sp-detail-grid dd{margin:4px 0 0;font-size:12px;font-weight:800;line-height:1.7;overflow-wrap:anywhere}
.shahdad-support-mobile .sp-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.shahdad-support-mobile .sp-section-head h2{margin:0;font-size:17px}
.shahdad-support-mobile .sp-section-head p{margin:2px 0 0;color:var(--sp-muted);font-size:11px}
.shahdad-support-mobile .sp-load-earlier{justify-self:center}
.shahdad-support-mobile .sp-messages{display:grid;gap:10px}
.shahdad-support-mobile .sp-message{display:grid;gap:7px;max-inline-size:92%;padding:11px 12px;border:1px solid #dce9e4;border-radius:16px;background:#fff;overflow-wrap:anywhere}
.shahdad-support-mobile .sp-message.is-requester{justify-self:start;margin-inline-end:8%;background:#eaf6f1;border-start-start-radius:6px}
.shahdad-support-mobile .sp-message.is-support{justify-self:end;margin-inline-start:8%;background:#fff8f2;border-start-end-radius:6px}
.shahdad-support-mobile .sp-message header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.shahdad-support-mobile .sp-message header strong{font-size:11px}
.shahdad-support-mobile .sp-message time{color:#748985;font-size:9px;text-align:end}
.shahdad-support-mobile .sp-message p{margin:0;font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
.shahdad-support-mobile .sp-inline-empty{padding:18px;border:1px dashed var(--sp-border);border-radius:15px;color:var(--sp-muted);text-align:center;font-size:12px}
.shahdad-support-mobile .sp-reply{display:grid;gap:10px;padding-block-start:12px;border-block-start:1px solid #e1ebe7}
.shahdad-support-mobile .sp-terminal{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:14px;background:#f1f5f3;color:#536e6a;font-size:12px;line-height:1.7}
.shahdad-support-mobile .sp-modal-layer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:rgba(13,40,37,.56)}
.shahdad-support-mobile .sp-confirm{display:grid;place-items:center;gap:11px;inline-size:min(100%,350px);padding:22px 18px;border:1px solid #e3cbd0;border-radius:22px;background:#fff;text-align:center;box-shadow:0 24px 70px rgba(13,40,37,.28)}
.shahdad-support-mobile .sp-confirm-icon{display:grid;place-items:center;inline-size:50px;block-size:50px;border-radius:17px;background:var(--sp-danger-bg);color:var(--sp-danger)}
.shahdad-support-mobile .sp-confirm h2{margin:0;font-size:18px}
.shahdad-support-mobile .sp-confirm p{margin:0;color:var(--sp-muted);font-size:12px;line-height:1.85}
.shahdad-support-mobile .sp-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;inline-size:100%}
@container supportcenter (min-width:520px){
  .shahdad-support-mobile .sp-main{max-inline-size:720px;margin-inline:auto;padding-inline:20px}
  .shahdad-support-mobile .sp-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container supportcenter (max-width:350px){
  .shahdad-support-mobile .sp-main{padding-inline:8px}
  .shahdad-support-mobile .sp-head{gap:6px}
  .shahdad-support-mobile .sp-head h1{font-size:18px}
  .shahdad-support-mobile .sp-toolbar{display:grid}
  .shahdad-support-mobile .sp-toolbar .sp-primary{inline-size:100%}
  .shahdad-support-mobile .sp-ticket-top,
  .shahdad-support-mobile .sp-ticket-foot{align-items:flex-start;flex-direction:column}
  .shahdad-support-mobile .sp-ticket-foot time{margin-inline-start:0;text-align:start}
}
@media (prefers-reduced-motion:reduce){
  .shahdad-support-mobile *,
  .shahdad-support-mobile *::before,
  .shahdad-support-mobile *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}