/* GIG unified brand v1 — navy and teal from admin sidebar.
   Keeps the TECHNICIAN's functional navigation and admin permissions unchanged. */
:root { --gig-navy:#092653; --gig-navy-deep:#061d42; --gig-teal:#0d9d98; --gig-text:#102b52; }
/* Technician desktop sidebar, every authenticated technician page */
body.fd-tech-portal-body .fd-tech-sidebar {
  background:linear-gradient(177deg,#0b2b5e 0%,#092653 54%,#061d42 100%)!important;
  color:#e7f3ff!important;
}
body.fd-tech-portal-body .fd-tech-sidebar-brand-wrap {padding:13px 5px 17px!important;}
body.fd-tech-portal-body .fd-tech-sidebar-brand.fd-gig-brand-image-only {display:flex!important;align-items:center!important;justify-content:center!important;padding:5px 2px!important;}
body.fd-tech-portal-body .fd-tech-sidebar-brand img.fd-gig-brand-logo {
  width:100%!important;max-width:235px!important;max-height:none!important;height:auto!important;object-fit:contain!important;
}
body.fd-tech-portal-body .fd-tech-sidebar-nav>a.is-active {background:#0e9c98!important;color:#fff!important;}
body.fd-tech-portal-body .fd-tech-sidebar-nav>a:focus-visible {outline:2px solid #91e4dd;outline-offset:2px;}
/* Navy mobile top bar across all technician pages (not just Portal 2.0 home). */
@media(max-width:860px) {
  body.fd-tech-portal-body .fd-tech-mobile-head {
    background:var(--gig-navy)!important;border-bottom:1px solid rgba(255,255,255,.13)!important;
    min-height:70px!important;padding:10px 14px!important;box-shadow:0 3px 17px rgba(7,30,68,.18)!important;
  }
  body.fd-tech-portal-body .fd-tech-mobile-brand {display:flex!important;align-items:center!important;min-width:0!important;max-width:calc(100% - 115px)!important;}
  body.fd-tech-portal-body .fd-tech-mobile-brand img {display:block!important;width:180px!important;max-width:100%!important;max-height:58px!important;height:auto!important;object-fit:contain!important;}
  body.fd-tech-portal-body .fd-tech-mobile-bell {color:#fff!important;border-color:rgba(230,255,252,.43)!important;}
  body.fd-tech-portal-body .fd-tech-mobile-bell .fd-ui-icon {color:#fff!important;}
  body.fd-tech-portal-body .fd-tech-mobile-user>span {background:#d5f8f3!important;color:#0b3556!important;}
  /* Preserve technician mobile bottom nav and primary job button; match admin colors. */
  body.fd-tech-portal-body .fd-mobile-bottom-nav {background:rgba(9,38,83,.98)!important;border-top:1px solid rgba(255,255,255,.14)!important;box-shadow:0 -5px 22px rgba(6,24,52,.22)!important;}
  body.fd-tech-portal-body .fd-mobile-bottom-nav>a,
  body.fd-tech-portal-body .fd-mobile-more-menu>summary {color:#d5e4f6!important;}
  body.fd-tech-portal-body .fd-mobile-bottom-nav>a.is-active {color:#71efe2!important;}
  body.fd-tech-portal-body .fd-mobile-bottom-nav .fd-mobile-primary-action {background:linear-gradient(145deg,#15b8ae,#078d89)!important;color:#fff!important;border-color:var(--gig-navy)!important;}
  body.fd-tech-portal-body .fd-mobile-bottom-nav a .fd-ui-icon,
  body.fd-tech-portal-body .fd-mobile-bottom-nav summary .fd-ui-icon {color:inherit!important;}
  body.fd-tech-portal-body .fd-mobile-more-panel {background:#fff!important;}
  body.fd-tech-portal-body .fd-mobile-more-panel a {color:#183859!important;}
}
/* Public intake/form navigation gets the same brand treatment; no route changes. */
body:not(.fd-admin-body):not(.fd-tech-portal-body):not(.fd-auth-body):not(.fd-gig-landing)>.fd-topbar {
  background:var(--gig-navy)!important;border-bottom:1px solid rgba(255,255,255,.16)!important;
}
body:not(.fd-admin-body):not(.fd-tech-portal-body):not(.fd-auth-body):not(.fd-gig-landing)>.fd-topbar .fd-nav a,
body:not(.fd-admin-body):not(.fd-tech-portal-body):not(.fd-auth-body):not(.fd-gig-landing)>.fd-topbar .fd-header-tagline {color:#edf7ff!important;}
body:not(.fd-admin-body):not(.fd-tech-portal-body):not(.fd-auth-body):not(.fd-gig-landing)>.fd-topbar .fd-nav a.is-active {color:#78f2e2!important;}
/* Onboarding and account-security pages: polished admin-inspired brand panel. */
body.fd-auth-body .fd-auth-brand-panel {background:linear-gradient(159deg,#061c43 0%,#092653 64%,#0b3e69 100%)!important;}
body.fd-auth-body .fd-auth-logo {display:flex!important;width:clamp(190px,24vw,310px)!important;height:auto!important;min-height:85px!important;padding:6px!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;}
body.fd-auth-body .fd-auth-logo img {width:100%!important;height:auto!important;max-height:110px!important;object-fit:contain!important;}
body.fd-auth-body .fd-auth-brand-copy h1 {color:#fff!important;}
body.fd-auth-body .fd-auth-brand-copy .fd-section-kicker {color:#80e5d9!important;}
body.fd-auth-body .fd-auth-form-panel {background:#fff!important;}
body.fd-auth-body .fd-auth-form-wrap h2 {color:var(--gig-text)!important;}
/* Accessible password controls: responsive and click-safe. */
.fd-password-wrap {display:flex!important;align-items:stretch!important;position:relative!important;width:100%!important;min-width:0!important;}
.fd-password-wrap>input {display:block!important;width:100%!important;min-width:0!important;padding-right:77px!important;}
.fd-password-toggle {position:absolute;right:7px;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:57px;height:32px;padding:0 7px;background:#eef6f7;color:#087c79;border:1px solid #cfe6e7;border-radius:8px;font:700 12px/1 Arial,sans-serif;cursor:pointer;}
.fd-password-toggle:hover,.fd-password-toggle:focus-visible {background:#e0f2f1;color:#056560;outline:2px solid #78c9c3;outline-offset:1px;}
@media(max-width:620px){body.fd-auth-body .fd-auth-logo{width:225px!important;min-height:69px!important;}body.fd-auth-body .fd-auth-logo img{max-height:82px!important;}}

/* Tech portal mobile header bell: navy icon on white circle (2026-10-29). */
body.fd-tech-portal-body .fd-tech-mobile-head .fd-tech-mobile-bell,
body .fd-tech-v2 .fd-tech-mobile-head .fd-tech-mobile-bell,
body .fd-tech-mobile-head a.fd-tech-mobile-bell{background:#fff!important;color:#092653!important;border-color:#dce5ef!important;}
body.fd-tech-portal-body .fd-tech-mobile-head .fd-tech-mobile-bell .fd-ui-icon,
body .fd-tech-mobile-head a.fd-tech-mobile-bell .fd-ui-icon,
body .fd-tech-mobile-head a.fd-tech-mobile-bell svg{color:#092653!important;stroke:#092653!important;}
body .fd-tech-mobile-head a.fd-tech-mobile-bell b{background:#ef4444!important;color:#fff!important;}