/* ═══════════════════════════════════════════════════════════════
   Maître Ballouk — Luxury Admin CSS  v1.0.0
═══════════════════════════════════════════════════════════════ */

/* ── DESIGN TOKENS ─────────────────────────────────────────── */
:root {
  --cam-bg:           #f4f2ed;
  --cam-surface:      #ffffff;
  --cam-border:       #e8e3dc;
  --cam-text:         #1a1a1a;
  --cam-text-2:       #6b6557;
  --cam-text-3:       #9b9287;
  --cam-gold:         #b8965a;
  --cam-gold-light:   #f5edd9;
  --cam-gold-dark:    #8a6e3d;
  --cam-green:        #2d7a5a;
  --cam-green-light:  #e8f5ef;
  --cam-blue:         #2d5db0;
  --cam-blue-light:   #e8eef8;
  --cam-red:          #c0392b;
  --cam-red-light:    #fae9e7;
  --cam-purple:       #6b3fa0;
  --cam-purple-light: #f0eaf8;
  --cam-orange:       #d97706;
  --cam-orange-light: #fef3c7;
  --cam-radius:       12px;
  --cam-radius-sm:    8px;
  --cam-radius-lg:    16px;
  --cam-shadow:       0 1px 3px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);
  --cam-shadow-md:    0 4px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);
  --cam-shadow-hover: 0 8px 24px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.06);
  --cam-font-serif:   'DM Serif Display', Georgia, serif;
  --cam-font-sans:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --cam-ease:         all .18s ease;
}

/* ── GLOBAL ─────────────────────────────────────────────────── */
body.wp-admin {
  background-color: var(--cam-bg) !important;
  font-family:      var(--cam-font-sans) !important;
  color:            var(--cam-text) !important;
}

/* ── SIDEBAR MENU ──────────────────────────────────────────── */
#adminmenuback,
#adminmenuwrap,
#adminmenu {
  background: #0f0e0c !important;
}

#adminmenu a,
#adminmenu .wp-menu-name {
  font-family:    var(--cam-font-sans) !important;
  font-size:      13.5px !important;
  font-weight:    400 !important;
  color:          #b8b0a5 !important;
  letter-spacing: .01em !important;
}

#adminmenu li.menu-top:hover > a,
#adminmenu li:hover > a {
  color:      #fff !important;
  background: transparent !important;
}

#adminmenu li.current > a,
#adminmenu .wp-has-current-submenu > a,
#adminmenu .current > a.menu-top {
  color:      var(--cam-gold) !important;
  background: rgba(184,150,90,.12) !important;
}

#adminmenu .wp-menu-image::before,
#adminmenu .menu-icon-generic .wp-menu-image::before {
  color: #b8b0a5 !important;
}

#adminmenu li.current .wp-menu-image::before,
#adminmenu .current > a .wp-menu-image::before {
  color: var(--cam-gold) !important;
}

#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-submenu {
  background: #0a0908 !important;
}

#adminmenu .wp-submenu a {
  color:   #8a7e74 !important;
  padding: 5px 5px 5px 16px !important;
}

#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu li.current > a {
  color:      var(--cam-gold) !important;
  background: transparent !important;
}

#adminmenu .wp-menu-separator {
  background: rgba(255,255,255,.06) !important;
}

#adminmenu::-webkit-scrollbar       { width: 3px; }
#adminmenu::-webkit-scrollbar-thumb { background: rgba(255,255,255,.08); border-radius: 3px; }

/* Update bubble — hide */
#menu-plugins .update-plugins,
#adminmenu   .update-plugins { display: none !important; }

/* ── ADMIN BAR ──────────────────────────────────────────────── */
#wpadminbar {
  background:   #0f0e0c !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  font-family:  var(--cam-font-sans) !important;
}

#wpadminbar .ab-item,
#wpadminbar a.ab-item,
#wpadminbar .ab-empty-item {
  font-family: var(--cam-font-sans) !important;
  font-size:   13px !important;
  color:       #b8b0a5 !important;
}

#wpadminbar .ab-item:hover,
#wpadminbar a.ab-item:hover {
  color:      #fff !important;
  background: rgba(255,255,255,.06) !important;
}

#wpadminbar #wp-admin-bar-site-name > a {
  color:       #fff !important;
  font-weight: 600 !important;
}

/* ── MAIN CONTENT ───────────────────────────────────────────── */
#wpcontent,
#wpbody {
  background: var(--cam-bg) !important;
}

#wpbody-content { padding-bottom: 48px; }

.wrap h1,
.wrap h1.wp-heading-inline {
  font-family:     var(--cam-font-serif) !important;
  font-size:       26px !important;
  font-weight:     400 !important;
  color:           var(--cam-text) !important;
  letter-spacing: -.02em !important;
  line-height:     1.2 !important;
  margin-bottom:   20px !important;
}

/* ── BUTTONS ────────────────────────────────────────────────── */
.button-primary {
  background:      var(--cam-text) !important;
  border-color:    var(--cam-text) !important;
  border-radius:   var(--cam-radius-sm) !important;
  box-shadow:      none !important;
  color:           #fff !important;
  font-family:     var(--cam-font-sans) !important;
  font-size:       13.5px !important;
  font-weight:     500 !important;
  padding:         8px 20px !important;
  letter-spacing: .01em !important;
  transition:      var(--cam-ease) !important;
  height:          auto !important;
}
.button-primary:hover {
  background:   #2a2a2a !important;
  border-color: #2a2a2a !important;
  color:        #fff !important;
}

.button,
.button-secondary {
  background:    var(--cam-surface) !important;
  border-color:  var(--cam-border) !important;
  border-radius: var(--cam-radius-sm) !important;
  box-shadow:    none !important;
  color:         var(--cam-text) !important;
  font-family:   var(--cam-font-sans) !important;
  font-size:     13.5px !important;
  font-weight:   500 !important;
  padding:       8px 18px !important;
  transition:    var(--cam-ease) !important;
  height:        auto !important;
}
.button:hover,
.button-secondary:hover {
  border-color: var(--cam-text) !important;
  color:        var(--cam-text) !important;
}

/* ── TABLES ─────────────────────────────────────────────────── */
.wp-list-table {
  background:    var(--cam-surface) !important;
  border-radius: var(--cam-radius) !important;
  box-shadow:    var(--cam-shadow) !important;
  border:        1px solid var(--cam-border) !important;
  overflow:      hidden !important;
}

.wp-list-table th {
  background:      var(--cam-bg) !important;
  color:           var(--cam-text-3) !important;
  font-family:     var(--cam-font-sans) !important;
  font-size:       11px !important;
  font-weight:     600 !important;
  letter-spacing: .08em !important;
  text-transform:  uppercase !important;
  border-bottom:   1px solid var(--cam-border) !important;
  padding:         12px 16px !important;
}

.wp-list-table td {
  border-bottom: 1px solid var(--cam-border) !important;
  font-family:   var(--cam-font-sans) !important;
  font-size:     13.5px !important;
  color:         var(--cam-text) !important;
  padding:       14px 16px !important;
  vertical-align: middle !important;
}

.wp-list-table tr:last-child td { border-bottom: none !important; }
.wp-list-table .row-actions { font-size: 12px !important; }

/* ── FORMS & INPUTS ─────────────────────────────────────────── */
.search-box input[type="search"],
.search-box input[type="text"],
input[type="text"].regular-text,
input[type="email"],
textarea,
select {
  border:        1px solid var(--cam-border) !important;
  border-radius: var(--cam-radius-sm) !important;
  box-shadow:    none !important;
  font-family:   var(--cam-font-sans) !important;
  font-size:     13.5px !important;
  padding:       8px 14px !important;
  background:    var(--cam-surface) !important;
  color:         var(--cam-text) !important;
  transition:    var(--cam-ease) !important;
}

.search-box input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  border-color: var(--cam-gold) !important;
  outline:      none !important;
  box-shadow:   0 0 0 3px rgba(184,150,90,.12) !important;
}

/* ── NOTICES ────────────────────────────────────────────────── */
.notice,
.updated,
.error,
.is-dismissible {
  border-radius:  var(--cam-radius-sm) !important;
  border-left-width: 3px !important;
  box-shadow:     none !important;
  font-family:    var(--cam-font-sans) !important;
  font-size:      13.5px !important;
}

/* ── META BOXES ─────────────────────────────────────────────── */
.postbox {
  border:        1px solid var(--cam-border) !important;
  border-radius: var(--cam-radius) !important;
  box-shadow:    var(--cam-shadow) !important;
  background:    var(--cam-surface) !important;
  overflow:      hidden !important;
}

.postbox .postbox-header {
  background:    var(--cam-surface) !important;
  border-bottom: 1px solid var(--cam-border) !important;
}

.postbox-header h2 {
  font-family:    var(--cam-font-sans) !important;
  font-size:      13px !important;
  font-weight:    600 !important;
  color:          var(--cam-text) !important;
  letter-spacing: .02em !important;
}

/* ── FOOTER ─────────────────────────────────────────────────── */
#wpfooter {
  background:  transparent !important;
  border-top:  1px solid var(--cam-border) !important;
  padding:     16px 20px !important;
}

#wpfooter p {
  font-family: var(--cam-font-sans) !important;
  font-size:   12px !important;
  color:       var(--cam-text-3) !important;
}

/* ═══════════════════════════════════════════════════════════════
   CUSTOM DASHBOARD
═══════════════════════════════════════════════════════════════ */

.cam-dashboard {
  padding:   6px 0 48px;
  max-width: 1400px;
}

/* ── HEADER ─────────────────────────────────────────────────── */
.cam-header {
  display:         flex;
  align-items:     flex-start;
  justify-content: space-between;
  margin-bottom:   32px;
  padding:         0 2px;
}

.cam-greeting {
  font-family:    var(--cam-font-serif) !important;
  font-size:      30px !important;
  font-weight:    400 !important;
  color:          var(--cam-text) !important;
  letter-spacing: -.02em !important;
  line-height:    1.2 !important;
  margin:         0 0 6px !important;
}

.cam-subheading {
  font-family: var(--cam-font-sans) !important;
  font-size:   15px !important;
  color:       var(--cam-text-2) !important;
  margin:      0 !important;
  font-weight: 400 !important;
}

/* ── CTA BUTTONS ────────────────────────────────────────────── */
.cam-btn-primary {
  display:        inline-flex !important;
  align-items:    center !important;
  gap:            8px !important;
  background:     var(--cam-text) !important;
  color:          #fff !important;
  border:         none !important;
  border-radius:  var(--cam-radius-sm) !important;
  padding:        10px 20px !important;
  font-family:    var(--cam-font-sans) !important;
  font-size:      13.5px !important;
  font-weight:    500 !important;
  text-decoration: none !important;
  cursor:         pointer !important;
  transition:     var(--cam-ease) !important;
  letter-spacing: .01em !important;
  white-space:    nowrap !important;
}

.cam-btn-primary:hover {
  background:  #2a2a2a !important;
  color:       #fff !important;
  transform:   translateY(-1px) !important;
  box-shadow:  0 4px 12px rgba(0,0,0,.15) !important;
}

.cam-btn-secondary {
  display:        inline-flex !important;
  align-items:    center !important;
  gap:            8px !important;
  background:     var(--cam-surface) !important;
  color:          var(--cam-text) !important;
  border:         1px solid var(--cam-border) !important;
  border-radius:  var(--cam-radius-sm) !important;
  padding:        9px 18px !important;
  font-family:    var(--cam-font-sans) !important;
  font-size:      13.5px !important;
  font-weight:    500 !important;
  text-decoration: none !important;
  cursor:         pointer !important;
  transition:     var(--cam-ease) !important;
}

.cam-btn-secondary:hover {
  border-color: var(--cam-text) !important;
  color:        var(--cam-text) !important;
  transform:    translateY(-1px) !important;
}

.cam-btn-support {
  display:         inline-flex !important;
  align-items:     center !important;
  justify-content: center !important;
  background:      var(--cam-gold) !important;
  color:           #fff !important;
  border:          none !important;
  border-radius:   var(--cam-radius-sm) !important;
  padding:         11px 24px !important;
  font-family:     var(--cam-font-sans) !important;
  font-size:       13.5px !important;
  font-weight:     500 !important;
  text-decoration: none !important;
  width:           100% !important;
  cursor:          pointer !important;
  transition:      var(--cam-ease) !important;
  letter-spacing: .01em !important;
}

.cam-btn-support:hover {
  background: var(--cam-gold-dark) !important;
  color:      #fff !important;
  transform:  translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(184,150,90,.3) !important;
}

/* ── HEADER ACTIONS & DEV TOGGLE ────────────────────────── */
.cam-header-actions {
  display:     flex !important;
  align-items: center !important;
  gap:         10px !important;
  flex-shrink: 0 !important;
}

.cam-btn-dev {
  display:        inline-flex !important;
  align-items:    center !important;
  gap:            7px !important;
  background:     transparent !important;
  color:          var(--cam-text-3) !important;
  border:         1px solid var(--cam-border) !important;
  border-radius:  var(--cam-radius-sm) !important;
  padding:        9px 14px !important;
  font-family:    var(--cam-font-sans) !important;
  font-size:      12.5px !important;
  font-weight:    500 !important;
  cursor:         pointer !important;
  transition:     var(--cam-ease) !important;
  letter-spacing: .01em !important;
}

.cam-btn-dev:hover {
  border-color: var(--cam-text) !important;
  color:        var(--cam-text) !important;
  background:   var(--cam-surface) !important;
}

.cam-btn-dev--active {
  background:   #1a1a1a !important;
  border-color: #1a1a1a !important;
  color:        #fff !important;
}

.cam-btn-dev--active:hover {
  background:   #333 !important;
  border-color: #333 !important;
  color:        #fff !important;
}

.cam-btn-dev.cam-btn-dev--loading {
  opacity:        0.6 !important;
  pointer-events: none !important;
  cursor:         wait !important;
}

/* ── SECTION ────────────────────────────────────────────────── */
.cam-section {
  background:    var(--cam-surface) !important;
  border:        1px solid var(--cam-border) !important;
  border-radius: var(--cam-radius-lg) !important;
  box-shadow:    var(--cam-shadow) !important;
  padding:       28px 28px 24px !important;
  margin-bottom: 20px !important;
}

.cam-section--compact { padding: 22px 24px 20px !important; }

/* .cam-section--support removed */

.cam-section-header {
  display:         flex !important;
  align-items:     center !important;
  justify-content: space-between !important;
  margin-bottom:   20px !important;
}

.cam-section-title {
  font-family:    var(--cam-font-serif) !important;
  font-size:      20px !important;
  font-weight:    400 !important;
  color:          var(--cam-text) !important;
  letter-spacing: -.01em !important;
  margin:         0 !important;
  line-height:    1.3 !important;
}

.cam-section--support .cam-section-title { color: #fff !important; }

.cam-badge {
  display:        inline-block !important;
  background:     var(--cam-bg) !important;
  border:         1px solid var(--cam-border) !important;
  border-radius:  20px !important;
  padding:        4px 12px !important;
  font-family:    var(--cam-font-sans) !important;
  font-size:      11.5px !important;
  font-weight:    500 !important;
  color:          var(--cam-text-2) !important;
  letter-spacing: .02em !important;
}

.cam-section-link {
  color:           var(--cam-gold) !important;
  font-family:     var(--cam-font-sans) !important;
  font-size:       13px !important;
  font-weight:     500 !important;
  text-decoration: none !important;
  transition:      var(--cam-ease) !important;
}

.cam-section-link:hover { color: var(--cam-gold-dark) !important; }

/* ── ANALYTICS CONNECTED ────────────────────────────────────── */
.cam-analytics-connected {
  background:    var(--cam-bg) !important;
  border-radius: var(--cam-radius) !important;
  padding:       24px !important;
}

.cam-analytics-kpi-row {
  display:               grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap:                   16px !important;
  margin-bottom:         20px !important;
}

.cam-analytics-kpi {
  background:    var(--cam-surface) !important;
  border:        1px solid var(--cam-border) !important;
  border-radius: var(--cam-radius-sm) !important;
  padding:       20px !important;
  display:       flex !important;
  flex-direction: column !important;
  gap:           6px !important;
}

.cam-analytics-kpi-value {
  font-family:    var(--cam-font-serif) !important;
  font-size:      32px !important;
  font-weight:    400 !important;
  color:          var(--cam-text) !important;
  letter-spacing: -.02em !important;
  line-height:    1 !important;
}

.cam-analytics-kpi-label {
  font-family:    var(--cam-font-sans) !important;
  font-size:      12px !important;
  color:          var(--cam-text-3) !important;
  font-weight:    500 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

.cam-analytics-footer {
  display:         flex !important;
  align-items:     center !important;
  justify-content: space-between !important;
  gap:             12px !important;
}

.cam-analytics-sync-info {
  font-family: var(--cam-font-sans) !important;
  font-size:   12px !important;
  color:       var(--cam-text-3) !important;
}

/* ── ANALYTICS PLACEHOLDER ──────────────────────────────────── */
.cam-analytics-placeholder {
  display:        flex !important;
  flex-direction: column !important;
  align-items:    center !important;
  text-align:     center !important;
  padding:        48px 24px !important;
  background:     var(--cam-bg) !important;
  border-radius:  var(--cam-radius) !important;
  border:         2px dashed var(--cam-border) !important;
}

.cam-placeholder-icon {
  width:          72px !important;
  height:         72px !important;
  background:     var(--cam-gold-light) !important;
  border-radius:  50% !important;
  display:        flex !important;
  align-items:    center !important;
  justify-content: center !important;
  color:          var(--cam-gold) !important;
  margin-bottom:  20px !important;
}

.cam-analytics-placeholder h3 {
  font-family:    var(--cam-font-serif) !important;
  font-size:      20px !important;
  font-weight:    400 !important;
  color:          var(--cam-text) !important;
  margin:         0 0 8px !important;
  letter-spacing: -.01em !important;
}

.cam-analytics-placeholder p {
  color:         var(--cam-text-2) !important;
  font-family:   var(--cam-font-sans) !important;
  font-size:     14px !important;
  line-height:   1.6 !important;
  margin:        0 0 24px !important;
  max-width:     380px !important;
}

/* ── QUICK ACTIONS ──────────────────────────────────────────── */
.cam-actions-grid {
  display:               grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap:                   14px !important;
}

@media (max-width: 1200px) {
  .cam-actions-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

.cam-action-card {
  display:        flex !important;
  align-items:    center !important;
  gap:            16px !important;
  background:     var(--cam-bg) !important;
  border:         1px solid var(--cam-border) !important;
  border-radius:  var(--cam-radius) !important;
  padding:        18px 20px !important;
  text-decoration: none !important;
  color:          var(--cam-text) !important;
  transition:     var(--cam-ease) !important;
}

.cam-action-card:hover {
  background:   var(--cam-surface) !important;
  border-color: var(--cam-gold) !important;
  box-shadow:   var(--cam-shadow-md) !important;
  transform:    translateY(-2px) !important;
  color:        var(--cam-text) !important;
}

.cam-action-icon {
  width:          44px !important;
  height:         44px !important;
  border-radius:  10px !important;
  background:     rgba(0,0,0,.07) !important;
  display:        flex !important;
  align-items:    center !important;
  justify-content: center !important;
  flex-shrink:    0 !important;
  color:          var(--cam-text) !important;
  transition:     var(--cam-ease) !important;
}

.cam-action-icon--gold   { background: var(--cam-gold-light) !important;   color: var(--cam-gold-dark) !important; }
.cam-action-icon--dark   { background: #1a1a1a !important;                  color: #fff !important; }
.cam-action-icon--blue   { background: var(--cam-blue-light) !important;   color: var(--cam-blue) !important; }
.cam-action-icon--green  { background: var(--cam-green-light) !important;  color: var(--cam-green) !important; }
.cam-action-icon--purple { background: var(--cam-purple-light) !important; color: var(--cam-purple) !important; }

.cam-action-content {
  display:        flex !important;
  flex-direction: column !important;
  gap:            3px !important;
  flex:           1 !important;
  min-width:      0 !important;
}

.cam-action-title {
  font-family:     var(--cam-font-sans) !important;
  font-size:       14px !important;
  font-weight:     600 !important;
  color:           var(--cam-text) !important;
  white-space:     nowrap !important;
  overflow:        hidden !important;
  text-overflow:   ellipsis !important;
}

.cam-action-desc {
  font-family: var(--cam-font-sans) !important;
  font-size:   12px !important;
  color:       var(--cam-text-3) !important;
  font-weight: 400 !important;
}

.cam-action-arrow {
  color:      var(--cam-text-3) !important;
  flex-shrink: 0 !important;
  opacity:    0 !important;
  transition: var(--cam-ease) !important;
}

.cam-action-card:hover .cam-action-arrow {
  opacity:   1 !important;
  color:     var(--cam-gold) !important;
  transform: translateX(3px) !important;
}

/* ── TWO-COLUMN ─────────────────────────────────────────────── */
.cam-two-col {
  display:               grid !important;
  grid-template-columns: 1fr 340px !important;
  gap:                   20px !important;
  align-items:           stretch !important;
}

@media (max-width: 1100px) {
  .cam-two-col { grid-template-columns: 1fr !important; }
}

.cam-right-col {
  display:        flex !important;
  flex-direction: column !important;
  gap:            20px !important;
  height:         100% !important;
}

.cam-section--full-height {
  flex:   1 !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* ── CONTENT LIST ───────────────────────────────────────────── */
.cam-list {
  display:        flex !important;
  flex-direction: column !important;
  gap:            2px !important;
}

.cam-list-item {
  display:     flex !important;
  align-items: center !important;
  gap:         14px !important;
  padding:     10px 12px !important;
  border-radius: var(--cam-radius-sm) !important;
  transition:  var(--cam-ease) !important;
}

.cam-list-item:hover { background: var(--cam-bg) !important; }

.cam-list-thumb {
  width:               40px !important;
  height:              40px !important;
  border-radius:       8px !important;
  background-size:     cover !important;
  background-position: center !important;
  flex-shrink:         0 !important;
  overflow:            hidden !important;
}

.cam-list-thumb--empty {
  background:      var(--cam-gold-light) !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  color:           var(--cam-gold) !important;
}

.cam-list-content {
  flex:           1 !important;
  min-width:      0 !important;
  display:        flex !important;
  flex-direction: column !important;
  gap:            2px !important;
}

.cam-list-title {
  font-family:    var(--cam-font-sans) !important;
  font-size:      13.5px !important;
  font-weight:    500 !important;
  color:          var(--cam-text) !important;
  white-space:    nowrap !important;
  overflow:       hidden !important;
  text-overflow:  ellipsis !important;
}

.cam-list-meta {
  font-family: var(--cam-font-sans) !important;
  font-size:   12px !important;
  color:       var(--cam-text-3) !important;
  display:     flex !important;
  align-items: center !important;
  gap:         4px !important;
  flex-wrap:   wrap !important;
}

.cam-list-views {
  display:     inline-flex !important;
  align-items: center !important;
  gap:         3px !important;
  color:       var(--cam-gold) !important;
  font-weight: 500 !important;
}

.cam-list-edit {
  color:         var(--cam-text-3) !important;
  opacity:       0 !important;
  transition:    var(--cam-ease) !important;
  padding:       6px !important;
  border-radius: 6px !important;
  display:       flex !important;
  align-items:   center !important;
  flex-shrink:   0 !important;
}

.cam-list-item:hover .cam-list-edit {
  opacity:    1 !important;
  color:      var(--cam-gold) !important;
  background: var(--cam-gold-light) !important;
}

/* ── STATUS WIDGET ──────────────────────────────────────────── */
.cam-status-list {
  display:        flex !important;
  flex-direction: column !important;
  gap:            12px !important;
}

.cam-status-item {
  display:     flex !important;
  align-items: center !important;
  gap:         10px !important;
  font-family: var(--cam-font-sans) !important;
  font-size:   13.5px !important;
}

.cam-status-dot {
  width:        8px !important;
  height:       8px !important;
  border-radius: 50% !important;
  flex-shrink:  0 !important;
}

.cam-status-dot--green { background: var(--cam-green) !important; box-shadow: 0 0 0 2px rgba(45,122,90,.2) !important; }
.cam-status-dot--red   { background: var(--cam-red) !important;   box-shadow: 0 0 0 2px rgba(192,57,43,.2) !important; }
.cam-status-dot--gold  { background: var(--cam-gold) !important;  box-shadow: 0 0 0 2px rgba(184,150,90,.2) !important; }

.cam-status-label { flex: 1 !important; color: var(--cam-text) !important; }

.cam-status-value {
  font-weight: 500 !important;
  color:       var(--cam-text-2) !important;
  font-size:   13px !important;
}

.cam-status-value--green { color: var(--cam-green) !important; }
.cam-status-value--red   { color: var(--cam-red) !important; }
.cam-status-value--gold  { color: var(--cam-gold) !important; }

/* ── SUPPORT CARD ───────────────────────────────────────────── */
.cam-support-inner {
  display:        flex !important;
  flex-direction: column !important;
  align-items:    center !important;
  text-align:     center !important;
  padding:        4px 0 !important;
}

.cam-support-icon {
  width:           52px !important;
  height:          52px !important;
  background:      rgba(255,255,255,.08) !important;
  border-radius:   50% !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  color:           var(--cam-gold) !important;
  margin-bottom:   16px !important;
}

.cam-support-title {
  font-family:    var(--cam-font-serif) !important;
  font-size:      20px !important;
  font-weight:    400 !important;
  color:          #fff !important;
  margin:         0 0 8px !important;
  letter-spacing: -.01em !important;
}

.cam-support-text {
  color:       rgba(255,255,255,.5) !important;
  font-family: var(--cam-font-sans) !important;
  font-size:   13.5px !important;
  line-height: 1.6 !important;
  margin:      0 0 20px !important;
}

/* ── UNREAD BADGE ───────────────────────────────────────────── */
.cam-unread-badge {
  display:        inline-block !important;
  background:     var(--cam-gold-light) !important;
  color:          var(--cam-gold-dark) !important;
  border-radius:  20px !important;
  padding:        2px 10px !important;
  font-family:    var(--cam-font-sans) !important;
  font-size:      11.5px !important;
  font-weight:    600 !important;
  margin-left:    10px !important;
  vertical-align: middle !important;
}

/* ── MESSAGE ROWS ────────────────────────────────────────────── */
.cam-msg-dot {
  display:       inline-block !important;
  width:         7px !important;
  height:        7px !important;
  background:    var(--cam-gold) !important;
  border-radius: 50% !important;
  flex-shrink:   0 !important;
}

.cam-msg-avatar {
  width:           36px !important;
  height:          36px !important;
  border-radius:   50% !important;
  background:      var(--cam-gold-light) !important;
  color:           var(--cam-gold-dark) !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  font-family:     var(--cam-font-serif) !important;
  font-size:       16px !important;
  flex-shrink:     0 !important;
}

.cam-msg-avatar--lg {
  width:     52px !important;
  height:    52px !important;
  font-size: 22px !important;
}

/* ── MESSAGES PAGE ───────────────────────────────────────────── */
.cam-messages-layout {
  display:               grid !important;
  grid-template-columns: 320px 1fr !important;
  gap:                   20px !important;
  align-items:           start !important;
}

@media (max-width: 900px) {
  .cam-messages-layout { grid-template-columns: 1fr !important; }
}

.cam-messages-list .cam-list { gap: 0 !important; }

.cam-msg-row {
  display:        flex !important;
  align-items:    center !important;
  gap:            12px !important;
  padding:        14px 16px !important;
  border-radius:  var(--cam-radius-sm) !important;
  text-decoration: none !important;
  color:          var(--cam-text) !important;
  transition:     var(--cam-ease) !important;
  cursor:         pointer !important;
}

.cam-msg-row:hover { background: var(--cam-bg) !important; }

.cam-msg-row--active {
  background:   var(--cam-gold-light) !important;
  border-color: var(--cam-gold) !important;
}

.cam-msg-info {
  flex:           1 !important;
  min-width:      0 !important;
  display:        flex !important;
  flex-direction: column !important;
  gap:            3px !important;
}

.cam-msg-name {
  font-family:    var(--cam-font-sans) !important;
  font-size:      13.5px !important;
  font-weight:    500 !important;
  color:          var(--cam-text) !important;
  display:        flex !important;
  align-items:    center !important;
  gap:            6px !important;
}

.cam-msg-preview {
  font-family:   var(--cam-font-sans) !important;
  font-size:     12px !important;
  color:         var(--cam-text-3) !important;
  white-space:   nowrap !important;
  overflow:      hidden !important;
  text-overflow: ellipsis !important;
}

.cam-msg-date {
  font-family: var(--cam-font-sans) !important;
  font-size:   11.5px !important;
  color:       var(--cam-text-3) !important;
  flex-shrink: 0 !important;
}

.cam-msg-detail {
  position: sticky !important;
  top:       32px !important;
}

.cam-msg-detail--empty {
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  min-height:      300px !important;
}

.cam-msg-detail-header {
  display:     flex !important;
  align-items: center !important;
  gap:         16px !important;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid var(--cam-border) !important;
}

.cam-msg-detail-name {
  font-family:    var(--cam-font-serif) !important;
  font-size:      20px !important;
  font-weight:    400 !important;
  margin:         0 0 4px !important;
  letter-spacing: -.01em !important;
}

.cam-msg-detail-email {
  color:           var(--cam-gold) !important;
  font-family:     var(--cam-font-sans) !important;
  font-size:       13.5px !important;
  text-decoration: none !important;
}

.cam-msg-detail-email:hover { color: var(--cam-gold-dark) !important; }

.cam-msg-detail-meta {
  display:     flex !important;
  flex-wrap:   wrap !important;
  gap:         16px !important;
  font-family: var(--cam-font-sans) !important;
  font-size:   12.5px !important;
  color:       var(--cam-text-2) !important;
  margin-bottom: 20px !important;
}

.cam-msg-detail-meta span {
  display:     flex !important;
  align-items: center !important;
  gap:         5px !important;
}

.cam-msg-body {
  background:    var(--cam-bg) !important;
  border-radius: var(--cam-radius-sm) !important;
  padding:       20px !important;
  font-family:   var(--cam-font-sans) !important;
  font-size:     14px !important;
  line-height:   1.7 !important;
  color:         var(--cam-text) !important;
  white-space:   pre-wrap !important;
}

/* ── EMPTY STATE ────────────────────────────────────────────── */
.cam-empty-state {
  text-align: center !important;
  padding:    32px 20px !important;
}

.cam-empty-state p {
  color:       var(--cam-text-3) !important;
  font-family: var(--cam-font-sans) !important;
  font-size:   13.5px !important;
  margin:      0 0 16px !important;
}

/* ═══════════════════════════════════════════════════════════════
   LOGIN PAGE
═══════════════════════════════════════════════════════════════ */

.login {
  background: var(--cam-bg) !important;
}

.login #login { width: 380px !important; }

.login #login h1 a {
  background-image:  none !important;
  background-color:  transparent !important;
  width:             auto !important;
  height:            auto !important;
  font-family:       var(--cam-font-serif) !important;
  font-size:         24px !important;
  color:             var(--cam-text) !important;
  font-weight:       400 !important;
  letter-spacing:   -.02em !important;
  text-decoration:   none !important;
  text-shadow:       none !important;
  display:           block !important;
  text-align:        center !important;
  padding:           0 !important;
  margin-bottom:     4px !important;
}

/* Replace WordPress logo with firm name */
.login #login h1 a::before {
  content: 'Maître Ballouk' !important;
}

.login form {
  background:    var(--cam-surface) !important;
  border-radius: var(--cam-radius-lg) !important;
  border:        1px solid var(--cam-border) !important;
  box-shadow:    var(--cam-shadow-md) !important;
  padding:       32px !important;
  margin-top:    24px !important;
}

.login label {
  font-family:    var(--cam-font-sans) !important;
  font-size:      12px !important;
  font-weight:    600 !important;
  color:          var(--cam-text-3) !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
  border:        1px solid var(--cam-border) !important;
  border-radius: var(--cam-radius-sm) !important;
  box-shadow:    none !important;
  font-family:   var(--cam-font-sans) !important;
  font-size:     14px !important;
  padding:       10px 14px !important;
  background:    var(--cam-bg) !important;
  color:         var(--cam-text) !important;
  transition:    var(--cam-ease) !important;
  height:        auto !important;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus {
  border-color: var(--cam-gold) !important;
  outline:      none !important;
  box-shadow:   0 0 0 3px rgba(184,150,90,.12) !important;
  background:   var(--cam-surface) !important;
}

.login .button-primary {
  background:     var(--cam-text) !important;
  border-color:   var(--cam-text) !important;
  border-radius:  var(--cam-radius-sm) !important;
  box-shadow:     none !important;
  color:          #fff !important;
  font-family:    var(--cam-font-sans) !important;
  font-size:      14px !important;
  font-weight:    500 !important;
  letter-spacing: .02em !important;
  padding:        11px 0 !important;
  width:          100% !important;
  height:         auto !important;
  transition:     var(--cam-ease) !important;
}

.login .button-primary:hover {
  background:   #2a2a2a !important;
  border-color: #2a2a2a !important;
  color:        #fff !important;
}

.login #nav a,
.login #backtoblog a {
  color:           var(--cam-text-2) !important;
  font-family:     var(--cam-font-sans) !important;
  font-size:       12.5px !important;
  text-decoration: none !important;
}

.login #nav a:hover,
.login #backtoblog a:hover {
  color: var(--cam-gold) !important;
}

.login #login_error {
  border-left-color: var(--cam-red) !important;
  border-radius:     var(--cam-radius-sm) !important;
  font-family:       var(--cam-font-sans) !important;
  background:        var(--cam-red-light) !important;
}