/* CCO Theme Base
 * 1. Importa intratheme como capa de fallback segura.
 * 2. Sobrescribe solo tokens globales y componentes transversales.
 * 3. Para crear un nuevo theme, cambia primero las variables de light/dark
 *    y luego ajusta solo los bloques de componentes que no queden bien.
 */
@import url("../intratheme/base.css");

/* Global design tokens: light palette */
html[data-app-theme="cco"][data-theme="light"] {
  --font-sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Segoe UI Semibold", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --bg: #f6f1e8;
  --bg-soft: #efe7da;
  --surface: rgba(255, 251, 245, 0.96);
  --surface-strong: #fffdfa;
  --surface-muted: #f8f2e9;
  --border: rgba(111, 26, 46, 0.14);
  --text: #34221f;
  --text-soft: #6d5752;
  --primary: #7a1730;
  --primary-strong: #5e1025;
  --secondary: #b68a2d;
  --warning: #c99734;
  --danger: #a93c38;
  --info: #9d7a2d;
  --shadow-soft: 0 20px 42px rgba(72, 21, 31, 0.12);
  --shadow-card: 0 12px 28px rgba(92, 36, 27, 0.08);
  --gradient-main: linear-gradient(180deg, #f8f3eb 0%, #f3ede2 48%, #ece2d3 100%);
  --gradient-hero: linear-gradient(135deg, rgba(122, 23, 48, 0.14), rgba(182, 138, 45, 0.12) 52%, rgba(255, 249, 240, 0.72) 100%);
  --sidebar-bg: linear-gradient(180deg, #150d0f 0%, #201114 46%, #3f1320 100%);
  --sidebar-text: rgba(244, 236, 225, 0.76);
  --sidebar-text-strong: #fff8ef;
  --radius-sm: 0.7rem;
  --radius-md: 0.95rem;
  --radius-lg: 1.15rem;
  /* Component tokens: these are the safest knobs for cloning a new theme
   * without hunting colors across multiple files.
   */
  --panel-bg: linear-gradient(180deg, rgba(252, 245, 236, 0.98) 0%, rgba(246, 235, 221, 0.96) 100%);
  --panel-border: 1px solid rgba(122, 23, 48, 0.14);
  --field-bg: #fffaf3;
  --field-border: 1px solid rgba(182, 138, 45, 0.18);
  --field-color: #6e5b52;
  --field-placeholder: #a28a82;
  --field-shadow: inset 0 1px 1px rgba(122, 23, 48, 0.03);
  --field-focus-border: rgba(122, 23, 48, 0.42);
  --field-focus-shadow: 0 0 0 0.18rem rgba(122, 23, 48, 0.12);
  --table-head-bg: linear-gradient(180deg, #f4dfe4 0%, #edd0d7 100%);
  --table-head-color: #7a1730;
  --table-head-border: 1px solid rgba(182, 138, 45, 0.24);
  --table-row-bg: rgba(255, 251, 245, 0.94);
  --table-row-hover: rgba(253, 247, 239, 0.98);
  --table-row-border: rgba(122, 23, 48, 0.06);
  --table-row-color: #7b6963;
  --datatable-control-color: #8a736a;
  --button-soft-bg: linear-gradient(180deg, #fff8ed 0%, #f5ebdc 100%);
  --button-soft-border: 1px solid rgba(182, 138, 45, 0.2);
  --button-soft-color: #8b6b25;
  --button-soft-hover-bg: linear-gradient(180deg, #fff3e1 0%, #f2e4d0 100%);
  --button-soft-hover-border: rgba(182, 138, 45, 0.28);
  --button-soft-hover-color: #7a1730;
  --modal-header-bg: linear-gradient(135deg, #7a1730 0%, #8b2a47 48%, #b68a2d 100%);
  --modal-header-color: #fff7ee;
  --modal-icon-bg: rgba(255, 247, 238, 0.12);
  --modal-body-bg: linear-gradient(180deg, #fffdfa 0%, #f5eee4 100%);
  --status-success-bg: rgba(129, 64, 79, 0.12);
  --status-success-color: #8a3347;
  --status-warning-bg: rgba(223, 187, 110, 0.22);
  --status-warning-color: #ba8a21;
  --status-danger-bg: rgba(199, 140, 149, 0.2);
  --status-danger-color: #9d4154;
}

/* Global design tokens: dark palette */
html[data-app-theme="cco"][data-theme="dark"] {
  --bg: #0f0b0c;
  --bg-soft: #161012;
  --surface: rgba(24, 16, 19, 0.92);
  --surface-strong: #1b1215;
  --surface-muted: #21161a;
  --border: rgba(193, 156, 75, 0.16);
  --text: #f7efe2;
  --text-soft: #c9b7a3;
  --primary: #b13b57;
  --primary-strong: #d04a6b;
  --secondary: #d0a64a;
  --warning: #dfb455;
  --danger: #d66f64;
  --info: #c89e43;
  --shadow-soft: 0 24px 48px rgba(0, 0, 0, 0.36);
  --shadow-card: 0 14px 34px rgba(0, 0, 0, 0.28);
  --gradient-main: linear-gradient(180deg, #0f0b0c 0%, #160f12 46%, #231218 100%);
  --gradient-hero: linear-gradient(135deg, rgba(176, 59, 87, 0.18), rgba(208, 166, 74, 0.11) 52%, rgba(37, 20, 24, 0.78) 100%);
  --sidebar-bg: linear-gradient(180deg, #080607 0%, #130b0d 48%, #2c1019 100%);
  --sidebar-text: rgba(244, 231, 212, 0.72);
  --sidebar-text-strong: #fff5e8;
  /* Dark mode component tokens: keep structure equal to light mode and
   * only swap values so future themes remain predictable.
   */
  --panel-bg: linear-gradient(180deg, rgba(34, 19, 24, 0.98) 0%, rgba(24, 16, 19, 0.96) 100%);
  --panel-border: 1px solid rgba(182, 138, 45, 0.14);
  --field-bg: #201419;
  --field-border: 1px solid rgba(182, 138, 45, 0.14);
  --field-color: #d7c0aa;
  --field-placeholder: #aa9482;
  --field-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
  --field-focus-border: rgba(208, 166, 74, 0.34);
  --field-focus-shadow: 0 0 0 0.18rem rgba(182, 138, 45, 0.12);
  --table-head-bg: linear-gradient(180deg, #7a1730 0%, #4d0f1f 62%, #241015 100%);
  --table-head-color: #f8efe2;
  --table-head-border: 1px solid rgba(122, 23, 48, 0.28);
  --table-row-bg: rgba(24, 16, 19, 0.94);
  --table-row-hover: rgba(31, 20, 24, 0.98);
  --table-row-border: rgba(208, 166, 74, 0.08);
  --table-row-color: #cbb9a6;
  --datatable-control-color: #ccb6a2;
  --button-soft-bg: linear-gradient(180deg, #2a1b20 0%, #211519 100%);
  --button-soft-border: 1px solid rgba(182, 138, 45, 0.16);
  --button-soft-color: #f0d79d;
  --button-soft-hover-bg: linear-gradient(180deg, #341d24 0%, #26161b 100%);
  --button-soft-hover-border: rgba(182, 138, 45, 0.24);
  --button-soft-hover-color: #fff2da;
  --modal-header-bg: linear-gradient(135deg, #5a1022 0%, #7a1730 44%, #2b151b 100%);
  --modal-header-color: #f8efe2;
  --modal-icon-bg: rgba(248, 239, 226, 0.1);
  --modal-body-bg: linear-gradient(180deg, #21161a 0%, #1a1014 100%);
  --status-success-bg: rgba(29, 81, 62, 0.4);
  --status-success-color: #38d89f;
  --status-warning-bg: rgba(110, 78, 21, 0.38);
  --status-warning-color: #f1c24d;
  --status-danger-bg: rgba(130, 56, 71, 0.3);
  --status-danger-color: #d98ca0;
}

/* Base text color shared by both modes */
html[data-app-theme="cco"] body {
  color: var(--text);
}

/* Global scrollbar tokens.
 * The theme keeps a visible main scrollbar but hides local scrollbars
 * until interaction in component-specific files.
 */
html[data-app-theme="cco"] {
  scrollbar-width: thin;
}

html[data-app-theme="cco"] * {
  scrollbar-width: thin;
}

html[data-app-theme="cco"][data-theme="light"] {
  scrollbar-color: #8a1534 #f1e4d4;
}

html[data-app-theme="cco"][data-theme="light"] * {
  scrollbar-color: #8a1534 #f1e4d4;
}

html[data-app-theme="cco"][data-theme="dark"] {
  scrollbar-color: #8a1534 #140d10;
}

html[data-app-theme="cco"][data-theme="dark"] * {
  scrollbar-color: #8a1534 #140d10;
}

/* Main page background per mode */
html[data-app-theme="cco"][data-theme="light"] body {
  background:
    radial-gradient(circle at top left, rgba(122, 23, 48, 0.1), transparent 24%),
    radial-gradient(circle at top right, rgba(182, 138, 45, 0.1), transparent 20%),
    linear-gradient(180deg, #f8f3eb 0%, #efe6d8 100%);
}

html[data-app-theme="cco"][data-theme="dark"] body {
  background:
    radial-gradient(circle at top left, rgba(176, 59, 87, 0.12), transparent 24%),
    radial-gradient(circle at top right, rgba(208, 166, 74, 0.09), transparent 20%),
    linear-gradient(180deg, #0f0b0c 0%, #160f12 100%);
}

/* Browser scrollbar styling for the main document */
html[data-app-theme="cco"]::-webkit-scrollbar,
html[data-app-theme="cco"] body::-webkit-scrollbar,
html[data-app-theme="cco"][data-theme="light"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html[data-app-theme="cco"][data-theme="light"]::-webkit-scrollbar-track,
html[data-app-theme="cco"][data-theme="light"] body::-webkit-scrollbar-track,
html[data-app-theme="cco"][data-theme="light"] ::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}

html[data-app-theme="cco"][data-theme="light"]::-webkit-scrollbar-thumb,
html[data-app-theme="cco"][data-theme="light"] body::-webkit-scrollbar-thumb,
html[data-app-theme="cco"][data-theme="light"] ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8a1534 0%, #b68a2d 100%);
  border-radius: 999px;
  border: 2px solid transparent;
}

html[data-app-theme="cco"][data-theme="light"]::-webkit-scrollbar-thumb:hover,
html[data-app-theme="cco"][data-theme="light"] body::-webkit-scrollbar-thumb:hover,
html[data-app-theme="cco"][data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #6d1029 0%, #9e7725 100%);
}

html[data-app-theme="cco"][data-theme="dark"]::-webkit-scrollbar,
html[data-app-theme="cco"][data-theme="dark"] body::-webkit-scrollbar,
html[data-app-theme="cco"][data-theme="dark"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html[data-app-theme="cco"][data-theme="dark"]::-webkit-scrollbar-track,
html[data-app-theme="cco"][data-theme="dark"] body::-webkit-scrollbar-track,
html[data-app-theme="cco"][data-theme="dark"] ::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}

html[data-app-theme="cco"][data-theme="dark"]::-webkit-scrollbar-thumb,
html[data-app-theme="cco"][data-theme="dark"] body::-webkit-scrollbar-thumb,
html[data-app-theme="cco"][data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8a1534 0%, #b68a2d 100%);
  border-radius: 999px;
  border: 2px solid transparent;
}

html[data-app-theme="cco"][data-theme="dark"]::-webkit-scrollbar-thumb:hover,
html[data-app-theme="cco"][data-theme="dark"] body::-webkit-scrollbar-thumb:hover,
html[data-app-theme="cco"][data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #a61d42 0%, #cca13f 100%);
}

/* Local scroll areas start transparent and appear on interaction */
html[data-app-theme="cco"] .content-wrapper,
html[data-app-theme="cco"] .sidebar,
html[data-app-theme="cco"] .right-sidebar-v4,
html[data-app-theme="cco"] .modal-body,
html[data-app-theme="cco"] .dataTables_scrollBody {
  scrollbar-color: transparent transparent;
}

html[data-app-theme="cco"] .content-wrapper:hover,
html[data-app-theme="cco"] .content-wrapper:focus-within,
html[data-app-theme="cco"] .sidebar:hover,
html[data-app-theme="cco"] .sidebar:focus-within,
html[data-app-theme="cco"] .right-sidebar-v4:hover,
html[data-app-theme="cco"] .right-sidebar-v4:focus-within,
html[data-app-theme="cco"] .modal-body:hover,
html[data-app-theme="cco"] .modal-body:focus-within,
html[data-app-theme="cco"] .dataTables_scrollBody:hover,
html[data-app-theme="cco"] .dataTables_scrollBody:focus-within {
  scrollbar-color: #8a1534 transparent;
}

html[data-app-theme="cco"] .content-wrapper::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .sidebar::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .right-sidebar-v4::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .modal-body::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: transparent;
  border-color: transparent;
}

html[data-app-theme="cco"] .content-wrapper:hover::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .content-wrapper:focus-within::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .sidebar:hover::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .sidebar:focus-within::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .right-sidebar-v4:hover::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .right-sidebar-v4:focus-within::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .modal-body:hover::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .modal-body:focus-within::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .dataTables_scrollBody:hover::-webkit-scrollbar-thumb,
html[data-app-theme="cco"] .dataTables_scrollBody:focus-within::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8a1534 0%, #b68a2d 100%);
}

html[data-app-theme="cco"] .content-wrapper:hover::-webkit-scrollbar-track,
html[data-app-theme="cco"] .content-wrapper:focus-within::-webkit-scrollbar-track,
html[data-app-theme="cco"] .sidebar:hover::-webkit-scrollbar-track,
html[data-app-theme="cco"] .sidebar:focus-within::-webkit-scrollbar-track,
html[data-app-theme="cco"] .right-sidebar-v4:hover::-webkit-scrollbar-track,
html[data-app-theme="cco"] .right-sidebar-v4:focus-within::-webkit-scrollbar-track,
html[data-app-theme="cco"] .modal-body:hover::-webkit-scrollbar-track,
html[data-app-theme="cco"] .modal-body:focus-within::-webkit-scrollbar-track,
html[data-app-theme="cco"] .dataTables_scrollBody:hover::-webkit-scrollbar-track,
html[data-app-theme="cco"] .dataTables_scrollBody:focus-within::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}

/* Shared background accents for the shell */
html[data-app-theme="cco"] .app-shell {
  background:
    radial-gradient(circle at bottom right, rgba(182, 138, 45, 0.08), transparent 20%),
    radial-gradient(circle at bottom left, rgba(122, 23, 48, 0.08), transparent 22%);
}

/* Shared surfaces: cards, hero panels and modal shells */
html[data-app-theme="cco"] .glass-card,
html[data-app-theme="cco"] .hero-panel,
html[data-app-theme="cco"] .preview-table-card,
html[data-app-theme="cco"] .card,
html[data-app-theme="cco"] .modal-content {
  border-color: var(--border);
  box-shadow: var(--shadow-card);
}

html[data-app-theme="cco"][data-theme="light"] .glass-card,
html[data-app-theme="cco"][data-theme="light"] .hero-panel,
html[data-app-theme="cco"][data-theme="light"] .preview-table-card,
html[data-app-theme="cco"][data-theme="light"] .card,
html[data-app-theme="cco"][data-theme="light"] .modal-content {
  background: linear-gradient(180deg, rgba(255, 251, 245, 0.98) 0%, rgba(247, 238, 226, 0.94) 100%);
}

html[data-app-theme="cco"][data-theme="dark"] .glass-card,
html[data-app-theme="cco"][data-theme="dark"] .hero-panel,
html[data-app-theme="cco"][data-theme="dark"] .preview-table-card,
html[data-app-theme="cco"][data-theme="dark"] .card,
html[data-app-theme="cco"][data-theme="dark"] .modal-content {
  background: linear-gradient(180deg, rgba(24, 16, 19, 0.98) 0%, rgba(31, 20, 24, 0.94) 100%);
}

/* Global CTA buttons */
html[data-app-theme="cco"] .btn-primary,
html[data-app-theme="cco"] .btn-primary.btn-modern {
  background: linear-gradient(135deg, var(--primary), var(--primary-strong));
  border-color: transparent;
  color: #fff7ee;
}

/* Dark: forzar guindo (intratheme pone azul #4f8cff en dark) */
html[data-app-theme="cco"][data-theme="dark"] .btn-primary,
html[data-app-theme="cco"][data-theme="dark"] .btn-primary.btn-modern,
html[data-app-theme="cco"][data-theme="dark"] .btn-primary:not(:disabled):not(.disabled):hover,
html[data-app-theme="cco"][data-theme="dark"] .btn-primary:not(:disabled):not(.disabled):focus,
html[data-app-theme="cco"][data-theme="dark"] .btn-primary.btn-modern:not(:disabled):not(.disabled):hover,
html[data-app-theme="cco"][data-theme="dark"] .btn-primary.btn-modern:not(:disabled):not(.disabled):focus {
  background: linear-gradient(135deg, #9a2340 0%, #7a1730 55%, #5e1025 100%) !important;
  border-color: transparent !important;
  color: #fff7ee !important;
  box-shadow: 0 6px 16px rgba(122, 23, 48, 0.4);
}

html[data-app-theme="cco"][data-theme="dark"] .btn-primary:disabled,
html[data-app-theme="cco"][data-theme="dark"] .btn-primary.disabled,
html[data-app-theme="cco"][data-theme="dark"] .btn-primary.btn-modern:disabled,
html[data-app-theme="cco"][data-theme="dark"] .btn-primary.btn-modern.disabled {
  background: linear-gradient(135deg, #6a2a3a 0%, #4a1a28 100%) !important;
  border-color: transparent !important;
  color: rgba(255, 247, 238, 0.65) !important;
  box-shadow: none;
  opacity: 0.85;
}

/* WhatsApp / success: texto blanco (los `a` dentro de cards no deben heredar --primary) */
html[data-app-theme="cco"] .btn-success,
html[data-app-theme="cco"] .btn-success.btn-modern,
html[data-app-theme="cco"] .btn-whatsapp,
html[data-app-theme="cco"] a.btn-success,
html[data-app-theme="cco"] a.btn-whatsapp {
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
  border-color: transparent;
  color: #ffffff !important;
}

html[data-app-theme="cco"] .btn-success:hover,
html[data-app-theme="cco"] .btn-success:focus,
html[data-app-theme="cco"] .btn-whatsapp:hover,
html[data-app-theme="cco"] .btn-whatsapp:focus,
html[data-app-theme="cco"] a.btn-success:hover,
html[data-app-theme="cco"] a.btn-whatsapp:hover {
  background: linear-gradient(135deg, #2fe571 0%, #0f7a6d 100%);
  border-color: transparent;
  color: #ffffff !important;
}

html[data-app-theme="cco"] .btn-success:not(:disabled):not(.disabled):active,
html[data-app-theme="cco"] .btn-whatsapp:not(:disabled):not(.disabled):active {
  background: linear-gradient(135deg, #1ebe5d 0%, #0d6b60 100%);
  color: #ffffff !important;
}

html[data-app-theme="cco"] .btn-success.disabled,
html[data-app-theme="cco"] .btn-success:disabled,
html[data-app-theme="cco"] .btn-whatsapp.disabled,
html[data-app-theme="cco"] .btn-whatsapp:disabled,
html[data-app-theme="cco"] a.btn-success.disabled,
html[data-app-theme="cco"] a.btn-whatsapp.disabled {
  color: #ffffff !important;
  opacity: 0.55;
}

html[data-app-theme="cco"] .btn-success i,
html[data-app-theme="cco"] .btn-whatsapp i,
html[data-app-theme="cco"] a.btn-success i,
html[data-app-theme="cco"] a.btn-whatsapp i {
  color: #ffffff !important;
}

html[data-app-theme="cco"] .entity-detail-card a.btn {
  text-decoration: none;
}

/* Enlace WhatsApp en listas (número clickeable) */
html[data-app-theme="cco"] .socio-whatsapp-link,
html[data-app-theme="cco"] a.socio-whatsapp-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #1fa855 !important;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

html[data-app-theme="cco"] .socio-whatsapp-link:hover,
html[data-app-theme="cco"] a.socio-whatsapp-link:hover {
  color: #128c7e !important;
  text-decoration: underline;
}

html[data-app-theme="cco"] .socio-whatsapp-link i {
  color: inherit !important;
  font-size: 1.05em;
}

html[data-app-theme="cco"] .socio-contacto-nombre {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text);
  line-height: 1.35;
  margin-bottom: 0.2rem;
}

html[data-app-theme="cco"] .btn-outline-soft {
  border-color: var(--border);
}

/* Secondary button variant by mode */
html[data-app-theme="cco"][data-theme="light"] .btn-light {
  background: linear-gradient(180deg, #fffdfa 0%, #f2e8da 100%);
  border-color: rgba(182, 138, 45, 0.24);
  color: #6a4d22;
}

html[data-app-theme="cco"][data-theme="dark"] .btn-light {
  background: linear-gradient(180deg, #2d1d22 0%, #201419 100%);
  border-color: rgba(208, 166, 74, 0.24);
  color: #f1dca8;
}

/* SweetAlert is themed here because it is global and not module-specific */
html[data-app-theme="cco"][data-theme="light"] .swal2-popup {
  background: linear-gradient(180deg, #fffaf3 0%, #f4ebdf 100%) !important;
  color: #4a2a29 !important;
  border: 1px solid rgba(122, 23, 48, 0.12);
  box-shadow: 0 18px 40px rgba(92, 36, 27, 0.14);
}

html[data-app-theme="cco"][data-theme="dark"] .swal2-popup {
  background: linear-gradient(180deg, #241419 0%, #1a1014 100%) !important;
  color: #f4e7d8 !important;
  border: 1px solid rgba(182, 138, 45, 0.16);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.36);
}

html[data-app-theme="cco"][data-theme="light"] .swal2-title,
html[data-app-theme="cco"][data-theme="light"] .swal2-html-container {
  color: #6a1228 !important;
}

html[data-app-theme="cco"][data-theme="dark"] .swal2-title,
html[data-app-theme="cco"][data-theme="dark"] .swal2-html-container {
  color: #f4e7d8 !important;
}

html[data-app-theme="cco"][data-theme="light"] .swal2-styled.swal2-confirm {
  background: linear-gradient(135deg, #7a1730 0%, #5e1025 100%) !important;
  color: #fff7ee !important;
  box-shadow: none !important;
}

html[data-app-theme="cco"][data-theme="dark"] .swal2-styled.swal2-confirm {
  background: linear-gradient(135deg, #8a1534 0%, #671023 100%) !important;
  color: #fff7ee !important;
  box-shadow: none !important;
}

html[data-app-theme="cco"][data-theme="light"] .swal2-styled.swal2-cancel {
  background: linear-gradient(180deg, #fff8ed 0%, #f5ebdc 100%) !important;
  color: #8b6b25 !important;
  border: 1px solid rgba(182, 138, 45, 0.2) !important;
  box-shadow: none !important;
}

html[data-app-theme="cco"][data-theme="dark"] .swal2-styled.swal2-cancel {
  background: linear-gradient(180deg, #2a1b20 0%, #211519 100%) !important;
  color: #f0d79d !important;
  border: 1px solid rgba(182, 138, 45, 0.16) !important;
  box-shadow: none !important;
}

/* Cross-module status helpers */
html[data-app-theme="cco"] .soft-status,
html[data-app-theme="cco"] .badge-soft-warning {
  background: rgba(182, 138, 45, 0.16);
  color: #b68a2d;
}

html[data-app-theme="cco"] .badge-soft-success {
  background: rgba(122, 23, 48, 0.12);
  color: var(--primary);
}

html[data-app-theme="cco"] .badge-soft-danger {
  background: rgba(169, 60, 56, 0.18);
  color: #c15e58;
}

/* Footer layout tune:
 * Use a flex column shell so the footer stays at the bottom
 * without creating artificial blank space above it.
 */
html[data-app-theme="cco"] .app-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

html[data-app-theme="cco"] .content-wrapper,
html[data-app-theme="cco"] .app-content {
  flex: 1 0 auto;
  min-height: 0;
  padding-bottom: 0.75rem;
}

html[data-app-theme="cco"] .app-footer {
  margin-top: auto;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}