/**
 * Tour — My Loads (walkthrough/screens/myloads.php). Prefix lml-.
 *
 * ⚠️ LIGHT APP INSIDE A DARK SITE. The marketing body is var(--white) on dark;
 *    inheriting it into a white card renders an invisible screen. Every colour
 *    below is literal. Volt as TEXT on white is #4a6b00. Brand fire #ff5c35 is
 *    ~3:1 on white, so it stays on icons, arrows and fills; fire WORDS are
 *    #c43c16 (the same rule as tour-laydr.css / tour-post.css).
 *    Four things stay DARK on purpose, as in the product: the hero card, the
 *    credentials panel, the floating refresh + bell, and the confirm dialog.
 *
 * ⚠️ The product's own light overrides leave several things white-on-white
 *    (Completed/Expired badges, the Interested note and status line, the My Jobs
 *    stage text, the calendar title and legend). They are drawn here in the
 *    corrected colours series-my-loads.md specifies, never invisible.
 *
 * ⚠️ NO CSS TRANSITIONS OR ANIMATIONS. The engine renders a pure function of t;
 *    a transition keeps moving after pause and lands a seek mid-ease. The
 *    product's hover lift, chevron turn and panel keyframe are the film's job.
 *
 * ⚠️ .lw-hover IS STICKY (the engine never removes it inside a scene), so
 *    nothing here styles it. Press targets get position:relative + overflow:
 *    hidden so the engine's ripple stays inside them.
 *
 * ⚠️ [hidden] must beat every display rule here — the UA's [hidden] loses to
 *    any author display value. The first block re-asserts it for the screen.
 *
 * ⚠️ No media queries: the scaler always reports its design width. The phone
 *    layout is the .lw-scaler.is-hand block at the end (design space 420 × 760).
 */

/* ---------------- state plumbing ---------------- */
.lw-scaler .lml [hidden],
.lw-scaler .lml-bellfix [hidden],
.lw-scaler .lml-dialog[hidden],
.lw-scaler .lml-chip[hidden]{ display:none !important; }
/* :has() markers — never take up room, only paint their parent */
.lw-scaler .lml-on{ display:none !important; }

/* ---------------- page ---------------- */
.lw-scaler .lml{ color:#0a0a0a; font-family:'Inter',system-ui,sans-serif; font-size:13px; line-height:1.5; }

/* hero — dark, volt-edged, as the product's .ml-headcard */
.lw-scaler .lml-headcard{
  padding:22px 24px; margin:0 0 20px; background:#0a0a0a; border:1px solid #C8F135; border-radius:16px;
  box-shadow:0 0 0 4px rgba(200,241,53,.10), 0 16px 36px rgba(15,18,22,.22);
}
.lw-scaler .lml-eyebrow{ margin:0 0 4px; font-family:'Inter',system-ui,sans-serif; font-size:13px; line-height:1.4; letter-spacing:.06em; text-transform:uppercase; color:rgba(242,242,242,.55); }
.lw-scaler .lml-h1{ margin:0; font-family:'Anta','Inter',sans-serif; font-weight:400; font-size:42px; line-height:1.05; letter-spacing:-.02em; color:#F2F2F2; }
.lw-scaler .lml-h1 span{ color:#C8F135; }

/* flash — pale volt; the product's icon is volt-on-volt, so it is drawn olive */
.lw-scaler .lml-flash{
  display:flex; align-items:center; gap:10px; margin:0 0 18px; padding:14px 18px;
  background:rgba(200,241,53,.18); border:1px solid #C8F135; border-radius:10px;
  font-size:14px; line-height:1.45; color:#0a0a0a;
}
.lw-scaler .lml-flash i{ color:#4a6b00; flex:none; }

/* ---------------- top tabs: a white segmented control ---------------- */
.lw-scaler .lml-tabs{
  display:flex; width:max-content; max-width:100%; gap:4px; padding:5px; margin:0 0 22px;
  background:#ffffff; border:1px solid #e3e6ea; border-radius:14px; box-shadow:0 1px 2px rgba(15,18,22,.05);
}
.lw-scaler .lml-tab{
  position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:8px;
  padding:9px 16px; border-radius:10px; white-space:nowrap;
  font-family:'Anta','Inter',sans-serif; font-size:13px; line-height:1.5; letter-spacing:.01em; color:#5a6068;
}
.lw-scaler .lml-tab i{ font-size:12px; color:#b0b5bc; }
.lw-scaler .lml-tab:has(> .lml-on:not([hidden])){ background:#C8F135; color:#0a0a0a; box-shadow:0 1px 2px rgba(15,18,22,.12); }
.lw-scaler .lml-tab:has(> .lml-on:not([hidden])) i{ color:#0a0a0a; }

/* search — the product's square wrapper is drawn with the radius it means to have */
.lw-scaler .lml-search{
  position:relative; max-width:380px; margin:0 0 14px; padding:10px 38px;
  background:#ffffff; border:1px solid #e3e6ea; border-radius:8px; box-shadow:0 1px 2px rgba(15,18,22,.04);
  font-size:14px; line-height:21px;
}
.lw-scaler .lml-search i{ position:absolute; left:14px; top:50%; transform:translateY(-50%); font-size:13px; color:#5a6068; }
.lw-scaler .lml-search .ph{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#8a909a; }

/* sub-tab pills (+ List | Calendar on My Jobs › In progress only) */
.lw-scaler .lml-subrow{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 18px; }
.lw-scaler .lml-subtabs{ display:flex; gap:4px; flex-wrap:wrap; }
.lw-scaler .lml-sub{
  position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:7px; padding:8px 14px;
  border-radius:99px; background:#ffffff; border:1px solid #e3e6ea; box-shadow:0 1px 1px rgba(15,18,22,.03);
  font-family:'Anta','Inter',sans-serif; font-size:12px; line-height:1.4; letter-spacing:.02em; color:#5a6068; white-space:nowrap;
}
.lw-scaler .lml-sub .num{
  display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:16px; padding:0 5px;
  border-radius:99px; background:#eef0f3; color:#5a6068;
  font-family:'Inter',system-ui,sans-serif; font-size:10px; font-weight:600; line-height:1; letter-spacing:0;
}
.lw-scaler .lml-sub.is-active{ background:#0a0a0a; border-color:#0a0a0a; color:#ffffff; box-shadow:0 2px 6px rgba(15,18,22,.18); }
.lw-scaler .lml-sub.is-active .num{ background:rgba(200,241,53,.22); color:#C8F135; }
.lw-scaler .lml-toggle{ display:inline-flex; gap:2px; padding:3px; border-radius:8px; }
.lw-scaler .lml-tg{
  position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:6px;
  background:#ffffff; color:#5a6068; font-family:'Anta','Inter',sans-serif; font-size:12px; line-height:1.4;
}
.lw-scaler .lml-tg i{ font-size:11px; color:inherit; }
.lw-scaler .lml-tg.is-active{ background:#0a0a0a; color:#ffffff; }

/* ---------------- the load card, shared by every tab ---------------- */
.lw-scaler .lml-card{
  position:relative; margin:0 0 10px; padding:18px 20px; color:#0a0a0a;
  background:#ffffff; border:1px solid #e3e6ea; border-radius:12px; box-shadow:0 1px 2px rgba(15,18,22,.04);
}
.lw-scaler .lml-card.is-dim{ opacity:.85; }   /* every non-pending Interested card, as the product */
.lw-scaler .lml-card-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin:0 0 8px; }
.lw-scaler .lml-route{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0;
  font-family:'Anta','Inter',sans-serif; font-weight:400; font-size:18px; line-height:1.1; letter-spacing:0; color:#0a0a0a;
}
.lw-scaler .lml-arrow{ font-size:14px; line-height:1; }
.lw-scaler .lml-arrow i{ color:#ff5c35; }
.lw-scaler .lml-price{ font-family:'Anta','Inter',sans-serif; font-size:22px; line-height:1.1; color:#0a0a0a; white-space:nowrap; }

/* status badges — laydn_status_badge(), light-corrected */
.lw-scaler .lml-badge{
  display:inline-flex; align-items:center; padding:2px 8px; border-radius:99px; border:1px solid transparent;
  font-family:'Anta','Inter',sans-serif; font-size:10px; font-weight:600; line-height:1.5; letter-spacing:.04em; text-transform:uppercase;
}
.lw-scaler .lml-badge.is-live{ color:#0a0a0a; background:#C8F135; border-color:#C8F135; }
.lw-scaler .lml-badge.is-fire{ color:#c43c16; background:rgba(255,92,53,.10); border-color:rgba(255,92,53,.35); font-weight:700; }
.lw-scaler .lml-badge.is-amber{ color:#8a5a00; background:#fff4e0; border-color:#f0dcb8; }
.lw-scaler .lml-badge.is-grey{ color:#5a6068; background:#eef0f3; border-color:#e3e6ea; }
.lw-scaler .lml-badge.is-salmon{ color:#b24a26; background:rgba(255,140,100,.10); border-color:rgba(255,140,100,.35); }

/* "You won this" (My Jobs, awarded and under 7 days) */
.lw-scaler .lml-won{
  display:inline-flex; align-items:center; gap:5px; padding:2px 8px; border-radius:99px;
  background:rgba(200,241,53,.10); border:1px solid rgba(200,241,53,.30); color:#0a0a0a;
  font-family:'Anta','Inter',sans-serif; font-size:10px; line-height:1.5; letter-spacing:.04em;
}
.lw-scaler .lml-won i{ font-size:9px; color:#0a0a0a; }

/* "+1 stop" — solid volt in light mode */
.lw-scaler .lml-multi{
  display:inline-flex; align-items:center; gap:5px; padding:2px 9px; border-radius:999px;
  background:#C8F135; border:1px solid #C8F135; color:#0a0a0a;
  font-family:'Inter',system-ui,sans-serif; font-size:10px; font-weight:600; line-height:1.5; letter-spacing:.05em; text-transform:uppercase;
}
.lw-scaler .lml-multi i{ font-size:9px; color:#0a0a0a; }

/* specs — volt icon tiles */
.lw-scaler .lml-specs{ display:flex; gap:18px; flex-wrap:wrap; margin:0 0 10px; font-size:13px; font-weight:500; line-height:1.5; color:#0a0a0a; }
.lw-scaler .lml-specs span{ display:inline-flex; align-items:center; gap:6px; }
.lw-scaler .lml-specs i{
  display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; flex:none;
  border-radius:6px; background:#C8F135; color:#0a0a0a; font-size:11px;
}

/* service icons */
.lw-scaler .lml-services{ display:flex; gap:6px; margin:0 0 12px; }
.lw-scaler .lml-service{ width:30px; height:30px; border-radius:7px; background:#C8F135; border:1px solid #C8F135; display:grid; place-items:center; }
.lw-scaler .lml-service i{ font-size:13px; color:#0a0a0a; }

/* collect / deliver */
.lw-scaler .lml-dates{
  display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 12px; padding:10px 12px;
  background:#f7f8fa; border:1px solid #e3e6ea; border-radius:8px;
}
.lw-scaler .lml-dates .lbl{ margin:0 0 2px; font-family:'Anta','Inter',sans-serif; font-size:10px; line-height:1.4; letter-spacing:.06em; text-transform:uppercase; color:#6a6f78; }
.lw-scaler .lml-dates .val{ font-family:'Anta','Inter',sans-serif; font-size:13px; line-height:1.4; color:#0a0a0a; }

/* ---------------- Posted › Live ---------------- */
.lw-scaler .lml-noint{ display:flex; align-items:center; gap:8px; margin:0; font-size:13px; line-height:1.5; color:#0a0a0a; }
.lw-scaler .lml-noint i{ color:#ff5c35; }

.lw-scaler .lml-review{ margin-top:14px; }
.lw-scaler .lml-review-bar{
  position:relative; overflow:hidden; display:flex; align-items:center; gap:10px; padding:13px 16px;
  background:#C8F135; border-radius:10px; box-shadow:0 6px 16px rgba(200,241,53,.18);
  font-family:'Anta','Inter',sans-serif; font-size:13px; line-height:1.4; letter-spacing:.02em; color:#0a0a0a;
}
.lw-scaler .lml-review-count{
  display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:22px; padding:0 7px; margin-right:2px;
  border-radius:99px; background:#0a0a0a; color:#C8F135; font-size:12px; line-height:1;
}
.lw-scaler .lml-chev{ margin-left:auto; font-size:11px; color:#0a0a0a; }
.lw-scaler .lml-chev.is-open{ transform:rotate(90deg); }
.lw-scaler .lml-int-list{ margin-top:10px; display:flex; flex-direction:column; gap:10px; }

/* one interested carrier — no rating, badge, "docs" chip or timestamp: the product has none */
.lw-scaler .lml-int{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; padding:12px;
  background:#f7f8fa; border:1px solid #e3e6ea; border-radius:9px;
}
.lw-scaler .lml-int-who{ min-width:0; }
.lw-scaler .lml-int-who .name{ margin:0 0 4px; font-family:'Anta','Inter',sans-serif; font-size:14px; line-height:1.2; color:#0a0a0a; }
.lw-scaler .lml-co{ font-size:13px; font-weight:400; color:#5a6068; }
.lw-scaler .lml-int-who .meta{ display:flex; flex-wrap:wrap; gap:4px 0; font-size:12px; line-height:1.5; color:#5a6068; }
.lw-scaler .lml-int-who .meta span{ display:inline-flex; align-items:center; gap:5px; color:#5a6068; }
.lw-scaler .lml-int-who .meta i{ font-size:10px; margin-right:3px; color:#8a909a; }
.lw-scaler .lml-int-who .note{
  margin-top:8px; padding:8px 11px; background:rgba(200,241,53,.10); border-left:2px solid #C8F135; border-radius:0 7px 7px 0;
  font-size:12px; font-style:italic; line-height:1.4; color:#5a6068;
}
.lw-scaler .lml-int-actions{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-left:auto; }

/* buttons */
.lw-scaler .lml-btn{
  position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; gap:6px;
  padding:8px 14px; border-radius:7px; border:1px solid transparent; white-space:nowrap;
  font-family:'Anta','Inter',sans-serif; font-size:13px; line-height:1.4;
}
.lw-scaler .lml-btn i{ font-size:12px; color:inherit; }
.lw-scaler .lml-btn-award{ background:#C8F135; border-color:#C8F135; color:#0a0a0a; }
.lw-scaler .lml-btn-creds{ background:#ffffff; border-color:#e3e6ea; color:#5a6068; }
.lw-scaler .lml-btn-creds .lml-lbl{ display:inline-flex; align-items:center; gap:6px; }
.lw-scaler .lml-btn-creds:has(.is-hide:not([hidden])){ color:#4a6b00; border-color:#C8F135; background:rgba(200,241,53,.14); }
.lw-scaler .lml-btn-danger{ background:transparent; border-color:rgba(255,140,100,.45); color:#b24a26; font-family:'Inter',system-ui,sans-serif; font-weight:500; }
.lw-scaler .lml-btn-ghost{ background:#ffffff; border-color:#e3e6ea; color:#5a6068; font-family:'Inter',system-ui,sans-serif; font-weight:500; }

/* the credentials panel — a DARK card on the light page, as the product */
.lw-scaler .lml-creds{
  margin-top:12px; padding:20px; color:#F2F2F2;
  background:#0a0a0a; border:1px solid #C8F135; border-radius:10px;
  box-shadow:0 0 0 4px rgba(200,241,53,.10), 0 12px 28px rgba(15,18,22,.20);
}
.lw-scaler .lml-cred-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap;
  padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid rgba(255,255,255,.06);
}
.lw-scaler .lml-cred-head h3{ margin:0; font-family:'Anta','Inter',sans-serif; font-weight:400; font-size:17px; line-height:1.2; letter-spacing:-.01em; color:#F2F2F2; }
.lw-scaler .lml-cred-status{
  display:inline-flex; align-items:center; gap:6px; flex:none; padding:5px 10px; border-radius:99px;
  background:rgba(200,241,53,.10); border:1px solid rgba(200,241,53,.30); color:#C8F135;
  font-family:'Anta','Inter',sans-serif; font-size:10px; line-height:1.3; letter-spacing:.04em; text-transform:uppercase;
}
.lw-scaler .lml-cred-status i{ font-size:9px; color:#C8F135; }
.lw-scaler .lml-cred-facts{ display:flex; flex-wrap:wrap; gap:18px 26px; margin:0 0 18px; }
.lw-scaler .lml-cred-fact{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.lw-scaler .lml-cred-fact span{ font-family:'Anta','Inter',sans-serif; font-size:10px; line-height:1.4; letter-spacing:.05em; text-transform:uppercase; color:rgba(242,242,242,.55); }
.lw-scaler .lml-cred-fact strong{ font-size:13px; line-height:1.4; font-weight:600; color:#F2F2F2; }
.lw-scaler .lml-cred-title{ margin:0 0 10px; font-family:'Anta','Inter',sans-serif; font-weight:400; font-size:11px; line-height:1.4; letter-spacing:.06em; text-transform:uppercase; color:rgba(242,242,242,.65); }
.lw-scaler .lml-cred-docs{ display:flex; flex-direction:column; gap:8px; margin:0 0 16px; }
.lw-scaler .lml-cred-row{
  display:flex; align-items:center; gap:12px; padding:11px 13px; border-radius:8px;
  background:rgba(200,241,53,.03); border:1px solid rgba(200,241,53,.20);
}
.lw-scaler .lml-cred-row .ic{ width:34px; height:34px; flex:none; border-radius:8px; background:rgba(200,241,53,.15); display:inline-flex; align-items:center; justify-content:center; }
.lw-scaler .lml-cred-row .ic i{ font-size:14px; color:#C8F135; }
.lw-scaler .lml-cred-row .meta{ flex:1; min-width:0; }
.lw-scaler .lml-cred-row .nm{ margin:0 0 2px; font-family:'Anta','Inter',sans-serif; font-size:13px; line-height:1.3; color:#F2F2F2; }
.lw-scaler .lml-cred-row .opt{
  margin-left:6px; padding:1px 6px; border-radius:99px; background:rgba(255,255,255,.05); color:rgba(242,242,242,.55);
  font-family:'Inter',system-ui,sans-serif; font-size:10px; font-weight:400; letter-spacing:.04em; text-transform:uppercase;
}
.lw-scaler .lml-cred-row .dt{ font-size:11px; line-height:1.45; color:rgba(242,242,242,.55); }
.lw-scaler .lml-cred-row .st{ display:inline-flex; align-items:center; gap:4px; font-family:'Anta','Inter',sans-serif; font-size:11px; color:#C8F135; }
.lw-scaler .lml-cred-row .st i{ font-size:9px; color:#C8F135; }
.lw-scaler .lml-cred-row .view{
  flex:none; padding:6px 11px; border-radius:6px; border:1px solid rgba(255,255,255,.18); color:#F2F2F2;
  font-family:'Anta','Inter',sans-serif; font-size:11px; line-height:1.3;
}
.lw-scaler .lml-cred-disc{
  display:flex; gap:8px; align-items:flex-start; margin:6px 0 0; padding-top:12px; border-top:1px solid rgba(255,255,255,.05);
  font-size:11px; line-height:1.5; color:rgba(242,242,242,.55);
}
.lw-scaler .lml-cred-disc i{ flex:none; margin-top:1px; font-size:12px; color:rgba(242,242,242,.45); }

/* ---------------- Posted, once awarded: the fire panel + the stage strip ---------------- */
.lw-scaler .lml-award-panel{
  display:flex; gap:14px; align-items:center; padding:12px;
  background:rgba(255,92,53,.06); border:1px solid rgba(255,92,53,.40); border-radius:9px;
}
.lw-scaler .lml-award-panel > i{ flex:none; font-size:18px; color:#ff5c35; }
.lw-scaler .lml-award-who{ flex:1; min-width:0; }
.lw-scaler .lml-award-who .name{ font-family:'Inter',system-ui,sans-serif; font-size:14px; font-weight:500; line-height:1.4; color:#0a0a0a; }
.lw-scaler .lml-award-who .meta{ margin-top:3px; font-size:12px; line-height:1.5; color:#5a6068; }
.lw-scaler .lml-award-who .lnk, .lw-scaler .lml-award-who .lnk i{ color:#c43c16; }
.lw-scaler .lml-stage-row{
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-top:10px; padding:11px 14px;
  background:#f7f8fa; border:1px solid #e3e6ea; border-radius:9px;
}
.lw-scaler .lml-stage{ display:inline-flex; align-items:center; gap:8px; font-size:13px; line-height:1.4; }
.lw-scaler .lml-stage.is-fire{ color:#c43c16; }
.lw-scaler .lml-stage.is-fire i{ color:#ff5c35; }
.lw-scaler .lml-stage.is-amber, .lw-scaler .lml-stage.is-amber i{ color:#b87c00; }
.lw-scaler .lml-stage.is-volt, .lw-scaler .lml-stage.is-volt i{ color:#4a6b00; }

/* ---------------- Interested ---------------- */
.lw-scaler .lml-mynote{
  margin:0 0 12px; padding:9px 12px; background:rgba(200,241,53,.08); border-left:2px solid #C8F135; border-radius:0 7px 7px 0;
  font-size:13px; font-style:italic; line-height:1.45; color:#5a6068;
}
.lw-scaler .lml-foot{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; padding-top:12px; border-top:1px solid #eef0f3; }
.lw-scaler .lml-foot-tx{ font-size:12px; line-height:1.4; color:#5a6068; }

/* ---------------- My Jobs ---------------- */
.lw-scaler .lml-contact{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; margin:0 0 12px; padding:10px 12px;
  background:rgba(200,241,53,.12); border:1px solid rgba(200,241,53,.50); border-radius:9px;
}
.lw-scaler .lml-contact .ctc{ display:flex; align-items:center; gap:8px; min-width:0; font-size:13px; line-height:1.4; color:#0a0a0a; }
.lw-scaler .lml-contact .ctc i{ flex:none; color:#4a6b00; }
.lw-scaler .lml-contact .ctc span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lw-scaler .lml-shipper{ font-size:12px; line-height:1.5; color:#5a6068; }
.lw-scaler .lml-shipper strong{ font-weight:500; color:#0a0a0a; }
.lw-scaler .lml-jstage{
  display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap;
  margin-top:14px; padding-top:14px; border-top:1px solid #eef0f3;
}
.lw-scaler .lml-jst{ display:inline-flex; align-items:center; gap:5px; font-size:12px; line-height:1.4; }
.lw-scaler .lml-jst.is-cyan, .lw-scaler .lml-jst.is-cyan i{ color:#0b6b7d; }
.lw-scaler .lml-jst.is-amber, .lw-scaler .lml-jst.is-amber i{ color:#8a5a00; }
.lw-scaler .lml-jst.is-volt, .lw-scaler .lml-jst.is-volt i{ color:#4a6b00; }

/* "Assign a driver…" — a native select in the product: the box is all it styles */
.lw-scaler .lml-assign{ display:flex; align-items:center; gap:8px; margin-top:12px; width:100%; }
.lw-scaler .lml-assign > i{ flex:none; font-size:13px; color:#6a6f78; }
.lw-scaler .lml-selwrap{ position:relative; flex:1 1 auto; max-width:340px; }
.lw-scaler .lml-select{
  position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:9px 11px; border-radius:9px; background:#ffffff; border:1px solid #d8dde3;
  font-size:14px; line-height:1.4; color:#0a0a0a;
}
.lw-scaler .lml-select i{ flex:none; font-size:10px; color:#5a6068; }
.lw-scaler .lml-menu{
  position:absolute; left:0; right:0; top:calc(100% + 4px); z-index:20; display:flex; flex-direction:column; padding:4px;
  background:#ffffff; border:1px solid #d8dde3; border-radius:9px; box-shadow:0 12px 28px rgba(15,18,22,.18);
}
.lw-scaler .lml-opt{ position:relative; overflow:hidden; display:block; padding:7px 10px; border-radius:6px; font-size:14px; line-height:1.4; color:#0a0a0a; }
.lw-scaler .lml-opt.is-cur{ background:#eef0f3; }

/* ---------------- My Jobs › In progress › Calendar (Month) ---------------- */
.lw-scaler .lml-cal{
  margin:0 0 12px; padding:18px; background:#ffffff; border:1px solid #e3e6ea; border-radius:12px; box-shadow:0 1px 2px rgba(15,18,22,.04);
}
.lw-scaler .lml-cal-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px; }
.lw-scaler .lml-cal-title{ margin:0; font-family:'Anta','Inter',sans-serif; font-weight:400; font-size:18px; line-height:1.2; letter-spacing:-.01em; color:#0a0a0a; }
.lw-scaler .lml-cal-nav{ display:inline-flex; align-items:center; gap:6px; }
.lw-scaler .lml-cal-nav span{
  display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:7px;
  background:#ffffff; border:1px solid #e3e6ea; color:#5a6068; font-size:12px;
}
.lw-scaler .lml-cal-nav span.is-today{ width:auto; padding:0 12px; font-family:'Anta','Inter',sans-serif; }
.lw-scaler .lml-cal-modes{ display:inline-flex; gap:2px; padding:3px; margin:0 0 14px; border-radius:8px; background:#ffffff; border:1px solid #e3e6ea; }
.lw-scaler .lml-cal-modes span{ display:inline-flex; align-items:center; padding:6px 14px; border-radius:6px; font-family:'Anta','Inter',sans-serif; font-size:12px; line-height:1.4; color:#5a6068; }
.lw-scaler .lml-cal-modes span.is-active{ background:#C8F135; color:#0a0a0a; }
.lw-scaler .lml-cal-legend{ display:flex; gap:18px; flex-wrap:wrap; margin:0 0 14px; }
.lw-scaler .lml-cal-legend span{ display:inline-flex; align-items:center; gap:6px; font-family:'Anta','Inter',sans-serif; font-size:11px; line-height:1.4; letter-spacing:.02em; color:#5a6068; }
.lw-scaler .lml-cal-legend .dot{ display:inline-block; width:10px; height:10px; border-radius:99px; }
.lw-scaler .lml-cal-legend .dot.is-volt{ background:#C8F135; }
.lw-scaler .lml-cal-legend .dot.is-amber{ background:#ffc450; }
.lw-scaler .lml-cal-legend .dot.is-fire{ background:#ff5c35; }
.lw-scaler .lml-cal-wk{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; margin:0 0 6px; }
.lw-scaler .lml-cal-wk div{ padding:8px 0; text-align:center; font-family:'Anta','Inter',sans-serif; font-size:10px; line-height:1.2; letter-spacing:.06em; text-transform:uppercase; color:#6a6f78; }
.lw-scaler .lml-cal-grid{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); grid-auto-rows:minmax(86px,auto); gap:4px; }
.lw-scaler .lml-cal-day{
  position:relative; display:flex; flex-direction:column; min-width:0; min-height:86px; padding:6px 5px; overflow:hidden;
  background:#ffffff; border:1px solid #eef0f3; border-radius:6px;
}
.lw-scaler .lml-cal-day.is-other{ opacity:.35; }
.lw-scaler .lml-cal-day.is-today{ border-color:rgba(200,241,53,.45); background:rgba(200,241,53,.04); }
.lw-scaler .lml-cal-day .num{ align-self:flex-start; margin:0 0 4px; padding:0 4px; font-family:'Anta','Inter',sans-serif; font-size:11px; line-height:1.4; color:#0a0a0a; }
/* the product paints today's number volt-on-volt (invisible): drawn black on volt */
.lw-scaler .lml-cal-day.is-today .num{ padding:1px 7px; border-radius:99px; background:#C8F135; color:#0a0a0a; font-weight:700; }
.lw-scaler .lml-cal-job{
  display:block; margin:0 0 2px; padding:3px 6px; border-radius:3px; background:#C8F135; color:#0a0a0a;
  font-family:'Anta','Inter',sans-serif; font-size:10px; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* ---------------- the floating refresh + bell (dark, as the product) ---------------- */
.lw-scaler .lml-bellfix{ position:absolute; top:18px; right:22px; z-index:30; display:flex; align-items:center; gap:10px; }
.lw-scaler .lml-refresh,
.lw-scaler .lml-bell{
  position:relative; width:46px; height:46px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  background:#181818; border:1px solid rgba(255,255,255,.10); color:#F2F2F2; box-shadow:0 6px 20px rgba(0,0,0,.40);
}
.lw-scaler .lml-refresh{ overflow:hidden; font-size:15px; }
.lw-scaler .lml-bell{ font-size:16px; }
.lw-scaler .lml-refresh i, .lw-scaler .lml-bell > i{ color:#F2F2F2; }
.lw-scaler .lml-bell:has(.lml-bell-badge:not([hidden])){ border-color:rgba(200,241,53,.55); }
/* two classes: outranks the engine's sticky .lw-hover{position:relative} */
.lw-scaler .lml-bell .lml-bell-badge{
  position:absolute; top:-3px; right:-3px; min-width:18px; height:18px; padding:0 5px; border-radius:9px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#C8F135; color:#0a0a0a; border:2px solid #0a0a0a;
  font-family:'Anta','Inter',sans-serif; font-size:10px; font-weight:600; line-height:1;
}

/* ---------------- the confirm dialog — dark, covers the stage ---------------- */
.lw-scaler .lml-dialog{ position:absolute; inset:0; z-index:40; display:grid; place-items:center; }
.lw-scaler .lml-dialog-bg{ position:absolute; inset:0; background:rgba(0,0,0,.72); backdrop-filter:blur(3px); }
.lw-scaler .lml-dialog-panel{
  position:relative; width:420px; max-width:calc(100% - 40px); padding:28px 24px 22px; text-align:center; color:#F2F2F2;
  background:#0e0e0e; border:1px solid rgba(255,255,255,.10); border-radius:14px; box-shadow:0 24px 60px rgba(0,0,0,.65);
}
.lw-scaler .lml-dialog-ic{ width:52px; height:52px; margin:0 auto 14px; border-radius:50%; display:grid; place-items:center; background:rgba(200,241,53,.10); }
.lw-scaler .lml-dialog-ic i{ font-size:22px; color:#C8F135; }
.lw-scaler .lml-dialog.is-danger .lml-dialog-ic{ background:rgba(255,92,53,.12); }
.lw-scaler .lml-dialog.is-danger .lml-dialog-ic i{ color:#ff5c35; }
.lw-scaler .lml-dialog-panel h3{ margin:0 0 8px; font-family:'Anta','Inter',sans-serif; font-weight:400; font-size:18px; line-height:1.25; letter-spacing:-.01em; color:#F2F2F2; }
.lw-scaler .lml-dialog-panel p{ margin:0 0 22px; font-family:'Inter',system-ui,sans-serif; font-size:14px; line-height:1.5; color:rgba(242,242,242,.70); }
.lw-scaler .lml-dialog-btns{ display:flex; gap:10px; justify-content:center; }
.lw-scaler .lml-dialog-btns span{
  position:relative; overflow:hidden; flex:1; min-width:110px; padding:11px 18px; border-radius:9px; text-align:center;
  font-family:'Anta','Inter',sans-serif; font-size:13px; line-height:1.3; letter-spacing:.01em;
}
.lw-scaler .lml-dlg-cancel{ background:transparent; border:1px solid rgba(255,255,255,.14); color:rgba(242,242,242,.75); }
.lw-scaler .lml-dlg-ok{ background:#C8F135; border:1px solid #C8F135; color:#0a0a0a; }
.lw-scaler .lml-dialog.is-danger .lml-dlg-ok{ background:#ff5c35; border-color:#ff5c35; color:#ffffff; }

/* =====================================================================
 * PHONE — the narrow design space (420 × 760). The product below 600/700/900px:
 * one column, interest rows stack with full-width buttons, the contact panel
 * goes to one column, the calendar tightens, refresh + bell sit in the top bar.
 * ===================================================================== */
.lw-scaler.is-hand .lml-h1{ font-size:28px; }
.lw-scaler.is-hand .lml-search{ max-width:100%; }
.lw-scaler.is-hand .lml-int{ grid-template-columns:minmax(0,1fr); }
.lw-scaler.is-hand .lml-int-actions{ width:100%; margin-left:0; }
.lw-scaler.is-hand .lml-int-actions .lml-btn{ flex:1; }
.lw-scaler.is-hand .lml-creds{ padding:14px; }
.lw-scaler.is-hand .lml-cred-row{ padding:10px 11px; gap:10px; }
.lw-scaler.is-hand .lml-contact{ grid-template-columns:minmax(0,1fr); }
.lw-scaler.is-hand .lml-selwrap{ max-width:none; }
.lw-scaler.is-hand .lml-cal{ padding:12px; }
.lw-scaler.is-hand .lml-cal-title{ font-size:15px; }
.lw-scaler.is-hand .lml-cal-nav span{ width:30px; height:30px; }
.lw-scaler.is-hand .lml-cal-wk{ gap:2px; }
.lw-scaler.is-hand .lml-cal-wk div{ padding:4px 0; font-size:9px; }
.lw-scaler.is-hand .lml-cal-grid{ grid-auto-rows:minmax(62px,auto); gap:2px; }
.lw-scaler.is-hand .lml-cal-day{ min-height:62px; padding:4px 3px; }
.lw-scaler.is-hand .lml-cal-day .num{ padding:0 2px; font-size:10px; }
.lw-scaler.is-hand .lml-cal-day.is-today .num{ padding:1px 5px; }
.lw-scaler.is-hand .lml-cal-job{ padding:2px 4px; font-size:9px; }
/* refresh + bell move into the top bar, as the product's mobile header */
.lw-scaler.is-hand .lml-bellfix{ top:9px; right:14px; gap:8px; }
.lw-scaler.is-hand .lml-refresh,
.lw-scaler.is-hand .lml-bell{ width:30px; height:30px; font-size:12px; background:rgba(255,255,255,.04); box-shadow:none; }
.lw-scaler.is-hand .lml-bell .lml-bell-badge{ top:-4px; right:-5px; min-width:16px; height:16px; padding:0 4px; font-size:9px; }
.lw-scaler.is-hand .lml-dialog-panel{ width:340px; padding:24px 18px 18px; }
.lw-scaler.is-hand .lml-dialog-panel h3{ font-size:16px; }
.lw-scaler.is-hand .lml-dialog-panel p{ font-size:13px; }
.lw-scaler.is-hand .lml-dialog-btns span{ min-width:0; }