.ng-support-center-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 24px;
  padding: 15px 18px;
  direction: rtl;
  color: #eaf4ff;
  background: linear-gradient(115deg, rgba(4, 31, 48, .92), rgba(13, 17, 31, .96));
  border: 1px solid rgba(0, 199, 236, .34);
  border-radius: 14px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}
.ng-service-status {
  margin: 0 0 20px;
  padding: 18px 20px;
  direction: rtl;
  color: #eaf3ff;
  background: linear-gradient(125deg, rgba(5, 38, 52, .96), rgba(9, 20, 33, .98) 62%, rgba(19, 23, 40, .97));
  border: 1px solid rgba(0, 199, 236, .4);
  border-radius: 15px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 10px 28px rgba(0, 0, 0, .16);
  line-height: 1.9;
}
.ng-service-status h3 { margin: 0 0 8px; color: #eafaff; font-size: 16px; font-weight: 850; }
.ng-service-status p { margin: 6px 0; color: #cfdae6; font-size: 13px; }
.ng-service-status .ng-service-status-greeting { color: #f4fbff; font-weight: 750; }
.ng-service-status-link {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin-top: 8px;
  padding: 7px 12px;
  color: #77efff;
  background: rgba(0, 199, 236, .1);
  border: 1px solid rgba(0, 199, 236, .3);
  border-radius: 9px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.ng-service-status-link:hover { background: rgba(0, 199, 236, .18); }

.ng-support-center-details,
.ng-support-center-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ng-support-center-details { flex-wrap: wrap; }
.ng-support-center-details strong { color: #f4fbff; font-size: 14px; }
.ng-support-center-details span { color: #43d9f0; font: 700 12px/1.5 ui-monospace, monospace; }
.ng-support-center-details small { flex-basis: 100%; color: #a8b8c8; font-size: 11px; }
.ng-support-center-actions { flex-shrink: 0; }
.ng-support-center-actions a,
.ng-support-center-actions button {
  min-height: 36px;
  padding: 8px 12px;
  color: #dffaff;
  background: rgba(0, 199, 236, .1);
  border: 1px solid rgba(0, 199, 236, .34);
  border-radius: 9px;
  font: inherit;
  font-size: 11px;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
}
.ng-support-center-actions a:hover,
.ng-support-center-actions button:hover { background: rgba(0, 199, 236, .2); }
.ng-dashboard-apology {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 20px;
  padding: 18px 50px 18px 18px;
  direction: rtl;
  color: #edf6ff;
  background: linear-gradient(120deg, rgba(37, 20, 31, .96), rgba(11, 21, 34, .97));
  border: 1px solid rgba(255, 117, 83, .36);
  border-radius: 15px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 10px 28px rgba(0, 0, 0, .18);
  line-height: 1.8;
}
.ng-dashboard-apology-copy { min-width: 0; }
.ng-dashboard-apology-copy h3 { margin: 0 0 7px; color: #fff2ed; font-size: 16px; font-weight: 850; }
.ng-dashboard-apology-copy p { margin: 5px 0 0; color: #cfdae6; font-size: 12px; }
.ng-dashboard-apology-copy .ng-dashboard-apology-gift { color: #67e8b5; font-weight: 800; }
.ng-dashboard-apology-copy .ng-dashboard-apology-release { color: #71e9ff; font-weight: 750; }
.ng-dashboard-apology-copy .ng-dashboard-apology-network { color: #aebdce; font-size: 11px; }
.ng-dashboard-apology-actions { flex: 0 0 auto; }
.ng-dashboard-apology-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 14px;
  color: #e8fbff;
  background: rgba(0, 199, 236, .13);
  border: 1px solid rgba(0, 199, 236, .4);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}
.ng-dashboard-apology-download:hover { background: rgba(0, 199, 236, .23); }
.ng-dashboard-apology-close {
  position: absolute;
  top: 10px;
  inset-inline-start: 10px;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #becbd8;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  font: inherit;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
.ng-dashboard-apology-close:hover { color: #fff; background: rgba(255, 255, 255, .1); }
.client-side-menu .ng-support-telegram-menu { display: flex; align-items: center; color: #6feaff; text-decoration: none; }
.ng-ticket-nav-count {
  display: inline-grid;
  min-width: 19px;
  height: 19px;
  margin-inline-start: auto;
  padding: 0 5px;
  place-items: center;
  color: #fff;
  background: #e1444e;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  font: 800 10px/1 system-ui, sans-serif;
}
.ng-ticket-state {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 3px;
  padding: 5px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.5;
  white-space: nowrap;
}
.ng-ticket-state.is-closed { color: #c5ced8; background: rgba(118, 130, 146, .12); border-color: rgba(145, 158, 174, .2); }
.ng-ticket-state.is-answered { color: #6ee7b7; background: rgba(16, 185, 129, .1); border-color: rgba(16, 185, 129, .26); }
.ng-ticket-state.is-new-reply { color: #fff; background: rgba(0, 199, 236, .18); border-color: rgba(0, 199, 236, .55); }
.ng-ticket-state.is-waiting { color: #f6ce78; background: rgba(245, 158, 11, .1); border-color: rgba(245, 158, 11, .25); }
.ng-support-notice {
  position: fixed;
  z-index: 120000;
  right: 20px;
  bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: min(94vw, 500px);
  padding: 14px 16px;
  direction: rtl;
  color: #eff9ff;
  background: rgba(9, 17, 29, .97);
  border: 1px solid rgba(0, 199, 236, .48);
  border-radius: 13px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .48);
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.7;
}
.ng-support-notice-actions { display: flex; align-items: center; gap: 7px; flex-shrink: 0; }
.ng-support-notice-actions button {
  padding: 6px 10px;
  color: #dffaff;
  background: rgba(0, 199, 236, .12);
  border: 1px solid rgba(0, 199, 236, .3);
  border-radius: 8px;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.ng-support-notice-actions .ng-support-notice-close { padding: 3px 8px; color: #a8b8c8; background: transparent; border-color: transparent; font-size: 17px; }

@media (max-width: 700px) {
  .ng-service-status { margin-bottom: 16px; padding: 15px 14px; }
  .ng-service-status h3 { font-size: 15px; }
  .ng-service-status p { font-size: 12px; }
  .ng-support-center-card { align-items: flex-start; flex-direction: column; gap: 12px; padding: 14px; }
  .ng-support-center-details { gap: 6px 9px; }
  .ng-support-center-actions { width: 100%; }
  .ng-support-center-actions a,
  .ng-support-center-actions button { flex: 1; text-align: center; }
  .ng-dashboard-apology { align-items: stretch; flex-direction: column; gap: 12px; padding: 16px 40px 15px 14px; }
  .ng-dashboard-apology-copy h3 { padding-inline-end: 4px; font-size: 15px; }
  .ng-dashboard-apology-copy p { font-size: 12px; }
  .ng-dashboard-apology-actions { width: 100%; }
  .ng-dashboard-apology-download { width: 100%; }
  .ng-support-notice { right: 12px; bottom: 18px; left: 12px; width: auto; gap: 10px; padding: 12px; font-size: 12px; }
}

@media (max-width: 390px) {
  .ng-support-center-actions { align-items: stretch; flex-direction: column; }
  .ng-dashboard-apology { padding-inline-end: 38px; }
  .ng-dashboard-apology-copy .ng-dashboard-apology-network { font-size: 10px; }
  .ng-support-notice { align-items: flex-start; flex-direction: column; }
}