/* PROXC pearl theme: screen only, preserves print layouts. */
@media screen {
  html:not([data-theme="dark"]) {
    --bg-color: #f3f0eb;
    --navbar-bg: #faf8f4;
    --fg-color: #fffefa;
    --card-bg: #fffefa;
    --control-bg: #f4f2ee;
    --border-color: #e2ded6;
  }

  html:not([data-theme="dark"]) body {
    background-color: #f3f0eb !important;
    background-image:
      radial-gradient(ellipse at 12% 16%, rgba(255,255,255,.95), transparent 55%),
      radial-gradient(ellipse at 86% 22%, rgba(223,227,235,.55), transparent 52%),
      radial-gradient(ellipse at 72% 86%, rgba(236,219,204,.45), transparent 55%),
      repeating-linear-gradient(125deg,
        rgba(255,255,255,.10) 0px,
        rgba(255,255,255,.10) 1px,
        rgba(204,197,186,.035) 1px,
        rgba(204,197,186,.035) 3px) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
  }

  html:not([data-theme="dark"]) :is(
    .main-section, .layout-main, .layout-main-section-wrapper,
    .page-container, .page-body, .page-content,
    .desk-page, .workspace-container
  ) {
    background: transparent !important;
  }

  html:not([data-theme="dark"]) :is(
    .navbar, .page-head, .layout-side-section, .desk-sidebar,
    .standard-sidebar, .workspace-sidebar
  ) {
    background-color: #f7f5f0 !important;
    background-image: linear-gradient(
      135deg, rgba(255,255,255,.65), rgba(231,227,221,.28)
    ) !important;
  }

  html:not([data-theme="dark"]) :is(
    .layout-main-section, .frappe-card, .widget,
    .form-section, .modal-content, .login-content,
    .for-login .page-card, .for-forgot .page-card
  ) {
    background-color: #fffefa !important;
    border-color: #e2ded6 !important;
  }

  html:not([data-theme="dark"]) :is(
    .frappe-card, .widget, .login-content, .for-login .page-card
  ) {
    box-shadow: 0 5px 20px rgba(79,70,57,.055);
  }

  html:not([data-theme="dark"]) :is(
    .form-control, .control-input input, .control-input textarea
  ) {
    background-color: #f7f5f1;
  }
}

/* PROXC FACETED PEARL */
@media screen {
  html:not([data-theme="dark"]) body {
    min-height: 100vh;
    background-color: #eeeae5 !important;
    background-image:
      linear-gradient(90deg,
        transparent 0%, rgba(250,248,244,.84) 35%,
        rgba(250,248,244,.92) 50%, rgba(250,248,244,.84) 65%,
        transparent 100%),
      conic-gradient(from 30deg at 25% 30%,
        #faf8f1 0deg 60deg,
        #dcdce4 60deg 120deg,
        #f4e5e8 120deg 180deg,
        #fcfaf4 180deg 240deg,
        #dde9e4 240deg 300deg,
        #e1dcd6 300deg 360deg),
      conic-gradient(from 210deg at 75% 70%,
        #e6e1ec 0deg 60deg,
        #fffdf5 60deg 120deg,
        #ddd8d0 120deg 180deg,
        #e7f0e9 180deg 240deg,
        #f4e5e6 240deg 300deg,
        #faf7ef 300deg 360deg) !important;
    background-size: 100% 100%, 430px 370px, 570px 490px !important;
    background-position: center, left top, right bottom !important;
    background-blend-mode: normal, soft-light, normal !important;
    background-attachment: fixed !important;
  }

  html:not([data-theme="dark"]) :is(
    .desktop-container, .desktop-page, .desktop,
    .desktop-icons, .apps-container,
    #page-desktop, #page-desktop .layout-main-section,
    #page-workspaces .layout-main-section
  ) {
    background: transparent !important;
  }

  html:not([data-theme="dark"]) :is(
    .navbar, .page-head, .desk-sidebar, .workspace-sidebar
  ) {
    background: rgba(250,248,244,.90) !important;
    backdrop-filter: blur(12px);
  }
}

/* PROXC TEXT HEADER */
@media screen {
  .navbar .navbar-brand {
    display: inline-flex !important;
    align-items: center;
    font-size: 0 !important;
    text-decoration: none !important;
  }
  .navbar .navbar-brand > * {
    display: none !important;
  }
  .navbar .navbar-brand::after {
    content: "PROXC";
    color: var(--text-color, #353535);
    font-family: Arial, sans-serif;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1;
  }
}

/* Hide the PROXC header image */
@media screen {
  .navbar img[src*="proxc-logo"],
  .navbar img[src*="image_3a7cb879"],
  .navbar .app-logo {
    display: none !important;
  }
}

/* Hide login branding images */
@media screen {
  body[data-path="login"] .app-logo,
  body[data-path="login"] img[src*="proxc-logo"],
  body[data-path="login"] img[src*="image_3a7cb879"],
  .for-login .app-logo,
  .for-forgot .app-logo,
  .for-signup .app-logo,
  .login-content .app-logo,
  .page-card-head .app-logo {
    display: none !important;
  }
}