.theme4 {
  --bg: #fff8f3;
  --surface: #ffffff;
  --primary: #ff7b54;     /* coral CTA */
  --accent: #ffd56f;
  --text: #2b2b2b;
  --muted: #696969;
  --border: #f0d7b8;
  --success: #6fcf97;
  --danger: #eb5757;
  --highlight: #fff2cc;
  --muted-weak: rgba(43,43,43,0.04);
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
}

/* hide/show */
.theme4 nav { display: none; }
.theme4 .container-fluid { margin-left: auto; }
.theme4 .file-search-bar { display: none; }
.theme4 .default-headers { display: none; }
.theme4 .default-row { display: none; }
.theme4 .theme4-headers { display: table-row !important; }
.theme4 .theme4-row { display: table-row !important; }

/* Surfaces */
.theme4 .login-card,
.theme4 .message-card,
.theme4 .list-group-item,
.theme4 .user-list-table,
.theme4 .file-list-table,
.theme4 .table-leaderboard,
.theme4 .charts .chart-container,
.theme4 .totals .stat-container {
  background: var(--surface);
  box-shadow: 0 10px 20px var(--muted-weak);
  color: var(--text);
}

/* Dropzone */
.theme4 .dropzone { border: 2px dashed var(--accent); background: var(--surface); }

/* Inputs / autofill */
.theme4 input { color: var(--text); }
.theme4 input:-webkit-autofill,
.theme4 input:-webkit-autofill:hover,
.theme4 input:-webkit-autofill:focus,
.theme4 input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--surface) inset !important;
}

/* Datepicker / highlight */
.theme4 .highlight { background-color: var(--highlight); color: #111; }
.theme4 .daterangepicker td.active,
.theme4 .daterangepicker td.active:hover { background-color: var(--primary); color: #fff; }
.theme4 .daterangepicker .applyBtn { background-color: var(--primary); border-color: var(--primary); color:#fff; }
.theme4 .daterangepicker .cancelBtn { color: var(--primary); }

/* Floating label */
.theme4 .floating-label,
.theme4 .floating-label-field--s3+.floating-label { color: var(--muted); }
.theme4 .floating-label-field--s3 { border: 1px solid var(--border); color: var(--text); }
.theme4 .floating-label-field--s3:focus,
.theme4 .floating-label-field--s3:not(:placeholder-shown) { border-color: var(--primary); }
.theme4 .floating-label-field--s3:focus + .floating-label,
.theme4 .floating-label-field--s3:not(:placeholder-shown) + .floating-label { background: var(--surface); color: var(--text); }

/* Pagination */
.theme4 .pagination .page-item.active .page-link { background-color: var(--primary); border-color: var(--primary); color: #fff; }
.theme4 .pagination .page-item .page-link { color: var(--primary); }

/* Current file */
.theme4 .current-file { background: var(--surface); border: 1px solid var(--success); }
.theme4 .current-file .file-name { color: #0087F7; } /* keep contrast for file names */
.theme4 .current-file a { color: var(--success); }

/* Dashboard numbers */
.theme4 .dashboard .gooddata-num { color: var(--success); }
.theme4 .dashboard .baddata-num { color: var(--danger); }
.theme4 .dashboard .unsure-num { color: #CECECE; }

/* List group items */
.theme4 .list-group-item { background: var(--surface); }
.theme4 .list-group-item:hover { box-shadow: 2px 4px 16px rgba(0,0,0,0.12); transform: scale3d(1.05,1.05,1.05); }

/* table leaderboard header row */
.theme4 .table-leaderboard tbody tr:first-child { background-color: #ffd56f; opacity: 0.95; color: #1f1f1f; }
.theme4 .table-leaderboard tbody tr:first-child td:first-child div { background: #ffb347; border: 1px solid #ffb347; color: #111; }

/* Login */
.theme4 .login-card .signin-btn { background: var(--primary); border-color: var(--primary); color: #fff; }

/* Side nav */
.theme4 .side-nav { background: var(--surface); box-shadow: 10px 0 20px rgba(0,0,0,0.04); }
.theme4 .side-nav .nav-item.active { background-color: var(--bg); }

/* Buttons */
.theme4 .acceptBtn,
.theme4 .saveBtn,
.theme4 .rejectBtn,
.theme4 .riskyBtn { background: var(--primary); border-color: var(--primary); color: #fff; }

/* Export */
.theme4 .exportRecordsBtn { background-color: transparent; border: 2px solid var(--primary); color: var(--primary); }

/* Select arrows */
.theme4 #exportRecordsModal select,
.theme4 #addUserModal select { 
  background-image:
    linear-gradient(45deg, transparent 50%, var(--primary) 60%),
    linear-gradient(135deg, var(--primary) 40%, transparent 50%); 
}

/* Error */
.theme4 .error-div { color: #c62828; }

/* Exclamation */
.theme4 .exclamation-circle-active { color: var(--primary); }

/* Loader */
.theme4 .lds-ring div { border-color: var(--primary) transparent transparent transparent; }

/* Audit campaign button */
.theme4 .audit-campaign-btn {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
  width: 160px;
  height: 56px;
  font-size: 15px;
  border-radius: 8px;
  transition: background .18s ease, transform .12s ease;
}
.theme4 .audit-campaign-btn:hover { background: #e76f51; transform: translateY(-1px); }
.theme4 .audit-campaign-btn:focus { outline: 3px solid rgba(255,123,84,0.14); outline-offset: 2px; }


/* Theme 4 — Sandstone & Coral button overrides */
.theme4 .user-list-table .deleteBtn,
.theme4 .user-list-table .editBtn,
.theme4 .user-list-table .reviewBtn,
.theme1 .generateSignalsBtn,
.theme4 .confirmDelBtn,
.theme4 .addUserBtn,
.theme4 .confirmAddUserBtn,
.theme4 .uploadLeadsBtn,
.theme4 .confirmUploadLeadsBtn,
.theme4 .uploadAddressesBtn,
.theme4 .confirmUploadAddressesBtn,
.theme4 .uploadPhoneNumbersBtn,
.theme4 .confirmUploadPhoneNumbersBtn,
.theme4 .confirmAppendBlacklistBtn,
.theme4 .confirmClearListBtn,
.theme4 .advancedExportBlacklistBtn,
.theme4 .exportFileBtn,
.theme4 .confirmUpdateUserBtn,
.theme4 .emailValidationBtn,
.theme4 .appendBlacklistBtn,
.theme4 .clearBlacklistBtn,
.theme4 .removeBlacklistBtn,
.theme4 .openConfirmRemoveBlacklistBtn,
.theme4 .confirmRemoveBlacklistBtn,
.theme4 .appendWhitelistBtn,
.theme4 .clearWhitelistBtn,
.theme4 .removeWhitelistBtn,
.theme4 .openConfirmRemoveWhitelistBtn,
.theme4 .confirmRemoveWhitelistBtn,
.theme4 .confirmAppendWhitelistBtn,
.theme4 .exportWhitelistBtn,
.theme4 .swapBtn,
.theme4 .linkedinUrlBtn,
.theme4 .confirmSwapBtn,
.theme4 .advancedExportWhitelistBtn,
.theme4 .appendPhonelistBtn,
.theme4 .removePhonelistBtn,
.theme4 .exportPhonelistBtn,
.theme4 .advancedExportPhonelistBtn,
.theme4 .confirmAppendPhonelistBtn,
.theme4 .openConfirmRemovePhonelistBtn,
.theme4 .confirmRemovePhonelistBtn,
.theme4 .exportLeadsBtn {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
  height: 56px;
  width: 160px;
  font-size: 15px;
  border-radius: 8px;
  cursor: pointer;
  transition: transform .12s ease, filter .12s ease;
}
.theme4 .user-list-table .showFullEmailBtn { width: 95px; }
.theme4 .user-list-table .editBtn,
.theme4 .user-list-table .reviewBtn,
.theme4 .user-list-table .deleteBtn { width: 65px; padding: 8px 10px; font-size: 13px; }

/* exportRecordsBtn keep outlined */
.theme4 .exportRecordsBtn {
  background-color: transparent;
  border: 2px solid var(--primary);
  color: var(--primary);
}

/* Hover / focus / disabled */
.theme4 .user-list-table .editBtn:hover,
.theme4 .confirmDelBtn:hover,
.theme4 .uploadLeadsBtn:hover { filter: brightness(.94); transform: translateY(-1px); }

.theme4 .user-list-table .deleteBtn:hover { filter: brightness(.92); transform: translateY(-1px); }

.theme4 .user-list-table .editBtn:focus,
.theme4 .confirmDelBtn:focus,
.theme4 .exportRecordsBtn:focus {
  outline: 3px solid rgba(255,123,84,0.14);
  outline-offset: 2px;
}

.theme4 .user-list-table .editBtn:disabled,
.theme4 .confirmDelBtn:disabled,
.theme4 .exportRecordsBtn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
