/* User app: donkere sidebar, WIT content-canvas (zoals mockup) */
.user-shell .main {
  background: #ffffff;
  color: #1a1523;
}

.user-shell .user-topbar {
  background: rgba(255, 255, 255, .96) !important;
  border-bottom: 1px solid #ebe6f2;
  color: #1a1523;
}

.user-shell .user-topbar .city-pill {
  background: #fff;
  border: 1px solid #ebe6f2;
  color: #1a1523;
  box-shadow: 0 2px 10px rgba(24, 19, 31, .05);
}

.user-shell .user-topbar .city-pill i { color: var(--pink); }
.user-shell .user-topbar .notify-btn {
  background: #fff;
  border-color: #ebe6f2;
  color: #1a1523;
}

.user-shell .content,
.user-shell .user-content {
  background: #ffffff;
  color: #1a1523;
}

/* Cards op wit canvas */
.user-shell .main .card,
.user-shell .main .modal {
  background: #ffffff;
  border: 1px solid #ebe6f2;
  box-shadow: 0 4px 20px rgba(24, 19, 31, .06);
  color: #1a1523;
}

.user-shell .main .card h2,
.user-shell .main .card h3,
.user-shell .main .home-hello h2 {
  color: #1a1523;
}

.user-shell .main .muted,
.user-shell .main .home-hello p,
.user-shell .main .profile-summary p {
  color: #7a7189;
}

.user-shell .main .card-hover:hover {
  border-color: #ddd6fe;
  box-shadow: 0 8px 28px rgba(124, 58, 237, .1);
}

/* Formulieren op wit */
.user-shell .main .field label { color: #1a1523; }

.user-shell .main .field input,
.user-shell .main .field textarea,
.user-shell .main .field select {
  background: #faf9fc;
  border: 1px solid #ebe6f2;
  color: #1a1523;
}

.user-shell .main .field input::placeholder,
.user-shell .main .field textarea::placeholder {
  color: #a59db3;
}

.user-shell .main .field input:focus,
.user-shell .main .field textarea:focus,
.user-shell .main .field select:focus {
  border-color: var(--pink);
  box-shadow: 0 0 0 3px rgba(255, 79, 178, .12);
}

.user-shell .main .check-chip span {
  background: #faf9fc;
  border: 1px solid #ebe6f2;
  color: #7a7189;
}

.user-shell .main .check-chip input:checked + span {
  background: var(--accent);
  color: #fff;
  border-color: transparent;
}

.user-shell .main .chip {
  background: #f3eeff;
  border: 1px solid #ddd6fe;
  color: #5b21b6;
}

.user-shell .main .chip i { color: var(--pink-strong); }

.user-shell .main .chip.highlight {
  background: #f3eeff;
  border-color: #ddd6fe;
  color: #5b21b6;
}

/* Banners boven content */
.user-shell .main .home-pill {
  background: #fff;
  border: 1px solid #ebe6f2;
  color: #1a1523;
  box-shadow: 0 2px 10px rgba(24, 19, 31, .05);
}

.user-shell .main .home-pill i { color: var(--pink); }

.user-shell .main .home-pill.accent {
  background: linear-gradient(135deg, rgba(255,88,184,.12), rgba(124,58,237,.14));
  border-color: rgba(255, 79, 178, .25);
  color: #5b21b6;
}

.user-shell .main .home-pill.accent i.fa-crown { color: var(--pink); }

.user-shell .main .home-search {
  background: #faf9fc;
  border: 1px solid #ebe6f2;
  box-shadow: none;
}

.user-shell .main .home-search input { color: #1a1523; }
.user-shell .main .home-search i { color: #9a91ad; }
.user-shell .main .home-search input::placeholder { color: #a59db3; }

.user-shell .main .home-hello h2 i { color: var(--pink); }
.user-shell .main .section-head.tight h3 { color: #1a1523; }
.user-shell .main .text-link { color: var(--pink); }

.user-shell .main .membership-banner {
  background: #fff;
  border: 1px solid #ebe6f2;
}

.user-shell .main .paywall {
  background: #fff;
  border: 1px solid #ebe6f2;
}

.user-shell .main .paywall .price { color: #5b21b6; }

.user-shell .main .toolbar select,
.user-shell .main .toolbar input,
.user-shell .main .toolbar-search {
  background: #fff;
  border: 1px solid #ebe6f2;
  color: #1a1523;
}

.user-shell .main .messages-layout {
  background: #fff;
  border: 1px solid #ebe6f2;
}

.user-shell .main .conversation-list {
  background: #faf9fc;
  border-right: 1px solid #ebe6f2;
}

.user-shell .main .conversation-item {
  color: #1a1523;
}

.user-shell .main .conversation-item:hover,
.user-shell .main .conversation-item.active {
  background: #f3eeff;
}

.user-shell .main .chat,
.user-shell .main .chat-messages {
  background: #ffffff;
}

.user-shell .main .bubble {
  background: #f3eeff;
  color: #1a1523;
}

.user-shell .main .chat-compose {
  background: #faf9fc;
  border-top: 1px solid #ebe6f2;
}

.user-shell .main .chat-compose input {
  background: #fff;
  border: 1px solid #ebe6f2;
  color: #1a1523;
}

.user-shell .main .empty-state { color: #7a7189; }

.user-shell .main .doel-chip span {
  background: #faf9fc;
  border: 1px solid #ebe6f2;
  color: #1a1523;
}

.user-shell .main .doel-chip input:checked + span {
  background: var(--accent);
  color: #fff;
  border-color: transparent;
}

.user-shell .main .doel-chip i { color: var(--pink); }

.user-shell .main .table-wrap {
  background: #fff;
  border: 1px solid #ebe6f2;
}

.user-shell .main th {
  background: #faf9fc;
  color: #7a7189;
}

.user-shell .main td { color: #1a1523; }

/* Primary buttons blijven gradient overal */
.user-shell .main .btn-primary { color: #fff; }

.user-shell .main .btn-secondary {
  background: #fff;
  border: 1px solid #ebe6f2;
  color: #1a1523;
}

.user-shell .main .btn-ghost {
  border: 1px solid #ddd6fe;
  color: #5b21b6;
}

@media (max-width: 820px) {
  .user-shell .user-topbar {
    background: rgba(255, 255, 255, .98) !important;
  }
}