/* AquaConnect shared palette. Color only: layout and behavior remain component-owned. */
:root {
 --aq-navy:#17334e; --aq-blue:#2563eb; --aq-blue-hover:#1d4ed8;
 --aq-bg:#f5f7fa; --aq-bg-2:#f5f7fa; --aq-panel:#fff; --aq-panel-soft:#f5f7fa;
 --aq-panel-blue:#eff6ff; --aq-line:#dce3eb; --aq-line-soft:#e2e8f0;
 --aq-text:#1f2937; --aq-strong:#17334e; --aq-muted:#5f6f85; --aq-muted-2:#5f6f85;
 --aq-primary:#2563eb; --aq-primary-2:#2563eb; --aq-primary-dark:#1d4ed8;
 --aq-cyan:#2563eb; --aq-teal:#15803d; --aq-green:#15803d; --aq-yellow:#b45309; --aq-red:#b91c1c;
 --aq-content-heading:#17334e; --aq-content-muted:#5f6f85; --aq-content-soft:#f5f7fa;
 --aq-content-blue:#2563eb; --aq-content-teal:#2563eb; --aq-content-card-border:#dce3eb;
 --aq-content-card-shadow:0 2px 8px #17334e08;
 --aq-sidebar-navy:#17334e; --aq-sidebar-navy-deep:#17334e;
 --aq-sidebar-active:#2b4b65; --aq-sidebar-active-2:#2b4b65;
 --aq-sidebar-text:#f1f5f9; --aq-sidebar-muted:#cbd5e1;
 --page-bg:#f5f7fa; --surface:#fff; --ink:#1f2937; --muted:#5f6f85; --line:#dce3eb;
 --blue:#2563eb; --blue-dark:#1d4ed8; --blue-soft:#eff6ff; --danger:#b91c1c;
}
body {background:#f5f7fa!important;color:#1f2937;}
body.aq-staff-portal > header, .simple-login-header {background:#17334e!important;border-color:#17334e!important;}
body.aq-staff-portal .bottom-nav {background:#17334e!important;}
body.aq-staff-portal .bottom-nav .nav-item.active {background:#2b4b65!important;border-color:#426078!important;box-shadow:inset 3px 0 0 #91aabd!important;}
body.aq-staff-portal .bottom-nav .nav-item:not(.active):hover {background:#24465f!important;}
body.aq-staff-portal .bottom-nav .nav-item i {color:#cbd5e1!important;}
body.aq-staff-portal .bottom-nav .nav-item.active i {color:#fff!important;}
body.aq-staff-portal :is(.admin-utility-avatar,.sidebar-user-avatar,.profile-avatar) {background:#eff6ff!important;color:#1d4ed8!important;}
body.aq-staff-portal #homePage[id] {background:#f5f7fa;color:#1f2937;}
body.aq-staff-portal #homePage .aqd-shell[data-role] {
 --aqd-accent:#2563eb; --aqd-tint:#eff6ff;
 --aqd-color-0:#2563eb; --aqd-color-1:#15803d; --aqd-color-2:#b45309; --aqd-color-3:#5f6f85;
}
body.aq-staff-portal #homePage .aqd-shell[data-role] :is(.aqd-metric,.aqd-metric:first-child,.aqd-metric:last-child,.aqd-action,.aqd-chart,.aqd-surface) {background:#fff;border-color:#dce3eb;}
body.aq-staff-portal #homePage .aqd-shell[data-role] .aqd-metric>strong {color:#17334e;}
body.aq-staff-portal #homePage .aqd-shell[data-role] .aqd-action:first-child {background:#eff6ff;border-color:#bfdbfe;}
body.aq-staff-portal #homePage .aqd-shell[data-role] .aqd-action:hover {background:#eff6ff;border-color:#2563eb;}
body.aq-staff-portal #homePage .aqd-shell[data-role] .aqd-action-number {background:#eff6ff;border-color:#dce3eb;color:#1d4ed8;}
body.aq-staff-portal #homePage .aqd-shell[data-role] .aqd-action-number::before,
body.aq-staff-portal #homePage .aqd-shell[data-role] .aqd-metric::after {background:#2563eb;}
body.aq-staff-portal #homePage .aqd-shell[data-role] .aqd-metric::before {background:#eff6ff;}
body.aq-staff-portal #homePage .aqd-shell[data-role] :is(.aqd-action small,.aqd-metric small,.aqd-description,.aqd-queue-note,.aqd-activity time) {color:#5f6f85;}
body.aq-staff-portal #homePage .aqd-shell[data-role] :is(.aqd-text-button,.aqsa-widget h3 i,.aqsa-widget footer button) {color:#1d4ed8;}
body.aq-staff-portal #homePage .aqd-shell[data-role] .aqsa-month button {background:#eff6ff;color:#1d4ed8;}
body.aq-staff-portal #homePage .aqd-shell[data-role] .aqsa-day.is-today {background:#2563eb;color:#fff;}
body.aq-staff-portal #homePage .aq-dashboard-status[data-tone="amber"],body .aq-report-status--reported {background:#fffbeb;color:#b45309;border-color:#fde68a;}
body.aq-staff-portal #homePage .aq-dashboard-status[data-tone="blue"],body .aq-report-status--in_progress {background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
body.aq-staff-portal #homePage .aq-dashboard-status[data-tone="green"],body .aq-report-status--resolved {background:#f0fdf4;color:#15803d;border-color:#bbf7d0;}
body.aq-staff-portal #homePage .aq-dashboard-status[data-tone="rose"] {background:#fef2f2;color:#b91c1c;border-color:#fecaca;}
body.aq-staff-portal :is(.aqd-table,.consumer-table,.audit-table,.billing-table,.user-table) th {background:#f5f7fa!important;color:#475569!important;border-color:#dce3eb!important;}
body .aq-role-pagination .btn-main {color:#1d4ed8!important;border-color:#dce3eb!important;}
body .aq-role-pagination .btn-main:not(:disabled):hover {background:#eff6ff!important;border-color:#2563eb!important;}
body .aq-role-pagination .btn-main:disabled {color:#5f6f85!important;background:#f1f5f9!important;}
body.aq-staff-portal :is(input,select,textarea):focus-visible {outline-color:#2563eb!important;border-color:#2563eb!important;}
body .aq-role-pagination .btn-main:focus-visible {outline-color:#2563eb!important;}
body #profilePasswordDialog .profile-password-symbol {background:#eff6ff;color:#1d4ed8;}
body #profilePasswordDialog .aq-password-toggle {color:#1d4ed8!important;}
body #profilePasswordDialog .aq-password-field:focus-within {border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;}

/* Subdued sidebar interaction colors, including the profile navigation card. */
body.aq-staff-portal .bottom-nav .nav-item:active {background:#2b4b65!important;}
body.aq-staff-portal .bottom-nav .nav-item:focus-visible {outline:2px solid #91aabd!important;outline-offset:-3px;}