/* IMAGINA PLATFORM UI v2 - detail pages, invoices, tickets and attachments */

body:not(.login-bg) .theme-client-service-detail-page,
body:not(.login-bg) .theme-domain-detail-page,
body:not(.login-bg) .theme-view-ticket-page,
body:not(.login-bg) .iw-inv-layout {
  display: grid !important;
  gap: 18px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.m-30,
body:not(.login-bg) .theme-domain-detail-page.m-30 {
  margin: 0 !important;
}

body:not(.login-bg) .primary-content,
body:not(.login-bg) .tab-content,
body:not(.login-bg) .tab-pane {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-service-premium-panel,
body:not(.login-bg) .iw-service-panel-v2,
body:not(.login-bg) .theme-domain-detail-page .card,
body:not(.login-bg) .theme-view-ticket-page .card,
body:not(.login-bg) .iw-inv-main .iw-home-card,
body:not(.login-bg) .iw-inv-side .iw-home-card,
body:not(.login-bg) .iw-inv-payment-card {
  background: #fff !important;
  border: 1px solid var(--iwp-border) !important;
  border-radius: var(--iwp-radius-md) !important;
  box-shadow: var(--iwp-shadow-soft) !important;
  overflow: hidden !important;
}

body:not(.login-bg) .iw-hg-hero {
  align-items: center !important;
  background: #fff !important;
  border-bottom: 1px solid var(--iwp-border-soft) !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 22px !important;
}

body:not(.login-bg) .iw-hg-kicker {
  color: var(--iwp-primary) !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .iw-hg-title h1 {
  color: var(--iwp-text) !important;
  font-size: 28px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

body:not(.login-bg) .iw-hg-title p {
  color: var(--iwp-muted) !important;
  font-size: 14px !important;
  margin: 7px 0 0 !important;
}

body:not(.login-bg) .iw-hg-badges,
body:not(.login-bg) .iw-hg-actions,
body:not(.login-bg) .iw-hg-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body:not(.login-bg) .iw-hg-badges {
  margin-top: 12px !important;
}

body:not(.login-bg) .iw-hg-badges span,
body:not(.login-bg) .iw-hg-status {
  align-items: center !important;
  background: var(--iwp-surface-soft) !important;
  border: 1px solid var(--iwp-border) !important;
  border-radius: 999px !important;
  color: var(--iwp-text-soft) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  gap: 6px !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
}

body:not(.login-bg) .iw-hg-status-active {
  background: var(--iwp-success-bg) !important;
  border-color: #acefc5 !important;
  color: var(--iwp-success) !important;
}

body:not(.login-bg) .iw-hg-btn,
body:not(.login-bg) .iw-hg-nav a,
body:not(.login-bg) .manage-domain-actions-detail-page a,
body:not(.login-bg) .moduleoutput .btn {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid var(--iwp-border) !important;
  border-radius: var(--iwp-radius-sm) !important;
  color: var(--iwp-text-soft) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  gap: 8px !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 12px !important;
  text-decoration: none !important;
}

body:not(.login-bg) .iw-hg-btn-primary,
body:not(.login-bg) .iw-hg-btn-cpanel {
  background: var(--iwp-primary) !important;
  border-color: var(--iwp-primary) !important;
  color: #fff !important;
}

body:not(.login-bg) .iw-hg-nav {
  background: var(--iwp-surface-soft) !important;
  border-bottom: 1px solid var(--iwp-border-soft) !important;
  padding: 12px 18px !important;
}

body:not(.login-bg) .iw-hg-nav a {
  background: #fff !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
}

body:not(.login-bg) .overview-sections,
body:not(.login-bg) .ssl-section-domain-detail-page,
body:not(.login-bg) .manage-domain-actions-detail-page,
body:not(.login-bg) .moduleoutput {
  background: #fff !important;
  border: 1px solid var(--iwp-border) !important;
  border-radius: var(--iwp-radius-md) !important;
  box-shadow: var(--iwp-shadow-soft) !important;
  margin: 0 0 16px !important;
  padding: 18px !important;
}

body:not(.login-bg) .overview-sections .card-title,
body:not(.login-bg) .manage-domain-actions-detail-page .card-title,
body:not(.login-bg) .view-ticket-right-head,
body:not(.login-bg) .form-title {
  color: var(--iwp-text) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  margin: 0 0 14px !important;
}

body:not(.login-bg) .domain-overiew-left,
body:not(.login-bg) .domain-overiew-right {
  min-width: 0 !important;
}

body:not(.login-bg) .domain-overiew-left,
body:not(.login-bg) .domain-overiew-right,
body:not(.login-bg) .ticket-info-descp,
body:not(.login-bg) .manage-domain-actions-detail-page ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.login-bg) .domain-overiew-left li,
body:not(.login-bg) .domain-overiew-right li,
body:not(.login-bg) .ticket-info-descp li {
  align-items: center !important;
  border-bottom: 1px solid var(--iwp-border-soft) !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(130px, .65fr) minmax(0, 1fr) !important;
  min-height: 42px !important;
  padding: 10px 0 !important;
}

body:not(.login-bg) .left-title-domain,
body:not(.login-bg) .ticket-info-descp .left-sec {
  color: var(--iwp-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .right-title-value,
body:not(.login-bg) .ticket-info-descp .right-sec {
  color: var(--iwp-text) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  min-width: 0 !important;
}

body:not(.login-bg) .iw-inv-layout {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px) !important;
}

body:not(.login-bg) .iw-inv-flash {
  align-items: center !important;
  border-radius: var(--iwp-radius-md) !important;
  display: flex !important;
  gap: 10px !important;
  margin: 0 auto 16px !important;
  max-width: 1280px !important;
  padding: 12px 14px !important;
}

body:not(.login-bg) .iw-inv-flash.success {
  background: var(--iwp-success-bg) !important;
  border: 1px solid #acefc5 !important;
  color: var(--iwp-success) !important;
}

body:not(.login-bg) .iw-inv-flash.info {
  background: var(--iwp-info-bg) !important;
  border: 1px solid #bdd9ff !important;
  color: var(--iwp-info) !important;
}

body:not(.login-bg) .iw-inv-flash.danger {
  background: var(--iwp-danger-bg) !important;
  border: 1px solid #f3b8bc !important;
  color: var(--iwp-danger) !important;
}

body:not(.login-bg) .iw-inv-badge {
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  padding: 6px 10px !important;
}

body:not(.login-bg) .iw-inv-badge.paid {
  background: var(--iwp-success-bg) !important;
  color: var(--iwp-success) !important;
}

body:not(.login-bg) .iw-inv-badge.unpaid,
body:not(.login-bg) .iw-inv-badge.payment-pending {
  background: var(--iwp-warning-bg) !important;
  color: var(--iwp-warning) !important;
}

body:not(.login-bg) .iw-inv-badge.cancelled,
body:not(.login-bg) .iw-inv-badge.collections {
  background: var(--iwp-danger-bg) !important;
  color: var(--iwp-danger) !important;
}

body:not(.login-bg) .iw-inv-table-wrap {
  overflow-x: auto !important;
}

body:not(.login-bg) .iw-inv-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 0 !important;
  min-width: 620px !important;
  width: 100% !important;
}

body:not(.login-bg) .iw-inv-table th {
  background: var(--iwp-surface-soft) !important;
  border-bottom: 1px solid var(--iwp-border) !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  padding: 13px 14px !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .iw-inv-table td {
  border-bottom: 1px solid var(--iwp-border-soft) !important;
  color: var(--iwp-text-soft) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  padding: 14px !important;
}

body:not(.login-bg) .iw-inv-total-row td {
  color: var(--iwp-text) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

body:not(.login-bg) .view-ticket.row {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
  margin: 0 !important;
}

body:not(.login-bg) .left-side-view-ticket,
body:not(.login-bg) .right-side-view-ticket {
  max-width: none !important;
  padding: 0 !important;
}

body:not(.login-bg) .left-side-view-ticket {
  display: grid !important;
  gap: 14px !important;
}

body:not(.login-bg) .ticket-reply {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
}

body:not(.login-bg) .ticket-staff-reply {
  grid-template-columns: minmax(0, 1fr) 46px !important;
}

body:not(.login-bg) .ticket-owner-reply-photo,
body:not(.login-bg) .ticket-staff-reply-photo {
  width: 46px !important;
}

body:not(.login-bg) .avtar-photo {
  background-size: cover !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 1px var(--iwp-border) !important;
  height: 42px !important;
  width: 42px !important;
}

body:not(.login-bg) .ticket-owner-comment-section,
body:not(.login-bg) .ticket-staff-comment-section {
  background: var(--iwp-surface-soft) !important;
  border: 1px solid var(--iwp-border) !important;
  border-radius: var(--iwp-radius-md) !important;
  padding: 14px !important;
}

body:not(.login-bg) .ticket-staff-comment-section {
  background: var(--iwp-primary-soft) !important;
  border-color: rgba(15, 118, 110, .22) !important;
}

body:not(.login-bg) .ticket-owner-name,
body:not(.login-bg) .ticket-staff-name {
  color: var(--iwp-text) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body:not(.login-bg) .ticket-owner-reply-date,
body:not(.login-bg) .ticket-staff-reply-date,
body:not(.login-bg) .ip-address-sec {
  color: var(--iwp-muted) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

body:not(.login-bg) .ticket-owner-message-section,
body:not(.login-bg) .ticket-staff-message-section,
body:not(.login-bg) .markdown-content {
  color: var(--iwp-text-soft) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

body:not(.login-bg) .right-side-view-ticket-inner-sec,
body:not(.login-bg) #ticketReplyContainer,
body:not(.login-bg) .ticket-reply-container-section {
  background: #fff !important;
  border: 1px solid var(--iwp-border) !important;
  border-radius: var(--iwp-radius-md) !important;
  box-shadow: var(--iwp-shadow-soft) !important;
  padding: 16px !important;
}

body:not(.login-bg) .attachments,
body:not(.login-bg) .ticket-attachment-section {
  background: #fff !important;
  border: 1px dashed var(--iwp-border) !important;
  border-radius: var(--iwp-radius-md) !important;
  margin-top: 12px !important;
  padding: 14px !important;
}

body:not(.login-bg) .attachment-list {
  display: grid !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

body:not(.login-bg) .attachment-list li,
body:not(.login-bg) .attachment-list a {
  min-width: 0 !important;
  text-decoration: none !important;
}

body:not(.login-bg) .attachment-list li > a,
body:not(.login-bg) .attachment-list li > span {
  align-items: center !important;
  background: var(--iwp-surface-soft) !important;
  border: 1px solid var(--iwp-border) !important;
  border-radius: var(--iwp-radius-sm) !important;
  color: var(--iwp-text-soft) !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  min-height: 44px !important;
  padding: 8px 10px !important;
}

body:not(.login-bg) .attachment-list figure {
  align-items: center !important;
  background: var(--iwp-info-bg) !important;
  border-radius: var(--iwp-radius-sm) !important;
  color: var(--iwp-info) !important;
  display: inline-flex !important;
  height: 34px !important;
  justify-content: center !important;
  margin: 0 !important;
  width: 34px !important;
}

body:not(.login-bg) .attachment-list .caption {
  color: var(--iwp-text) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1100px) {
  body:not(.login-bg) .iw-inv-layout,
  body:not(.login-bg) .view-ticket.row,
  body:not(.login-bg) .iw-hg-hero {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .iw-hg-actions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 700px) {
  body:not(.login-bg) .domain-overiew-left li,
  body:not(.login-bg) .domain-overiew-right li,
  body:not(.login-bg) .ticket-info-descp li,
  body:not(.login-bg) .ticket-reply,
  body:not(.login-bg) .ticket-staff-reply {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .ticket-staff-reply-photo {
    order: -1 !important;
  }
}

/* Servicio 2038: estructura clara y panel de correo al final */
body:not(.login-bg) .iw-service-detail-url-2038 .iw-box-product-2038{max-width:1180px!important;margin:0 auto!important}
body:not(.login-bg) .iw-service-detail-url-2038 .iw-service-hero-id-2038{border:1px solid #d8e7ef!important;border-radius:22px!important;background:#fff!important;box-shadow:0 14px 34px rgba(20,61,82,.10)!important;overflow:hidden!important}
body:not(.login-bg) .iw-service-detail-url-2038 .iw-hero-head{padding:26px 30px!important;background:linear-gradient(135deg,#123d59,#0b7e78)!important;color:#fff!important}
body:not(.login-bg) .iw-service-detail-url-2038 .iw-hero-head .iw-service-name{font-size:clamp(25px,3vw,36px)!important;font-weight:900!important;letter-spacing:-.02em!important}
body:not(.login-bg) .iw-service-detail-url-2038 .iw-hero-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:16px 20px!important;background:#f6fafb!important;border-bottom:1px solid #dce9ee!important}
body:not(.login-bg) .iw-service-detail-url-2038 .iw-hero-stat{border:1px solid #dce8ed!important;border-radius:12px!important;background:#fff!important;padding:12px!important}
body:not(.login-bg) .iw-service-detail-url-2038 .iw-box-content{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:22px!important;padding:22px!important}
body:not(.login-bg) .iw-service-detail-url-2038 .iw-box-section-title{margin-top:24px!important;color:#123d59!important;font-size:18px!important;font-weight:900!important;border-bottom:1px solid #e1edf1!important;padding-bottom:9px!important}
body:not(.login-bg) .iw-service-detail-url-2038 #iwEmailManagerBottom{margin:26px 22px 22px!important;border:1px solid #cfe4e8!important;border-radius:18px!important;background:linear-gradient(180deg,#f4fcfb,#fff)!important;box-shadow:0 12px 28px rgba(12,89,91,.10)!important;padding:22px!important}
body:not(.login-bg) .iw-service-detail-url-2038 #iwEmailManagerBottom .iw-email-section-head{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 16px!important;padding-bottom:14px!important;border-bottom:1px solid #d8eceb!important}
body:not(.login-bg) .iw-service-detail-url-2038 #iwEmailManagerBottom .iw-email-section-head:before{content:'✉'!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:13px!important;background:#0f9d8b!important;color:#fff!important;font-size:22px!important}
body:not(.login-bg) .iw-service-detail-url-2038 #iwEmailManagerBottom h3{margin:0!important;color:#123d59!important;font-size:22px!important;font-weight:900!important}
body:not(.login-bg) .iw-service-detail-url-2038 #iwEmailManagerBottom p{margin:4px 0 0!important;color:#607787!important;font-size:13px!important}
body:not(.login-bg) .iw-service-detail-url-2038 #iwEmailManagerBottom .iw-email-panel-frame{border:1px solid #dbecef!important;border-radius:13px!important;background:#fff!important;padding:14px!important;overflow:auto!important}
@media(max-width:800px){body:not(.login-bg) .iw-service-detail-url-2038 .iw-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:not(.login-bg) .iw-service-detail-url-2038 .iw-box-content{grid-template-columns:1fr!important;padding:14px!important}body:not(.login-bg) .iw-service-detail-url-2038 #iwEmailManagerBottom{margin:18px 0!important;padding:14px!important}}