/* Prostore-стилизация mmtrade popup'ов.
   Подключается глобально через OCMOD mmtrade_popup_styles (на common/header),
   потому что popup'ы — AJAX-фрагменты в parent-странице.
   Селекторы привязаны к 4 уникальным id mmtrade-popup-обёрток
   (#seller_request_Modal, #ticketModal, #tickets_modal, #filemanager),
   чтобы стили не утекли на другие модалки сайта (корзина, чекаут и т.д.). */

#seller_request_Modal .modal-content,
#ticketModal .modal-content,
#tickets_modal .modal-content,
#filemanager .modal-content {
  --mm-popup-bg: #fff;
  --mm-popup-border: #E7ECF2;
  --mm-popup-text: #343434;
  --mm-popup-muted: #6c757d;
  --mm-popup-accent: var(--theme-primary-color, #7266F3);
  --mm-popup-accent-hover: #5a4ce1;
  --mm-popup-soft: #F7F7FB;
  --mm-popup-soft-hover: #e4ebf1;
  --mm-popup-radius: 10px;
  --mm-popup-radius-sm: 5px;

  border: 0;
  border-radius: var(--mm-popup-radius);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
  color: var(--mm-popup-text);
  font-family: inherit;
}

/* === Modal sections === */

#seller_request_Modal .modal-header,
#ticketModal .modal-header,
#tickets_modal .modal-header,
#filemanager .modal-header {
  padding: 1.8rem 2.4rem;
  border-bottom: 1px solid var(--mm-popup-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

#seller_request_Modal .modal-title,
#ticketModal .modal-title,
#tickets_modal .modal-title,
#filemanager .modal-title {
  font-size: 1.9rem;
  font-weight: 600;
  color: var(--mm-popup-text);
  margin: 0;
  line-height: 1.3;
}

#seller_request_Modal .modal-body,
#ticketModal .modal-body,
#tickets_modal .modal-body,
#filemanager .modal-body {
  padding: 2.2rem 2.4rem;
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--mm-popup-text);
}

#seller_request_Modal .modal-footer,
#ticketModal .modal-footer,
#tickets_modal .modal-footer,
#filemanager .modal-footer {
  padding: 1.6rem 2.4rem;
  border-top: 1px solid var(--mm-popup-border);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.8rem;
}

/* BS5 btn-close (нативный X для data-bs-dismiss) */
#seller_request_Modal .modal-header .btn-close,
#ticketModal .modal-header .btn-close,
#tickets_modal .modal-header .btn-close,
#filemanager .modal-header .btn-close {
  padding: 0.6rem;
  margin: -0.6rem -0.6rem -0.6rem auto;
  opacity: 0.5;
  transition: opacity 0.2s;
}
#seller_request_Modal .modal-header .btn-close:hover,
#ticketModal .modal-header .btn-close:hover,
#tickets_modal .modal-header .btn-close:hover,
#filemanager .modal-header .btn-close:hover {
  opacity: 1;
}

/* === Buttons === */

#seller_request_Modal .modal-content .btn,
#ticketModal .modal-content .btn,
#tickets_modal .modal-content .btn,
#filemanager .modal-content .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.9rem 1.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
  border-radius: var(--mm-popup-radius-sm);
  border: 0;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  text-decoration: none;
}

/* mmbtn-primary — основной фиолетовый Prostore */
#seller_request_Modal .mmbtn-primary,
#ticketModal .mmbtn-primary,
#tickets_modal .mmbtn-primary,
#filemanager .mmbtn-primary {
  background: var(--mm-popup-accent);
  color: #fff;
}
#seller_request_Modal .mmbtn-primary:hover,
#seller_request_Modal .mmbtn-primary:focus,
#ticketModal .mmbtn-primary:hover,
#ticketModal .mmbtn-primary:focus,
#tickets_modal .mmbtn-primary:hover,
#tickets_modal .mmbtn-primary:focus,
#filemanager .mmbtn-primary:hover,
#filemanager .mmbtn-primary:focus {
  background: var(--mm-popup-accent-hover);
  color: #fff;
  box-shadow: 0 4px 12px rgba(114, 102, 243, 0.3);
}

/* mmbtn-default — нейтральный серый */
#seller_request_Modal .mmbtn-default,
#ticketModal .mmbtn-default,
#tickets_modal .mmbtn-default,
#filemanager .mmbtn-default {
  background: var(--mm-popup-soft);
  color: var(--mm-popup-text);
}
#seller_request_Modal .mmbtn-default:hover,
#seller_request_Modal .mmbtn-default:focus,
#ticketModal .mmbtn-default:hover,
#ticketModal .mmbtn-default:focus,
#tickets_modal .mmbtn-default:hover,
#tickets_modal .mmbtn-default:focus,
#filemanager .mmbtn-default:hover,
#filemanager .mmbtn-default:focus {
  background: var(--mm-popup-soft-hover);
  color: var(--mm-popup-accent);
}

/* mmbtn-danger — мягкий красный (как в сайдбаре) */
#seller_request_Modal .mmbtn-danger,
#ticketModal .mmbtn-danger,
#tickets_modal .mmbtn-danger,
#filemanager .mmbtn-danger {
  background: #fbe2e2;
  color: #b03333;
}
#seller_request_Modal .mmbtn-danger:hover,
#seller_request_Modal .mmbtn-danger:focus,
#ticketModal .mmbtn-danger:hover,
#ticketModal .mmbtn-danger:focus,
#tickets_modal .mmbtn-danger:hover,
#tickets_modal .mmbtn-danger:focus,
#filemanager .mmbtn-danger:hover,
#filemanager .mmbtn-danger:focus {
  background: #d24545;
  color: #fff;
}

/* === Forms === */

#seller_request_Modal .modal-content .form-control,
#ticketModal .modal-content .form-control,
#tickets_modal .modal-content .form-control,
#filemanager .modal-content .form-control {
  border: 1px solid var(--mm-popup-border);
  border-radius: var(--mm-popup-radius-sm);
  padding: 0.9rem 1.2rem;
  font-size: 1.4rem;
  background: #fff;
  color: var(--mm-popup-text);
  transition: border-color 0.2s, box-shadow 0.2s;
  box-shadow: none;
}
#seller_request_Modal .modal-content .form-control:focus,
#ticketModal .modal-content .form-control:focus,
#tickets_modal .modal-content .form-control:focus,
#filemanager .modal-content .form-control:focus {
  border-color: var(--mm-popup-accent);
  box-shadow: 0 0 0 3px rgba(114, 102, 243, 0.12);
  outline: none;
}

#seller_request_Modal .input-group,
#ticketModal .input-group,
#tickets_modal .input-group,
#filemanager .input-group {
  margin-bottom: 1.2rem;
}
#seller_request_Modal .input-group:last-child,
#ticketModal .input-group:last-child,
#tickets_modal .input-group:last-child,
#filemanager .input-group:last-child {
  margin-bottom: 0;
}

#seller_request_Modal .input-group-text,
#ticketModal .input-group-text,
#tickets_modal .input-group-text,
#filemanager .input-group-text {
  background: var(--mm-popup-soft);
  border: 1px solid var(--mm-popup-border);
  color: var(--mm-popup-muted);
  font-size: 1.4rem;
  padding: 0.9rem 1.2rem;
  border-radius: var(--mm-popup-radius-sm);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

#seller_request_Modal .form-group,
#ticketModal .form-group {
  margin-bottom: 1.4rem;
}

/* === Alerts === */

#seller_request_Modal .alert,
#ticketModal .alert,
#tickets_modal .alert,
#filemanager .alert {
  padding: 1.2rem 1.6rem;
  border-radius: var(--mm-popup-radius-sm);
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  border: 0;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
#seller_request_Modal .alert-success,
#ticketModal .alert-success,
#tickets_modal .alert-success,
#filemanager .alert-success {
  background: #e6f4ea;
  color: #2c7a3a;
}
#seller_request_Modal .alert-danger,
#ticketModal .alert-danger,
#tickets_modal .alert-danger,
#filemanager .alert-danger {
  background: #fbe2e2;
  color: #b03333;
}

/* === Таблица tickets === */

#tickets_modal .modal-content .table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  font-size: 1.4rem;
}
#tickets_modal .modal-content .table thead td,
#tickets_modal .modal-content .table thead th {
  background: var(--mm-popup-soft);
  color: var(--mm-popup-muted);
  font-weight: 600;
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid var(--mm-popup-border);
}
#tickets_modal .modal-content .table tbody td {
  padding: 1.2rem;
  border-bottom: 1px solid var(--mm-popup-border);
  color: var(--mm-popup-text);
  vertical-align: middle;
}
#tickets_modal .modal-content .table tbody tr:last-child td {
  border-bottom: 0;
}
#tickets_modal .modal-content .table tbody tr:hover td {
  background: var(--mm-popup-soft);
}
#tickets_modal .modal-content .table tbody a {
  color: var(--mm-popup-accent);
  text-decoration: none;
}
#tickets_modal .modal-content .table tbody a:hover {
  text-decoration: underline;
}

/* Внутри ticket_dialog — список сообщений */
#tickets_modal #dialog .table {
  margin-top: 1.6rem;
}
#tickets_modal #dialog .table td {
  padding: 1.2rem 1.4rem;
}
#tickets_modal #dialog .table b {
  color: var(--mm-popup-accent);
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
#tickets_modal #dialog .text-right {
  color: var(--mm-popup-muted);
  font-size: 1.2rem;
}

/* === seller_info блок в ticket_send === */

#ticketModal .seller_info {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 1.6rem;
  background: var(--mm-popup-soft);
  border-radius: var(--mm-popup-radius-sm);
  margin-bottom: 1.6rem;
}
#ticketModal .seller_image img {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
#ticketModal .seller_info_right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
#ticketModal .seller_info_right a {
  color: var(--mm-popup-accent);
  font-weight: 600;
  text-decoration: none;
}
#ticketModal .seller_info_right a:hover {
  text-decoration: underline;
}
#ticketModal .mm_rating {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.3rem;
  color: var(--mm-popup-muted);
}
#ticketModal .mm_rating .rating {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}
#ticketModal .mm_rating .rating strong {
  color: var(--mm-popup-text);
  font-weight: 600;
}
#ticketModal .mm_rating .fa-stack {
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 1.4rem;
  color: #f5a623;
}
#ticketModal .seller_contacts {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem;
  font-size: 1.3rem;
  color: var(--mm-popup-muted);
}
#ticketModal .seller_contacts a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background: #fff;
  color: var(--mm-popup-accent);
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
#ticketModal .seller_contacts a:hover {
  background: var(--mm-popup-accent);
  color: #fff;
}

/* === filemanager === */

#filemanager .modal-content .input-group-btn {
  display: inline-flex;
}
#filemanager .thumbnail,
#filemanager a.thumbnail {
  display: block;
  padding: 0.6rem;
  background: #fff;
  border: 1px solid var(--mm-popup-border);
  border-radius: var(--mm-popup-radius-sm);
  margin-bottom: 0.6rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
#filemanager a.thumbnail:hover {
  border-color: var(--mm-popup-accent);
  box-shadow: 0 4px 12px rgba(114, 102, 243, 0.18);
}
#filemanager .thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}
#filemanager .directory .fa-folder {
  color: var(--mm-popup-accent);
  transition: color 0.2s;
}
#filemanager .directory:hover .fa-folder {
  color: var(--mm-popup-accent-hover);
}
#filemanager .col-sm-3 label,
#filemanager .col-xs-6 label {
  font-size: 1.2rem;
  color: var(--mm-popup-muted);
  word-break: break-all;
  display: block;
  margin-top: 0.4rem;
}
#filemanager hr {
  border-top: 1px solid var(--mm-popup-border);
  margin: 1.6rem 0;
}

/* === seller_request inline-форма (#online) === */

#seller_request_Modal #online {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#seller_request_Modal #visible2 {
  padding: 2rem;
  background: #e6f4ea;
  color: #2c7a3a;
  border-radius: var(--mm-popup-radius-sm);
  text-align: center;
  font-size: 1.4rem;
}
#seller_request_Modal .animate i {
  font-size: 2rem;
  color: var(--mm-popup-accent);
  animation: mm-spin 1s linear infinite;
  display: inline-block;
}
@keyframes mm-spin {
  to { transform: rotate(360deg); }
}

/* === Пагинация === */

#tickets_modal .pagination,
#filemanager .pagination {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
#tickets_modal .pagination li,
#filemanager .pagination li {
  margin: 0;
}
#tickets_modal .pagination a,
#tickets_modal .pagination span,
#filemanager .pagination a,
#filemanager .pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.2rem;
  height: 3.2rem;
  padding: 0 1rem;
  border-radius: var(--mm-popup-radius-sm);
  background: var(--mm-popup-soft);
  color: var(--mm-popup-text);
  font-size: 1.3rem;
  text-decoration: none;
  border: 0;
  transition: background 0.2s, color 0.2s;
}
#tickets_modal .pagination a:hover,
#filemanager .pagination a:hover {
  background: var(--mm-popup-accent);
  color: #fff;
}
#tickets_modal .pagination .active a,
#tickets_modal .pagination .active span,
#filemanager .pagination .active a,
#filemanager .pagination .active span {
  background: var(--mm-popup-accent);
  color: #fff;
}