@charset "UTF-8";

/* Homigo Helper follows the device theme. Dark mode stays neutral charcoal with
   only a restrained cool tint; navy/pink remain accents rather than backgrounds. */
:root { color-scheme: light dark; }

@media (prefers-color-scheme: dark) {
  :root {
    --cream:#0F1115;
    --surface:#16191E;
    --surface-2:#1C2027;
    --surface-accent:#191E25;
    --text:#F3F4F6;
    --muted:#A4AAB3;
    --border:#2A3038;
    --pink:#F07AA1;
    --pink-2:#F18AAD;
    --pink-soft:#35222B;
    --navy:#A9B7D4;
    --navy-2:#8596B8;
    --navy-3:#667A9E;
    --success:#67C69B;
    --success-soft:#183229;
    --warning:#E5B461;
    --warning-soft:#332918;
    --danger:#F08391;
    --danger-soft:#351E24;
    --info:#9FB1D0;
    --shadow-sm:0 4px 18px rgba(0,0,0,.20);
    --shadow-md:0 14px 42px rgba(0,0,0,.30);
    --shadow-float:0 22px 70px rgba(0,0,0,.42);
    --hairline:rgba(255,255,255,.075);
  }

  html,body{background:var(--cream);color:var(--text)}
  body{background:radial-gradient(circle at 100% -12%,rgba(95,119,158,.045),transparent 30%),var(--cream)}
  ::selection{background:#513043;color:#fff}

  .app-header{background:color-mix(in srgb,var(--surface) 96%,transparent);color:var(--text);border-bottom-color:var(--border);box-shadow:0 5px 24px rgba(0,0,0,.24)}
  .bottom-nav{background:color-mix(in srgb,var(--surface) 95%,transparent);border-color:var(--border);box-shadow:0 15px 38px rgba(0,0,0,.34)}
  .bottom-nav a{color:#9299A4}.bottom-nav a.active{color:var(--text);background:var(--pink-soft)}

  .card,.stat-card,.quick-action,.login-card,.offer-card,.chat-message,.profile-menu a,.profile-menu button,.date-chip,.input,.select,.textarea{background:var(--surface);color:var(--text);border-color:var(--border)}
  .card--flat{background:var(--surface)}
  .card--navy{background:linear-gradient(145deg,var(--surface),var(--surface-accent));color:var(--text);border-color:var(--border)}
  .card--pink-soft{background:var(--pink-soft);border-color:#50303D}
  .card--success{background:var(--success-soft);border-color:#24483A}
  .card--warning{background:var(--warning-soft);border-color:#514124}

  .button{color:var(--text);background:var(--surface-2)}
  .button--navy{background:#263552;color:#fff;box-shadow:0 9px 22px rgba(0,0,0,.22)}
  .button--pink,.button--success{color:#fff}.button--ghost{background:var(--surface);border-color:var(--border)}
  .input::placeholder,.textarea::placeholder{color:#777F8A}
  .toggle-track{background:#444A54}.toggle-track::after{background:#F4F5F7}.progress{background:#252A31}

  .money,.profile-menu a,.profile-menu button,.empty-state h3{color:var(--text)}
  .badge--navy{background:#242B36;color:#CDD7E9}.badge--warning,.notice--warning,.dev-code{color:#E8BE77}.notice--success{color:#7BD0AA}.notice--danger{color:#FF9AAA}
  .avatar,.document-icon{background:#20252C;color:#DDE3EC}
  .location-card{background:linear-gradient(145deg,var(--surface-accent),var(--surface));border-color:var(--border)}
  .timeline-marker span{border-color:#555D69;background:var(--surface)}.timeline-marker::after{background:#343B45}
  .date-chip.active{background:#263552;border-color:#344866;color:#fff}.date-chip.active small{color:#CBD3E2}
  .offer-overlay{background:rgba(3,5,8,.78)}.offer-radar{background:#263552;border-color:var(--surface)}
  .chat-message{box-shadow:0 3px 12px rgba(0,0,0,.16)}.chat-message.mine{background:#263552;color:#fff;border-color:#263552}
  .chat-composer{background:color-mix(in srgb,var(--surface) 94%,transparent)}
  .toast{background:#242A34;color:#fff}.spinner--navy{border-color:#3A414B;border-top-color:var(--pink)}.chevron{color:#727B88}

  .work-status-card{background:linear-gradient(145deg,var(--surface),var(--surface-accent));color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm)}
  .work-status-card>p,.live-state small,.gps-status small{color:var(--muted)}
  .gps-status{background:var(--surface-2);border-color:var(--border)}
  .gps-status__icon,.gps-status .icon-button{background:var(--surface);border-color:var(--border);color:#A9B7D4}
  .earnings-page>.card--navy:first-child{background:linear-gradient(145deg,var(--surface),var(--surface-accent));color:var(--text);border-color:var(--border)}

  #notificationsRefresh,#bookingsRefresh,#scheduleRefresh{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)}
  .skeleton{background:linear-gradient(90deg,#191D23 25%,#242A32 38%,#191D23 60%);background-size:400% 100%}
}