@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url('material-symbols-outlined.ttf') format('truetype');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}

* {
  box-sizing: border-box;
}

:root {
  color-scheme: dark;
  --app-bg: #050505;
  --app-bg-soft: #0c0d0f;
  --panel: rgba(22, 19, 18, 0.64);
  --panel-strong: rgba(29, 24, 22, 0.74);
  --panel-muted: rgba(34, 29, 27, 0.64);
  --panel-border: rgba(222, 228, 235, 0.18);
  --panel-border-strong: rgba(226, 232, 240, 0.32);
  --text-main: #f2f4f6;
  --text-soft: rgba(230, 224, 216, 0.76);
  --text-muted: rgba(194, 183, 172, 0.54);
  --accent: #bba48e;
  --accent-strong: #dec1a1;
  --accent-shadow: rgba(214, 186, 154, 0.22);
  --neon-edge: rgba(235, 241, 248, 0.28);
  --neon-soft: rgba(207, 217, 228, 0.18);
  --neon-deep: rgba(147, 160, 176, 0.14);
  --line-soft: rgba(255, 255, 255, 0.08);
  --glass-shadow: 0 32px 90px -38px rgba(0, 0, 0, 0.76);
}

html {
  background:
    radial-gradient(circle at top left, rgba(219, 191, 155, 0.1), transparent 24%),
    radial-gradient(circle at 85% 20%, rgba(152, 132, 111, 0.1), transparent 18%),
    radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.08), transparent 24%),
    linear-gradient(135deg, #020202 0%, #090909 46%, #0f1114 100%);
}

body {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  min-height: 100vh;
  max-width: 100%;
  color: var(--text-main) !important;
  background: transparent !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.52)),
    url("../media/immo-core-bottom-logo.png") center center / cover no-repeat,
    linear-gradient(135deg, rgba(255, 255, 255, 0.04), transparent 34%),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.02) 0,
      rgba(255, 255, 255, 0.02) 1px,
      transparent 1px,
      transparent 120px
    );
  opacity: 0.50;
  filter: saturate(1.18) contrast(1.05) brightness(0.92);
}


.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 320, 'GRAD' 0, 'opsz' 24;
  font-family: 'Material Symbols Outlined';
}

.editorial-shadow {
  box-shadow: var(--glass-shadow), 0 0 18px rgba(203, 211, 219, 0.06);
}

.glass-panel {
  background: linear-gradient(180deg, rgba(22, 19, 18, 0.62), rgba(16, 15, 15, 0.46)) !important;
  border-bottom: 1px solid var(--line-soft);
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
}

.btn-primary {
  color: #141311 !important;
  background: linear-gradient(135deg, #f1e9df 0%, #ccb08f 48%, #faf5ef 100%);
  box-shadow: 0 16px 36px -22px var(--accent-shadow);
}

.btn-secondary {
  color: var(--text-main) !important;
  background: linear-gradient(135deg, rgba(47, 51, 58, 0.94), rgba(24, 27, 30, 0.96));
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.ai-chip {
  color: var(--text-main);
  background: rgba(42, 45, 50, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.field-input {
  color: var(--text-main) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  outline: none;
  transition: border-color .15s, background-color .15s, box-shadow .15s;
}

.field-input::placeholder {
  color: rgba(229, 219, 203, 0.36);
}

.field-input:focus {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(215, 221, 227, 0.52) !important;
  box-shadow: 0 0 0 4px rgba(196, 206, 216, 0.12);
}

select.field-input {
  appearance: auto;
  -webkit-appearance: menulist;
}

select.field-input option,
select.field-input optgroup {
  color: #14181c !important;
  background: #f7f9fb !important;
}

select.field-input option:checked {
  color: #14181c !important;
  background: #dde4eb !important;
}

.ghost-border {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.nav-active {
  color: var(--text-main) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.04)) !important;
  border: 1px solid rgba(215, 221, 227, 0.2);
  box-shadow: 0 16px 32px -26px rgba(0, 0, 0, 0.85);
}

.crm-admin-nav-section {
  margin: .85rem 0 .25rem;
  padding: .65rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: .95rem;
  background: rgba(255, 255, 255, 0.035);
}

.crm-admin-nav-section.is-active {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
}

.crm-admin-nav-heading {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .15rem .35rem .6rem;
  color: rgba(229, 226, 225, 0.78);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
}

.crm-admin-nav-links {
  display: grid;
  gap: .35rem;
}

.crm-admin-nav-sub-link {
  min-height: 2.55rem !important;
  padding-left: .8rem !important;
  padding-right: .8rem !important;
  border-radius: .75rem !important;
  letter-spacing: .08em !important;
}

.label-sm {
  letter-spacing: .08em;
}

body .bg-surface,
body .bg-surface-dim {
  background: transparent !important;
}

body .bg-surface-container-low,
body .bg-surface-container,
body .bg-surface-container-lowest,
body .bg-white {
  background:
    radial-gradient(circle at top right, rgba(222, 193, 161, 0.06), transparent 28%),
    linear-gradient(180deg, rgba(24, 21, 20, 0.72), rgba(16, 15, 15, 0.74)) !important;
  border: 1px solid var(--panel-border) !important;
  box-shadow:
    var(--glass-shadow),
    0 0 20px rgba(207, 217, 228, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

body .bg-surface-container-high {
  background: rgba(222, 193, 161, 0.09) !important;
}

body .bg-tertiary-container {
  background:
    radial-gradient(circle at top right, rgba(222, 193, 161, 0.14), transparent 30%),
    linear-gradient(145deg, rgba(54, 48, 44, 0.98), rgba(31, 28, 27, 0.96)) !important;
  border: 1px solid var(--panel-border) !important;
  box-shadow:
    var(--glass-shadow),
    0 0 20px rgba(207, 217, 228, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

body .editorial-shadow,
body .ghost-border,
body .bg-surface-container-low.rounded-2xl,
body .bg-surface-container.rounded-2xl,
body .bg-surface-container-high.rounded-2xl,
body .bg-tertiary-container.rounded-2xl,
body .bg-white.rounded-2xl,
body section.border.rounded-2xl,
body .clients-panel,
body .client-sheet-shell,
body .request-modal-shell,
body .dashboard-note-modal-shell,
body .dashboard-note-panel {
  border-color: var(--panel-border-strong) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.07),
    0 0 0 1px rgba(226, 232, 240, 0.11),
    0 0 24px var(--neon-soft),
    0 0 58px var(--neon-deep),
    var(--glass-shadow) !important;
}

body .text-primary,
body .text-on-surface,
body .text-white {
  color: var(--text-main) !important;
}

body:is(
  .page-home,
  .page-properties,
  .page-clients,
  .page-demandes,
  .page-agenda,
  .page-documents,
  .page-monitoring,
  .page-photographie,
  .page-api-perso,
  .page-contracts,
  .page-favorites,
  .page-socials,
  .page-visite-virtuelle
) main :is(
  section,
  article,
  .bg-surface-container-low,
  .bg-surface-container,
  .bg-surface-container-high,
  .bg-surface-container-lowest,
  .bg-white,
  [class*="-panel"],
  [class*="-card"],
  [class*="-shell"]
) {
  background: transparent !important;
  background-image: none !important;
}

body .text-on-surface-variant,
body [class*="text-on-surface-variant/"] {
  color: var(--text-soft) !important;
}

body .text-on-tertiary-container {
  color: rgba(231, 221, 207, 0.72) !important;
}

body .text-secondary,
body .text-amber-400,
body .text-amber-700 {
  color: var(--accent-strong) !important;
}

body .border-outline-variant,
body .border-red-200 {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body .hover\:bg-surface-container:hover,
body .hover\:bg-surface-container-high:hover,
body .hover\:bg-surface-container-low\/60:hover,
body .hover\:bg-surface-container-low\/70:hover,
body [class*="hover:bg-surface-container-low/"]:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

body .divide-x-0 > * {
  border-color: transparent;
}

#sidebar {
  background:
    linear-gradient(180deg, rgba(13, 14, 16, 0.98), rgba(9, 10, 12, 0.95)) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.07);
}

#sidebar-overlay {
  background: rgba(3, 3, 4, 0.7) !important;
  backdrop-filter: blur(6px);
}

main,
main > .mx-auto,
main > .w-full {
  position: relative;
  z-index: 1;
  min-width: 0;
}

footer {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

@media (max-width: 1023px) {
  body .editorial-shadow,
  body .ghost-border,
  body .bg-surface-container-low.rounded-2xl,
  body .bg-surface-container.rounded-2xl,
  body .bg-surface-container-high.rounded-2xl,
  body .bg-tertiary-container.rounded-2xl,
  body .bg-white.rounded-2xl,
  body section.border.rounded-2xl,
  body .clients-panel,
  body .client-sheet-shell,
  body .request-modal-shell,
  body .dashboard-note-modal-shell,
  body .dashboard-note-panel {
    border-color: rgba(235, 241, 248, 0.42) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.09),
      0 0 0 1px rgba(235, 241, 248, 0.15),
      0 0 28px rgba(214, 224, 236, 0.24),
      0 0 72px rgba(152, 166, 184, 0.18),
      0 24px 64px -34px rgba(0, 0, 0, 0.86) !important;
  }

  #sidebar {
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.92);
  }
}

/* Communication action tones */
body :is(
  .send-action-document,
  [data-action-tone="document"],
  a#client-send-document-link,
  a[href^="documents.html"][class*="btn-primary"],
  button#documents-send-mobile-button
) {
  color: #2b1a04 !important;
  background: linear-gradient(135deg, #fff7cc 0%, #f5c451 46%, #b98213 100%) !important;
  border: 1px solid rgba(255, 214, 102, 0.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 18px 38px -28px rgba(245, 158, 11, 0.95) !important;
}

body :is(
  .send-action-whatsapp,
  [data-action-tone="whatsapp"],
  button#share-client-form-whatsapp,
  button#annonce-base-site-send-whatsapp-desktop,
  button#annonce-base-site-send-whatsapp-mobile,
  button[data-property-share-channel="whatsapp"],
  button[data-desktop-action="whatsapp"],
  button[data-mobile-action="share_whatsapp"],
  a#dashboard-alert-whatsapp,
  a[href*="wa.me"][class*="rounded"],
  a[href*="wa.me"].client-quick-action
) {
  color: #f0fdf4 !important;
  background: linear-gradient(135deg, #23c063 0%, #168a45 52%, #075e54 100%) !important;
  border: 1px solid rgba(74, 222, 128, 0.5) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 18px 38px -28px rgba(34, 197, 94, 0.9) !important;
}

body :is(
  .send-action-sms,
  [data-action-tone="sms"],
  button#share-client-form-sms,
  button#documents-send-sms-button,
  button#annonce-base-site-send-sms,
  button[data-property-share-channel="sms"],
  button[data-desktop-action="sms"],
  a#dashboard-alert-sms,
  a[href^="sms:"][class*="rounded"],
  a[href^="sms:"].client-quick-action
) {
  color: #eff6ff !important;
  background: linear-gradient(135deg, #60a5fa 0%, #2563eb 52%, #1e3a8a 100%) !important;
  border: 1px solid rgba(147, 197, 253, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 18px 38px -28px rgba(37, 99, 235, 0.95) !important;
}

body :is(
  .send-action-mail,
  .send-action-email,
  [data-action-tone="mail"],
  [data-action-tone="email"],
  button#share-client-form-email,
  button#documents-send-email-button,
  button#annonce-base-site-send-email,
  button#annonce-base-site-send-email-mobile,
  button[data-property-share-channel="email"],
  button[data-desktop-action="email"],
  a#dashboard-alert-email-link,
  a[href^="mailto:"][class*="rounded"],
  a[href^="mailto:"].client-quick-action
) {
  color: #991b1b !important;
  background:
    linear-gradient(90deg, #dc2626 0, #dc2626 0.35rem, transparent 0.35rem),
    linear-gradient(135deg, #ffffff 0%, #fff7f7 50%, #ffe4e6 100%) !important;
  border: 1px solid rgba(248, 113, 113, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 18px 38px -30px rgba(239, 68, 68, 0.9) !important;
}

body :is(
  .send-action-document,
  .send-action-whatsapp,
  .send-action-sms,
  .send-action-mail,
  .send-action-email,
  [data-action-tone],
  a#client-send-document-link,
  a[href^="documents.html"][class*="btn-primary"],
  button#documents-send-mobile-button,
  button#share-client-form-whatsapp,
  button#annonce-base-site-send-whatsapp-desktop,
  button#annonce-base-site-send-whatsapp-mobile,
  button[data-property-share-channel="whatsapp"],
  button[data-desktop-action="whatsapp"],
  button[data-mobile-action="share_whatsapp"],
  a#dashboard-alert-whatsapp,
  a[href*="wa.me"][class*="rounded"],
  a[href*="wa.me"].client-quick-action,
  button#share-client-form-sms,
  button#documents-send-sms-button,
  button#annonce-base-site-send-sms,
  button[data-property-share-channel="sms"],
  button[data-desktop-action="sms"],
  a#dashboard-alert-sms,
  a[href^="sms:"][class*="rounded"],
  a[href^="sms:"].client-quick-action,
  button#share-client-form-email,
  button#documents-send-email-button,
  button#annonce-base-site-send-email,
  button#annonce-base-site-send-email-mobile,
  button[data-property-share-channel="email"],
  button[data-desktop-action="email"],
  a#dashboard-alert-email-link,
  a[href^="mailto:"][class*="rounded"],
  a[href^="mailto:"].client-quick-action
) {
  background-clip: padding-box !important;
  text-decoration: none !important;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease, opacity .16s ease !important;
}

body :is(
  .send-action-document,
  .send-action-whatsapp,
  .send-action-sms,
  .send-action-mail,
  .send-action-email,
  [data-action-tone],
  button[data-property-share-channel="whatsapp"],
  button[data-property-share-channel="sms"],
  button[data-property-share-channel="email"],
  button[data-desktop-action="whatsapp"],
  button[data-desktop-action="sms"],
  button[data-desktop-action="email"]
) :is(strong, span:not(.material-symbols-outlined)) {
  color: inherit !important;
}

body :is(
  .send-action-document,
  .send-action-whatsapp,
  .send-action-sms,
  [data-action-tone="document"],
  [data-action-tone="whatsapp"],
  [data-action-tone="sms"],
  a#client-send-document-link,
  a[href^="documents.html"][class*="btn-primary"],
  button#documents-send-mobile-button,
  button#share-client-form-whatsapp,
  button#annonce-base-site-send-whatsapp-desktop,
  button#annonce-base-site-send-whatsapp-mobile,
  button[data-property-share-channel="whatsapp"],
  button[data-desktop-action="whatsapp"],
  button[data-mobile-action="share_whatsapp"],
  a#dashboard-alert-whatsapp,
  a[href*="wa.me"][class*="rounded"],
  a[href*="wa.me"].client-quick-action,
  button#share-client-form-sms,
  button#documents-send-sms-button,
  button#annonce-base-site-send-sms,
  button[data-property-share-channel="sms"],
  button[data-desktop-action="sms"],
  a#dashboard-alert-sms,
  a[href^="sms:"][class*="rounded"],
  a[href^="sms:"].client-quick-action
) .material-symbols-outlined {
  color: inherit !important;
}

body :is(
  .send-action-mail,
  .send-action-email,
  [data-action-tone="mail"],
  [data-action-tone="email"],
  button#share-client-form-email,
  button#documents-send-email-button,
  button#annonce-base-site-send-email,
  button#annonce-base-site-send-email-mobile,
  button[data-property-share-channel="email"],
  button[data-desktop-action="email"],
  a#dashboard-alert-email-link,
  a[href^="mailto:"][class*="rounded"],
  a[href^="mailto:"].client-quick-action
) .material-symbols-outlined {
  color: #dc2626 !important;
}

body :is(
  button[data-property-share-channel="whatsapp"],
  button[data-property-share-channel="sms"],
  button[data-property-share-channel="email"]
) .property-share-icon {
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

body :is(
  .send-action-document,
  .send-action-whatsapp,
  .send-action-sms,
  .send-action-mail,
  .send-action-email,
  [data-action-tone],
  a#client-send-document-link,
  a[href^="documents.html"][class*="btn-primary"],
  button#documents-send-mobile-button,
  button#share-client-form-whatsapp,
  button#annonce-base-site-send-whatsapp-desktop,
  button#annonce-base-site-send-whatsapp-mobile,
  button[data-property-share-channel="whatsapp"],
  button[data-desktop-action="whatsapp"],
  button[data-mobile-action="share_whatsapp"],
  a#dashboard-alert-whatsapp,
  a[href*="wa.me"][class*="rounded"],
  a[href*="wa.me"].client-quick-action,
  button#share-client-form-sms,
  button#documents-send-sms-button,
  button#annonce-base-site-send-sms,
  button[data-property-share-channel="sms"],
  button[data-desktop-action="sms"],
  a#dashboard-alert-sms,
  a[href^="sms:"][class*="rounded"],
  a[href^="sms:"].client-quick-action,
  button#share-client-form-email,
  button#documents-send-email-button,
  button#annonce-base-site-send-email,
  button#annonce-base-site-send-email-mobile,
  button[data-property-share-channel="email"],
  button[data-desktop-action="email"],
  a#dashboard-alert-email-link,
  a[href^="mailto:"][class*="rounded"],
  a[href^="mailto:"].client-quick-action
):hover:not(:disabled) {
  filter: saturate(1.08) brightness(1.03);
  transform: translateY(-1px);
}

body :is(
  .send-action-document,
  .send-action-whatsapp,
  .send-action-sms,
  .send-action-mail,
  .send-action-email,
  [data-action-tone],
  button#documents-send-mobile-button,
  button#share-client-form-whatsapp,
  button#annonce-base-site-send-whatsapp-desktop,
  button#annonce-base-site-send-whatsapp-mobile,
  button[data-property-share-channel="whatsapp"],
  button[data-desktop-action="whatsapp"],
  button[data-mobile-action="share_whatsapp"],
  button#share-client-form-sms,
  button#documents-send-sms-button,
  button#annonce-base-site-send-sms,
  button[data-property-share-channel="sms"],
  button[data-desktop-action="sms"],
  button#share-client-form-email,
  button#documents-send-email-button,
  button#annonce-base-site-send-email,
  button#annonce-base-site-send-email-mobile,
  button[data-property-share-channel="email"],
  button[data-desktop-action="email"]
):disabled {
  filter: grayscale(0.28) brightness(0.82);
}

/* Visual family harmonization pass */
body :is(#sidebar nav a) {
  min-height: 2.95rem;
  border-radius: .75rem !important;
}

body :is(#sidebar nav a:not(.nav-active)) {
  color: rgba(229, 226, 225, 0.68) !important;
}

body :is(#sidebar nav a:not(.nav-active):hover) {
  color: var(--text-main) !important;
  background: rgba(255, 255, 255, 0.07) !important;
}

body :is(#sidebar .material-symbols-outlined) {
  color: currentColor !important;
}

/* Sidebar navigation typography lock
   Every admin page uses slightly different Tailwind classes on the left menu.
   These rules make the section labels visually identical everywhere. */
html body #sidebar nav a,
html body #sidebar nav a.nav-active,
html body #sidebar nav a.crm-admin-nav-sub-link,
html body[class] #sidebar nav a,
html body[class] #sidebar nav a.nav-active,
html body[class] #sidebar nav a.crm-admin-nav-sub-link {
  display: flex !important;
  align-items: center !important;
  gap: .75rem !important;
  width: 100% !important;
  min-height: 2.9rem !important;
  padding: 0 .95rem !important;
  border-radius: 0 !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body #sidebar {
  max-width: min(16rem, calc(100vw - 1rem)) !important;
  max-height: 100dvh !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  padding-bottom: env(safe-area-inset-bottom) !important;
  -webkit-overflow-scrolling: touch;
}

html body main {
  width: 100% !important;
}

html body main :is(section, article, div, form, fieldset, header, footer) {
  min-width: 0;
}

html body img,
html body svg,
html body video,
html body canvas {
  max-width: 100%;
}

html body :is(table, .overflow-x-auto, [role="tablist"], .dashboard-property-grid, .property-card-grid) {
  max-width: 100%;
}

html body :is(table) {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

html body :is(.truncate) {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

html body :is([role="tablist"], [class*="tab-list"], [class*="tabs"], .property-tool-tabs) {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

html body [data-property-tool-tab] {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.15;
}

html body :is(.dashboard-property-metrics) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body :is(.dashboard-property-metric) {
  min-width: 0;
}

html body :is(.dashboard-property-metric strong, .property-card-metric strong, .property-card-metric p, .property-detail-metric strong, .property-detail-metric p) {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

html body #sidebar nav a .material-symbols-outlined,
html body #sidebar nav a.nav-active .material-symbols-outlined,
html body #sidebar nav a.crm-admin-nav-sub-link .material-symbols-outlined,
html body[class] #sidebar nav a .material-symbols-outlined,
html body[class] #sidebar nav a.nav-active .material-symbols-outlined,
html body[class] #sidebar nav a.crm-admin-nav-sub-link .material-symbols-outlined {
  flex: 0 0 1.25rem !important;
  width: 1.25rem !important;
  min-width: 1.25rem !important;
  font-size: 18px !important;
  line-height: 1 !important;
  text-align: center !important;
}

html body #sidebar .crm-admin-nav-heading,
html body[class] #sidebar .crm-admin-nav-heading {
  min-height: 2.35rem !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body :is(.properties-entry-title, .social-hero-title, .social-top-title) {
  letter-spacing: .04em !important;
}

body.page-properties :is(.properties-entry-card, .search-criteria-card, .search-follow-card),
body.page-socials :is(.social-step-card, .social-source-card, .social-item-card, .social-send-option, .social-send-main, .social-step-chip),
body.page-clients :is(.clients-panel, .client-sheet-shell, .client-summary-card),
body.page-demandes main :is(.requests-hero, .request-stat, .request-card, .request-detail-row, .request-empty, .request-feedback),
body.page-agenda main :is(section.bg-surface-container-low, .agenda-day-column, .agenda-slot-card, .agenda-empty-day),
body.page-photographie main :is(.photography-panel, .photography-stat, .photography-card, .photography-card-body, .photography-empty),
body.page-documents main :is(section.bg-surface-container-low, section.bg-surface-container, section.bg-surface, div.bg-surface-container-high, .documents-property-explorer, .documents-property-preview, .documents-empty-state, .documents-row-card, .documents-block-card, .documents-template-button, .documents-logo-panel, .documents-personalization-shell, .documents-personalization-preview, .documents-personalization-sheet, .documents-personalization-block),
body.page-favorites :is(.favorites-panel, .favorite-stat, .favorite-client-group, .favorite-search-card, .favorite-listing-card),
body.page-monitoring :is(.monitoring-panel, .monitoring-stat),
body.page-contracts main :is(.bg-surface-container-low, .bg-tertiary-container, .bg-white) {
  color: var(--text-main) !important;
  background:
    radial-gradient(circle at top right, rgba(222, 193, 161, 0.07), transparent 30%),
    linear-gradient(180deg, rgba(24, 21, 20, 0.94), rgba(13, 14, 16, 0.96)) !important;
  border: 1px solid var(--panel-border-strong) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.07),
    0 0 0 1px rgba(226, 232, 240, 0.11),
    0 0 24px var(--neon-soft),
    0 0 58px var(--neon-deep),
    var(--glass-shadow) !important;
}

body.page-properties :is(.properties-entry-card-title, .search-criteria-card h3, .search-follow-card h3, .search-block-heading h2),
body.page-socials :is(.social-step-title, .social-source-card strong, .social-item-card strong, .social-send-option strong, .social-send-main strong),
body.page-clients :is(.clients-panel h1, .clients-panel h2, .clients-panel h3, .client-sheet-shell h1, .client-sheet-shell h2, .client-sheet-shell h3),
body:is(.page-demandes, .page-agenda, .page-photographie, .page-documents, .page-favorites, .page-monitoring, .page-contracts) main :is(h1, h2, h3, h4, strong, label, summary, .text-primary, .text-on-surface, .agenda-day-date, .agenda-slot-title, .request-card h3, .request-detail-row strong, .photography-card h3, .photography-meta dd, .documents-template-button strong, .documents-block-card h4, .monitoring-value) {
  color: var(--text-main) !important;
  font-family: Inter, sans-serif !important;
  letter-spacing: 0 !important;
}

body.page-properties :is(.properties-entry-card-copy, .search-criteria-card .text-secondary, .search-criteria-card .text-on-surface-variant, .search-follow-card .text-secondary, .search-follow-card .text-on-surface-variant),
body.page-socials :is(.social-step-copy, .social-source-card p, .social-item-card p, .social-send-option p, .social-send-main p, .social-step-chip strong),
body.page-clients :is(.clients-panel p, .clients-panel .text-on-surface-variant, .client-sheet-shell p, .client-sheet-shell .text-on-surface-variant),
body:is(.page-demandes, .page-agenda, .page-photographie, .page-documents, .page-favorites, .page-monitoring, .page-contracts) main :is(p, span, dd, dt, .text-secondary, .text-on-surface-variant, [class*="text-on-surface-variant/"], .agenda-day-label, .agenda-slot-time, .agenda-slot-description, .request-card p, .request-card-eyebrow, .request-detail-row span, .photography-meta dt, .documents-property-hint, .documents-inline-note, .documents-template-button span, .documents-block-card p, .documents-block-helper, .monitoring-sub) {
  color: var(--text-soft) !important;
}

body.page-socials {
  --text-main: #f2f4f6 !important;
  --text-soft: rgba(230, 224, 216, 0.76) !important;
  --text-muted: rgba(194, 183, 172, 0.54) !important;
}

body.page-socials :is(.social-step-chip span, .social-step-pill) {
  color: var(--accent-strong) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body.page-socials :is(.social-step-chip.is-active, .social-step-chip.is-ready, .social-source-card:hover, .social-source-card.is-active, .social-item-card:hover, .social-item-card.is-selected) {
  background:
    radial-gradient(circle at top right, rgba(222, 193, 161, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(33, 30, 28, 0.96), rgba(17, 18, 20, 0.98)) !important;
  border-color: rgba(226, 232, 240, 0.42) !important;
}

body.page-properties :is(.search-field-shell, .search-criteria-card .bg-surface-container-low, .search-criteria-card .bg-surface-container, .search-criteria-card .bg-surface-container-high, .search-follow-card .bg-surface-container-low, .search-follow-card .bg-surface-container, .search-follow-card .bg-surface-container-high),
body.page-socials :is(.social-source-meta, .social-item-meta, .social-generated-preview, .social-caption-box),
body:is(.page-demandes, .page-agenda, .page-photographie, .page-documents, .page-favorites, .page-monitoring, .page-contracts) main :is(.bg-surface-container-lowest, .bg-surface-container-low, .bg-surface-container, .bg-surface-container-high, .field-input, input, select, textarea, .documents-contrast-input, .documents-client-picker-trigger, .documents-client-picker-search, .documents-form-group, .documents-chip, .documents-inline-note, .agenda-slot-card, .photography-select, .photography-action-secondary, .outline-button, .request-filter, .monitoring-select, .monitoring-input, .monitoring-button, .monitoring-status) {
  color: var(--text-main) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

body.page-properties :is(.search-criteria-card .field-input, .search-follow-card .field-input),
body.page-socials :is(input, select, textarea),
body:is(.page-demandes, .page-agenda, .page-photographie, .page-documents, .page-favorites, .page-monitoring, .page-contracts) main :is(input, select, textarea, .field-input) {
  color: var(--text-main) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body.page-properties :is(.search-criteria-card .field-input::placeholder, .search-follow-card .field-input::placeholder),
body.page-socials :is(input::placeholder, textarea::placeholder),
body:is(.page-demandes, .page-agenda, .page-photographie, .page-documents, .page-favorites, .page-monitoring, .page-contracts) main :is(input::placeholder, textarea::placeholder) {
  color: rgba(229, 219, 203, 0.38) !important;
}

body.page-properties #melo-results > .bg-white,
body.page-properties #melo-results article.bg-white,
body.page-properties :is(.property-sheet-shell, #property-form-panel, #saved-searches-panel, #internal-properties-panel) {
  color: var(--text-main) !important;
  background:
    radial-gradient(circle at top right, rgba(222, 193, 161, 0.07), transparent 30%),
    linear-gradient(180deg, rgba(24, 21, 20, 0.94), rgba(13, 14, 16, 0.96)) !important;
  border-color: var(--panel-border-strong) !important;
}

body.page-properties #melo-results :is(.text-primary, .text-on-surface),
body.page-properties :is(.property-sheet-shell, #property-form-panel, #saved-searches-panel, #internal-properties-panel) :is(.text-primary, .text-on-surface) {
  color: var(--text-main) !important;
}

body.page-properties #melo-results :is(.text-secondary, .text-on-surface-variant),
body.page-properties :is(.property-sheet-shell, #property-form-panel, #saved-searches-panel, #internal-properties-panel) :is(.text-secondary, .text-on-surface-variant) {
  color: var(--text-soft) !important;
}

body.page-properties > main > div.flex-1.w-full.max-w-screen-2xl.mx-auto > div > div > section.lg\:col-span-1 > div,
body.page-properties > main > div.flex-1.w-full.max-w-screen-2xl.mx-auto > div > div > section.lg\:col-span-1 > div :is(.bg-white, .bg-surface-container-low, .bg-surface-container, .bg-surface-container-high, .field-input, input, select, textarea, [data-property-tool-tab], .property-upload-preview) {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(21, 21, 21, 0.98), rgba(10, 10, 10, 0.98)) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #f4f4f4 !important;
  -webkit-text-fill-color: #f4f4f4 !important;
}

body.page-properties > main > div.flex-1.w-full.max-w-screen-2xl.mx-auto > div > div > section.lg\:col-span-1 > div :is(h1, h2, h3, h4, p, span, label, strong, button, a, div, .text-primary, .text-on-surface, .text-on-surface-variant, .text-secondary, .material-symbols-outlined) {
  color: #f4f4f4 !important;
  -webkit-text-fill-color: #f4f4f4 !important;
}

body.page-properties > main > div.flex-1.w-full.max-w-screen-2xl.mx-auto > div > div > section.lg\:col-span-1 > div :is(input::placeholder, textarea::placeholder) {
  color: rgba(244, 244, 244, 0.48) !important;
  -webkit-text-fill-color: rgba(244, 244, 244, 0.48) !important;
}

body.page-properties > main > div.flex-1.w-full.max-w-screen-2xl.mx-auto > div > div > section.lg\:col-span-1 > div :is([data-property-tool-tab].bg-primary, .btn-primary, button[type="submit"]) {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.12), transparent 34%),
    linear-gradient(180deg, #202020, #111111) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  color: #f4f4f4 !important;
  -webkit-text-fill-color: #f4f4f4 !important;
}

body.page-properties > main > div.flex-1.w-full.max-w-screen-2xl.mx-auto > div > div > section.lg\:col-span-1 > div :is([data-property-tool-tab].bg-primary, .btn-primary, button[type="submit"]) :is(span, strong) {
  color: #f4f4f4 !important;
  -webkit-text-fill-color: #f4f4f4 !important;
}

/* Accueil follows the same cleaned dark visual family as the other modules. */
body.page-home {
  --module-white-text: #f4f4f4;
  --module-white-muted: #c5c7c8;
  --module-white-soft: #8d9092;
  --module-white-panel: linear-gradient(180deg, #151515, #0d0d0d);
  --module-white-soft-panel: #202020;
  --module-white-border: rgba(255, 255, 255, 0.13);
}

body.page-home main :is(
  .dashboard-hero,
  .dashboard-hero-notebook,
  .dashboard-hero-agenda,
  .dashboard-hero-summary,
  .dashboard-hero-notebook-preview,
  .dashboard-property-grid > *,
  #recent-properties > *,
  #recent-clients > *,
  #dashboard-alert-box
) {
  color: var(--module-white-text) !important;
  background: var(--module-white-panel) !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.22),
    0 0 22px rgba(255, 255, 255, 0.24),
    0 0 58px rgba(255, 255, 255, 0.11) !important;
}

body.page-home main :is(
  .bg-surface-container-lowest,
  .bg-surface-container-low,
  .bg-surface-container,
  .bg-surface-container-high,
  .field-input,
  input,
  select,
  textarea,
  .documents-contrast-input,
  .documents-client-picker-trigger,
  .documents-client-picker-search,
  .documents-form-group,
  .documents-chip,
  .documents-inline-note,
  .agenda-slot-card,
  .photography-select,
  .photography-action-secondary,
  .outline-button,
  .request-filter
) {
  color: var(--module-white-text) !important;
  background: var(--module-white-soft-panel) !important;
  border-color: var(--module-white-border) !important;
}

body.page-home main :is(
  h1,
  h2,
  h3,
  h4,
  strong,
  label,
  summary,
  .text-primary,
  .text-on-surface,
  .agenda-day-date,
  .agenda-slot-title,
  .request-card h3,
  .request-detail-row strong,
  .photography-card h3,
  .photography-meta dd,
  .documents-template-button strong,
  .documents-block-card h4,
  .documents-personalization-block h1,
  .documents-personalization-block h2,
  .documents-personalization-block h3
) {
  color: var(--module-white-text) !important;
}

body.page-home main :is(
  p,
  span,
  dd,
  dt,
  .text-secondary,
  .text-on-surface-variant,
  [class*="text-on-surface-variant/"],
  .agenda-day-label,
  .agenda-slot-time,
  .agenda-slot-description,
  .request-card p,
  .request-card-eyebrow,
  .request-detail-row span,
  .photography-meta dt,
  .documents-property-hint,
  .documents-inline-note,
  .documents-template-button span,
  .documents-block-card p,
  .documents-block-helper
) {
  color: var(--module-white-muted) !important;
}

body.page-home main .material-symbols-outlined {
  color: currentColor !important;
}

body.page-home main :is(input::placeholder, textarea::placeholder) {
  color: var(--module-white-soft) !important;
}

body.page-home main :is(.btn-secondary, .outline-button, .request-action, .photography-action-secondary) {
  color: var(--module-white-text) !important;
}

body.page-home main header.glass-panel,
body.page-home main header.glass-panel :is(h1, h2, h3, p, span, button, a, div, .material-symbols-outlined, .text-primary, .text-on-surface, .text-on-surface-variant, [class*="text-on-surface-variant/"]) {
  color: #f2f4f6 !important;
}

body.page-home main header.glass-panel .crm-account-menu,
body.page-home main header.glass-panel .crm-account-menu :is(p, span, button, a, div, label, input, .material-symbols-outlined) {
  color: #1a1c1c !important;
  -webkit-text-fill-color: currentColor !important;
}

body.page-home main header.glass-panel .crm-account-menu {
  background: rgba(255, 255, 255, 0.98) !important;
}

body.page-home main header.glass-panel .crm-account-menu .crm-account-menu-title,
body.page-home main header.glass-panel .crm-account-menu .crm-account-chip,
body.page-home main header.glass-panel .crm-account-menu .crm-account-panel-title,
body.page-home main header.glass-panel .crm-account-menu .crm-account-detail-label {
  color: #775a19 !important;
}

body.page-home main header.glass-panel .crm-account-menu .crm-account-menu-email,
body.page-home main header.glass-panel .crm-account-menu .crm-account-menu-copy,
body.page-home main header.glass-panel .crm-account-menu .crm-account-panel-copy,
body.page-home main header.glass-panel .crm-account-menu .crm-account-feedback,
body.page-home main header.glass-panel .crm-account-menu .crm-account-action-secondary {
  color: #57534e !important;
}

body.page-home main header.glass-panel .crm-account-menu .crm-account-action-primary,
body.page-home main header.glass-panel .crm-account-menu .crm-account-action-primary * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-home main header.glass-panel .crm-account-menu .crm-account-field input {
  background: #ffffff !important;
  color: #1a1c1c !important;
}

body.page-home main :is(.btn-secondary, button.btn-secondary, a.btn-secondary) {
  color: #f8fafc !important;
  background: linear-gradient(135deg, #2f333a, #171a1f) !important;
  border-color: rgba(17, 24, 39, 0.38) !important;
}

body.page-home main :is(.btn-secondary, button.btn-secondary, a.btn-secondary) :is(span, strong, .material-symbols-outlined) {
  color: inherit !important;
}

body.page-home main .dashboard-hero .dashboard-hero-notebook-preview {
  color: var(--module-white-text) !important;
  background: #202020 !important;
  border-color: var(--module-white-border) !important;
}

body.page-home main .dashboard-hero .dashboard-hero-notebook-preview :is(p, span, strong) {
  color: var(--module-white-text) !important;
}

body.page-home :is(.btn-primary, .dashboard-hero-link.primary, .crm-account-button) {
  background: #151515 !important;
  border: 1px solid var(--module-white-border) !important;
  color: var(--module-white-text) !important;
  -webkit-text-fill-color: var(--module-white-text) !important;
  box-shadow: none !important;
}

body.page-home :is(.btn-primary, .dashboard-hero-link.primary, .crm-account-button):hover {
  background: #202020 !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

body.page-home :is(.btn-primary, .dashboard-hero-link.primary, .crm-account-button) * {
  color: var(--module-white-text) !important;
  -webkit-text-fill-color: var(--module-white-text) !important;
}

body.page-home :is(
  .dashboard-hero,
  .dashboard-hero-header,
  .dashboard-hero-notebook,
  .dashboard-hero-agenda,
  .dashboard-hero-notebook-preview,
  .dashboard-property-card,
  #recent-clients > *,
  #dashboard-alert-box,
  .dashboard-hero-link,
  .crm-account-button
) {
  border-color: rgba(255, 255, 255, 0.34) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.16),
    0 0 18px rgba(255, 255, 255, 0.18),
    0 0 42px rgba(255, 255, 255, 0.08) !important;
}

body.page-home :is(
  .dashboard-hero,
  .dashboard-hero-notebook,
  .dashboard-hero-agenda,
  .dashboard-property-card,
  #dashboard-alert-box
):hover {
  border-color: rgba(255, 255, 255, 0.52) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.22),
    0 0 24px rgba(255, 255, 255, 0.26),
    0 0 62px rgba(255, 255, 255, 0.12) !important;
}

body.page-home .dashboard-hero,
body.page-home .dashboard-hero-header,
body.page-home .dashboard-hero-notebook,
body.page-home .dashboard-hero-agenda,
body.page-home .dashboard-hero-notebook-preview,
body.page-home .dashboard-property-card,
body.page-home #recent-clients > *,
body.page-home #dashboard-alert-box,
body.page-home .dashboard-hero-link,
body.page-home .crm-account-button {
  border-color: rgba(255, 255, 255, 0.42) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.22),
    0 0 22px rgba(255, 255, 255, 0.24),
    0 0 58px rgba(255, 255, 255, 0.11) !important;
}

body.page-properties > main > div.flex-1.w-full.max-w-screen-2xl.mx-auto > div > div > section.lg\:col-span-1 > div,
body.page-properties > main > div.flex-1.w-full.max-w-screen-2xl.mx-auto > div > div > section.lg\:col-span-1 > div * {
  color: #f4f4f4 !important;
  -webkit-text-fill-color: #f4f4f4 !important;
}

body.page-properties > main > div.flex-1.w-full.max-w-screen-2xl.mx-auto > div > div > section.lg\:col-span-1 > div,
body.page-properties > main > div.flex-1.w-full.max-w-screen-2xl.mx-auto > div > div > section.lg\:col-span-1 > div :is(.bg-white, .bg-primary, .bg-surface-container-low, .bg-surface-container, .bg-surface-container-high, .field-input, input, select, textarea, button, [data-property-tool-tab]) {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.08), transparent 30%),
    linear-gradient(180deg, #151515, #0d0d0d) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

@media (max-width: 1279px) {
  html body #sidebar {
    transform: translateX(-100%) !important;
  }

  html body #sidebar.-translate-x-full {
    transform: translateX(-100%) !important;
  }

  html body #sidebar:not(.-translate-x-full) {
    transform: translateX(0) !important;
  }

  html body main.lg\:ml-64,
  html body main {
    margin-left: 0 !important;
  }

  html body header.glass-panel > button.lg\:hidden,
  html body #sidebar-toggle {
    display: inline-flex !important;
  }

  html body #today-label,
  html body #header-user-email {
    display: none !important;
  }
}

@media (max-width: 640px) {
  html body header.glass-panel {
    height: auto !important;
    min-height: 3.75rem;
    gap: .65rem !important;
    padding: .7rem .85rem !important;
  }

  html body header.glass-panel h2 {
    font-size: clamp(1rem, 5.4vw, 1.35rem) !important;
    line-height: 1.05 !important;
    letter-spacing: .07em !important;
    overflow-wrap: anywhere;
  }

  html body header.glass-panel [data-account-menu-slot] {
    max-width: 9.5rem;
    min-width: 0;
  }

  html body header.glass-panel > .flex.items-center.gap-3 {
    gap: .45rem !important;
    margin-left: 0 !important;
  }

  html body main :is(.px-6, .lg\:px-14) {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  html body main :is(.pt-12) {
    padding-top: 1.5rem !important;
  }

  html body main :is(.gap-10) {
    gap: 1.25rem !important;
  }

  html body :is(.dashboard-hero, .dashboard-hero-header, .dashboard-hero-notebook, .dashboard-hero-agenda, .clients-panel, .property-sheet-shell, .documents-personalization-shell) {
    border-radius: .75rem !important;
  }

  html body :is(.dashboard-hero-actions, .dashboard-quicklinks-grid, .properties-entry-grid, .search-form-grid) {
    grid-template-columns: 1fr !important;
  }

  html body :is([data-property-tool-tab]) {
    min-width: 0;
  }
}

@media (max-width: 420px) {
  html body #sidebar {
    width: calc(100vw - .75rem) !important;
  }

  html body header.glass-panel [data-account-menu-slot] {
    display: none !important;
  }

  html body main :is(.px-6, .lg\:px-14) {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }

  html body :is(button, a) {
    max-width: 100%;
  }

  html body .dashboard-hero {
    padding: .85rem .75rem !important;
  }

  html body .dashboard-hero-copy {
    gap: .85rem !important;
  }

  html body .dashboard-hero-page-title {
    width: 100%;
    max-width: 100%;
    font-size: clamp(2rem, 12vw, 2.45rem) !important;
    line-height: .9 !important;
    letter-spacing: 0 !important;
    text-align: center;
    white-space: nowrap;
  }

  html body .dashboard-hero-notebook {
    padding-left: .9rem !important;
    padding-right: .9rem !important;
  }

  html body :is(.dashboard-property-metrics) {
    grid-template-columns: 1fr !important;
  }

  html body :is(.dashboard-property-metric) {
    display: grid;
    grid-template-columns: minmax(0, .75fr) minmax(0, 1fr);
    align-items: center;
    gap: .35rem;
  }

  html body :is(.dashboard-property-metric span, .dashboard-property-metric strong) {
    margin-top: 0 !important;
  }
}

@media (max-height: 720px) and (max-width: 1279px) {
  html body #sidebar .px-7.pt-8.pb-6 {
    padding: .45rem 1rem .3rem !important;
  }

  html body #sidebar .px-7.pt-8.pb-6 img {
    display: none !important;
  }

  html body #sidebar .px-7.pt-8.pb-6 p {
    font-size: 8px !important;
    line-height: 1 !important;
  }

  html body #sidebar nav {
    padding-bottom: .35rem !important;
  }

  html body #sidebar nav a,
  html body[class] #sidebar nav a,
  html body[class][class] #sidebar nav a,
  html body #sidebar nav a.nav-active,
  html body[class] #sidebar nav a.nav-active,
  html body[class][class] #sidebar nav a.nav-active,
  html body #sidebar nav a.crm-admin-nav-sub-link,
  html body[class] #sidebar nav a.crm-admin-nav-sub-link,
  html body[class][class] #sidebar nav a.crm-admin-nav-sub-link {
    min-height: 1.72rem !important;
    padding: 0 .65rem !important;
    gap: .45rem !important;
    font-size: 9px !important;
  }

  html body #sidebar nav a .material-symbols-outlined,
  html body[class] #sidebar nav a .material-symbols-outlined,
  html body[class][class] #sidebar nav a .material-symbols-outlined {
    width: 1rem !important;
    min-width: 1rem !important;
    flex-basis: 1rem !important;
    font-size: 15px !important;
  }

  html body #sidebar .crm-admin-nav-section {
    margin: .2rem 0 .1rem !important;
    padding: .25rem !important;
  }

  html body #sidebar .crm-admin-nav-heading,
  html body[class] #sidebar .crm-admin-nav-heading,
  html body[class][class] #sidebar .crm-admin-nav-heading {
    min-height: 1rem !important;
    padding: 0 .2rem .15rem !important;
    font-size: 8px !important;
  }

  html body #sidebar > .px-4.pb-8 {
    padding: .2rem .75rem .35rem !important;
  }

  html body #sidebar > .px-4.pb-8 a {
    min-height: 1.75rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 9px !important;
  }
}