/* Design Dev admin skin — Outfit + Elms Sans, coral #d8544d */

:root {
  --dd-coral: #d8544d;
  --dd-coral-hover: #c2463f;
  --dd-coral-deep: #b13a34;
  --dd-ink: #1a1a1a;
  --dd-muted: #6b7280;
  --dd-line: rgba(26, 26, 26, 0.08);
  --dd-soft: #f6f5f4;
  --dd-cream: #f9f3ee;
  --dd-surface: #ffffff;
  --dd-shadow: 0 10px 30px rgba(26, 26, 26, 0.06);
}

html:not(.dark-style) body {
  background: #f3f1ef !important;
}

html:not(.dark-style) body.dd-auth,
body.dd-auth {
  background: #ffffff !important;
  color: var(--dd-ink);
}

html:not(.dark-style) .bg-body,
html:not(.dark-style) .layout-page,
html:not(.dark-style) .content-wrapper {
  background: transparent !important;
}

/* Sidebar */
html:not(.dark-style) .bg-menu-theme {
  background: #fff !important;
  border-right: 1px solid var(--dd-line) !important;
  box-shadow: none !important;
}

.layout-menu .app-brand.demo {
  height: 78px;
  padding: 0 0.9rem 0 1.15rem;
}

.app-brand-logo.demo {
  width: 172px !important;
  height: 42px !important;
  max-width: 172px;
  padding: 0 !important;
  overflow: hidden;
  display: flex !important;
  align-items: center;
}

.app-brand-logo.demo img {
  display: none;
  height: 40px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain;
  object-position: left center;
}

.app-brand-logo.demo img.logo-dark {
  display: block !important;
}

html.dark-style .app-brand-logo.demo img.logo-dark,
html.theme-semi-dark .app-brand-logo.demo img.logo-dark,
html[data-theme="theme-semi-dark"] .app-brand-logo.demo img.logo-dark,
html[data-theme*="semi-dark"] .app-brand-logo.demo img.logo-dark,
html.layout-menu-semi-dark .app-brand-logo.demo img.logo-dark {
  display: none !important;
}

html.dark-style .app-brand-logo.demo img.logo-light,
html.theme-semi-dark .app-brand-logo.demo img.logo-light,
html[data-theme="theme-semi-dark"] .app-brand-logo.demo img.logo-light,
html[data-theme*="semi-dark"] .app-brand-logo.demo img.logo-light,
html.layout-menu-semi-dark .app-brand-logo.demo img.logo-light {
  display: block !important;
}

@media (min-width: 1200px) {
  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas) .layout-menu .app-brand-logo.demo {
    width: 36px !important;
    min-width: 36px;
  }
}

.menu-inner {
  padding: 0.35rem 0.85rem 1.25rem !important;
}

.menu-header {
  padding: 1.15rem 0.85rem 0.4rem !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.68rem !important;
  font-weight: 650 !important;
  color: #9aa0a6 !important;
}

.menu-inner > .menu-item > .menu-link {
  border-radius: 10px !important;
  margin-block: 2px;
  padding: 0.55rem 0.85rem !important;
  font-weight: 500;
}

.menu-inner > .menu-item > .menu-link > div {
  font-size: 0.9rem;
}

.layout-menu .menu-item.active > .menu-link:not(.menu-toggle) {
  background: rgba(216, 84, 77, 0.12) !important;
  color: var(--dd-coral) !important;
  box-shadow: none !important;
}

.layout-menu .menu-item.active > .menu-link:not(.menu-toggle) .menu-icon,
.layout-menu .menu-item.active > .menu-link:not(.menu-toggle) div {
  color: var(--dd-coral) !important;
}

.layout-menu .menu-item.active > .menu-link.menu-toggle {
  background: rgba(216, 84, 77, 0.08) !important;
  color: var(--dd-ink) !important;
}

.menu-link:hover {
  background: var(--dd-soft) !important;
}

.menu-sub .menu-link {
  border-radius: 8px !important;
}

.dd-nav-badge {
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.35rem;
  font-size: 0.65rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--dd-coral);
  color: #fff;
}

/* Navbar */
.layout-navbar.navbar-detached {
  box-shadow: none !important;
  border: 1px solid var(--dd-line) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(12px);
}

.navbar-search-wrapper .search-toggler {
  color: var(--dd-muted) !important;
}

.dd-nav-user {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.2rem 0.35rem 0.2rem 0.2rem;
  border-radius: 999px;
  border: 1px solid var(--dd-line);
  background: #fff;
}

.dd-nav-user .dd-nav-meta {
  line-height: 1.15;
  padding-right: 0.55rem;
}

.dd-nav-user .dd-nav-meta strong {
  display: block;
  font-size: 0.8125rem;
  font-weight: 650;
  color: var(--dd-ink);
}

.dd-nav-user .dd-nav-meta span {
  font-size: 0.72rem;
  color: var(--dd-muted);
}

/* Cards / tables / forms — all admin pages */
.card {
  border: 1px solid var(--dd-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(26, 26, 26, 0.04) !important;
}

.card-header {
  border-bottom-color: var(--dd-line) !important;
}

.table thead th {
  font-size: 0.72rem !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--dd-muted) !important;
  font-weight: 650 !important;
}

.form-control,
.form-select {
  border-radius: 10px !important;
  border-color: rgba(26, 26, 26, 0.12) !important;
  min-height: 42px;
}

.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 3px rgba(216, 84, 77, 0.15) !important;
}

.btn {
  border-radius: 10px !important;
  font-weight: 600 !important;
}

.btn-primary {
  box-shadow: 0 8px 18px rgba(216, 84, 77, 0.22) !important;
}

.content-footer {
  border-top: 1px solid var(--dd-line) !important;
  background: transparent !important;
}

/* Dark */
.dark-style {
  --dd-ink: #eceaf4;
  --dd-muted: #9a97b0;
  --dd-line: rgba(255, 255, 255, 0.08);
  --dd-soft: #2b2f44;
  --dd-surface: #2f3349;
}

.dark-style .layout-navbar.navbar-detached,
.dark-style .dd-nav-user {
  background: rgba(47, 51, 73, 0.92) !important;
}

/* ========== Auth ========== */
.dd-auth {
  min-height: 100vh;
  margin: 0;
  background: #fff;
  color: var(--dd-ink);
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.dd-auth *,
.dd-auth *::before,
.dd-auth *::after {
  box-sizing: border-box;
}

.dd-auth a {
  color: inherit;
  text-decoration: none;
}

.dd-login {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.dd-login-form {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  min-height: 100vh;
  padding: 1.75rem 2.25rem 1.35rem;
}

.dd-login-shapes {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.dd-shape {
  position: absolute;
  display: block;
}

.dd-shape-ring {
  width: 320px;
  height: 320px;
  top: -110px;
  right: -90px;
  border: 1.5px solid rgba(216, 84, 77, 0.2);
  border-radius: 50%;
  animation: dd-shape-spin 48s linear infinite;
}

.dd-shape-ring::before,
.dd-shape-ring::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(216, 84, 77, 0.12);
}

.dd-shape-ring::before {
  inset: 34px;
}

.dd-shape-ring::after {
  inset: 68px;
  border-style: dashed;
}

.dd-shape-orb {
  width: 240px;
  height: 240px;
  left: -90px;
  bottom: -80px;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 30%, rgba(216, 84, 77, 0.18), rgba(216, 84, 77, 0) 68%);
}

.dd-shape-cube {
  width: 78px;
  height: 78px;
  top: 18%;
  right: 7%;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(216, 84, 77, 0.16), rgba(26, 26, 26, 0.05));
  transform: rotate(18deg);
  box-shadow: 16px 18px 0 rgba(216, 84, 77, 0.08);
}

.dd-shape-dots {
  width: 150px;
  height: 150px;
  right: 9%;
  bottom: 16%;
  background-image: radial-gradient(rgba(216, 84, 77, 0.32) 1.15px, transparent 1.25px);
  background-size: 13px 13px;
  -webkit-mask-image: radial-gradient(circle, #000 35%, transparent 72%);
  mask-image: radial-gradient(circle, #000 35%, transparent 72%);
}

.dd-shape-slash {
  width: 96px;
  height: 7px;
  top: 13%;
  left: 8%;
  border-radius: 99px;
  background: var(--dd-coral);
  opacity: 0.32;
  transform: rotate(-22deg);
}

.dd-shape-chip {
  width: 54px;
  height: 54px;
  left: 9%;
  bottom: 22%;
  border: 1.5px solid rgba(26, 26, 26, 0.1);
  border-radius: 14px;
  transform: rotate(-12deg);
}

.dd-shape-chip::after {
  content: "";
  position: absolute;
  inset: 10px;
  background: rgba(216, 84, 77, 0.14);
  border-radius: 8px;
}

@keyframes dd-shape-spin {
  to {
    transform: rotate(360deg);
  }
}

.dd-login-brand,
.dd-login-body,
.dd-login-legal {
  position: relative;
  z-index: 1;
}

.dd-login-brand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 400px;
}

.dd-login-logo {
  display: inline-flex;
  max-width: 168px;
}

.dd-login-logo img {
  display: block;
  height: 40px;
  width: auto;
  max-width: 168px;
  object-fit: contain;
  object-position: left center;
}

.dd-login-body {
  width: 100%;
  max-width: 400px;
  margin: auto;
  padding: 1.5rem 0 2rem;
  text-align: left;
  animation: dd-login-rise 0.65s ease both;
}

.dd-login-eyebrow {
  margin: 0 0 0.55rem;
  font-size: 0.7rem;
  font-weight: 650;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--dd-coral);
}

.dd-login-body h1 {
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 2.15rem;
  font-weight: 650;
  letter-spacing: -0.045em;
  margin: 0;
  color: var(--dd-ink);
  text-align: left;
}

.dd-login-body h1::after {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  background: var(--dd-coral);
  margin: 0.85rem 0 0;
  border-radius: 2px;
}

.dd-login-sub {
  margin: 0.85rem 0 1.75rem;
  text-align: left;
  color: var(--dd-muted);
  font-size: 0.92rem;
}

.dd-field {
  margin-bottom: 1.05rem;
  text-align: left;
}

.dd-field label {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
  color: var(--dd-ink);
  text-align: left;
}

.dd-field input[type="email"],
.dd-field input[type="password"],
.dd-field input[type="text"] {
  width: 100%;
  height: 50px;
  border: 1px solid rgba(26, 26, 26, 0.1);
  border-radius: 12px;
  padding: 0 0.95rem;
  font-size: 0.95rem;
  font-family: inherit;
  text-align: left;
  background: #fff;
  color: var(--dd-ink);
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.dd-field input:focus {
  background: #fff;
  border-color: var(--dd-coral);
  box-shadow: 0 0 0 4px rgba(216, 84, 77, 0.14);
}

.dd-field input.is-invalid {
  border-color: #dc3545;
  background: #fff;
}

.dd-password-field {
  position: relative;
}

.dd-password-field input {
  padding-right: 3rem;
}

.dd-password-toggle {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border: 0;
  background: transparent;
  border-radius: 10px;
  color: #5b6470;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

.dd-password-toggle i {
  font-size: 1.2rem;
  line-height: 1;
}

.dd-password-toggle:hover,
.dd-password-toggle:focus-visible {
  color: var(--dd-coral);
  background: rgba(216, 84, 77, 0.08);
  outline: none;
}

.dd-login-remember {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.55rem;
  margin: 0.15rem 0 1.25rem;
  font-size: 0.86rem;
  color: #3d4450;
  cursor: pointer;
  user-select: none;
}

.dd-login-remember input {
  width: 16px;
  height: 16px;
  accent-color: var(--dd-coral);
  margin: 0;
}

.dd-auth-submit {
  width: 100%;
  height: 50px;
  border: 0;
  border-radius: 12px;
  background: var(--dd-coral);
  color: #fff;
  font-family: inherit;
  font-weight: 650;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.dd-auth-submit:hover {
  background: var(--dd-coral-hover);
  color: #fff;
  box-shadow: 0 12px 24px rgba(216, 84, 77, 0.28);
}

.dd-auth-submit:active {
  transform: translateY(1px);
}

.dd-auth-alert {
  background: rgba(216, 84, 77, 0.1);
  border: 1px solid rgba(216, 84, 77, 0.22);
  color: #9b2c28;
  border-radius: 12px;
  padding: 0.7rem 0.85rem;
  font-size: 0.85rem;
  margin-bottom: 1.1rem;
  text-align: left;
}

.dd-login-links {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.45rem 0 0;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
}

.dd-login-links a {
  color: var(--dd-muted);
  font-weight: 550;
  padding: 0 0.9rem;
  position: relative;
  transition: color 0.15s ease;
}

.dd-login-links a + a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 11px;
  background: rgba(26, 26, 26, 0.16);
  transform: translateY(-50%);
}

.dd-login-links a:hover {
  color: var(--dd-coral);
  text-decoration: none;
}

.dd-login-legal {
  font-size: 0.72rem;
  line-height: 1.4;
  color: #9aa1ab;
  width: 100%;
  max-width: 400px;
  text-align: left;
  white-space: nowrap;
}

.dd-login-stage {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  color: #fff;
  background:
    radial-gradient(720px 560px at 58% 38%, rgba(255, 255, 255, 0.22), transparent 58%),
    linear-gradient(165deg, #e46a63 0%, var(--dd-coral) 42%, var(--dd-coral-deep) 100%);
}

.dd-login-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 42%, rgba(110, 28, 24, 0.55) 100%);
}

.dd-login-globe {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.dd-login-stage-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  max-width: 28rem;
  padding: 0 2.6rem 2.8rem;
  animation: dd-login-rise 0.75s 0.08s ease both;
}

.dd-login-stage-kicker {
  margin: 0 0 0.7rem;
  font-size: 0.7rem;
  font-weight: 650;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}

.dd-login-stage-copy h2 {
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: clamp(2rem, 3.6vw, 3rem);
  font-weight: 650;
  letter-spacing: -0.045em;
  line-height: 1.05;
  margin: 0 0 0.75rem;
  color: #fff;
}

.dd-login-stage-copy p {
  margin: 0 0 1.35rem;
  font-size: 0.95rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
}

.dd-login-contacts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.dd-login-contacts a,
.dd-auth .dd-login-contacts a {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.dd-login-contacts i {
  font-size: 1.1rem;
  opacity: 0.85;
}

.dd-login-contacts a:hover,
.dd-auth .dd-login-contacts a:hover {
  color: #fff;
  opacity: 0.8;
}

@keyframes dd-login-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dd-login-body,
  .dd-login-stage-copy {
    animation: none;
  }

  .dd-shape-ring {
    animation: none;
  }
}

@media (max-width: 991.98px) {
  .dd-login {
    grid-template-columns: 1fr;
  }

  .dd-login-stage {
    display: none;
  }

  .dd-login-form {
    padding: 1.25rem 1.25rem 1.1rem;
  }

  .dd-login-legal {
    margin-top: 1.5rem;
  }
}

@media (max-width: 575.98px) {
  .dd-login-body h1 {
    font-size: 1.7rem;
  }

  .dd-login-legal {
    white-space: normal;
  }

  .dd-shape-cube,
  .dd-shape-chip {
    display: none;
  }
}

/* ========== Dashboard ========== */
.dd-dash {
  --dd-ink: #1a1a1a;
  --dd-muted: #6b7280;
  --dd-line: rgba(26, 26, 26, 0.08);
  --dd-surface: #ffffff;
  --dd-soft: #f6f5f4;
  --dd-accent: #d8544d;
}

.dark-style .dd-dash {
  --dd-ink: #eceaf4;
  --dd-muted: #9a97b0;
  --dd-line: rgba(255, 255, 255, 0.08);
  --dd-surface: #2f3349;
  --dd-soft: #2b2f44;
}

.dd-dash-hero {
  background:
    radial-gradient(900px 320px at 100% -30%, rgba(216, 84, 77, 0.16), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #f8f7f6 100%);
  border: 1px solid var(--dd-line);
  border-radius: 18px;
  padding: 1.7rem 1.75rem 1.45rem;
}

.dark-style .dd-dash-hero {
  background:
    radial-gradient(900px 320px at 100% -30%, rgba(216, 84, 77, 0.22), transparent 55%),
    linear-gradient(180deg, #2f3349 0%, #2b2f44 100%);
}

.dd-dash-kicker {
  font-size: 0.75rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dd-accent);
  margin-bottom: 0.45rem;
}

.dd-dash-hero h1 {
  font-family: "Elms Sans", "Outfit", sans-serif !important;
  font-size: clamp(1.55rem, 2.2vw, 2.05rem);
  font-weight: 650;
  color: var(--dd-ink);
  letter-spacing: -0.03em;
  margin: 0 0 0.4rem;
  line-height: 1.2;
}

.dd-dash-hero p {
  color: var(--dd-muted);
  margin: 0;
  max-width: 40rem;
  line-height: 1.55;
}

.dd-dash-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.2rem;
}

.dd-dash-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.38rem 0.75rem;
  border-radius: 999px;
  background: rgba(216, 84, 77, 0.08);
  color: var(--dd-ink);
  font-size: 0.8125rem;
  font-weight: 500;
  border: 1px solid rgba(216, 84, 77, 0.12);
}

.dd-dash-chip i { color: var(--dd-accent); }

.dd-stat {
  background: var(--dd-surface);
  border: 1px solid var(--dd-line);
  border-radius: 16px;
  padding: 1.2rem 1.3rem;
  height: 100%;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  text-decoration: none !important;
  display: block;
  color: inherit;
}

.dd-stat:hover {
  border-color: rgba(216, 84, 77, 0.35);
  box-shadow: var(--dd-shadow);
  transform: translateY(-2px);
  color: inherit;
}

.dd-stat-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.dd-stat-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--dd-soft);
  color: var(--dd-ink);
  font-size: 1.25rem;
}

.dd-stat-icon.is-accent {
  background: rgba(216, 84, 77, 0.1);
  color: var(--dd-accent);
}

.dd-stat-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--dd-muted);
  margin-bottom: 0.3rem;
}

.dd-stat-value {
  font-family: "Elms Sans", "Outfit", sans-serif !important;
  font-size: 1.85rem;
  font-weight: 650;
  letter-spacing: -0.03em;
  color: var(--dd-ink);
  line-height: 1;
  margin-bottom: 0.4rem;
}

.dd-stat-sub {
  font-size: 0.78rem;
  color: var(--dd-muted);
}

.dd-panel {
  background: var(--dd-surface);
  border: 1px solid var(--dd-line);
  border-radius: 16px;
  overflow: hidden;
}

.row > [class*="col-"] > .dd-panel:only-child {
  height: 100%;
}

.dd-dash-stack {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
  min-height: 0;
}

.dd-dash-stack > .dd-panel:first-child {
  flex: 1 1 auto;
  min-height: 0;
}

.dd-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.05rem 1.25rem;
  border-bottom: 1px solid var(--dd-line);
}

.dd-panel-head h2 {
  font-family: "Elms Sans", "Outfit", sans-serif !important;
  font-size: 1.05rem;
  font-weight: 650;
  margin: 0;
  color: var(--dd-ink);
}

.dd-table {
  width: 100%;
  margin: 0;
}

.dd-table th {
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--dd-muted);
  border-bottom: 1px solid var(--dd-line) !important;
  background: var(--dd-soft);
  padding: 0.7rem 1.25rem !important;
}

.dd-table td {
  padding: 0.9rem 1.25rem !important;
  border-bottom: 1px solid var(--dd-line) !important;
  vertical-align: middle;
  font-size: 0.9rem;
  color: var(--dd-ink);
}

.dd-table tr:last-child td { border-bottom: 0 !important; }

.dd-empty {
  padding: 2rem 1.25rem;
  text-align: center;
  color: var(--dd-muted);
  font-size: 0.9rem;
}

.dd-quick {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  padding: 1.15rem 1.25rem 1.35rem;
}

.dd-quick a {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.85rem 0.95rem;
  border-radius: 12px;
  border: 1px solid var(--dd-line);
  background: var(--dd-soft);
  color: var(--dd-ink);
  text-decoration: none;
  font-weight: 500;
  font-size: 0.875rem;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.dd-quick a:hover {
  border-color: rgba(216, 84, 77, 0.35);
  background: #fff;
  color: var(--dd-accent);
}

.dark-style .dd-quick a:hover {
  background: #32364d;
}

.dd-quick a i {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid var(--dd-line);
  color: var(--dd-accent);
  flex-shrink: 0;
}

.dark-style .dd-quick a i {
  background: #32364d;
}

.dd-link {
  font-size: 0.8125rem;
  font-weight: 650;
  color: var(--dd-accent);
  text-decoration: none;
}

.dd-link:hover { color: #c2463f; }

.dd-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(216, 84, 77, 0.12);
  color: var(--dd-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 650;
  font-size: 0.8rem;
  flex-shrink: 0;
}

.dd-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d1d5db;
  flex-shrink: 0;
}

.dd-dot.is-unread {
  background: var(--dd-accent);
}

.dd-row-title {
  font-weight: 600;
  line-height: 1.25;
}

.dd-row-sub {
  font-size: 0.78rem;
  color: var(--dd-muted);
}

@media (max-width: 575.98px) {
  .dd-quick { grid-template-columns: 1fr; }
}

/* ========== Shared page chrome ========== */
.dd-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.35rem;
}

.dd-page-head h1,
.container-xxl > .d-flex h4,
.card-header h5,
.card-header .card-title {
  font-family: "Elms Sans", "Outfit", sans-serif !important;
  letter-spacing: -0.02em;
}

.dd-page-head h1 {
  font-size: clamp(1.45rem, 2vw, 1.85rem);
  font-weight: 650;
  margin: 0.15rem 0 0.3rem;
  color: var(--dd-ink);
}

.dd-page-head p {
  margin: 0;
  color: var(--dd-muted);
  max-width: 38rem;
  font-size: 0.92rem;
}

.dd-back {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
  font-weight: 650;
  color: var(--dd-muted);
  text-decoration: none;
  margin-bottom: 0.35rem;
}
.dd-back:hover { color: var(--dd-coral); }

.dd-count-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.8rem;
  border-radius: 999px;
  background: var(--dd-coral);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 650;
  white-space: nowrap;
}
.dd-count-pill.is-muted {
  background: var(--dd-soft);
  color: var(--dd-muted);
  border: 1px solid var(--dd-line);
}

.dd-seg {
  display: inline-flex;
  gap: 0.25rem;
  padding: 0.25rem;
  background: #fff;
  border: 1px solid var(--dd-line);
  border-radius: 12px;
  margin-bottom: 1rem;
}
.dd-seg a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.9rem;
  border-radius: 9px;
  color: var(--dd-muted);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.875rem;
}
.dd-seg a span {
  min-width: 1.1rem;
  height: 1.1rem;
  padding: 0 0.3rem;
  border-radius: 999px;
  background: rgba(216, 84, 77, 0.12);
  color: var(--dd-coral);
  font-size: 0.68rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dd-seg a.is-active {
  background: var(--dd-coral);
  color: #fff;
}
.dd-seg a.is-active span {
  background: rgba(255,255,255,0.22);
  color: #fff;
}

.dd-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 1rem;
  align-items: center;
}
.dd-search {
  position: relative;
  flex: 1 1 240px;
}
.dd-search i {
  position: absolute;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--dd-muted);
  pointer-events: none;
}
.dd-search input {
  width: 100%;
  height: 44px;
  border: 1px solid var(--dd-line);
  border-radius: 12px;
  padding: 0 0.95rem 0 2.4rem;
  background: #fff;
  outline: none;
}
.dd-search input:focus {
  border-color: var(--dd-coral);
  box-shadow: 0 0 0 4px rgba(216, 84, 77, 0.12);
}
.dd-toolbar-select {
  max-width: 240px;
  height: 44px !important;
  border-radius: 12px !important;
}

.dd-inbox {
  background: #fff;
  border: 1px solid var(--dd-line);
  border-radius: 16px;
  overflow: hidden;
}
.dd-inbox-item {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid var(--dd-line);
}
.dd-inbox-item:last-child { border-bottom: 0; }
.dd-inbox-item.is-unread {
  background: rgba(216, 84, 77, 0.04);
}
.dd-inbox-main {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1.05rem 1.15rem;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}
.dd-inbox-item:hover .dd-inbox-main {
  background: rgba(26, 26, 26, 0.015);
}
.dd-inbox-copy {
  min-width: 0;
  flex: 1;
}
.dd-inbox-top {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline;
}
.dd-inbox-top strong {
  font-weight: 650;
  color: var(--dd-ink);
}
.dd-inbox-top time {
  color: var(--dd-muted);
  font-size: 0.75rem;
  white-space: nowrap;
}
.dd-inbox-meta,
.dd-inbox-preview {
  display: block;
  color: var(--dd-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}
.dd-inbox-preview {
  margin-top: 0.15rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dd-inbox-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.45rem;
}
.dd-chip {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  background: var(--dd-soft);
  border: 1px solid var(--dd-line);
  color: var(--dd-ink);
}
.dd-inbox-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0 0.85rem 0 0;
}
.dd-icon-btn {
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  border-radius: 9px;
  color: var(--dd-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dd-icon-btn:hover { background: var(--dd-soft); color: var(--dd-ink); }
.dd-icon-btn.is-danger:hover { background: rgba(216, 84, 77, 0.1); color: var(--dd-coral); }

.dd-empty-state {
  text-align: center;
  padding: 3.5rem 1.5rem;
  color: var(--dd-muted);
}
.dd-empty-state i {
  font-size: 1.8rem;
  color: var(--dd-coral);
  display: block;
  margin-bottom: 0.6rem;
}
.dd-empty-state h3 {
  font-size: 1.05rem;
  margin: 0 0 0.25rem;
  color: var(--dd-ink);
}
.dd-empty-state p { margin: 0; }

.dd-pager { padding: 1rem 1.15rem; }

.dd-detail {
  background: #fff;
  border: 1px solid var(--dd-line);
  border-radius: 16px;
  padding: 1.25rem 1.35rem 1.4rem;
}
.dd-detail h2 {
  font-family: "Elms Sans", "Outfit", sans-serif !important;
  font-size: 0.95rem;
  font-weight: 650;
  margin: 0 0 1rem;
}
.dd-dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 1.25rem;
  margin: 0;
}
.dd-dl-full { grid-column: 1 / -1; }
.dd-dl dt {
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--dd-muted);
  margin-bottom: 0.2rem;
}
.dd-dl dd { margin: 0; font-weight: 500; }
.dd-message {
  white-space: pre-wrap;
  margin: 0;
  line-height: 1.65;
  color: var(--dd-ink);
}

@media (max-width: 767.98px) {
  .dd-dl { grid-template-columns: 1fr; }
  .dd-inbox-actions { display: none; }
}

/* ========== All admin pages: tables, forms, chrome ========== */
.card-header {
  padding: 1.15rem 1.35rem !important;
}

.table > :not(caption) > * > * {
  padding: 0.9rem 1.15rem;
}

.table tbody tr:hover {
  background: rgba(216, 84, 77, 0.03);
}

.form-label {
  font-size: 0.8rem !important;
  font-weight: 650 !important;
  color: var(--dd-ink) !important;
  margin-bottom: 0.35rem !important;
}

textarea.form-control {
  min-height: 110px;
  padding-top: 0.7rem !important;
}

.form-control::file-selector-button {
  background: var(--dd-soft);
  border: 0;
  border-right: 1px solid var(--dd-line);
  color: var(--dd-ink);
  font-weight: 600;
  padding: 0.55rem 0.9rem;
  margin-right: 0.85rem;
}

.input-group .form-control {
  border-radius: 10px 0 0 10px !important;
}

.modal-content {
  border: 1px solid var(--dd-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--dd-shadow) !important;
}

.modal-header, .modal-footer {
  border-color: var(--dd-line) !important;
}

.page-item.active .page-link {
  background-color: var(--dd-coral) !important;
  border-color: var(--dd-coral) !important;
}

.page-link {
  color: var(--dd-ink);
  border-radius: 8px !important;
  margin: 0 0.1rem;
}

.badge {
  border-radius: 999px !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em;
}

.dropdown-menu {
  border: 1px solid var(--dd-line) !important;
  border-radius: 12px !important;
  box-shadow: var(--dd-shadow) !important;
  padding: 0.4rem !important;
}
.dropdown-item {
  border-radius: 8px !important;
}

.dd-password-field { position: relative; width: 100%; }
.dd-password-field input { padding-right: 3rem; }

.tox-tinymce {
  border-radius: 12px !important;
  border-color: rgba(26, 26, 26, 0.12) !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-radius: 10px !important;
  min-height: 42px;
}

.dd-seo .nav-tabs .nav-link {
  font-size: 0.8125rem;
}
.dd-seo-counter.text-warning {
  font-weight: 600;
}

.dd-analytics-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 992px) {
  .dd-analytics-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.dd-analytics-card {
  border: 1px solid var(--dd-line);
  border-radius: 14px;
  padding: 1.15rem 1.2rem 1.25rem;
  background: #fff;
}
.dd-analytics-card h3 {
  font-size: 1rem;
  margin: 0 0 0.2rem;
}
.dd-analytics-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.dd-analytics-card-head p {
  margin: 0;
  color: #8a8796;
  font-size: 0.8125rem;
}
.dd-analytics-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.8125rem;
  line-height: 1.5;
  min-height: 160px;
}
.dd-settings-tabs {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.dd-settings-tab {
  border: 1px solid var(--dd-line);
  background: #fff;
  color: #5d596c;
  border-radius: 999px;
  padding: 0.55rem 1rem;
  font-weight: 600;
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.dd-settings-tab.active,
.dd-settings-tab:hover {
  background: #d8544d;
  border-color: #d8544d;
  color: #fff;
}
.dd-settings-pane-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.dd-settings-pane-head h2 {
  font-size: 1.15rem;
  margin: 0 0 0.25rem;
}
.dd-settings-pane-head p {
  margin: 0;
  color: #8a8796;
  font-size: 0.875rem;
}
.dd-sort-list,
.dd-sort-children {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dd-sort-item {
  background: #fff;
  border: 1px solid var(--dd-line);
  border-radius: 12px;
}
.dd-sort-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 0.85rem;
}
.dd-sort-handle {
  cursor: grab;
  color: #b0adb8;
  display: inline-flex;
}
.dd-sort-copy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.dd-sort-copy code {
  font-size: 0.75rem;
  color: #8a8796;
}
.dd-sort-actions {
  display: flex;
  gap: 0.35rem;
}
.dd-sort-children {
  padding: 0 0.75rem 0.75rem 2rem;
}
.dd-mega-wrap {
  padding: 0 0.75rem 0.85rem 2rem;
}
.dd-mega-label {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8796;
  font-weight: 700;
  margin: 0.15rem 0 0.5rem;
}
.dd-mega-cat {
  background: #f8f7fa;
}
.dd-sort-ghost {
  opacity: 0.55;
}
.dd-empty-mini {
  padding: 0.75rem 1rem;
  color: #8a8796;
  font-size: 0.875rem;
}

/* ========== Premium app shell — dashboard only (login uses .dd-auth) ========== */
body.dd-app {
  background:
    radial-gradient(1100px 420px at 108% -8%, rgba(216, 84, 77, 0.09), transparent 55%),
    radial-gradient(700px 380px at -12% 110%, rgba(26, 26, 26, 0.045), transparent 50%),
    #f3f0ec !important;
}

body.dd-app .template-customizer {
  display: none !important;
}

body.dd-app .layout-page,
body.dd-app .content-wrapper,
body.dd-app .bg-body {
  background: transparent !important;
}

body.dd-app .container-p-y {
  padding-top: 1.6rem !important;
  padding-bottom: 2.4rem !important;
}

body.dd-app .layout-menu.bg-menu-theme {
  background: #fffdfb !important;
  border-right: 1px solid rgba(26, 26, 26, 0.07) !important;
  box-shadow: 18px 0 40px rgba(26, 26, 26, 0.03) !important;
}

body.dd-app .app-brand.demo {
  gap: 0.4rem;
  width: 100%;
  overflow: hidden;
}

body.dd-app .app-brand-link {
  min-width: 0;
  overflow: hidden;
}

body.dd-app .dd-brand-mark {
  flex-shrink: 0;
  font-size: 0.62rem;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fff;
  background: #d8544d;
  border-radius: 999px;
  padding: 0.18rem 0.45rem;
  line-height: 1;
}

html.layout-menu-collapsed .dd-brand-mark {
  display: none !important;
}

body.dd-app .menu-inner {
  padding: 0.2rem 0.7rem 1.5rem !important;
}

body.dd-app .menu-header {
  padding: 1.35rem 0.9rem 0.35rem !important;
  font-size: 0.64rem !important;
  letter-spacing: 0.12em;
  color: #a3a3a3 !important;
}

body.dd-app .layout-menu.menu-vertical .menu-inner > .menu-item,
body.dd-app .layout-menu.menu-vertical .menu-inner > .menu-header {
  width: 100% !important;
  max-width: 100%;
}

body.dd-app .layout-menu.menu-vertical .menu-inner > .menu-item .menu-link {
  margin-inline: 0 !important;
}

body.dd-app .menu-inner > .menu-item > .menu-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  border-radius: 12px !important;
  margin-block: 3px;
  padding: 0.58rem 0.85rem !important;
  font-weight: 550;
  font-family: "Outfit", sans-serif !important;
  overflow: hidden;
}

body.dd-app .menu-inner > .menu-item > .menu-link.menu-toggle {
  padding-right: 2.35rem !important;
}

body.dd-app .menu-inner > .menu-item > .menu-link .menu-icon {
  font-size: 1.2rem;
  opacity: 0.85;
  flex-shrink: 0;
}

body.dd-app .layout-menu .menu-link > div:not(.badge) {
  font-family: "Outfit", sans-serif !important;
  font-size: 0.9rem;
  line-height: 1.3;
  min-width: 0;
  flex: 1 1 auto !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.dd-app .layout-menu .menu-toggle::after {
  right: 0.7rem !important;
  font-size: 1.05rem !important;
  line-height: 1;
  z-index: 2;
  pointer-events: none;
}

body.dd-app .layout-menu .menu-toggle .dd-nav-badge {
  margin-right: 0.15rem;
  flex-shrink: 0;
}

body.dd-app .dd-nav-badge {
  flex-shrink: 0;
}

body.dd-app .menu-link:hover {
  background: rgba(216, 84, 77, 0.06) !important;
}

body.dd-app .layout-menu .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #d8544d !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(216, 84, 77, 0.28) !important;
}

body.dd-app .layout-menu .menu-item.active > .menu-link:not(.menu-toggle) .menu-icon,
body.dd-app .layout-menu .menu-item.active > .menu-link:not(.menu-toggle) div,
body.dd-app .layout-menu .menu-item.active > .menu-link:not(.menu-toggle) .dd-nav-badge {
  color: #fff !important;
}

body.dd-app .layout-menu .menu-item.active > .menu-link:not(.menu-toggle) .dd-nav-badge {
  background: rgba(255, 255, 255, 0.22);
}

body.dd-app .layout-menu .menu-item.active > .menu-link.menu-toggle {
  background: rgba(216, 84, 77, 0.1) !important;
  color: #1a1a1a !important;
}

body.dd-app .layout-menu .menu-link,
body.dd-app .layout-menu .menu-link > div {
  letter-spacing: 0 !important;
  font-family: "Outfit", sans-serif !important;
}

body.dd-app .bg-menu-theme .menu-sub > .menu-item > .menu-link::before {
  content: none !important;
  display: none !important;
}

body.dd-app .menu-sub {
  position: relative;
  z-index: 1;
  margin: 0.15rem 0 0.4rem;
  padding: 0;
  border-left: none;
}

body.dd-app .layout-menu-toggle {
  flex-shrink: 0;
}

body.dd-app .menu-sub .menu-link {
  position: relative;
  border-radius: 9px !important;
  padding: 0.5rem 0.85rem 0.5rem 2.55rem !important;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0 !important;
  overflow: hidden;
}

body.dd-app .menu-sub .menu-link > div:not(.badge) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1 1 auto !important;
  letter-spacing: 0 !important;
  line-height: 1.4;
}

body.dd-app .layout-navbar.navbar-detached {
  box-shadow: 0 10px 30px rgba(26, 26, 26, 0.05) !important;
  border: 1px solid rgba(26, 26, 26, 0.06) !important;
  border-radius: 18px !important;
  background: rgba(255, 253, 251, 0.86) !important;
  backdrop-filter: blur(18px) saturate(1.2);
  padding-inline: 0.85rem !important;
  min-height: 68px;
}

body.dd-app .dd-search-trigger {
  width: 100%;
  height: 42px;
  padding: 0 0.85rem 0 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(26, 26, 26, 0.08);
  background: #fff;
  color: #8a8a8a;
  gap: 0.55rem;
  text-decoration: none;
  font-size: 0.875rem;
  box-shadow: 0 1px 2px rgba(26, 26, 26, 0.03);
}

body.dd-app .dd-search-trigger i {
  color: #d8544d;
  font-size: 1.05rem;
}

body.dd-app .dd-search-trigger span {
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.dd-app .dd-search-trigger kbd {
  font-size: 0.68rem;
  font-weight: 650;
  border: 1px solid rgba(26, 26, 26, 0.1);
  background: #f6f5f4;
  border-radius: 6px;
  padding: 0.12rem 0.38rem;
  color: #6b7280;
}

body.dd-app .dd-top-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  height: 40px;
  padding: 0 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(26, 26, 26, 0.08);
  background: #fff;
  color: #1a1a1a;
  text-decoration: none;
  font-size: 0.8125rem;
  font-weight: 650;
}

body.dd-app .dd-top-link:hover {
  border-color: rgba(216, 84, 77, 0.35);
  color: #d8544d;
}

body.dd-app .dd-icon-chip {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid rgba(26, 26, 26, 0.08);
  background: #fff;
  color: #1a1a1a;
  text-decoration: none;
}

body.dd-app .dd-icon-chip:hover {
  border-color: rgba(216, 84, 77, 0.35);
  color: #d8544d;
}

body.dd-app .dd-icon-chip-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: #d8544d;
  color: #fff;
  font-size: 0.62rem;
  font-weight: 750;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

body.dd-app .dd-nav-user {
  padding: 0.18rem 0.55rem 0.18rem 0.18rem;
  box-shadow: 0 1px 2px rgba(26, 26, 26, 0.04);
}

body.dd-app .card {
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(26, 26, 26, 0.045) !important;
  overflow: visible;
}

body.dd-app .card-header {
  background: linear-gradient(180deg, #fff 0%, #fbfaf8 100%) !important;
}

body.dd-app .btn {
  border-radius: 11px !important;
  padding-inline: 1rem;
  min-height: 40px;
  letter-spacing: -0.01em;
}

body.dd-app .btn-primary {
  box-shadow: 0 10px 22px rgba(216, 84, 77, 0.26) !important;
}

body.dd-app .btn-sm {
  min-height: 34px;
  border-radius: 9px !important;
}

body.dd-app .form-control,
body.dd-app .form-select {
  border-radius: 12px !important;
  min-height: 44px;
  background: #fff;
}

body.dd-app .form-control:focus,
body.dd-app .form-select:focus {
  box-shadow: 0 0 0 4px rgba(216, 84, 77, 0.14) !important;
}

body.dd-app .table thead th {
  background: #f8f6f3;
  border-bottom: 1px solid rgba(26, 26, 26, 0.06) !important;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8a8a8a;
  white-space: nowrap;
}

body.dd-app .table tbody tr {
  transition: background 0.15s ease;
}

body.dd-app .table tbody tr:hover {
  background: #faf8f6;
}

body.dd-app .table td {
  vertical-align: middle;
}

body.dd-app .table img {
  border-radius: 10px;
  object-fit: cover;
}

body.dd-app .table .dropdown-toggle.hide-arrow {
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0 !important;
  border-radius: 10px !important;
  background: #f6f5f4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.dd-app .table .dropdown-toggle.hide-arrow:hover {
  background: #eeeae6;
  color: #d8544d;
}

body.dd-app .form-label {
  font-weight: 650;
  font-size: 0.8125rem;
  color: #1a1a1a;
}

body.dd-app .card > .card-header + .table-responsive,
body.dd-app .card > .table-responsive {
  border-top: 1px solid rgba(26, 26, 26, 0.05);
}

body.dd-app .nav-align-top > .nav-tabs {
  border: 1px solid rgba(26, 26, 26, 0.07);
  background: #fff;
  border-radius: 14px;
  padding: 0.35rem;
  gap: 0.25rem;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 1.15rem;
}

body.dd-app .nav-align-top > .nav-tabs .nav-link {
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0.55rem 1.15rem !important;
  font-weight: 650;
  color: #6b7280;
  background: transparent !important;
}

body.dd-app .nav-align-top > .nav-tabs .nav-link:hover:not(.active) {
  color: #d8544d;
  background: rgba(216, 84, 77, 0.06) !important;
}

body.dd-app .nav-align-top > .nav-tabs .nav-link.active {
  background: #d8544d !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(216, 84, 77, 0.22);
}

body.dd-app .nav-link:hover,
body.dd-app .nav-link:focus,
body.dd-app .nav-link:focus-visible,
body.dd-app .nav-tabs .nav-link:hover,
body.dd-app .nav-tabs .nav-link:focus,
body.dd-app .nav-tabs .nav-link:focus-visible,
body.dd-app .nav-pills .nav-link:hover,
body.dd-app .nav-pills .nav-link:focus,
body.dd-app .nav-pills .nav-link:focus-visible,
body.dd-app .nav-align-top > .nav-tabs .nav-link:hover,
body.dd-app .nav-align-top > .nav-tabs .nav-link:focus,
body.dd-app .nav-align-top > .nav-tabs .nav-link:focus-visible {
  color: #d8544d !important;
  box-shadow: none !important;
  outline: none !important;
}

body.dd-app .nav-align-top > .nav-tabs .nav-link:hover:not(.active),
body.dd-app .nav-align-top > .nav-tabs .nav-link:focus:not(.active),
body.dd-app .nav-align-top > .nav-tabs .nav-link:focus-visible:not(.active) {
  color: #d8544d !important;
  background: rgba(216, 84, 77, 0.08) !important;
}

body.dd-app .nav-pills .nav-link:hover:not(.active),
body.dd-app .nav-pills .nav-link:focus:not(.active),
body.dd-app .nav-pills .nav-link:focus-visible:not(.active),
body.dd-app .nav-pills .nav-link:active:not(.active) {
  color: #d8544d !important;
  background: rgba(216, 84, 77, 0.08) !important;
}

body.dd-app .nav-align-top > .nav-tabs .nav-link.active:focus,
body.dd-app .nav-align-top > .nav-tabs .nav-link.active:focus-visible,
body.dd-app .nav-pills .nav-link.active:focus,
body.dd-app .nav-pills .nav-link.active:focus-visible {
  color: #fff !important;
  background: #d8544d !important;
  box-shadow: 0 8px 16px rgba(216, 84, 77, 0.22) !important;
}

body.dd-app .nav-tabs .nav-link:active:not(.active) {
  color: #d8544d !important;
}

body.dd-app .svc-section-tabs .card {
  border-radius: 16px !important;
}

body.dd-app .svc-section-tabs .nav-pills .nav-link {
  background: transparent !important;
  color: #1a1a1a !important;
  border-radius: 10px !important;
  padding: 0.58rem 0.8rem !important;
  font-weight: 550;
  margin-bottom: 2px;
}

body.dd-app .svc-section-tabs .nav-pills .nav-link:hover:not(.active) {
  background: rgba(216, 84, 77, 0.06) !important;
  color: #d8544d !important;
}

body.dd-app .svc-section-tabs .nav-pills .nav-link.active {
  background: rgba(216, 84, 77, 0.12) !important;
  color: #d8544d !important;
  box-shadow: inset 3px 0 0 #d8544d;
}

body.dd-app .dd-seo .nav-tabs,
body.dd-app .dd-seo .nav-align-top > .nav-tabs {
  border: 0 !important;
  border-bottom: 1px solid rgba(26, 26, 26, 0.08) !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 0.35rem !important;
  margin-bottom: 1.25rem !important;
  box-shadow: none !important;
}

body.dd-app .dd-seo .nav-tabs .nav-link,
body.dd-app .dd-seo .nav-align-top > .nav-tabs .nav-link {
  border: 0 !important;
  background: transparent !important;
  color: #64748b !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 0.55rem 1rem !important;
  font-weight: 600 !important;
  font-size: 0.84rem !important;
  box-shadow: none !important;
  transition: all 0.15s ease-in-out !important;
}

body.dd-app .dd-seo .nav-tabs .nav-link:hover:not(.active),
body.dd-app .dd-seo .nav-align-top > .nav-tabs .nav-link:hover:not(.active) {
  color: #d8544d !important;
  background: rgba(216, 84, 77, 0.05) !important;
  box-shadow: none !important;
}

body.dd-app .dd-seo .nav-tabs .nav-link.active,
body.dd-app .dd-seo .nav-align-top > .nav-tabs .nav-link.active {
  color: #d8544d !important;
  background: rgba(216, 84, 77, 0.08) !important;
  box-shadow: inset 0 -2.5px 0 #d8544d !important;
}

body.dd-app .dd-seo .tab-content,
body.dd-app .dd-seo .nav-align-top > .tab-content,
body.dd-app .dd-seo .nav-align-top > .tab-content.pt-3 {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0.75rem 0 0 !important;
}

/* Inline alerts styling */
body.dd-app .alert {
  border-radius: 14px !important;
  padding: 0.95rem 1.25rem !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  border-width: 1px !important;
  border-style: solid !important;
  margin-bottom: 1.25rem !important;
  box-shadow: 0 4px 14px rgba(26, 26, 26, 0.02) !important;
}

body.dd-app .alert-success {
  background: rgba(16, 185, 129, 0.08) !important;
  border-color: rgba(16, 185, 129, 0.24) !important;
  color: #065f46 !important;
}

body.dd-app .alert-danger {
  background: rgba(216, 84, 77, 0.08) !important;
  border-color: rgba(216, 84, 77, 0.24) !important;
  color: #991b1b !important;
}

body.dd-app .alert-primary {
  background: rgba(216, 84, 77, 0.07) !important;
  border-color: rgba(216, 84, 77, 0.2) !important;
  color: #1a1a1a !important;
}

body.dd-app .alert-info {
  background: rgba(59, 130, 246, 0.08) !important;
  border-color: rgba(59, 130, 246, 0.22) !important;
  color: #1e40af !important;
}

body.dd-app .alert-warning {
  background: rgba(245, 158, 11, 0.08) !important;
  border-color: rgba(245, 158, 11, 0.24) !important;
  color: #92400e !important;
}

body.dd-app .alert-secondary {
  background: rgba(100, 116, 139, 0.08) !important;
  border-color: rgba(100, 116, 139, 0.2) !important;
  color: #334155 !important;
}

body.dd-app .dropdown-menu {
  border-radius: 14px !important;
  padding: 0.45rem !important;
  box-shadow: 0 18px 40px rgba(26, 26, 26, 0.12) !important;
}

body.dd-app .dropdown-item,
body.dd-app .dropdown-item span,
body.dd-app .dropdown-item h6,
body.dd-app .dropdown-item small {
  font-family: "Outfit", sans-serif !important;
  letter-spacing: 0 !important;
  line-height: 1.4;
}

body.dd-app .dropdown-item {
  border-radius: 8px !important;
}

body.dd-app .content-footer {
  background: transparent !important;
  border-top: 1px solid rgba(26, 26, 26, 0.06) !important;
  color: #8a8a8a;
  font-size: 0.8rem;
}

body.dd-app .dd-footer-link {
  color: #8a8a8a;
  text-decoration: none;
  font-weight: 600;
}

body.dd-app .dd-footer-link:hover {
  color: #d8544d;
}

body.dd-app .dd-dash-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(720px 280px at 100% -35%, rgba(216, 84, 77, 0.22), transparent 58%),
    radial-gradient(420px 220px at 0% 110%, rgba(26, 26, 26, 0.04), transparent 55%),
    linear-gradient(165deg, #ffffff 0%, #faf7f4 55%, #f6f1ec 100%);
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 24px;
  box-shadow: 0 16px 40px rgba(26, 26, 26, 0.05);
  padding: 1.85rem 1.9rem 1.7rem;
}

body.dd-app .dd-dash-hero::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -40px;
  bottom: -60px;
  border-radius: 50%;
  border: 1px solid rgba(216, 84, 77, 0.16);
  pointer-events: none;
}

body.dd-app .dd-dash-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 1.75rem;
  align-items: stretch;
}

body.dd-app .dd-dash-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}

body.dd-app .dd-dash-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  width: fit-content;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  background: rgba(216, 84, 77, 0.1);
  border: 1px solid rgba(216, 84, 77, 0.14);
  color: #d8544d;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.85rem;
}

body.dd-app .dd-dash-hero h1 {
  font-size: clamp(1.7rem, 2.6vw, 2.35rem);
  letter-spacing: -0.045em;
  line-height: 1.12;
  margin-bottom: 0.55rem;
}

body.dd-app .dd-dash-hero p {
  max-width: 34rem;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #6b7280;
}

body.dd-app .dd-dash-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1.45rem;
}

body.dd-app .dd-dash-actions .btn {
  min-height: 44px;
  padding-inline: 1.15rem;
  border-radius: 12px !important;
}

body.dd-app .dd-dash-actions .btn-label-secondary {
  background: #fff !important;
  border: 1px solid rgba(26, 26, 26, 0.1) !important;
  color: #1a1a1a !important;
  box-shadow: 0 2px 8px rgba(26, 26, 26, 0.03);
}

body.dd-app .dd-dash-actions .btn-label-secondary:hover {
  border-color: rgba(216, 84, 77, 0.35) !important;
  color: #d8544d !important;
  background: #fff !important;
}

body.dd-app .dd-btn-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.15rem;
  height: 1.15rem;
  margin-left: 0.35rem;
  padding: 0 0.28rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  font-size: 0.68rem;
  font-weight: 750;
}

body.dd-app .dd-dash-spotlight {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem;
}

body.dd-app .dd-spot {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 128px;
  padding: 1.05rem 1.1rem 1rem;
  border-radius: 18px;
  border: 1px solid rgba(26, 26, 26, 0.07);
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%);
  box-shadow: 0 8px 22px rgba(26, 26, 26, 0.04);
  color: inherit;
  text-decoration: none;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
  overflow: hidden;
}

body.dd-app .dd-spot:hover {
  transform: translateY(-3px);
  border-color: rgba(216, 84, 77, 0.32);
  box-shadow: 0 16px 32px rgba(26, 26, 26, 0.08);
  color: inherit;
}

body.dd-app .dd-spot-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(216, 84, 77, 0.1);
  color: #d8544d;
  font-size: 1.05rem;
  margin-bottom: 0.85rem;
}

body.dd-app .dd-spot-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8a8a;
}

body.dd-app .dd-spot strong {
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 2rem;
  font-weight: 650;
  letter-spacing: -0.05em;
  line-height: 1;
  margin: 0.45rem 0 0.35rem;
  color: #1a1a1a;
}

body.dd-app .dd-spot-hint {
  font-size: 0.78rem;
  color: #8a8a8a;
  margin-top: auto;
}

body.dd-app .dd-spot.is-hot {
  background:
    radial-gradient(180px 120px at 100% 0%, rgba(255, 255, 255, 0.18), transparent 60%),
    linear-gradient(155deg, #e46a63 0%, #d8544d 48%, #b13a34 100%);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 16px 32px rgba(216, 84, 77, 0.32);
}

body.dd-app .dd-spot.is-hot .dd-spot-icon {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

body.dd-app .dd-spot.is-hot .dd-spot-label,
body.dd-app .dd-spot.is-hot .dd-spot-hint {
  color: rgba(255, 255, 255, 0.78);
}

body.dd-app .dd-spot.is-hot strong {
  color: #fff;
}

body.dd-app .dd-panel {
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(26, 26, 26, 0.045);
  overflow: hidden;
}

body.dd-app .dd-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.3rem 1rem;
  border-bottom: 1px solid rgba(26, 26, 26, 0.06);
  background: linear-gradient(180deg, #fff 0%, #fbfaf8 100%);
}

body.dd-app .dd-panel-kicker {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #d8544d;
  margin-bottom: 0.2rem;
}

body.dd-app .dd-panel-head h2 {
  font-family: "Elms Sans", "Outfit", sans-serif !important;
  font-size: 1.15rem;
  font-weight: 650;
  letter-spacing: -0.025em;
  margin: 0;
  color: #1a1a1a;
}

body.dd-app .dd-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
  font-weight: 650;
  color: #d8544d;
  text-decoration: none;
  white-space: nowrap;
}

body.dd-app .dd-link:hover {
  color: #c2463f;
}

body.dd-app .dd-feed {
  display: flex;
  flex-direction: column;
  padding: 0.35rem 0.45rem 0.55rem;
}

body.dd-app .dd-feed-item {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 0.9rem;
  margin: 0.15rem 0;
  border-radius: 14px;
  border-bottom: 0;
  color: inherit;
  text-decoration: none;
  transition: background 0.15s ease, transform 0.15s ease;
}

body.dd-app .dd-feed-item:hover {
  background: #faf7f4;
  color: inherit;
  transform: translateX(2px);
}

body.dd-app .dd-feed-item.is-unread {
  background: rgba(216, 84, 77, 0.06);
}

body.dd-app .dd-avatar {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(216, 84, 77, 0.12);
  color: #d8544d;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}

body.dd-app .dd-feed-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

body.dd-app .dd-feed-copy strong {
  font-size: 0.92rem;
  font-weight: 650;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.dd-app .dd-feed-copy span,
body.dd-app .dd-feed-meta {
  font-size: 0.78rem;
  color: #8a8a8a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.dd-app .dd-feed-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.15rem;
  flex-shrink: 0;
}

body.dd-app .dd-feed-meta em {
  font-style: normal;
  font-weight: 700;
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #d8544d;
  background: rgba(216, 84, 77, 0.1);
  padding: 0.18rem 0.45rem;
  border-radius: 999px;
}

body.dd-app .dd-quick {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  padding: 1.1rem 1.2rem 1.3rem;
}

body.dd-app .dd-quick a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.95rem 1rem;
  border-radius: 14px;
  border: 1px solid rgba(26, 26, 26, 0.07);
  background: linear-gradient(180deg, #ffffff 0%, #f8f6f3 100%);
  color: #1a1a1a;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.875rem;
  box-shadow: 0 4px 14px rgba(26, 26, 26, 0.03);
  transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

body.dd-app .dd-quick a:hover {
  border-color: rgba(216, 84, 77, 0.35);
  color: #d8544d;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(26, 26, 26, 0.06);
}

body.dd-app .dd-quick a i {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(216, 84, 77, 0.1);
  border: 0;
  color: #d8544d;
  flex-shrink: 0;
  font-size: 1.15rem;
}

body.dd-app .dd-rail-list {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0.7rem 0.85rem 1rem;
}

body.dd-app .dd-rail-row {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.9rem;
  min-height: 76px;
  padding: 0.55rem 0.75rem;
  border-radius: 16px;
  border: 1px solid transparent;
  color: inherit;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

body.dd-app .dd-rail-row:hover {
  background: #faf7f4;
  border-color: rgba(26, 26, 26, 0.06);
  box-shadow: 0 8px 18px rgba(26, 26, 26, 0.04);
  transform: translateY(-1px);
  color: inherit;
}

body.dd-app .dd-rail-thumb {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  object-fit: cover;
  background: #f6f5f4;
  border: 1px solid rgba(26, 26, 26, 0.06);
}

body.dd-app .dd-rail-thumb.is-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #d8544d;
  background: rgba(216, 84, 77, 0.08);
  border-color: rgba(216, 84, 77, 0.14);
}

body.dd-app .dd-rail-copy strong {
  font-size: 0.94rem;
  font-weight: 650;
}

body.dd-app .dd-rail-status {
  font-style: normal;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.28rem 0.6rem;
  border-radius: 999px;
  background: #f3f1ef;
  color: #6b7280;
}

body.dd-app .dd-rail-status.is-live {
  background: rgba(47, 125, 87, 0.12);
  color: #2f7d57;
}

body.dd-app .dd-rail-row.is-empty {
  display: none;
}

body.dd-app .dd-dash .dd-empty-card {
  padding: 2.4rem 1.25rem;
}

body.dd-app .dd-stat {
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(26, 26, 26, 0.035);
}

body.dd-app .dd-page-head h1 {
  letter-spacing: -0.035em;
}

@media (max-width: 991.98px) {
  body.dd-app .dd-dash-hero-grid {
    grid-template-columns: 1fr;
  }
}

body.dd-app .repeater-item {
  background: #fff;
  border-color: rgba(26, 26, 26, 0.08) !important;
  border-radius: 14px !important;
}

.dark-style body.dd-app,
.dark-style.dd-app {
  background: #232536 !important;
}

.dark-style body.dd-app .layout-menu.bg-menu-theme,
.dark-style.dd-app .layout-menu.bg-menu-theme {
  background: #2b2f44 !important;
}

.dark-style body.dd-app .layout-navbar.navbar-detached,
.dark-style.dd-app .layout-navbar.navbar-detached,
.dark-style body.dd-app .dd-search-trigger,
.dark-style body.dd-app .dd-top-link,
.dark-style body.dd-app .dd-icon-chip {
  background: rgba(47, 51, 73, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #eceaf4;
}

/* Media library */
.dd-media-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px;
}

.dd-media-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid var(--dd-line);
  border-radius: 8px;
  background: #fff;
  color: var(--dd-ink);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
}

.dd-media-open:hover {
  border-color: var(--dd-coral);
  color: var(--dd-coral);
}

.dd-media-preview {
  margin-bottom: 8px;
}

.dd-media-preview-img {
  display: block;
  max-height: 88px;
  max-width: 160px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid var(--dd-line);
  background: var(--dd-soft);
}

.admin-image-field-dark-preview .dd-media-preview-img {
  background: #1a1a1f !important;
  padding: 6px;
  object-fit: contain !important;
}

.dd-media-dialog {
  max-width: 1080px;
}

.dd-media-modal .modal-header {
  align-items: flex-start;
  border-bottom: 1px solid var(--dd-line);
  padding: 1.15rem 1.35rem 1rem;
}

.dd-media-modal .modal-title {
  font-family: var(--admin-heading);
  font-size: 1.35rem;
  margin: 0;
}

.dd-media-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.dd-media-tab {
  border: 1px solid var(--dd-line);
  background: #fff;
  color: var(--dd-ink);
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
}

.dd-media-tab.is-active {
  background: var(--dd-coral);
  border-color: var(--dd-coral);
  color: #fff;
}

.dd-media-pane {
  display: none;
}

.dd-media-pane.is-active {
  display: block;
}

.dd-media-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.dd-media-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.dd-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 999px;
  border: 1px solid var(--dd-line);
  background: #fff;
  color: var(--dd-ink);
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  user-select: none;
}

.dd-filter-chip:hover {
  background: var(--dd-soft);
  border-color: var(--dd-coral);
  color: var(--dd-coral);
}

.dd-filter-chip.is-active {
  background: var(--dd-coral);
  border-color: var(--dd-coral);
  color: #fff;
  box-shadow: 0 2px 6px rgba(216, 84, 77, 0.25);
}

.dd-filter-chip i {
  font-size: 15px;
}

.dd-filter-chip .chip-count {
  font-size: 11px;
  opacity: 0.8;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.06);
}

.dd-filter-chip.is-active .chip-count {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
}

.dd-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 12px;
}

.dd-media-grid-page {
  margin-top: 4px;
}

.dd-media-tile {
  display: flex;
  flex-direction: column;
  text-align: left;
  border: 1px solid var(--dd-line);
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  padding: 0;
  box-shadow: var(--dd-shadow);
}

.dd-media-tile:hover,
.dd-media-tile.is-selected {
  border-color: var(--dd-coral);
}

.dd-media-tile.is-selected {
  box-shadow: 0 0 0 3px rgba(216, 84, 77, 0.18);
}

.dd-media-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  background: var(--dd-soft);
  overflow: hidden;
}

.dd-media-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease;
}

.dd-media-thumb img[src*=".svg"],
.dd-media-thumb img[src*="/tech/"],
.dd-media-thumb img[src*="/icon/"],
.dd-media-thumb img[src*="/logo/"],
.dd-media-thumb img[src*="/brand/"] {
  object-fit: contain;
  padding: 12px;
}

.dd-media-tile:hover .dd-media-thumb img {
  transform: scale(1.05);
}

.dd-media-name,
.dd-media-meta {
  display: block;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dd-media-name {
  padding-top: 8px;
  font-size: 13px;
  color: var(--dd-ink);
}

.dd-media-meta {
  padding-bottom: 10px;
  font-size: 11px;
  color: var(--dd-muted);
}

.dd-media-empty {
  padding: 48px 16px;
  text-align: center;
  color: var(--dd-muted);
}

.dd-media-drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 240px;
  border: 1.5px dashed rgba(216, 84, 77, 0.45);
  border-radius: 16px;
  background: var(--dd-cream);
  cursor: pointer;
  text-align: center;
  padding: 32px;
}

.dd-media-drop.is-drag,
.dd-media-drop:hover {
  border-color: var(--dd-coral);
  background: #fff;
}

.dd-media-drop i {
  font-size: 32px;
  color: var(--dd-coral);
}

.dd-media-drop span {
  color: var(--dd-muted);
  font-size: 13px;
  max-width: 360px;
}

.dd-media-selected {
  margin-right: auto;
  color: var(--dd-muted);
  font-size: 13px;
}

.dd-media-modal .modal-footer {
  border-top: 1px solid var(--dd-line);
}

.dd-media-modal-footer {
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}

.dd-media-footer-edit {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 8px;
  align-items: center;
}

.dd-media-footer-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dd-media-alt {
  display: block;
  padding: 0 10px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: var(--dd-coral);
}

.dd-media-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 24px;
  align-items: start;
}

.dd-media-inspector {
  position: sticky;
  top: 88px;
  border: 1px solid var(--dd-line);
  border-radius: 16px;
  padding: 16px;
  background: #fff;
  box-shadow: var(--dd-shadow);
}

.dd-media-inspector img {
  display: block;
  width: 100%;
  max-height: 180px;
  object-fit: contain;
  border-radius: 10px;
  background: var(--dd-soft);
}

.dd-media-inspector-name {
  margin-top: 10px;
  font-size: 13px;
  word-break: break-all;
  color: var(--dd-ink);
}

@media (max-width: 991px) {
  .dd-media-workspace {
    grid-template-columns: 1fr;
  }

  .dd-media-inspector {
    position: static;
  }

  .dd-media-footer-edit {
    grid-template-columns: 1fr;
  }
}

/* Dashboard rails — recent posts / projects */
.dd-dash .row > [class*="col-"] {
  display: flex;
}

.dd-dash .row > [class*="col-"] > .dd-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.dd-dash .dd-feed,
.dd-dash .dd-quick,
.dd-rail-list {
  flex: 1 1 auto;
}

.dd-rail-list {
  display: flex;
  flex-direction: column;
  padding: 0.45rem 0.55rem 0.65rem;
  gap: 0.35rem;
}

.dd-rail-row {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.85rem;
  min-height: 72px;
  padding: 0.45rem 0.7rem;
  border-radius: 14px;
  color: inherit;
  text-decoration: none;
  transition: background 0.15s ease, transform 0.15s ease;
}

.dd-rail-row:hover {
  background: #faf7f4;
  color: inherit;
}

.dd-rail-thumb {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  object-fit: cover;
  background: var(--dd-soft);
  border: 1px solid var(--dd-line);
}

.dd-rail-thumb.is-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--dd-coral);
  background: rgba(216, 84, 77, 0.08);
  border-color: rgba(216, 84, 77, 0.14);
}

.dd-rail-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.dd-rail-copy strong {
  font-size: 0.92rem;
  font-weight: 650;
  color: var(--dd-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dd-rail-copy span {
  font-size: 0.75rem;
  color: var(--dd-muted);
}

.dd-rail-status {
  font-style: normal;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  background: var(--dd-soft);
  color: var(--dd-muted);
  flex-shrink: 0;
}

.dd-rail-status.is-live {
  background: rgba(216, 84, 77, 0.1);
  color: var(--dd-coral);
}

.dd-rail-row.is-empty {
  opacity: 0.42;
  pointer-events: none;
}

.dd-schema-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
  max-height: 420px;
  overflow: auto;
  padding-right: 0.15rem;
}

.dd-schema-card {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  text-align: left;
  background: #fff;
  border: 1px solid rgba(26, 26, 26, 0.1);
  border-radius: 10px;
  padding: 0.7rem 0.8rem;
  color: #1a1a1a;
}

.dd-schema-card:hover,
.dd-schema-card.is-suggested {
  border-color: #d8544d;
}

.dd-schema-radio {
  width: 16px;
  height: 16px;
  border: 2px solid #c5c5c5;
  border-radius: 50%;
  flex-shrink: 0;
}

.dd-schema-card.is-suggested .dd-schema-radio {
  border-color: #d8544d;
  box-shadow: inset 0 0 0 4px #d8544d;
}

.dd-schema-card > .ti {
  font-size: 1.15rem;
  color: #6b7280;
}

.dd-schema-card-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}

.dd-schema-card-copy strong {
  font-size: 0.9rem;
}

.dd-schema-card-copy small {
  color: #6b7280;
  font-size: 0.72rem;
}

.dd-schema-use {
  font-size: 0.78rem;
  font-weight: 650;
  color: #d8544d;
  white-space: nowrap;
}

.dd-schema-pills .nav-link {
  font-size: 0.8rem;
}

.dd-schema-current {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 700;
}

.dd-schema-fields {
  border-left: 2px solid rgba(26, 26, 26, 0.1);
  padding-left: 1rem;
}

.dd-schema-field {
  position: relative;
  padding: 0 0 1rem 0.25rem;
}

.dd-schema-field:before {
  content: "";
  position: absolute;
  left: -1.05rem;
  top: 0.7rem;
  width: 0.85rem;
  height: 1px;
  background: rgba(26, 26, 26, 0.12);
}

.dd-schema-field-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 0.35rem;
}

.dd-schema-tokens {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.4rem;
}

.dd-schema-token {
  border: 1px dashed rgba(216, 84, 77, 0.35);
  background: rgba(216, 84, 77, 0.06);
  color: #d8544d;
  border-radius: 999px;
  font-size: 0.7rem;
  padding: 0.12rem 0.45rem;
}

.dd-schema-radios {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  padding-top: 0.2rem;
}

.dd-schema-radios label {
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.dd-schema-preview {
  background: #1a1a1a;
  color: #f3f3f3;
  border-radius: 10px;
  padding: 1rem;
  font-size: 0.78rem;
  max-height: 360px;
  overflow: auto;
  white-space: pre-wrap;
}

@media (max-width: 767.98px) {
  .dd-schema-grid {
    grid-template-columns: 1fr;
  }
}

/* ========== Brand lock — dashboard only (login uses body.dd-auth) ========== */
body.dd-app {
  --bs-primary: #d8544d;
  --bs-primary-rgb: 216, 84, 77;
  --bs-primary-text-emphasis: #9b2c28;
  --bs-primary-bg-subtle: #f8e8e6;
  --bs-primary-border-subtle: #ecc4c1;
  --bs-link-color: #d8544d;
  --bs-link-color-rgb: 216, 84, 77;
  --bs-link-hover-color: #c2463f;
  --bs-link-hover-color-rgb: 194, 70, 63;
  --bs-info: #8a6a65;
  --bs-info-rgb: 138, 106, 101;
  --bs-info-bg-subtle: #f4e0e0;
  --bs-info-border-subtle: #e2c9c9;
  --bs-focus-ring-color: rgba(216, 84, 77, 0.35);
  --bs-nav-link-color: #6b7280;
  --bs-nav-link-hover-color: #d8544d;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #d8544d;
  accent-color: #d8544d;
}

body.dd-app ::selection {
  background: rgba(216, 84, 77, 0.22);
  color: #1a1a1a;
}

body.dd-app .card a:not(.btn):not(.nav-link):not(.dropdown-item):not(.badge),
body.dd-app .dd-detail a,
body.dd-app .dd-dl a,
body.dd-app .table a:not(.btn):not(.dropdown-item) {
  color: #d8544d;
}

body.dd-app .card a:not(.btn):not(.nav-link):not(.dropdown-item):hover,
body.dd-app .dd-detail a:hover,
body.dd-app .dd-dl a:hover,
body.dd-app .table a:not(.btn):not(.dropdown-item):hover {
  color: #c2463f;
}

body.dd-app .text-primary,
body.dd-app .link-primary {
  color: #d8544d !important;
}

body.dd-app a.text-primary:hover,
body.dd-app .link-primary:hover,
body.dd-app .text-body[href]:hover,
body.dd-app .text-heading[href]:hover {
  color: #c2463f !important;
}

body.dd-app .bg-primary {
  background-color: #d8544d !important;
}

body.dd-app .bg-label-primary,
body.dd-app .bg-label-hover-primary {
  background-color: rgba(216, 84, 77, 0.12) !important;
  color: #d8544d !important;
}

body.dd-app .bg-label-hover-primary:hover {
  background-color: #d8544d !important;
  color: #fff !important;
}

body.dd-app .bg-gradient-primary {
  background-image: linear-gradient(45deg, #d8544d, #e88984) !important;
}

body.dd-app .bg-label-info,
body.dd-app .badge.bg-label-info {
  background-color: #f4e0e0 !important;
  color: #8a6a65 !important;
}

body.dd-app .text-info,
body.dd-app .link-info {
  color: #8a6a65 !important;
}

body.dd-app .btn-info,
body.dd-app .btn-info:hover,
body.dd-app .btn-info:focus,
body.dd-app .btn-info:active {
  background-color: #d8544d !important;
  border-color: #d8544d !important;
  color: #fff !important;
}

body.dd-app .bg-info {
  background-color: #d8544d !important;
}

/* Buttons */
body.dd-app .btn-primary {
  color: #fff !important;
  background-color: #d8544d !important;
  border-color: #d8544d !important;
  box-shadow: 0 10px 22px rgba(216, 84, 77, 0.22) !important;
}

body.dd-app .btn-primary:hover,
body.dd-app .btn-primary:focus,
body.dd-app .btn-primary:active,
body.dd-app .btn-primary.active,
body.dd-app .show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #c2463f !important;
  border-color: #c2463f !important;
}

body.dd-app .btn-outline-primary,
body.dd-app .btn-outline-primary:hover,
body.dd-app .btn-outline-primary:focus,
body.dd-app .btn-outline-primary:active {
  color: #d8544d !important;
  border-color: #d8544d !important;
}

body.dd-app .btn-outline-primary:hover,
body.dd-app .btn-outline-primary:focus,
body.dd-app .btn-outline-primary:active {
  background-color: rgba(216, 84, 77, 0.1) !important;
}

body.dd-app .btn-label-primary {
  background-color: rgba(216, 84, 77, 0.12) !important;
  color: #d8544d !important;
  box-shadow: none !important;
}

body.dd-app .btn-label-primary:hover,
body.dd-app .btn-label-primary:focus,
body.dd-app .btn-label-primary:active {
  background-color: #d8544d !important;
  color: #fff !important;
}

body.dd-app .dropdown-menu .btn-dark {
  background: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #fff !important;
  justify-content: center;
}

body.dd-app .dropdown-menu .btn-dark:hover {
  background: #d8544d !important;
  border-color: #d8544d !important;
}

/* Sidebar — kill Vuexy purple gradient */
body.dd-app .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
body.dd-app .layout-menu.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #d8544d !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(216, 84, 77, 0.28) !important;
}

body.dd-app .layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active:before {
  background: #d8544d !important;
  display: none !important;
}

body.dd-app .bg-menu-theme .menu-item.active > .menu-link {
  color: inherit;
}

body.dd-app .menu-inner > .menu-item > .menu-link:focus-visible,
body.dd-app .layout-menu-toggle:focus-visible {
  outline: 2px solid #d8544d;
  outline-offset: 2px;
}

/* Forms */
body.dd-app .form-control:focus,
body.dd-app .form-select:focus,
body.dd-app .input-group:focus-within .form-control,
body.dd-app .input-group:focus-within .input-group-text,
body.dd-app .form-control:focus ~ .form-label {
  border-color: #d8544d !important;
}

body.dd-app .form-control:focus,
body.dd-app .form-select:focus {
  box-shadow: 0 0 0 4px rgba(216, 84, 77, 0.14) !important;
}

body.dd-app .form-check-input:focus {
  border-color: #d8544d;
  box-shadow: 0 0 0 0.2rem rgba(216, 84, 77, 0.18);
}

body.dd-app .form-check-input:checked,
body.dd-app .form-check-input[type="checkbox"]:indeterminate {
  background-color: #d8544d !important;
  border-color: #d8544d !important;
  box-shadow: 0 2px 6px rgba(216, 84, 77, 0.28);
}

body.dd-app .form-switch .form-check-input:checked {
  background-color: #d8544d !important;
  border-color: #d8544d !important;
}

body.dd-app .switch-input:checked ~ .switch-toggle-slider,
body.dd-app .switch-primary.switch .switch-input:checked ~ .switch-toggle-slider {
  background: #d8544d !important;
  box-shadow: 0 2px 6px rgba(216, 84, 77, 0.28);
}

body.dd-app .custom-option.checked {
  border-color: #d8544d !important;
}

body.dd-app .was-validated .form-control:valid:focus,
body.dd-app .form-control.is-valid:focus,
body.dd-app .was-validated .form-select:valid:focus,
body.dd-app .form-select.is-valid:focus {
  border-color: #d8544d !important;
  box-shadow: 0 0 0 4px rgba(216, 84, 77, 0.14) !important;
}

/* Pagination */
body.dd-app .page-item .page-link,
body.dd-app .pagination li > a:not(.page-link) {
  color: #1a1a1a;
  border-radius: 10px !important;
  border-color: rgba(26, 26, 26, 0.08);
  min-width: 38px;
  text-align: center;
}

body.dd-app .page-item .page-link:hover,
body.dd-app .page-item .page-link:focus,
body.dd-app .pagination li > a:not(.page-link):hover,
body.dd-app .pagination li > a:not(.page-link):focus {
  background-color: rgba(216, 84, 77, 0.1) !important;
  color: #d8544d !important;
  border-color: rgba(216, 84, 77, 0.28) !important;
}

body.dd-app .page-item.active .page-link,
body.dd-app .page-item.active .page-link:hover,
body.dd-app .page-item.active .page-link:focus,
body.dd-app .pagination li.active > a:not(.page-link),
body.dd-app .pagination-outline-primary .page-item.active .page-link {
  background-color: #d8544d !important;
  border-color: #d8544d !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(216, 84, 77, 0.22);
}

body.dd-app .dd-pager .pagination {
  gap: 0.2rem;
  margin: 0;
}

/* Tabs / pills / dropdowns */
body.dd-app .nav-pills .nav-link.active,
body.dd-app .nav-pills .nav-link.active:hover,
body.dd-app .nav-pills .nav-link.active:focus {
  background-color: #d8544d !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(216, 84, 77, 0.22);
}

body.dd-app .nav-tabs .nav-link.active,
body.dd-app .nav-tabs .nav-link.active:hover,
body.dd-app .nav-tabs .nav-link.active:focus {
  box-shadow: 0 -2px 0 #d8544d inset;
  color: #d8544d;
}

body.dd-app .dropdown-item.active,
body.dd-app .dropdown-item:active,
body.dd-app .dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active,
body.dd-app .dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) {
  background-color: rgba(216, 84, 77, 0.1) !important;
  color: #d8544d !important;
}

body.dd-app .dropdown-item:hover,
body.dd-app .dropdown-item:focus {
  background: #faf7f4 !important;
  color: #1a1a1a !important;
}

body.dd-app .dropdown-item.text-danger:hover {
  background: rgba(216, 84, 77, 0.08) !important;
  color: #d8544d !important;
}

/* Cards / tables / lists / alerts */
body.dd-app .list-group-item-primary,
body.dd-app a.list-group-item-primary,
body.dd-app .list-group-item.active {
  background-color: rgba(216, 84, 77, 0.1) !important;
  border-color: rgba(216, 84, 77, 0.28) !important;
  color: #d8544d !important;
}

body.dd-app .alert-primary,
body.dd-app .alert-outline-primary {
  background-color: rgba(216, 84, 77, 0.1);
  border-color: rgba(216, 84, 77, 0.22);
  color: #9b2c28;
}

body.dd-app .progress-bar {
  background-color: #d8544d !important;
  box-shadow: 0 0.125rem 0.375rem rgba(216, 84, 77, 0.28);
}

body.dd-app .table-primary {
  --bs-table-bg: #f8e8e6;
  --bs-table-hover-bg: #f4e0e0;
  --bs-table-border-color: #ecc4c1;
}

body.dd-app .accordion-button:not(.collapsed) {
  color: #d8544d;
  background-color: rgba(216, 84, 77, 0.08);
  box-shadow: inset 0 -1px 0 rgba(216, 84, 77, 0.16);
}

body.dd-app .accordion-button:focus {
  border-color: #d8544d;
  box-shadow: 0 0 0 0.2rem rgba(216, 84, 77, 0.16);
}

body.dd-app .form-range::-webkit-slider-thumb {
  background-color: #d8544d;
}

body.dd-app .form-range::-moz-range-thumb {
  background-color: #d8544d;
}

/* Modals */
body.dd-app .modal-header .btn-close:hover {
  opacity: 1;
}

body.dd-app .modal-content {
  overflow: hidden;
}

body.dd-app .offcanvas {
  border-radius: 18px 0 0 18px;
}

/* Tables: keep action menus visible */
body.dd-app .card > .table-responsive,
body.dd-app .card .table-responsive {
  overflow: visible;
}

body.dd-app .table td .dropdown-menu {
  z-index: 1080;
}

/* =========================================================
   MODERN DASHBOARD TOAST NOTIFICATIONS (TOASTR REDESIGN)
========================================================= */
#toast-container {
  z-index: 999999 !important;
}

body.dd-app #toast-container.toast-top-right,
body.dd-app #toast-container.toast-bottom-right {
  top: auto !important;
  bottom: 24px !important;
  right: 24px !important;
  left: auto !important;
}

html:not(.dd-app) #toast-container,
body.dd-auth #toast-container {
  top: 24px !important;
  right: 24px !important;
}

body.dd-app #toast-container > div,
#toast-container > div {
  opacity: 1 !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  border-radius: 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 16px 36px -4px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
  padding: 1rem 1.25rem 1rem 3.5rem !important;
  width: 380px !important;
  max-width: calc(100vw - 48px) !important;
  min-height: 64px !important;
  position: relative !important;
  overflow: hidden !important;
  backdrop-filter: blur(12px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  font-family: var(--admin-font, "Outfit", sans-serif) !important;
  margin-bottom: 12px !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.dd-app #toast-container > div:hover,
#toast-container > div:hover {
  box-shadow: 0 20px 44px -4px rgba(15, 23, 42, 0.16), 0 6px 16px rgba(15, 23, 42, 0.06) !important;
  transform: translateY(-2px);
}

/* Clear default low-res background image sprites */
#toast-container > .toast-success,
#toast-container > .toast-error,
#toast-container > .toast-info,
#toast-container > .toast-warning {
  background-image: none !important;
}

/* Modern Circular Icon Badges using SVG */
#toast-container > div::before {
  content: "";
  position: absolute;
  left: 1.1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  flex-shrink: 0;
}

/* Success Toast */
#toast-container > .toast-success::before {
  background-color: rgba(16, 185, 129, 0.12);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2.5' stroke='%2310b981'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5' /%3E%3C/svg%3E");
  border: 1px solid rgba(16, 185, 129, 0.2);
}

/* Error Toast */
#toast-container > .toast-error::before {
  background-color: rgba(216, 84, 77, 0.12);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2.5' stroke='%23d8544d'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12' /%3E%3C/svg%3E");
  border: 1px solid rgba(216, 84, 77, 0.2);
}

/* Info Toast */
#toast-container > .toast-info::before {
  background-color: rgba(59, 130, 246, 0.12);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2.5' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z' /%3E%3C/svg%3E");
  border: 1px solid rgba(59, 130, 246, 0.2);
}

/* Warning Toast */
#toast-container > .toast-warning::before {
  background-color: rgba(245, 158, 11, 0.12);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2.5' stroke='%23f59e0b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z' /%3E%3C/svg%3E");
  border: 1px solid rgba(245, 158, 11, 0.2);
}

/* Toast Title & Message Typography */
#toast-container .toast-title {
  font-family: var(--admin-heading, "Elms Sans", "Outfit", sans-serif) !important;
  font-weight: 700 !important;
  font-size: 0.925rem !important;
  color: #0f172a !important;
  margin-bottom: 0.15rem !important;
  line-height: 1.3 !important;
  letter-spacing: -0.015em !important;
}

#toast-container .toast-message {
  font-family: var(--admin-font, "Outfit", sans-serif) !important;
  font-size: 0.84rem !important;
  color: #475569 !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

/* Close Button */
#toast-container .toast-close-button {
  top: 10px !important;
  right: 12px !important;
  font-size: 1.25rem !important;
  color: #94a3b8 !important;
  text-shadow: none !important;
  opacity: 0.7 !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  transition: all 0.15s ease !important;
}

#toast-container .toast-close-button:hover {
  opacity: 1 !important;
  color: #0f172a !important;
  background-color: rgba(15, 23, 42, 0.05) !important;
}

/* Progress Bars */
#toast-container .toast-progress {
  bottom: 0 !important;
  left: 0 !important;
  height: 3px !important;
  opacity: 0.9 !important;
  border-radius: 0 0 16px 16px !important;
}

#toast-container > .toast-success .toast-progress {
  background: linear-gradient(90deg, #10b981, #059669) !important;
}

#toast-container > .toast-error .toast-progress {
  background: linear-gradient(90deg, #d8544d, #b91c1c) !important;
}

#toast-container > .toast-info .toast-progress {
  background: linear-gradient(90deg, #3b82f6, #2563eb) !important;
}

#toast-container > .toast-warning .toast-progress {
  background: linear-gradient(90deg, #f59e0b, #d97706) !important;
}

/* SweetAlert2 Modernization */
body.dd-app .swal2-container {
  backdrop-filter: blur(5px) !important;
  background: rgba(15, 23, 42, 0.45) !important;
}

body.dd-app .swal2-popup {
  border-radius: 20px !important;
  padding: 1.75rem 1.75rem 1.5rem !important;
  box-shadow: 0 24px 60px -8px rgba(15, 23, 42, 0.2), 0 8px 24px rgba(15, 23, 42, 0.08) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  background: #ffffff !important;
  font-family: var(--admin-font, "Outfit", sans-serif) !important;
}

body.dd-app .swal2-title {
  font-family: var(--admin-heading, "Elms Sans", "Outfit", sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 0.5rem !important;
}

body.dd-app .swal2-html-container {
  font-family: var(--admin-font, "Outfit", sans-serif) !important;
  font-size: 0.9rem !important;
  color: #475569 !important;
  line-height: 1.55 !important;
}

body.dd-app .swal2-icon {
  margin: 0.5rem auto 1rem !important;
  scale: 0.95;
}

body.dd-app .swal2-icon.swal2-info {
  border-color: #d8544d !important;
  color: #d8544d !important;
}

body.dd-app .swal2-styled.swal2-confirm,
body.dd-app .swal2-actions .btn-primary {
  background-color: #d8544d !important;
  border-color: #d8544d !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  padding: 0.6rem 1.4rem !important;
  box-shadow: 0 4px 12px rgba(216, 84, 77, 0.28) !important;
}

body.dd-app .swal2-actions .btn-label-secondary {
  border-radius: 10px !important;
  font-weight: 600 !important;
  padding: 0.6rem 1.4rem !important;
}

/* TinyMCE / Select2 */
body.dd-app .tox .tox-tbtn--enabled,
body.dd-app .tox .tox-tbtn:hover {
  background: rgba(216, 84, 77, 0.12) !important;
}

body.dd-app .tox .tox-tbtn--enabled svg,
body.dd-app .tox .tox-tbtn:hover svg {
  fill: #d8544d !important;
}

body.dd-app .tox .tox-collection__item--active,
body.dd-app .tox .tox-collection__item--enabled {
  background: rgba(216, 84, 77, 0.1) !important;
}

body.dd-app .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary) {
  background: #d8544d !important;
  border-color: #d8544d !important;
}

body.dd-app .tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):hover {
  background: #c2463f !important;
  border-color: #c2463f !important;
}

body.dd-app .select2-container--default .select2-results__option--highlighted[aria-selected],
body.dd-app .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #d8544d !important;
  color: #fff !important;
}

body.dd-app .select2-container--default.select2-container--focus .select2-selection--single,
body.dd-app .select2-container--default.select2-container--focus .select2-selection--multiple,
body.dd-app .select2-container--default .select2-selection--single:focus {
  border-color: #d8544d !important;
  box-shadow: 0 0 0 4px rgba(216, 84, 77, 0.14);
}

body.dd-app .select2-dropdown {
  border-color: rgba(216, 84, 77, 0.35) !important;
  border-radius: 12px !important;
}

/* Date pickers */
body.dd-app .flatpickr-day.today,
body.dd-app .flatpickr-day.today:hover {
  color: #d8544d !important;
  border-color: rgba(216, 84, 77, 0.22);
  background-color: rgba(216, 84, 77, 0.1) !important;
}

body.dd-app .flatpickr-day.inRange,
body.dd-app .flatpickr-day.nextMonthDay.inRange,
body.dd-app .flatpickr-day.prevMonthDay.inRange {
  color: #d8544d !important;
  background: rgba(216, 84, 77, 0.1) !important;
  border-color: rgba(216, 84, 77, 0.1) !important;
}

body.dd-app .flatpickr-day.selected,
body.dd-app .flatpickr-day.selected:focus,
body.dd-app .flatpickr-day.selected:hover,
body.dd-app .flatpickr-day.startRange,
body.dd-app .flatpickr-day.endRange {
  color: #fff !important;
  background: #d8544d !important;
  border-color: #d8544d !important;
  box-shadow: 0 0.125rem 0.375rem rgba(216, 84, 77, 0.28);
}

body.dd-app .datepicker table tr td.today:not(.active),
body.dd-app .datepicker table tr td.active,
body.dd-app .daterangepicker td.active:not(.off) {
  color: #fff !important;
  background-color: #d8544d !important;
}

/* Form page toolbars */
body.dd-app .container-xxl h4.mb-0 {
  font-family: "Elms Sans", "Outfit", sans-serif !important;
  letter-spacing: -0.03em;
  font-weight: 650;
  color: #1a1a1a;
}

body.dd-app .container-xxl > .row .d-flex.justify-content-between.align-items-center.mb-4 {
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* Search overlay */
body.dd-app .search-input-wrapper .search-input:focus {
  box-shadow: none !important;
  border-color: transparent !important;
}

body.dd-app .twitter-typeahead .tt-suggestion:hover,
body.dd-app .twitter-typeahead .tt-suggestion.tt-cursor {
  background: rgba(216, 84, 77, 0.1) !important;
  color: #d8544d !important;
}

/* Waves / leftover Vuexy purple */
body.dd-app .waves-effect .waves-ripple {
  background: radial-gradient(rgba(216, 84, 77, 0.2) 0, rgba(216, 84, 77, 0.28) 40%, rgba(216, 84, 77, 0) 70%) !important;
}

body.dd-app .timeline .timeline-point-primary,
body.dd-app .list-group.list-group-timeline .list-group-timeline-primary:before {
  background-color: #d8544d !important;
  border-color: #d8544d !important;
}

body.dd-app .carousel-control-prev,
body.dd-app .carousel-control-next {
  color: #d8544d !important;
}

/* Navbar chips + search */
body.dd-app .dd-search-trigger:hover,
body.dd-app .dd-search-trigger:focus-visible {
  border-color: rgba(216, 84, 77, 0.4);
  color: #1a1a1a;
}

body.dd-app .dd-nav-user:hover {
  border-color: rgba(216, 84, 77, 0.35);
}

body.dd-app .avatar.avatar-online:after {
  background-color: #2f7d57 !important;
  box-shadow: 0 0 0 2px #fff;
}

/* Settings / media / schema already branded — tighten hover */
body.dd-app .dd-settings-tab:focus-visible,
body.dd-app .dd-media-tab:focus-visible {
  outline: 2px solid #d8544d;
  outline-offset: 2px;
}

body.dd-app .dd-schema-pills .nav-link.active {
  background: #d8544d !important;
  color: #fff !important;
}

/* Responsive shell */
@media (max-width: 1199.98px) {
  body.dd-app .layout-navbar.navbar-detached {
    margin-inline: 0.85rem !important;
  }
}

@media (max-width: 767.98px) {
  body.dd-app .dd-page-head {
    flex-direction: column;
    align-items: stretch;
  }

  body.dd-app .dd-page-head > .btn,
  body.dd-app .dd-page-head > a.btn,
  body.dd-app .dd-page-head > div.d-flex {
    width: 100%;
  }

  body.dd-app .dd-seg {
    width: 100%;
    display: flex;
  }

  body.dd-app .dd-seg a {
    flex: 1;
    justify-content: center;
  }

  body.dd-app .dd-toolbar {
    align-items: stretch;
  }

  body.dd-app .dd-toolbar .btn {
    width: auto;
  }

  body.dd-app .dd-dash-spotlight {
    grid-template-columns: 1fr;
  }

  body.dd-app .dd-nav-user {
    padding-right: 0.2rem;
  }

  body.dd-app .container-p-y {
    padding-top: 1.15rem !important;
    padding-bottom: 1.6rem !important;
  }

  body.dd-app .table-responsive,
  body.dd-app .card > .table-responsive,
  body.dd-app .card .table-responsive {
    overflow-x: auto;
  }
}

@media (max-width: 575.98px) {
  body.dd-app .layout-navbar.navbar-detached {
    border-radius: 14px !important;
    min-height: 60px;
    padding-inline: 0.55rem !important;
  }

  body.dd-app .dd-search-trigger span,
  body.dd-app .dd-search-trigger kbd {
    display: none;
  }

  body.dd-app .dd-search-trigger {
    width: 42px;
    padding: 0;
    justify-content: center;
  }

  body.dd-app .card-header,
  body.dd-app .card-body {
    padding-inline: 1rem !important;
  }
}

/* ========== Premium card listings ========== */
body.dd-app .dd-page-head {
  margin-bottom: 1.5rem;
  padding: 1.25rem 1.4rem;
  border-radius: 20px;
  border: 1px solid rgba(26, 26, 26, 0.07);
  background:
    radial-gradient(520px 180px at 100% -40%, rgba(216, 84, 77, 0.14), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #faf7f4 100%);
  box-shadow: 0 10px 28px rgba(26, 26, 26, 0.035);
}

body.dd-app .dd-page-head h1 {
  font-size: clamp(1.55rem, 2.2vw, 2rem);
}

body.dd-app .dd-toolbar {
  padding: 0.85rem 1rem;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(26, 26, 26, 0.03);
  margin-bottom: 1.15rem;
}

body.dd-app .dd-seg {
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(26, 26, 26, 0.03);
}

body.dd-app .dd-inbox {
  border-radius: 20px;
  box-shadow: 0 12px 32px rgba(26, 26, 26, 0.045);
}

body.dd-app .dd-inbox-item {
  transition: background 0.15s ease;
}

body.dd-app .dd-inbox-item:hover .dd-inbox-main {
  background: #faf7f4;
}

body.dd-app .dd-shell {
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(26, 26, 26, 0.045);
  overflow: visible;
}

body.dd-app .dd-shell-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(26, 26, 26, 0.06);
  background: linear-gradient(180deg, #fff 0%, #fbfaf8 100%);
}

body.dd-app .dd-shell-head h2 {
  margin: 0;
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 1rem;
  font-weight: 650;
  letter-spacing: -0.02em;
}

body.dd-app .dd-shell-foot {
  padding: 1rem 1.25rem;
  border-top: 1px solid rgba(26, 26, 26, 0.06);
  background: #fbfaf8;
}

body.dd-app .dd-card-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
}

body.dd-app .dd-card-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 1rem;
  padding: 0.95rem 1.05rem;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(26, 26, 26, 0.03);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.dd-app .dd-card-row:hover {
  border-color: rgba(216, 84, 77, 0.28);
  box-shadow: 0 12px 28px rgba(26, 26, 26, 0.07);
  transform: translateY(-1px);
}

body.dd-app .dd-card-row.is-inactive {
  opacity: 0.72;
}

body.dd-app .dd-card-media {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  overflow: hidden;
  background: #f6f5f4;
  border: 1px solid rgba(26, 26, 26, 0.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

body.dd-app .dd-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 !important;
}

body.dd-app .dd-card-media.is-logo {
  background: #fff;
  padding: 8px;
}

body.dd-app .dd-card-media.is-logo img {
  object-fit: contain;
}

body.dd-app .dd-card-media.is-avatar {
  border-radius: 50%;
}

body.dd-app .dd-card-media.is-avatar img {
  border-radius: 50% !important;
}

body.dd-app .dd-card-media.is-mark {
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #d8544d;
  background: rgba(216, 84, 77, 0.08);
  border-color: rgba(216, 84, 77, 0.14);
}

body.dd-app .dd-card-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

body.dd-app .dd-card-title {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 650;
  color: #1a1a1a;
  letter-spacing: -0.015em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.dd-app .dd-card-title a {
  color: inherit !important;
  text-decoration: none;
}

body.dd-app .dd-card-title a:hover {
  color: #d8544d !important;
}

body.dd-app .dd-card-sub {
  margin: 0;
  font-size: 0.78rem;
  color: #8a8a8a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.dd-app .dd-card-sub a {
  color: #d8544d !important;
  text-decoration: none;
}

body.dd-app .dd-card-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.15rem;
}

body.dd-app .dd-card-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.4rem;
  flex-shrink: 0;
}

body.dd-app .dd-card-actions {
  flex-shrink: 0;
}

body.dd-app .dd-card-actions .dropdown-toggle.hide-arrow,
body.dd-app .dd-card-row .dropdown-toggle.hide-arrow,
body.dd-app .dd-grid-card .dropdown-toggle.hide-arrow,
body.dd-app .dd-page-tile .dropdown-toggle.hide-arrow {
  width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0 !important;
  border-radius: 11px !important;
  background: #f6f5f4;
  border: 1px solid rgba(26, 26, 26, 0.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1a1a1a;
}

body.dd-app .dd-card-actions .dropdown-toggle.hide-arrow:hover,
body.dd-app .dd-card-row .dropdown-toggle.hide-arrow:hover,
body.dd-app .dd-grid-card .dropdown-toggle.hide-arrow:hover {
  background: #eeeae6;
  color: #d8544d;
  border-color: rgba(216, 84, 77, 0.25);
}

body.dd-app .dd-status {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.dd-app .dd-status.is-live,
body.dd-app .dd-status.is-active {
  background: rgba(47, 125, 87, 0.12);
  color: #2f7d57;
}

body.dd-app .dd-status.is-draft,
body.dd-app .dd-status.is-muted {
  background: #f3f1ef;
  color: #6b7280;
}

body.dd-app .dd-status.is-info {
  background: #f4e0e0;
  color: #8a6a65;
}

body.dd-app .dd-status.is-warn {
  background: rgba(255, 159, 67, 0.14);
  color: #b76a12;
}

body.dd-app .dd-empty-card {
  padding: 3rem 1.5rem;
  text-align: center;
  color: #8a8a8a;
}

body.dd-app .dd-empty-card i {
  font-size: 2rem;
  color: #d8544d;
  opacity: 0.55;
  display: block;
  margin-bottom: 0.75rem;
}

body.dd-app .dd-empty-card h3 {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
  color: #1a1a1a;
  font-family: "Elms Sans", "Outfit", sans-serif;
}

body.dd-app .dd-empty-card p {
  margin: 0;
  font-size: 0.9rem;
}

body.dd-app .dd-shell .svc-tabs {
  margin: 0;
}

body.dd-app .dd-shell > .card-body.border-bottom {
  border-bottom-color: rgba(26, 26, 26, 0.06) !important;
  padding: 1.1rem 1.2rem !important;
  background: #fbfaf8;
}

body.dd-app .dd-id-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 1.35rem;
  padding: 0 0.45rem;
  border-radius: 999px;
  background: rgba(26, 26, 26, 0.06);
  color: #6b7280;
  font-size: 0.68rem;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  body.dd-app .dd-page-head {
    padding: 1.05rem 1.1rem;
  }

  body.dd-app .dd-card-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
      "media body actions"
      "media side actions";
    gap: 0.65rem 0.85rem;
  }

  body.dd-app .dd-card-media { grid-area: media; width: 56px; height: 56px; }
  body.dd-app .dd-card-body { grid-area: body; }
  body.dd-app .dd-card-side {
    grid-area: side;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
  body.dd-app .dd-card-actions { grid-area: actions; align-self: start; }
}


/* ========== Premium content editors ========== */
body.dd-app .dd-editor,
body.dd-app .card:has(.nav-align-left),
body.dd-app .card:has(.nav-align-top.mb-4),
body.dd-app .card:has(form .nav-align-top) {
  border: 1px solid rgba(26, 26, 26, 0.07) !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 36px rgba(26, 26, 26, 0.045) !important;
  overflow: visible !important;
  background: #fff !important;
}

body.dd-app .dd-editor > .card-body {
  padding: 1.35rem 1.4rem 1.5rem !important;
}

body.dd-app .dd-editor .alert-primary {
  border: 1px solid rgba(216, 84, 77, 0.18) !important;
  background: rgba(216, 84, 77, 0.07) !important;
  color: #1a1a1a !important;
  border-radius: 14px !important;
}

body.dd-app .dd-editor .btn-label-primary {
  background: rgba(216, 84, 77, 0.1) !important;
  color: #d8544d !important;
}

body.dd-app .card:has(.nav-align-left) > .card-header,
body.dd-app .card:has(.nav-align-top) > .card-header,
body.dd-app .dd-editor > .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1.2rem 1.4rem !important;
  border-bottom: 1px solid rgba(26, 26, 26, 0.06) !important;
  background:
    radial-gradient(520px 160px at 100% -40%, rgba(216, 84, 77, 0.12), transparent 60%),
    linear-gradient(180deg, #fff 0%, #fbfaf8 100%) !important;
  border-radius: 22px 22px 0 0 !important;
}

body.dd-app .card:has(.nav-align-left) > .card-header h5,
body.dd-app .card:has(.nav-align-top) > .card-header h5,
body.dd-app .dd-editor > .card-header h5 {
  margin: 0;
  font-family: "Elms Sans", "Outfit", sans-serif !important;
  font-size: 1.2rem;
  font-weight: 650;
  letter-spacing: -0.03em;
  color: #1a1a1a;
}

body.dd-app .card:has(.nav-align-left) > .card-body,
body.dd-app .card:has(.nav-align-top) > .card-body,
body.dd-app .dd-editor > .card-body {
  padding: 1.35rem 1.4rem 1.5rem !important;
}

body.dd-app .dd-editor-meta {
  margin-bottom: 1.35rem;
  padding: 1.1rem 1.2rem;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #faf7f4 100%);
  box-shadow: 0 6px 18px rgba(26, 26, 26, 0.03);
}

body.dd-app .dd-editor-meta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 1.25rem;
}

@media (max-width: 767.98px) {
  body.dd-app .dd-editor-meta-grid {
    grid-template-columns: 1fr;
  }
}

/* Page editors — top pills, same as Areas listing */
body.dd-app .nav-align-left {
  display: flex !important;
  flex-direction: column;
  gap: 1.75rem;
  align-items: stretch;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

body.dd-app .nav-align-left > .nav-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  border: 0 !important;
  margin: 0;
  padding: 0.25rem 0;
  background: transparent;
  position: static;
  width: 100%;
}

body.dd-app .nav-align-left > .nav-tabs .nav-item {
  width: auto;
  margin: 0;
}

body.dd-app .nav-align-left > .nav-tabs .nav-link {
  width: auto;
  text-align: center;
  border: 1px solid rgba(26, 26, 26, 0.08) !important;
  border-radius: 999px !important;
  padding: 0.55rem 1.05rem !important;
  font-weight: 650;
  font-size: 0.875rem;
  color: #5b6470 !important;
  background: #fff !important;
  white-space: nowrap;
  line-height: 1.3;
  box-shadow: 0 6px 16px rgba(26, 26, 26, 0.03) !important;
}

body.dd-app .nav-align-left > .nav-tabs .nav-link:hover:not(.active) {
  color: #d8544d !important;
  background: #fff !important;
  border-color: rgba(216, 84, 77, 0.35) !important;
}

body.dd-app .nav-align-left > .nav-tabs .nav-link.active {
  background: #d8544d !important;
  border-color: #d8544d !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(216, 84, 77, 0.22) !important;
}

body.dd-app .nav-align-left > .tab-content {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.dd-app .nav-align-left > .tab-content > .tab-pane {
  background: #fff;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 20px;
  padding: 1.4rem 1.45rem 1.5rem;
  box-shadow: 0 10px 28px rgba(26, 26, 26, 0.035);
}

body.dd-app .nav-align-left > .tab-content > .tab-pane > h6,
body.dd-app .nav-align-left > .tab-content .border-top h6,
body.dd-app .tab-pane > .border-top > h6,
body.dd-app .tab-pane h6 {
  font-family: "Elms Sans", "Outfit", sans-serif !important;
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #1a1a1a;
}

body.dd-app .nav-align-top {
  margin-bottom: 1.25rem !important;
}

body.dd-app .nav-align-top > .tab-content {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.dd-app .nav-align-top > .tab-content.pt-3 {
  padding-top: 0.5rem !important;
}

/* Repeater / nested section cards */
body.dd-app .repeater-item > .card,
body.dd-app .repeater-item .card.border,
body.dd-app .tab-pane .card.border {
  border: 1px solid rgba(26, 26, 26, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 22px rgba(26, 26, 26, 0.04) !important;
  background: linear-gradient(180deg, #fff 0%, #fbfaf8 100%) !important;
}

body.dd-app .repeater-item > .card.p-3,
body.dd-app .tab-pane .card.border.p-3 {
  padding: 1.05rem !important;
}

body.dd-app .tab-pane .text-center.border.rounded {
  border: 1px dashed rgba(216, 84, 77, 0.3) !important;
  border-radius: 16px !important;
  background: rgba(216, 84, 77, 0.04) !important;
  padding: 1.75rem 1.25rem !important;
}

body.dd-app .tab-pane .avatar.bg-label-primary {
  background: rgba(216, 84, 77, 0.12) !important;
  color: #d8544d !important;
}

body.dd-app form .d-flex.justify-content-between.mt-4,
body.dd-app form .d-flex.justify-content-end.mt-4 {
  position: sticky;
  bottom: 12px;
  z-index: 5;
  margin-top: 1.5rem !important;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 14px;
  background: rgba(255, 253, 251, 0.92);
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 28px rgba(26, 26, 26, 0.08);
}

/* Resource edit toolbars (services / blogs / projects) */
body.dd-app .container-xxl > .row > .col-12 > form > .d-flex.justify-content-between.align-items-center.mb-4 {
  padding: 1.2rem 1.35rem;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 20px;
  background:
    radial-gradient(520px 160px at 100% -40%, rgba(216, 84, 77, 0.12), transparent 60%),
    linear-gradient(180deg, #fff 0%, #faf7f4 100%);
  box-shadow: 0 10px 28px rgba(26, 26, 26, 0.035);
  margin-bottom: 1.35rem !important;
}

body.dd-app .container-xxl > .row > .col-12 > form > .d-flex.justify-content-between.align-items-center.mb-4 h4 {
  font-family: "Elms Sans", "Outfit", sans-serif !important;
  font-weight: 650;
  letter-spacing: -0.03em;
  margin-bottom: 0.2rem !important;
}

body.dd-app .dd-media-open {
  border-radius: 11px;
  border-color: rgba(26, 26, 26, 0.1);
  box-shadow: 0 2px 8px rgba(26, 26, 26, 0.03);
}

body.dd-app .input-group-text {
  border-radius: 12px 0 0 12px !important;
  background: #f6f5f4;
  border-color: rgba(26, 26, 26, 0.12);
  color: #6b7280;
  font-weight: 600;
}

body.dd-app .input-group .form-control {
  border-radius: 0 12px 12px 0 !important;
}

@media (max-width: 991.98px) {
  body.dd-app .nav-align-left {
    grid-template-columns: 1fr;
    padding: 0.75rem;
  }

  body.dd-app .nav-align-left > .nav-tabs {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.35rem;
  }

  body.dd-app .nav-align-left > .nav-tabs .nav-item {
    width: auto;
  }

  body.dd-app .nav-align-left > .nav-tabs .nav-link {
    width: auto;
    padding: 0.55rem 0.85rem !important;
    font-size: 0.8125rem;
  }

  body.dd-app .nav-align-left > .tab-content {
    min-height: 0 !important;
    padding: 1.1rem !important;
  }
}

/* ========== Enterprise settings / SEO / sitemap / CRM — dashboard only ========== */
body.dd-app .dd-settings-center {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
}

body.dd-app .dd-settings-rail {
  position: sticky;
  top: 5.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.7rem;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 20px;
  background: #fffdfb;
  box-shadow: 0 10px 28px rgba(26, 26, 26, 0.04);
}

body.dd-app .dd-settings-rail-item {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  border: 0;
  background: transparent;
  color: #3d4450;
  text-align: left;
  border-radius: 12px;
  padding: 0.72rem 0.85rem;
  font-weight: 600;
  font-size: 0.875rem;
  font-family: inherit;
}

body.dd-app .dd-settings-rail-item i {
  width: 1.35rem;
  color: #d8544d;
  font-size: 1.1rem;
}

body.dd-app .dd-settings-rail-item:hover {
  background: rgba(216, 84, 77, 0.06);
  color: #1a1a1a;
}

body.dd-app .dd-settings-rail-item.active {
  background: #d8544d;
  color: #fff;
  box-shadow: 0 8px 18px rgba(216, 84, 77, 0.22);
}

body.dd-app .dd-settings-rail-item.active i {
  color: #fff;
}

body.dd-app .dd-settings-main {
  min-width: 0;
}

body.dd-app .dd-settings-main > .tab-pane {
  background: transparent;
  box-shadow: none;
  padding: 0;
}

body.dd-app .dd-setting-card {
  background: #fff;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 20px;
  padding: 1.35rem 1.4rem 1.45rem;
  box-shadow: 0 10px 28px rgba(26, 26, 26, 0.035);
  margin-bottom: 1.1rem;
}

body.dd-app .dd-setting-card-head {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  margin-bottom: 1.15rem;
}

body.dd-app .dd-setting-card-head h3 {
  margin: 0 0 0.2rem;
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 1.05rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #1a1a1a;
}

body.dd-app .dd-setting-card-head p {
  margin: 0;
  color: #6b7280;
  font-size: 0.84rem;
}

body.dd-app .dd-setting-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(216, 84, 77, 0.1);
  color: #d8544d;
  font-size: 1.2rem;
  flex-shrink: 0;
}

body.dd-app .dd-settings-save {
  display: flex;
  justify-content: flex-end;
  padding-top: 0.35rem;
}

body.dd-app .dd-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-bottom: 1.15rem;
}

body.dd-app .dd-kpi-grid-7 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.dd-app .dd-kpi {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 1rem 1.05rem 1.1rem;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 16px;
  background: #fff;
  text-decoration: none !important;
  color: inherit;
  box-shadow: 0 6px 18px rgba(26, 26, 26, 0.03);
  transition: border-color 0.15s ease, transform 0.15s ease;
}

body.dd-app a.dd-kpi:hover {
  border-color: rgba(216, 84, 77, 0.35);
  transform: translateY(-1px);
  color: inherit;
}

body.dd-app .dd-kpi-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(216, 84, 77, 0.1);
  color: #d8544d;
  margin-bottom: 0.55rem;
}

body.dd-app .dd-kpi-label {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8a8a;
}

body.dd-app .dd-kpi strong {
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 1.25rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #1a1a1a;
  line-height: 1.2;
}

body.dd-app .dd-seo-hub .dd-kpi strong,
body.dd-app .dd-kpi.is-text strong {
  font-family: "Outfit", sans-serif;
  font-size: 0.98rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

body.dd-app .dd-kpi-hint {
  font-size: 0.78rem;
  color: #8a8a8a;
}

body.dd-app .dd-seo-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}

body.dd-app .dd-seo-checklist li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #3d4450;
}

body.dd-app .dd-seo-checklist i {
  color: #d8544d;
}

body.dd-app .dd-seo-health {
  margin-bottom: 1.15rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 16px;
  background: linear-gradient(180deg, #fff 0%, #faf7f4 100%);
}

body.dd-app .dd-seo-health-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.7rem;
}

body.dd-app .dd-seo-health-top strong {
  display: block;
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 1.15rem;
  letter-spacing: -0.02em;
}

body.dd-app .dd-seo-health-bar {
  height: 6px;
  border-radius: 99px;
  background: rgba(26, 26, 26, 0.08);
  overflow: hidden;
  margin-bottom: 0.85rem;
}

body.dd-app .dd-seo-health-bar span {
  display: block;
  height: 100%;
  background: #d8544d;
  border-radius: inherit;
}

body.dd-app .dd-seo-health-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.9rem;
  margin: 0 0 0.55rem;
  padding: 0;
}

body.dd-app .dd-seo-health-list li {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8rem;
  font-weight: 600;
}

body.dd-app .dd-seo-health-list li.is-ok { color: #2f6b4f; }
body.dd-app .dd-seo-health-list li.is-miss { color: #b45309; }
body.dd-app .dd-seo-health-note {
  margin: 0;
  font-size: 0.78rem;
  color: #6b7280;
}

body.dd-app .dd-dl-compact {
  margin-bottom: 1.1rem;
}

body.dd-app .dd-sitemap-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

body.dd-app .dd-sitemap-status {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-bottom: 1.15rem;
}

body.dd-app .dd-status-tile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  min-width: 0;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 16px;
  background: #fff;
}

body.dd-app .dd-status-tile .dd-kpi-label,
body.dd-app .dd-status-tile strong,
body.dd-app .dd-status-tile .dd-kpi-hint {
  display: block;
  width: 100%;
}

body.dd-app .dd-status-tile strong {
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 1.05rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #1a1a1a;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.dd-app .dd-sitemap-alert {
  display: flex;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  border-radius: 16px;
  margin-bottom: 1.15rem;
}

body.dd-app .dd-sitemap-alert.is-ok {
  background: rgba(47, 107, 79, 0.08);
  color: #1f513c;
}

body.dd-app .dd-sitemap-alert.is-warn {
  background: rgba(180, 83, 9, 0.08);
  color: #7c3d0a;
}

body.dd-app .dd-sitemap-alert i { font-size: 1.4rem; }
body.dd-app .dd-sitemap-alert p,
body.dd-app .dd-sitemap-alert ul { margin: 0.25rem 0 0; font-size: 0.84rem; }

body.dd-app .dd-url-cell {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}

body.dd-app .dd-url-path {
  font-weight: 650;
  color: #1a1a1a !important;
  text-decoration: none;
}

body.dd-app .dd-url-path:hover { color: #d8544d !important; }
body.dd-app .dd-url-cell span { font-size: 0.75rem; color: #8a8a8a; }

body.dd-app .dd-priority {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

body.dd-app .dd-priority .progress {
  width: 52px;
  height: 5px;
  background: rgba(26, 26, 26, 0.08);
}

body.dd-app .dd-seg-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.dd-app .dd-seg-inline button {
  border: 1px solid rgba(26, 26, 26, 0.1);
  background: #fff;
  color: #3d4450;
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
  font-size: 0.78rem;
  font-weight: 650;
}

body.dd-app .dd-seg-inline button.is-active {
  background: #d8544d;
  border-color: #d8544d;
  color: #fff;
}

body.dd-app .dd-shell-tools {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
}

body.dd-app .dd-shell-tools .dd-search {
  min-width: 220px;
  flex: 1;
}

body.dd-app .dd-shell-tools .dd-list-status {
  width: auto;
  min-width: 150px;
}

body.dd-app .dd-lead {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.dd-app .dd-lead.is-new {
  background: rgba(216, 84, 77, 0.12);
  color: #d8544d;
}

body.dd-app .dd-lead.is-reviewed {
  background: rgba(47, 107, 79, 0.12);
  color: #2f6b4f;
}

body.dd-app .dd-lead.is-follow-wait {
  background: rgba(180, 83, 9, 0.12);
  color: #b45309;
}

body.dd-app .dd-lead.is-follow {
  background: rgba(26, 26, 26, 0.06);
  color: #5b6470;
}

body.dd-app .dd-ops {
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(26, 26, 26, 0.035);
}

body.dd-app .dd-ops-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  padding: 1.1rem 1.25rem 1.3rem;
}

body.dd-app .dd-ops-grid a {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.8rem 0.9rem;
  border: 1px solid rgba(26, 26, 26, 0.08);
  border-radius: 14px;
  background: #faf7f4;
  color: #1a1a1a;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.875rem;
}

body.dd-app .dd-ops-grid a:hover {
  border-color: rgba(216, 84, 77, 0.35);
  color: #d8544d;
}

body.dd-app .dd-ops-grid i {
  color: #d8544d;
  font-size: 1.15rem;
}

body.dd-app .dd-sitemap .text-white,
body.dd-app .dd-sitemap-management .text-white {
  color: #1a1a1a !important;
}

body.dd-app .dd-toolbar-select {
  max-width: 200px;
}

@media (max-width: 1199.98px) {
  body.dd-app .dd-settings-center {
    grid-template-columns: 1fr;
  }
  body.dd-app .dd-settings-rail {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
  }
  body.dd-app .dd-settings-rail-item {
    width: auto;
  }
  body.dd-app .dd-kpi-grid,
  body.dd-app .dd-kpi-grid-7,
  body.dd-app .dd-sitemap-status,
  body.dd-app .dd-ops-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  body.dd-app .dd-kpi-grid,
  body.dd-app .dd-kpi-grid-7,
  body.dd-app .dd-sitemap-status,
  body.dd-app .dd-ops-grid {
    grid-template-columns: 1fr;
  }
  body.dd-app .dd-shell-tools .dd-list-status {
    width: 100%;
  }
}

/* ========== Inquiry + Newsletter CRM ========== */
body.dd-app .dd-crm {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}
body.dd-app .dd-crm-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
body.dd-app .dd-crm-tabs a,
body.dd-app .dd-crm-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border: 1px solid rgba(26, 26, 26, 0.08);
  background: #fff;
  color: #5b6470;
  border-radius: 999px;
  padding: 0.55rem 1.05rem;
  font-weight: 650;
  font-size: 0.875rem;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(26, 26, 26, 0.03);
}
body.dd-app .dd-crm-tabs a:hover,
body.dd-app .dd-crm-tabs button:hover {
  border-color: rgba(216, 84, 77, 0.35);
  color: #d8544d;
}
body.dd-app .dd-crm-tabs a.is-active,
body.dd-app .dd-crm-tabs button.active {
  background: #d8544d;
  border-color: #d8544d;
  color: #fff;
  box-shadow: 0 8px 18px rgba(216, 84, 77, 0.22);
}
body.dd-app .dd-crm-tabs a span,
body.dd-app .dd-crm-tabs button span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: rgba(26, 26, 26, 0.08);
  font-size: 0.7rem;
  font-weight: 700;
}
body.dd-app .dd-crm-tabs a.is-active span,
body.dd-app .dd-crm-tabs button.active span {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}
body.dd-app .dd-crm-status {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}
body.dd-app .dd-crm-tile {
  background: #fff;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 18px;
  padding: 1.1rem 1.2rem;
  box-shadow: 0 8px 22px rgba(26, 26, 26, 0.03);
  min-width: 0;
}
body.dd-app .dd-crm-tile span {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8a8a;
  margin-bottom: 0.4rem;
}
body.dd-app .dd-crm-tile strong {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 0.98rem;
  font-weight: 650;
  color: #1a1a1a;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.dd-app .dd-crm-tile em {
  display: block;
  margin-top: 0.2rem;
  font-style: normal;
  font-size: 0.78rem;
  color: #6b7280;
}
body.dd-app .dd-crm-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.8fr);
  gap: 1.15rem;
  align-items: start;
}
body.dd-app .dd-crm-panel {
  background: #fff;
  border: 1px solid rgba(26, 26, 26, 0.07);
  border-radius: 20px;
  padding: 1.4rem 1.45rem 1.5rem;
  box-shadow: 0 10px 28px rgba(26, 26, 26, 0.035);
}
body.dd-app .dd-crm-panel h2 {
  margin: 0 0 0.35rem;
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 1.12rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #1a1a1a;
}
body.dd-app .dd-crm-panel > p,
body.dd-app .dd-crm-panel-head p {
  margin: 0 0 1.15rem;
  color: #6b7280;
  font-size: 0.875rem;
  line-height: 1.55;
}
body.dd-app .dd-crm-panel-head {
  margin-bottom: 0.15rem;
}
body.dd-app .dd-crm-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  margin: 0 0 1rem;
}
body.dd-app .dd-crm-toolbar .dd-search {
  flex: 1 1 220px;
  min-width: 0;
}
body.dd-app .dd-crm-panel .dd-inbox {
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
}
body.dd-app .dd-crm-panel .dd-inbox-item {
  border: 1px solid rgba(26, 26, 26, 0.06);
  border-radius: 14px;
  margin-bottom: 0.55rem;
  background: #faf7f4;
}
body.dd-app .dd-crm-panel .dd-inbox-item:last-child {
  margin-bottom: 0;
}
body.dd-app .dd-crm-panel .dd-inbox-item.is-unread {
  background: rgba(216, 84, 77, 0.045);
  border-color: rgba(216, 84, 77, 0.16);
}
body.dd-app .dd-crm-panel .dd-inbox-item:hover .dd-inbox-main {
  background: transparent;
}
body.dd-app .dd-crm-panel .dd-empty-state {
  padding: 2.6rem 1rem;
}
body.dd-app .dd-crm-panel .dd-pager {
  padding: 1rem 0 0;
}
body.dd-app .dd-crm-list {
  padding: 0;
}
body.dd-app .dd-crm-list .dd-card-row {
  background: #faf7f4;
  box-shadow: none;
}
body.dd-app .dd-crm-list .dd-empty-card {
  border: 1px dashed rgba(26, 26, 26, 0.12);
  border-radius: 14px;
  text-align: center;
  padding: 2.4rem 1rem;
  color: #6b7280;
}
body.dd-app .dd-crm-id {
  display: flex;
  align-items: flex-start;
  gap: 0.95rem;
  padding-bottom: 1.15rem;
  margin-bottom: 1.15rem;
  border-bottom: 1px solid rgba(26, 26, 26, 0.06);
}
body.dd-app .dd-crm-id-avatar {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f6eee8;
  color: #d8544d;
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  flex-shrink: 0;
}
body.dd-app .dd-crm-id-copy {
  min-width: 0;
}
body.dd-app .dd-crm-id-copy strong {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 1.08rem;
  font-weight: 650;
  color: #1a1a1a;
  letter-spacing: -0.02em;
}
body.dd-app .dd-crm-id-copy p {
  margin: 0.15rem 0 0.55rem;
  color: #6b7280;
  font-size: 0.85rem;
}
body.dd-app .dd-crm-sheet {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.7rem;
}
body.dd-app .dd-crm-field {
  min-width: 0;
  background: #faf7f4;
  border: 1px solid rgba(26, 26, 26, 0.05);
  border-radius: 14px;
  padding: 0.85rem 0.95rem;
}
body.dd-app .dd-crm-field span {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8a8a;
  margin-bottom: 0.35rem;
}
body.dd-app .dd-crm-field strong {
  display: block;
  font-size: 0.92rem;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.45;
  word-break: break-word;
}
body.dd-app .dd-crm-field strong.is-empty {
  color: #b0b6bf;
  font-weight: 500;
}
body.dd-app .dd-crm-field a {
  color: #d8544d;
  text-decoration: none;
  word-break: break-all;
}
body.dd-app .dd-crm-field a:hover {
  text-decoration: underline;
}
body.dd-app .dd-crm-field.is-message {
  margin-top: 0.7rem;
}
body.dd-app .dd-crm-field.is-message p {
  margin: 0;
  white-space: pre-wrap;
  font-size: 0.95rem;
  line-height: 1.7;
  color: #1a1a1a;
  font-weight: 500;
}
body.dd-app .dd-crm-panel .dd-shell {
  border: 0;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
}
body.dd-app .dd-crm-panel .dd-shell-head {
  padding: 0 0 1rem;
  background: none;
  border-bottom: 1px solid rgba(26, 26, 26, 0.06);
  margin-bottom: 0.35rem;
}
body.dd-app .dd-crm-panel .dd-card-list,
body.dd-app .dd-crm-panel .dd-card-grid {
  padding: 0.85rem 0 0;
}
body.dd-app .dd-card-grid {
  display: grid;
  gap: 0.9rem;
}
body.dd-app .dd-card-grid.is-brands {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.dd-app .dd-card-grid.is-quotes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.dd-app .dd-card-grid.is-projects,
body.dd-app .dd-card-grid.is-areas,
body.dd-app .dd-card-grid.is-services,
body.dd-app .dd-card-grid.is-pages {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.dd-app .dd-card-grid > .dd-empty-card {
  grid-column: 1 / -1;
}
body.dd-app .dd-grid-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #faf7f4;
  border: 1px solid rgba(26, 26, 26, 0.06);
  border-radius: 18px;
  padding: 1rem 1.05rem 1.1rem;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
body.dd-app .dd-grid-card:hover {
  border-color: rgba(216, 84, 77, 0.28);
  box-shadow: 0 12px 28px rgba(26, 26, 26, 0.07);
  transform: translateY(-1px);
  background: #fff;
}
body.dd-app .dd-grid-card.is-inactive {
  opacity: 0.72;
}
body.dd-app .dd-grid-card-top {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.85rem;
}
body.dd-app .dd-grid-card-top .dropdown {
  margin-left: auto;
}
body.dd-app .dd-grid-logo {
  height: 88px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(26, 26, 26, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1rem;
  margin-bottom: 0.85rem;
}
body.dd-app .dd-grid-logo img {
  max-width: 100%;
  max-height: 64px;
  object-fit: contain;
}
body.dd-app .dd-grid-logo.is-mark {
  background: rgba(216, 84, 77, 0.08);
  border-color: rgba(216, 84, 77, 0.14);
  color: #d8544d;
  font-size: 1.4rem;
}
body.dd-app .dd-grid-card > h3 {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 650;
  color: #1a1a1a;
  letter-spacing: -0.015em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.dd-app .dd-grid-card > h3 a {
  color: inherit;
  text-decoration: none;
}
body.dd-app .dd-grid-card > h3 a:hover {
  color: #d8544d;
}
body.dd-app .dd-grid-card > p {
  margin: 0.2rem 0 0;
  font-size: 0.75rem;
  color: #8a8a8a;
}
body.dd-app .dd-grid-card.is-quote blockquote {
  margin: 0 0 1rem;
  flex: 1;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #1a1a1a;
  font-weight: 500;
}
body.dd-app .dd-grid-person {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 0;
}
body.dd-app .dd-grid-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(26, 26, 26, 0.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 0.85rem;
  color: #d8544d;
}
body.dd-app .dd-grid-avatar.is-mark {
  background: rgba(216, 84, 77, 0.08);
  border-color: rgba(216, 84, 77, 0.14);
}
body.dd-app .dd-grid-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.dd-app .dd-grid-person span {
  min-width: 0;
}
body.dd-app .dd-grid-person strong {
  display: block;
  font-size: 0.86rem;
  font-weight: 650;
  color: #1a1a1a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.dd-app .dd-grid-person em {
  display: block;
  font-style: normal;
  font-size: 0.74rem;
  color: #8a8a8a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.dd-app .dd-grid-card.is-project {
  padding: 0.7rem 0.7rem 0.95rem;
}
body.dd-app .dd-grid-cover {
  position: relative;
  aspect-ratio: 16 / 10;
  border-radius: 14px;
  overflow: hidden;
  background: #efeae4;
  margin-bottom: 0.75rem;
}
body.dd-app .dd-grid-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.dd-app .dd-grid-cover img.is-icon {
  width: auto;
  height: 48%;
  max-width: 48%;
  object-fit: contain;
}
body.dd-app .dd-grid-cover:has(img.is-icon) {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid rgba(26, 26, 26, 0.06);
}
body.dd-app .dd-grid-cover.is-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(216, 84, 77, 0.08);
  color: #d8544d;
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
}
body.dd-app .dd-grid-cover.is-mark i {
  font-size: 1.6rem;
}
@media (max-width: 1199.98px) {
  body.dd-app .dd-card-grid.is-brands {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.dd-app .dd-card-grid.is-quotes,
  body.dd-app .dd-card-grid.is-projects,
  body.dd-app .dd-card-grid.is-areas,
  body.dd-app .dd-card-grid.is-services,
  body.dd-app .dd-card-grid.is-pages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  body.dd-app .dd-card-grid.is-brands,
  body.dd-app .dd-card-grid.is-quotes,
  body.dd-app .dd-card-grid.is-projects,
  body.dd-app .dd-card-grid.is-areas,
  body.dd-app .dd-card-grid.is-services,
  body.dd-app .dd-card-grid.is-pages {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575.98px) {
  body.dd-app .dd-card-grid.is-brands,
  body.dd-app .dd-card-grid.is-quotes,
  body.dd-app .dd-card-grid.is-projects,
  body.dd-app .dd-card-grid.is-areas,
  body.dd-app .dd-card-grid.is-services,
  body.dd-app .dd-card-grid.is-pages {
    grid-template-columns: 1fr;
  }
}
body.dd-app .dd-crm-panel .dd-shell-foot {
  border: 0;
  background: transparent;
  padding: 1rem 0 0;
}
@media (max-width: 991.98px) {
  body.dd-app .dd-crm-status,
  body.dd-app .dd-crm-layout,
  body.dd-app .dd-crm-sheet {
    grid-template-columns: 1fr;
  }
}

body.dd-app .dd-media-studio-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
body.dd-app .dd-media-studio-head .dd-search {
  width: min(100%, 320px);
}
body.dd-app .dd-media-stage-drop {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  margin-bottom: 1rem;
  padding: 0.85rem 1rem;
  border: 1.5px dashed rgba(216, 84, 77, 0.35);
  border-radius: 14px;
  background: linear-gradient(180deg, #fff 0%, #faf7f4 100%);
  color: #6b7280;
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
}
body.dd-app .dd-media-stage-drop i {
  color: #d8544d;
  font-size: 1.15rem;
}
body.dd-app .dd-media-stage-drop:hover,
body.dd-app .dd-media-stage-drop.is-drag {
  border-color: #d8544d;
  color: #1a1a1a;
  background: #fff;
  box-shadow: 0 10px 24px rgba(216, 84, 77, 0.08);
}
body.dd-app .dd-media-grid-page {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 0.95rem;
  margin-top: 0;
}
body.dd-app .dd-media-studio .dd-media-tile {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(26, 26, 26, 0.06);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(26, 26, 26, 0.03);
  text-align: left;
}
body.dd-app .dd-media-studio .dd-media-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(26, 26, 26, 0.08);
}
body.dd-app .dd-media-studio .dd-media-thumb {
  aspect-ratio: 1;
  background:
    linear-gradient(45deg, #efeae4 25%, transparent 25%) 0 0 / 14px 14px,
    linear-gradient(-45deg, #efeae4 25%, transparent 25%) 0 7px / 14px 14px,
    linear-gradient(45deg, transparent 75%, #efeae4 75%) 7px -7px / 14px 14px,
    linear-gradient(-45deg, transparent 75%, #efeae4 75%) -7px 0 / 14px 14px,
    #fff;
}
body.dd-app .dd-media-studio .dd-media-thumb img {
  transition: transform 0.28s ease;
}
body.dd-app .dd-media-studio .dd-media-tile:hover .dd-media-thumb img {
  transform: scale(1.06);
}
body.dd-app .dd-media-studio .dd-media-copy {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.7rem 0.8rem 0.85rem;
}
body.dd-app .dd-media-studio .dd-media-name,
body.dd-app .dd-media-studio .dd-media-meta,
body.dd-app .dd-media-studio .dd-media-alt {
  padding: 0;
}
body.dd-app .dd-media-studio .dd-media-name {
  font-size: 0.8rem;
  font-weight: 650;
  color: #1a1a1a;
}
body.dd-app .dd-media-studio .dd-media-tile.is-selected {
  border-color: #d8544d;
  box-shadow: 0 0 0 3px rgba(216, 84, 77, 0.18), 0 14px 28px rgba(26, 26, 26, 0.08);
}
body.dd-app .dd-media-studio .dd-media-tile.is-no-alt::after {
  content: "ALT";
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0.18rem 0.4rem;
  border-radius: 999px;
  background: rgba(180, 83, 9, 0.92);
  color: #fff;
  font-size: 0.62rem;
  font-weight: 750;
  letter-spacing: 0.06em;
}
body.dd-app .dd-media-alt.is-missing {
  color: #b45309;
}
body.dd-app .dd-media-studio .dd-media-empty {
  padding: 2.6rem 1rem;
}
body.dd-app .dd-media-studio .dd-media-empty i {
  display: block;
  font-size: 1.7rem;
  color: #d8544d;
  margin-bottom: 0.5rem;
}
body.dd-app .dd-media-studio .dd-media-empty h3 {
  margin: 0 0 0.25rem;
  font-size: 1.02rem;
  color: #1a1a1a;
}
body.dd-app .dd-media-studio .dd-media-empty p {
  margin: 0;
}
body.dd-app .modal-backdrop {
  z-index: 2000;
}
body.dd-app .modal {
  z-index: 2005;
}
body.dd-app .dd-media-sheet-dialog {
  max-width: 860px;
  margin: 1.25rem auto;
}
body.dd-app .dd-media-sheet {
  border: 0;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(26, 26, 26, 0.22);
}
body.dd-app .dd-media-sheet-preview {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  max-height: 62vh;
  padding: 2.5rem 3.5rem;
  background:
    linear-gradient(45deg, #1f1c1a 25%, transparent 25%) 0 0 / 18px 18px,
    linear-gradient(-45deg, #1f1c1a 25%, transparent 25%) 0 9px / 18px 18px,
    #151311;
}
body.dd-app .dd-media-sheet-preview img {
  max-width: 100%;
  max-height: 54vh;
  object-fit: contain;
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}
body.dd-app .dd-media-sheet-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 3;
  width: 40px;
  height: 40px;
  border: 0;
  background: #fff !important;
  color: #1a1a1a !important;
  border-radius: 999px;
  opacity: 1 !important;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
  filter: none !important;
}
body.dd-app .dd-media-sheet-close i {
  font-size: 1.2rem;
  line-height: 1;
  color: inherit;
}
body.dd-app .dd-media-sheet-close:hover {
  color: #d8544d !important;
  background: #fff !important;
}
body.dd-app .dd-media-sheet-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #1a1a1a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}
body.dd-app .dd-media-sheet-nav.is-prev { left: 1rem; }
body.dd-app .dd-media-sheet-nav.is-next { right: 1rem; }
body.dd-app .dd-media-sheet-nav:hover {
  background: #fff;
  color: #d8544d;
}
body.dd-app .dd-media-sheet-nav:disabled {
  opacity: 0.35;
  pointer-events: none;
}
body.dd-app .dd-media-sheet-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 1.1fr);
  gap: 1.15rem;
  padding: 1.25rem 1.4rem 1.35rem;
  background: #fff;
  align-items: start;
}
body.dd-app .dd-media-sheet-copy h2 {
  margin: 0.15rem 0 0.3rem;
  font-family: "Outfit", sans-serif;
  font-size: 1.08rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #1a1a1a;
  word-break: break-word;
}
body.dd-app .dd-media-inspector-meta {
  margin: 0;
  font-size: 0.8rem;
  color: #8a8a8a;
  line-height: 1.45;
}
body.dd-app .dd-media-sheet-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
  margin-top: 0.85rem;
}
body.dd-app .dd-media-sheet-actions .btn {
  min-height: 42px;
}
@media (max-width: 767.98px) {
  body.dd-app .dd-media-sheet-preview {
    min-height: 240px;
    padding: 2.4rem 1.1rem 1.2rem;
  }
  body.dd-app .dd-media-sheet-nav.is-prev { left: 0.6rem; }
  body.dd-app .dd-media-sheet-nav.is-next { right: 0.6rem; }
  body.dd-app .dd-media-sheet-body {
    grid-template-columns: 1fr;
  }
}

/* Vuexy leftover purple (#7367f0 / #e9e7fd) on edit-page tabs */
body.dd-app .nav {
  --bs-nav-link-color: #6b7280;
  --bs-nav-link-hover-color: #d8544d;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #d8544d;
}

html:not([dir=rtl]) body.dd-app .nav-align-top .nav-tabs .nav-link:not(.active):hover,
html:not([dir=rtl]) body.dd-app .nav-align-top .nav-tabs .nav-link:not(.active):focus,
html:not([dir=rtl]) body.dd-app .nav-align-left .nav-tabs .nav-link:not(.active):hover,
html:not([dir=rtl]) body.dd-app .nav-align-left .nav-tabs .nav-link:not(.active):focus,
html:not([dir=rtl]) body.dd-app .nav-align-right .nav-tabs .nav-link:not(.active):hover,
html:not([dir=rtl]) body.dd-app .nav-align-right .nav-tabs .nav-link:not(.active):focus,
body.dd-app .nav-align-top .nav-tabs .nav-link:not(.active):hover,
body.dd-app .nav-align-top .nav-tabs .nav-link:not(.active):focus,
body.dd-app .nav-align-top .nav-tabs .nav-link:not(.active):focus-visible,
body.dd-app .nav-align-top .nav-tabs .nav-link:not(.active):active,
body.dd-app .nav-align-bottom .nav-tabs .nav-link:not(.active):hover,
body.dd-app .nav-align-bottom .nav-tabs .nav-link:not(.active):focus,
body.dd-app .nav-align-left .nav-tabs .nav-link:not(.active):hover,
body.dd-app .nav-align-left .nav-tabs .nav-link:not(.active):focus,
body.dd-app .nav-align-right .nav-tabs .nav-link:not(.active):hover,
body.dd-app .nav-align-right .nav-tabs .nav-link:not(.active):focus,
body.dd-app .nav-tabs .nav-link:not(.active):hover,
body.dd-app .nav-tabs .nav-link:not(.active):focus,
body.dd-app .nav-tabs .nav-link:not(.active):focus-visible,
body.dd-app .nav-pills .nav-link:not(.active):hover,
body.dd-app .nav-pills .nav-link:not(.active):focus,
body.dd-app .nav-pills .nav-link:not(.active):focus-visible,
body.dd-app .nav-pills .nav-item .nav-link:not(.active):hover,
body.dd-app .nav-pills .nav-item .nav-link:not(.active):focus {
  color: #d8544d !important;
  background-color: rgba(216, 84, 77, 0.08) !important;
  border-color: transparent !important;
  border-bottom-color: transparent !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

body.dd-app .nav-link:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}

body.dd-app .nav-pills .nav-link.active,
body.dd-app .nav-pills .nav-link.active:hover,
body.dd-app .nav-pills .nav-link.active:focus,
body.dd-app .nav-pills .show > .nav-link {
  background-color: #d8544d !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(216, 84, 77, 0.22) !important;
}

body.dd-app .nav-tabs .nav-link.active,
body.dd-app .nav-tabs .nav-link.active:hover,
body.dd-app .nav-tabs .nav-link.active:focus {
  box-shadow: 0 -2px 0 #d8544d inset !important;
}

body.dd-app .nav-align-top .nav-tabs .nav-link.active,
body.dd-app .nav-align-top .nav-tabs .nav-link.active:hover,
body.dd-app .nav-align-top .nav-tabs .nav-link.active:focus {
  color: #fff !important;
  background: #d8544d !important;
  box-shadow: 0 8px 16px rgba(216, 84, 77, 0.22) !important;
}

body.dd-app .nav-tabs .nav-link.waves-effect .waves-ripple,
body.dd-app .nav-pills .nav-link.waves-effect .waves-ripple {
  background: radial-gradient(
    rgba(216, 84, 77, 0.2) 0,
    rgba(216, 84, 77, 0.3) 40%,
    rgba(216, 84, 77, 0.4) 50%,
    rgba(216, 84, 77, 0.5) 60%,
    rgba(255, 255, 255, 0) 70%
  ) !important;
}

body.dd-app .dd-seo .nav-tabs .nav-link.active,
body.dd-app .dd-seo .nav-align-top .nav-tabs .nav-link.active,
body.dd-app .dd-seo .nav-align-top .nav-tabs .nav-link.active:hover,
body.dd-app .dd-seo .nav-align-top .nav-tabs .nav-link.active:focus {
  color: #d8544d !important;
  background: rgba(216, 84, 77, 0.08) !important;
  box-shadow: inset 0 -2.5px 0 #d8544d !important;
}

body.dd-app .svc-section-tabs .nav-pills .nav-link.active,
body.dd-app .svc-section-tabs .nav-pills .nav-link.active:hover,
body.dd-app .svc-section-tabs .nav-pills .nav-link.active:focus {
  background: rgba(216, 84, 77, 0.12) !important;
  color: #d8544d !important;
  box-shadow: inset 3px 0 0 #d8544d !important;
}

/* Listing / detail editors */
body.dd-app .dd-listing-editor {
  gap: 1.25rem;
}

body.dd-app .dd-listing-editor form {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

body.dd-app .dd-listing-editor .nav-align-left.mb-4 {
  margin-bottom: 0 !important;
}

body.dd-app .dd-listing-editor form > .d-flex.mt-4 {
  margin-top: 0 !important;
}

body.dd-app .dd-listing-editor form > .dd-crm-tabs,
body.dd-app .dd-listing-editor > .dd-crm-tabs[role="tablist"],
body.dd-app .dd-section-tabs {
  padding: 0.25rem 0;
}

body.dd-app .dd-listing-editor .tab-content {
  padding: 0 !important;
  margin-top: 0.2rem !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.dd-app .dd-crm-tabs button:focus,
body.dd-app .dd-crm-tabs button:focus-visible,
body.dd-app .dd-crm-tabs a:focus,
body.dd-app .dd-crm-tabs a:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(216, 84, 77, 0.18) !important;
}

body.dd-app .dd-crm-tabs button.active:focus,
body.dd-app .dd-crm-tabs button.active:focus-visible,
body.dd-app .dd-crm-tabs a.is-active:focus,
body.dd-app .dd-crm-tabs a.is-active:focus-visible {
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(216, 84, 77, 0.22), 0 0 0 3px rgba(216, 84, 77, 0.18) !important;
}

body.dd-app .dd-crm-tile code {
  font-size: 0.92rem;
  color: #1a1a1a;
  background: transparent;
}

body.dd-app .dd-faq-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin-bottom: 1rem;
}

body.dd-app .dd-faq-card {
  border: 1px solid rgba(26, 26, 26, 0.08);
  border-radius: 16px;
  padding: 1.05rem 1.1rem 1.1rem;
  background: linear-gradient(180deg, #fff 0%, #fbfaf8 100%);
}

body.dd-app .dd-faq-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

body.dd-app .dd-faq-card-head span {
  font-weight: 650;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
}

body.dd-app .svc-section-tabs .card {
  border: 1px solid rgba(26, 26, 26, 0.07) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(26, 26, 26, 0.035) !important;
  background: #fff !important;
}

body.dd-app .svc-section-tabs .card-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(26, 26, 26, 0.06) !important;
}

body.dd-app .svc-section-tabs .card-header h6 {
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-weight: 650;
  letter-spacing: -0.02em;
}

/* Pages directory — 4-up premium tiles */
body.dd-app .dd-pages-dir.dd-shell {
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
}
body.dd-app .dd-pages-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1.15rem;
}
body.dd-app .dd-pages-toolbar strong {
  display: block;
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 1.05rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #1a1a1a;
}
body.dd-app .dd-pages-toolbar span {
  color: #6b7280;
  font-size: 0.82rem;
}
body.dd-app .dd-pages-toolbar .dd-search {
  min-width: 260px;
}
body.dd-app .dd-pages-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
body.dd-app .dd-pages-grid > .dd-empty-card {
  grid-column: 1 / -1;
}
body.dd-app .dd-page-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  min-height: 188px;
  padding: 1.2rem 1.15rem 1.15rem;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(26, 26, 26, 0.07);
  box-shadow: 0 10px 28px rgba(26, 26, 26, 0.04);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
body.dd-app .dd-page-tile-hit {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
}
body.dd-app .dd-page-tile:hover {
  transform: translateY(-2px);
  border-color: rgba(216, 84, 77, 0.22);
  box-shadow: 0 16px 36px rgba(26, 26, 26, 0.07);
}
body.dd-app .dd-page-tile-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.6rem;
  margin-bottom: 1.05rem;
}
body.dd-app .dd-page-tile-icon {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(216, 84, 77, 0.1);
  color: #d8544d;
  font-size: 1.2rem;
  flex-shrink: 0;
}
body.dd-app .dd-page-tile-kind {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9a9aa3;
}
body.dd-app .dd-page-tile h3 {
  margin: 0;
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-size: 1.12rem;
  font-weight: 650;
  letter-spacing: -0.03em;
  color: #1a1a1a;
  line-height: 1.25;
}
body.dd-app .dd-page-tile p {
  margin: 0.35rem 0 0;
  font-size: 0.8rem;
  color: #8a8a8a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.dd-app .dd-page-tile-go {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: auto;
  padding-top: 1.1rem;
  font-size: 0.8rem;
  font-weight: 650;
  color: #d8544d;
  opacity: 0.55;
  transition: opacity 0.16s ease, gap 0.16s ease;
}
body.dd-app .dd-page-tile-go i {
  font-size: 0.95rem;
}
body.dd-app .dd-page-tile:hover .dd-page-tile-go {
  opacity: 1;
}
body.dd-app .dd-page-tile .dropdown {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
@media (max-width: 1199.98px) {
  body.dd-app .dd-pages-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  body.dd-app .dd-pages-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575.98px) {
  body.dd-app .dd-pages-grid {
    grid-template-columns: 1fr;
  }
  body.dd-app .dd-pages-toolbar .dd-search {
    min-width: 0;
    width: 100%;
  }
}

body.dd-app .dd-central-sheet {
  margin-top: 0.15rem;
  padding: 2.5rem 1.5rem 2.1rem;
  text-align: center;
  border: 1.5px dashed rgba(216, 84, 77, 0.28);
  border-radius: 22px;
  background: linear-gradient(180deg, #fff8f6 0%, #fff4f2 100%);
}
body.dd-app .dd-central-sheet-icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 1rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(216, 84, 77, 0.12);
  color: #d8544d;
  font-size: 1.35rem;
}
body.dd-app .dd-central-sheet h6 {
  margin: 0 0 0.4rem;
  font-family: "Elms Sans", "Outfit", sans-serif;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #1a1a1a;
}
body.dd-app .dd-central-sheet p {
  max-width: 420px;
  margin: 0 auto 1.15rem;
  color: #7a7f87;
  font-size: 0.9rem;
  line-height: 1.5;
}
body.dd-app .dd-central-sheet .btn {
  padding: 0.5rem 1.05rem;
}

body.dd-app .dd-inquiry-dropdowns .form-label {
  font-weight: 650;
  color: #1a1a1a;
}
body.dd-app .dd-inquiry-dropdowns .input-group {
  border: 1px solid rgba(26, 26, 26, 0.1);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
body.dd-app .dd-inquiry-dropdowns .input-group .form-control {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0.65rem 0.9rem;
}
body.dd-app .dd-inquiry-dropdowns .input-group .btn {
  border: 0 !important;
  border-left: 1px solid rgba(26, 26, 26, 0.08) !important;
  border-radius: 0 !important;
  color: #d8544d !important;
  background: #fff !important;
  font-weight: 650;
  padding: 0.65rem 0.95rem;
}
body.dd-app .dd-inquiry-dropdowns .input-group .btn:hover {
  background: #fff8f6 !important;
}
body.dd-app .dd-inquiry-dropdowns .add-inquiry-dropdown {
  margin-top: 0.15rem;
  border-radius: 999px !important;
  padding: 0.4rem 0.95rem !important;
}

/* 3-dot menus must paint above neighboring cards (transform creates a stacking trap) */
body.dd-app .dd-card-grid,
body.dd-app .dd-card-list,
body.dd-app .dd-pages-grid {
  overflow: visible;
  isolation: isolate;
}

body.dd-app .dd-grid-card,
body.dd-app .dd-card-row,
body.dd-app .dd-page-tile {
  position: relative;
  z-index: 1;
  overflow: visible;
}

body.dd-app .dd-grid-card:hover,
body.dd-app .dd-card-row:hover,
body.dd-app .dd-page-tile:hover,
body.dd-app .dd-grid-card:focus-within,
body.dd-app .dd-card-row:focus-within,
body.dd-app .dd-page-tile:focus-within {
  z-index: 8;
}

body.dd-app .dd-grid-card:has(.dropdown.show),
body.dd-app .dd-card-row:has(.dropdown.show),
body.dd-app .dd-page-tile:has(.dropdown.show),
body.dd-app .dd-grid-card.is-menu-open,
body.dd-app .dd-card-row.is-menu-open,
body.dd-app .dd-page-tile.is-menu-open {
  z-index: 50;
  transform: none;
}

body.dd-app .dd-grid-card-top {
  flex-wrap: wrap;
  min-width: 0;
}

body.dd-app .dd-grid-card-top .dropdown,
body.dd-app .dd-card-actions .dropdown,
body.dd-app .dd-page-tile .dropdown {
  position: relative;
  z-index: 4;
  flex-shrink: 0;
}

body.dd-app .dd-grid-card .dropdown-menu,
body.dd-app .dd-card-row .dropdown-menu,
body.dd-app .dd-page-tile .dropdown-menu {
  position: absolute !important;
  inset: auto !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
  z-index: 1080 !important;
}

body.dd-app .dd-page-tile:has(.dropdown.show) .dd-page-tile-hit,
body.dd-app .dd-page-tile.is-menu-open .dd-page-tile-hit {
  pointer-events: none;
}

@media (max-width: 767.98px) {
  body.dd-app .dd-shell-head {
    flex-direction: column;
    align-items: stretch;
  }

  body.dd-app .svc-section-tabs .sticky-top {
    position: static !important;
    top: auto !important;
  }
}