/* On My Way — shared shell: brand tokens, header, account menu, footer, Hootie, toast.
   Generated from index.html's design so every page matches. Scoped so it can sit
   on top of the older Bootstrap pages without restyling their content. */
:root{
  --navy:#0B2B5B;
  --orange:#FF7A00;
  --green:#22C55E;
  --pink:#FF5F98;
  --purple:#8B5CF6;
  --teal:#06B6D4;
  --yellow:#FFD74D;
  --sky:#3B82F6;
  --cream:#FFF9F1;
  --charcoal:#172033;

  --font-ui:'Poppins',Inter,system-ui,sans-serif;
  --font-hand:'Caveat',cursive;

  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:10px;
  --shadow-card:0 10px 30px rgba(11,43,91,.10);
  --shadow-pop:0 16px 40px rgba(11,43,91,.18);
  --container:1240px;
}
body.omw, body.omw *{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.omw{margin:0;
  font-family:var(--font-ui);
  color:var(--charcoal);
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;}
body.omw img{max-width:100%;display:block;}
body.omw a{text-decoration:none;color:inherit;}
body.omw button{font-family:inherit;cursor:pointer;}
body.omw .wrap{max-width:var(--container);margin:0 auto;padding:0 24px;}
body.omw .hand{font-family:var(--font-hand);}
body.omw .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
body.omw :focus-visible{outline:3px solid var(--sky);outline-offset:2px;}
@media (prefers-reduced-motion: reduce){body.omw *{animation-duration:.001ms !important;transition-duration:.001ms !important;}}
body.omw .brand-word b{font-weight:800;}
body.omw .brand-word .c1{color:var(--orange);}
body.omw .brand-word .c2{color:var(--green);}
body.omw .brand-word .c3{color:var(--sky);}
body.omw .brand-word .c4{color:var(--purple);}
header.site, header.site *, footer.site, footer.site *{box-sizing:border-box;}
header.site{font-family:var(--font-ui);}
header.site a, footer.site a{text-decoration:none;}
header.site img, footer.site img{max-width:100%;display:block;}
header.site button{font-family:inherit;cursor:pointer;}
header.site .wrap, footer.site .wrap{max-width:var(--container);margin:0 auto;padding:0 24px;}
header.site ul{margin:0;padding:0;list-style:none;}
header.site{position: sticky;
        top: 0;
        z-index: 100;
        background: #fff;
        border-bottom: 1px solid #EEE3D3;
        box-shadow: 0 2px 10px rgba(11,43,91,.05);}
header.site.is-scrolled{box-shadow: 0 4px 16px rgba(11,43,91,.12);}
header.site .nav-row{display:flex;align-items:center;gap:24px;min-height:52px;padding:10px 0;}
header.site .logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
header.site .logo img{height:40px;width:40px;border-radius:50%;}
header.site .logo-icon{height:28px;width:28px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #F1E9D8;}
header.site .logo-text{display:flex;flex-direction:column;gap:1px;line-height:1;}
header.site .logo-wordmark-text{font-size:19px;font-weight:800;font-family:var(--font-ui);white-space:nowrap;text-shadow:0 1px 6px rgba(255,255,255,.65);}
header.site .logo-wordmark-text .l1{color:var(--orange);}
header.site .logo-wordmark-text .l2{color:var(--green);}
header.site .logo-wordmark-text .l3{color:var(--sky);}
header.site .logo-tagline{font-size:10px;font-weight:700;color:#5B6478;letter-spacing:.2px;text-shadow:0 1px 5px rgba(255,255,255,.75);}
header.site .main-nav{display:flex;align-items:center;gap:20px;flex:1;min-width:0;}
header.site .main-nav a{font-size:15px;font-weight:600;color:var(--navy);opacity:.9;padding:8px 2px;position:relative;text-shadow:0 1px 6px rgba(255,255,255,.8),0 1px 2px rgba(255,255,255,.6);white-space:nowrap;}
header.site .main-nav a:hover, header.site .main-nav a.active{opacity:1;}
header.site .main-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--teal),var(--sky));}
header.site .nav-actions{display:flex;align-items:center;gap:14px;margin-left:auto;}
header.site .icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid #EEE3D3;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--navy);position:relative;box-shadow:0 2px 8px rgba(11,43,91,.10);}
header.site .cart-wrap{position:relative;}
header.site .cart-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(11,43,91,.18);border:1px solid #F1EEE6;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease, transform .18s ease, visibility .18s;z-index:60;}
header.site .cart-dropdown.open{opacity:1;visibility:visible;transform:translateY(0);}
header.site .cart-dropdown-head{padding:14px 16px;font-weight:800;color:var(--navy);border-bottom:1px solid #F1EEE6;font-size:14px;}
header.site .cart-dropdown-items{max-height:280px;overflow-y:auto;padding:6px 0;}
header.site .cart-dropdown-empty{padding:24px 16px;text-align:center;color:#8A8FA3;font-size:13px;}
header.site .cart-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 16px;}
header.site .cart-dropdown-item img{width:40px;height:40px;border-radius:8px;object-fit:cover;background:#F5F0E6;flex-shrink:0;}
header.site .cart-dropdown-item .cdi-name{font-size:12.5px;font-weight:700;color:var(--navy);margin:0 0 2px;}
header.site .cart-dropdown-item .cdi-meta{font-size:11px;color:#8A8FA3;margin:0;}
header.site .cart-dropdown-item .cdi-remove{margin-left:auto;background:none;border:none;color:#C4C9D6;font-size:14px;cursor:pointer;flex-shrink:0;padding:4px;}
header.site .cart-dropdown-item .cdi-remove:hover{color:var(--pink);}
header.site .cart-dropdown-foot{padding:12px 16px 16px;border-top:1px solid #F1EEE6;}
header.site .lang-wrap{position:relative;}
header.site .lang-btn{width:auto !important;padding:0 10px 0 9px !important;border-radius:999px !important;gap:4px;}
header.site .lang-code{font-size:10.5px;font-weight:800;letter-spacing:.02em;}
header.site .lang-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-8px);width:220px;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(11,43,91,.18);border:1px solid #F1EEE6;opacity:0;visibility:hidden;transition:opacity .18s ease, transform .18s ease, visibility .18s;z-index:60;overflow:hidden;padding:6px 0;}
header.site .lang-dropdown.open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
header.site .lang-dropdown-head{padding:10px 16px 8px;font-weight:800;color:var(--navy);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;}
header.site .lang-option{display:block;width:100%;text-align:left;background:none;border:none;padding:9px 34px 9px 16px;font-size:13.5px;font-family:inherit;color:var(--navy);cursor:pointer;position:relative;}
header.site .lang-option:hover{background:#F6F3EC;}
header.site .lang-option.active{color:var(--sky);font-weight:700;background:#EFF8FC;}
header.site .lang-option.active::after{content:'\2713';position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:800;}
header.site .icon-btn:hover{background:#F5F0E6;}
header.site .cart-count{position:absolute;top:-4px;right:-4px;background:var(--pink);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
header.site .btn, body.omw .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;font-weight:700;font-size:14.5px;padding:12px 22px;white-space:nowrap;transition:transform .15s ease, box-shadow .15s ease;}
header.site .btn:active, body.omw .btn:active{transform:translateY(1px);}
header.site .btn-primary, body.omw .btn-primary{background:linear-gradient(90deg,var(--teal),var(--sky));color:#fff;box-shadow:0 8px 20px rgba(6,182,212,.35);}
header.site .btn-primary:hover, body.omw .btn-primary:hover{box-shadow:0 10px 26px rgba(6,182,212,.45);}
header.site .btn-secondary, body.omw .btn-secondary{background:linear-gradient(90deg,var(--pink),var(--orange));color:#fff;box-shadow:0 8px 20px rgba(255,95,152,.35);}
header.site .btn-secondary:hover, body.omw .btn-secondary:hover{box-shadow:0 10px 26px rgba(255,95,152,.45);}
header.site .btn-ghost, body.omw .btn-ghost{background:#fff;color:var(--navy);border:1.5px solid #DCE3F0;}
header.site .btn-ghost:hover, body.omw .btn-ghost:hover{background:#F5F8FF;}
header.site .btn-sm, body.omw .btn-sm{padding:8px 16px;font-size:13px;}
header.site .mobile-toggle{display:none;background:none;border:none;font-size:24px;color:var(--navy);padding:4px;line-height:0;}
header.site .mobile-actions{display:none;align-items:center;gap:10px;margin-left:auto;}
header.site .mobile-menu{display:none;flex-direction:column;gap:4px;background:#fff;border-top:1px solid #EEE3D3;box-shadow:0 12px 24px rgba(11,43,91,.12);position:absolute;left:0;right:0;top:100%;padding:10px 20px 18px;z-index:1000;max-height:calc(100vh - 70px);overflow-y:auto;}
header.site .mobile-menu.open{display:flex;}
header.site .mobile-menu nav{display:flex;flex-direction:column;}
header.site .mobile-menu nav a{font-size:16px;font-weight:600;color:var(--navy);padding:13px 4px;border-bottom:1px solid #F3EEE0;}
header.site .mobile-menu nav a.active{color:var(--sky);}
header.site .mobile-menu-actions{display:flex;align-items:center;gap:10px;margin-top:14px;}
header.site .mobile-menu-actions .btn{flex:1;}
header.site .mobile-menu-scrim{display:none;position:fixed;inset:0;background:rgba(11,43,91,.35);z-index:999;}
header.site .mobile-menu-scrim.open{display:block;}
body.menu-open{overflow:hidden;}
@media (max-width:980px){header.site .main-nav{display:none;}
header.site .nav-actions{display:none;}
header.site .mobile-actions{display:flex;}
header.site .mobile-toggle{display:block;}
header.site{position:sticky;}}

footer.site{background:var(--charcoal);color:#C9CEDC;padding:44px 0 28px;}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr 1.15fr .9fr;gap:20px;align-items:start;}
.foot-grid h4{color:#fff;font-size:13.5px;margin:0 0 13px;}
.foot-grid ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;}
.foot-grid a{font-size:12.5px;color:#AEB4C8;}
.foot-grid a:hover{color:#fff;}
.foot-logo{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.foot-logo img{height:30px;width:30px;border-radius:50%;}
.foot-logo span{font-weight:800;font-size:17px;color:#fff;}
.foot-domain{font-size:12px;color:#8A93AB;margin-bottom:10px;line-height:1.45;}
.foot-fine{font-size:11px;color:#6E7690;line-height:1.6;}
.foot-fine a{font-size:11px;color:#8A93AB;}
.foot-fine a:hover{color:#fff;}
.foot-app h4{margin-bottom:10px;}
.store-badges{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;}
.store-badges img{height:30px;border-radius:6px;width:fit-content;}
.foot-social{display:flex;gap:8px;}
.foot-social a{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;}
.foot-social a:hover{background:rgba(255,255,255,.18);}
.foot-tagline{font-size:19px;line-height:1.15;color:#fff;text-align:right;opacity:.9;}
.foot-tagline i{color:var(--pink);font-size:15px;}
@media (max-width:1100px){
  .foot-grid{grid-template-columns:repeat(3,1fr);}
  .foot-tagline{text-align:left;grid-column:span 1;}
}
@media (max-width:700px){
  footer.site{padding:32px 0 24px;}
  .foot-grid{grid-template-columns:repeat(2,1fr);gap:22px 20px;}
  .foot-brand{grid-column:1 / -1;}
  .foot-app{grid-column:1 / -1;}
  .foot-grid h4{font-size:12.5px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px;opacity:.85;}
  .foot-grid ul{flex-direction:row;flex-wrap:wrap;gap:6px 14px;}
  .foot-grid a{font-size:12px;}
  .store-badges{flex-direction:row;flex-wrap:wrap;margin-bottom:8px;}
  .foot-social{margin-top:2px;}
  .foot-tagline{grid-column:1 / -1;text-align:left;font-size:16px;margin-top:2px;}
}
@media (max-width:460px){
  .foot-grid{grid-template-columns:1fr;gap:18px;}
  .foot-brand,.foot-app,.foot-tagline{grid-column:auto;}
}


#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 20px;border-radius:999px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:opacity .25s ease, transform .25s ease;z-index:200;}
#toast.show{opacity:1;transform:translateX(-50%) translateY(-6px);}
.hootie-fab{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--teal),var(--sky));box-shadow:0 10px 26px rgba(6,182,212,.4);display:flex;align-items:center;justify-content:center;z-index:500;cursor:pointer;transition:transform .18s ease;}
.hootie-fab:hover{transform:translateY(-3px) scale(1.04);}
.hootie-fab img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#fff;}
.hootie-panel{position:fixed;right:22px;bottom:94px;width:320px;max-width:calc(100vw - 32px);background:#fff;border-radius:18px;box-shadow:0 20px 50px rgba(11,43,91,.22);border:1px solid #F1EEE6;z-index:501;display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .18s ease, transform .18s ease, visibility .18s;}
.hootie-panel.open{opacity:1;visibility:visible;transform:translateY(0);}
.hootie-panel-head{display:flex;align-items:center;gap:10px;padding:14px 14px;background:linear-gradient(90deg,var(--teal),var(--sky));color:#fff;}
.hootie-panel-head img{width:34px;height:34px;border-radius:50%;background:#fff;object-fit:cover;flex-shrink:0;}
.hootie-panel-head b{display:block;font-size:14px;}
.hootie-panel-head span{display:block;font-size:11px;opacity:.9;}
.hootie-close{margin-left:auto;background:rgba(255,255,255,.25);border:none;color:#fff;width:24px;height:24px;border-radius:50%;font-size:11px;cursor:pointer;flex-shrink:0;}
.hootie-panel-body{max-height:280px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#FFFCF7;}
.hootie-msg{font-size:13px;line-height:1.4;padding:9px 12px;border-radius:12px;max-width:88%;}
.hootie-msg-bot{background:#fff;border:1px solid #F1EEE6;color:var(--navy);align-self:flex-start;border-bottom-left-radius:4px;}
.hootie-msg-user{background:linear-gradient(90deg,var(--teal),var(--sky));color:#fff;align-self:flex-end;border-bottom-right-radius:4px;}
.hootie-panel-form{display:flex;gap:8px;padding:12px;border-top:1px solid #F1EEE6;background:#fff;}
.hootie-panel-form input{flex:1;border:1.5px solid #EADFC8;border-radius:999px;padding:9px 14px;font-size:13px;font-family:inherit;outline:none;}
.hootie-panel-form input:focus{border-color:var(--sky);}
.hootie-panel-form button{width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(90deg,var(--teal),var(--sky));color:#fff;flex-shrink:0;cursor:pointer;}
@media (max-width:480px){.hootie-fab{right:16px;bottom:16px;width:52px;height:52px;}.hootie-panel{right:16px;bottom:78px;}}

html{top:0 !important;}
body{top:0 !important;position:static !important;margin-top:0 !important;}
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,iframe.goog-te-banner-frame{display:none !important;visibility:hidden !important;height:0 !important;width:0 !important;position:absolute !important;top:-9999px !important;left:-9999px !important;}
.skiptranslate>iframe{display:none !important;}
.goog-tooltip,.goog-tooltip:hover{display:none !important;}
.goog-text-highlight{background:none !important;box-shadow:none !important;}
#goog-gt-tt,.goog-te-balloon-frame{display:none !important;}
.goog-te-gadget-icon{display:none !important;}

footer.site{font-family:var(--font-ui);}
footer.site h4{font-family:var(--font-ui);}

/* =========================================================
   ACCOUNT MENU + NOTIFICATIONS (shown in the header once signed in)
========================================================= */
header.site .omw-acct{position:relative;}
header.site .omw-acct-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E6DDCB;border-radius:999px;padding:3px 12px 3px 3px;color:var(--navy);font-weight:700;font-size:13.5px;box-shadow:0 2px 8px rgba(11,43,91,.08);max-width:220px;}
header.site .omw-acct-btn:hover{background:#FBF7EF;}
header.site .omw-acct-btn .bi-chevron-down{font-size:11px;opacity:.7;}
.omw-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--orange),var(--pink));color:#fff;font-weight:800;font-size:13px;overflow:hidden;}
.omw-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.omw-acct-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;}
header.site .omw-acct-menu,header.site .omw-notif-menu{position:absolute;right:0;top:calc(100% + 12px);width:270px;background:#fff;border-radius:14px;border:1px solid #F1EEE6;box-shadow:0 16px 40px rgba(11,43,91,.18);padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:70;}
header.site .omw-acct.open .omw-acct-menu,header.site .omw-notif.open .omw-notif-menu{opacity:1;visibility:visible;transform:none;}
.omw-acct-head{padding:12px 16px 10px;border-bottom:1px solid #F1EEE6;margin-bottom:4px;}
.omw-acct-head b{display:block;color:var(--navy);font-size:14px;}
.omw-acct-head small{display:block;color:#8A8FA3;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.omw-role{display:inline-block;margin-top:6px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#E9F8FB;color:#0E7490;}
.omw-role.tasker{background:#FFF1E2;color:#B45309;}
header.site .omw-acct-menu a,header.site .omw-acct-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px;font-size:13.5px;color:var(--navy);background:none;border:none;text-align:left;font-weight:500;}
header.site .omw-acct-menu a:hover,header.site .omw-acct-menu button:hover{background:#F6F3EC;}
header.site .omw-acct-menu i{width:16px;color:#5B6478;}
header.site .omw-acct-menu .omw-sep{height:1px;background:#F1EEE6;margin:4px 0;}
header.site .omw-acct-menu .omw-logout{color:#C2410C;}
header.site .omw-notif{position:relative;}
header.site .omw-notif-menu{width:320px;padding:0;}
.omw-notif-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #F1EEE6;font-weight:800;color:var(--navy);font-size:14px;}
.omw-notif-list{max-height:340px;overflow-y:auto;}
.omw-notif-item{display:block;padding:10px 16px;border-bottom:1px solid #F7F3EA;font-size:13px;color:var(--navy);}
.omw-notif-item.unread{background:#F3FAFF;}
.omw-notif-item small{display:block;color:#8A8FA3;font-size:11.5px;margin-top:2px;}
.omw-notif-empty{padding:26px 16px;text-align:center;color:#8A8FA3;font-size:13px;}
.omw-dot{position:absolute;top:-4px;right:-4px;background:var(--pink);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center;}
.omw-mobile-user{display:flex;align-items:center;gap:10px;padding:12px 4px 4px;color:var(--navy);font-weight:700;}
.omw-mobile-user small{display:block;font-weight:500;color:#8A8FA3;font-size:12px;}
header.site .mobile-menu nav a.omw-m-acct{font-size:15px;}
header.site .mobile-menu nav a.omw-m-acct i{width:20px;display:inline-block;color:#5B6478;}

/* =========================================================
   APP PAGES (bookings, tasker dashboard, checkout, tracking)
========================================================= */
body.omw main.omw-main{padding:28px 0 64px;min-height:60vh;}
.omw-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.omw-page-head h1{margin:0;color:var(--navy);font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.15;}
.omw-page-head p{margin:6px 0 0;color:#5B6478;font-size:14.5px;}
.omw-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #F1E9D8;padding:20px;}
.omw-grid{display:grid;gap:18px;}
.omw-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;}
.omw-stat{background:#fff;border-radius:var(--radius-md);border:1px solid #F1E9D8;box-shadow:var(--shadow-card);padding:16px 18px;}
.omw-stat span{display:block;font-size:12.5px;color:#7B8399;font-weight:600;}
.omw-stat b{display:block;font-size:24px;color:var(--navy);margin-top:4px;font-weight:800;}
.omw-stat i{float:right;font-size:20px;color:var(--teal);}
@media (max-width:860px){.omw-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}
.omw-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
.omw-tab{border:1.5px solid #E6DDCB;background:#fff;color:var(--navy);border-radius:999px;padding:8px 16px;font-weight:700;font-size:13.5px;}
.omw-tab .n{display:inline-flex;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#F1EEE6;font-size:11.5px;align-items:center;justify-content:center;margin-left:6px;}
.omw-tab.active{background:var(--navy);border-color:var(--navy);color:#fff;}
.omw-tab.active .n{background:rgba(255,255,255,.2);}
.omw-list{display:flex;flex-direction:column;gap:14px;}
.omw-job{background:#fff;border-radius:var(--radius-md);border:1px solid #F1E9D8;box-shadow:var(--shadow-card);padding:16px;display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:start;}
.omw-job-img{width:72px;height:72px;border-radius:14px;object-fit:cover;background:#F5F0E6;}
.omw-job h3{margin:0 0 4px;font-size:16.5px;color:var(--navy);font-weight:800;}
.omw-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:#5B6478;}
.omw-meta i{color:#8A93AB;margin-right:4px;}
.omw-job-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
.omw-price{font-size:18px;font-weight:800;color:var(--navy);}
.omw-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.omw-person{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px;border-radius:12px;background:#FBF8F2;}
.omw-person .omw-avatar{width:36px;height:36px;}
.omw-person b{display:block;font-size:13.5px;color:var(--navy);}
.omw-person small{display:block;font-size:12px;color:#7B8399;}
.omw-person a{color:var(--sky);font-weight:600;}
@media (max-width:640px){
  .omw-job{grid-template-columns:56px 1fr;}
  .omw-job-img{width:56px;height:56px;}
  .omw-job-side{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;}
}
.omw-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;white-space:nowrap;}
.omw-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;}
.st-Requested{background:#FFF7E6;color:#B45309;}
.st-Accepted{background:#E9F8FB;color:#0E7490;}
.st-EnRoute{background:#EEF2FF;color:#4338CA;}
.st-Arrived{background:#F3E8FF;color:#7E22CE;}
.st-InProgress{background:#E0F2FE;color:#0369A1;}
.st-Completed{background:#ECFDF3;color:#15803D;}
.st-Cancelled{background:#F3F4F6;color:#6B7280;}
.omw-steps{display:flex;gap:0;margin:14px 0 2px;}
.omw-steps .s{flex:1;position:relative;text-align:center;font-size:11px;color:#9AA1B4;font-weight:600;padding-top:20px;}
.omw-steps .s::before{content:"";position:absolute;top:4px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#E5E1D8;z-index:1;}
.omw-steps .s::after{content:"";position:absolute;top:9px;left:-50%;width:100%;height:2px;background:#E5E1D8;}
.omw-steps .s:first-child::after{display:none;}
.omw-steps .s.done{color:var(--navy);}
.omw-steps .s.done::before,.omw-steps .s.done::after{background:var(--teal);}
.omw-steps .s.now::before{box-shadow:0 0 0 4px rgba(6,182,212,.25);}
.omw-timeline{list-style:none;margin:10px 0 0;padding:0 0 0 18px;border-left:2px solid #EEE7D8;}
.omw-timeline li{position:relative;padding:0 0 12px 12px;font-size:13px;color:var(--navy);}
.omw-timeline li::before{content:"";position:absolute;left:-25px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--teal);border:2px solid #fff;box-shadow:0 0 0 1px #CFEFF5;}
.omw-timeline small{display:block;color:#8A8FA3;font-size:11.5px;}
.omw-empty{text-align:center;padding:42px 20px;color:#5B6478;}
.omw-empty img{width:110px;margin:0 auto 10px;}
.omw-empty h3{color:var(--navy);margin:0 0 6px;}
.omw-btn-sm{padding:8px 14px !important;font-size:13px !important;}
body.omw .btn-danger-ghost{background:#fff;color:#B91C1C;border:1.5px solid #F5C2C2;}
body.omw .btn-success{background:linear-gradient(90deg,#16A34A,#22C55E);color:#fff;box-shadow:0 8px 20px rgba(34,197,94,.3);}
body.omw .btn[disabled]{opacity:.55;cursor:not-allowed;}
.omw-alert{border-radius:12px;padding:12px 14px;font-size:13.5px;margin-bottom:16px;display:flex;gap:10px;align-items:flex-start;}
.omw-alert.info{background:#EFF8FF;color:#1E3A8A;border:1px solid #CFE3FF;}
.omw-alert.warn{background:#FFF7E6;color:#92400E;border:1px solid #FDE2B5;}
.omw-alert.ok{background:#ECFDF3;color:#166534;border:1px solid #BBF0CF;}
.omw-form label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin:0 0 6px;}
.omw-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.omw-form .row3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;}
@media (max-width:640px){.omw-form .row2,.omw-form .row3{grid-template-columns:1fr;}}
.omw-form .f{margin-bottom:14px;}
.omw-input{width:100%;border:1.5px solid #E6DDCB;border-radius:12px;padding:11px 14px;font-size:14.5px;font-family:inherit;background:#fff;color:var(--charcoal);outline:none;}
.omw-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(6,182,212,.15);}
.omw-input.bad{border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,95,152,.15);}
textarea.omw-input{min-height:84px;resize:vertical;}
.omw-stars{display:flex;gap:6px;font-size:28px;color:#E5E1D8;}
.omw-stars button{background:none;border:none;color:inherit;padding:0;line-height:1;}
.omw-stars button.on{color:#F5A623;}
.omw-modal{position:fixed;inset:0;background:rgba(11,43,91,.45);display:none;align-items:center;justify-content:center;z-index:900;padding:16px;}
.omw-modal.open{display:flex;}
.omw-modal-box{background:#fff;border-radius:18px;max-width:440px;width:100%;padding:22px;box-shadow:var(--shadow-pop);}
.omw-modal-box h3{margin:0 0 6px;color:var(--navy);}
.omw-skel{background:linear-gradient(90deg,#F3EEE4 25%,#FBF7EF 50%,#F3EEE4 75%);background-size:200% 100%;animation:omwsk 1.2s infinite;border-radius:var(--radius-md);height:110px;}
@keyframes omwsk{0%{background-position:200% 0}100%{background-position:-200% 0}}
.omw-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#15803D;font-weight:700;}
.omw-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#22C55E;animation:omwpulse 1.6s infinite;}
@keyframes omwpulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}