/* MaterialM-inspired presentation, shared by authentication and application views. */
:root {
  --light:#fff; --grey:#f5f8fc; --dark:#172b4d; --dark-grey:#71809a;
  --primary:#00a1ff; --primary_color:#008ddd; --primary-color:#008ddd;
  --light-primary:#d9f1ff; --border-color:#e5edf5;
  --text-primary:#172b4d; --text-secondary:#71809a;
}
body { background:#f5f8fc; color:#172b4d; }
body,body input,body button,body select,body textarea { font-family:'Segoe UI',Arial,sans-serif; }
.sidebar { background:#fff; border-right:1px solid #e5edf5; }
.sidebar>a:first-of-type { background:#fff; }
#app-sidebar > ul > li > a { color:#33445f; border-radius:24px; }
#app-sidebar > ul > li > a:hover { background:#f0f7fc; }
#app-sidebar > ul > li > a[aria-current="page"],
#app-sidebar > ul > li > a[aria-expanded="true"] { background:#d9f1ff; color:#0077bb; }
#app-sidebar > ul > li.uppercase { color:#71809a; }
#app-sidebar [data-dropdown-menu] { border-color:#dfebf5; }
#app-sidebar [data-dropdown-menu] a { color:#64748b; border-radius:18px; }
#app-sidebar [data-dropdown-menu] a:before { background:#a8bdd1; }
#app-sidebar [data-dropdown-menu] a:hover { background:#f0f7fc; color:#0077bb; }
#app-sidebar [data-dropdown-menu] a[aria-current="page"] { background:#e6f5ff; color:#0077bb; }
#app-sidebar [data-dropdown-menu] a[aria-current="page"]:before { background:#00a1ff; }
#app-sidebar a:focus-visible { outline-color:#00a1ff; }
.content nav.navbar { background:#f5f8fc; height:68px; gap:20px; padding-right:24px; }
.content nav:before { display:none; }
.content nav a,.content nav .bx.bx-menu { color:#33445f; }
.menu-toggle,#profileBtn { border-radius:50px; }
.menu-toggle:hover,#profileBtn:hover { background:#e8f3fd; }
.content main .header h1 { color:#172b4d; font-size:clamp(25px,3vw,34px); font-weight:600; letter-spacing:-.7px; }
.content main .header h3 { color:#172b4d; font-weight:600; }
.content main .header .breadcrumb { color:#71809a; }
.content main .header .breadcrumb a { color:#71809a; }
.content main .header .breadcrumb a.active { color:#0087d4; }
.content main .bottom-data>div,.content main .insights li {
  background:#fff; border:1px solid #e8eef5; border-radius:22px;
  box-shadow:0 2px 5px #172b4d03;
}
.content main .insights li:nth-child(1) { background:#d9f1ff; }
.content main .insights li:nth-child(2) { background:#eee7fc; }
.content main .insights li:nth-child(3) { background:#ffedf3; }
.content main .insights li:nth-child(4) { background:#edf2fa; }
.content main .insights li .bx { border-radius:50%; background:#ffffffa6; color:#008bd8; }
.content main .insights li:nth-child(2) .bx { color:#8965e5; }
.content main .insights li:nth-child(3) .bx { color:#e94e83; }
.content main .insights li:nth-child(4) .bx { color:#6087c4; }
.content .btn-primary,.custom-modal .btn-primary { background:#007fca; color:#fff; border:0; border-radius:10px; box-shadow:none; }
.content .btn-primary:hover,.custom-modal .btn-primary:hover { background:#006bac; }
.content :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea),
.custom-modal :is(input,select,textarea) { border-color:#dce6f0; border-radius:8px; color:#33445f; }
.content :is(input,select,textarea):focus,.custom-modal :is(input,select,textarea):focus { outline-color:#00a1ff; border-color:#00a1ff; }
.content table thead th { background:#f5f8fc; color:#4c607b; border-color:#e5edf5; }
.content table tbody td { border-color:#edf1f7; }
.content .filters input,.content .filters select { background:#fff; color:#64748b; }
.ui-empty-message { color:#71809a; }
.custom-modal .modal-content,#profileDropdown { background:#fff; border:1px solid #e5edf5; border-radius:18px; color:#172b4d; }
.custom-modal .modal-header { border-color:#e5edf5; }
.custom-modal .modal-header h3 { color:#172b4d; }
.sidebar-backdrop { background:#172b4d55; }
/* Authentication uses the same palette; form fields and submission remain intact. */
body.auth-page {
  --color-fondo:#f5f8fc; --color-boton:#007fca; --color-texto-boton:#fff;
  --color-enlace:#0079bd; --color-texto-general:#172b4d; --color-titulo-formulario:#172b4d;
}
.auth-page .auth-brand { color:#33445f; }
.auth-page .brand-mark { color:#00a1ff; border-color:#bce5ff; background:#eaf7ff; }
.auth-page .main-card,.auth-page .container:not(:has(.main-card)) { background:#fff; border-color:#e5edf5; border-radius:22px; box-shadow:0 8px 35px #172b4d05; }
.auth-page .panels-container { background:#d9f1ff; color:#172b4d; border-color:#e5edf5; }
.auth-page .panel h3 { font-family:'Segoe UI',Arial,sans-serif; color:#172b4d; font-size:32px; font-weight:600; letter-spacing:-1px; }
.auth-page .panel p,.auth-page .panel-kicker,.auth-page .eyebrow,.auth-page .form-intro { color:#647e9c; }
.auth-page .panel .transparent { border-color:#9acff0!important; color:#0079bd; }
.auth-page .input-field { border-color:#dce6f0; }
.auth-page .input-field:focus-within { border-color:#00a1ff; box-shadow:0 0 0 3px #00a1ff15; }
.auth-page .input-field i { color:#8aa3bd; }
.auth-page .input-field input,.auth-page .input-field select { color:#33445f; }
.auth-page .input-field input::placeholder { color:#8a9bb0; }
.auth-page .arch-sun { background:#bce4ff; }
.auth-page .building { border-color:#9abed7; background:#f5faff; }
.auth-page .building-back { background:repeating-linear-gradient(90deg,#bfdff5 0 16px,#9abed7 17px 18px); }
.auth-page .building-front { border-top-color:#9abed7; }
.auth-page .building-front span { background:repeating-linear-gradient(#7399bc 0 19px,#edf6fc 20px 26px); }
.auth-page .arch-ground { background:#9abed7; }
.auth-page .left-panel .content:before,.auth-page .right-panel .content:before { color:#647e9c; }
@media(max-width:600px) {
  .content nav.navbar { height:60px; padding-right:16px; }
  .content main .bottom-data>div { border-radius:16px; }
}
.content main .insights li:nth-child(n) .bx { background:#ffffffa6; }