:root{--g4-blue:#155cff;--g4-blue2:#0a4df0;--g4-navy:#06142c;--g4-text:#30405f;--g4-soft:#f2f6ff;--g4-border:#dfe8f7;--g4-green:#16a34a}.g4p-shell{max-width:1180px;margin:0 auto;padding:48px 24px 72px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--g4-navy)}.g4p-page-hero{margin-bottom:26px}.g4p-eyebrow{display:inline-flex;border-radius:999px;background:#eef4ff;color:var(--g4-blue);font-weight:900;padding:8px 13px;margin-bottom:14px}.g4p-page-hero h1{font-size:clamp(36px,6vw,68px);line-height:.98;margin:0 0 16px;color:var(--g4-navy);letter-spacing:-.06em;font-weight:950}.g4p-page-hero p{font-size:clamp(18px,2.2vw,24px);max-width:760px;line-height:1.45;color:var(--g4-text);font-weight:650}.g4p-card{background:#fff;border:1px solid var(--g4-border);border-radius:24px;box-shadow:0 20px 55px rgba(21,92,255,.08);padding:24px}.g4p-form{display:grid;gap:18px}.g4p-form label{display:grid;gap:8px;font-weight:900;color:var(--g4-navy)}.g4p-form input,.g4p-form select,.g4p-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--g4-border);border-radius:16px;padding:15px 16px;font-size:16px;color:var(--g4-navy);background:#fff;outline:none}.g4p-form input:focus,.g4p-form select:focus,.g4p-form textarea:focus{border-color:var(--g4-blue);box-shadow:0 0 0 4px rgba(21,92,255,.12)}.g4p-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.g4p-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border-radius:16px;padding:15px 22px;font-weight:950;border:1px solid transparent;cursor:pointer;transition:.18s ease;font-size:16px}.g4p-btn:hover{transform:translateY(-1px)}.g4p-btn-primary{background:linear-gradient(135deg,#1662ff,#064deb);color:#fff!important;box-shadow:0 15px 35px rgba(21,92,255,.22)}.g4p-btn-outline{background:#fff;color:var(--g4-blue)!important;border-color:#78a2ff}.g4p-success{border:1px solid #bbf7d0;background:#effdf4;color:#16723c;border-radius:18px;padding:16px 18px;margin:0 0 22px;font-weight:900}.g4p-search-form{grid-template-columns:1fr auto;align-items:end;margin-bottom:22px}.g4p-order-list{display:grid;gap:16px}.g4p-order-card{display:grid;gap:12px}.g4p-order-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:18px}.g4p-pill{display:inline-flex;align-items:center;border-radius:999px;background:#dcfce7;color:#15803d;padding:7px 12px;font-weight:950;font-size:13px;white-space:nowrap}.g4p-route{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.g4p-route div{background:var(--g4-soft);border:1px solid var(--g4-border);border-radius:16px;padding:14px;font-weight:850;color:var(--g4-navy)}.g4p-route span{display:block;color:#64748b;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.g4p-actions{display:flex;gap:12px;flex-wrap:wrap}.g4p-driver-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.g4p-driver-card,.g4p-hub-card{display:grid;gap:10px;text-decoration:none;color:inherit}.g4p-hub-card strong{font-size:22px;color:var(--g4-navy)}.g4p-hub-card span{font-weight:750;color:var(--g4-text)}.g4p-avatar{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#155cff,#0ab2ff);display:grid;place-items:center;color:#fff;font-weight:950;font-size:32px;box-shadow:0 15px 35px rgba(21,92,255,.18)}.g4p-driver-card h3{font-size:22px;margin:0;color:var(--g4-navy)}.g4p-muted{color:#51617f;font-weight:750;margin:0}.g4p-mini-stats{display:flex;gap:10px;flex-wrap:wrap}.g4p-mini-stats span{background:#f3f7ff;border:1px solid var(--g4-border);border-radius:999px;padding:7px 10px;font-weight:900;color:var(--g4-text)}.g4p-driver-banner{display:flex;gap:16px;align-items:center;margin-bottom:18px}.g4p-driver-banner h2{margin:0;font-size:28px}.g4p-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.g4p-admin-panels{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;align-items:start}.g4p-admin-wrap .g4p-card{max-width:none}.g4p-admin-wrap h2{margin:6px 0 2px;color:var(--g4-navy)}@media (max-width:900px){.g4p-driver-grid,.g4p-admin-panels{grid-template-columns:1fr}}@media (max-width:760px){.g4p-shell{padding:32px 18px 56px}.g4p-card{border-radius:22px;padding:20px}.g4p-grid-2,.g4p-route,.g4p-search-form{grid-template-columns:1fr}.g4p-btn{width:100%}.g4p-order-top{align-items:flex-start;flex-direction:column}.g4p-driver-banner{align-items:flex-start}.g4p-page-hero h1{letter-spacing:-.045em}}
.g4p-admin-ops{margin-top:22px}.g4p-admin-order-list{display:grid;gap:12px;margin-top:16px}.g4p-admin-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;border:1px solid var(--g4-border);border-radius:16px;padding:14px;background:#fff}.g4p-admin-order-row strong{display:block;color:var(--g4-navy)}.g4p-admin-order-row span{display:block;color:var(--g4-text);font-weight:700;margin-top:4px}.g4p-admin-order-row em{font-style:normal;border-radius:999px;background:#eef4ff;color:var(--g4-blue);font-weight:900;padding:7px 10px;white-space:nowrap}.g4p-admin-order-row form{display:flex;gap:8px;align-items:center}.g4p-admin-order-row select{min-width:150px}@media(max-width:900px){.g4p-admin-order-row{grid-template-columns:1fr}.g4p-admin-order-row form{align-items:stretch;flex-direction:column}.g4p-admin-order-row select,.g4p-admin-order-row .button{width:100%}}
.g4p-login-card #loginform p{margin:0 0 14px}.g4p-login-card input[type=text],.g4p-login-card input[type=password]{width:100%;border:1px solid #dce6f8;border-radius:14px;padding:13px 14px;font-weight:800}.g4p-login-card .button,.g4p-login-card input[type=submit]{background:#1262ff;color:#fff;border:0;border-radius:14px;padding:12px 18px;font-weight:900;cursor:pointer}.g4p-availability-form{margin-left:auto;align-items:center}.g4p-availability-form select{border:1px solid #dce6f8;border-radius:14px;padding:12px 14px;font-weight:900;background:#fff;color:#06132b}.g4p-section-title{font-size:28px;margin:24px 0 12px;color:#06132b}@media(max-width:720px){.g4p-availability-form{margin-left:0;width:100%}.g4p-availability-form select,.g4p-availability-form button{width:100%}}

/* v7 Instagram-style account/profile layer */
.g4p-social-profile{padding:0!important;overflow:hidden;position:relative}
.g4p-profile-cover{height:150px;background:linear-gradient(135deg,#0b5cff 0%,#68a4ff 45%,#eef5ff 100%);border-bottom:1px solid #dbe7ff}
.g4p-profile-main{display:flex;gap:22px;align-items:flex-end;padding:0 28px 22px;transform:translateY(-34px);margin-bottom:-28px}
.g4p-profile-avatar{width:112px;height:112px;border-radius:32px;background:linear-gradient(135deg,#0b5cff,#1297ff);display:flex;align-items:center;justify-content:center;color:white;font-size:52px;font-weight:900;box-shadow:0 20px 40px rgba(11,92,255,.24);border:6px solid white;flex:0 0 auto}
.g4p-profile-copy{flex:1;min-width:160px}.g4p-profile-copy h1{margin:0;color:#06142e;font-size:42px;line-height:.95;letter-spacing:-.06em}.g4p-profile-copy p{margin:8px 0 10px;color:#40506d;font-weight:800}.g4p-profile-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.g4p-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e0e8f8;border-bottom:1px solid #e0e8f8;background:#f7faff}.g4p-profile-stats span{padding:18px 16px;text-align:center;font-weight:800;color:#40506d;border-right:1px solid #e0e8f8}.g4p-profile-stats span:last-child{border-right:0}.g4p-profile-stats strong{display:block;color:#06142e;font-size:28px;font-weight:950;letter-spacing:-.04em}.g4p-profile-bio{padding:22px 28px 28px;margin:0;color:#243653;font-weight:700;line-height:1.6}.g4p-login-card{max-width:540px}.g4p-tight{padding-top:22px!important;padding-bottom:10px!important}.g4p-btn[disabled]{opacity:.5;cursor:not-allowed}
@media (max-width:760px){.g4p-profile-cover{height:110px}.g4p-profile-main{display:block;text-align:left;padding:0 20px 18px;transform:translateY(-28px);margin-bottom:-18px}.g4p-profile-avatar{width:92px;height:92px;border-radius:26px;font-size:42px;margin-bottom:12px}.g4p-profile-copy h1{font-size:34px}.g4p-profile-actions{justify-content:flex-start;margin-top:14px}.g4p-profile-actions .g4p-btn{width:100%;justify-content:center}.g4p-profile-stats{grid-template-columns:1fr 1fr 1fr}.g4p-profile-stats span{padding:14px 8px;font-size:12px}.g4p-profile-stats strong{font-size:22px}.g4p-profile-bio{padding:18px 20px 22px}}


/* v8 social + communications */
.g4p-inline-form{display:inline-flex;margin:0}
.g4p-comm-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.g4p-comm-strip span{background:#eef4ff;color:#12315f;border:1px solid #d8e6ff;border-radius:999px;padding:9px 13px;font-weight:800}
.g4p-comm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.g4p-comm-grid .g4p-card h3{margin-top:0}
@media(max-width:900px){.g4p-comm-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.g4p-comm-grid{grid-template-columns:1fr}.g4p-inline-form,.g4p-inline-form .g4p-btn{width:100%}}

/* v9 profile photos + notification center */
.g4p-photo-avatar{overflow:hidden;background:#eaf2ff!important;padding:0!important}
.g4p-photo-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.g4p-form input[type=file]{padding:12px;background:#f8fbff;border-style:dashed}
.g4p-form small.g4p-muted{font-size:13px;line-height:1.35}
.g4p-notification-card{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.g4p-notification-card strong{display:block;color:var(--g4-navy);font-size:20px;margin-bottom:6px}
@media(max-width:700px){.g4p-notification-card{display:grid}.g4p-notification-card .g4p-pill{width:max-content}.g4p-photo-avatar img{border-radius:inherit}}

/* v11 customer profiles + real chat */
.g4p-account-prompt{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px;background:linear-gradient(135deg,#ffffff,#eef5ff)}
.g4p-account-prompt h2{margin:6px 0 8px;font-size:clamp(24px,3vw,38px)}
.g4p-chat-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}
.g4p-chat-list h2{margin-top:0}.g4p-chat-thread{display:block;padding:14px 16px;border:1px solid #dfe8fb;border-radius:18px;text-decoration:none;color:#07152f;margin:10px 0;background:#fff}.g4p-chat-thread span{display:block;color:#586985;font-weight:700;font-size:13px;margin-top:3px}.g4p-chat-thread.is-active{border-color:#1764ff;background:#eef5ff}.g4p-chat-window{min-height:460px;display:flex;flex-direction:column}.g4p-chat-messages{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.g4p-message{max-width:76%;padding:12px 14px;border-radius:18px;background:#eef4ff;border:1px solid #dfe8fb}.g4p-message.mine{align-self:flex-end;background:#1764ff;color:#fff}.g4p-message.theirs{align-self:flex-start}.g4p-message p{margin:5px 0}.g4p-message span{display:block;font-size:12px;opacity:.7}.g4p-chat-form{margin-top:auto;display:grid;gap:10px}.g4p-chat-form textarea{width:100%;border:1px solid #dfe8fb;border-radius:18px;padding:14px;font:inherit;resize:vertical}
@media(max-width:760px){.g4p-account-prompt{display:block}.g4p-account-prompt .g4p-profile-actions{margin-top:14px}.g4p-chat-layout{grid-template-columns:1fr}.g4p-message{max-width:92%}}

/* v12 customer profile gate + chat v1 fixes */
.g4p-profile-gate{margin-bottom:24px;background:linear-gradient(135deg,#fff,#eef5ff)}
.g4p-profile-gate h2{margin:0 0 8px;color:var(--g4-navy);font-size:clamp(24px,3vw,38px);letter-spacing:-.04em}.g4p-error{border-color:#fecaca;background:#fff1f2;color:#991b1b;font-weight:900;margin-bottom:18px}
.g4p-chat-inbox h2,.g4p-chat-window h2{margin-top:0;color:var(--g4-navy)}
.g4p-chat-thread-link{display:block;padding:14px 16px;border:1px solid #dfe8fb;border-radius:18px;text-decoration:none;color:#07152f;margin:10px 0;background:#fff;font-weight:900}.g4p-chat-thread-link span{display:block;color:#586985;font-weight:700;font-size:13px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g4p-chat-thread-link.is-active{border-color:#1764ff;background:#eef5ff}
.g4p-chat-bubble{max-width:76%;padding:12px 14px;border-radius:18px;background:#eef4ff;border:1px solid #dfe8fb}.g4p-chat-bubble.mine{align-self:flex-end;background:#1764ff;color:#fff}.g4p-chat-bubble.theirs{align-self:flex-start}.g4p-chat-bubble p{margin:5px 0}.g4p-chat-bubble small{display:block;opacity:.7;font-weight:700}.g4p-chat-compose{margin-top:auto;display:grid;gap:10px}.g4p-chat-compose textarea{width:100%;box-sizing:border-box;border:1px solid #dfe8fb;border-radius:18px;padding:14px;font:inherit;resize:vertical}
@media(max-width:760px){.g4p-chat-bubble{max-width:92%}}

/* v14 Chat UX Polish */
.g4p-account-nav{display:flex;gap:10px;flex-wrap:wrap;margin:-10px 0 22px}
.g4p-account-nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#f8fafc;text-decoration:none;font-weight:800;font-size:.9rem}
.g4p-account-nav a:hover{border-color:rgba(0,231,255,.55);box-shadow:0 0 18px rgba(0,231,255,.16)}
.g4p-chat-window-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.g4p-chat-context-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.g4p-chat-window-head .g4p-chat-context-actions .g4p-btn{padding:9px 12px;font-size:.84rem}
.g4p-empty-chat{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}
.g4p-chat-drawer{position:fixed;inset:0;z-index:99999;display:none}
.g4p-chat-drawer.is-open{display:block}
.g4p-chat-scrim{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px)}
.g4p-chat-panel{position:absolute;right:18px;bottom:18px;width:min(460px,calc(100vw - 36px));max-height:min(720px,calc(100vh - 36px));display:flex;flex-direction:column;overflow:hidden;border-color:var(--g4-border)!important;box-shadow:0 24px 80px rgba(17,72,180,.14),0 0 0 1px rgba(21,92,255,.08)}
.g4p-chat-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.g4p-chat-panel-head h2{margin:2px 0 0;font-size:1.18rem}
.g4p-icon-btn{appearance:none;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;width:38px;height:38px;border-radius:999px;font-size:26px;line-height:1;cursor:pointer}
.g4p-icon-btn:hover{border-color:var(--g4-blue);box-shadow:0 0 0 3px rgba(21,92,255,.12)}
.g4p-chat-messages-compact{max-height:360px;overflow:auto;padding-right:4px;margin-top:10px}
.g4p-chat-panel .g4p-chat-compose{margin-top:12px}
.g4p-chat-panel .g4p-chat-context-actions{margin-bottom:8px}
.g4p-chat-panel .g4p-chat-context-actions .g4p-btn{padding:8px 11px;font-size:.82rem}

@media (max-width: 760px){
  .g4p-chat-layout{display:block}
  .g4p-chat-inbox{margin-bottom:14px}
  .g4p-chat-window-head{display:block}
  .g4p-chat-window-head .g4p-chat-context-actions{margin-top:10px}
  .g4p-chat-drawer{align-items:flex-end}
  .g4p-chat-panel{left:0;right:0;bottom:0;width:100%;max-height:86vh;border-radius:24px 24px 0 0!important;padding:18px!important}
  .g4p-chat-messages-compact{max-height:42vh}
  .g4p-account-nav{position:sticky;top:0;z-index:10;background:rgba(5,7,12,.78);backdrop-filter:blur(12px);padding:8px 0;margin-top:-12px;overflow:auto;flex-wrap:nowrap}
  .g4p-account-nav a{white-space:nowrap;font-size:.82rem;padding:9px 12px}
}


/* v17 app-style navigation + auth controls */
.g4p-quick-auth{
  position:fixed;
  right:18px;
  top:92px;
  z-index:9998;
  display:flex;
  gap:8px;
  align-items:center;
}
.g4p-quick-auth a{
  text-decoration:none;
  font-weight:900;
  color:#1259ff;
  background:rgba(255,255,255,.94);
  border:1px solid #dbe7ff;
  border-radius:999px;
  box-shadow:0 12px 34px rgba(18,89,255,.12);
  padding:10px 14px;
  font-size:14px;
}
.g4p-app-tabbar{
  position:fixed;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  z-index:9999;
  width:min(720px, calc(100% - 24px));
  background:rgba(255,255,255,.96);
  border:1px solid #dbe7ff;
  box-shadow:0 18px 50px rgba(8,24,58,.18);
  border-radius:28px;
  padding:8px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:4px;
  backdrop-filter:blur(18px);
}
.g4p-app-tabbar a{
  text-decoration:none;
  color:#40506c;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:54px;
  border-radius:22px;
  font-size:12px;
  font-weight:900;
}
.g4p-app-tabbar a span{
  font-size:18px;
  line-height:1;
  color:#1259ff;
}
.g4p-app-tabbar a strong{
  font-size:11px;
}
.g4p-app-tabbar a:hover{
  background:#f0f5ff;
}
.g4p-app-tabbar .g4p-tab-primary{
  color:white;
  background:linear-gradient(135deg,#1259ff,#0f6bff);
  box-shadow:0 10px 30px rgba(18,89,255,.28);
}
.g4p-app-tabbar .g4p-tab-primary span{
  color:white;
}
body{
  padding-bottom:92px;
}
.g4p-page-hero.g4p-tight{
  margin-top:28px;
}
@media (max-width: 782px){
  .g4p-quick-auth{
    top:auto;
    bottom:92px;
    left:14px;
    right:14px;
    justify-content:center;
  }
  .g4p-quick-auth a{
    flex:1;
    text-align:center;
    padding:12px 10px;
  }
  .g4p-app-tabbar{
    bottom:10px;
    border-radius:24px;
    width:calc(100% - 18px);
  }
  .g4p-app-tabbar a{
    min-height:56px;
  }
}

/* v18 desktop/mobile navigation cleanup */
@media (min-width: 783px){
  .g4p-app-tabbar{
    display:none !important;
  }
  body{
    padding-bottom:0 !important;
  }
  .g4p-quick-auth{
    position:fixed;
    top:96px;
    right:24px;
    z-index:9998;
    display:flex;
    gap:10px;
    align-items:center;
  }
  .g4p-quick-auth a{
    white-space:nowrap;
  }
}
@media (max-width: 782px){
  .g4p-app-tabbar{
    display:grid !important;
  }
  body{
    padding-bottom:92px !important;
  }
  .g4p-quick-auth{
    display:none !important;
  }
}

/* v19: top-menu auth links + hard mobile app bar */
.g4p-nav-source{display:none!important}
.g4p-quick-auth{display:none!important}
.g4-nav [data-g4p-nav-account] a{
  color:#1259ff;
  font-weight:950;
}
.g4-nav [data-g4p-nav-account="auth"] a{
  border:1px solid #dbe7ff;
  border-radius:999px;
  padding:10px 14px!important;
  margin-top:18px;
  line-height:1;
  background:#fff;
}
.g4-nav [data-g4p-nav-account="auth"] a:after{display:none!important}

@media (max-width: 782px){
  body{
    padding-bottom:calc(74px + env(safe-area-inset-bottom)) !important;
  }
  .g4p-app-tabbar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(6,1fr)!important;
    gap:0!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid #dbe7ff!important;
    border-radius:0!important;
    box-shadow:0 -8px 24px rgba(8,24,58,.08)!important;
    padding:6px 4px calc(6px + env(safe-area-inset-bottom))!important;
    backdrop-filter:none!important;
  }
  .g4p-app-tabbar a{
    min-height:58px!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    color:#40506c!important;
    font-size:11px!important;
  }
  .g4p-app-tabbar a span{
    color:#1259ff!important;
    font-size:18px!important;
  }
  .g4p-app-tabbar a strong{
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
  .g4p-app-tabbar .g4p-tab-primary{
    color:#1259ff!important;
    background:#fff!important;
    box-shadow:none!important;
    position:relative;
  }
  .g4p-app-tabbar .g4p-tab-primary:before{
    content:"";
    position:absolute;
    top:0;
    left:26%;
    right:26%;
    height:3px;
    border-radius:999px;
    background:#1259ff;
  }
  .g4p-app-tabbar .g4p-tab-primary span{
    color:#1259ff!important;
  }
}
@media (min-width: 783px){
  .g4p-app-tabbar{display:none!important}
  body{padding-bottom:0!important}
}

/* v20: PWA install + notification polish */
.g4p-install-hero{
  background:linear-gradient(135deg,#f7fbff,#eef5ff 55%,#ffffff);
}
.g4p-pwa-card h2{margin-top:0}
.g4p-pwa-steps{
  display:grid;
  gap:10px;
  margin:18px 0;
}
.g4p-pwa-steps span,
.g4p-pwa-list li{
  background:#f3f7ff;
  border:1px solid #dbe7ff;
  border-radius:16px;
  padding:12px 14px;
  font-weight:850;
  color:#263a5d;
}
.g4p-pwa-list{
  margin:16px 0 22px;
  padding-left:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.g4p-link{font-weight:900;color:#1259ff;text-decoration:none}
.g4p-tab-badge{
  position:absolute;
  top:5px;
  right:22%;
  min-width:18px;
  height:18px;
  border-radius:999px;
  background:#f03d3d;
  color:#fff;
  font-size:10px;
  font-style:normal;
  display:grid;
  place-items:center;
  font-weight:950;
  box-shadow:0 4px 10px rgba(240,61,61,.25);
}
.g4p-app-tabbar a{position:relative}
@media (display-mode: standalone){
  body{overscroll-behavior-y:contain}
  .g4-site-header{position:sticky;top:0;z-index:9000;background:#fff}
}
@media (max-width:782px){
  .g4p-app-tabbar{
    padding-bottom:calc(9px + env(safe-area-inset-bottom))!important;
  }
  .g4p-pwa-card .g4p-btn{width:100%;margin-top:8px}
}

/* v21: homepage app install banner + iOS notification debug */
.g4p-home-install-banner{
  margin:-12px 0 28px;
  border:1px solid #dbe7ff;
  background:linear-gradient(135deg,#f7fbff,#ffffff 58%,#eef5ff);
  border-radius:18px;
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  box-shadow:0 12px 34px rgba(8,30,70,.07);
  max-width:660px;
}
.g4p-home-install-banner strong{display:block;color:#061329;font-weight:950;font-size:18px;letter-spacing:-.025em}
.g4p-home-install-banner p{font-size:14px!important;line-height:1.35!important;margin:4px 0 0!important;color:#4c5f7c!important;max-width:390px!important}
.g4p-home-install-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.g4p-home-install-actions a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  border-radius:12px;
  font-weight:950;
  color:#1259ff;
  border:1px solid #8fb2ff;
  background:#fff;
  white-space:nowrap;
}
.g4p-home-install-actions a:first-child{background:#1259ff;color:#fff;border-color:#1259ff;box-shadow:0 10px 24px rgba(18,89,255,.18)}
.g4p-install-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.g4p-ios-debug-card{margin:18px 0}
.g4p-ios-debug{margin:16px 0;padding:14px;border:1px solid #dbe7ff;border-radius:18px;background:#f8fbff}
.g4p-ios-debug h3{margin:0 0 10px;color:#061329;font-size:18px}
.g4p-ios-debug ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.g4p-ios-debug li{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e5edfb;font-weight:850;color:#40506c}
.g4p-ios-debug li.is-ok{color:#16824a;background:#effbf4;border-color:#ccefd9}
.g4p-ios-debug li.is-warn{color:#9a5a00;background:#fff8e8;border-color:#f3dfaa}
@media(max-width:760px){
  .g4p-home-install-banner{display:grid;margin:4px 0 26px;padding:15px;border-radius:20px}
  .g4p-home-install-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .g4p-home-install-actions a{width:100%;min-height:46px}
  .g4p-install-actions .g4p-btn{width:100%}
}

/* v24 order flow polish */
.g4p-order-next-step{margin:10px 0 14px;padding:12px 14px;border-radius:16px;background:#f2f6ff;color:#344466;font-weight:800;line-height:1.35}
.g4p-order-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 16px}
.g4p-order-flow span{border:1px solid #dfe8ff;background:#fff;border-radius:999px;padding:8px 6px;text-align:center;font-size:12px;font-weight:900;color:#6b7894}
.g4p-order-flow span.is-active{background:#145dff;color:#fff;border-color:#145dff;box-shadow:0 10px 25px rgba(20,93,255,.20)}
.g4p-order-flow span.is-done{background:#e9fff0;color:#118648;border-color:#c8f3d7}
.g4p-inline-note{display:inline-flex;margin:10px 8px 8px 0;padding:10px 14px;border-radius:14px;background:#fff7e6;border:1px solid #ffd892;color:#75521b;font-weight:800;line-height:1.3}
.g4p-order-card.g4p-status-payment .g4p-pill{background:#fff2cc;color:#9a6700}
.g4p-order-card.g4p-status-paid .g4p-pill{background:#e9fff0;color:#118648}
.g4p-order-card.g4p-status-progress .g4p-pill{background:#e9f1ff;color:#145dff}
.g4p-order-card.g4p-status-completed .g4p-pill{background:#e9fff0;color:#118648}
.g4p-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
@media (max-width: 720px){.g4p-order-flow{grid-template-columns:repeat(2,1fr)}.g4p-order-next-step{font-size:14px}}

/* v25 profile edit UX polish */
.g4p-profile-edit-panel[hidden]{display:none!important}
.g4p-profile-edit-panel{margin:18px 0 24px;border:1px solid #dbe7ff;box-shadow:0 18px 44px rgba(8,30,70,.08)}
.g4p-profile-edit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.g4p-profile-edit-head h2{margin:2px 0 0;color:#061329;letter-spacing:-.03em}
.g4p-profile-edit-panel .g4p-form{box-shadow:none;border:0;padding:0;background:transparent}
.g4p-success{border-color:#c8f3d7!important;background:#effbf4!important;color:#118648;font-weight:900}
@media(max-width:760px){
  .g4p-profile-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:10px}
  .g4p-profile-actions .g4p-btn{width:100%;min-height:44px}
  .g4p-profile-edit-panel{border-radius:22px;margin:14px 0 22px}
  .g4p-profile-edit-head h2{font-size:24px}
}

/* v26: profile card alignment + symmetric action buttons */
@media (min-width: 783px){
  .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:132px minmax(280px,1fr) minmax(360px,460px)!important;
    gap:24px!important;
    align-items:end!important;
    padding:0 32px 24px!important;
    transform:translateY(-36px)!important;
    margin-bottom:-30px!important;
  }
  .g4p-social-profile .g4p-profile-avatar{grid-column:1;align-self:end;}
  .g4p-social-profile .g4p-profile-copy{grid-column:2;align-self:end;min-width:0;}
  .g4p-social-profile .g4p-profile-copy h1{font-size:clamp(36px,3.5vw,48px)!important;line-height:.94!important;max-width:540px;}
  .g4p-social-profile .g4p-profile-copy p{max-width:520px;font-size:18px;line-height:1.12;}
  .g4p-social-profile .g4p-profile-actions{
    grid-column:3;align-self:end;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;justify-content:stretch!important;width:100%;max-width:460px;
  }
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions form,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn{width:100%!important;min-width:0!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn{min-height:58px!important;border-radius:18px!important;padding:14px 16px!important;font-size:18px!important;line-height:1.08!important;text-align:center!important;white-space:normal!important;}
}

@media (max-width: 782px){
  .g4p-social-profile .g4p-profile-main{padding:0 20px 18px!important;transform:translateY(-30px)!important;margin-bottom:-20px!important;}
  .g4p-social-profile .g4p-profile-copy h1{font-size:clamp(40px,10vw,56px)!important;line-height:.96!important;letter-spacing:-.065em!important;}
  .g4p-social-profile .g4p-profile-copy p{font-size:clamp(20px,5.2vw,28px)!important;line-height:1.14!important;margin:12px 0 16px!important;}
  .g4p-social-profile .g4p-profile-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;margin-top:18px!important;justify-content:stretch!important;align-items:stretch!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions form,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn{width:100%!important;min-width:0!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn{min-height:112px!important;border-radius:26px!important;padding:18px 10px!important;font-size:clamp(20px,5.2vw,27px)!important;line-height:1.1!important;text-align:center!important;white-space:normal!important;}
  .g4p-social-profile .g4p-profile-stats{margin-top:6px;}
}

@media (max-width: 390px){
  .g4p-social-profile .g4p-profile-actions{gap:10px!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn{min-height:96px!important;font-size:20px!important;border-radius:22px!important;}
}

/* v29 payment polish */
.g4p-payment-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  margin:8px 0 4px;
  padding:7px 12px;
  border-radius:999px;
  background:#eef4ff;
  border:1px solid #dbe7ff;
  color:#1d4ed8;
  font-weight:900;
  font-size:.86rem;
}
.g4p-payment-panel{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:12px;
  padding:14px;
  border:1px solid #dbe7ff;
  border-radius:18px;
  background:linear-gradient(135deg,#f7fbff,#ffffff);
}
.g4p-payment-panel strong{font-size:1.05rem;color:#07142d;}
.g4p-payment-panel p{margin:0;color:#3a4a68;font-weight:700;line-height:1.35;}
.g4p-admin-order-row .button{margin-left:6px;}

/* v30 driver earnings */
.g4p-earnings-card{margin:18px 0 26px;background:linear-gradient(135deg,#f8fbff,#fff);}
.g4p-earnings-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;}
.g4p-earnings-head h2{margin:2px 0 0;color:#061329;letter-spacing:-.04em;}
.g4p-earnings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 14px;}
.g4p-earnings-grid div{padding:16px;border:1px solid #dbe7ff;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(15,66,185,.06);}
.g4p-earnings-grid strong{display:block;font-size:clamp(24px,3vw,34px);line-height:1;color:#07142d;font-weight:1000;letter-spacing:-.045em;}
.g4p-earnings-grid span{display:block;margin-top:7px;color:#52627e;font-weight:900;font-size:.92rem;}
@media(max-width:782px){.g4p-earnings-head{flex-direction:column}.g4p-earnings-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.g4p-earnings-grid div{padding:14px}.g4p-earnings-grid strong{font-size:28px;}}

/* v31 availability + region polish */
.g4p-availability-console{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:22px 0}.g4p-availability-console h2{margin:4px 0 6px}.g4p-status-buttons{display:flex;gap:10px;flex-wrap:wrap}.g4p-region-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.g4p-region-chip{display:inline-flex;align-items:center;border:1px solid #d9e6ff;background:#f3f7ff;color:#3a4b68;border-radius:999px;padding:7px 10px;font-weight:800;font-size:13px}.g4p-driver-card .g4p-region-chips{justify-content:center}.g4p-driver-card .g4p-region-chip{font-size:12px;padding:5px 8px}@media(max-width:760px){.g4p-availability-console{align-items:stretch}.g4p-status-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.g4p-status-buttons .g4p-btn{padding-left:8px;padding-right:8px}.g4p-region-chips{gap:6px}.g4p-region-chip{font-size:12px}}

/* ═══════════════════════════════════════════════
   PREMIER CHAT — v72 complete design system
═══════════════════════════════════════════════ */
.g4p-chat-shell{padding-bottom:96px!important}
.g4p-chat-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0;align-items:stretch;border-radius:26px;overflow:hidden;box-shadow:0 24px 60px rgba(17,72,180,.10);border:1px solid var(--g4-border)}

/* ── Inbox ── */
.g4p-chat-inbox{border-radius:0!important;border-right:1px solid var(--g4-border)!important;border-top:none!important;border-bottom:none!important;border-left:none!important;box-shadow:none!important;overflow-y:auto;max-height:calc(100vh - 180px)}
.g4p-chat-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--g4-border)}
.g4p-chat-section-head h2{margin:0!important;font-size:1.1rem}
.g4p-chat-inbox-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:var(--g4-blue);color:#fff;font-size:12px;font-weight:1000;line-height:1}
.g4p-chat-thread-link{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:16px;border:1px solid transparent;text-decoration:none;color:inherit;margin-bottom:4px;transition:all .16s ease}
.g4p-chat-thread-link:hover{background:var(--g4-soft);border-color:var(--g4-border)}
.g4p-chat-thread-link.is-active{background:#eef5ff;border-color:#c2d9ff}
.g4p-thread-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--g4-blue),#0ab2ff);display:grid;place-items:center;color:#fff;font-weight:950;font-size:18px;box-shadow:0 6px 16px rgba(21,92,255,.22)}
.g4p-thread-body{flex:1;min-width:0}
.g4p-thread-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:2px}
.g4p-thread-top strong{font-size:.9rem;color:var(--g4-navy);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g4p-thread-top time{flex-shrink:0;font-size:11px;color:#8a9bb5;font-weight:750}
.g4p-thread-order-tag{display:inline-block;font-size:11px;font-weight:850;color:var(--g4-blue);background:#eef4ff;border-radius:999px;padding:2px 8px;margin-bottom:3px}
.g4p-thread-body p{margin:0;font-size:.8rem;color:#64748b;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g4p-chat-empty-inbox{display:grid;place-items:center;gap:12px;padding:40px 16px;text-align:center}
.g4p-chat-empty-icon{font-size:32px;opacity:.3;display:block}
.g4p-chat-empty-inbox p{margin:0;color:#8a9bb5;font-weight:750}

/* ── Chat window ── */
.g4p-chat-window{border-radius:0!important;box-shadow:none!important;border:none!important;display:flex;flex-direction:column;min-height:560px;max-height:calc(100vh - 180px);overflow:hidden}
.g4p-chat-window-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #edf3ff;margin-bottom:0;flex-shrink:0}
.g4p-chat-window-who{display:flex;align-items:center;gap:12px}
.g4p-chat-window-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--g4-blue),#0ab2ff);display:grid;place-items:center;color:#fff;font-weight:950;font-size:16px;flex-shrink:0}
.g4p-chat-other-name{font-size:1rem;font-weight:950;color:var(--g4-navy);text-decoration:none;display:block}
.g4p-chat-other-name:hover{color:var(--g4-blue)}
.g4p-chat-order-badge{display:inline-block;font-size:11px;font-weight:850;color:var(--g4-blue);background:#eef4ff;border-radius:999px;padding:2px 9px;text-decoration:none;margin-top:2px}
.g4p-chat-context-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}

/* Call / Video action buttons */
/* phone-call pill button (standalone — no .g4p-btn class) */
.g4p-call-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:.82rem;font-weight:950;text-decoration:none;cursor:pointer;border:1.5px solid #bbf7d0;transition:all .16s ease;line-height:1;background:#f0fdf4;color:#16a34a}
.g4p-call-btn:hover{background:#dcfce7;border-color:#16a34a;transform:translateY(-1px);color:#16a34a}
/* video call button — shares .g4p-btn sizing, adds primary CTA colours */
.g4p-video-btn{background:linear-gradient(135deg,#1662ff,#064deb);color:#fff!important;border-color:transparent!important;box-shadow:0 8px 22px rgba(21,92,255,.22)}
.g4p-video-btn:hover{background:linear-gradient(135deg,#0a56f5,#0040d4);transform:translateY(-1px);box-shadow:0 12px 28px rgba(21,92,255,.32);color:#fff!important}

/* Messages */
.g4p-chat-messages{flex:1;overflow-y:auto;padding:16px 4px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}
.g4p-chat-no-messages{display:grid;place-items:center;padding:48px 20px;text-align:center;color:#8a9bb5;font-weight:750;flex:1}
.g4p-chat-no-messages p{margin:0}
.g4p-chat-window-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;flex:1;padding:48px 24px}
.g4p-chat-empty-icon-lg{font-size:52px;opacity:.15}
.g4p-chat-window-empty h3{margin:0;color:var(--g4-navy)}
.g4p-chat-window-empty p{margin:0;color:#64748b}

/* Bubbles */
.g4p-chat-bubble{max-width:72%;padding:10px 14px;border-radius:18px;box-shadow:0 4px 14px rgba(7,20,45,.06);display:flex;flex-direction:column;gap:3px}
.g4p-chat-bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#1764ff,#0050f0);color:#fff;border-radius:18px 18px 4px 18px;border:none}
.g4p-chat-bubble.theirs{align-self:flex-start;background:#f1f5fb;border:1px solid #e4ecf8;border-radius:18px 18px 18px 4px}
.g4p-bubble-sender{font-size:11px;font-weight:950;color:#8a9bb5;margin-bottom:2px}
.g4p-chat-bubble.mine .g4p-bubble-sender{color:rgba(255,255,255,.6)}
.g4p-chat-bubble p{margin:0;font-size:.88rem;line-height:1.5;font-weight:750}
.g4p-chat-bubble.mine p{color:#fff}
.g4p-chat-bubble time{font-size:10px;opacity:.5;font-weight:700;align-self:flex-end;margin-top:2px}

/* Compose */
.g4p-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding-top:12px;border-top:1px solid #edf3ff;flex-shrink:0}
.g4p-chat-compose textarea{box-sizing:border-box;border:1.5px solid var(--g4-border);border-radius:22px;padding:13px 16px;font:inherit;font-size:.9rem;resize:none;background:#f8fbff;min-height:50px;max-height:120px;overflow-y:auto;transition:border-color .15s ease,box-shadow .15s ease}
.g4p-chat-compose textarea:focus{outline:none;border-color:var(--g4-blue);background:#fff;box-shadow:0 0 0 4px rgba(21,92,255,.10)}
.g4p-chat-send-btn{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#1764ff,#0050f0);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 22px rgba(21,92,255,.30);transition:all .16s ease;flex-shrink:0}
.g4p-chat-send-btn:hover{transform:scale(1.06);box-shadow:0 12px 28px rgba(21,92,255,.42)}
.g4p-chat-send-btn:active{transform:scale(.97)}

/* Responsive */
@media(max-width:900px){
  .g4p-chat-layout{grid-template-columns:1fr;border-radius:22px}
  .g4p-chat-inbox{max-height:280px;border-right:none!important;border-bottom:1px solid var(--g4-border)!important;border-radius:22px 22px 0 0!important}
  .g4p-chat-window{border-radius:0 0 22px 22px!important;min-height:380px;max-height:none}
  .g4p-chat-bubble{max-width:88%}
}
@media(max-width:600px){
  .g4p-chat-compose textarea{font-size:16px}
  .g4p-call-btn span{display:none}
  .g4p-call-btn{padding:9px 12px}
}

/* ── Chat drawer (quick-access from profile pages) ── */

/* v34 homepage real driver cards */
.g4-driver-list article.g4-home-real-driver,.g4-driver-list article.g4-home-placeholder-driver{position:relative;display:flex;flex-direction:column;align-items:center;min-height:232px}
.g4-driver-list .g4-home-photo-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#155cff,#0ab2ff);box-shadow:0 12px 28px rgba(18,88,255,.15)}
.g4-driver-list .g4-home-photo-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.g4-driver-list .g4-home-photo-avatar span{color:#fff;font-size:34px;font-weight:950}
.g4-home-driver-status{display:inline-flex;margin-top:8px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:950;background:#eef4ff;color:#155cff}
.g4-home-driver-status.available{background:#dcfce7;color:#15803d}
.g4-home-driver-link{margin-top:auto;color:#1258ff!important;font-size:12px;font-weight:950}
@media(max-width:760px){.g4-driver-list article.g4-home-real-driver,.g4-driver-list article.g4-home-placeholder-driver{min-height:0}.g4-home-driver-link{font-size:13px}}

/* v36 homepage real driver photo hard fix: avoid the theme's placeholder avatar pseudo-elements on real driver photos. */
.g4-driver-list article.g4-home-real-driver .g4-home-real-photo{
  width:108px!important;height:108px!important;border-radius:999px!important;overflow:hidden!important;
  position:relative!important;background:#eef4ff!important;box-shadow:0 12px 28px rgba(18,88,255,.15)!important;
  display:block!important;margin:0 auto 18px!important;padding:0!important;
}
.g4-driver-list article.g4-home-real-driver .g4-home-real-photo:before,
.g4-driver-list article.g4-home-real-driver .g4-home-real-photo:after{content:none!important;display:none!important;}
.g4-driver-list article.g4-home-real-driver .g4-home-real-photo img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:999px!important;
  position:relative!important;z-index:1!important;
}
.g4-driver-list article.g4-home-real-driver .g4-home-real-photo span{
  width:100%;height:100%;display:grid;place-items:center;color:#fff;font-size:34px;font-weight:950;
  background:linear-gradient(135deg,#155cff,#0ab2ff);
}
@media(max-width:760px){.g4-driver-list article.g4-home-real-driver .g4-home-real-photo{width:96px!important;height:96px!important;margin-bottom:14px!important;}}

/* v38 compliance forms */
.g4p-compliance-card{background:#f7faff;border:1px solid #dbe7ff;box-shadow:none;margin:14px 0;padding:18px}
.g4p-compliance-card h3{margin:0 0 6px;font-size:1.05rem}
.g4p-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:800!important;line-height:1.35}
.g4p-check input{width:auto!important;margin-top:4px;transform:scale(1.15)}
.g4p-age-gate-fields{display:none;margin-top:12px}
.g4p-age-gate-fields.is-visible{display:block}

/* v39 Verified Driver trust system */
.g4p-badge-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 10px}
.g4p-badge,.g4p-verified-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;line-height:1;white-space:nowrap}
.g4p-badge-approved{background:rgba(0,231,255,.12);border:1px solid rgba(0,231,255,.35);color:#dffbff}
.g4p-badge-review{background:rgba(255,193,7,.12);border:1px solid rgba(255,193,7,.35);color:#ffe7a0}
.g4p-verified-badge{background:linear-gradient(135deg,#00e7ff,#1c7dff);color:#031018;box-shadow:0 10px 24px rgba(0,231,255,.26)}
.g4p-verified-badge .g4p-check{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:999px;background:#fff;color:#087cff;font-size:12px;font-weight:1000}
h1 .g4p-verified-badge,h3 .g4p-verified-badge,h4 .g4p-verified-badge{vertical-align:middle;margin-left:6px;transform:translateY(-2px)}
.g4p-verify-progress{margin:16px 0;background:rgba(255,255,255,.055);border-color:rgba(0,231,255,.16)}
.g4p-progress-track{height:12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.1);margin:12px 0}
.g4p-progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#00e7ff,#ff3b30);box-shadow:0 0 18px rgba(0,231,255,.28)}
.g4p-verify-mini{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.g4p-verify-mini span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;font-weight:800;font-size:12px;color:#fff}
.g4p-verify-mini .is-good{border-color:rgba(0,231,255,.35);color:#dffbff}.g4p-verify-mini .needs-work{border-color:rgba(255,193,7,.4);color:#ffe7a0}
@media(max-width:720px){.g4p-badge-row{justify-content:center}.g4p-badge,.g4p-verified-badge{font-size:11px;padding:6px 8px}h1 .g4p-verified-badge,h3 .g4p-verified-badge,h4 .g4p-verified-badge{margin-left:3px}}

/* v41: profile + verified goal layout consistency polish */
.g4p-social-profile{max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;}
@media (min-width:783px){
  .g4p-social-profile .g4p-profile-cover{height:150px!important;}
  .g4p-social-profile .g4p-profile-main{grid-template-columns:150px minmax(340px,1fr) minmax(420px,500px)!important;gap:28px!important;align-items:center!important;padding:0 36px 30px!important;transform:translateY(-22px)!important;margin-bottom:-12px!important;}
  .g4p-social-profile .g4p-profile-avatar{width:124px!important;height:124px!important;border-radius:34px!important;align-self:center!important;}
  .g4p-social-profile .g4p-profile-copy{align-self:center!important;}
  .g4p-social-profile .g4p-profile-copy h1{font-size:clamp(38px,3.1vw,52px)!important;line-height:.98!important;letter-spacing:-.055em!important;margin-bottom:8px!important;}
  .g4p-social-profile .g4p-profile-copy p{font-size:18px!important;line-height:1.24!important;max-width:620px!important;margin:0 0 12px!important;}
  .g4p-social-profile .g4p-profile-actions{align-self:center!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn{min-height:54px!important;border-radius:18px!important;font-size:17px!important;}
  .g4p-social-profile .g4p-profile-stats strong{font-size:30px!important;}
  .g4p-social-profile .g4p-profile-bio{padding:26px 36px 30px!important;}
}
@media (max-width:782px){
  .g4p-social-profile{border-radius:28px!important;overflow:hidden!important;}
  .g4p-social-profile .g4p-profile-cover{height:128px!important;}
  .g4p-social-profile .g4p-profile-main{padding:0 22px 22px!important;transform:translateY(-36px)!important;margin-bottom:-26px!important;}
  .g4p-social-profile .g4p-profile-avatar{width:104px!important;height:104px!important;border-radius:30px!important;margin-bottom:16px!important;}
  .g4p-social-profile .g4p-profile-copy h1{font-size:clamp(38px,10vw,54px)!important;line-height:1!important;margin-bottom:12px!important;}
  .g4p-social-profile .g4p-profile-copy p{font-size:clamp(20px,5vw,26px)!important;line-height:1.18!important;margin-bottom:16px!important;}
  .g4p-social-profile .g4p-profile-actions{gap:12px!important;margin-top:16px!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn{min-height:94px!important;border-radius:24px!important;}
}
.g4p-verify-progress{background:#fff!important;border:1px solid #d7fbff!important;box-shadow:0 18px 55px rgba(21,92,255,.06)!important;color:#06142c!important;}
.g4p-verify-progress .g4p-eyebrow{background:#eef4ff!important;color:#155cff!important;border:0!important;margin-bottom:14px!important;padding:8px 14px!important;}
.g4p-verify-progress h2{color:#06142c!important;font-size:clamp(28px,4vw,42px)!important;letter-spacing:-.045em!important;line-height:1.05!important;margin:0 0 10px!important;}
.g4p-verify-progress .g4p-muted{color:#51617f!important;font-size:clamp(15px,2.2vw,18px)!important;line-height:1.35!important;max-width:860px!important;margin:10px 0 12px!important;}
.g4p-progress-track{height:14px!important;background:#eef4ff!important;border:1px solid #dbe7ff!important;margin:16px 0 14px!important;box-shadow:inset 0 1px 2px rgba(8,30,70,.04)!important;}
.g4p-progress-track span{min-width:8px!important;background:linear-gradient(90deg,#155cff,#00c7ff)!important;box-shadow:none!important;}
.g4p-verify-mini{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:10px 0 18px!important;}
.g4p-verify-mini span{background:#f4f8ff!important;border:1px solid #dbe7ff!important;color:#40506d!important;border-radius:999px!important;padding:8px 13px!important;font-weight:900!important;font-size:14px!important;}
.g4p-verify-mini .is-good{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#15803d!important;}
.g4p-verify-mini .needs-work{background:#fff7ed!important;border-color:#fed7aa!important;color:#9a3412!important;}
.g4p-milestone-list{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;margin-top:12px!important;}
.g4p-milestone-list strong{color:#06142c!important;font-weight:950!important;margin-right:4px!important;}
.g4p-milestone-list span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:70px!important;padding:8px 14px!important;border-radius:999px!important;background:#f7faff!important;border:1px solid #dbe7ff!important;color:#40506d!important;font-weight:950!important;}
@media(max-width:782px){
  .g4p-verify-progress{padding:22px!important;border-radius:28px!important;}
  .g4p-verify-progress h2{font-size:34px!important;}
  .g4p-progress-track{height:12px!important;}
  .g4p-verify-mini span{font-size:13px!important;padding:7px 11px!important;}
  .g4p-milestone-list{gap:9px!important;}
  .g4p-milestone-list strong{width:100%!important;font-size:22px!important;margin-bottom:2px!important;}
  .g4p-milestone-list span{min-width:76px!important;font-size:17px!important;padding:9px 13px!important;}
}


/* v42: desktop-only profile sizing polish — mobile untouched */
@media (min-width: 783px){
  .g4p-social-profile{
    max-width:1040px!important;
    margin:34px auto 44px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .g4p-social-profile .g4p-profile-cover{
    height:144px!important;
  }
  .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:138px minmax(0,1fr) 340px!important;
    gap:24px!important;
    align-items:center!important;
    padding:0 32px 28px!important;
    transform:translateY(-24px)!important;
    margin-bottom:-14px!important;
    box-sizing:border-box!important;
    width:100%!important;
  }
  .g4p-social-profile .g4p-profile-avatar{
    grid-column:1!important;
    width:112px!important;
    height:112px!important;
    border-radius:30px!important;
    align-self:center!important;
    justify-self:start!important;
  }
  .g4p-social-profile .g4p-profile-copy{
    grid-column:2!important;
    min-width:0!important;
    align-self:center!important;
  }
  .g4p-social-profile .g4p-profile-copy h1{
    font-size:42px!important;
    line-height:.96!important;
    letter-spacing:-.052em!important;
    margin:0 0 8px!important;
    max-width:100%!important;
  }
  .g4p-social-profile .g4p-profile-copy p{
    font-size:17px!important;
    line-height:1.2!important;
    max-width:420px!important;
    margin:0 0 12px!important;
  }
  .g4p-social-profile .g4p-profile-actions{
    grid-column:3!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:340px!important;
    min-width:0!important;
    justify-self:end!important;
    align-self:center!important;
    overflow:visible!important;
  }
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions form,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .g4p-social-profile .g4p-profile-actions .g4p-btn{
    min-height:52px!important;
    border-radius:16px!important;
    padding:12px 14px!important;
    font-size:16px!important;
    line-height:1.1!important;
    white-space:normal!important;
  }
  .g4p-social-profile .g4p-profile-stats{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .g4p-social-profile .g4p-profile-stats span{
    padding:20px 12px!important;
  }
  .g4p-social-profile .g4p-profile-stats strong{
    font-size:28px!important;
  }
  .g4p-social-profile .g4p-profile-bio{
    padding:24px 32px 28px!important;
    font-size:16px!important;
    line-height:1.55!important;
  }
  .g4p-verify-progress{
    max-width:1040px!important;
    margin:28px auto!important;
    padding:28px 32px!important;
  }
  .g4p-verify-progress h2{
    font-size:34px!important;
  }
}

@media (min-width: 783px) and (max-width: 1120px){
  .g4p-social-profile{
    max-width:calc(100vw - 48px)!important;
  }
  .g4p-social-profile .g4p-profile-main{
    grid-template-columns:118px minmax(0,1fr) 300px!important;
    gap:18px!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .g4p-social-profile .g4p-profile-avatar{width:100px!important;height:100px!important;}
  .g4p-social-profile .g4p-profile-copy h1{font-size:36px!important;}
  .g4p-social-profile .g4p-profile-copy p{font-size:15px!important;max-width:360px!important;}
  .g4p-social-profile .g4p-profile-actions{max-width:300px!important;gap:10px!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn{font-size:15px!important;min-height:50px!important;padding:10px 12px!important;}
}

/* v43 order detail + proof of delivery */
.g4p-order-detail-shell{max-width:1180px;margin:0 auto;padding-bottom:96px}
.g4p-order-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:22px;align-items:start}
.g4p-order-detail-main{overflow:hidden}
.g4p-order-detail-side h3{margin:18px 0 10px}.g4p-order-card-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.g4p-timeline{display:flex;flex-direction:column;gap:14px;margin-top:10px}.g4p-timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}.g4p-timeline-item>span{width:12px;height:12px;border-radius:50%;background:#1261ff;margin-top:6px;box-shadow:0 0 0 5px rgba(18,97,255,.1)}.g4p-timeline-item strong{display:block;color:#06142f}.g4p-timeline-item small{display:block;color:#60708c;font-weight:800;margin-top:2px}.g4p-timeline-item p{margin:6px 0 0;color:#465777;font-weight:700;line-height:1.35}.g4p-proof-photo{display:block;max-width:420px;border-radius:22px;overflow:hidden;border:1px solid #dce7fb;background:#f5f8ff;margin:12px 0}.g4p-proof-photo img{display:block;width:100%;height:auto}.g4p-check{display:flex!important;align-items:center;gap:10px}.g4p-check input{width:auto!important}
@media (max-width: 780px){.g4p-order-detail-grid{grid-template-columns:1fr}.g4p-order-detail-shell{padding-bottom:110px}.g4p-order-card-actions .g4p-btn{flex:1 1 140px}.g4p-proof-photo{max-width:100%}}

/* v44 ratings + reviews */
.g4p-review-card,.g4p-reviews-list{max-width:1040px;margin:24px auto!important}
.g4p-review-box{border:1px solid #dce7fb;background:#f8fbff;border-radius:22px;padding:18px 20px;margin-top:12px}
.g4p-review-box strong,.g4p-review-item strong{color:#1261ff;letter-spacing:1px;font-size:20px}
.g4p-review-box span{margin-left:10px;font-weight:900;color:#06142f}
.g4p-review-box p,.g4p-review-item p{margin:10px 0 0;color:#334461;font-weight:750;line-height:1.45}
.g4p-review-box small{display:block;margin-top:10px;color:#6a7890;font-weight:800}
.g4p-reviews-list{display:flex;flex-direction:column;gap:14px}
.g4p-review-item{border:1px solid #dce7fb;background:#fff;border-radius:20px;padding:16px 18px;box-shadow:0 10px 30px rgba(8,35,90,.04)}
.g4p-review-item span{display:block;margin-top:6px;color:#60708c;font-weight:900}
.g4p-review-card select{min-height:52px;border:1px solid #dbe6fb;border-radius:16px;padding:12px 14px;font-weight:900;color:#06142f;background:#fff}
@media (max-width:780px){.g4p-review-card,.g4p-reviews-list{margin:18px auto!important}.g4p-review-box,.g4p-review-item{border-radius:18px;padding:15px}.g4p-review-box strong,.g4p-review-item strong{font-size:18px}}


/* v45 favorite drivers + repeat order polish */
.g4p-repeat-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-color:#b7cdfd;
  background:linear-gradient(135deg,#f7fbff,#eef5ff);
  color:#071733;
}
.g4p-repeat-banner strong{font-weight:900;color:#0b5cff;}
.g4p-repeat-banner span{font-weight:800;color:#445678;}
.g4p-favorite-driver-grid{margin-bottom:28px;}
.g4p-favorite-driver-card .g4p-mini-stats{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin:12px 0 14px;
}
.g4p-favorite-driver-card .g4p-btn{width:100%;justify-content:center;}
.g4p-order-card-actions .g4p-btn[href*="repeat_order"]{border-color:#b7cdfd;background:#f7fbff;}
@media (max-width: 760px){
  .g4p-repeat-banner{display:block;padding:18px;}
  .g4p-repeat-banner span{display:block;margin-top:6px;}
  .g4p-favorite-driver-grid{grid-template-columns:1fr;}
}

/* v47 driver payout dashboard polish */
.g4p-payout-pro{overflow:hidden;}
.g4p-payout-hero{display:grid;grid-template-columns:1.1fr 1.2fr .75fr;gap:14px;align-items:center;border:1px solid #d7e6ff;border-radius:24px;padding:16px;background:linear-gradient(135deg,#eef6ff,#ffffff);margin:12px 0 16px;}
.g4p-payout-ready span,.g4p-payout-mini span{display:block;color:#52627e;font-weight:900;font-size:.88rem;text-transform:uppercase;letter-spacing:.04em;}
.g4p-payout-ready strong,.g4p-payout-mini strong{display:block;color:#061329;font-size:clamp(30px,4vw,46px);line-height:1;font-weight:1000;letter-spacing:-.055em;margin-top:4px;}
.g4p-payout-ready small{display:block;color:#52627e;font-weight:800;margin-top:6px;}
.g4p-payout-meter{height:16px;background:#dce9ff;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);}
.g4p-payout-meter div{height:100%;border-radius:999px;background:linear-gradient(90deg,#00b7ff,#0f42b9);}
.g4p-earnings-grid-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.g4p-payout-rules{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 14px;}
.g4p-payout-rules span{display:inline-flex;border:1px solid #dbe7ff;background:#fff;border-radius:999px;padding:8px 12px;color:#52627e;font-weight:850;}
.g4p-driver-payout-list{margin-top:14px;border-top:1px solid #e4ecf8;padding-top:14px;}
.g4p-driver-payout-list h3{margin:0 0 10px;color:#061329;}
.g4p-payout-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid #e1eaf8;border-radius:16px;padding:11px 12px;background:#fff;margin-top:8px;}
.g4p-payout-row strong{display:block;color:#07142d;}.g4p-payout-row span{display:block;color:#64748b;font-weight:800;font-size:.88rem;margin-top:3px;}.g4p-payout-row em{font-style:normal;font-weight:1000;color:#07142d;}
.g4p-payout-status{border-radius:999px;padding:6px 9px;font-weight:1000;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;}.g4p-payout-status.ready{background:#eaf5ff;color:#0f42b9;}.g4p-payout-status.paid{background:#eafff3;color:#087a3c;}
.g4p-payout-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;}.g4p-payout-driver-card{border:1px solid var(--g4-border);border-radius:22px;background:#fff;padding:16px;box-shadow:0 14px 34px rgba(15,66,185,.07);}.g4p-payout-driver-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;}.g4p-payout-driver-head strong{display:block;color:#061329;font-size:1.1rem;}.g4p-payout-driver-head span{display:block;color:#52627e;font-weight:850;margin-top:4px;}.g4p-payout-driver-head em{font-style:normal;background:#eef6ff;color:#0f42b9;border-radius:999px;padding:8px 10px;font-weight:1000;white-space:nowrap;}.g4p-payout-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;}.g4p-payout-admin-stats span{border:1px solid #e1eaf8;border-radius:14px;background:#f8fbff;padding:10px;color:#52627e;font-weight:850;}.g4p-payout-admin-stats b{display:block;color:#061329;font-size:1.05rem;}.g4p-admin-payout-orders{display:grid;gap:8px;}.g4p-admin-payout-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border-top:1px solid #edf2fa;padding-top:9px;}.g4p-admin-payout-row strong{display:block;color:#061329;}.g4p-admin-payout-row span{display:block;color:#64748b;font-weight:800;font-size:.86rem;}.g4p-admin-payout-row em{font-style:normal;border-radius:999px;padding:6px 8px;font-weight:1000;font-size:.78rem;text-transform:uppercase;}.g4p-admin-payout-row em.ready{background:#eaf5ff;color:#0f42b9;}.g4p-admin-payout-row em.paid{background:#eafff3;color:#087a3c;}
@media(max-width:900px){.g4p-payout-hero{grid-template-columns:1fr}.g4p-earnings-grid-5{grid-template-columns:repeat(2,minmax(0,1fr));}.g4p-payout-admin-grid{grid-template-columns:1fr}.g4p-payout-admin-stats{grid-template-columns:1fr}.g4p-admin-payout-row,.g4p-payout-row{grid-template-columns:1fr}.g4p-admin-payout-row form .button{width:100%;}}


/* v48 policy + agreement pages */
.g4p-policy-shell .g4p-page-hero{margin-bottom:18px}
.g4p-policy-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.g4p-policy-nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#111827;border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-weight:800;font-size:13px}
.g4p-policy-nav a:hover{border-color:#20d7ff;box-shadow:0 0 0 3px rgba(32,215,255,.12)}
.g4p-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}
.g4p-policy-tile{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;min-height:135px}
.g4p-policy-tile strong{font-size:18px;color:#fff}
.g4p-policy-tile span{color:#9ca3af;line-height:1.45}
.g4p-policy-card{margin:16px 0}.g4p-policy-card h2{margin:0 0 12px;color:#fff}.g4p-policy-card ul{margin:0;padding-left:20px}.g4p-policy-card li{margin:10px 0;line-height:1.55;color:#d1d5db}
.g4p-policy-note{border-color:rgba(32,215,255,.32)!important;background:linear-gradient(135deg,rgba(32,215,255,.12),rgba(255,255,255,.04))!important;margin-top:18px;color:#e5e7eb}
.g4p-agreement-check a,.g4p-compliance-card a{color:#20d7ff;font-weight:800;text-decoration:none}.g4p-agreement-check a:hover,.g4p-compliance-card a:hover{text-decoration:underline}
@media (max-width: 780px){.g4p-policy-grid{grid-template-columns:1fr}.g4p-policy-nav{gap:8px}.g4p-policy-nav a{font-size:12px;padding:9px 11px}.g4p-policy-card li{font-size:14px}}


/* v50 Launch Control admin polish */
.g4p-launch-control{margin:22px 0 24px;border:1px solid #dbe6ff;box-shadow:0 18px 50px rgba(15,35,80,.08)}
.g4p-admin-hero-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.g4p-admin-quick-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.g4p-admin-metrics{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin:18px 0}.g4p-admin-metric{display:block;text-decoration:none;background:#f7faff;border:1px solid #dbe6ff;border-radius:16px;padding:14px;color:#0b1830}.g4p-admin-metric strong{display:block;font-size:28px;line-height:1;color:#145cff}.g4p-admin-metric span{display:block;margin-top:6px;font-weight:800;color:#40516f}.g4p-admin-launch-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:18px}.g4p-admin-checklist{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px;margin:0}.g4p-admin-checklist li{list-style:none;border-radius:14px;border:1px solid #e1e9f8;background:#fff;padding:12px 14px;display:grid;gap:3px}.g4p-admin-checklist li strong{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.g4p-admin-checklist li.is-ready strong{color:#138a46}.g4p-admin-checklist li.needs-work strong{color:#b45309}.g4p-admin-checklist li span{font-weight:800;color:#0b1830}.g4p-admin-checklist li em{font-style:normal;color:#60718f}.g4p-admin-action-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px}.g4p-admin-action-grid .button{text-align:center;white-space:normal;min-height:34px;display:flex;align-items:center;justify-content:center}@media(max-width:1200px){.g4p-admin-metrics{grid-template-columns:repeat(3,minmax(120px,1fr))}.g4p-admin-launch-grid{grid-template-columns:1fr}.g4p-admin-checklist{grid-template-columns:1fr}}@media(max-width:782px){.g4p-admin-hero-row{display:block}.g4p-admin-quick-actions{justify-content:flex-start;margin-top:12px}.g4p-admin-metrics{grid-template-columns:repeat(2,minmax(120px,1fr))}.g4p-admin-action-grid{grid-template-columns:1fr}}


/* v51 agreement layout hard-fix */
.g4p-compliance-card .g4p-grid-2{align-items:end}
.g4p-agreement-check,
.g4p-driver-waiver-check{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:flex-start!important;
  gap:14px!important;
  padding:16px 18px!important;
  border:1px solid #dbe7ff!important;
  border-radius:18px!important;
  background:#fff!important;
  margin-top:14px!important;
}
.g4p-agreement-check input,
.g4p-driver-waiver-check input{
  margin:4px 0 0!important;
  width:20px!important;
  height:20px!important;
  transform:none!important;
}
.g4p-check-copy{
  display:block!important;
  min-width:0!important;
  color:#0b1830!important;
  font-weight:800!important;
  line-height:1.55!important;
}
.g4p-driver-waiver-check .g4p-check-copy strong{
  display:block!important;
  margin-bottom:6px!important;
  color:#06142f!important;
}
.g4p-agreement-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
  margin-top:10px!important;
  font-weight:900!important;
}
.g4p-agreement-links a{
  color:#0f6bff!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.g4p-agreement-links a:hover{text-decoration:underline!important}
.g4p-agreement-links span[aria-hidden="true"]{color:#9aa8bf!important;font-weight:900!important}
.g4p-waiver-note{
  display:block!important;
  margin-top:10px!important;
  color:#60708c!important;
  font-weight:800!important;
}
@media (max-width: 782px){
  .g4p-agreement-check,
  .g4p-driver-waiver-check{
    grid-template-columns:22px minmax(0,1fr)!important;
    gap:12px!important;
    padding:14px!important;
  }
  .g4p-check-copy{font-size:15px!important;line-height:1.5!important}
  .g4p-agreement-links{gap:6px 8px!important}
}


/* v52 policy readability + driver license upload polish */
.g4p-policy-shell .g4p-card,
.g4p-policy-card{
  background:#ffffff!important;
  border:1px solid #dbe7ff!important;
  box-shadow:0 18px 45px rgba(8,35,90,.06)!important;
}
.g4p-policy-shell .g4p-page-hero h1,
.g4p-policy-shell .g4p-page-hero h2,
.g4p-policy-shell .g4p-page-hero p{color:#0b1830!important;}
.g4p-policy-card h2{color:#0b1830!important;}
.g4p-policy-card li{color:#334461!important;font-weight:800!important;}
.g4p-policy-note{color:#0b1830!important;background:linear-gradient(135deg,#eef8ff,#ffffff)!important;}
.g4p-policy-tile strong{color:#0b1830!important;}
.g4p-policy-tile span{color:#40516f!important;font-weight:750!important;}
.g4p-driver-verify-card{background:#f7faff!important;border-color:#dbe7ff!important;}
.g4p-driver-verify-card h3{font-size:1.2rem!important;color:#06142f!important;}
.g4p-file-field input[type="file"]{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin-top:8px!important;
  padding:12px!important;
  border:1px dashed #bfd3f6!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#0b1830!important;
}
@media(max-width:782px){
  .g4p-policy-card{padding:20px!important;border-radius:24px!important;}
  .g4p-policy-card li{font-size:15px!important;line-height:1.55!important;}
}


/* v53 full driver application polish */
.g4p-driver-apply-hero{
  background:linear-gradient(135deg,#07142f,#103a8f 56%,#0f6bff)!important;
  color:#fff!important;
  border-radius:34px!important;
  padding:30px!important;
  box-shadow:0 24px 70px rgba(15,107,255,.16)!important;
}
.g4p-driver-apply-hero h1,
.g4p-driver-apply-hero p{color:#fff!important}
.g4p-driver-apply-hero .g4p-eyebrow{
  background:rgba(255,255,255,.12)!important;
  color:#dffbff!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.g4p-driver-apply-steps{
  max-width:1040px;
  margin:18px auto 18px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.g4p-driver-apply-steps div{
  background:#fff;
  border:1px solid #dbe7ff;
  border-radius:22px;
  padding:16px;
  box-shadow:0 14px 34px rgba(15,66,185,.06);
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:4px 12px;
  align-items:center;
}
.g4p-driver-apply-steps strong{
  grid-row:1 / span 2;
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#1259ff,#00c7ff);
  color:#fff;
  font-size:20px;
  box-shadow:0 10px 24px rgba(18,89,255,.2);
}
.g4p-driver-apply-steps span{color:#06142f;font-weight:1000;font-size:18px}
.g4p-driver-apply-steps small{color:#60708c;font-weight:800;line-height:1.25}
.g4p-driver-application-form{
  max-width:1040px!important;
  margin:18px auto!important;
  padding:28px!important;
  border-radius:30px!important;
}
.g4p-form-section-head{
  border-left:5px solid #1259ff;
  padding:4px 0 4px 16px;
  margin:8px 0 16px;
}
.g4p-form-section-head.g4p-section-soft{margin-top:26px}
.g4p-form-section-head span{
  display:inline-flex;
  color:#1259ff;
  background:#eef5ff;
  border:1px solid #dbe7ff;
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.g4p-form-section-head h2{
  margin:8px 0 4px;
  color:#06142f;
  font-size:clamp(24px,3vw,34px);
  letter-spacing:-.045em;
  line-height:1.02;
}
.g4p-form-section-head p{
  margin:0;
  color:#60708c;
  font-weight:800;
  line-height:1.4;
}
.g4p-driver-waiver-card{
  border-radius:26px!important;
  padding:22px!important;
  background:linear-gradient(135deg,#f8fbff,#fff)!important;
}
.g4p-file-card{
  display:block!important;
  padding:18px!important;
  border:1px dashed #bcd0f5!important;
  border-radius:22px!important;
  background:#f8fbff!important;
  color:#06142f!important;
  font-weight:1000!important;
}
.g4p-file-card > span{
  display:block;
  color:#60708c;
  font-weight:800;
  margin:6px 0 12px;
  line-height:1.35;
}
.g4p-file-card input[type="file"]{
  width:100%!important;
  background:#fff!important;
  border:1px solid #dbe7ff!important;
  border-radius:16px!important;
  padding:12px!important;
}
.g4p-license-upload-card{
  border-style:solid!important;
  border-color:#a9c1ff!important;
  background:linear-gradient(135deg,#eef5ff,#ffffff)!important;
}
.g4p-file-preview-name{
  display:block;
  margin-top:10px;
  color:#1259ff;
  font-style:normal;
  font-weight:900;
}
.g4p-next-review-card{
  margin:18px 0 8px!important;
  border-radius:26px!important;
  background:#07142f!important;
  color:#fff!important;
  border-color:rgba(0,231,255,.24)!important;
}
.g4p-next-review-card h3{
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:24px!important;
}
.g4p-next-review-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.g4p-next-review-grid span{
  display:block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  border-radius:18px;
  padding:14px;
}
.g4p-next-review-grid strong{
  display:block;
  color:#dffbff;
  font-weight:1000;
  margin-bottom:5px;
}
.g4p-next-review-grid small{
  display:block;
  color:#cbd5e1;
  font-weight:800;
  line-height:1.35;
}
.g4p-submit-panel{
  margin-top:22px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(135deg,#eef5ff,#fff);
  border:1px solid #dbe7ff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.g4p-submit-panel strong{
  display:block;
  color:#06142f;
  font-size:20px;
  font-weight:1000;
}
.g4p-submit-panel span{
  display:block;
  color:#60708c;
  font-weight:800;
  margin-top:4px;
}
.g4p-submit-panel .g4p-btn{
  white-space:nowrap;
  min-height:54px;
  padding-left:22px;
  padding-right:22px;
}
@media(max-width:782px){
  .g4p-driver-apply-hero{
    border-radius:28px!important;
    padding:24px 20px!important;
  }
  .g4p-driver-apply-steps{
    grid-template-columns:1fr;
    margin:14px auto;
  }
  .g4p-driver-application-form{
    padding:20px!important;
    border-radius:28px!important;
  }
  .g4p-form-section-head{
    padding-left:13px;
    margin-bottom:14px;
  }
  .g4p-form-section-head h2{
    font-size:27px;
  }
  .g4p-driver-waiver-card,
  .g4p-file-card,
  .g4p-next-review-card{
    border-radius:22px!important;
  }
  .g4p-next-review-grid{
    grid-template-columns:1fr;
  }
  .g4p-submit-panel{
    display:block;
    padding:16px;
  }
  .g4p-submit-panel .g4p-btn{
    width:100%;
    margin-top:14px;
  }
}


/* v54 customer request flow polish */
.g4p-customer-order-hero{
  background:linear-gradient(135deg,#06142f,#124fca 58%,#00aaff)!important;
  color:#fff!important;
  border-radius:34px!important;
  padding:30px!important;
  box-shadow:0 24px 70px rgba(15,107,255,.16)!important;
}
.g4p-customer-order-hero h1,
.g4p-customer-order-hero p{color:#fff!important}
.g4p-customer-order-hero .g4p-eyebrow{
  background:rgba(255,255,255,.12)!important;
  color:#dffbff!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.g4p-customer-order-steps{
  max-width:1040px;
  margin:18px auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.g4p-customer-order-steps div{
  background:#fff;
  border:1px solid #dbe7ff;
  border-radius:22px;
  padding:16px;
  box-shadow:0 14px 34px rgba(15,66,185,.06);
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:4px 12px;
  align-items:center;
}
.g4p-customer-order-steps strong{
  grid-row:1 / span 2;
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#1259ff,#00c7ff);
  color:#fff;
  font-size:19px;
  box-shadow:0 10px 24px rgba(18,89,255,.2);
}
.g4p-customer-order-steps span{
  color:#06142f;
  font-weight:1000;
  font-size:17px;
}
.g4p-customer-order-steps small{
  color:#60708c;
  font-weight:800;
  line-height:1.25;
}
.g4p-customer-order-form{
  max-width:1040px!important;
  margin:18px auto!important;
  padding:28px!important;
  border-radius:30px!important;
}
.g4p-preferred-driver-field select{
  border-color:#a9c1ff!important;
  background:#f8fbff!important;
}
.g4p-delivery-type-card{
  border-radius:26px!important;
  padding:22px!important;
  background:linear-gradient(135deg,#f8fbff,#fff)!important;
}
.g4p-delivery-type-card select{
  font-weight:900!important;
  border-color:#bcd0f5!important;
}
.g4p-age-gate-fields{
  border:1px solid #dbe7ff!important;
  border-radius:20px!important;
  background:#fff!important;
  padding:16px!important;
}
.g4p-customer-next-card{
  margin:18px 0!important;
  border-radius:26px!important;
  background:#07142f!important;
  color:#fff!important;
  border-color:rgba(0,231,255,.24)!important;
}
.g4p-customer-next-card h3{
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:24px!important;
}
.g4p-customer-next-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.g4p-customer-next-grid span{
  display:block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  border-radius:18px;
  padding:14px;
}
.g4p-customer-next-grid strong{
  display:block;
  color:#dffbff;
  font-weight:1000;
  margin-bottom:5px;
}
.g4p-customer-next-grid small{
  display:block;
  color:#cbd5e1;
  font-weight:800;
  line-height:1.35;
}
.g4p-customer-agreement-check{
  margin-top:18px!important;
}
.g4p-customer-agreement-check .g4p-check-copy strong{
  display:block!important;
  margin-bottom:6px!important;
  color:#06142f!important;
}
.g4p-customer-submit-panel{
  background:linear-gradient(135deg,#eef5ff,#ffffff)!important;
}
@media(max-width:980px){
  .g4p-customer-order-steps,
  .g4p-customer-next-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:782px){
  .g4p-customer-order-hero{
    border-radius:28px!important;
    padding:24px 20px!important;
  }
  .g4p-customer-order-steps{
    grid-template-columns:1fr;
    margin:14px auto;
  }
  .g4p-customer-order-form{
    padding:20px!important;
    border-radius:28px!important;
  }
  .g4p-delivery-type-card,
  .g4p-customer-next-card{
    border-radius:22px!important;
  }
  .g4p-customer-next-grid{
    grid-template-columns:1fr;
  }
}


/* v55 dashboards + order status polish */
.g4p-dashboard-shell{
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.g4p-dashboard-hero{
  background:linear-gradient(135deg,#07142f,#103a8f 58%,#0f6bff)!important;
  color:#fff!important;
  border-radius:34px!important;
  padding:30px!important;
  box-shadow:0 24px 70px rgba(15,107,255,.16)!important;
}
.g4p-driver-dash-hero{
  background:linear-gradient(135deg,#07142f,#0b7a75 58%,#00c7ff)!important;
}
.g4p-dashboard-hero h1,
.g4p-dashboard-hero p{color:#fff!important}
.g4p-dashboard-hero .g4p-eyebrow{
  background:rgba(255,255,255,.12)!important;
  color:#dffbff!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.g4p-dash-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.g4p-driver-dashboard-pro .g4p-dash-metrics{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.g4p-dash-metrics div{
  background:#fff;
  border:1px solid #dbe7ff;
  border-radius:22px;
  padding:18px;
  box-shadow:0 14px 34px rgba(15,66,185,.06);
}
.g4p-dash-metrics strong{
  display:block;
  color:#1259ff;
  font-size:clamp(30px,4vw,46px);
  line-height:1;
  letter-spacing:-.055em;
}
.g4p-dash-metrics span{
  display:block;
  margin-top:7px;
  color:#60708c;
  font-weight:900;
}
.g4p-dash-flow-card{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  padding:12px;
  border-radius:24px;
  background:var(--g4-soft);
  border:1px solid var(--g4-border);
  margin:0 0 20px;
}
.g4p-dash-flow-card span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  border-radius:16px;
  color:var(--g4-text);
  background:#fff;
  border:1px solid var(--g4-border);
  font-weight:900;
  text-align:center;
  font-size:13px;
  transition:.15s ease;
}
.g4p-driver-flow-card span{
  counter-increment:flow-step;
  gap:5px;
  flex-direction:column;
  font-size:12px;
  padding:6px 4px;
  min-height:52px;
  color:var(--g4-blue);
  border-color:#d0e2ff;
  background:#f0f6ff;
}
.g4p-dashboard-headline{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin:20px 0 14px;
}
.g4p-dashboard-headline h2{
  margin:0 0 5px;
  color:#06142f;
  font-size:clamp(28px,4vw,42px);
  letter-spacing:-.05em;
  line-height:1;
}
.g4p-dashboard-headline p{
  margin:0;
  color:#60708c;
  font-weight:850;
}
.g4p-dash-order-list{
  display:grid;
  gap:14px;
  margin-bottom:28px;
}
.g4p-dash-order-card{
  background:#fff;
  border:1px solid #dbe7ff;
  border-radius:26px;
  padding:18px;
  box-shadow:0 16px 38px rgba(8,35,90,.06);
  overflow:hidden;
}
.g4p-dash-order-top{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.g4p-dash-order-kicker{
  display:block;
  color:#60708c;
  font-weight:900;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:6px;
}
.g4p-dash-order-card h3{
  margin:0;
  color:#06142f;
  font-size:clamp(21px,3vw,28px);
  letter-spacing:-.035em;
  line-height:1.08;
}
.g4p-dash-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border-radius:999px;
  padding:8px 11px;
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.g4p-dash-status.status-pending{background:#eef5ff;color:#1259ff}
.g4p-dash-status.status-accepted{background:#e0f2fe;color:#0369a1}
.g4p-dash-status.status-payment{background:#fff7ed;color:#c2410c}
.g4p-dash-status.status-paid{background:#ecfdf5;color:#047857}
.g4p-dash-status.status-progress{background:#eff6ff;color:#1d4ed8}
.g4p-dash-status.status-completed{background:#dcfce7;color:#15803d}
.g4p-dash-status.status-cancelled,
.g4p-dash-status.status-declined{background:#fee2e2;color:#b91c1c}
.g4p-dash-progress{
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:#edf3ff;
  border:1px solid #dbe7ff;
  margin:16px 0;
}
.g4p-dash-progress span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#1259ff,#00c7ff);
}
.g4p-dash-order-card.status-payment .g4p-dash-progress span{background:linear-gradient(90deg,#f97316,#1259ff)}
.g4p-dash-order-card.status-completed .g4p-dash-progress span{background:linear-gradient(90deg,#16a34a,#00c7ff)}
.g4p-dash-order-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.g4p-dash-order-grid span{
  display:block;
  padding:12px;
  border:1px solid #e1eaf8;
  background:#f8fbff;
  border-radius:16px;
  min-width:0;
}
.g4p-dash-order-grid small{
  display:block;
  color:#64748b;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:11px;
  margin-bottom:4px;
}
.g4p-dash-order-grid b{
  display:block;
  color:#07142d;
  font-weight:900;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.g4p-dash-card-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:16px;
}
.g4p-dash-payment-note{
  margin:0!important;
  color:#c2410c!important;
  background:#fff7ed;
  border:1px solid #fed7aa;
  border-radius:999px;
  padding:9px 12px;
  font-weight:950!important;
  line-height:1.2!important;
}
.g4p-dash-card-actions .g4p-btn{
  white-space:nowrap;
  min-height:48px;
}
.g4p-dash-empty{
  border-radius:26px!important;
  text-align:left;
  padding:24px!important;
  background:linear-gradient(135deg,#f8fbff,#fff)!important;
  border:1px solid #dbe7ff!important;
}
.g4p-dash-empty h3{
  margin:0 0 8px!important;
  color:#06142f!important;
  font-size:clamp(26px,4vw,38px)!important;
  letter-spacing:-.045em;
}
.g4p-dash-empty p{
  margin:0 0 16px!important;
  color:#60708c!important;
  font-weight:850!important;
  line-height:1.45!important;
}
@media(max-width:980px){
  .g4p-dash-metrics,
  .g4p-driver-dashboard-pro .g4p-dash-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .g4p-dash-order-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .g4p-dash-flow-card{
    grid-template-columns:1fr;
  }
}
@media(max-width:782px){
  .g4p-dashboard-hero{
    border-radius:28px!important;
    padding:24px 20px!important;
  }
  .g4p-dash-metrics,
  .g4p-driver-dashboard-pro .g4p-dash-metrics{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .g4p-dash-metrics div{
    border-radius:18px;
    padding:14px;
  }
  .g4p-dashboard-headline{
    display:block;
  }
  .g4p-dashboard-headline .g4p-btn{
    width:100%;
    margin-top:14px;
  }
  .g4p-dash-order-card{
    border-radius:22px;
    padding:15px;
  }
  .g4p-dash-order-top,
  .g4p-dash-card-actions{
    display:block;
  }
  .g4p-dash-status{
    margin-top:12px;
  }
  .g4p-dash-order-grid{
    grid-template-columns:1fr;
  }
  .g4p-dash-payment-note{
    border-radius:16px;
    margin-bottom:12px!important;
  }
  .g4p-dash-card-actions .g4p-btn{
    width:100%;
  }
}


/* v56 driver QR referral system */
.g4p-driver-qr-card{
  max-width:1120px!important;
  margin:18px auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) 320px!important;
  gap:22px!important;
  align-items:center!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#07142f,#103a8f 58%,#0f6bff)!important;
  color:#fff!important;
  border:1px solid rgba(0,231,255,.22)!important;
  box-shadow:0 24px 70px rgba(15,107,255,.16)!important;
}
.g4p-driver-qr-card .g4p-eyebrow{
  background:rgba(255,255,255,.12)!important;
  color:#dffbff!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.g4p-driver-qr-copy h2{
  margin:12px 0 8px!important;
  color:#fff!important;
  font-size:clamp(28px,4vw,44px)!important;
  letter-spacing:-.05em!important;
  line-height:1!important;
}
.g4p-driver-qr-copy p{
  color:#dbeafe!important;
  font-weight:850!important;
  line-height:1.45!important;
}
.g4p-driver-qr-copy label{
  display:block!important;
  margin-top:16px!important;
  color:#dffbff!important;
  font-weight:1000!important;
}
.g4p-driver-qr-copy input{
  width:100%!important;
  margin-top:8px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  padding:13px 14px!important;
  font-weight:850!important;
}
.g4p-driver-qr-copy .g4p-actions{
  margin-top:14px!important;
}
.g4p-driver-qr-stats{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
.g4p-driver-qr-stats span{
  min-width:130px;
  border-radius:18px;
  padding:12px 14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#cbd5e1;
  font-weight:900;
}
.g4p-driver-qr-stats strong{
  display:block;
  color:#fff;
  font-size:30px;
  line-height:1;
}
.g4p-driver-qr-box{
  background:#fff;
  border-radius:28px;
  padding:18px;
  text-align:center;
  box-shadow:0 18px 50px rgba(0,0,0,.2);
}
.g4p-qr-canvas{
  display:grid;
  place-items:center;
  min-height:240px;
}
.g4p-qr-canvas canvas{
  width:240px!important;
  height:240px!important;
  display:block;
  image-rendering:pixelated;
}
.g4p-driver-qr-box small{
  display:block;
  color:#60708c;
  font-weight:850;
  margin-top:10px;
  line-height:1.3;
}
.g4p-referral-lockup{
  margin:0 0 16px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#ecfeff,#eef5ff)!important;
  border:1px solid #a5f3fc!important;
}
.g4p-referral-lockup strong{
  display:block;
  color:#06142f;
  font-size:20px;
}
.g4p-referral-lockup span{
  display:block;
  color:#60708c;
  font-weight:850;
  margin-top:4px;
}
@media(max-width:900px){
  .g4p-driver-qr-card{
    grid-template-columns:1fr!important;
  }
  .g4p-driver-qr-box{
    max-width:330px;
    margin:0 auto;
    width:100%;
  }
}
@media(max-width:782px){
  .g4p-driver-qr-card{
    border-radius:28px!important;
    padding:20px!important;
  }
  .g4p-driver-qr-copy .g4p-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .g4p-driver-qr-copy .g4p-btn{
    width:100%;
  }
}


/* v56B mobile QR referral spacing fix — desktop unchanged */
@media(max-width:782px){
  .g4p-driver-qr-card{
    width:100%!important;
    max-width:calc(100vw - 28px)!important;
    margin:14px auto!important;
    padding:18px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    gap:18px!important;
  }
  .g4p-driver-qr-copy{
    min-width:0!important;
    width:100%!important;
  }
  .g4p-driver-qr-copy h2{
    font-size:32px!important;
    line-height:1.02!important;
    letter-spacing:-.055em!important;
    margin:10px 0 10px!important;
  }
  .g4p-driver-qr-copy p{
    font-size:15px!important;
    line-height:1.38!important;
    margin-bottom:14px!important;
  }
  .g4p-driver-qr-copy label{
    font-size:20px!important;
    margin-top:10px!important;
  }
  .g4p-driver-qr-copy input{
    max-width:100%!important;
    box-sizing:border-box!important;
    font-size:13px!important;
    line-height:1.25!important;
    padding:12px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .g4p-driver-qr-copy .g4p-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:12px!important;
  }
  .g4p-driver-qr-copy .g4p-btn{
    width:100%!important;
    min-height:56px!important;
    font-size:18px!important;
    border-radius:18px!important;
    padding:14px 16px!important;
  }
  .g4p-driver-qr-stats{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin-top:14px!important;
  }
  .g4p-driver-qr-stats span{
    min-width:0!important;
    width:auto!important;
    border-radius:18px!important;
    padding:13px!important;
    font-size:13px!important;
    line-height:1.15!important;
  }
  .g4p-driver-qr-stats strong{
    font-size:34px!important;
    margin-bottom:4px!important;
  }
  .g4p-driver-qr-box{
    width:100%!important;
    max-width:300px!important;
    margin:0 auto!important;
    border-radius:24px!important;
    padding:14px!important;
    box-sizing:border-box!important;
  }
  .g4p-qr-canvas{
    min-height:0!important;
    width:100%!important;
  }
  .g4p-qr-canvas canvas{
    width:min(236px, calc(100vw - 96px))!important;
    height:min(236px, calc(100vw - 96px))!important;
  }
  .g4p-driver-qr-box small{
    font-size:12px!important;
    line-height:1.25!important;
    margin-top:8px!important;
  }
}
@media(max-width:380px){
  .g4p-driver-qr-card{
    max-width:calc(100vw - 18px)!important;
    padding:15px!important;
  }
  .g4p-driver-qr-copy h2{
    font-size:28px!important;
  }
  .g4p-driver-qr-stats{
    grid-template-columns:1fr!important;
  }
  .g4p-qr-canvas canvas{
    width:min(220px, calc(100vw - 82px))!important;
    height:min(220px, calc(100vw - 82px))!important;
  }
}


/* v56C compact mobile QR card correction */
@media(max-width:782px){
  .g4p-driver-qr-card{
    width:calc(100vw - 34px)!important;
    max-width:430px!important;
    margin:14px auto 22px!important;
    padding:14px!important;
    border-radius:24px!important;
    gap:12px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .g4p-driver-qr-copy .g4p-eyebrow{
    font-size:11px!important;
    padding:6px 10px!important;
  }
  .g4p-driver-qr-copy h2{
    font-size:25px!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    margin:9px 0 6px!important;
  }
  .g4p-driver-qr-copy p.g4p-muted{
    font-size:13px!important;
    line-height:1.28!important;
    margin:0 0 10px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .g4p-driver-qr-copy label{
    font-size:15px!important;
    line-height:1.2!important;
    margin:8px 0 0!important;
  }
  .g4p-driver-qr-copy input{
    height:44px!important;
    min-height:44px!important;
    font-size:12px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    white-space:nowrap!important;
  }
  .g4p-driver-qr-copy .g4p-actions{
    gap:8px!important;
    margin-top:10px!important;
  }
  .g4p-driver-qr-copy .g4p-btn{
    min-height:46px!important;
    height:auto!important;
    font-size:16px!important;
    line-height:1.15!important;
    border-radius:16px!important;
    padding:12px 14px!important;
  }
  .g4p-driver-qr-stats{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .g4p-driver-qr-stats span{
    border-radius:16px!important;
    padding:10px 12px!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  .g4p-driver-qr-stats strong{
    font-size:28px!important;
    line-height:1!important;
  }
  .g4p-driver-qr-box{
    width:100%!important;
    max-width:250px!important;
    padding:12px!important;
    border-radius:22px!important;
    margin:2px auto 0!important;
  }
  .g4p-qr-canvas canvas{
    width:min(200px, calc(100vw - 128px))!important;
    height:min(200px, calc(100vw - 128px))!important;
  }
  .g4p-driver-qr-box small{
    font-size:11px!important;
    line-height:1.18!important;
    margin-top:7px!important;
  }
}
@media(max-width:380px){
  .g4p-driver-qr-card{
    width:calc(100vw - 22px)!important;
    padding:12px!important;
  }
  .g4p-driver-qr-copy h2{
    font-size:23px!important;
  }
  .g4p-driver-qr-stats{
    grid-template-columns:1fr 1fr!important;
  }
  .g4p-driver-qr-stats strong{
    font-size:25px!important;
  }
  .g4p-qr-canvas canvas{
    width:min(184px, calc(100vw - 120px))!important;
    height:min(184px, calc(100vw - 120px))!important;
  }
}


/* v56D mobile QR center + size correction */
@media(max-width:782px){
  .g4p-driver-qr-card{
    display:block!important;
    width:calc(100% - 32px)!important;
    max-width:360px!important;
    margin:14px auto 20px!important;
    padding:14px!important;
    border-radius:24px!important;
    transform:none!important;
    left:auto!important;
    right:auto!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .g4p-driver-qr-card > *{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .g4p-driver-qr-copy h2{
    font-size:24px!important;
    line-height:1.04!important;
  }
  .g4p-driver-qr-stats{
    width:100%!important;
    grid-template-columns:1fr 1fr!important;
  }
  .g4p-driver-qr-box{
    width:100%!important;
    max-width:218px!important;
    margin:12px auto 0!important;
    padding:10px!important;
    border-radius:20px!important;
  }
  .g4p-qr-canvas{
    min-height:0!important;
    width:100%!important;
  }
  .g4p-qr-canvas canvas{
    width:174px!important;
    height:174px!important;
  }
  .g4p-driver-qr-box small{
    font-size:10px!important;
    line-height:1.15!important;
    margin-top:6px!important;
  }
}
@media(max-width:380px){
  .g4p-driver-qr-card{
    width:calc(100% - 22px)!important;
    max-width:340px!important;
    padding:12px!important;
  }
  .g4p-driver-qr-box{
    max-width:206px!important;
  }
  .g4p-qr-canvas canvas{
    width:164px!important;
    height:164px!important;
  }
}


/* v56E cleanup: one polished license upload + scannable QR quiet zone */
.g4p-driver-qr-box{
  background:#fff!important;
}
.g4p-driver-qr-box canvas{
  background:#fff!important;
}
@media(max-width:782px){
  .g4p-license-upload-card{
    margin-top:12px!important;
  }
}


/* v57 QR referral tracking + locked-driver polish */
.g4p-driver-qr-stats-3{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.g4p-referral-command-panel{
  max-width:1120px!important;
  margin:18px auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:18px!important;
  align-items:center!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#f8fbff,#ffffff)!important;
  border:1px solid #dbe7ff!important;
}
.g4p-referral-command-panel h2{
  margin:8px 0 6px!important;
  color:#06142f!important;
  font-size:clamp(26px,4vw,40px)!important;
  letter-spacing:-.05em!important;
  line-height:1!important;
}
.g4p-referral-command-panel small{
  display:block;
  color:#60708c;
  font-weight:850;
  margin-top:8px;
}
.g4p-referral-metric-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(90px,1fr));
  gap:10px;
}
.g4p-referral-metric-grid span{
  display:block;
  min-width:90px;
  padding:13px 14px;
  border-radius:18px;
  background:#eef5ff;
  border:1px solid #dbe7ff;
  color:#60708c;
  font-weight:950;
  text-align:center;
}
.g4p-referral-metric-grid strong{
  display:block;
  color:#1259ff;
  font-size:32px;
  line-height:1;
}
.g4p-referral-lockup{
  background:linear-gradient(135deg,#ecfeff,#eef5ff)!important;
  border-color:#a5f3fc!important;
}
.g4p-referral-lockup strong{
  color:#06142f!important;
}
.g4p-referral-lockup span{
  color:#52627e!important;
  font-weight:900!important;
}
.g4p-preferred-driver-field.is-qr-locked select{
  background:#eef5ff!important;
  border-color:#00c7ff!important;
  color:#06142f!important;
  opacity:1!important;
  cursor:not-allowed!important;
}
.g4p-admin-referral-stats{
  background:#f8fbff;
  border:1px solid #dbe7ff;
  border-radius:10px;
  padding:10px 12px;
  margin:10px 0;
}
@media(max-width:900px){
  .g4p-referral-command-panel{
    grid-template-columns:1fr!important;
  }
  .g4p-referral-command-panel .g4p-actions .g4p-btn{
    width:100%;
  }
}
@media(max-width:782px){
  .g4p-driver-qr-stats-3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .g4p-driver-qr-stats-3 span{
    font-size:11px!important;
    padding:9px 7px!important;
  }
  .g4p-driver-qr-stats-3 strong{
    font-size:24px!important;
  }
  .g4p-referral-command-panel{
    border-radius:24px!important;
    padding:18px!important;
  }
  .g4p-referral-metric-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .g4p-referral-metric-grid span{
    min-width:0;
    padding:10px 8px;
    font-size:12px;
  }
  .g4p-referral-metric-grid strong{
    font-size:26px;
  }
}


/* v58 communication + live order tracker polish */
.g4p-order-live-shell{max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
.g4p-live-order-hero{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  border-radius:34px!important;
  padding:28px!important;
  background:linear-gradient(135deg,#07142f,#103a8f 58%,#0f6bff)!important;
  color:#fff!important;
  border:1px solid rgba(0,231,255,.22)!important;
  box-shadow:0 24px 70px rgba(15,107,255,.16)!important;
}
.g4p-live-order-hero h1{margin:12px 0 8px!important;color:#fff!important;font-size:clamp(34px,5vw,58px)!important;line-height:.95!important;letter-spacing:-.06em!important}
.g4p-live-order-hero h2{margin:0 0 8px!important;color:#dffbff!important;font-size:clamp(24px,3vw,36px)!important;letter-spacing:-.04em!important}
.g4p-live-order-hero p{margin:0!important;color:#dbeafe!important;font-weight:850!important;line-height:1.4!important}
.g4p-live-order-hero .g4p-eyebrow{background:rgba(255,255,255,.12)!important;color:#dffbff!important;border:1px solid rgba(255,255,255,.16)!important}
.g4p-live-status-pill{white-space:nowrap;border-radius:999px;padding:10px 14px;background:#fff;color:#1259ff;font-weight:1000;text-transform:uppercase;font-size:12px;letter-spacing:.04em}
.g4p-live-tracker{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  margin:18px 0;
  padding:12px;
  border-radius:24px;
  background:#07142f;
  border:1px solid rgba(0,231,255,.22);
}
.g4p-live-tracker span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-weight:950;text-align:center}
.g4p-live-tracker b{width:12px;height:12px;border-radius:999px;background:#64748b;display:inline-block}
.g4p-live-tracker .is-done{color:#dffbff;background:rgba(0,199,255,.13);border-color:rgba(0,199,255,.22)}
.g4p-live-tracker .is-done b{background:#00c7ff;box-shadow:0 0 0 4px rgba(0,199,255,.12)}
.g4p-live-tracker .is-active{color:#fff;background:rgba(18,89,255,.35);border-color:rgba(255,255,255,.22)}
.g4p-order-live-grid{align-items:start}
.g4p-order-side-stack{display:grid;gap:16px}
.g4p-order-section-title h2{margin:8px 0 14px;color:#06142f;font-size:clamp(28px,4vw,42px);letter-spacing:-.05em;line-height:1}
.g4p-live-route div{border-radius:20px!important;background:#f8fbff!important}
.g4p-order-facts p{padding:14px;border:1px solid #e1eaf8;background:#f8fbff;border-radius:18px;margin:0}
.g4p-order-facts strong{color:#1259ff}
.g4p-order-notes{margin-top:16px;padding:16px;border:1px solid #e1eaf8;border-radius:18px;background:#fff}
.g4p-order-notes strong{color:#06142f}.g4p-order-notes p{margin:8px 0 0;color:#52627e;font-weight:800;line-height:1.45}
.g4p-driver-attached{margin-top:16px!important}
.g4p-contact-card h3{margin:8px 0 6px!important;color:#06142f!important;font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.04em!important}
.g4p-contact-card p{color:#60708c!important;font-weight:850!important;line-height:1.35!important}
.g4p-contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.g4p-contact-actions .g4p-btn{min-height:46px;padding:10px!important}
.g4p-payment-message-card{display:flex;justify-content:space-between;gap:16px;align-items:center;border-radius:26px!important;background:linear-gradient(135deg,#fff7ed,#ffffff)!important;border:1px solid #fed7aa!important;margin:0 0 18px!important}
.g4p-payment-message-card h3{margin:8px 0 5px!important;color:#9a3412!important;font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.04em!important}
.g4p-payment-message-card p{margin:0!important;color:#7c2d12!important;font-weight:850!important}
.g4p-proof-card,.g4p-delivery-proof-card{max-width:1120px;margin:18px auto!important;border-radius:26px!important}
.g4p-order-detail-side h3{margin:8px 0 12px;color:#06142f;font-size:26px;letter-spacing:-.035em}
@media(max-width:900px){
  .g4p-live-order-hero{display:block}
  .g4p-live-status-pill{display:inline-flex;margin-top:14px}
  .g4p-live-tracker{grid-template-columns:1fr}
  .g4p-payment-message-card{display:block}
  .g4p-payment-message-card .g4p-btn{width:100%;margin-top:14px}
  .g4p-contact-actions{grid-template-columns:1fr}
}
@media(max-width:782px){
  .g4p-live-order-hero{border-radius:28px!important;padding:22px!important}
  .g4p-live-order-hero h1{font-size:38px!important}
  .g4p-live-order-hero h2{font-size:26px!important}
  .g4p-live-tracker{padding:10px;border-radius:22px}
  .g4p-live-tracker span{min-height:42px;font-size:13px}
  .g4p-order-section-title h2{font-size:30px}
  .g4p-payment-message-card,.g4p-contact-card{border-radius:22px!important}
}


/* v59 admin operations + payout mobile polish */
.g4p-payout-pro .g4p-earnings-grid-5{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.g4p-payout-pro .g4p-earnings-grid-5 > div{
  min-width:0!important;
}
.g4p-payout-pro .g4p-earnings-grid-5 > .g4p-pending-jobs-box{
  grid-column:1 / -1!important;
}
.g4p-payout-pro .g4p-earnings-grid-5 > .g4p-pending-jobs-box span{
  white-space:normal!important;
}
.g4p-admin-ops-v59{
  border-radius:18px;
  border:1px solid #dbe7ff;
  background:#fff;
}
.g4p-admin-section-head h2{
  margin:8px 0 6px;
  font-size:34px;
  line-height:1;
  letter-spacing:-.04em;
}
.g4p-admin-today-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.g4p-admin-today-strip div,
.g4p-admin-status-lanes div{
  background:#f8fbff;
  border:1px solid #dbe7ff;
  border-radius:16px;
  padding:14px;
}
.g4p-admin-today-strip strong,
.g4p-admin-status-lanes strong{
  display:block;
  font-size:30px;
  line-height:1;
  color:#1259ff;
}
.g4p-admin-today-strip span,
.g4p-admin-status-lanes span{
  display:block;
  margin-top:6px;
  font-weight:800;
  color:#60708c;
}
.g4p-admin-status-lanes{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}
.g4p-admin-order-cards{
  display:grid;
  gap:14px;
}
.g4p-admin-order-card{
  border:1px solid #dbe7ff;
  border-radius:18px;
  padding:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(8,35,90,.06);
}
.g4p-admin-order-card-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.g4p-admin-order-card-head strong{
  display:block;
  font-size:18px;
  color:#06142f;
}
.g4p-admin-order-card-head span{
  display:block;
  margin-top:4px;
  color:#60708c;
  font-weight:700;
}
.g4p-admin-order-card-head em{
  white-space:nowrap;
  font-style:normal;
  background:#eef5ff;
  color:#1259ff;
  border-radius:999px;
  padding:7px 10px;
  font-weight:900;
  font-size:12px;
  text-transform:uppercase;
}
.g4p-admin-order-meta-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.g4p-admin-order-meta-grid span{
  display:block;
  min-width:0;
  background:#f8fbff;
  border:1px solid #e1eaf8;
  border-radius:13px;
  padding:10px;
}
.g4p-admin-order-meta-grid small{
  display:block;
  color:#64748b;
  text-transform:uppercase;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  margin-bottom:4px;
}
.g4p-admin-order-meta-grid b{
  display:block;
  color:#07142d;
  overflow-wrap:anywhere;
}
.g4p-admin-review-note{
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
  border-radius:12px;
  padding:10px;
  font-weight:800;
  margin-bottom:12px;
}
.g4p-admin-contact-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  background:#07142f;
  color:#fff;
  border-radius:14px;
  padding:10px 12px;
  margin:12px 0;
}
.g4p-admin-contact-row b{color:#dffbff}
.g4p-admin-order-action-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  align-items:end;
}
.g4p-admin-order-action-form label{
  font-weight:800;
  color:#06142f;
}
.g4p-admin-order-action-form select{
  width:100%;
  margin-top:5px;
}
.g4p-admin-quick-status{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
@media(max-width:900px){
  .g4p-admin-today-strip,
  .g4p-admin-status-lanes,
  .g4p-admin-order-meta-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .g4p-admin-order-action-form{
    grid-template-columns:1fr;
  }
}
@media(max-width:782px){
  .g4p-payout-pro .g4p-earnings-grid-5{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .g4p-payout-pro .g4p-earnings-grid-5 > div{
    padding:18px 16px!important;
    border-radius:20px!important;
  }
  .g4p-payout-pro .g4p-earnings-grid-5 strong{
    font-size:36px!important;
    line-height:1!important;
  }
  .g4p-payout-pro .g4p-earnings-grid-5 span{
    font-size:17px!important;
    line-height:1.2!important;
    overflow-wrap:break-word!important;
  }
  .g4p-payout-pro .g4p-pending-jobs-box{
    grid-column:1 / -1!important;
  }
  .g4p-payout-rules{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .g4p-admin-today-strip,
  .g4p-admin-status-lanes,
  .g4p-admin-order-meta-grid{
    grid-template-columns:1fr;
  }
  .g4p-admin-order-card-head,
  .g4p-admin-contact-row{
    display:block;
  }
  .g4p-admin-order-card-head em{
    display:inline-flex;
    margin-top:10px;
  }
  .g4p-admin-contact-row .button{
    margin-top:10px;
  }
  .g4p-admin-quick-status .button{
    width:100%;
    text-align:center;
  }
}


/* v59B payout label cleanup */
.g4p-payout-pro .g4p-earnings-grid-5 span{
  word-break:normal!important;
  overflow-wrap:normal!important;
}
@media(max-width:782px){
  .g4p-payout-pro .g4p-earnings-grid-5 span{
    font-size:18px!important;
    line-height:1.15!important;
  }
}


/* v60 mobile nav active state + icon cleanup */
@media (max-width: 782px){
  .g4p-app-tabbar a span{
    font-size:22px!important;
    line-height:1!important;
    min-height:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-weight:1000!important;
  }
  .g4p-app-tabbar a strong{
    font-size:11.5px!important;
  }
  .g4p-app-tabbar .g4p-tab-primary:before{
    display:none!important;
  }
  .g4p-app-tabbar .g4p-tab-primary{
    color:#40506c!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .g4p-app-tabbar .g4p-tab-primary span{
    color:#1259ff!important;
  }
  .g4p-app-tabbar a.is-active{
    color:#1259ff!important;
    background:#fff!important;
    box-shadow:none!important;
    position:relative!important;
  }
  .g4p-app-tabbar a.is-active:before{
    content:"";
    position:absolute;
    top:0;
    left:26%;
    right:26%;
    height:4px;
    border-radius:999px;
    background:#1259ff;
  }
  .g4p-app-tabbar a.is-active span,
  .g4p-app-tabbar a.is-active strong{
    color:#1259ff!important;
  }
}


/* v62C recovery: force mobile nav icon/state consistency */
@media (max-width: 782px){
  .g4p-app-tabbar a span{
    font-size:23px!important;
    line-height:1!important;
    font-weight:1000!important;
  }
  .g4p-app-tabbar a strong{
    font-size:11.5px!important;
  }
  .g4p-app-tabbar .g4p-tab-primary:before{
    display:none!important;
  }
  .g4p-app-tabbar a:not(.is-active):before{
    display:none!important;
  }
  .g4p-app-tabbar a.is-active{
    color:#1259ff!important;
    background:#fff!important;
    box-shadow:none!important;
    position:relative!important;
  }
  .g4p-app-tabbar a.is-active:before{
    content:"";
    position:absolute;
    top:0;
    left:26%;
    right:26%;
    height:4px;
    border-radius:999px;
    background:#1259ff;
    display:block!important;
  }
  .g4p-app-tabbar a.is-active span,
  .g4p-app-tabbar a.is-active strong{
    color:#1259ff!important;
  }
}


/* v62D mobile-only safe Order Details fallback */
.g4p-mobile-order-safe{
  max-width:720px!important;
  margin:0 auto!important;
}
.g4p-mobile-order-hero{
  border-radius:28px!important;
  background:linear-gradient(135deg,#07142f,#1259ff)!important;
  color:#fff!important;
}
.g4p-mobile-order-hero .g4p-eyebrow{
  background:rgba(255,255,255,.12)!important;
  color:#dffbff!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.g4p-mobile-order-hero h1{
  color:#fff!important;
  margin:10px 0!important;
  font-size:40px!important;
  letter-spacing:-.055em!important;
  line-height:1!important;
}
.g4p-mobile-order-hero strong{
  display:inline-flex;
  border-radius:999px;
  padding:8px 12px;
  background:#fff;
  color:#1259ff;
  font-weight:1000;
}
.g4p-mobile-order-hero p{
  color:#dbeafe!important;
  font-weight:850!important;
  margin:12px 0 0!important;
}
.g4p-mobile-payment-safe{
  border-radius:24px!important;
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
}
.g4p-mobile-payment-safe.is-paid{
  background:#ecfdf5!important;
  border-color:#bbf7d0!important;
}
.g4p-mobile-payment-safe h2,
.g4p-mobile-order-card h2{
  margin:0 0 12px!important;
  color:#06142f!important;
  font-size:28px!important;
  letter-spacing:-.04em!important;
}
.g4p-mobile-order-card{
  border-radius:24px!important;
}
.g4p-mobile-order-card div{
  padding:12px;
  border:1px solid #e1eaf8;
  background:#f8fbff;
  border-radius:16px;
  margin-top:10px;
}
.g4p-mobile-order-card span{
  display:block;
  color:#1259ff;
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.g4p-mobile-order-card p{
  margin:6px 0 0!important;
  color:#07142d!important;
  font-weight:850!important;
  overflow-wrap:anywhere;
}
@media(max-width:782px){
  .g4p-mobile-order-safe .g4p-btn{
    width:100%;
  }
}


/* v62E: mobile order details forced safe route */
@media(max-width:782px){
  .g4p-mobile-order-safe{
    padding-bottom:90px!important;
  }
}

/* ═══════════════════════════════════════════════
   GRABBIT4.ME — In-App Call UI
   Full-screen overlay, Instagram-style controls
═══════════════════════════════════════════════ */

/* ── Active call overlay ── */
.g4p-call-overlay{position:fixed;inset:0;z-index:999999;background:#0a0f1e;display:flex;align-items:center;justify-content:center}
.g4p-call-overlay[hidden]{display:none}
.g4p-call-remote{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.g4p-call-local{position:absolute;bottom:100px;right:20px;width:110px;height:155px;object-fit:cover;border-radius:18px;border:2.5px solid rgba(255,255,255,.35);box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:2}
.g4p-call-overlay:not(.is-video) .g4p-call-local{visibility:hidden}
.g4p-call-overlay:not(.is-video) .g4p-call-remote{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

/* Header info */
.g4p-call-ui{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:env(safe-area-inset-top,20px) 0 env(safe-area-inset-bottom,20px)}
.g4p-call-head{display:flex;flex-direction:column;align-items:center;padding-top:52px;gap:10px}
.g4p-call-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#1764ff,#0ab2ff);display:grid;place-items:center;color:#fff;font-size:38px;font-weight:950;box-shadow:0 0 0 6px rgba(255,255,255,.18),0 0 0 12px rgba(255,255,255,.07)}
.g4p-call-peer{color:#fff;font-size:1.5rem;font-weight:950;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.g4p-call-status{color:rgba(255,255,255,.7);font-size:.9rem;font-weight:750}
.g4p-call-dur{color:rgba(255,255,255,.75);font-size:.9rem;font-weight:750;font-variant-numeric:tabular-nums}
.g4p-call-overlay.is-video .g4p-call-head{background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%);padding-bottom:24px;margin-bottom:auto}

/* Controls bar */
.g4p-call-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding-bottom:32px}
.g4p-ctrl{width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.25);color:#fff;display:grid;place-items:center;cursor:pointer;transition:all .18s ease}
.g4p-ctrl svg{width:24px;height:24px}
.g4p-ctrl:hover{background:rgba(255,255,255,.28);transform:scale(1.06)}
.g4p-ctrl.is-on{background:rgba(255,255,255,.9);color:#0a0f1e}
.g4p-ctrl-end{background:#ff3b30!important;border-color:#ff3b30!important;width:72px;height:72px;box-shadow:0 8px 24px rgba(255,59,48,.45)}
.g4p-ctrl-end:hover{background:#ff2419!important;transform:scale(1.08)}
.g4p-ctrl-end svg{width:28px;height:28px}
.g4p-ctrl-flip{opacity:.7}
@media(max-width:400px){.g4p-ctrl{width:54px;height:54px} .g4p-ctrl-end{width:64px;height:64px}}

/* ── Incoming call card ── */
.g4p-incoming{position:fixed;inset:0;z-index:999998;display:flex;align-items:flex-end;justify-content:center;padding-bottom:env(safe-area-inset-bottom,24px)}
.g4p-incoming[hidden]{display:none}
.g4p-incoming-card{width:min(400px,calc(100vw - 32px));background:linear-gradient(160deg,#0e1628,#141e36);border-radius:32px;padding:32px 28px 28px;text-align:center;box-shadow:0 -8px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);margin-bottom:16px;animation:g4p-slide-up .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes g4p-slide-up{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}
.g4p-incoming-pulse{width:100px;height:100px;border-radius:50%;background:rgba(23,100,255,.18);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:g4p-pulse 2s ease-in-out infinite;pointer-events:none}
@keyframes g4p-pulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}
.g4p-incoming-av{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1764ff,#0ab2ff);display:grid;place-items:center;color:#fff;font-size:32px;font-weight:950;margin:0 auto 14px;box-shadow:0 0 0 5px rgba(23,100,255,.3)}
.g4p-incoming-name{color:#fff;font-size:1.3rem;font-weight:950;margin-bottom:4px}
.g4p-incoming-sub{color:rgba(255,255,255,.55);font-size:.88rem;font-weight:750;margin-bottom:28px}
.g4p-incoming-btns{display:flex;align-items:center;justify-content:center;gap:40px}
.g4p-inc-dec,.g4p-inc-acc{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;border:none;cursor:pointer;transition:all .18s ease}
.g4p-inc-dec svg,.g4p-inc-acc svg{width:26px;height:26px;fill:#fff;transform:rotate(135deg)}
.g4p-inc-dec{background:#ff3b30;box-shadow:0 8px 24px rgba(255,59,48,.4)}
.g4p-inc-dec:hover{background:#ff2419;transform:scale(1.08)}
.g4p-inc-acc{background:#34c759;box-shadow:0 8px 24px rgba(52,199,89,.4)}
.g4p-inc-acc:hover{background:#28b14c;transform:scale(1.08)}

/* v72: premium driver profile action grid + call/video button fix */
.g4p-social-profile .g4p-profile-actions .g4p-call-btn,
.g4p-social-profile .g4p-profile-actions .g4p-video-btn{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border-radius:18px!important;
  padding:14px 18px!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1.05!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  box-shadow:0 12px 30px rgba(6,20,44,.08)!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-call-btn{
  background:linear-gradient(180deg,#f3fff7,#e7fbee)!important;
  border:2px solid #9ee8ba!important;
  color:#16803c!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-video-btn{
  background:linear-gradient(135deg,#1662ff,#064deb)!important;
  border:2px solid transparent!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(21,92,255,.22)!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-call-btn:hover,
.g4p-social-profile .g4p-profile-actions .g4p-video-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 40px rgba(21,92,255,.32)!important;
}
@media (min-width:781px){
  .g4p-social-profile .g4p-profile-main{align-items:center!important;gap:26px!important;}
  .g4p-social-profile .g4p-profile-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(170px,1fr))!important;
    max-width:520px!important;
    width:100%!important;
    gap:14px!important;
    justify-content:stretch!important;
    align-items:stretch!important;
  }
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions form,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn{
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    border-radius:18px!important;
    padding:14px 18px!important;
    font-size:17px!important;
    line-height:1.05!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:780px){
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-video-btn{min-height:94px!important;border-radius:24px!important;font-size:20px!important;}
}

/* v2.0.9 Jitsi call UI */
.g4p-call-provider{color:rgba(255,255,255,.42);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.g4p-call-remote video,.g4p-call-local video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}
.g4p-call-overlay:not(.is-video)::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,rgba(23,100,255,.34),transparent 36%),radial-gradient(circle at 50% 70%,rgba(52,199,89,.16),transparent 38%),linear-gradient(180deg,#071021,#0c1426);}
.g4p-call-overlay:not(.is-video) .g4p-call-head{padding-top:18vh}
.g4p-call-overlay:not(.is-video) .g4p-call-avatar{width:118px;height:118px;font-size:50px;box-shadow:0 0 0 8px rgba(255,255,255,.12),0 0 70px rgba(23,100,255,.58)}
.g4p-call-status{min-height:22px}
.g4p-social-profile .g4p-profile-actions .g4p-call-btn::after{content:"Phone call";display:block;margin-left:4px;font-size:11px;font-weight:900;letter-spacing:.02em;opacity:.62;text-transform:uppercase}
.g4p-social-profile .g4p-profile-actions .g4p-video-btn::after{content:"Video Call";display:block;margin-left:4px;font-size:11px;font-weight:900;letter-spacing:.02em;opacity:.80;text-transform:uppercase}
@media(max-width:780px){.g4p-social-profile .g4p-profile-actions .g4p-call-btn::after,.g4p-social-profile .g4p-profile-actions .g4p-video-btn::after{display:none}}

/* v80 incoming call button color differentiation */
.g4p-inc-dec{background:#ef4444!important;color:#fff!important}
.g4p-inc-acc{background:#22c55e!important;color:#fff!important}
.g4p-inc-acc svg,.g4p-inc-dec svg{width:28px;height:28px;fill:currentColor}

/* v80 tab badge visibility */
.g4p-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:900;position:absolute;top:2px;right:2px}

/* v86.2: clean mobile next-step actions + receipt upload sizing */
.g4p-next-step-card .g4p-next-step-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  align-items:stretch!important;
}
.g4p-next-step-card .g4p-next-step-actions.g4p-actions,
.g4p-next-step-card .g4p-next-step-actions > form,
.g4p-next-step-card .g4p-next-step-actions > a,
.g4p-next-step-card .g4p-next-step-actions > button{
  width:100%!important;
  box-sizing:border-box!important;
}
.g4p-next-step-card .g4p-next-step-actions > form{
  margin:0!important;
  display:block!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.g4p-next-step-card .g4p-next-step-actions .g4p-btn{
  width:100%!important;
  min-height:62px!important;
  border-radius:18px!important;
  font-size:18px!important;
  line-height:1.1!important;
  text-align:center!important;
}
.g4p-next-step-card .g4p-next-step-actions form.g4p-actions{
  display:block!important;
}
.g4p-next-step-card .g4p-next-step-actions form.g4p-actions .g4p-btn{
  margin-top:4px!important;
}
@media(max-width:782px){
  .g4p-next-step-card .g4p-next-step-actions .g4p-btn{
    min-height:64px!important;
    font-size:19px!important;
  }
}

/* v1.86.4: cleaner spacing for drop-off method radio cards */
.g4p-delivery-handoff-card .g4p-muted{margin:0 0 28px!important;line-height:1.35}
.g4p-delivery-handoff-card .g4p-handoff-options{gap:20px!important;align-items:stretch}
.g4p-delivery-handoff-card .g4p-handoff-option{display:grid!important;grid-template-columns:auto 1fr;column-gap:18px!important;align-items:start!important;padding:4px 0}
.g4p-delivery-handoff-card .g4p-handoff-option input{margin-top:7px!important;flex:0 0 auto}
.g4p-delivery-handoff-card .g4p-handoff-option span{display:block;min-width:0}
.g4p-delivery-handoff-card .g4p-handoff-option strong{display:block;line-height:1.15;margin:0 0 8px;white-space:normal}
.g4p-delivery-handoff-card .g4p-handoff-option small{display:block;line-height:1.35;color:#06142c;font-weight:850;white-space:normal}
@media (max-width:760px){.g4p-delivery-handoff-card .g4p-muted{margin-bottom:32px!important}.g4p-delivery-handoff-card .g4p-handoff-options{gap:24px!important}.g4p-delivery-handoff-card .g4p-handoff-option{column-gap:20px!important}}

/* v1.92.1: flagship Shop & Pay customer section polish */
.g4p-fulfillment-choice-grid{align-items:stretch!important;margin-top:14px!important;margin-bottom:18px!important}
.g4p-fulfillment-choice{border:1px solid #dce7fb!important;background:#f8fbff!important;border-radius:22px!important;padding:16px!important;min-height:118px!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.g4p-fulfillment-choice:hover{border-color:#93b4ff!important;box-shadow:0 14px 30px rgba(18,89,255,.08)!important;transform:translateY(-1px)}
.g4p-fulfillment-choice input:checked+span strong{color:#1259ff!important}
.g4p-fulfillment-choice span{display:block!important;min-width:0!important}
.g4p-fulfillment-choice strong{display:block!important;font-size:18px!important;line-height:1.18!important;margin:0 0 8px!important;letter-spacing:-.02em!important}
.g4p-fulfillment-choice small{display:block!important;color:#5c6b86!important;font-size:14px!important;font-weight:800!important;line-height:1.42!important;margin-top:0!important}
.g4p-shop-choice{background:linear-gradient(180deg,#f7fbff 0%,#eef6ff 100%)!important;border-color:#c9dcff!important;position:relative!important;overflow:hidden!important}
.g4p-shop-choice:after{content:"";position:absolute;right:-34px;top:-34px;width:110px;height:110px;border-radius:999px;background:rgba(18,89,255,.09);pointer-events:none}
.g4p-shop-choice em{display:inline-flex!important;margin:0 0 8px!important;padding:5px 9px!important;border-radius:999px!important;background:#eaf2ff!important;color:#1259ff!important;font-style:normal!important;font-size:11px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.g4p-shop-pay-flagship{padding:0!important;overflow:hidden!important;border-color:#cfe0ff!important;background:#fff!important}
.g4p-shop-pay-hero{padding:22px 22px 18px!important;background:linear-gradient(135deg,#06142f 0%,#1259ff 100%)!important;color:#fff!important;border-radius:24px 24px 0 0!important}
.g4p-shop-pay-hero .g4p-eyebrow{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;margin-bottom:12px!important}
.g4p-shop-pay-hero h3{color:#fff!important;font-size:30px!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:0 0 12px!important}
.g4p-shop-pay-hero p{color:#eaf2ff!important;font-size:16px!important;font-weight:850!important;line-height:1.45!important;margin:0!important}
.g4p-shop-pay-steps{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding:16px!important;background:#f7fbff!important;border-bottom:1px solid #dce7fb!important}
.g4p-shop-pay-steps div{background:#fff!important;border:1px solid #dce7fb!important;border-radius:18px!important;padding:13px!important;box-shadow:0 8px 20px rgba(8,24,58,.045)!important}
.g4p-shop-pay-steps strong{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:999px!important;background:#1259ff!important;color:#fff!important;font-size:13px!important;font-weight:1000!important;margin:0 0 9px!important}
.g4p-shop-pay-steps span{display:block!important;color:#06142f!important;font-size:14px!important;font-weight:1000!important;line-height:1.1!important;margin-bottom:5px!important}
.g4p-shop-pay-steps small{display:block!important;color:#657490!important;font-size:12px!important;font-weight:850!important;line-height:1.35!important}
.g4p-shop-pay-instructions{display:block!important;padding:18px 20px 0!important}
.g4p-shop-pay-instructions textarea{margin-top:9px!important}
.g4p-shop-pay-rule{margin:18px 20px!important;padding:16px!important;border-radius:18px!important}
.g4p-shop-pay-rule strong{display:block!important;color:#047857!important;font-size:15px!important;font-weight:1000!important;margin-bottom:6px!important}
.g4p-shop-pay-rule p{margin:0!important;line-height:1.45!important}
.g4p-shop-pay-flagship>.g4p-grid-2{padding:0 20px 20px!important}
.g4p-shop-pay-ack{background:#f8fbff!important;border:1px solid #dce7fb!important;border-radius:18px!important;padding:14px!important;min-height:100%!important}
.g4p-shop-pay-ack strong{display:block!important;margin-bottom:6px!important;line-height:1.2!important}
.g4p-shop-pay-ack small{display:block!important;line-height:1.4!important;color:#5c6b86!important}
@media(max-width:700px){
  .g4p-fulfillment-choice{padding:15px!important;min-height:0!important}
  .g4p-fulfillment-choice strong{font-size:17px!important;margin-bottom:9px!important}
  .g4p-fulfillment-choice small{font-size:13px!important;line-height:1.45!important}
  .g4p-shop-pay-hero{padding:20px 18px 16px!important}
  .g4p-shop-pay-hero h3{font-size:27px!important;margin-bottom:12px!important}
  .g4p-shop-pay-hero p{font-size:15px!important;line-height:1.5!important}
  .g4p-shop-pay-steps{grid-template-columns:1fr!important;padding:14px!important}
  .g4p-shop-pay-steps div{display:grid!important;grid-template-columns:32px 1fr!important;column-gap:10px!important;align-items:start!important}
  .g4p-shop-pay-steps strong{grid-row:1 / span 2!important;margin:0!important}
  .g4p-shop-pay-instructions{padding:16px 16px 0!important}
  .g4p-shop-pay-rule{margin:16px!important}
  .g4p-shop-pay-flagship>.g4p-grid-2{padding:0 16px 16px!important}
}

/* v1.92.2 premium request-delivery language + hierarchy */
.g4p-pricing-card > h3{
  margin-bottom:10px!important;
}
.g4p-section-intro{
  margin-top:0!important;
  margin-bottom:18px!important;
  line-height:1.5!important;
}
.g4p-shop-choice{
  position:relative!important;
  border-color:#b7cdfd!important;
  background:linear-gradient(145deg,#f7fbff 0%,#eef5ff 100%)!important;
  box-shadow:0 14px 36px rgba(18,89,255,.09)!important;
}
.g4p-shop-choice em{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  margin-bottom:10px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:#e0edff!important;
  color:#1259ff!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:1.2px!important;
  text-transform:uppercase!important;
}
.g4p-shop-choice small{
  line-height:1.48!important;
}
.g4p-delivery-handoff-card h3{
  margin-bottom:12px!important;
}
.g4p-shop-pay-flagship{
  box-shadow:0 16px 44px rgba(8,24,58,.08)!important;
}
.g4p-shop-pay-hero .g4p-eyebrow{
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
}
.g4p-shop-pay-hero p{
  max-width:760px!important;
}
@media (max-width:760px){
  .g4p-shop-choice em{font-size:10px!important;padding:6px 10px!important;margin-bottom:9px!important}
  .g4p-shop-choice small{font-size:13px!important;line-height:1.45!important}
}


/* v1.92.5: premium delivery option card spacing + agreement checkbox polish */
.g4p-fulfillment-choice-grid{
  display:grid!important;
  gap:18px!important;
}
.g4p-fulfillment-choice{
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  column-gap:22px!important;
  align-items:center!important;
  padding:26px!important;
  border-radius:28px!important;
}
.g4p-fulfillment-choice input[type="radio"]{
  width:54px!important;
  height:54px!important;
  margin:0!important;
  transform:none!important;
  justify-self:center!important;
  align-self:center!important;
  flex:0 0 auto!important;
}
.g4p-fulfillment-choice > span{
  display:block!important;
  min-width:0!important;
}
.g4p-fulfillment-choice strong{
  font-size:22px!important;
  line-height:1.12!important;
  margin:0 0 12px!important;
  letter-spacing:-.035em!important;
}
.g4p-fulfillment-choice small{
  font-size:16px!important;
  line-height:1.46!important;
  font-weight:850!important;
  color:#5c6b86!important;
}
.g4p-shop-choice{
  min-height:0!important;
  padding-top:28px!important;
  padding-bottom:28px!important;
}
.g4p-shop-choice em{
  margin:0 0 14px!important;
}
.g4p-shop-choice strong{
  margin-bottom:14px!important;
}
.g4p-shop-choice small{
  max-width:46em!important;
}
.g4p-customer-agreement-check,
.g4p-agreement-check{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  column-gap:24px!important;
  align-items:start!important;
}
.g4p-customer-agreement-check input[type="checkbox"],
.g4p-agreement-check input[type="checkbox"]{
  width:52px!important;
  height:52px!important;
  margin:6px 0 0!important;
  transform:none!important;
  justify-self:center!important;
  flex:0 0 auto!important;
}
.g4p-customer-agreement-check .g4p-check-copy,
.g4p-agreement-check .g4p-check-copy{
  display:block!important;
  min-width:0!important;
  line-height:1.5!important;
}
.g4p-customer-agreement-check .g4p-check-copy strong,
.g4p-agreement-check .g4p-check-copy strong{
  display:block!important;
  margin:0 0 18px!important;
  line-height:1.35!important;
}
@media(max-width:760px){
  .g4p-fulfillment-choice{
    grid-template-columns:58px minmax(0,1fr)!important;
    column-gap:18px!important;
    padding:22px 20px!important;
    border-radius:26px!important;
  }
  .g4p-fulfillment-choice input[type="radio"]{
    width:48px!important;
    height:48px!important;
  }
  .g4p-fulfillment-choice strong{
    font-size:20px!important;
    line-height:1.14!important;
    margin-bottom:10px!important;
  }
  .g4p-fulfillment-choice small{
    font-size:15px!important;
    line-height:1.44!important;
  }
  .g4p-shop-choice em{
    margin-bottom:12px!important;
  }
  .g4p-shop-choice strong{
    margin-bottom:12px!important;
  }
  .g4p-customer-agreement-check,
  .g4p-agreement-check{
    grid-template-columns:58px minmax(0,1fr)!important;
    column-gap:20px!important;
  }
  .g4p-customer-agreement-check input[type="checkbox"],
  .g4p-agreement-check input[type="checkbox"]{
    width:48px!important;
    height:48px!important;
    margin-top:5px!important;
  }
}
/*
 * Grabbit4Me Platform — Pass 3 CSS ADDITIONS v1.93.0
 * PLACEMENT: Append to the END of  assets/grabbit-platform.css
 *
 * Goal 5 — Premium round checkbox / agreement toggle
 */

/* ── Base: premium check wrapper ─────────────────────────────── */
.g4p-premium-check {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px;
    padding: 18px 20px;
    border: 2px solid var(--g4-border);
    border-radius: 20px;
    background: #f8fbff;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.14s ease;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
}
.g4p-premium-check:hover {
    border-color: var(--g4-blue);
    background: #f0f6ff;
    box-shadow: 0 0 0 4px rgba(21, 92, 255, 0.08);
    transform: translateY(-1px);
}
.g4p-premium-check:focus-within {
    outline: 3px solid rgba(21, 92, 255, 0.35);
    outline-offset: 2px;
}
.g4p-premium-check.is-checked {
    border-color: var(--g4-blue);
    background: #eef4ff;
    box-shadow: 0 0 0 5px rgba(21, 92, 255, 0.11),
                0 8px 24px rgba(21, 92, 255, 0.10);
}

/* ── Hidden native input (kept for form validation) ──────────── */
.g4p-pcheck-input {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    pointer-events: none !important;
}

/* ── Round visual toggle ──────────────────────────────────────── */
.g4p-pcheck-toggle {
    flex-shrink: 0;
    margin-top: 2px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2.5px solid var(--g4-border);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
    box-shadow: 0 2px 8px rgba(21, 92, 255, 0.06);
}
.g4p-premium-check.is-checked .g4p-pcheck-toggle {
    background: var(--g4-blue);
    border-color: var(--g4-blue);
    box-shadow: 0 4px 14px rgba(21, 92, 255, 0.28);
}

/* ── Checkmark drawn in CSS ───────────────────────────────────── */
.g4p-pcheck-icon {
    display: block;
    width: 11px;
    height: 7px;
    border-left: 2.5px solid #fff;
    border-bottom: 2.5px solid #fff;
    transform: rotate(-46deg) translate(1px, -1px);
    opacity: 0;
    transition: opacity 0.15s ease;
}
.g4p-premium-check.is-checked .g4p-pcheck-icon {
    opacity: 1;
}

/* ── Copy / text area ─────────────────────────────────────────── */
.g4p-premium-check .g4p-check-copy {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.g4p-premium-check .g4p-check-copy strong {
    display: block;
    font-size: 15px;
    line-height: 1.42;
    color: var(--g4-navy);
    font-weight: 900;
    margin: 0;
}
.g4p-premium-check.is-checked .g4p-check-copy strong {
    color: var(--g4-blue);
}

/* ── Agreement links row ─────────────────────────────────────── */
.g4p-agreement-links {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 4px;
}
.g4p-agreement-links a {
    color: var(--g4-blue);
    font-weight: 850;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.g4p-agreement-links a:hover { opacity: 0.8; }
.g4p-agreement-links span[aria-hidden="true"] {
    color: #b0bcd4;
    font-size: 11px;
}

/* ── Small-print below waiver ────────────────────────────────── */
.g4p-premium-check + .g4p-waiver-note {
    margin-top: 6px;
    padding-left: 4px;
}

/* ── Shop & Pay inline acknowledgement (compact variant) ─────── */
.g4p-shop-pay-ack.g4p-premium-check {
    padding: 14px 16px;
    border-radius: 16px;
    gap: 12px;
}
.g4p-shop-pay-ack .g4p-pcheck-toggle {
    width: 24px;
    height: 24px;
    margin-top: 1px;
}
.g4p-shop-pay-ack .g4p-pcheck-icon {
    width: 9px;
    height: 6px;
}


/* v2.0.31: keep Concierge Shop & Pay acknowledgement readable */
.g4p-shop-pay-ack .g4p-check-copy {
    display: block;
    line-height: 1.25;
}
.g4p-shop-pay-ack .g4p-check-copy strong {
    display: block;
    margin-bottom: 4px;
}
.g4p-shop-pay-ack .g4p-check-copy small {
    display: block;
    line-height: 1.35;
}

/* ── Mobile ──────────────────────────────────────────────────── */
@media (max-width: 760px) {
    .g4p-premium-check {
        padding: 15px 16px;
        gap: 13px;
        border-radius: 18px;
    }
    .g4p-pcheck-toggle {
        width: 26px;
        height: 26px;
        flex-shrink: 0;
    }
    .g4p-premium-check .g4p-check-copy strong {
        font-size: 14.5px;
    }
    .g4p-agreement-links {
        gap: 8px;
    }
    .g4p-agreement-links a {
        font-size: 12.5px;
    }
}

.g4p-live-sync-toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:99999;background:#071225;color:#fff;border:1px solid rgba(37,99,235,.35);box-shadow:0 14px 36px rgba(15,23,42,.22);border-radius:18px;padding:12px 16px;font-weight:800;max-width:calc(100vw - 32px);text-align:center}

/* v1.94.3 order-details polish */
.g4p-mobile-back-row{margin:0 0 14px;display:flex;justify-content:flex-start;gap:10px}.g4p-mobile-back-row .g4p-btn{min-height:44px}
.g4p-review-card select,.g4p-review-card textarea{width:100%;box-sizing:border-box}

/* v1.94.4: completed hero next-step readability */
.g4p-mobile-order-hero .g4p-order-next-step,
.g4p-live-order-hero .g4p-order-next-step {
  color: #071733 !important;
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(7,23,51,0.10) !important;
}
.g4p-mobile-order-hero .g4p-order-next-step {
  font-weight: 800;
}

/* v1.96.0: Repeat Order UX — Orders board section headers + Place Order shortcut */

/* Completed orders section heading highlight */
.g4p-completed-orders-head {
  position: relative;
}
.g4p-completed-orders-head::before {
  content: '';
  display: block;
  height: 3px;
  width: 48px;
  background: var(--g4p-accent, #06b6d4);
  border-radius: 2px;
  margin-bottom: 10px;
}

/* Place Order page — Repeat a Previous Order shortcut card */
.g4p-repeat-shortcut {
  margin-bottom: 18px;
}
.g4p-repeat-shortcut-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.g4p-repeat-shortcut-inner > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.g4p-repeat-shortcut-inner strong {
  font-size: 1rem;
}
.g4p-repeat-shortcut-inner .g4p-muted {
  font-size: 0.875rem;
}
@media (max-width: 480px) {
  .g4p-repeat-shortcut-inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .g4p-repeat-shortcut-inner .g4p-btn {
    width: 100%;
    text-align: center;
  }
}

/* ── v2.0.2: Form spacing improvements — mobile layout & receipt section ──── */

/* Card/section vertical rhythm */
.g4p-form > .g4p-card,
.g4p-card + .g4p-card {
  margin-bottom: 24px;
}

/* Labels: consistent gap below text before input */
.g4p-form label {
  gap: 9px;
  margin-bottom: 0;
}

/* Input/select/textarea bottom margin so fields don't jam into each other */
.g4p-form input,
.g4p-form select,
.g4p-form textarea {
  margin-bottom: 4px;
}

/* File upload: breathing room above and below, clear dashed container */
.g4p-form input[type="file"] {
  padding: 16px;
  background: #f5f9ff;
  border-style: dashed;
  border-radius: 14px;
  margin-top: 2px;
  margin-bottom: 6px;
  width: 100%;
  box-sizing: border-box;
}

/* Helper / muted small text: readable line-height and top breathing room */
.g4p-form small.g4p-muted,
.g4p-form .g4p-muted {
  font-size: 13px;
  line-height: 1.42;
  margin-top: 6px;
  display: block;
}

/* Grid-2 inside form: tighter gap on desktop, stack on mobile */
.g4p-form .g4p-grid-2 {
  gap: 20px;
}

/* Receipt / mobile-order card extra top breathing room */
.g4p-receipt-section,
.g4p-form .g4p-card h3 {
  margin-bottom: 14px;
}
.g4p-form .g4p-card h3 {
  margin-top: 0;
  font-size: 18px;
  color: var(--g4-navy);
}

/* ── Mobile-specific: ensure inputs stay inside card, no overflow ──────── */
@media (max-width: 600px) {
  .g4p-form input,
  .g4p-form select,
  .g4p-form textarea {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px; /* prevents iOS auto-zoom on focus */
  }

  .g4p-form input[type="file"] {
    padding: 14px;
    font-size: 14px;
  }

  .g4p-form .g4p-grid-2 {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .g4p-form label {
    gap: 7px;
  }

  .g4p-form small.g4p-muted,
  .g4p-form .g4p-muted {
    font-size: 12.5px;
    line-height: 1.45;
  }

  /* Card padding reduction on very narrow screens */
  .g4p-card {
    padding: 18px 16px;
  }

  .g4p-form {
    gap: 20px;
  }
}
/* ── end v2.0.2 form spacing ─────────────────────────────────────────────── */


/* v2.0.3 — destination/another-region spacing polish */
.g4p-destination-mode-card{
  padding:22px!important;
  border-radius:26px!important;
}
.g4p-destination-mode-card h3{
  margin:0 0 8px!important;
  line-height:1.15!important;
}
.g4p-destination-mode-card > .g4p-muted{
  display:block!important;
  margin:0 0 18px!important;
  max-width:760px!important;
  line-height:1.55!important;
}
.g4p-destination-options{
  gap:14px!important;
  align-items:stretch!important;
}
.g4p-destination-option{
  display:flex!important;
  align-items:flex-start!important;
  gap:13px!important;
  padding:16px 18px!important;
  min-height:92px!important;
  line-height:1.35!important;
}
.g4p-destination-option input[type="radio"]{
  flex:0 0 auto!important;
  margin:4px 2px 0 0!important;
}
.g4p-destination-option > span{
  display:block!important;
  min-width:0!important;
}
.g4p-destination-option strong{
  display:block!important;
  margin:0 0 5px!important;
  line-height:1.2!important;
}
.g4p-destination-option small{
  display:block!important;
  color:#60708c!important;
  line-height:1.45!important;
}
.g4p-recipient-fields{
  margin-top:16px!important;
  padding:22px!important;
  border-radius:26px!important;
}
.g4p-recipient-fields h3{margin:0 0 8px!important;line-height:1.15!important}
.g4p-recipient-fields > .g4p-muted{margin:0 0 18px!important;line-height:1.55!important}
@media(max-width:760px){
  .g4p-destination-mode-card,
  .g4p-recipient-fields{padding:18px!important;border-radius:22px!important}
  .g4p-destination-options{grid-template-columns:1fr!important;gap:12px!important}
  .g4p-destination-option{padding:15px!important;min-height:auto!important}
}


/* v2.0.5 destination option spacing + mobile label polish */
.g4p-destination-options .g4p-destination-option{align-items:flex-start!important;gap:16px!important;padding:18px!important;line-height:1.35!important;}
.g4p-destination-options .g4p-destination-option input[type=radio]{margin:4px 0 0 0!important;flex:0 0 auto!important;}
.g4p-destination-options .g4p-destination-option span{display:grid!important;gap:6px!important;min-width:0!important;}
.g4p-destination-options .g4p-destination-option strong{display:block!important;line-height:1.2!important;}
.g4p-destination-options .g4p-destination-option small{display:block!important;line-height:1.4!important;margin-top:2px!important;}
@media(max-width:720px){.g4p-destination-options{grid-template-columns:1fr!important}.g4p-destination-options .g4p-destination-option{gap:14px!important;padding:16px!important}}


/* ── v2.0.6 Live Order / Active Job Banner ─────────────────────────────────── */
.g4p-live-order-banner{
  background:linear-gradient(135deg,#0d1b2e 0%,#0a1525 100%);
  border:1.5px solid rgba(255,255,255,.12);
  border-radius:22px;
  box-shadow:0 8px 40px rgba(0,0,0,.28),0 2px 10px rgba(0,0,0,.35);
  margin:0 0 24px;
  padding:20px 22px;
  position:relative;
  z-index:900;
}
.g4p-live-order-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
.g4p-live-order-left{
  display:flex;
  flex-direction:column;
  gap:5px;
  flex:1 1 0;
  min-width:0;
}
.g4p-live-order-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#ffffff;
}
.g4p-live-order-kicker::before{
  content:'';
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ffffff;
  box-shadow:0 0 0 3px rgba(255,255,255,.25);
  animation:g4p-banner-pulse 2s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes g4p-banner-pulse{
  0%,100%{box-shadow:0 0 0 3px rgba(255,255,255,.25);}
  50%{box-shadow:0 0 0 6px rgba(255,255,255,.08);}
}
.g4p-live-order-title{
  font-size:18px;
  font-weight:950;
  color:#fff;
  line-height:1.15;
  letter-spacing:-.02em;
}
.g4p-live-order-num{
  font-size:12px;
  font-weight:800;
  color:rgba(255,255,255,.45);
  letter-spacing:.04em;
}
.g4p-live-order-body{
  font-size:14px;
  font-weight:700;
  color:rgba(255,255,255,.72);
  line-height:1.5;
  margin:2px 0 0;
  max-width:520px;
}
.g4p-live-order-right{
  flex-shrink:0;
}
.g4p-live-order-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:linear-gradient(135deg,#1662ff,#064deb);
  color:#fff !important;
  font-size:13px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
  border-radius:16px;
  padding:13px 20px;
  white-space:nowrap;
  border:none;
  box-shadow:0 8px 24px rgba(21,92,255,.30);
  transition:transform .18s ease,box-shadow .18s ease;
}
.g4p-live-order-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(21,92,255,.42);
  background:linear-gradient(135deg,#0a56f5,#0040d4);
  color:#fff !important;
}
@media(max-width:760px){
  .g4p-live-order-banner{
    margin:0 0 18px;
    padding:16px 16px;
    border-radius:18px;
  }
  .g4p-live-order-inner{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
  .g4p-live-order-right{
    width:100%;
  }
  .g4p-live-order-btn{
    width:100%;
    font-size:14px;
    padding:15px 16px;
    border-radius:14px;
  }
}
/* ── End v2.0.6 Live Order Banner ─────────────────────────────────────────── */

/* v2.0.10: Secure Video Call card (mobile order details) */
/* v2.0.11 — Secure Video Call card: white card, navy accent, matches order cards */
.g4p-video-call-card{
  background:#fff;
  border:1px solid #dce8ff;
  border-top:3px solid #0D2057;
  border-radius:20px;
  padding:20px 20px 18px;
  margin-bottom:12px;
  box-shadow:0 4px 18px rgba(13,32,87,.07);
}
.g4p-video-call-card .g4p-vc-eyebrow{
  display:inline-block;
  font-size:10px;font-weight:800;
  letter-spacing:.10em;text-transform:uppercase;
  color:#1662ff;
  margin-bottom:6px;
}
.g4p-video-call-card .g4p-vc-title{
  font-size:17px;font-weight:800;
  color:#07152d;
  margin:0 0 6px;letter-spacing:-.02em;
}
.g4p-video-call-card .g4p-vc-body{
  font-size:13.5px;line-height:1.55;
  color:#51617f;
  margin-bottom:14px;
}
.g4p-video-call-card .g4p-actions{display:flex;flex-wrap:wrap;gap:8px;}
/* Video button inside the white card: inherits primary CTA style from .g4p-video-btn */
.g4p-video-call-card .g4p-video-btn{
  width:100%;
  justify-content:center;
}

/* v2.0.13 — Network Video Call button: matches primary CTA style */
.g4p-network-video-btn{
  background:linear-gradient(135deg,#1662ff,#064deb);
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 8px 22px rgba(21,92,255,.22);
  -webkit-tap-highlight-color:transparent;
}
.g4p-network-video-btn:hover,.g4p-network-video-btn:active{
  background:linear-gradient(135deg,#0a56f5,#0040d4);
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(21,92,255,.32);
  color:#fff!important;
}

/* v2.0.44 — Chat inbox manual read reset */
.g4p-chat-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.g4p-mark-read-form{margin:0!important;padding:0!important}
.g4p-mark-read-btn{appearance:none;border:1px solid rgba(18,89,255,.28);background:#fff;color:#1259ff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1;box-shadow:0 6px 18px rgba(18,89,255,.12)}
.g4p-mark-read-btn:active{transform:translateY(1px)}
@media(max-width:640px){.g4p-chat-section-head{align-items:flex-start}.g4p-chat-head-actions{gap:6px}.g4p-mark-read-btn{font-size:10px;padding:7px 9px}}


/* v2.0.45 — Driver Tips System */
.g4p-lcc-tip-form{display:flex;flex-direction:column;gap:12px;align-items:stretch;width:100%;padding:10px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}
.g4p-lcc-tip-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;flex-basis:100%}
.g4p-live-btn-tip{background:#fff!important;color:#1259ff!important;border:1px solid rgba(255,255,255,.65)!important;width:100%;min-height:54px;display:flex!important;align-items:center!important;justify-content:center!important}
.g4p-lcc-custom-tip{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;background:#fff;border-radius:14px;padding:0 16px;color:#0b1b3d;font-size:16px;font-weight:900;text-align:center}
.g4p-lcc-custom-tip input{width:96px;border:0!important;padding:0!important;background:transparent!important;color:#0b1b3d!important;outline:0!important;text-align:center;font-size:16px!important;font-weight:900!important}
.g4p-tip-panel[hidden]{display:none!important}.g4p-tip-panel{position:fixed;inset:0;z-index:1000002;display:flex;align-items:center;justify-content:center;padding:18px}.g4p-tip-scrim{position:absolute;inset:0;background:rgba(3,18,46,.68);backdrop-filter:blur(6px)}.g4p-tip-card{position:relative;z-index:1;width:min(520px,94vw);background:#fff;color:#0b1b3d;border-radius:24px;box-shadow:0 26px 80px rgba(0,0,0,.34)}.g4p-tip-form{display:grid;gap:14px}.g4p-tip-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.g4p-tip-form input{width:100%}


/* v2.0.57 — Branded app share card */
.g4p-share-card{
  border:1px solid rgba(20,80,180,.14);
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
}
.g4p-share-card .g4p-btn{
  width:100%;
  margin-top:10px;
}
.g4p-share-card h2{ margin-bottom:8px; }
.g4p-install-actions button.g4p-btn{ appearance:none; -webkit-appearance:none; }

/* v2.0.59 — Top bar share button + app zoom lock */
html.g4p-no-zoom,
html.g4p-no-zoom body{
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
  touch-action:manipulation;
  max-width:100vw!important;
  overflow-x:hidden!important;
}
.g4p-top-share-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:48px!important;
  height:48px!important;
  padding:0 14px!important;
  border-radius:16px!important;
  border:1px solid #dfe8f7!important;
  background:#ffffff!important;
  color:#30405f!important;
  font-weight:950!important;
  font-size:14px!important;
  line-height:1!important;
  box-shadow:0 10px 24px rgba(21,92,255,.08)!important;
  text-decoration:none!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  flex:0 0 auto!important;
}
/* Inner blue square housing the arrow icon */
.g4p-top-share-btn .g4p-top-share-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
  background:#155cff!important;
  color:#ffffff!important;
  font-size:15px!important;
  line-height:1!important;
  flex-shrink:0!important;
}
.g4p-top-share-btn .g4p-top-share-label{display:inline-block!important;}
.g4-site-header .g4p-top-share-btn,
.site-header .g4p-top-share-btn,
header .g4p-top-share-btn{margin-left:auto!important;margin-right:12px!important;}
@media(max-width:782px){
  html,body{max-width:100vw!important;overflow-x:hidden!important;}
  .g4-site-header,
  .site-header,
  header.site-header{
    max-width:100vw!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .g4p-top-share-btn{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    padding:0!important;
    border-radius:18px!important;
    margin-left:auto!important;
    margin-right:10px!important;
  }
  .g4p-top-share-btn .g4p-top-share-label{display:none!important;}
  .g4p-top-share-btn .g4p-top-share-icon{width:32px!important;height:32px!important;border-radius:9px!important;font-size:17px!important;}
  .g4p-app-tabbar{
    max-width:100vw!important;
    transform:none!important;
    zoom:1!important;
  }
}


/* v2.0.62 — fixed app chrome: top header + bottom tabbar stay locked */
html.g4p-fixed-chrome,
html.g4p-fixed-chrome body{
  max-width:100vw!important;
  overflow-x:hidden!important;
}
html.g4p-fixed-chrome body{
  padding-top:var(--g4p-header-offset,0px)!important;
  padding-bottom:var(--g4p-tabbar-offset,calc(82px + env(safe-area-inset-bottom)))!important;
}
html.g4p-fixed-chrome .g4-site-header,
html.g4p-fixed-chrome .site-header,
html.g4p-fixed-chrome header.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:100vw!important;
  z-index:100000!important;
  background:#fff!important;
  box-sizing:border-box!important;
  transform:none!important;
  margin-top:0!important;
  box-shadow:0 1px 0 rgba(6,20,44,.08)!important;
}
html.g4p-fixed-chrome .g4p-app-tabbar{
  position:fixed!important;
  z-index:100001!important;
  transform:none!important;
  box-sizing:border-box!important;
}
@media(max-width:782px){
  html.g4p-fixed-chrome .g4p-app-tabbar{
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    border-radius:0!important;
    margin:0!important;
  }
}
@media(min-width:783px){
  html.g4p-fixed-chrome .g4-site-header,
  html.g4p-fixed-chrome .site-header,
  html.g4p-fixed-chrome header.site-header{
    position:sticky!important;
    top:0!important;
  }
}


/* v2.0.63 — stronger fixed header target: JS marks the real detected header */
html.g4p-fixed-chrome .g4p-fixed-header-target{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:100vw!important;
  z-index:100002!important;
  background:#fff!important;
  box-sizing:border-box!important;
  transform:translateZ(0)!important;
  margin-top:0!important;
  will-change:transform!important;
  box-shadow:0 1px 0 rgba(6,20,44,.08)!important;
}
html.g4p-fixed-chrome body{
  padding-top:var(--g4p-header-offset,118px)!important;
}
@media(min-width:783px){
  html.g4p-fixed-chrome .g4p-fixed-header-target{
    position:fixed!important;
    top:0!important;
  }
}

/* v2.0.64: remove per-thread chat unread bubble; keep header and bottom chat totals only. */
.g4p-thread-unread{display:none!important;}


/* v2.0.69 — Launch chrome lock: keep Grabbit top header + bottom nav fixed across updates */
html.g4p-launch-chrome-lock,
html.g4p-launch-chrome-lock body{
  max-width:100vw!important;
  overflow-x:hidden!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}
html.g4p-launch-chrome-lock body{
  padding-top:var(--g4p-header-offset,118px)!important;
  padding-bottom:var(--g4p-tabbar-offset,calc(94px + env(safe-area-inset-bottom)))!important;
}
html.g4p-launch-chrome-lock .g4p-chrome-header-lock,
html.g4p-launch-chrome-lock .g4p-fixed-header-target,
html.g4p-launch-chrome-lock .g4-site-header,
html.g4p-launch-chrome-lock .site-header,
html.g4p-launch-chrome-lock header.site-header,
html.g4p-launch-chrome-lock header[role="banner"]{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:100vw!important;
  z-index:100002!important;
  background:#fff!important;
  box-sizing:border-box!important;
  transform:none!important;
  margin-top:0!important;
  will-change:transform!important;
  box-shadow:0 1px 0 rgba(6,20,44,.08)!important;
}
html.g4p-launch-chrome-lock .g4p-app-tabbar{
  position:fixed!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  z-index:100003!important;
  box-sizing:border-box!important;
  margin:0!important;
  max-width:calc(100vw - 24px)!important;
}
@media(max-width:782px){
  html.g4p-launch-chrome-lock body{
    padding-bottom:var(--g4p-tabbar-offset,calc(96px + env(safe-area-inset-bottom)))!important;
  }
  html.g4p-launch-chrome-lock .g4p-app-tabbar{
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
    border-radius:0!important;
    padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
  }
}


/* v2.0.71: premium bottom menu character icons — Grabbit blue, larger, consistent */
:root{--g4-grabbit-blue:#155cff;}
@media (max-width:782px){
  .g4p-app-tabbar a span{
    color:var(--g4-grabbit-blue)!important;
    font-size:23px!important;
    line-height:1!important;
    font-weight:950!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    text-shadow:0 8px 18px rgba(21,92,255,.16)!important;
    transform:translateZ(0);
  }
  .g4p-app-tabbar a strong{
    color:#30405f!important;
    font-weight:950!important;
  }
  .g4p-app-tabbar a.is-active span,
  .g4p-app-tabbar a.is-active strong,
  .g4p-app-tabbar .g4p-tab-primary span,
  .g4p-app-tabbar .g4p-tab-primary strong{
    color:var(--g4-grabbit-blue)!important;
  }
  .g4p-app-tabbar .g4p-tab-primary:before,
  .g4p-app-tabbar a.is-active:before{
    background:var(--g4-grabbit-blue)!important;
  }
}


/* v2.0.72 — Driver profile cleanup + tip thank-you toast */
.g4p-social-profile .g4p-comm-strip{display:none!important;}

/* v2.0.75 — Tip confirmation: delayed 200% larger centered 4-second banner */
.g4p-tip-thanks-banner{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:1000004;
  width:min(720px,calc(100vw - 28px));
  min-height:264px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:20px;
  padding:48px 36px;
  border-radius:42px;
  background:linear-gradient(135deg,#081f49 0%,#1259ff 52%,#2f7dff 100%);
  color:#fff;
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 42px 120px rgba(18,89,255,.42),0 22px 70px rgba(8,23,62,.34);
  pointer-events:none;
  opacity:0;
  animation:g4pTipThanksToast 4s ease-out forwards;
}
.g4p-tip-thanks-banner strong{font-size:clamp(50px,12vw,76px);font-weight:950;letter-spacing:-.055em;line-height:.96;}
.g4p-tip-thanks-banner small{font-size:clamp(24px,6.8vw,32px);font-weight:900;opacity:.94;line-height:1.16;}
.g4p-tip-thanks-spark{display:inline-grid;place-items:center;width:92px;height:92px;border-radius:999px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 0 42px rgba(255,255,255,.24);font-size:48px;animation:g4pTipSpark .9s ease-out both;}
@keyframes g4pTipThanksToast{
  0%{opacity:0;transform:translate(-50%,-46%) scale(.88);filter:blur(4px);}
  10%{opacity:1;transform:translate(-50%,-50%) scale(1.025);filter:blur(0);}
  18%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0);}
  86%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0);}
  100%{opacity:0;transform:translate(-50%,-54%) scale(.96);filter:blur(2px);}
}
@keyframes g4pTipSpark{0%{transform:scale(.45) rotate(-14deg);opacity:.1;}65%{transform:scale(1.16) rotate(8deg);opacity:1;}100%{transform:scale(1) rotate(0);opacity:1;}}
@media(max-width:640px){.g4p-tip-thanks-banner{width:calc(100vw - 22px);min-height:296px;padding:40px 18px;border-radius:36px}.g4p-tip-thanks-banner small{display:block}}

.g4p-tip-thanks-trigger{display:none!important;}

/* v2.0.76 — Big in-the-moment confirmation banners for core order milestones */
.g4p-moment-banner{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:1000005;
  width:min(760px,calc(100vw - 28px));
  min-height:280px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:20px;
  padding:50px 34px;
  border-radius:42px;
  background:linear-gradient(135deg,#061a3d 0%,#0f4fe0 52%,#2f7dff 100%);
  color:#fff;
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 42px 120px rgba(18,89,255,.42),0 22px 70px rgba(8,23,62,.34);
  pointer-events:none;
  opacity:0;
  animation:g4pMomentBanner 4s ease-out forwards;
}
.g4p-moment-banner .g4p-moment-icon{display:inline-grid;place-items:center;width:96px;height:96px;border-radius:999px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 0 42px rgba(255,255,255,.24);font-size:50px;animation:g4pMomentIcon .9s ease-out both;}
.g4p-moment-banner strong{font-size:clamp(48px,11.5vw,76px);font-weight:950;letter-spacing:-.055em;line-height:.96;}
.g4p-moment-banner small{font-size:clamp(22px,6.2vw,32px);font-weight:900;opacity:.94;line-height:1.16;max-width:620px;}
@keyframes g4pMomentBanner{0%{opacity:0;transform:translate(-50%,-46%) scale(.88);filter:blur(4px);}10%{opacity:1;transform:translate(-50%,-50%) scale(1.025);filter:blur(0);}18%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0);}86%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0);}100%{opacity:0;transform:translate(-50%,-54%) scale(.96);filter:blur(2px);}}
@keyframes g4pMomentIcon{0%{transform:scale(.45) rotate(-14deg);opacity:.1;}65%{transform:scale(1.16) rotate(8deg);opacity:1;}100%{transform:scale(1) rotate(0);opacity:1;}}
@media(max-width:640px){.g4p-moment-banner{width:calc(100vw - 22px);min-height:300px;padding:40px 18px;border-radius:36px}.g4p-moment-banner small{display:block}}


/* v2.0.77 — Keyboard-safe bottom nav + live takeover cleanup + cancel feedback */
html.g4p-keyboard-open .g4p-app-tabbar,
body.g4p-keyboard-open .g4p-app-tabbar{
  transform:translateY(140%)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:transform .18s ease,opacity .18s ease!important;
}
html.g4p-keyboard-open body,
body.g4p-keyboard-open{
  padding-bottom:18px!important;
}
body:has(.g4p-live-control-center) .g4p-app-tabbar,
html.g4p-live-takeover-active .g4p-app-tabbar,
body.g4p-live-takeover-active .g4p-app-tabbar{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}
body:has(.g4p-live-control-center),
html.g4p-live-takeover-active body,
body.g4p-live-takeover-active{
  overflow:hidden!important;
}
.g4p-global-banner-wrap:has(.g4p-live-control-center){
  inset:0!important;
  bottom:0!important;
  z-index:100004!important;
}
.g4p-global-banner-wrap:has(.g4p-live-control-center) .g4p-live-control-center{
  padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1.4rem)!important;
}
.g4p-cancel-followup-card{
  position:fixed;
  left:50%;
  bottom:calc(22px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%) translateY(18px);
  z-index:1000006;
  width:min(680px,calc(100vw - 24px));
  background:#ffffff;
  color:#06142c;
  border:1px solid #dbe7ff;
  border-radius:28px;
  box-shadow:0 30px 90px rgba(8,24,58,.30);
  padding:22px;
  opacity:0;
  animation:g4pCancelFollowupIn .28s ease-out forwards;
}
.g4p-cancel-followup-card strong{display:block;font-size:clamp(24px,6vw,34px);font-weight:950;letter-spacing:-.045em;line-height:1;margin:0 0 8px;color:#06142c;}
.g4p-cancel-followup-card p{margin:0 0 16px;color:#60708c;font-size:16px;line-height:1.35;font-weight:850;}
.g4p-cancel-followup-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.g4p-cancel-followup-actions button,
.g4p-cancel-followup-actions a{min-height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;}
.g4p-cancel-followup-actions button{border:0;background:#1259ff;color:#fff;cursor:pointer;}
.g4p-cancel-followup-actions a{border:1px solid #dbe7ff;background:#f6f9ff;color:#1259ff;}
@keyframes g4pCancelFollowupIn{to{opacity:1;transform:translateX(-50%) translateY(0);}}
@media(max-width:640px){.g4p-cancel-followup-card{bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:18px;border-radius:24px}.g4p-cancel-followup-actions{grid-template-columns:1fr}.g4p-cancel-followup-actions button,.g4p-cancel-followup-actions a{min-height:50px}}


/* v2.0.81 — Driver accepted + on-the-way live motion layer */
.g4p-live-control-center[data-g4p-order-status="g4_payment"],
.g4p-live-control-center[data-g4p-order-status="g4_accepted"],
.g4p-live-control-center[data-g4p-order-status="g4_paid"],
.g4p-live-control-center[data-g4p-order-status="g4_progress"]{
  position:relative;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
.g4p-live-control-center[data-g4p-order-status="g4_payment"]::before,
.g4p-live-control-center[data-g4p-order-status="g4_accepted"]::before,
.g4p-live-control-center[data-g4p-order-status="g4_paid"]::before,
.g4p-live-control-center[data-g4p-order-status="g4_progress"]::before{
  content:"";
  position:absolute;
  inset:-25%;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 38%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.08) 62%,transparent 100%);
  transform:translateX(-58%) rotate(0deg);
  animation:g4pOnTheWaySweep 4.8s ease-in-out infinite;
  mix-blend-mode:screen;
}
.g4p-live-control-center[data-g4p-order-status="g4_payment"] .g4p-live-order-kicker,
.g4p-live-control-center[data-g4p-order-status="g4_accepted"] .g4p-live-order-kicker,
.g4p-live-control-center[data-g4p-order-status="g4_paid"] .g4p-live-order-kicker,
.g4p-live-control-center[data-g4p-order-status="g4_progress"] .g4p-live-order-kicker{
  animation:g4pOnTheWayPulse 2.6s ease-in-out infinite;
}
.g4p-live-control-center[data-g4p-order-status="g4_progress"] .g4p-live-order-title::after{
  content:"  • On the way";
  display:inline-block;
  margin-left:.35rem;
  font-size:.45em;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#dffbff;
  text-shadow:0 0 18px rgba(255,255,255,.35);
  animation:g4pOnTheWayPulse 2.4s ease-in-out infinite;
}
.g4p-moment-driver_accepted{
  animation:g4pMomentBanner 4s ease-out forwards, g4pDriverAcceptedGlow 1.45s ease-in-out infinite;
}
@keyframes g4pOnTheWaySweep{
  0%{transform:translateX(-70%);opacity:0;}
  18%{opacity:.9;}
  50%{transform:translateX(0%);opacity:.65;}
  82%{opacity:.9;}
  100%{transform:translateX(70%);opacity:0;}
}
@keyframes g4pOnTheWayPulse{
  0%,100%{filter:brightness(1);transform:scale(1);}
  50%{filter:brightness(1.18);transform:scale(1.015);}
}
@keyframes g4pDriverAcceptedGlow{
  0%,100%{box-shadow:0 42px 120px rgba(18,89,255,.42),0 22px 70px rgba(8,23,62,.34);}
  50%{box-shadow:0 52px 150px rgba(18,89,255,.62),0 28px 86px rgba(8,23,62,.44),0 0 0 8px rgba(255,255,255,.08);}
}
@media (prefers-reduced-motion:reduce){
  .g4p-live-control-center[data-g4p-order-status="g4_payment"]::before,
  .g4p-live-control-center[data-g4p-order-status="g4_accepted"]::before,
  .g4p-live-control-center[data-g4p-order-status="g4_paid"]::before,
  .g4p-live-control-center[data-g4p-order-status="g4_progress"]::before,
  .g4p-live-control-center .g4p-live-order-kicker,
  .g4p-live-control-center .g4p-live-order-title::after,
  .g4p-moment-driver_accepted{animation:none!important;}
}

/* v2.0.89: premium page hero typography (shortcode + theme title areas) */
.g4p-page-hero:not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero){
  position:relative!important;
}
.g4p-page-hero:not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero):not(.g4p-tight) h1,
.g4p-dashboard-hero h1,
body:not(.home) .entry-header .entry-title,
body:not(.home) .page-header .page-title,
body:not(.home) h1.entry-title,
body:not(.home) h1.page-title,
body:not(.home) .wp-block-post-title{
  color:#06142f!important;
  font-weight:1000!important;
  letter-spacing:-.075em!important;
  line-height:.9!important;
  text-wrap:balance!important;
  background:linear-gradient(92deg,#06142f 0%,#06142f 48%,#155cff 77%,#0098ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 16px 36px rgba(8,35,90,.10)!important;
}
.g4p-page-hero:not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero):not(.g4p-tight) p,
.g4p-dashboard-hero p,
body:not(.home) .entry-header .entry-subtitle,
body:not(.home) .page-header p,
body:not(.home) .entry-header p{
  color:#51617f!important;
  font-weight:825!important;
  letter-spacing:-.025em!important;
  text-wrap:balance!important;
}
.g4p-page-hero:not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero):not(.g4p-tight)::before,
body:not(.home) .entry-header::before,
body:not(.home) .page-header::before{
  content:"";
  display:block;
  width:6px;
  min-height:92px;
  border-radius:999px;
  background:linear-gradient(180deg,#155cff,#00a3ff);
  box-shadow:0 14px 34px rgba(21,92,255,.28);
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
}
.g4p-page-hero:not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero):not(.g4p-tight){
  padding-left:28px!important;
}
body:not(.home) .entry-header,
body:not(.home) .page-header{
  position:relative!important;
  padding-left:36px!important;
}
.g4p-dashboard-hero{
  background:linear-gradient(135deg,#f7fbff 0%,#eef5ff 52%,#ffffff 100%)!important;
  color:#06142f!important;
  border:1px solid #dbe7ff!important;
  box-shadow:0 22px 60px rgba(8,35,90,.08)!important;
  overflow:hidden!important;
}
.g4p-driver-dash-hero{
  background:linear-gradient(135deg,#f6fffe 0%,#eef8ff 48%,#ffffff 100%)!important;
}
.g4p-dashboard-hero::after{
  content:"";
  position:absolute;
  inset:auto -12% -65% 36%;
  height:160px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(21,92,255,.16),rgba(21,92,255,0) 68%);
  pointer-events:none;
}
.g4p-dashboard-hero .g4p-eyebrow{
  background:#eef5ff!important;
  color:#155cff!important;
  border:1px solid #cfe0ff!important;
  box-shadow:0 10px 24px rgba(21,92,255,.08)!important;
}
@media(max-width:782px){
  .g4p-page-hero:not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero):not(.g4p-tight){
    padding-left:22px!important;
  }
  .g4p-page-hero:not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero):not(.g4p-tight)::before,
  body:not(.home) .entry-header::before,
  body:not(.home) .page-header::before{
    width:5px;
    min-height:78px;
  }
  .g4p-page-hero:not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero):not(.g4p-tight) h1,
  .g4p-dashboard-hero h1,
  body:not(.home) .entry-header .entry-title,
  body:not(.home) .page-header .page-title,
  body:not(.home) h1.entry-title,
  body:not(.home) h1.page-title,
  body:not(.home) .wp-block-post-title{
    letter-spacing:-.06em!important;
  }
}


/* v2.0.90: stronger premium page-title treatment (top bar untouched) */
body:not(.home) .g4p-page-hero:not(.g4p-tight):not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero),
body:not(.home) .entry-header,
body:not(.home) .page-header{
  overflow:hidden!important;
}

body:not(.home) .g4p-page-hero:not(.g4p-tight):not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero) h1,
body:not(.home) .g4p-dashboard-hero h1,
body:not(.home) .entry-header h1,
body:not(.home) .page-header h1,
body:not(.home) h1.entry-title,
body:not(.home) h1.page-title,
body:not(.home) .wp-block-post-title{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(46px,8.2vw,86px)!important;
  line-height:.86!important;
  letter-spacing:-.09em!important;
  font-weight:1000!important;
  margin-bottom:20px!important;
  color:#06142f!important;
  background:linear-gradient(96deg,#06142f 0%,#06142f 36%,#155cff 58%,#008cff 78%,#00b7ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 18px 44px rgba(21,92,255,.16)!important;
}

body:not(.home) .g4p-page-hero:not(.g4p-tight):not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero) h1::after,
body:not(.home) .g4p-dashboard-hero h1::after,
body:not(.home) .entry-header h1::after,
body:not(.home) .page-header h1::after,
body:not(.home) h1.entry-title::after,
body:not(.home) h1.page-title::after,
body:not(.home) .wp-block-post-title::after{
  content:"";
  display:block;
  width:min(190px,42vw);
  height:8px;
  border-radius:999px;
  margin-top:18px;
  background:linear-gradient(90deg,#155cff 0%,#00a3ff 58%,rgba(0,163,255,0) 100%);
  box-shadow:0 12px 28px rgba(21,92,255,.24);
}

body:not(.home) .g4p-page-hero:not(.g4p-tight):not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero) p,
body:not(.home) .g4p-dashboard-hero p,
body:not(.home) .entry-header p,
body:not(.home) .page-header p{
  font-size:clamp(20px,3.6vw,34px)!important;
  line-height:1.18!important;
  letter-spacing:-.045em!important;
  font-weight:850!important;
  color:#4d5f7e!important;
  max-width:860px!important;
}

@media(max-width:782px){
  body:not(.home) .g4p-page-hero:not(.g4p-tight):not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero) h1,
  body:not(.home) .g4p-dashboard-hero h1,
  body:not(.home) .entry-header h1,
  body:not(.home) .page-header h1,
  body:not(.home) h1.entry-title,
  body:not(.home) h1.page-title,
  body:not(.home) .wp-block-post-title{
    font-size:clamp(48px,10.8vw,68px)!important;
    letter-spacing:-.085em!important;
    line-height:.9!important;
  }
  body:not(.home) .g4p-page-hero:not(.g4p-tight):not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero) p,
  body:not(.home) .g4p-dashboard-hero p,
  body:not(.home) .entry-header p,
  body:not(.home) .page-header p{
    font-size:clamp(23px,5.7vw,32px)!important;
    line-height:1.2!important;
  }
}


/* v2.0.91 scheduled / recurring orders + cancellation payout polish */
.g4p-schedule-card{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(12,96,255,.08),rgba(255,255,255,.92));}
.g4p-schedule-options{margin-top:12px;}
.g4p-schedule-fields{margin-top:16px;padding-top:14px;border-top:1px solid rgba(12,96,255,.14);}
.g4p-schedule-summary{display:inline-flex;align-items:center;gap:6px;margin:.4rem 0;padding:10px 14px;border-radius:999px;background:rgba(12,96,255,.08);border:1px solid rgba(12,96,255,.14);color:#08152d;font-weight:800;}
.g4p-order-timing-detail{grid-column:1/-1;}
.g4p-cancel-order-card .g4p-muted{font-weight:700;}
@media(max-width:720px){.g4p-grid-3.g4p-schedule-options{grid-template-columns:1fr}.g4p-schedule-summary{border-radius:18px;display:flex;}}

/* v2.0.95 — Driver dashboard evolution: availability intelligence, capacity, and earnings motion */
.g4p-driver-control-console{position:relative;overflow:hidden;}
.g4p-driver-control-console:before{content:"";position:absolute;inset:-40% -20% auto auto;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(21,92,255,.16),rgba(21,92,255,0) 70%);pointer-events:none;}
.g4p-driver-control-state{margin:18px 0;padding:18px 20px;border-radius:24px;border:1px solid #d9e7ff;background:#f3f8ff;box-shadow:0 16px 34px rgba(21,92,255,.07);display:grid;gap:6px;color:#06142c;}
.g4p-driver-control-state strong{font-size:22px;line-height:1.05;font-weight:950;letter-spacing:-.035em;}
.g4p-driver-control-state span{color:#53627a;font-size:15px;font-weight:800;line-height:1.35;}
.g4p-driver-control-state small{display:inline-flex;width:max-content;max-width:100%;padding:7px 12px;border-radius:999px;background:#fff;color:#155cff;font-weight:950;font-size:12px;letter-spacing:.05em;text-transform:uppercase;border:1px solid #d7e7ff;}
.g4p-driver-control-available{background:linear-gradient(135deg,#eef8ff,#f8fbff);border-color:#cde5ff;}
.g4p-driver-control-busy{background:linear-gradient(135deg,#fff8e7,#fffdf7);border-color:#ffe1a8;}
.g4p-driver-control-offline{background:linear-gradient(135deg,#f6f7fb,#fff);border-color:#e2e7f2;}
.g4p-scheduled-awareness{margin-top:16px;padding:16px;border-radius:22px;background:#fff;border:1px solid #e1ecff;box-shadow:0 12px 28px rgba(6,20,44,.04);display:grid;gap:9px;}
.g4p-scheduled-awareness strong{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#155cff;font-weight:950;}
.g4p-scheduled-awareness span{display:block;padding:10px 12px;border-radius:16px;background:#f3f8ff;color:#31415f;font-size:14px;font-weight:850;}
.g4p-scheduled-awareness .g4p-slot-warning{background:#fff6e8;color:#8a5300;border:1px solid #ffe0a8;}
.g4p-earnings-evolved .g4p-payout-meter>div{animation:g4pPayoutFill 1.15s cubic-bezier(.2,.9,.2,1) both;}
.g4p-earnings-number{display:inline-block;animation:g4pEarningsPop .55s cubic-bezier(.2,1,.2,1) both;}
.g4p-driver-earnings-live{margin:18px 0;padding:15px 18px;border-radius:22px;background:linear-gradient(135deg,#eef6ff,#fff);border:1px solid #dcecff;display:flex;justify-content:space-between;gap:12px;align-items:center;box-shadow:0 14px 30px rgba(21,92,255,.06);}
.g4p-driver-earnings-live strong{font-size:13px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;color:#155cff;}
.g4p-driver-earnings-live span{font-size:16px;font-weight:950;color:#06142c;}
@keyframes g4pPayoutFill{from{transform:scaleX(.15);transform-origin:left;opacity:.45}to{transform:scaleX(1);transform-origin:left;opacity:1}}
@keyframes g4pEarningsPop{0%{transform:translateY(8px) scale(.97);opacity:.2}100%{transform:translateY(0) scale(1);opacity:1}}
@media(max-width:640px){.g4p-driver-control-state strong{font-size:20px}.g4p-driver-earnings-live{align-items:flex-start;flex-direction:column}}

/* v2.0.97 — Android trust fix: prevent driver control cards/buttons from overflowing narrow WebViews */
.g4p-driver-control-console,
.g4p-driver-control-console *{
  box-sizing:border-box;
}
.g4p-driver-control-console{
  max-width:100%;
  width:100%;
}
.g4p-driver-control-console > div{
  min-width:0;
  width:100%;
  max-width:100%;
}
.g4p-driver-control-console h2,
.g4p-driver-control-console p,
.g4p-driver-control-state strong,
.g4p-driver-control-state span{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
.g4p-driver-control-state{
  max-width:100%;
  min-width:0;
}
.g4p-status-buttons{
  width:100%;
  min-width:0;
}
.g4p-status-buttons .g4p-btn{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}
@media(max-width:520px){
  .g4p-driver-control-console{
    padding-left:clamp(18px,5vw,24px);
    padding-right:clamp(18px,5vw,24px);
  }
  .g4p-driver-control-console h2{
    font-size:clamp(34px,10.2vw,46px)!important;
    line-height:.94!important;
    letter-spacing:-.075em!important;
  }
  .g4p-driver-control-console .g4p-muted{
    font-size:clamp(18px,5.2vw,25px)!important;
    line-height:1.22!important;
    letter-spacing:-.045em!important;
  }
  .g4p-driver-control-state{
    padding:16px 14px;
    border-radius:22px;
  }
  .g4p-driver-control-state strong{
    font-size:clamp(27px,7.6vw,36px)!important;
    line-height:1.02!important;
    letter-spacing:-.065em!important;
  }
  .g4p-driver-control-state span{
    font-size:clamp(17px,4.8vw,23px)!important;
    line-height:1.24!important;
  }
  .g4p-status-buttons{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .g4p-status-buttons .g4p-btn{
    width:100%!important;
    min-width:0!important;
    padding:14px 8px!important;
    font-size:clamp(16px,4.4vw,21px)!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
    justify-content:center!important;
    border-radius:22px!important;
  }
}
@media(max-width:380px){
  .g4p-status-buttons{gap:6px!important;}
  .g4p-status-buttons .g4p-btn{
    padding-left:5px!important;
    padding-right:5px!important;
    font-size:15px!important;
    letter-spacing:-.05em!important;
  }
}


/* v2.0.98 — Android scheduled slot awareness sizing fix */
.g4p-scheduled-awareness{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
.g4p-scheduled-awareness,
.g4p-scheduled-awareness *{
  box-sizing:border-box;
}
.g4p-scheduled-awareness strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.g4p-scheduled-awareness span{
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:normal;
}
@media(max-width:520px){
  .g4p-scheduled-awareness{
    padding:14px!important;
    border-radius:22px!important;
    gap:8px!important;
  }
  .g4p-scheduled-awareness strong{
    font-size:clamp(13px,3.8vw,17px)!important;
    letter-spacing:.08em!important;
    line-height:1.05!important;
  }
  .g4p-scheduled-awareness span{
    padding:12px 12px!important;
    border-radius:16px!important;
    font-size:clamp(15px,4.25vw,19px)!important;
    line-height:1.15!important;
    letter-spacing:-.025em!important;
  }
}
@media(max-width:380px){
  .g4p-scheduled-awareness strong{
    font-size:12px!important;
    letter-spacing:.055em!important;
  }
  .g4p-scheduled-awareness span{
    font-size:14px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* v2.0.99 — hard Android containment for scheduled load panel */
.g4p-driver-control-console,
.g4p-driver-control-console > div,
.g4p-availability-console,
.g4p-availability-console > div{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.g4p-scheduled-awareness{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  padding:14px!important;
}
.g4p-scheduled-awareness strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:10px 12px!important;
  border-radius:999px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
  font-size:clamp(11px,3.1vw,15px)!important;
  line-height:1.05!important;
  letter-spacing:.09em!important;
}
.g4p-scheduled-awareness span{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:center!important;
  font-size:clamp(13px,3.5vw,17px)!important;
  line-height:1.18!important;
  letter-spacing:-.03em!important;
  padding:12px 10px!important;
}
@media(max-width:420px){
  .g4p-scheduled-awareness{padding:12px!important; gap:8px!important;}
  .g4p-scheduled-awareness strong{font-size:11px!important; letter-spacing:.065em!important; padding-left:8px!important; padding-right:8px!important;}
  .g4p-scheduled-awareness span{font-size:13px!important; padding-left:8px!important; padding-right:8px!important;}
}


/* v2.1.00 — pre-live tip/order breakdown + driver tip celebration polish */
.g4p-order-money-breakdown{
  margin:14px 0 12px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(8,31,73,.055),rgba(18,89,255,.075));
  border:1px solid rgba(18,89,255,.16);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:100%;
  overflow:hidden;
}
.g4p-order-money-breakdown div{min-width:0;display:flex;flex-direction:column;gap:3px;}
.g4p-order-money-breakdown span{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:#52709d;}
.g4p-order-money-breakdown strong{font-size:18px;font-weight:950;color:#082451;white-space:nowrap;}
.g4p-tip-badge{grid-column:1/-1;justify-self:start;display:inline-flex!important;align-items:center;border-radius:999px;padding:7px 11px;background:#082451!important;color:#fff!important;box-shadow:0 10px 26px rgba(8,36,81,.18);}
.g4p-secure-payment-note{margin-top:-4px!important;font-weight:850;color:#143b73;}
.g4p-moment-driver_tip_received{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 27%),linear-gradient(135deg,#061a3d 0%,#0f4fe0 48%,#21b86b 100%);}
.g4p-moment-driver_tip_received:before,.g4p-moment-driver_tip_received:after{content:'✦  ✧  ✦';position:absolute;left:18px;right:18px;text-align:center;font-size:34px;letter-spacing:20px;color:rgba(255,255,255,.72);pointer-events:none;animation:g4pTipConfetti 1.4s ease-out both;}
.g4p-moment-driver_tip_received:before{top:18px;}
.g4p-moment-driver_tip_received:after{bottom:18px;animation-delay:.12s;}
.g4p-chat-send-error{margin-top:8px;padding:9px 11px;border-radius:12px;background:#fff3f3;color:#9b1c1c;font-weight:800;font-size:13px;}
@keyframes g4pTipConfetti{0%{opacity:0;transform:translateY(-10px) scale(.8);}20%{opacity:1;}100%{opacity:.18;transform:translateY(12px) scale(1.05);}}
@media(max-width:520px){.g4p-order-money-breakdown{grid-template-columns:1fr;}.g4p-order-money-breakdown strong{font-size:17px;}}

/* v2.1.06 — production polish: SVG nav icons + driver empty previews */
.g4p-app-tabbar a .g4p-tab-icon,
.g4p-app-tabbar a span.g4p-tab-icon{
  width:28px!important;
  height:28px!important;
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#155cff!important;
  text-shadow:none!important;
}
.g4p-app-tabbar a .g4p-tab-icon svg{
  width:24px!important;
  height:24px!important;
  display:block!important;
  overflow:visible!important;
  filter:drop-shadow(0 8px 14px rgba(21,92,255,.14));
}
.g4p-app-tabbar a.is-active .g4p-tab-icon,
.g4p-app-tabbar a.is-active .g4p-tab-icon svg{
  color:#155cff!important;
}
.g4p-driver-empty-state{
  grid-column:1/-1;
  display:grid;
  gap:18px;
  overflow:hidden;
}
.g4p-driver-preview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.g4p-driver-preview-card{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  border-radius:22px;
  border:1px solid #dbe7ff;
  background:linear-gradient(135deg,#fff,#f3f7ff);
  box-shadow:0 16px 38px rgba(21,92,255,.08);
}
.g4p-preview-avatar{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,#155cff,#04a5ff);
  font-size:24px;
  font-weight:1000;
  box-shadow:0 12px 25px rgba(21,92,255,.18);
}
.g4p-driver-preview-card strong,
.g4p-driver-preview-card span{
  display:block;
}
.g4p-driver-preview-card strong{
  color:#06142c;
  font-size:18px;
  line-height:1.1;
  font-weight:1000;
}
.g4p-driver-preview-card span{
  color:#52627f;
  font-weight:850;
  margin-top:4px;
}
.g4p-driver-preview-card em{
  margin-left:auto;
  flex:0 0 auto;
  font-style:normal;
  font-size:12px;
  font-weight:1000;
  color:#155cff;
  background:#edf4ff;
  border:1px solid #cfe0ff;
  border-radius:999px;
  padding:7px 10px;
}
.g4p-empty-driver-copy h3{
  margin:0 0 8px;
  color:#06142c;
  font-size:clamp(24px,3vw,36px);
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:1000;
}
.g4p-empty-driver-copy p{
  margin:0;
  color:#52627f;
  font-size:17px;
  line-height:1.45;
  font-weight:800;
}
@media(max-width:782px){
  .g4p-app-tabbar a .g4p-tab-icon,
  .g4p-app-tabbar a span.g4p-tab-icon{width:25px!important;height:25px!important;min-height:25px!important;}
  .g4p-app-tabbar a .g4p-tab-icon svg{width:22px!important;height:22px!important;}
  .g4p-driver-preview-grid{grid-template-columns:1fr;}
  .g4p-driver-preview-card{padding:14px;border-radius:20px;}
  .g4p-driver-preview-card em{display:none;}
}

/* =========================================================
 * Grabbit4.Me v2.1.09 — Pull-to-refresh indicator
 * ========================================================= */
.g4p-pull-refresh {
  position: fixed;
  top: max(10px, env(safe-area-inset-top));
  left: 50%;
  z-index: 2147483000;
  transform: translate3d(-50%, -120%, 0);
  opacity: 0;
  pointer-events: none;
  transition: transform 180ms ease, opacity 180ms ease;
}
.g4p-pull-refresh-card {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 172px;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: #0b1f3a;
  border: 1px solid rgba(19, 83, 151, 0.14);
  box-shadow: 0 18px 42px rgba(8, 26, 50, 0.22), inset 0 1px 0 rgba(255,255,255,0.75);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  font-size: 13px;
  letter-spacing: .01em;
}
.g4p-pull-refresh-spinner {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid rgba(0, 111, 207, 0.18);
  border-top-color: #0077ff;
  display: inline-block;
}
.g4p-pull-refresh.is-ready .g4p-pull-refresh-card {
  box-shadow: 0 22px 52px rgba(0, 119, 255, 0.24), 0 10px 28px rgba(8, 26, 50, 0.20), inset 0 1px 0 rgba(255,255,255,0.75);
}
.g4p-pull-refresh.is-loading .g4p-pull-refresh-spinner {
  animation: g4pPullSpin 740ms linear infinite;
}
@keyframes g4pPullSpin { to { transform: rotate(360deg); } }
@media (min-width: 782px) {
  .g4p-pull-refresh { display: none; }
}


/* v2.1.10 — profile cleanup + communication settings mobile overflow fix */
.g4p-social-profile .g4p-profile-copy{overflow:hidden!important;}
.g4p-social-profile .g4p-profile-copy .g4p-pill{margin-top:4px!important;}
.g4p-comm-prefs-card{
  min-width:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.g4p-comm-prefs-card h2{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.05!important;
}
.g4p-comm-prefs-card .g4p-grid-2,
.g4p-comm-prefs-card label,
.g4p-comm-prefs-card select,
.g4p-comm-prefs-card input{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:782px){
  .g4p-social-profile .g4p-profile-copy p{display:none!important;}
  .g4p-social-profile .g4p-profile-copy h1{margin-bottom:14px!important;}
  .g4p-comm-prefs-card{padding:18px 16px!important;}
  .g4p-comm-prefs-card h2{font-size:clamp(25px,7.2vw,34px)!important;letter-spacing:-.045em!important;}
  .g4p-comm-prefs-card .g4p-grid-2{grid-template-columns:1fr!important;gap:14px!important;}
  .g4p-comm-prefs-card button.g4p-btn{width:100%!important;}
}
@media(max-width:390px){
  .g4p-comm-prefs-card{padding-left:14px!important;padding-right:14px!important;border-radius:20px!important;}
  .g4p-comm-prefs-card h2{font-size:24px!important;}
}


/* v2.1.11 — hard mobile containment for Communications page hero/cards */
.g4p-communications-shell,
.g4p-communications-shell *{
  box-sizing:border-box!important;
}
.g4p-communications-shell{
  max-width:1180px!important;
  overflow-x:hidden!important;
  padding-left:max(18px, env(safe-area-inset-left))!important;
  padding-right:max(18px, env(safe-area-inset-right))!important;
  padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;
}
.g4p-communications-shell .g4p-card,
.g4p-communications-grid,
.g4p-communications-grid > *,
.g4p-communications-shell form,
.g4p-communications-shell label,
.g4p-communications-shell select,
.g4p-communications-shell input,
.g4p-communications-shell textarea,
.g4p-communications-shell button{
  min-width:0!important;
  max-width:100%!important;
}
.g4p-communications-hero{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  padding:26px 0 16px!important;
  margin:0 0 18px!important;
}
.g4p-communications-hero h1,
.g4p-communications-hero p{
  max-width:100%!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
}
.g4p-communications-hero h1{
  font-size:clamp(34px, 10.2vw, 54px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  margin:0 0 14px!important;
}
.g4p-communications-hero p{
  font-size:clamp(17px, 5vw, 23px)!important;
  line-height:1.28!important;
}
.g4p-communications-grid{
  align-items:start!important;
  width:100%!important;
}
@media(max-width:782px){
  .g4p-communications-shell{
    padding-top:22px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .g4p-communications-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  .g4p-communications-shell .g4p-card{
    width:100%!important;
    overflow:hidden!important;
    padding:20px 16px!important;
    border-radius:22px!important;
  }
  .g4p-communications-shell .g4p-card h2{
    font-size:clamp(24px, 7.2vw, 34px)!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
    overflow-wrap:break-word!important;
  }
  .g4p-communications-shell .g4p-btn{
    width:100%!important;
    white-space:normal!important;
  }
}
@media(max-width:390px){
  .g4p-communications-shell{padding-left:14px!important;padding-right:14px!important;}
  .g4p-communications-hero h1{font-size:32px!important;letter-spacing:-.045em!important;}
  .g4p-communications-hero p{font-size:17px!important;}
}

/* v2.1.13: premium profile card polish (no bottom-padding/nav behavior changes) */
.g4p-social-profile{
  border:1px solid rgba(21,92,255,.12)!important;
  border-radius:34px!important;
  box-shadow:0 24px 70px rgba(6,20,44,.08), 0 8px 24px rgba(21,92,255,.08)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}
.g4p-social-profile .g4p-profile-cover{
  height:168px!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(255,255,255,.42) 0 18%,rgba(255,255,255,0) 34%),
    linear-gradient(135deg,#155cff 0%,#4192ff 45%,#cfe1ff 100%)!important;
  border-bottom:1px solid rgba(21,92,255,.12)!important;
}
.g4p-social-profile .g4p-profile-avatar{
  border:7px solid #fff!important;
  box-shadow:0 18px 45px rgba(6,20,44,.16),0 0 0 1px rgba(21,92,255,.10)!important;
  background:linear-gradient(135deg,#155cff,#1db5ff)!important;
}
.g4p-social-profile .g4p-profile-copy h1{
  color:#06142c!important;
  letter-spacing:-.065em!important;
  text-wrap:balance;
}
.g4p-profile-subtitle{
  margin:7px 0 12px!important;
  color:#51617f!important;
  font-size:17px!important;
  line-height:1.22!important;
  font-weight:850!important;
}
.g4p-profile-trust-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
  margin-top:8px!important;
}
.g4p-pill-blue{
  background:#eef4ff!important;
  color:#155cff!important;
  border:1px solid #d9e6ff!important;
}
.g4p-social-profile .g4p-profile-actions{
  align-content:start!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-btn,
.g4p-social-profile .g4p-profile-actions .g4p-call-btn,
.g4p-social-profile .g4p-profile-actions form .g4p-btn{
  box-sizing:border-box!important;
  box-shadow:0 14px 28px rgba(21,92,255,.10)!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-profile-action-chat{
  background:linear-gradient(135deg,#1a73ff,#29a8ff)!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-profile-action-small,
.g4p-social-profile .g4p-profile-actions form .g4p-btn,
.g4p-social-profile .g4p-profile-actions .g4p-call-btn{
  min-height:54px!important;
  background:#fff!important;
  border:1px solid #8db0ff!important;
  color:#155cff!important;
  box-shadow:0 10px 22px rgba(21,92,255,.06)!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-profile-action-disabled,
.g4p-social-profile .g4p-profile-actions .g4p-btn:disabled{
  opacity:.55!important;
  color:#7ea2f7!important;
  cursor:not-allowed!important;
  transform:none!important;
}
.g4p-social-profile .g4p-profile-stats{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;
  gap:10px!important;
  padding:0 24px 24px!important;
  border-top:0!important;
  background:transparent!important;
}
.g4p-social-profile .g4p-profile-stats span{
  display:grid!important;
  place-items:center!important;
  min-height:82px!important;
  border:1px solid #dfe8f7!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#f8fbff,#fff)!important;
  color:#33445f!important;
  font-weight:900!important;
  box-shadow:0 12px 26px rgba(6,20,44,.04)!important;
}
.g4p-social-profile .g4p-profile-stats strong{
  display:block!important;
  color:#06142c!important;
  font-size:clamp(26px,5vw,36px)!important;
  line-height:1!important;
  margin-bottom:5px!important;
}
.g4p-social-profile .g4p-profile-stats small{
  display:block!important;
  color:#51617f!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
.g4p-social-profile .g4p-profile-bio{
  border-top:1px solid #eef3ff!important;
  color:#40506d!important;
  font-weight:800!important;
}
@media (min-width:783px){
  .g4p-social-profile .g4p-profile-main{
    transform:translateY(-42px)!important;
    margin-bottom:-28px!important;
    grid-template-columns:154px minmax(280px,1fr) minmax(390px,500px)!important;
  }
  .g4p-social-profile .g4p-profile-actions .g4p-profile-action-main{min-height:62px!important;}
}
@media (max-width:782px){
  .g4p-social-profile .g4p-profile-cover{height:154px!important;}
  .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    text-align:left!important;
    transform:translateY(-46px)!important;
    margin-bottom:-34px!important;
  }
  .g4p-social-profile .g4p-profile-avatar{width:112px!important;height:112px!important;margin:0 0 18px!important;}
  .g4p-social-profile .g4p-profile-copy{width:100%!important;min-width:0!important;}
  .g4p-social-profile .g4p-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-profile-action-main{min-height:88px!important;font-size:clamp(21px,5.4vw,28px)!important;border-radius:25px!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-profile-action-small,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn{min-height:70px!important;font-size:18px!important;border-radius:22px!important;}
  .g4p-social-profile .g4p-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:0 16px 18px!important;gap:8px!important;}
  .g4p-social-profile .g4p-profile-stats span{min-height:76px!important;border-radius:18px!important;padding:8px 4px!important;}
}
@media (max-width:390px){
  .g4p-social-profile .g4p-profile-stats strong{font-size:24px!important;}
  .g4p-social-profile .g4p-profile-stats small{font-size:12px!important;}
}


/* v2.1.14: premium profile typography + symmetric action tile hard-polish */
.g4p-social-profile .g4p-profile-copy h1{
  font-family: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Avenir Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;
  font-weight:1000!important;
  letter-spacing:-.095em!important;
  line-height:.86!important;
  color:#06142e!important;
  background:linear-gradient(92deg,#06142e 0%,#06142e 42%,#155cff 72%,#0da8ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  max-width:100%!important;
}
.g4p-social-profile .g4p-profile-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
.g4p-social-profile .g4p-profile-actions form{
  display:block!important;
  width:100%!important;
  margin:0!important;
  min-width:0!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-btn,
.g4p-social-profile .g4p-profile-actions .g4p-call-btn,
.g4p-social-profile .g4p-profile-actions form .g4p-btn{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:94px!important;
  padding:18px 12px!important;
  border-radius:28px!important;
  font-family:ui-rounded,"SF Pro Rounded","Avenir Next",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(21px,5.2vw,28px)!important;
  font-weight:1000!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  text-align:center!important;
  white-space:normal!important;
  text-decoration:none!important;
  transform:translateZ(0)!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-btn::before,
.g4p-social-profile .g4p-profile-actions .g4p-call-btn::before{
  content:""!important;
  position:absolute!important;
  inset:1px 1px auto 1px!important;
  height:48%!important;
  border-radius:26px 26px 18px 18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0))!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-profile-action-main{
  background:linear-gradient(145deg,#0c45ff 0%,#126cff 46%,#0fb3ff 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.40)!important;
  box-shadow:0 18px 34px rgba(21,92,255,.24), inset 0 1px 0 rgba(255,255,255,.40), inset 0 -10px 22px rgba(4,30,110,.18)!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-profile-action-chat{
  background:linear-gradient(145deg,#0b7dff 0%,#129dff 52%,#18c6ff 100%)!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-profile-action-small,
.g4p-social-profile .g4p-profile-actions form .g4p-btn,
.g4p-social-profile .g4p-profile-actions .g4p-call-btn{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
  color:#125cff!important;
  border:2px solid rgba(21,92,255,.34)!important;
  box-shadow:0 16px 30px rgba(6,20,44,.07), inset 0 1px 0 rgba(255,255,255,.90), inset 0 -8px 18px rgba(21,92,255,.045)!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-profile-action-disabled,
.g4p-social-profile .g4p-profile-actions .g4p-btn:disabled{
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%)!important;
  color:#b7ccff!important;
  border-color:#dbe7ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 22px rgba(6,20,44,.035)!important;
  opacity:1!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-btn:active,
.g4p-social-profile .g4p-profile-actions .g4p-call-btn:active{
  transform:translateY(1px)!important;
}
@media(min-width:783px){
  .g4p-social-profile .g4p-profile-copy h1{font-size:clamp(52px,5.2vw,76px)!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn{min-height:78px!important;border-radius:24px!important;font-size:clamp(18px,1.6vw,24px)!important;}
}
@media(max-width:782px){
  .g4p-social-profile .g4p-profile-copy h1{font-size:clamp(56px,17vw,78px)!important;margin:0 0 16px!important;}
  .g4p-profile-trust-row{margin-bottom:18px!important;}
  .g4p-social-profile .g4p-profile-actions{gap:14px!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn{min-height:96px!important;border-radius:28px!important;}
}
@media(max-width:390px){
  .g4p-social-profile .g4p-profile-copy h1{font-size:52px!important;letter-spacing:-.08em!important;}
  .g4p-social-profile .g4p-profile-actions{gap:12px!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn{min-height:88px!important;border-radius:24px!important;font-size:20px!important;}
}


/* v2.1.15: profile cleanup — calmer name typography, no duplicate SMS pill, unified premium buttons */
.g4p-social-profile .g4p-profile-trust-row .g4p-pill-blue{display:none!important;}
.g4p-social-profile .g4p-profile-copy h1{
  font-family:Inter, "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif!important;
  font-weight:950!important;
  letter-spacing:-.065em!important;
  line-height:.96!important;
  margin:0 0 14px!important;
  color:#06142e!important;
  background:linear-gradient(92deg,#06142e 0%,#06142e 56%,#155cff 82%,#0b9cff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}
.g4p-social-profile .g4p-profile-subtitle{display:none!important;}
.g4p-social-profile .g4p-profile-trust-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 22px!important;
}
.g4p-social-profile .g4p-profile-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
}
.g4p-social-profile .g4p-profile-actions form{width:100%!important;margin:0!important;}
.g4p-social-profile .g4p-profile-actions .g4p-btn,
.g4p-social-profile .g4p-profile-actions .g4p-call-btn,
.g4p-social-profile .g4p-profile-actions form .g4p-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:88px!important;
  min-height:88px!important;
  padding:0 12px!important;
  border-radius:24px!important;
  box-sizing:border-box!important;
  font-family:Inter,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif!important;
  font-weight:950!important;
  font-size:clamp(20px,5vw,26px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:normal!important;
  transform:none!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-profile-action-main,
.g4p-social-profile .g4p-profile-actions .g4p-profile-action-chat{
  background:linear-gradient(135deg,#105dff 0%,#006fff 52%,#00a8ff 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 18px 36px rgba(16,93,255,.24), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -10px 22px rgba(5,32,105,.16)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.10)!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-profile-action-small,
.g4p-social-profile .g4p-profile-actions form .g4p-btn,
.g4p-social-profile .g4p-profile-actions .g4p-call-btn{
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
  color:#155cff!important;
  border:2px solid rgba(21,92,255,.30)!important;
  box-shadow:0 14px 28px rgba(6,20,44,.06), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-profile-action-disabled,
.g4p-social-profile .g4p-profile-actions .g4p-btn:disabled{
  color:#aac2ff!important;
  border-color:#dbe7ff!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  opacity:1!important;
}
.g4p-social-profile .g4p-profile-actions .g4p-btn::before,
.g4p-social-profile .g4p-profile-actions .g4p-call-btn::before{
  content:""!important;
  position:absolute!important;
  left:2px!important;right:2px!important;top:2px!important;
  height:42%!important;
  border-radius:22px 22px 16px 16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}
@media(max-width:782px){
  .g4p-social-profile .g4p-profile-copy h1{font-size:clamp(48px,14vw,64px)!important;letter-spacing:-.06em!important;line-height:.98!important;margin-bottom:14px!important;}
  .g4p-social-profile .g4p-profile-actions{gap:14px!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn{height:86px!important;min-height:86px!important;border-radius:24px!important;}
}
@media(max-width:390px){
  .g4p-social-profile .g4p-profile-copy h1{font-size:46px!important;}
  .g4p-social-profile .g4p-profile-actions{gap:12px!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn{height:78px!important;min-height:78px!important;border-radius:22px!important;font-size:20px!important;}
}


/* v2.1.18: profile banner name — white premium text, slightly larger, no avatar overlap */
.g4p-social-profile .g4p-profile-cover{
  position:relative!important;
  display:block!important;
  height:154px!important;
  min-height:154px!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.g4p-social-profile .g4p-profile-banner-name{
  position:absolute!important;
  left:28px!important;
  right:24px!important;
  top:26px!important;
  max-width:calc(100% - 52px)!important;
  font-family:Inter,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif!important;
  font-weight:950!important;
  font-size:clamp(46px,9.2vw,74px)!important;
  line-height:.92!important;
  letter-spacing:-.068em!important;
  color:#fff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 4px 18px rgba(6,20,46,.22),0 1px 0 rgba(6,20,46,.16)!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  z-index:2!important;
  pointer-events:none!important;
}
.g4p-social-profile .g4p-profile-copy .g4p-profile-mobile-name{display:none!important;}
.g4p-social-profile .g4p-profile-main{gap:14px!important;}
.g4p-social-profile .g4p-profile-avatar{margin-bottom:10px!important;}
.g4p-social-profile .g4p-profile-trust-row{margin-top:0!important;margin-bottom:16px!important;}
.g4p-social-profile .g4p-profile-actions{margin-top:2px!important;}
@media(min-width:783px){
  .g4p-social-profile .g4p-profile-cover{height:168px!important;min-height:168px!important;}
  .g4p-social-profile .g4p-profile-banner-name{left:36px!important;right:34px!important;top:30px!important;font-size:clamp(54px,6vw,84px)!important;}
  .g4p-social-profile .g4p-profile-main{transform:translateY(-42px)!important;margin-bottom:-30px!important;align-items:start!important;}
  .g4p-social-profile .g4p-profile-avatar{margin-top:0!important;margin-bottom:0!important;}
  .g4p-social-profile .g4p-profile-copy{padding-top:74px!important;}
  .g4p-social-profile .g4p-profile-actions{padding-top:52px!important;}
}
@media(max-width:782px){
  .g4p-social-profile .g4p-profile-cover{height:154px!important;min-height:154px!important;}
  .g4p-social-profile .g4p-profile-banner-name{
    left:24px!important;
    right:20px!important;
    top:24px!important;
    max-width:calc(100% - 44px)!important;
    font-size:clamp(42px,13.6vw,64px)!important;
    line-height:.92!important;
  }
  .g4p-social-profile .g4p-profile-main{
    transform:translateY(-46px)!important;
    margin-bottom:-34px!important;
    padding:0 24px 22px!important;
  }
  .g4p-social-profile .g4p-profile-avatar{width:112px!important;height:112px!important;margin:0 0 12px!important;}
  .g4p-social-profile .g4p-profile-copy{min-height:0!important;margin-top:0!important;}
  .g4p-social-profile .g4p-profile-trust-row{margin:0 0 16px!important;}
  .g4p-social-profile .g4p-profile-actions{margin-top:0!important;}
}
@media(max-width:390px){
  .g4p-social-profile .g4p-profile-cover{height:148px!important;min-height:148px!important;}
  .g4p-social-profile .g4p-profile-banner-name{left:20px!important;right:18px!important;top:22px!important;font-size:clamp(38px,12.8vw,58px)!important;}
  .g4p-social-profile .g4p-profile-main{padding-left:20px!important;padding-right:20px!important;}
}


/* v2.1.19: adaptive profile banner names — keep short names bold, shrink longer names so they never cover the avatar */
.g4p-social-profile .g4p-profile-banner-name{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  max-height:92px!important;
  will-change:font-size!important;
}
@media(max-width:782px){
  .g4p-social-profile .g4p-profile-banner-name{max-height:78px!important;}
}
@media(max-width:390px){
  .g4p-social-profile .g4p-profile-banner-name{max-height:72px!important;}
}


/* v2.1.36 — restore premium full-size chat layout */

.g4p-chat-shell {
  max-width: none !important;
  width: 100% !important;
  padding-left: clamp(10px, 2.2vw, 30px) !important;
  padding-right: clamp(10px, 2.2vw, 30px) !important;
  padding-bottom: 104px !important;
}

.g4p-chat-shell .g4p-chat-layout {
  width: min(1380px, calc(100vw - 24px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  grid-template-columns: minmax(250px, 320px) minmax(0, 1fr) !important;
  min-height: min(820px, calc(100dvh - 150px)) !important;
  border-radius: 32px !important;
}

.g4p-chat-shell .g4p-chat-window {
  min-height: min(820px, calc(100dvh - 150px)) !important;
  max-height: none !important;
}

.g4p-chat-shell .g4p-chat-messages {
  flex: 1 1 auto !important;
  min-height: 420px !important;
  padding: 24px 22px !important;
}

.g4p-chat-shell .g4p-chat-bubble {
  max-width: min(78%, 680px) !important;
  padding: 15px 18px !important;
}

.g4p-chat-shell .g4p-chat-bubble p {
  font-size: 1rem !important;
  line-height: 1.45 !important;
}

.g4p-chat-shell .g4p-chat-compose {
  padding: 18px 20px 20px !important;
}

.g4p-chat-shell .g4p-chat-compose textarea {
  min-height: 60px !important;
  font-size: 1rem !important;
}

.g4p-chat-shell .g4p-chat-send-btn {
  width: 60px !important;
  height: 60px !important;
}

@media (max-width: 900px) {
  .g4p-chat-shell {
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-bottom: 104px !important;
  }

  .g4p-chat-shell .g4p-chat-layout {
    width: calc(100vw - 12px) !important;
    min-height: calc(100dvh - 128px) !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 28px !important;
  }

  .g4p-chat-shell .g4p-chat-inbox {
    max-height: 185px !important;
    overflow-y: auto !important;
    padding: 14px !important;
    flex: 0 0 auto !important;
  }

  .g4p-chat-shell .g4p-chat-window {
    min-height: calc(100dvh - 330px) !important;
    flex: 1 1 auto !important;
  }

  .g4p-chat-shell .g4p-chat-messages {
    min-height: 360px !important;
    padding: 18px 14px !important;
  }

  .g4p-chat-shell .g4p-chat-bubble {
    max-width: 88% !important;
  }
}

@media (max-width: 420px) {
  .g4p-chat-shell .g4p-chat-layout {
    width: calc(100vw - 8px) !important;
  }

  .g4p-chat-shell .g4p-chat-inbox {
    max-height: 160px !important;
  }

  .g4p-chat-shell .g4p-chat-window {
    min-height: calc(100dvh - 315px) !important;
  }

  .g4p-chat-shell .g4p-chat-bubble {
    max-width: 91% !important;
  }

  .g4p-chat-shell .g4p-chat-compose textarea {
    min-height: 58px !important;
  }
}


/* v2.1.37 — mobile chat final alignment pass
   Fixes: chat pushed off-screen, generic page hero/card spacing behind chat,
   oversized empty message panel, and clipped Mark All Read button on phones. */
body:has(.g4p-chat-shell){
  overflow-x:hidden!important;
}
body:has(.g4p-chat-shell) .g4p-page-hero:not(.g4p-live-order-hero):not(.g4p-customer-order-hero):not(.g4p-driver-apply-hero):not(.g4p-install-hero){
  display:none!important;
}
body:has(.g4p-chat-shell) .entry-content,
body:has(.g4p-chat-shell) .wp-block-post-content,
body:has(.g4p-chat-shell) main,
body:has(.g4p-chat-shell) article{
  overflow-x:hidden!important;
}
.g4p-chat-shell,
.g4p-chat-shell *{
  box-sizing:border-box!important;
}

@media (max-width: 900px){
  body:has(.g4p-chat-shell) .g4p-shell.g4p-chat-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 12px 104px!important;
    overflow-x:hidden!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-layout{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    border:none!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-inbox,
  body:has(.g4p-chat-shell) .g4p-chat-window{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-inbox{
    max-height:none!important;
    padding:18px!important;
    border:1px solid var(--g4-border)!important;
    border-radius:24px!important;
    box-shadow:0 14px 36px rgba(17,72,180,.08)!important;
    overflow:visible!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-section-head{
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    gap:10px!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-head-actions{
    width:100%!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:8px!important;
  }

  body:has(.g4p-chat-shell) .g4p-mark-read-form{
    margin:0!important;
    max-width:100%!important;
  }

  body:has(.g4p-chat-shell) .g4p-mark-read-btn{
    max-width:100%!important;
    white-space:nowrap!important;
    font-size:11px!important;
    letter-spacing:.12em!important;
    padding:10px 13px!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-thread-link{
    width:100%!important;
    max-width:100%!important;
    padding:13px 10px!important;
    gap:12px!important;
  }

  body:has(.g4p-chat-shell) .g4p-thread-body{
    min-width:0!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-window{
    min-height:0!important;
    max-height:none!important;
    margin-top:14px!important;
    padding:18px!important;
    border:1px solid var(--g4-border)!important;
    border-radius:24px!important;
    box-shadow:0 14px 36px rgba(17,72,180,.08)!important;
    overflow:visible!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-window:has(.g4p-chat-window-empty){
    padding:0!important;
    border:none!important;
    box-shadow:none!important;
    background:transparent!important;
    margin-top:12px!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-window-empty{
    min-height:0!important;
    padding:24px 18px!important;
    border:1px solid var(--g4-border)!important;
    border-radius:24px!important;
    box-shadow:0 14px 36px rgba(17,72,180,.08)!important;
    background:#fff!important;
    gap:10px!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-window-empty h3{
    font-size:clamp(28px,7.2vw,38px)!important;
    line-height:1.02!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-window-empty p{
    font-size:clamp(17px,4.5vw,21px)!important;
    line-height:1.28!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-window-empty .g4p-btn{
    width:100%!important;
    min-height:58px!important;
    border-radius:18px!important;
  }
}

@media (max-width: 430px){
  body:has(.g4p-chat-shell) .g4p-shell.g4p-chat-shell{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-inbox{
    padding:16px!important;
  }

  body:has(.g4p-chat-shell) .g4p-thread-avatar{
    width:46px!important;
    height:46px!important;
  }
}

/* v2.1.38 Pass 4.4 — chat inbox archive note */
.g4p-chat-archive-note{
  margin:-4px 0 12px;
  padding:9px 11px;
  border:1px solid #dbe8ff;
  border-radius:14px;
  background:#f7faff;
  color:#5f708c;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}
.g4p-chat-archive-note strong{color:var(--g4-blue);font-weight:1000;}

/* v2.1.41 profile name regression guard — CSS fallback so long names never run out of the cover */
.g4p-social-profile .g4p-profile-cover{
  overflow:hidden!important;
}
.g4p-social-profile .g4p-profile-banner-name{
  display:block!important;
  box-sizing:border-box!important;
  max-width:none!important;
  width:auto!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  transform-origin:left top!important;
}
@media(max-width:782px){
  .g4p-social-profile .g4p-profile-banner-name{
    left:20px!important;
    right:20px!important;
    top:22px!important;
    font-size:clamp(34px,10.2vw,52px)!important;
    line-height:.94!important;
    letter-spacing:-.075em!important;
  }
}
@media(max-width:430px){
  .g4p-social-profile .g4p-profile-banner-name{
    left:18px!important;
    right:18px!important;
    top:22px!important;
    font-size:clamp(31px,9.6vw,46px)!important;
  }
}
@media(max-width:360px){
  .g4p-social-profile .g4p-profile-banner-name{
    left:16px!important;
    right:16px!important;
    font-size:clamp(28px,9.2vw,40px)!important;
  }
}


/* v2.1.47: Google Places autocomplete dropdowns — inline under field */
.g4p-place-suggestions {
  display: none;
  position: relative;
  width: 100%;
  z-index: 12;
  margin: 8px 0 10px;
  background: #ffffff;
  border: 1px solid rgba(24, 86, 255, 0.18);
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(7, 29, 73, 0.14);
  overflow: hidden;
  max-height: 260px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.g4p-place-suggestions.is-open { display: block; }
.g4p-place-item {
  width: 100%;
  display: block;
  text-align: left;
  padding: 13px 15px;
  border: 0;
  border-bottom: 1px solid rgba(12, 38, 82, 0.08);
  background: #fff;
  color: #07152d;
  cursor: pointer;
}
.g4p-place-item:last-child { border-bottom: 0; }
.g4p-place-item:hover,
.g4p-place-item:focus,
.g4p-place-item.is-loading { background: #f3f7ff; outline: none; }
.g4p-place-item strong {
  display: block;
  font-weight: 900;
  font-size: 15px;
  line-height: 1.22;
  color: #07152d;
}
.g4p-place-item span {
  display: block;
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.28;
  color: #51607a;
}
.g4p-place-loading,
.g4p-place-empty {
  padding: 14px 16px;
  font-size: 13px;
  color: #51607a;
  background: #fff;
}
.g4p-place-manual-hint {
  display: block;
  margin-top: 7px;
}
@media (max-width: 720px) {
  .g4p-place-suggestions { border-radius: 16px; max-height: 230px; margin-top: 8px; }
  .g4p-place-item { padding: 14px 13px; }
  .g4p-place-item strong { font-size: 14px; }
  .g4p-place-item span { font-size: 12.5px; }
}

}

/* v2.1.48: Places suggestions must drop directly from the active input and scroll internally. */
.g4p-place-suggestions {
  position: static !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
  margin: 10px 0 12px !important;
  max-height: 220px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  clear: both;
}
.g4p-place-suggestions.is-open {
  display: block !important;
}
@media (max-width: 720px) {
  .g4p-place-suggestions {
    max-height: min(210px, 32vh) !important;
  }
}


/* v2.1.49: compact inline Places dropdown — never cover the active input; scroll internally. */
.g4p-place-suggestions {
  position: static !important;
  display: none;
  width: 100% !important;
  max-height: 170px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 8px 0 12px !important;
  z-index: 2 !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.g4p-place-suggestions.is-open { display: block !important; }
.g4p-place-item { min-height: 64px; }
@media (max-width: 720px) {
  .g4p-place-suggestions { max-height: min(165px, 24vh) !important; }
}


/* ═══════════════════════════════════════════════════════════════════════════
   v2.1.55  Login page — Android mobile resilience
   ───────────────────────────────────────────────────────────────────────────
   Problem: Android devices with larger Display Size / Text Size / browser zoom
   push the .g4p-page-hero h1 so large that the login fields scroll off-screen
   and the page appears empty. The fix:
     1. Scope all changes to .g4p-login-shell so desktop is unaffected.
     2. Use CSS flex order to visually hoist the form above the hero text.
     3. Compress hero typography with clamp() so it never overflows.
     4. Remove any possible viewport traps (height, overflow).
     5. Add safe bottom padding so the sticky tab-bar never covers the button.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Step 1: Make the login shell a flex column so CSS order works.
               This is applied at all widths; desktop is unaffected because
               the default order (0) keeps everything in source order. ── */
.g4p-login-shell {
  display: flex;
  flex-direction: column;
  /* Never trap the viewport — always let document scroll freely. */
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  -webkit-overflow-scrolling: touch;
}

/* ── Step 2: Mobile-specific ordering and spacing (≤ 782 px matches
               the sticky tab-bar breakpoint already in this stylesheet). ── */
@media (max-width: 782px) {

  /* Hoist the login form card above the marketing hero text.
     Error/success cards (order:0 default) land between form and hero,
     which is correct: user sees → form → any login error → branding. */
  .g4p-login-shell .g4p-login-card {
    order: -1;
  }

  /* Push the hero to the bottom of the flex column. */
  .g4p-login-shell .g4p-page-hero {
    order: 1;
    /* Compress top/bottom margins; hero is now below the fold on first view. */
    margin-top: 0;
    margin-bottom: clamp(10px, 2.5vw, 18px);
  }

  /* Compress shell padding.
     Bottom accounts for the fixed tab bar + iOS/Android safe area inset. */
  .g4p-login-shell {
    padding-top:    clamp(14px, 3vw, 28px);
    padding-bottom: calc(clamp(14px, 3vw, 28px) + 82px + env(safe-area-inset-bottom, 0px));
  }

  /* ── Hero heading: clamp() prevents overflow when system text/display
         size is increased; allow natural line-wrapping. ── */
  .g4p-login-shell .g4p-page-hero h1 {
    font-size:       clamp(24px, 6.5vw, 40px);
    line-height:     1.08;
    white-space:     normal;
    word-break:      break-word;
    overflow-wrap:   break-word;
    margin-bottom:   8px;
    /* Reduce letter-spacing at small sizes so words stay readable. */
    letter-spacing:  clamp(-0.02em, -0.04em, -0.045em);
  }

  /* ── Hero body text: smaller range on mobile. ── */
  .g4p-login-shell .g4p-page-hero p {
    font-size:   clamp(14px, 3.5vw, 18px);
    line-height: 1.4;
    margin:      0;
  }

  /* ── Login card: full width, no fixed height, allow natural scroll. ── */
  .g4p-login-card {
    max-width:  100% !important;
    width:      100%;
    box-sizing: border-box;
    height:     auto !important;
    min-height: 0   !important;
    overflow:   visible !important;
  }

  /* ── Auth action buttons at the bottom of the form:
         safe inset so the sticky nav bar never covers the last button. ── */
  .g4p-login-shell .g4p-auth-actions {
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
  }
}

/* ── Step 3: Extra-small viewport / large Android Display Size / heavy zoom.
               Some Android users set Display Size to XL, which shrinks the
               effective CSS viewport to ~320-360 px or less. ── */
@media (max-width: 480px) {

  .g4p-login-shell {
    padding-top: clamp(10px, 2vw, 18px);
  }

  /* Even smaller headline range for very narrow / heavily zoomed screens. */
  .g4p-login-shell .g4p-page-hero h1 {
    font-size:     clamp(20px, 5.5vw, 28px);
    margin-bottom: 6px;
  }

  .g4p-login-shell .g4p-page-hero p {
    font-size: clamp(13px, 3vw, 16px);
  }

  /* Compact the eyebrow badge. */
  .g4p-login-shell .g4p-eyebrow {
    font-size:     12px;
    padding:       6px 10px;
    margin-bottom: 10px;
  }

  /* Give the card a slightly tighter internal padding on tiny screens. */
  .g4p-login-shell .g4p-login-card {
    padding: clamp(16px, 4vw, 24px);
  }

  /* Reduce inter-field gap so more fields are visible without scrolling. */
  .g4p-login-shell .g4p-form {
    gap: clamp(12px, 3vw, 18px);
  }
}
/* ── End v2.1.55 login mobile resilience ── */


/* ═══════════════════════════════════════════════════════════════════════════
   v2.1.56  Android natural-scroll fix
   ───────────────────────────────────────────────────────────────────────────
   Root cause: without explicit overflow-y:auto + touch-action:pan-y on the
   document root, Android Chrome's compositor can misidentify which element
   is the scroll container. The result is that users must "throw" the page
   or tap a specific narrow strip to scroll — the page doesn't respond to a
   normal swipe anywhere in the content area.

   What this does:
     1. Declares html+body as the scroll root with overflow-y:auto
     2. Sets touch-action:pan-y so Android routes vertical swipe → document
     3. Adds -webkit-overflow-scrolling:touch for iOS/older-Android momentum
     4. Clears height/overflow traps on page shell and content wrappers
     5. Fixes .g4p-order-detail-main overflow:hidden (can clip content on mobile)
     6. Ensures sufficient bottom clearance for the fixed tab bar

   What this does NOT change:
     • .g4p-chat-messages — intentional inner scroll list, unchanged
     • .g4p-place-suggestions — dropdown with overflow-y:auto, unchanged
     • .g4p-scheduled-awareness, .g4p-payout-meter — card-level clip, fine
     • .g4p-availability-console — card container, not a scroll root
     • Chat panels, modals, call UI, maps — all manage their own scroll
     • Desktop: every rule is inside @media (max-width: 782px)
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 782px) {

  /* ── 1. Document scroll root ─────────────────────────────────────────── */
  /* html: allow full-height natural scroll, no overflow trap.              */
  html {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  /* body: establish as the primary scroll container Android should target.
     touch-action:pan-y  → Android gesture engine routes vertical swipes to
                            the document rather than absorbing them in inner
                            elements (the main cause of the "no scroll" feel).
     -webkit-overflow-scrolling:touch → enables native momentum on iOS/WebKit.
     overscroll-behavior-y is intentionally not set here; the existing rule
     (overscroll-behavior-y:contain on a chat-page media query) handles that
     correctly for the chat surface without affecting other pages.          */
  body {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  /* ── 2. Page shell / WordPress content wrappers ──────────────────────── */
  /* Remove any height constraint or overflow trap on the plugin shell and
     standard WordPress content containers. None of these should scroll
     independently — the document (body) is the scroll root.               */
  .g4p-shell,
  .g4p-login-shell,
  .wp-site-blocks,
  .entry-content,
  .site-content,
  main {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
  }

  /* ── 3. Order detail main column ─────────────────────────────────────── */
  /* Previously overflow:hidden (text-clipping layout trick). On mobile with
     scaled text/display size this clips form buttons. Relax to visible.    */
  .g4p-order-detail-main {
    overflow: visible !important;
  }

  /* ── 4. Bottom clearance for fixed tab bar ────────────────────────────── */
  /* The body already gets padding-bottom:calc(74px + env(safe-area-inset-bottom))
     from the earlier plugin rule. Add the same floor to standard WP content
     wrappers and the plugin shell so no page's last button is ever hidden
     behind the fixed tab bar (≈82 px + device safe-area inset).           */
  main,
  .site-content,
  .wp-site-blocks,
  .g4p-shell {
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }

}
/* ── End v2.1.56 Android scroll fix ── */


/* ═══════════════════════════════════════════════════════════════════════════
   v2.1.57  Fix excessive bottom gap on mobile non-home pages
   ───────────────────────────────────────────────────────────────────────────
   Root cause: v2.1.56 added padding-bottom: calc(96px + safe-area) to
   main / .site-content / .wp-site-blocks / .g4p-shell inside the mobile
   breakpoint. These are all nested inside body, which already carries
   padding-bottom: calc(74px + safe-area) for tab-bar clearance.

   With the v3.1.1 theme update hiding the website footer (display:none),
   the footer no longer fills the space that was previously masked by its
   own height. The compounded paddings became fully visible:

       body padding-bottom       ≈  74px  (correct — tab bar clearance)
       main padding-bottom       ≈  96px  (redundant — now stacks visibly)
       .g4p-shell padding-bottom ≈  96px  (redundant — stacks inside main)
       Total blank gap           ≈ 266px  ← what users are seeing

   Fix: on non-home mobile pages, zero the inner-wrapper padding-bottom.
   The body's 74px clearance is the only one needed to keep content above
   the fixed tab bar. Only the plugin shell keeps a small 16px air gap
   to visually separate the last card from the page floor.

   What is unchanged:
     • body padding-bottom: calc(74px + safe-area) — stays, handles tab bar
     • home page — no rule changed here, footer visible, spacing as before
     • desktop — every rule is inside @media (max-width: 782px)
     • chat panes, maps, dropdowns, modals — no change
     • auth/stripe/order/driver logic — not touched
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 782px) {

  /* Zero the redundant inner padding on standard WP content wrappers.
     Body's own 74px clearance already keeps all content above the tab bar. */
  body:not(.home):not(.front-page):not(.page-template-front-page) main,
  body:not(.home):not(.front-page):not(.page-template-front-page) .site-content,
  body:not(.home):not(.front-page):not(.page-template-front-page) .wp-site-blocks {
    padding-bottom: 0 !important;
  }

  /* Plugin shell: keep only a small visual cushion (16px) between the last
     card/button and the shell floor. Body provides the tab-bar clearance
     beneath it — do not stack another 96px on top of that.               */
  body:not(.home):not(.front-page):not(.page-template-front-page) .g4p-shell {
    padding-bottom: 16px !important;
  }

}
/* ── End v2.1.57 bottom-gap fix ── */

/* ── v2.1.58 archive panel ── */
.g4p-archive-details { margin-top: 24px; }
.g4p-archive-details > summary { list-style: none; cursor: pointer; display: inline-flex; }
.g4p-archive-details > summary::-webkit-details-marker { display: none; }
.g4p-archive-toggle { margin-bottom: 20px; }
.g4p-archive-panel { padding-top: 4px; }
/* ── End v2.1.58 archive panel ── */

/* ── v2.1.58 Android overscroll fix ─────────────────────────────────────
   overscroll-behavior-y:contain was previously only set in PWA standalone
   mode. In regular Android Chrome, Chrome's native pull-to-refresh (PTR)
   was firing because there was nothing to suppress it — producing a glass
   spinner overlay while content stayed stuck.
   contain = allow scroll within element but no overscroll propagation to
   browser chrome (no native PTR, no bounce). The custom PTR JS handles
   pull-to-refresh correctly on its own.                                   */
@media (max-width: 782px) {
  body {
    overscroll-behavior-y: contain;
  }
}
/* ── End v2.1.58 Android overscroll fix ── */

/* v2.1.60 — Driver GPS address taps */
.g4p-address-gps-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.65rem;
  width:100%;
  color:inherit;
  text-decoration:none;
  border:1px solid rgba(37,99,235,.22);
  background:rgba(37,99,235,.055);
  border-radius:16px;
  padding:.65rem .75rem;
  line-height:1.25;
}
.g4p-address-gps-link .g4p-address-text{
  min-width:0;
  overflow-wrap:anywhere;
}
.g4p-address-gps-link small{
  flex:0 0 auto;
  color:#2563eb;
  font-weight:900;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  background:#fff;
  border:1px solid rgba(37,99,235,.2);
  border-radius:999px;
  padding:.35rem .55rem;
  box-shadow:0 8px 18px rgba(37,99,235,.08);
}
.g4p-address-gps-link:active{
  transform:scale(.985);
}
.g4p-lcc-detail-row .g4p-address-gps-link,
.g4p-route .g4p-address-gps-link,
.g4p-dash-order-grid .g4p-address-gps-link{
  margin-top:.25rem;
}


/* v2.1.67: desktop profile responsive polish — desktop only, no order-flow changes */
@media (min-width: 783px){
  .g4p-social-profile{
    max-width: 1040px!important;
    margin: 26px auto 36px!important;
    overflow: hidden!important;
  }

  /* Desktop banner title: premium but no longer oversized/clipped */
  .g4p-social-profile .g4p-profile-cover{
    height: 140px!important;
    min-height: 140px!important;
  }
  .g4p-social-profile .g4p-profile-banner-name{
    left: 30px!important;
    right: 30px!important;
    top: 24px!important;
    font-size: clamp(40px, 4.35vw, 60px)!important;
    line-height: .98!important;
    letter-spacing: -.06em!important;
    max-height: 66px!important;
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: clip!important;
  }

  /* Desktop profile card: tighter 3-column layout */
  .g4p-social-profile .g4p-profile-main{
    display: grid!important;
    grid-template-columns: 116px minmax(0, 1fr) 360px!important;
    gap: 20px!important;
    align-items: center!important;
    padding: 0 28px 22px!important;
    transform: translateY(-28px)!important;
    margin-bottom: -16px!important;
    width: 100%!important;
    box-sizing: border-box!important;
  }
  .g4p-social-profile .g4p-profile-avatar{
    width: 104px!important;
    height: 104px!important;
    border-radius: 28px!important;
    margin: 0!important;
    align-self: center!important;
    justify-self: start!important;
  }
  .g4p-social-profile .g4p-profile-copy{
    min-width: 0!important;
    padding-top: 48px!important;
    align-self: center!important;
  }
  .g4p-social-profile .g4p-profile-copy .g4p-profile-mobile-name{
    display: none!important;
  }
  .g4p-social-profile .g4p-profile-trust-row{
    margin: 0!important;
    gap: 8px!important;
  }

  /* Desktop buttons: compact premium tiles, not mobile-sized blocks */
  .g4p-social-profile .g4p-profile-actions{
    display: grid!important;
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
    gap: 10px!important;
    width: 100%!important;
    max-width: 360px!important;
    min-width: 0!important;
    padding-top: 34px!important;
    justify-self: end!important;
    align-self: center!important;
  }
  .g4p-social-profile .g4p-profile-actions form{
    width: 100%!important;
    min-width: 0!important;
    margin: 0!important;
  }
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-video-btn,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn{
    width: 100%!important;
    min-width: 0!important;
    height: 56px!important;
    min-height: 56px!important;
    max-height: 56px!important;
    padding: 0 12px!important;
    border-radius: 18px!important;
    font-size: 16px!important;
    line-height: 1.05!important;
    letter-spacing: -.035em!important;
    box-sizing: border-box!important;
  }
  .g4p-social-profile .g4p-profile-actions .g4p-btn::before,
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn::before,
  .g4p-social-profile .g4p-profile-actions .g4p-video-btn::before{
    border-radius: 16px 16px 12px 12px!important;
    height: 42%!important;
  }

  /* Desktop stats: tighter and more proportional */
  .g4p-social-profile .g4p-profile-stats{
    gap: 10px!important;
    padding: 0 24px 22px!important;
  }
  .g4p-social-profile .g4p-profile-stats span{
    min-height: 72px!important;
    padding: 10px 8px!important;
    border-radius: 20px!important;
  }
  .g4p-social-profile .g4p-profile-stats strong{
    font-size: 26px!important;
    margin-bottom: 4px!important;
  }
  .g4p-social-profile .g4p-profile-stats small{
    font-size: 12px!important;
  }
  .g4p-social-profile .g4p-profile-bio{
    padding: 20px 28px 24px!important;
  }
}

@media (min-width: 783px) and (max-width: 1080px){
  .g4p-social-profile{
    max-width: calc(100vw - 44px)!important;
  }
  .g4p-social-profile .g4p-profile-main{
    grid-template-columns: 104px minmax(0, 1fr) 320px!important;
    gap: 16px!important;
    padding-left: 22px!important;
    padding-right: 22px!important;
  }
  .g4p-social-profile .g4p-profile-avatar{
    width: 96px!important;
    height: 96px!important;
  }
  .g4p-social-profile .g4p-profile-banner-name{
    font-size: clamp(36px, 4vw, 52px)!important;
  }
  .g4p-social-profile .g4p-profile-actions{
    max-width: 320px!important;
  }
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-video-btn,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn{
    height: 52px!important;
    min-height: 52px!important;
    max-height: 52px!important;
    font-size: 15px!important;
  }
}


/* v2.1.69: profile photo should fully cover the avatar tile and hide any letter/background fallback. */
.g4p-social-profile .g4p-profile-avatar.g4p-photo-avatar,
.g4p-profile-avatar.g4p-photo-avatar{
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
  padding:0!important;
  color:transparent!important;
}
.g4p-social-profile .g4p-profile-avatar.g4p-photo-avatar img,
.g4p-profile-avatar.g4p-photo-avatar img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  border-radius:inherit!important;
  z-index:2!important;
}
.g4p-social-profile .g4p-profile-avatar.g4p-photo-avatar span,
.g4p-profile-avatar.g4p-photo-avatar span{
  display:none!important;
}


/* v2.1.70: avatar inner-photo radius correction. Keep the premium white frame, but stop the image from inheriting the outer tile radius. */
.g4p-social-profile .g4p-profile-avatar.g4p-photo-avatar,
.g4p-profile-avatar.g4p-photo-avatar{
  box-sizing:border-box!important;
  display:block!important;
  line-height:0!important;
}
.g4p-social-profile .g4p-profile-avatar.g4p-photo-avatar img,
.g4p-profile-avatar.g4p-photo-avatar img{
  border-radius:22px!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media (max-width:782px){
  .g4p-social-profile .g4p-profile-avatar.g4p-photo-avatar img,
  .g4p-profile-avatar.g4p-photo-avatar img{
    border-radius:20px!important;
  }
}


/* v2.1.72: Customer cancellation fee warning */
.g4p-cancel-warning {
  margin: .85rem 0 1rem;
  padding: .9rem 1rem;
  border-radius: 16px;
  border: 1px solid rgba(255, 176, 0, .38);
  background: rgba(255, 246, 214, .92);
  color: #142347;
  font-weight: 700;
  line-height: 1.4;
}

/* v2.1.72: Live banner cancellation fee warning */
.g4p-global-banner-wrap .g4p-banner-cancel-warning {
  margin: 0 0 .55rem;
  padding: .7rem .85rem;
  border-radius: 14px;
  border: 1px solid rgba(255, 176, 0, .35);
  background: rgba(255, 246, 214, .95);
  color: #25324d;
  font-size: .88rem;
  line-height: 1.35;
}


/* v2.1.74 — cancellation payout moment uses payout-style premium banner */
.g4p-moment-driver_cancel_payout{background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.34),transparent 28%),linear-gradient(135deg,#071b42 0%,#1262ff 48%,#17b26a 100%);}
.g4p-payout-status.cancel_fee_due{background:#ecfdf3;color:#067647;border-color:#abefc6;}


/* v2.1.75 — 4-second customer cancellation policy banner */
.g4p-cancel-policy-overlay{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(2,8,23,.42);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  animation:g4pCancelNoticeIn .22s ease-out both;
}
.g4p-cancel-policy-overlay.g4p-is-leaving{animation:g4pCancelNoticeOut .42s ease-in both;}
.g4p-cancel-policy-banner{
  width:min(520px,100%);
  border-radius:28px;
  padding:24px 22px 22px;
  color:#fff;
  background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.24),transparent 30%),linear-gradient(135deg,#06142c 0%,#1259ff 56%,#17b26a 100%);
  box-shadow:0 30px 90px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.22);
  text-align:left;
}
.g4p-cancel-policy-eyebrow{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:11px;
  font-weight:950;
  margin-bottom:12px;
}
.g4p-cancel-policy-banner strong{display:block;font-size:clamp(24px,5vw,34px);line-height:1.02;font-weight:950;letter-spacing:-.045em;margin:0 0 10px;}
.g4p-cancel-policy-banner p{font-size:16px;line-height:1.42;font-weight:850;margin:0 0 14px;color:rgba(255,255,255,.92);}
.g4p-cancel-policy-banner em{display:block;font-style:normal;font-weight:950;font-size:18px;margin:0 0 10px;color:#fff;}
.g4p-cancel-policy-banner small{display:block;font-size:13px;font-weight:850;color:rgba(255,255,255,.78);}
form[data-g4p-cancel-locked="1"] button[type="submit"]{opacity:.72;cursor:wait!important;}
@keyframes g4pCancelNoticeIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes g4pCancelNoticeOut{to{opacity:0;transform:translateY(8px) scale(.985)}}
@media(max-width:640px){.g4p-cancel-policy-overlay{align-items:flex-end;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));}.g4p-cancel-policy-banner{border-radius:24px;padding:22px 18px 20px;}}


/* v2.1.89 — Desktop chat sizing polish
   Desktop-only: keep mobile/PWA chat fixes untouched. */
@media (min-width: 901px){
  body:has(.g4p-chat-shell) .g4p-shell.g4p-chat-shell{
    width:min(1180px, calc(100vw - 48px))!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:24px 24px 110px!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-layout{
    display:grid!important;
    grid-template-columns:minmax(280px, 340px) minmax(0, 1fr)!important;
    min-height:min(680px, calc(100vh - 150px))!important;
    max-height:calc(100vh - 150px)!important;
    border-radius:28px!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-inbox,
  body:has(.g4p-chat-shell) .g4p-chat-window{
    min-height:600px!important;
    max-height:calc(100vh - 150px)!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-inbox{
    padding:22px!important;
    overflow-y:auto!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-window{
    padding:22px!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-window-head{
    min-height:58px!important;
    align-items:center!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-messages{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:18px 8px!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-compose{
    flex-shrink:0!important;
    padding-top:14px!important;
  }

  body:has(.g4p-chat-shell) .g4p-chat-compose textarea{
    min-height:52px!important;
    max-height:118px!important;
  }
}


/* v2.1.95 — desktop chat containment + cancel confirm grace polish */
.g4p-cancel-confirm-ready{
  box-shadow:0 0 0 4px rgba(18,89,255,.14),0 12px 28px rgba(18,89,255,.18)!important;
  transform:translateY(-1px);
}
@media (min-width: 901px){
  body:has(.g4p-chat-shell){
    overflow-x:hidden!important;
  }
  body:has(.g4p-chat-shell) .g4p-shell.g4p-chat-shell{
    width:min(1040px, calc(100vw - 48px))!important;
    max-width:min(1040px, calc(100vw - 48px))!important;
    margin:36px auto 0!important;
    padding:0 0 110px!important;
    overflow:visible!important;
  }
  body:has(.g4p-chat-shell) .g4p-chat-layout{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(280px, 320px) minmax(0, 1fr)!important;
    min-height:min(620px, calc(100vh - 190px))!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  body:has(.g4p-chat-shell) .g4p-chat-inbox,
  body:has(.g4p-chat-shell) .g4p-chat-window{
    min-width:0!important;
    max-width:100%!important;
    min-height:min(620px, calc(100vh - 190px))!important;
    max-height:none!important;
  }
  body:has(.g4p-chat-shell) .g4p-chat-window-empty{
    width:100%!important;
    max-width:520px!important;
    margin:auto!important;
    padding:34px 28px!important;
    text-align:center!important;
    overflow:visible!important;
  }
  body:has(.g4p-chat-shell) .g4p-chat-window-empty p{
    max-width:500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
}

/* v2.1.96: desktop driver profile button polish — compact, even, non-stacked CTAs */
@media (min-width:783px){
  .g4p-social-profile .g4p-profile-main{
    grid-template-columns:130px minmax(260px,1fr) minmax(320px,390px)!important;
    gap:24px!important;
    align-items:center!important;
  }
  .g4p-social-profile .g4p-profile-actions{
    grid-column:3!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    max-width:390px!important;
    min-width:0!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
  }
  .g4p-social-profile .g4p-profile-actions form{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-video-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:48px!important;
    height:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:11px 14px!important;
    border-radius:16px!important;
    font-size:14.5px!important;
    font-weight:950!important;
    line-height:1.05!important;
    letter-spacing:-.01em!important;
    text-align:center!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
    text-decoration:none!important;
  }
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn{
    background:#fff!important;
    border:2px solid #c8d8fb!important;
    color:#155cff!important;
    box-shadow:0 10px 24px rgba(8,30,70,.06)!important;
  }
  .g4p-social-profile .g4p-profile-actions .g4p-video-btn{
    background:linear-gradient(180deg,#1764ff,#0751eb)!important;
    border:2px solid transparent!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(21,92,255,.18)!important;
  }
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn::after,
  .g4p-social-profile .g4p-profile-actions .g4p-video-btn::after{
    content:none!important;
    display:none!important;
  }
}
@media (min-width:783px) and (max-width:1120px){
  .g4p-social-profile .g4p-profile-main{
    grid-template-columns:112px minmax(220px,1fr) minmax(290px,350px)!important;
    gap:18px!important;
  }
  .g4p-social-profile .g4p-profile-actions{max-width:350px!important;gap:10px!important;}
  .g4p-social-profile .g4p-profile-actions .g4p-btn,
  .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  .g4p-social-profile .g4p-profile-actions .g4p-video-btn{
    min-height:46px!important;
    padding:10px 11px!important;
    font-size:13.5px!important;
    border-radius:15px!important;
  }
}


/* v2.1.97: desktop driver profile action buttons — real web controls, not oversized mobile tiles */
@media (min-width:783px){
  body .g4p-social-profile .g4p-profile-main{
    grid-template-columns:126px minmax(250px,1fr) minmax(300px,340px)!important;
    gap:22px!important;
    align-items:center!important;
  }
  body .g4p-social-profile .g4p-profile-actions{
    grid-column:3!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:340px!important;
    min-width:0!important;
    padding-top:34px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:end!important;
  }
  body .g4p-social-profile .g4p-profile-actions form{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    box-sizing:border-box!important;
    font-family:Inter,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif!important;
    font-size:14px!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    text-transform:none!important;
    box-shadow:0 8px 18px rgba(8,30,70,.055)!important;
    transform:none!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-btn::before,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn::before,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn::before,
  body .g4p-social-profile .g4p-profile-actions .g4p-btn::after,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn::after,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn::after{
    content:none!important;
    display:none!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-profile-action-main,
  body .g4p-social-profile .g4p-profile-actions .g4p-profile-action-chat,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn{
    background:linear-gradient(180deg,#1f73ff 0%,#0957e8 100%)!important;
    color:#fff!important;
    border:1px solid rgba(7,74,210,.55)!important;
    text-shadow:none!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-profile-action-small,
  body .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn{
    background:#fff!important;
    color:#155cff!important;
    border:1px solid #cbdcff!important;
    text-shadow:none!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-btn:hover,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn:hover,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 10px 22px rgba(8,30,70,.08)!important;
  }
}
@media (min-width:783px) and (max-width:1120px){
  body .g4p-social-profile .g4p-profile-main{
    grid-template-columns:104px minmax(205px,1fr) minmax(278px,318px)!important;
    gap:16px!important;
  }
  body .g4p-social-profile .g4p-profile-actions{
    max-width:318px!important;
    gap:9px!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border-radius:13px!important;
    font-size:13px!important;
    padding:0 9px!important;
  }
}


/* v2.1.98: final desktop driver profile action grid spacing cleanup.
   Keep mobile untouched. Fixes profile buttons that still looked like large, uneven mobile tiles on desktop. */
@media (min-width:783px){
  body .g4p-social-profile .g4p-profile-main{
    grid-template-columns:112px minmax(230px,1fr) minmax(280px,306px)!important;
    gap:20px!important;
    align-items:center!important;
  }
  body .g4p-social-profile .g4p-profile-actions{
    grid-column:3!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:10px!important;
    row-gap:10px!important;
    width:100%!important;
    max-width:306px!important;
    min-width:0!important;
    padding-top:20px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:end!important;
  }
  body .g4p-social-profile .g4p-profile-actions > *,
  body .g4p-social-profile .g4p-profile-actions form{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    line-height:1!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-network-video-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0 11px!important;
    border-radius:13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    box-sizing:border-box!important;
    font-size:13.5px!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    text-transform:none!important;
    overflow:hidden!important;
    box-shadow:0 7px 16px rgba(8,30,70,.055)!important;
    transform:none!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-btn::before,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn::before,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn::before,
  body .g4p-social-profile .g4p-profile-actions .g4p-network-video-btn::before,
  body .g4p-social-profile .g4p-profile-actions .g4p-btn::after,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn::after,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn::after,
  body .g4p-social-profile .g4p-profile-actions .g4p-network-video-btn::after{
    content:none!important;
    display:none!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-profile-action-main,
  body .g4p-social-profile .g4p-profile-actions .g4p-profile-action-chat,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-network-video-btn{
    background:linear-gradient(180deg,#1f73ff 0%,#0957e8 100%)!important;
    color:#fff!important;
    border:1px solid rgba(7,74,210,.55)!important;
    text-shadow:none!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-profile-action-small,
  body .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn{
    background:#fff!important;
    color:#155cff!important;
    border:1px solid #cbdcff!important;
    text-shadow:none!important;
  }
}
@media (min-width:783px) and (max-width:1120px){
  body .g4p-social-profile .g4p-profile-main{
    grid-template-columns:98px minmax(190px,1fr) minmax(250px,286px)!important;
    gap:14px!important;
  }
  body .g4p-social-profile .g4p-profile-actions{
    max-width:286px!important;
    column-gap:8px!important;
    row-gap:8px!important;
    padding-top:18px!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-network-video-btn{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:12px!important;
    font-size:12.75px!important;
    padding:0 8px!important;
  }
}


/* v2.1.99: HARD RESET for desktop driver/customer profile action buttons.
   This is intentionally last in the plugin stylesheet. The theme was audited: its
   profile button issue is not coming from theme profile selectors, but this reset
   is strong enough to survive late theme/global .g4p-btn styling as well. Mobile
   remains untouched. */
@media (min-width:783px){
  body .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:104px minmax(230px,1fr) 292px!important;
    gap:18px!important;
    align-items:center!important;
    padding:0 28px 22px!important;
  }
  body .g4p-social-profile .g4p-profile-actions{
    grid-column:3!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:292px!important;
    max-width:292px!important;
    min-width:292px!important;
    padding:10px 0 0!important;
    margin:0!important;
    align-self:center!important;
    justify-self:end!important;
  }
  body .g4p-social-profile .g4p-profile-actions > *,
  body .g4p-social-profile .g4p-profile-actions form{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    grid-column:auto!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    line-height:1!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-network-video-btn,
  body .g4p-social-profile .g4p-profile-actions button,
  body .g4p-social-profile .g4p-profile-actions a{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    box-sizing:border-box!important;
    font-family:Inter,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif!important;
    font-size:13px!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-transform:none!important;
    text-decoration:none!important;
    transform:none!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    box-shadow:0 5px 12px rgba(8,30,70,.055)!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-btn::before,
  body .g4p-social-profile .g4p-profile-actions .g4p-btn::after,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn::before,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn::after,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn::before,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn::after,
  body .g4p-social-profile .g4p-profile-actions .g4p-network-video-btn::before,
  body .g4p-social-profile .g4p-profile-actions .g4p-network-video-btn::after{
    content:none!important;
    display:none!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-profile-action-main,
  body .g4p-social-profile .g4p-profile-actions .g4p-profile-action-chat,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-network-video-btn{
    color:#fff!important;
    background:#1262ff!important;
    border:1px solid #0f55df!important;
    text-shadow:none!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-profile-action-small,
  body .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn{
    color:#1258ff!important;
    background:#fff!important;
    border:1px solid #c7d9ff!important;
    text-shadow:none!important;
  }
  body .g4p-social-profile .g4p-profile-actions .g4p-btn:hover,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn:hover,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn:hover,
  body .g4p-social-profile .g4p-profile-actions .g4p-network-video-btn:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 8px 16px rgba(8,30,70,.09)!important;
  }
}
@media (min-width:783px) and (max-width:1120px){
  body .g4p-social-profile .g4p-profile-main{
    grid-template-columns:96px minmax(190px,1fr) 268px!important;
    gap:14px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  body .g4p-social-profile .g4p-profile-actions{
    width:268px!important;
    min-width:268px!important;
    max-width:268px!important;
    gap:7px!important;
  }
  body .g4p-social-profile .g4p-profile-actions > *,
  body .g4p-social-profile .g4p-profile-actions form,
  body .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-video-btn,
  body .g4p-social-profile .g4p-profile-actions .g4p-network-video-btn,
  body .g4p-social-profile .g4p-profile-actions button,
  body .g4p-social-profile .g4p-profile-actions a{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    border-radius:11px!important;
    font-size:12px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
}


/* v2.2.00: Driver profile app-page flattening
   The theme wrapper is gone now, but the driver profile shortcode itself was still
   creating the large white/blue "background pad" via g4p-card-style containers.
   Keep the actual profile modules, stats, verified goal, and reviews polished,
   but remove the outer pad/card feeling on driver-profile pages only. */
.g4p-driver-profile-shell{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:22px 24px 58px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.g4p-driver-profile-shell > .g4p-social-profile.g4p-driver-profile-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  overflow:visible!important;
  max-width:1040px!important;
  margin:0 auto 24px!important;
}
.g4p-driver-profile-shell .g4p-profile-cover{
  border:1px solid #dbe7ff!important;
  border-bottom:0!important;
  border-radius:26px 26px 0 0!important;
  overflow:hidden!important;
}
.g4p-driver-profile-shell .g4p-profile-main,
.g4p-driver-profile-shell .g4p-profile-stats,
.g4p-driver-profile-shell .g4p-profile-bio{
  background:#fff!important;
  border-left:1px solid #dbe7ff!important;
  border-right:1px solid #dbe7ff!important;
}
.g4p-driver-profile-shell .g4p-profile-bio{
  border-bottom:1px solid #dbe7ff!important;
  border-radius:0 0 26px 26px!important;
  box-shadow:0 18px 45px rgba(8,30,70,.055)!important;
}
.g4p-driver-profile-shell .g4p-verify-progress.g4p-card,
.g4p-driver-profile-shell .g4p-reviews-list.g4p-card{
  max-width:1040px!important;
  margin:18px auto!important;
  box-shadow:0 10px 26px rgba(8,30,70,.045)!important;
  border:1px solid #dfe8f7!important;
  border-radius:20px!important;
}
.g4p-driver-profile-shell .g4p-review-item{
  box-shadow:none!important;
}
@media (max-width:760px){
  .g4p-driver-profile-shell{
    padding:12px 16px 86px!important;
  }
  .g4p-driver-profile-shell > .g4p-social-profile.g4p-driver-profile-card{
    max-width:100%!important;
    margin-bottom:16px!important;
  }
  .g4p-driver-profile-shell .g4p-profile-cover{
    border-radius:22px 22px 0 0!important;
  }
  .g4p-driver-profile-shell .g4p-profile-bio{
    border-radius:0 0 22px 22px!important;
  }
  .g4p-driver-profile-shell .g4p-verify-progress.g4p-card,
  .g4p-driver-profile-shell .g4p-reviews-list.g4p-card{
    margin:14px auto!important;
    border-radius:18px!important;
  }
}


/* v2.2.03: Driver-account profile uses the same polished app-card rules as public driver profiles.
   Fixes /driver-account/ (My Profile) action buttons sitting differently from /driver-profile/.
   Public profile, mobile sizing, order/payment/chat logic are untouched. */
.g4p-driver-account-shell > .g4p-social-profile.g4p-driver-account-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  overflow:visible!important;
  max-width:1040px!important;
  margin:0 auto 24px!important;
}
@media (min-width:783px){
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:112px minmax(280px,1fr) 292px!important;
    gap:18px!important;
    align-items:start!important;
    padding:0 28px 22px!important;
    transform:translateY(-42px)!important;
    margin-bottom:-30px!important;
  }
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-avatar{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-copy{
    padding-top:74px!important;
    min-width:0!important;
  }
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-actions{
    grid-column:3!important;
    padding-top:52px!important;
    align-self:start!important;
    justify-self:end!important;
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
  }
}
@media (min-width:783px) and (max-width:1120px){
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-main{
    grid-template-columns:96px minmax(210px,1fr) 268px!important;
    gap:14px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-actions{
    width:268px!important;
    min-width:268px!important;
    max-width:268px!important;
  }
}


/* v2.2.06: Customer My Profile action alignment.
   The public driver profile and driver account were already normalized; customer
   account still used the older generic profile card which let the action buttons
   float too low/wide on desktop. Keep mobile untouched. */
.g4p-customer-account-shell > .g4p-social-profile.g4p-customer-account-card{
  max-width:1040px!important;
  margin:0 auto 24px!important;
}
@media (min-width:783px){
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:112px minmax(280px,1fr) 292px!important;
    gap:18px!important;
    align-items:start!important;
    padding:0 28px 22px!important;
    transform:translateY(-42px)!important;
    margin-bottom:-30px!important;
  }
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-avatar{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-copy{
    padding-top:74px!important;
    min-width:0!important;
  }
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-actions{
    grid-column:3!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding-top:52px!important;
    margin:0!important;
    align-self:start!important;
    justify-self:end!important;
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
  }
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-actions > *,
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-actions form,
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-actions button,
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-actions a{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-actions .g4p-profile-action-disabled{
    opacity:.48!important;
    cursor:not-allowed!important;
    box-shadow:none!important;
  }
}
@media (min-width:783px) and (max-width:1120px){
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-main{
    grid-template-columns:96px minmax(210px,1fr) 268px!important;
    gap:14px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-actions{
    width:268px!important;
    min-width:268px!important;
    max-width:268px!important;
    gap:7px!important;
  }
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-actions > *,
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-actions button,
  body .g4p-customer-account-shell .g4p-social-profile .g4p-profile-actions a{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    border-radius:11px!important;
    font-size:12px!important;
  }
}


/* v2.2.10 — Premium profile-header sound toggle.
   Sound is generated locally with WebAudio; profile pages own the setting now. */
.g4p-profile-sound-toggle{
  border:1px solid rgba(37,99,235,.20)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,246,255,.92))!important;
  color:#0f172a!important;
  border-radius:999px!important;
  box-shadow:0 12px 30px rgba(37,99,235,.10)!important;
  padding:9px 13px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  align-self:center!important;
  justify-self:end!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease, border-color .18s ease!important;
}
.g4p-profile-sound-toggle:hover{transform:translateY(-1px)!important;box-shadow:0 16px 36px rgba(37,99,235,.16)!important;border-color:rgba(37,99,235,.34)!important;}
.g4p-profile-sound-toggle.is-muted{opacity:.72!important;background:rgba(255,255,255,.86)!important;}
.g4p-sound-toggle-dot{width:10px;height:10px;border-radius:999px;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12),0 0 18px rgba(22,163,74,.34);flex:0 0 auto;}
.g4p-profile-sound-toggle.is-muted .g4p-sound-toggle-dot{background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.14);}
.g4p-sound-toggle-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;}
.g4p-sound-toggle-copy strong{font-size:11px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;color:#1d4ed8;}
.g4p-sound-toggle-copy small{font-size:11px;font-weight:900;color:#64748b;margin-top:2px;}
.g4p-profile-copy .g4p-profile-sound-toggle{margin-top:10px;}
@media (min-width:900px){
  .g4p-social-profile .g4p-profile-main{position:relative;}
  .g4p-social-profile .g4p-profile-sound-toggle{margin-left:auto;}
}
@media (max-width:782px){
  .g4p-profile-sound-toggle{min-height:38px!important;padding:8px 11px!important;margin:10px 0 0!important;}
  .g4p-sound-toggle-copy strong,.g4p-sound-toggle-copy small{font-size:10px;}
}
}

/* v2.2.11 — Sound toggle placement polish.
   The sound control belongs inside the identity/profile copy area so it never
   creates a fourth header column or stretches the profile action/buttons zone. */
.g4p-social-profile .g4p-profile-copy .g4p-profile-sound-slot{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin-top:10px!important;
  width:auto!important;
  max-width:max-content!important;
}
.g4p-social-profile .g4p-profile-copy .g4p-profile-sound-toggle{
  min-height:32px!important;
  height:auto!important;
  padding:6px 10px!important;
  gap:7px!important;
  border-radius:999px!important;
  align-self:flex-start!important;
  justify-self:start!important;
  margin:0!important;
  box-shadow:0 8px 20px rgba(37,99,235,.08)!important;
}
.g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-dot{
  width:8px!important;
  height:8px!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.12),0 0 14px rgba(22,163,74,.28)!important;
}
.g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-copy strong{
  font-size:9.5px!important;
  letter-spacing:.055em!important;
}
.g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-copy small{
  font-size:10px!important;
  margin-top:1px!important;
}
@media (min-width:783px){
  .g4p-social-profile .g4p-profile-main > .g4p-profile-sound-toggle{
    display:none!important;
  }
  .g4p-social-profile .g4p-profile-copy .g4p-profile-sound-slot{
    margin-top:8px!important;
  }
}
@media (max-width:782px){
  .g4p-social-profile .g4p-profile-copy .g4p-profile-sound-slot{
    margin-top:8px!important;
  }
  .g4p-social-profile .g4p-profile-copy .g4p-profile-sound-toggle{
    min-height:30px!important;
    padding:6px 9px!important;
  }
}

/* ============================================================
   v2.2.16 — Production Live Order Board (flat-rate Grabbit flow)
   Desktop: board grid. Mobile: cards stack one on top of another.
   ============================================================ */
.g4p-jobs-shell{max-width:1180px;margin:0 auto;padding:0 18px 40px;}
.g4p-jobs-hero{margin:18px 0 18px!important;padding:22px 0 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.g4p-jobs-hero h1{font-size:clamp(42px,6vw,74px)!important;line-height:.9!important;letter-spacing:-.075em!important;margin:0 0 8px!important;color:#07142d!important;}
.g4p-live-order-board,.g4p-driver-command-center{background:#fff;border:1px solid #dbe7ff;border-radius:28px;box-shadow:0 22px 70px rgba(18,103,255,.08);padding:22px;margin:0 0 18px;}
.g4p-board-head,.g4p-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.g4p-board-head h2,.g4p-command-head h2{font-size:24px;line-height:1.05;letter-spacing:-.04em;margin:6px 0;color:#07142d;}
.g4p-board-head p{margin:0;color:#52627e;font-weight:700;}
.g4p-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#19b65a;box-shadow:0 0 0 6px rgba(25,182,90,.12);margin-right:8px;vertical-align:middle;animation:g4pLivePulse 1.8s infinite;}
@keyframes g4pLivePulse{0%{box-shadow:0 0 0 0 rgba(25,182,90,.25)}70%{box-shadow:0 0 0 9px rgba(25,182,90,0)}100%{box-shadow:0 0 0 0 rgba(25,182,90,0)}}
.g4p-board-refresh{border:1px solid #dbe7ff;background:#f8fbff;color:#1267ff;border-radius:16px;padding:11px 15px;font-weight:900;cursor:pointer;white-space:nowrap;}
.g4p-board-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;}
.g4p-board-stats span{display:flex;flex-direction:column;gap:4px;border:1px solid #dbe7ff;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:18px;padding:16px 18px;min-height:74px;}
.g4p-board-stats b{font-size:24px;line-height:1;color:#07142d;letter-spacing:-.04em;}
.g4p-board-stats small{font-weight:850;color:#52627e;}
.g4p-board-filters{display:flex;gap:10px;overflow:auto;padding:0 0 14px;margin-bottom:4px;}
.g4p-board-filters button{border:1px solid #dbe7ff;background:#f8fbff;color:#34425f;border-radius:13px;padding:10px 18px;font-weight:900;white-space:nowrap;cursor:pointer;}
.g4p-board-filters button.is-active{background:linear-gradient(135deg,#1267ff,#0b8cff);color:#fff;border-color:#1267ff;box-shadow:0 10px 22px rgba(18,103,255,.18);}
.g4p-live-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;}
.g4p-live-job-card{position:relative;border:1px solid #dbe7ff;background:#fff;border-radius:22px;padding:18px;box-shadow:0 10px 32px rgba(7,20,45,.06);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.g4p-live-job-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(18,103,255,.12);}
.g4p-live-job-card.is-fresh{border-color:#1267ff;box-shadow:0 0 0 2px rgba(18,103,255,.08),0 22px 48px rgba(18,103,255,.14);}
.g4p-live-job-card.is-fresh::before{content:'⚡ NEW';position:absolute;top:-13px;left:18px;border-radius:999px;background:linear-gradient(135deg,#1267ff,#0b8cff);color:#fff;font-size:11px;font-weight:950;letter-spacing:.05em;padding:6px 12px;box-shadow:0 10px 22px rgba(18,103,255,.22);}
.g4p-job-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;}
.g4p-job-store{display:block;color:#07142d;font-size:18px;line-height:1.12;font-weight:950;letter-spacing:-.035em;max-width:210px;}
.g4p-job-type{margin-top:6px;color:#1267ff;font-weight:900;font-size:13px;}
.g4p-job-fee{text-align:right;min-width:74px;}
.g4p-job-fee strong{display:block;color:#11924a;font-size:28px;line-height:1;font-weight:950;letter-spacing:-.05em;}
.g4p-job-fee span{display:inline-block;margin-top:5px;background:#eef4ff;color:#52627e;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;}
.g4p-job-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.g4p-job-badge{display:inline-flex;align-items:center;border-radius:999px;background:#eaf2ff;color:#1267ff;font-size:11px;font-weight:950;letter-spacing:.04em;padding:5px 9px;}
.g4p-job-badge-new{background:#e7f0ff;color:#0b63f6;}.g4p-job-badge-for-you{background:#e8fbea;color:#12934a;}.g4p-job-badge-scheduled{background:#f2eaff;color:#6d35d4;}.g4p-job-badge-large{background:#fff1e7;color:#e75f18;}
.g4p-job-time{margin-left:auto;color:#70809b;font-size:12px;font-weight:850;}
.g4p-job-route{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;border-top:1px solid #edf3ff;border-bottom:1px solid #edf3ff;padding:13px 0;margin-bottom:12px;}
.g4p-job-route small{display:block;color:#70809b;text-transform:uppercase;font-size:10px;letter-spacing:.08em;font-weight:950;margin-bottom:4px;}.g4p-job-route strong{display:block;color:#07142d;font-size:13px;line-height:1.25;font-weight:900;}
.g4p-job-route-arrow{color:#1267ff;font-weight:950;}
.g4p-job-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}.g4p-job-meta span{background:#f5f8ff;border:1px solid #e7efff;color:#52627e;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850;}
.g4p-job-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;align-items:center;}.g4p-job-actions .g4p-btn{justify-content:center;text-align:center;min-height:44px;}.g4p-job-actions form{margin:0;}.g4p-job-actions form .g4p-btn{width:100%;}
.g4p-active-job-strip{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:16px;border:1px solid #cfe0ff;background:#f7fbff;border-radius:18px;padding:14px 16px;}.g4p-active-job-strip strong{color:#07142d;font-weight:950}.g4p-active-job-strip p{margin:0;color:#52627e;font-weight:750;}
.g4p-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}.g4p-command-grid>div{border:1px solid #dbe7ff;border-radius:18px;background:#fff;padding:16px;min-height:104px;}.g4p-command-grid small{display:block;color:#52627e;font-weight:900;margin-bottom:8px;}.g4p-command-grid strong{display:block;color:#07142d;font-size:26px;line-height:1;font-weight:950;}.g4p-command-grid a{font-weight:900;color:#1267ff;text-decoration:none;}.g4p-command-grid span{display:block;color:#70809b;margin-top:8px;font-weight:750;}.g4p-board-tip{margin-top:14px;background:#f5f9ff;border:1px solid #dbe7ff;color:#52627e;border-radius:14px;padding:12px 14px;font-weight:800;}
@media (max-width: 980px){.g4p-live-job-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.g4p-board-stats,.g4p-command-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 680px){.g4p-jobs-shell{padding:0 12px 28px;}.g4p-jobs-hero h1{font-size:48px!important}.g4p-live-order-board,.g4p-driver-command-center{border-radius:22px;padding:16px;margin-bottom:14px}.g4p-board-head,.g4p-command-head{align-items:flex-start}.g4p-board-head{flex-direction:column}.g4p-board-refresh{width:100%;}.g4p-board-stats{display:flex;overflow:auto;gap:10px;padding-bottom:4px}.g4p-board-stats span{min-width:154px;padding:14px}.g4p-live-job-grid{grid-template-columns:1fr;}.g4p-job-actions{grid-template-columns:1fr 1fr}.g4p-command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.g4p-command-grid>div{padding:13px;min-height:96px}.g4p-active-job-strip{flex-direction:column;align-items:stretch}.g4p-active-job-strip .g4p-btn{width:100%;}.g4p-job-store{max-width:180px}.g4p-job-fee strong{font-size:26px}}
.g4p-job-actions .g4p-driver-board-decision{display:grid;grid-template-columns:1fr;gap:8px;}
.g4p-job-actions .g4p-driver-board-decision:has(.g4p-job-decline){grid-template-columns:1fr .8fr;}
@media (max-width:680px){.g4p-job-actions .g4p-driver-board-decision:has(.g4p-job-decline){grid-template-columns:1fr 1fr;}}


/* v2.2.17: Android PWA install CTA — match blue Enable Alerts button */
.g4p-install-app-btn,
.g4p-pwa-card [data-g4p-install-app].g4p-btn{
  background:#1259ff!important;
  border-color:#1259ff!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(18,89,255,.22)!important;
}
.g4p-install-app-btn:hover,
.g4p-pwa-card [data-g4p-install-app].g4p-btn:hover{
  background:#0f4fe6!important;
  border-color:#0f4fe6!important;
  color:#fff!important;
}
.g4p-install-app-btn:disabled,
.g4p-pwa-card [data-g4p-install-app].g4p-btn:disabled{
  opacity:.82;
  cursor:not-allowed;
}
.g4p-install-status{
  margin:10px 0 0!important;
  font-size:13px!important;
  line-height:1.35!important;
}


/* v2.2.18: Android native scroll hardening
   Launch-blocker fix: Android Chrome/PWA should use the browser's native scroll
   pipeline. The app-style pull-to-refresh layer and aggressive touch-action /
   overscroll containment made some Android devices feel sticky, jumpy, or like
   only tiny parts of the page could scroll. Keep fixed header/tabbar behavior,
   but stop trapping vertical gestures on Android-size mobile pages. */
@media (max-width: 782px) {
  html.g4p-no-zoom,
  html.g4p-no-zoom body,
  html,
  body {
    touch-action: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body {
    overscroll-behavior-y: auto !important;
  }
  .g4p-pull-refresh {
    display: none !important;
  }
  .g4p-shell,
  .g4p-login-shell,
  .entry-content,
  .site-content,
  .wp-site-blocks,
  main {
    max-height: none !important;
    overflow-y: visible !important;
  }
  .g4p-board-stats {
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
  }
}


/* v2.2.36 — Driver Wallet UI Polish: stack Instant Pay money rows inside the platform plugin. */
.g4p-instant-cashout-card .g4p-instant-pay-stack{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  margin:16px 0 14px !important;
  width:100% !important;
}
.g4p-instant-cashout-card .g4p-instant-pay-row{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  padding:16px 18px !important;
  border:1px solid #dbe7ff !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 12px 28px rgba(15,66,185,.06) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  text-align:left !important;
  overflow:hidden !important;
}
.g4p-instant-cashout-card .g4p-instant-pay-copy{
  min-width:0 !important;
  flex:1 1 auto !important;
}
.g4p-instant-cashout-card .g4p-instant-pay-copy span{
  display:block !important;
  color:#17233c !important;
  font-weight:1000 !important;
  font-size:1rem !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
}
.g4p-instant-cashout-card .g4p-instant-pay-copy small{
  display:block !important;
  margin-top:4px !important;
  color:#5b667a !important;
  font-weight:800 !important;
  font-size:.84rem !important;
  line-height:1.25 !important;
}
.g4p-instant-cashout-card .g4p-instant-pay-row strong{
  flex:0 0 auto !important;
  display:block !important;
  color:#07142d !important;
  font-weight:1000 !important;
  letter-spacing:-.045em !important;
  line-height:1 !important;
  font-size:clamp(28px,8vw,40px) !important;
  white-space:nowrap !important;
  text-align:right !important;
}
.g4p-instant-cashout-card .g4p-instant-pay-note{
  margin-top:10px !important;
  line-height:1.35 !important;
}
@media(max-width:420px){
  .g4p-instant-cashout-card .g4p-instant-pay-row{
    padding:15px 16px !important;
    gap:10px !important;
  }
  .g4p-instant-cashout-card .g4p-instant-pay-copy span{
    font-size:.95rem !important;
  }
  .g4p-instant-cashout-card .g4p-instant-pay-copy small{
    font-size:.78rem !important;
  }
  .g4p-instant-cashout-card .g4p-instant-pay-row strong{
    font-size:clamp(25px,7.5vw,34px) !important;
  }
}


/* v2.2.37 — Driver Wallet cashout clarity polish */
.g4p-instant-cashout-card .g4p-btn.g4p-btn-primary,
.g4p-instant-cashout-card button.g4p-btn-primary {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  border-color: #16a34a !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(22, 163, 74, .20) !important;
}
.g4p-instant-cashout-card .g4p-btn.g4p-btn-primary:not(:disabled):hover,
.g4p-instant-cashout-card button.g4p-btn-primary:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(22, 163, 74, .26) !important;
}
.g4p-instant-cashout-card .g4p-btn.g4p-btn-primary:disabled,
.g4p-instant-cashout-card button.g4p-btn-primary:disabled,
.g4p-instant-cashout-card .g4p-btn.g4p-btn-primary[aria-disabled="true"],
.g4p-instant-cashout-card button.g4p-btn-primary[aria-disabled="true"] {
  background: linear-gradient(135deg, #bbf7d0 0%, #86efac 100%) !important;
  border-color: #86efac !important;
  color: #ffffff !important;
  opacity: .72 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

/* v2.2.38 — Official Money dashboard cashout action, no duplicate wallet panel */
.g4p-payout-pro .g4p-money-dashboard-cashout-form {
  margin: 18px 0 0 !important;
  width: 100% !important;
}
.g4p-payout-pro .g4p-money-dashboard-cashout {
  width: 100% !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  border-color: #16a34a !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(22, 163, 74, .20) !important;
}
.g4p-payout-pro .g4p-money-dashboard-cashout:not(:disabled):hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 34px rgba(22, 163, 74, .26) !important;
}
.g4p-payout-pro .g4p-money-dashboard-cashout:disabled,
.g4p-payout-pro .g4p-money-dashboard-cashout[aria-disabled="true"] {
  background: linear-gradient(135deg, #bbf7d0 0%, #86efac 100%) !important;
  border-color: #86efac !important;
  color: #ffffff !important;
  opacity: .72 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
.g4p-payout-pro .g4p-money-dashboard-note {
  margin: 10px 0 0 !important;
  line-height: 1.35 !important;
}

/* v2.2.55 — Driver Jobs Board polish: tighter command center + weekly assigned drawer */
.g4p-live-order-board{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 0%, rgba(18,103,255,.14), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(0,180,255,.10), transparent 28%),
    #fff;
}
.g4p-live-order-board:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#1267ff,#00a3ff,#1267ff);
  opacity:.9;
}
.g4p-board-head h2{font-size:28px;}
.g4p-board-refresh{box-shadow:0 12px 24px rgba(18,103,255,.14);}
.g4p-board-stats span{position:relative;overflow:hidden;}
.g4p-board-stats span:after{content:"";position:absolute;right:-24px;top:-24px;width:74px;height:74px;border-radius:999px;background:rgba(18,103,255,.06);}
.g4p-board-stats b{font-size:28px;}
.g4p-live-job-card.is-fresh{animation:g4pFreshPulse 2.1s ease-in-out infinite;}
@keyframes g4pFreshPulse{0%,100%{box-shadow:0 22px 50px rgba(18,103,255,.10)}50%{box-shadow:0 28px 70px rgba(18,103,255,.22)}}
.g4p-driver-command-center-compact{padding:16px 18px;margin-top:-4px;}
.g4p-driver-command-center-compact .g4p-command-head{align-items:center;margin-bottom:12px;}
.g4p-driver-command-center-compact .g4p-command-head h2{font-size:22px;margin:4px 0 0;}
.g4p-command-ready-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfe0ff;background:#f7fbff;color:#1267ff;border-radius:999px;padding:8px 12px;font-weight:950;white-space:nowrap;}
.g4p-driver-command-center-compact .g4p-command-grid{gap:10px;}
.g4p-driver-command-center-compact .g4p-command-grid>div{min-height:78px;padding:12px 14px;}
.g4p-driver-command-center-compact .g4p-command-grid small{margin-bottom:5px;font-size:12px;letter-spacing:.01em;}
.g4p-driver-command-center-compact .g4p-command-grid strong{font-size:22px;}
.g4p-driver-command-center-compact .g4p-board-tip{margin-top:10px;padding:10px 12px;font-size:14px;}
.g4p-assigned-jobs-drawer{margin:0 0 18px;}
.g4p-assigned-jobs-drawer>details{border:1px solid #dbe7ff;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(18,103,255,.07);overflow:hidden;}
.g4p-assigned-jobs-drawer>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;}
.g4p-assigned-jobs-drawer summary::-webkit-details-marker{display:none;}
.g4p-assigned-jobs-drawer>details>summary strong{display:block;color:#07142d;font-size:24px;line-height:1;font-weight:950;letter-spacing:-.03em;margin-top:3px;}
.g4p-assigned-jobs-drawer summary em{font-style:normal;border:1px solid #dbe7ff;background:#f8fbff;color:#52627e;border-radius:999px;padding:7px 11px;font-weight:900;white-space:nowrap;}
.g4p-assigned-jobs-body{border-top:1px solid #eef3ff;background:#f8fbff;padding:12px;}
.g4p-assigned-week{border:1px solid #dbe7ff;background:#fff;border-radius:18px;margin:0 0 10px;overflow:hidden;}
.g4p-assigned-week>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;}
.g4p-assigned-week>summary strong{color:#07142d;font-size:16px;font-weight:950;}
.g4p-assigned-week .g4p-order-list{padding:0 12px 12px;}
.g4p-assigned-week .g4p-order-card{box-shadow:none;}
@media (max-width: 680px){
  .g4p-driver-command-center-compact{padding:14px;margin-top:-2px;}
  .g4p-driver-command-center-compact .g4p-command-head{gap:10px;}
  .g4p-command-ready-pill{font-size:12px;padding:7px 10px;}
  .g4p-driver-command-center-compact .g4p-command-grid>div{min-height:78px;padding:11px;}
  .g4p-assigned-jobs-drawer>details>summary{padding:16px;}
  .g4p-assigned-jobs-drawer>details>summary strong{font-size:22px;}
}

/* v2.2.55.1: Simple compact Driver Command Center cleanup */
.g4p-driver-command-center-simple{padding:14px 16px;margin-top:-4px;}
.g4p-driver-command-center-simple .g4p-command-head{margin-bottom:10px;}
.g4p-driver-command-center-simple .g4p-command-head h2{font-size:20px;line-height:1.08;margin:3px 0 0;}
.g4p-command-grid-simple{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.g4p-command-grid-simple>div{min-height:74px;padding:11px 12px;}
.g4p-command-grid-simple small{font-size:12px;margin-bottom:4px;}
.g4p-command-grid-simple strong{font-size:22px;line-height:1.05;}
.g4p-driver-command-center-simple .g4p-board-tip{margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.35;}
@media (max-width:680px){
  .g4p-driver-command-center-simple{padding:13px;margin-bottom:12px;}
  .g4p-command-grid-simple{grid-template-columns:1fr 1fr 1fr;gap:8px;}
  .g4p-command-grid-simple>div{min-height:72px;padding:10px 8px;}
  .g4p-command-grid-simple small{font-size:11px;}
  .g4p-command-grid-simple strong{font-size:20px;}
  .g4p-command-grid-simple a,.g4p-command-grid-simple span{font-size:12px;line-height:1.2;}
}


/* v2.2.56 — Calls Coming Soon Mode: preserve Jitsi, prevent public video access */
.g4p-video-coming-soon{
  background:#eef4ff!important;
  color:#1267ff!important;
  border:1px solid #dbe7ff!important;
  box-shadow:none!important;
  cursor:default!important;
  pointer-events:none!important;
}
.g4p-video-coming-soon-card{
  border:1px solid #dbe7ff!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%)!important;
}

/* ============================================================
 * v2.2.71 — 2.2.56-safe profile map + unified profile spacing.
 * Scope: profile card visual layout only. No personalized header swap.
 * Adds static Homebase/Service Area cards and aligns customer/public driver/driver account spacing.
 * ============================================================ */
.g4p-social-profile .g4p-profile-area-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:340px!important;
  min-width:0!important;
  padding:14px!important;
  border:1px solid rgba(21,92,255,.15)!important;
  border-radius:24px!important;
  background:radial-gradient(circle at 18% 10%,rgba(0,162,255,.10),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,250,255,.99))!important;
  box-shadow:0 16px 34px rgba(6,19,41,.09)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.g4p-social-profile .g4p-profile-area-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important;}
.g4p-social-profile .g4p-profile-area-head span{display:block!important;color:#155cff!important;font-size:12px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.16em!important;text-transform:uppercase!important;white-space:nowrap!important;}
.g4p-social-profile .g4p-profile-area-map{position:relative!important;height:90px!important;border-radius:18px!important;overflow:hidden!important;border:1px solid rgba(21,92,255,.14)!important;background:radial-gradient(circle at 76% 26%,rgba(9,199,120,.09),transparent 25%),radial-gradient(circle at 50% 55%,rgba(21,92,255,.15),transparent 32%),linear-gradient(135deg,rgba(0,162,255,.09),rgba(255,255,255,0) 45%),#f7fbff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.78)!important;}
.g4p-social-profile .g4p-profile-area-map:before,.g4p-social-profile .g4p-profile-area-map:after{content:""!important;position:absolute!important;inset:-22%!important;opacity:.82!important;background:linear-gradient(28deg,transparent 0 18%,rgba(21,92,255,.16) 18.3% 19.7%,transparent 20% 100%),linear-gradient(148deg,transparent 0 26%,rgba(21,92,255,.13) 26.3% 27.6%,transparent 28% 100%),linear-gradient(88deg,transparent 0 47%,rgba(21,92,255,.10) 47.2% 48.3%,transparent 48.7% 100%),linear-gradient(0deg,transparent 0 62%,rgba(21,92,255,.10) 62.2% 63.2%,transparent 63.8% 100%)!important;}
.g4p-social-profile .g4p-profile-area-map:after{opacity:.36!important;transform:rotate(7deg) scale(1.08)!important;}
.g4p-social-profile .g4p-profile-area-ring{position:absolute!important;left:50%!important;top:51%!important;width:66px!important;height:66px!important;transform:translate(-50%,-50%)!important;border-radius:999px!important;border:2px solid rgba(21,92,255,.18)!important;background:rgba(21,92,255,.05)!important;box-shadow:0 0 0 15px rgba(21,92,255,.042)!important;z-index:2!important;}
.g4p-social-profile .g4p-profile-area-pin{position:absolute!important;left:50%!important;top:50%!important;width:25px!important;height:25px!important;transform:translate(-50%,-50%) rotate(45deg)!important;border-radius:50% 50% 50% 5px!important;background:linear-gradient(135deg,#155cff,#00a2ff)!important;box-shadow:0 10px 24px rgba(21,92,255,.32)!important;z-index:3!important;}
.g4p-social-profile .g4p-profile-area-pin:after{content:""!important;position:absolute!important;left:7px!important;top:7px!important;width:10px!important;height:10px!important;border-radius:999px!important;background:#fff!important;}
.g4p-social-profile .g4p-profile-area-zip{position:absolute!important;right:10px!important;top:10px!important;z-index:4!important;padding:8px 12px!important;border-radius:14px!important;background:linear-gradient(135deg,#155cff,#00a2ff)!important;color:#fff!important;font-size:16px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.07em!important;box-shadow:0 10px 22px rgba(21,92,255,.25)!important;}
.g4p-social-profile .g4p-profile-area-place{margin-top:12px!important;color:#06142c!important;font-size:19px!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.g4p-social-profile .g4p-profile-area-subtitle{display:flex!important;align-items:center!important;gap:8px!important;margin-top:8px!important;color:#5b6b86!important;font-size:13px!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important;}
.g4p-social-profile .g4p-profile-area-subtitle:before{content:""!important;width:9px!important;height:9px!important;min-width:9px!important;border-radius:999px!important;background:#16c784!important;box-shadow:0 0 0 5px rgba(22,199,132,.12)!important;}

body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{padding-top:0!important;min-height:0!important;}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{padding-top:0!important;}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-mobile-name,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-subtitle{display:none!important;margin:0!important;padding:0!important;height:0!important;min-height:0!important;line-height:0!important;overflow:hidden!important;}
body .g4p-app-flat-profile .g4p-social-profile{width:min(1120px, calc(100vw - 34px))!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important;}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-cover{height:158px!important;min-height:158px!important;}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{box-sizing:border-box!important;}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{box-sizing:border-box!important;}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-profile-action-disabled,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-video-coming-soon,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-network-video-btn,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions button[disabled]{display:none!important;}

@media (min-width:1200px){
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{display:grid!important;grid-template-columns:150px 330px 312px!important;grid-template-rows:auto!important;column-gap:26px!important;align-items:start!important;justify-content:center!important;width:100%!important;max-width:870px!important;padding:0 24px 10px!important;transform:translateY(-26px)!important;margin:0 auto -2px!important;text-align:left!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{grid-column:1!important;grid-row:1!important;width:118px!important;height:118px!important;border-radius:25px!important;margin:0 auto!important;align-self:start!important;justify-self:center!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{grid-column:1!important;grid-row:1!important;width:150px!important;max-width:150px!important;margin:126px auto 0!important;align-self:start!important;justify-self:center!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row{display:block!important;width:150px!important;margin:0 0 7px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill{width:150px!important;height:34px!important;min-height:34px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;font-size:14px!important;line-height:1!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot{width:150px!important;margin:0!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{width:150px!important;height:46px!important;min-height:46px!important;padding:6px 10px!important;border-radius:17px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy strong{font-size:10px!important;letter-spacing:.15em!important;line-height:1!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy small{font-size:14px!important;line-height:1.05!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{grid-column:2!important;grid-row:1!important;width:330px!important;max-width:330px!important;height:213px!important;min-height:213px!important;padding:14px!important;align-self:start!important;justify-self:center!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map{height:82px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-place{font-size:16px!important;line-height:1.05!important;margin:14px 0 10px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{grid-column:3!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:312px!important;max-width:312px!important;margin:84px 0 0!important;align-self:start!important;justify-self:center!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form .g4p-btn{height:42px!important;min-height:42px!important;padding:0 10px!important;border-radius:13px!important;font-size:13px!important;line-height:1.05!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-stats{padding:0 24px 16px!important;margin-top:-4px!important;transform:none!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-bio{padding:18px 30px 22px!important;}
}

@media (min-width:768px) and (max-width:1199px){
  body .g4p-app-flat-profile .g4p-social-profile{width:min(720px, calc(100vw - 22px))!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-cover{height:138px!important;min-height:138px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-banner-name{top:22px!important;left:28px!important;right:28px!important;font-size:clamp(40px,7vw,62px)!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{display:grid!important;grid-template-columns:136px minmax(260px,330px)!important;grid-template-rows:auto auto!important;gap:12px 16px!important;align-items:start!important;justify-content:center!important;width:100%!important;max-width:500px!important;padding:0 12px 14px!important;transform:translateY(-22px)!important;margin:0 auto -2px!important;text-align:left!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{grid-column:1!important;grid-row:1!important;width:106px!important;height:106px!important;border-radius:23px!important;margin:0 auto!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{grid-column:1!important;grid-row:1!important;width:136px!important;max-width:136px!important;margin:114px auto 0!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row{width:136px!important;margin:0 0 6px!important;display:block!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill{width:136px!important;height:32px!important;min-height:32px!important;font-size:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 9px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot{width:136px!important;margin:0!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{width:136px!important;height:42px!important;min-height:42px!important;padding:6px 9px!important;border-radius:15px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy strong{font-size:9px!important;letter-spacing:.10em!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:330px!important;height:198px!important;min-height:198px!important;padding:11px!important;align-self:start!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map{height:70px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-place{font-size:15px!important;margin:12px 0 8px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{grid-column:1 / -1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;max-width:500px!important;margin:6px auto 0!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form .g4p-btn{height:40px!important;min-height:40px!important;border-radius:13px!important;font-size:13px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-stats{padding:0 16px 14px!important;gap:8px!important;margin-top:0!important;}
}

@media (max-width:767px) and (orientation:portrait){
  body .g4p-app-flat-profile .g4p-social-profile{width:min(100%, calc(100vw - 16px))!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:12px 12px!important;padding:0 14px 18px!important;transform:translateY(-28px)!important;margin-bottom:-6px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{grid-column:1!important;grid-row:1!important;width:132px!important;height:132px!important;margin:0!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{grid-column:1!important;grid-row:1!important;width:132px!important;max-width:132px!important;margin:140px 0 0!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{grid-column:2!important;grid-row:1!important;min-height:224px!important;height:224px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{grid-column:1 / -1!important;grid-row:2!important;margin:12px 0 0!important;}
}

@media (max-width:374px){
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{grid-template-columns:1fr!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{margin-top:10px!important;}
}


/* ============================================================
 * v2.2.72 — Profile mobile portrait identity stack polish.
 * Scope: profile card spacing only. Keeps clean branded theme header.
 * Fixes mobile portrait avatar sitting too low by overriding inherited
 * align-items:flex-end on the grid and stacks Available/Sound Alerts
 * directly under the profile photo before the action buttons.
 * ============================================================ */
@media (max-width:767px) and (orientation:portrait){
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    align-items:start!important;
    justify-items:stretch!important;
    grid-template-columns:132px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    gap:8px 12px!important;
    padding:0 14px 16px!important;
    transform:translateY(-36px)!important;
    margin-bottom:-14px!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:center!important;
    width:124px!important;
    height:124px!important;
    border-radius:28px!important;
    margin:0!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{
    grid-column:1!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:center!important;
    width:132px!important;
    max-width:132px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row{
    display:block!important;
    width:132px!important;
    margin:0 0 8px!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:132px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:950!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot{
    display:block!important;
    width:132px!important;
    margin:0!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:132px!important;
    height:48px!important;
    min-height:48px!important;
    padding:6px 9px!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy strong{
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.13em!important;
    white-space:nowrap!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy small{
    font-size:15px!important;
    line-height:1.04!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
    justify-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-height:218px!important;
    height:218px!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map{
    height:84px!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-place{
    margin:13px 0 8px!important;
    font-size:clamp(17px,4.7vw,22px)!important;
    line-height:1.05!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-subtitle{
    font-size:15px!important;
    line-height:1.15!important;
  }

  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{
    grid-column:1 / -1!important;
    grid-row:3!important;
    align-self:start!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
    margin:14px 0 0!important;
  }
}

@media (max-width:430px) and (orientation:portrait){
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    grid-template-columns:124px minmax(0,1fr)!important;
    gap:8px 10px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{
    width:116px!important;
    height:116px!important;
    border-radius:26px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    width:124px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{
    min-height:210px!important;
    height:210px!important;
    padding:12px!important;
  }
}

@media (max-width:374px) and (orientation:portrait){
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto auto!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{
    width:116px!important;
    height:116px!important;
    justify-self:start!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    width:100%!important;
  }
}

/* ============================================================
 * v2.2.73 — Profile map/status unification polish.
 * Scope: CSS-only profile card layout using the real rendered DOM.
 * Keeps clean branded theme header. No personalized header swap.
 * ============================================================ */
body .g4p-app-flat-profile .g4p-social-profile,
body .g4p-app-flat-profile .g4p-driver-profile-card,
body .g4p-app-flat-profile .g4p-customer-account-card{
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
  box-sizing:border-box!important;
  align-items:start!important;
}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{
  padding-top:0!important;
  box-sizing:border-box!important;
}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot{
  box-sizing:border-box!important;
}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{
  margin-top:0!important;
}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-bio,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-stats{
  margin-top:0!important;
}

/* Wide desktop: force all profile variants to the same rhythm. */
@media (min-width:1200px){
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-cover{
    height:154px!important;
    min-height:154px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:150px 330px 312px!important;
    column-gap:26px!important;
    justify-content:center!important;
    align-items:start!important;
    max-width:870px!important;
    padding:0 24px 0!important;
    transform:translateY(-26px)!important;
    margin:0 auto -6px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{
    grid-column:1!important;
    grid-row:1!important;
    width:118px!important;
    height:118px!important;
    border-radius:25px!important;
    justify-self:center!important;
    align-self:start!important;
    margin:0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{
    grid-column:1!important;
    grid-row:1!important;
    width:150px!important;
    max-width:150px!important;
    justify-self:center!important;
    align-self:start!important;
    margin:126px 0 0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row{
    width:150px!important;
    margin:0 0 7px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill{
    width:150px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    font-size:14px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    width:150px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    height:44px!important;
    min-height:44px!important;
    padding:6px 10px!important;
    border-radius:17px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{
    grid-column:2!important;
    grid-row:1!important;
    width:330px!important;
    max-width:330px!important;
    height:205px!important;
    min-height:205px!important;
    padding:13px!important;
    justify-self:center!important;
    align-self:start!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map{
    height:78px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-place{
    margin:13px 0 8px!important;
    font-size:16px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-subtitle{
    font-size:13px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{
    grid-column:3!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:312px!important;
    max-width:312px!important;
    margin:88px 0 0!important;
    align-self:start!important;
    justify-self:center!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form .g4p-btn{
    height:40px!important;
    min-height:40px!important;
    border-radius:13px!important;
    font-size:13px!important;
    line-height:1.05!important;
    padding:0 10px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-stats{
    padding:0 20px 14px!important;
    margin-top:-4px!important;
  }
}

/* Tablet / normal desktop browser widths: same structure, tighter scale. */
@media (min-width:768px) and (max-width:1199px){
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:136px minmax(290px,330px) minmax(260px,312px)!important;
    column-gap:20px!important;
    justify-content:center!important;
    align-items:start!important;
    padding:0 20px 2px!important;
    transform:translateY(-22px)!important;
    margin:0 auto -4px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{
    grid-column:1!important;
    grid-row:1!important;
    width:110px!important;
    height:110px!important;
    border-radius:23px!important;
    justify-self:center!important;
    align-self:start!important;
    margin:0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{
    grid-column:1!important;
    grid-row:1!important;
    width:136px!important;
    max-width:136px!important;
    margin:118px 0 0!important;
    justify-self:center!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row{
    width:136px!important;
    margin:0 0 7px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill{
    width:136px!important;
    height:32px!important;
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 9px!important;
    font-size:13px!important;
    line-height:1!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    width:136px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    height:42px!important;
    min-height:42px!important;
    padding:6px 9px!important;
    border-radius:16px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:330px!important;
    height:198px!important;
    min-height:198px!important;
    padding:12px!important;
    align-self:start!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map{
    height:72px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{
    grid-column:3!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
    max-width:312px!important;
    margin:80px 0 0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form .g4p-btn{
    height:39px!important;
    min-height:39px!important;
    border-radius:13px!important;
    font-size:12.5px!important;
    padding:0 8px!important;
  }
}

/* Phone portrait: avatar/status stack on left, map level on right, buttons below. */
@media (max-width:767px) and (orientation:portrait){
  body .g4p-app-flat-profile .g4p-social-profile{
    width:min(100%, calc(100vw - 16px))!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-cover{
    height:164px!important;
    min-height:164px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:124px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    gap:8px 10px!important;
    align-items:start!important;
    justify-items:stretch!important;
    padding:0 12px 10px!important;
    transform:translateY(-44px)!important;
    margin-bottom:-28px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{
    grid-column:1!important;
    grid-row:1!important;
    width:116px!important;
    height:116px!important;
    border-radius:26px!important;
    align-self:start!important;
    justify-self:center!important;
    margin:0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{
    grid-column:1!important;
    grid-row:2!important;
    width:124px!important;
    max-width:124px!important;
    align-self:start!important;
    justify-self:center!important;
    margin:0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row{
    width:124px!important;
    margin:0 0 8px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill{
    width:124px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    font-size:14px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    width:124px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    height:46px!important;
    min-height:46px!important;
    padding:6px 8px!important;
    border-radius:17px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy strong{
    font-size:9.5px!important;
    letter-spacing:.12em!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy small{
    font-size:14px!important;
    line-height:1!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    width:100%!important;
    max-width:100%!important;
    height:206px!important;
    min-height:206px!important;
    padding:12px!important;
    align-self:start!important;
    justify-self:stretch!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-head span{
    font-size:11px!important;
    letter-spacing:.14em!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map{
    height:78px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-place{
    margin:12px 0 8px!important;
    font-size:clamp(16px,4.6vw,20px)!important;
    line-height:1.05!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-subtitle{
    font-size:14px!important;
    line-height:1.1!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{
    grid-column:1 / -1!important;
    grid-row:3!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    margin:10px 0 0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form .g4p-btn{
    min-height:54px!important;
    height:54px!important;
    border-radius:18px!important;
    font-size:15px!important;
    line-height:1.05!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-stats{
    padding-top:0!important;
    margin-top:0!important;
  }
}

/* Phone landscape: stop the avatar from dropping/overlapping the badge. */
@media (max-width:900px) and (orientation:landscape){
  body .g4p-app-flat-profile .g4p-social-profile{
    width:min(100%, calc(100vw - 18px))!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-cover{
    height:118px!important;
    min-height:118px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:118px 290px minmax(220px,1fr)!important;
    grid-template-rows:auto!important;
    gap:0 14px!important;
    align-items:start!important;
    justify-content:center!important;
    padding:0 14px 4px!important;
    transform:translateY(-20px)!important;
    margin-bottom:-8px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{
    grid-column:1!important;
    grid-row:1!important;
    width:104px!important;
    height:104px!important;
    border-radius:22px!important;
    margin:0!important;
    justify-self:center!important;
    align-self:start!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{
    grid-column:1!important;
    grid-row:1!important;
    width:118px!important;
    max-width:118px!important;
    margin:112px 0 0!important;
    justify-self:center!important;
    align-self:start!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row{
    width:118px!important;
    margin:0 0 6px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill{
    width:118px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 8px!important;
    font-size:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    width:118px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    height:38px!important;
    min-height:38px!important;
    padding:5px 7px!important;
    border-radius:15px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy strong{
    font-size:8.5px!important;
    letter-spacing:.10em!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy small{
    font-size:12px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{
    grid-column:2!important;
    grid-row:1!important;
    width:290px!important;
    max-width:290px!important;
    height:182px!important;
    min-height:182px!important;
    padding:10px!important;
    align-self:start!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map{
    height:62px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-place{
    margin:10px 0 7px!important;
    font-size:14px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-subtitle{
    font-size:12px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{
    grid-column:3!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:270px!important;
    margin:50px 0 0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form .g4p-btn{
    height:36px!important;
    min-height:36px!important;
    padding:0 7px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
}

/* Very narrow phones: safely stack instead of crushing. */
@media (max-width:374px) and (orientation:portrait){
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto auto!important;
    transform:translateY(-36px)!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{
    width:112px!important;
    height:112px!important;
    justify-self:start!important;
  }
}

/* ============================================================
 * v2.2.74 — Final profile consistency + premium spacing lock.
 * Scope: CSS-only. Unifies My Profile, public driver profile, and customer account.
 * Keeps clean branded header. No payment/order/push/chat/lifecycle changes.
 * ============================================================ */
body .g4p-app-flat-profile .g4p-social-profile,
body .g4p-app-flat-profile .g4p-driver-profile-card,
body .g4p-app-flat-profile .g4p-driver-account-card,
body .g4p-app-flat-profile .g4p-customer-account-card{
  width:min(1120px, calc(100vw - 32px))!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main > *{
  box-sizing:border-box!important;
}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-mobile-name,
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-subtitle{
  display:none!important;
}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-action-disabled,
body .g4p-app-flat-profile .g4p-social-profile .g4p-video-coming-soon,
body .g4p-app-flat-profile .g4p-social-profile button[disabled]{
  display:none!important;
}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-stats{
  margin-top:0!important;
}
body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-bio{
  margin-top:0!important;
}

/* Desktop and normal laptop: one identical 3-zone card for driver/customer/my-profile. */
@media (min-width:901px){
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-cover{
    height:154px!important;
    min-height:154px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:150px 380px 320px!important;
    grid-template-rows:auto!important;
    gap:0 28px!important;
    align-items:start!important;
    justify-content:center!important;
    width:100%!important;
    max-width:934px!important;
    margin:0 auto -4px!important;
    padding:0 18px 8px!important;
    transform:translateY(-28px)!important;
    text-align:left!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{
    grid-column:1!important;
    grid-row:1!important;
    width:120px!important;
    height:120px!important;
    border-radius:26px!important;
    justify-self:center!important;
    align-self:start!important;
    margin:0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{
    grid-column:1!important;
    grid-row:1!important;
    width:150px!important;
    max-width:150px!important;
    margin:128px 0 0!important;
    padding:0!important;
    justify-self:center!important;
    align-self:start!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row{
    display:block!important;
    width:150px!important;
    margin:0 0 8px!important;
    padding:0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill{
    width:150px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    width:150px!important;
    max-width:150px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    height:46px!important;
    min-height:46px!important;
    padding:6px 10px!important;
    border-radius:17px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy strong{
    font-size:10px!important;
    letter-spacing:.14em!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy small{
    font-size:14px!important;
    line-height:1.05!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{
    grid-column:2!important;
    grid-row:1!important;
    width:380px!important;
    max-width:380px!important;
    height:218px!important;
    min-height:218px!important;
    padding:14px!important;
    margin:0!important;
    justify-self:center!important;
    align-self:start!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map{
    height:88px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-place{
    margin:14px 0 8px!important;
    font-size:18px!important;
    line-height:1.05!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-subtitle{
    font-size:13.5px!important;
    line-height:1.1!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{
    grid-column:3!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:320px!important;
    max-width:320px!important;
    margin:78px 0 0!important;
    padding:0!important;
    justify-self:center!important;
    align-self:start!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form{
    width:100%!important;
    margin:0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form .g4p-btn{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 10px!important;
    border-radius:14px!important;
    font-size:13.5px!important;
    line-height:1.05!important;
    letter-spacing:-.025em!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-stats{
    padding:0 24px 18px!important;
  }
}

/* Medium desktop/tablet width: same layout, scaled so buttons never run into map. */
@media (min-width:768px) and (max-width:900px){
  body .g4p-app-flat-profile .g4p-social-profile{
    width:min(100%, calc(100vw - 20px))!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-cover{
    height:136px!important;
    min-height:136px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:122px minmax(260px,300px) minmax(220px,260px)!important;
    gap:0 14px!important;
    justify-content:center!important;
    align-items:start!important;
    padding:0 12px 6px!important;
    transform:translateY(-24px)!important;
    margin:0 auto -8px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{grid-column:1!important;grid-row:1!important;width:106px!important;height:106px!important;margin:0!important;justify-self:center!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{grid-column:1!important;grid-row:1!important;width:122px!important;margin:114px 0 0!important;padding:0!important;justify-self:center!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{width:122px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill{width:122px!important;height:30px!important;min-height:30px!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{height:38px!important;min-height:38px!important;padding:5px 7px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:300px!important;height:184px!important;min-height:184px!important;padding:10px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map{height:66px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{grid-column:3!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:260px!important;margin:58px 0 0!important;padding:0!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form .g4p-btn{height:38px!important;min-height:38px!important;border-radius:13px!important;font-size:12px!important;padding:0 7px!important;}
}

/* Mobile portrait: polished two-column identity/map, clean smaller action buttons below. */
@media (max-width:767px) and (orientation:portrait){
  body .g4p-app-flat-profile .g4p-social-profile{
    width:min(100%, calc(100vw - 16px))!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-cover{
    height:160px!important;
    min-height:160px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:136px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:12px!important;
    align-items:start!important;
    padding:0 14px 12px!important;
    transform:translateY(-42px)!important;
    margin:0 auto -28px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{
    grid-column:1!important;
    grid-row:1!important;
    width:126px!important;
    height:126px!important;
    border-radius:28px!important;
    margin:0!important;
    justify-self:center!important;
    align-self:start!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{
    grid-column:1!important;
    grid-row:1!important;
    width:136px!important;
    max-width:136px!important;
    margin:136px 0 0!important;
    padding:0!important;
    justify-self:center!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row{
    width:136px!important;
    margin:0 0 8px!important;
    padding:0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill{
    width:136px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    font-size:15px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    width:136px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{
    height:48px!important;
    min-height:48px!important;
    padding:6px 9px!important;
    border-radius:18px!important;
    display:flex!important;
    align-items:center!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy strong{font-size:10px!important;letter-spacing:.13em!important;line-height:1!important;white-space:nowrap!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy small{font-size:15px!important;line-height:1!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    height:230px!important;
    min-height:230px!important;
    padding:12px!important;
    margin:0!important;
    align-self:start!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map{height:86px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-place{margin:14px 0 8px!important;font-size:clamp(17px,4.8vw,21px)!important;line-height:1.05!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-subtitle{font-size:14px!important;line-height:1.1!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{
    grid-column:1 / -1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form .g4p-btn{
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 10px!important;
    border-radius:18px!important;
    font-size:15.5px!important;
    line-height:1.05!important;
    letter-spacing:-.02em!important;
  }
}

/* Phone landscape: compact single-row profile with small buttons; no avatar/status overlap. */
@media (max-width:900px) and (orientation:landscape){
  body .g4p-app-flat-profile .g4p-social-profile{
    width:min(100%, calc(100vw - 18px))!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-cover{
    height:114px!important;
    min-height:114px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    display:grid!important;
    grid-template-columns:118px 286px minmax(218px,250px)!important;
    grid-template-rows:auto!important;
    gap:0 12px!important;
    justify-content:center!important;
    align-items:start!important;
    padding:0 12px 6px!important;
    transform:translateY(-22px)!important;
    margin:0 auto -8px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{grid-column:1!important;grid-row:1!important;width:100px!important;height:100px!important;border-radius:22px!important;margin:0!important;justify-self:center!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{grid-column:1!important;grid-row:1!important;width:118px!important;margin:108px 0 0!important;padding:0!important;justify-self:center!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{width:118px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row{margin:0 0 6px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill{width:118px!important;height:30px!important;min-height:30px!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle{height:38px!important;min-height:38px!important;padding:5px 7px!important;border-radius:15px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy strong{font-size:8.5px!important;letter-spacing:.1em!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-sound-toggle-copy small{font-size:12px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card{grid-column:2!important;grid-row:1!important;width:286px!important;max-width:286px!important;height:180px!important;min-height:180px!important;padding:10px!important;margin:0!important;align-self:start!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map{height:62px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-place{margin:9px 0 6px!important;font-size:14px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-subtitle{font-size:12px!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{grid-column:3!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:250px!important;margin:48px 0 0!important;padding:0!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form .g4p-btn{height:36px!important;min-height:36px!important;padding:0 7px!important;border-radius:12px!important;font-size:12px!important;}
}

/* Extra narrow portrait: avoid crushed map/buttons by stacking cleanly. */
@media (max-width:374px) and (orientation:portrait){
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto auto!important;
    gap:10px!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-avatar{width:116px!important;height:116px!important;justify-self:start!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{margin-top:0!important;}
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row .g4p-pill,
  body .g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-pill{width:100%!important;max-width:100%!important;}
}

/* ─────────────────────────────────────────────
   Exact public profile anchor patch — bottom-line only
   Goal: use the bottom of the 3rd public-profile action button row as the anchor.
   The map card and Sound Alerts stack are stretched to end on that same line.
   No profile rebuild, no white slab changes, no order/push/Stripe logic.
   ───────────────────────────────────────────── */
@media (min-width:901px){
  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-main,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-main,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-main,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-main{
    --g4p-public-profile-anchor-bottom:230px;
    grid-template-rows:var(--g4p-public-profile-anchor-bottom)!important;
    align-items:start!important;
  }

  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-area-card,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-area-card{
    height:var(--g4p-public-profile-anchor-bottom)!important;
    min-height:var(--g4p-public-profile-anchor-bottom)!important;
    max-height:none!important;
    align-self:start!important;
  }

  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-map,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-area-map,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-area-map{
    height:92px!important;
    min-height:92px!important;
  }

  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-actions,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-actions{
    height:var(--g4p-public-profile-anchor-bottom)!important;
    min-height:var(--g4p-public-profile-anchor-bottom)!important;
    max-height:none!important;
    margin-top:0!important;
    align-self:start!important;
    align-content:end!important;
    gap:10px!important;
  }

  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-actions form .g4p-btn,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-actions .g4p-btn,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-actions .g4p-call-btn,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-actions form .g4p-btn{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
  }

  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-copy,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-copy{
    height:var(--g4p-public-profile-anchor-bottom)!important;
    min-height:var(--g4p-public-profile-anchor-bottom)!important;
    max-height:none!important;
    margin-top:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    gap:8px!important;
    overflow:visible!important;
    align-self:start!important;
  }

  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-trust-row,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-trust-row,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-trust-row,
  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-sound-slot,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-sound-slot{
    margin:0!important;
  }

  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-sound-toggle,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-sound-toggle,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-sound-toggle{
    height:48px!important;
    min-height:48px!important;
  }
}

@media (max-width:900px) and (orientation:landscape){
  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-main,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-main,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-main,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-main{
    --g4p-public-profile-anchor-bottom:180px;
    grid-template-rows:var(--g4p-public-profile-anchor-bottom)!important;
  }
  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-area-card,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-area-card,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-area-card,
  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-actions,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-actions,
  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-copy,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-copy{
    height:var(--g4p-public-profile-anchor-bottom)!important;
    min-height:var(--g4p-public-profile-anchor-bottom)!important;
    margin-top:0!important;
  }
  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-actions,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-actions,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-actions{
    align-content:end!important;
  }
  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-copy,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    gap:6px!important;
    overflow:visible!important;
  }
}
/* ── End exact public profile anchor patch ── */


/* ============================================================
 * v2.2.78.1.1 — Upright mobile Sound Alerts micro-fix only.
 * Base: v2.2.78.1 exact public profile anchor.
 * Scope: portrait phones only. Desktop and landscape/tilt keep v2.2.78.1.
 * ============================================================ */
@media (max-width:480px) and (orientation:portrait){
  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-profile-sound-toggle,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-profile-sound-toggle,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-copy .g4p-profile-sound-toggle,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-copy .g4p-profile-sound-toggle{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:5px 8px!important;
    border-radius:17px!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }

  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-dot,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-dot,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-dot,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-dot{
    width:9px!important;
    height:9px!important;
    min-width:9px!important;
  }

  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-copy strong,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-copy strong,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-copy strong,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-copy strong{
    font-size:9.5px!important;
    line-height:1!important;
    letter-spacing:.115em!important;
  }

  body .g4p-driver-profile-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-copy small,
  body .g4p-driver-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-copy small,
  body .g4p-driver-profile-shell .g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-copy small,
  body .g4p-driver-account-shell .g4p-social-profile .g4p-profile-copy .g4p-sound-toggle-copy small{
    font-size:13.5px!important;
    line-height:1!important;
    margin-top:1px!important;
  }
}


/* ============================================================
 * v2.2.78.1.14 — Live Order Instant Blue Shell (CSS-only)
 * Base: v2.2.78.1.10 Launch Hardening Audit.
 * Purpose: when the Live Control Center exists, the whole phone shell
 *          (safe-area/top header area + takeover + page background)
 *          immediately paints Grabbit blue. No JS, no order flow changes.
 * ============================================================ */
html:has(.g4p-live-control-center),
html:has(.g4p-live-control-center) body,
body:has(.g4p-live-control-center){
  background:#1259ff!important;
  background-color:#1259ff!important;
}

html.g4p-fixed-chrome body:has(.g4p-live-control-center),
html.g4p-launch-chrome-lock body:has(.g4p-live-control-center),
html.g4p-live-takeover-active body,
body.g4p-live-takeover-active{
  padding-top:0!important;
  overflow:hidden!important;
  background:#1259ff!important;
}

body:has(.g4p-live-control-center) .g4-site-header,
body:has(.g4p-live-control-center) .site-header,
body:has(.g4p-live-control-center) header.site-header,
body:has(.g4p-live-control-center) header[role="banner"],
html.g4p-live-takeover-active .g4-site-header,
html.g4p-live-takeover-active .site-header,
html.g4p-live-takeover-active header.site-header,
html.g4p-live-takeover-active header[role="banner"]{
  background:#1259ff!important;
  background-color:#1259ff!important;
  border-color:#1259ff!important;
  box-shadow:none!important;
}

.g4p-global-banner-wrap:has(.g4p-live-control-center){
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100svh!important;
  max-width:100vw!important;
  max-height:100svh!important;
  z-index:2147483000!important;
  background:#1259ff!important;
  background-color:#1259ff!important;
}

.g4p-global-banner-wrap:has(.g4p-live-control-center) .g4p-live-control-center{
  min-height:100vh!important;
  min-height:100svh!important;
  background:#1259ff!important;
  background-color:#1259ff!important;
  padding-top:calc(env(safe-area-inset-top,0px) + .8rem)!important;
}

@supports (-webkit-touch-callout:none){
  html:has(.g4p-live-control-center),
  html:has(.g4p-live-control-center) body,
  body:has(.g4p-live-control-center),
  .g4p-global-banner-wrap:has(.g4p-live-control-center){
    background:#1259ff!important;
    background-color:#1259ff!important;
  }
}
/* ── End v2.2.78.1.14 Live Order Instant Blue Shell ── */


/* ── v2.2.78.1.30 Safe Driver Profile Chat Drawer Polish ─────────────────────
   Fixes the half-baked driver-profile chat sheet using CSS only.
   No PHP chat logic changes, so the original data-g4p-chat-open behavior remains intact. */
.g4p-driver-profile-shell .g4p-chat-drawer{
  z-index:2147482500!important;
}
.g4p-driver-profile-shell .g4p-chat-drawer.is-open{
  display:block!important;
}
.g4p-driver-profile-shell .g4p-chat-scrim{
  position:absolute!important;
  inset:0!important;
  background:rgba(3,10,24,.66)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.g4p-driver-profile-shell .g4p-chat-panel{
  background:#fff!important;
  color:#07142b!important;
  border:1px solid #dce8ff!important;
  border-radius:30px!important;
  padding:20px!important;
  overflow:hidden!important;
  box-shadow:0 30px 90px rgba(3,16,44,.30),0 0 0 1px rgba(21,92,255,.08)!important;
}
.g4p-driver-profile-shell .g4p-chat-panel:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:108px;
  background:linear-gradient(135deg,#155cff 0%,#0b74ff 52%,#eaf3ff 100%);
  z-index:0;
  pointer-events:none;
}
.g4p-driver-profile-shell .g4p-chat-panel > *{
  position:relative;
  z-index:1;
}
.g4p-driver-profile-shell .g4p-chat-panel-head{
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
  align-items:flex-start!important;
}
.g4p-driver-profile-shell .g4p-chat-panel-head .g4p-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:7px 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:#155cff!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  box-shadow:0 10px 22px rgba(5,42,115,.13)!important;
}
.g4p-driver-profile-shell .g4p-chat-panel-head h2{
  margin:10px 0 0!important;
  color:#fff!important;
  font-size:clamp(30px,6vw,42px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
  text-shadow:0 2px 18px rgba(0,14,44,.22)!important;
}
.g4p-driver-profile-shell .g4p-chat-panel-head .g4p-icon-btn{
  width:42px!important;
  height:42px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  color:#155cff!important;
  box-shadow:0 14px 30px rgba(4,24,70,.18)!important;
  font-size:30px!important;
  line-height:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.g4p-driver-profile-shell .g4p-chat-context-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:0 0 12px!important;
}
.g4p-driver-profile-shell .g4p-chat-context-actions .g4p-btn{
  width:100%!important;
  min-height:46px!important;
  border-radius:16px!important;
  padding:10px 12px!important;
  font-size:14px!important;
  font-weight:950!important;
  background:#fff!important;
  border:1.5px solid #8bb0ff!important;
  color:#155cff!important;
}
.g4p-driver-profile-shell .g4p-chat-messages-compact{
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)!important;
  border:1px solid #e3edff!important;
  border-radius:22px!important;
  padding:16px!important;
  min-height:260px!important;
  max-height:38vh!important;
  overflow:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.g4p-driver-profile-shell .g4p-chat-messages-compact > .g4p-muted:only-child{
  min-height:210px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  margin:0!important;
  color:#5b6b86!important;
  font-size:20px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.g4p-driver-profile-shell .g4p-chat-messages-compact > .g4p-muted:only-child:before{
  content:"";
  width:74px;
  height:74px;
  border-radius:26px;
  display:block;
  margin:0 auto 14px;
  background:
    radial-gradient(circle at 62% 38%,#fff 0 10%,transparent 11%),
    linear-gradient(135deg,#155cff,#0a7bff);
  box-shadow:0 18px 38px rgba(21,92,255,.24);
}
.g4p-driver-profile-shell .g4p-chat-messages-compact .g4p-chat-bubble{
  max-width:86%!important;
  padding:12px 14px!important;
  border-radius:20px!important;
}
.g4p-driver-profile-shell .g4p-chat-messages-compact .g4p-chat-bubble.mine{
  background:linear-gradient(135deg,#155cff,#0054f0)!important;
  color:#fff!important;
  border:none!important;
  border-bottom-right-radius:7px!important;
}
.g4p-driver-profile-shell .g4p-chat-messages-compact .g4p-chat-bubble.theirs{
  background:#f0f5ff!important;
  border:1px solid #e0eaff!important;
  color:#07142b!important;
  border-bottom-left-radius:7px!important;
}
.g4p-driver-profile-shell .g4p-chat-messages-compact .g4p-chat-bubble strong{
  display:block!important;
  margin-bottom:4px!important;
  font-size:12px!important;
  opacity:.72!important;
}
.g4p-driver-profile-shell .g4p-chat-messages-compact .g4p-chat-bubble p{
  margin:0!important;
  font-size:15px!important;
  line-height:1.42!important;
  font-weight:760!important;
  word-break:break-word!important;
}
.g4p-driver-profile-shell .g4p-chat-messages-compact .g4p-chat-bubble small{
  margin-top:6px!important;
  font-size:10px!important;
  font-weight:800!important;
  opacity:.62!important;
}
.g4p-driver-profile-shell .g4p-chat-panel .g4p-chat-compose{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid #e8f0ff!important;
  align-items:end!important;
}
.g4p-driver-profile-shell .g4p-chat-panel .g4p-chat-compose textarea{
  min-height:54px!important;
  max-height:118px!important;
  border-radius:20px!important;
  background:#f8fbff!important;
  border:1.5px solid #d9e7ff!important;
  font-size:16px!important;
  padding:14px 15px!important;
  resize:none!important;
}
.g4p-driver-profile-shell .g4p-chat-panel .g4p-chat-compose textarea:focus{
  outline:none!important;
  background:#fff!important;
  border-color:#155cff!important;
  box-shadow:0 0 0 4px rgba(21,92,255,.12)!important;
}
.g4p-driver-profile-shell .g4p-chat-panel .g4p-chat-compose .g4p-btn{
  min-height:54px!important;
  border-radius:18px!important;
  padding:0 18px!important;
  white-space:nowrap!important;
  font-weight:950!important;
}
@media(max-width:760px){
  .g4p-driver-profile-shell .g4p-chat-drawer{align-items:flex-end!important;}
  .g4p-driver-profile-shell .g4p-chat-drawer.is-open{display:block!important;}
  .g4p-driver-profile-shell .g4p-chat-panel{
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100svh - env(safe-area-inset-top,0px) - 8px)!important;
    border-radius:30px 30px 0 0!important;
    padding:18px 18px calc(112px + env(safe-area-inset-bottom,0px))!important;
  }
  .g4p-driver-profile-shell .g4p-chat-panel:before{height:122px;}
  .g4p-driver-profile-shell .g4p-chat-panel:after{
    content:"";
    position:absolute;
    top:8px;
    left:50%;
    width:48px;
    height:5px;
    transform:translateX(-50%);
    border-radius:999px;
    background:rgba(255,255,255,.66);
    z-index:2;
  }
  .g4p-driver-profile-shell .g4p-chat-panel-head{padding-top:14px!important;}
  .g4p-driver-profile-shell .g4p-chat-panel-head h2{font-size:34px!important;}
  .g4p-driver-profile-shell .g4p-chat-messages-compact{min-height:240px!important;max-height:34vh!important;}
  .g4p-driver-profile-shell .g4p-chat-panel .g4p-chat-compose{grid-template-columns:minmax(0,1fr)!important;}
  .g4p-driver-profile-shell .g4p-chat-panel .g4p-chat-compose .g4p-btn{width:100%!important;}
}
/* ── End v2.2.78.1.30 Safe Driver Profile Chat Drawer Polish ── */


/* ── v2.2.78.1.31 Driver Network Chat Fix ────────────────────────────────────
   Replaces the fake blue empty-state glyph with the real driver avatar and
   clarifies that profile chat is driver/network coordination, not order chat. */
.g4p-driver-profile-shell .g4p-chat-panel-subtitle{
  max-width:330px!important;
  margin:8px 0 0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:750!important;
  letter-spacing:0!important;
}
.g4p-driver-profile-shell .g4p-chat-messages-compact > .g4p-muted:only-child:before{display:none!important;content:none!important;}
.g4p-driver-profile-shell .g4p-driver-chat-empty{
  min-height:210px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-align:center!important;
  margin:0!important;
  padding:18px!important;
  color:#5b6b86!important;
}
.g4p-driver-profile-shell .g4p-driver-chat-empty-avatar,
.g4p-driver-profile-shell .g4p-driver-chat-empty-avatar img{
  width:82px!important;
  height:82px!important;
  border-radius:28px!important;
  object-fit:cover!important;
  box-shadow:0 18px 38px rgba(21,92,255,.18)!important;
}
.g4p-driver-profile-shell .g4p-driver-chat-empty strong{
  display:block!important;
  color:#07142b!important;
  font-size:21px!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}
.g4p-driver-profile-shell .g4p-driver-chat-empty span{
  display:block!important;
  max-width:310px!important;
  color:#667792!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:750!important;
}
/* ── End v2.2.78.1.31 Driver Network Chat Fix ── */


/* ── v2.2.78.1.36 Customer Desktop Sound Alerts Spacing Fix ────────────────
   Scope: customer profile desktop/tablet layout only.
   Prevents the owner Sound Alerts pill from visually colliding with the
   profile stats row. No order, payout, chat, push, or compliance logic changes. */
@media (min-width:768px){
  body .g4p-customer-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    min-height:224px!important;
    padding-bottom:16px!important;
    margin-bottom:4px!important;
  }

  body .g4p-customer-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-copy{
    z-index:2!important;
  }

  body .g4p-customer-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-stats{
    position:relative!important;
    z-index:1!important;
    margin-top:8px!important;
  }
}

@media (min-width:1200px){
  body .g4p-customer-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-main{
    min-height:232px!important;
    padding-bottom:18px!important;
  }
  body .g4p-customer-account-shell.g4p-app-flat-profile .g4p-social-profile .g4p-profile-stats{
    margin-top:10px!important;
  }
}
/* ── End v2.2.78.1.36 Customer Desktop Sound Alerts Spacing Fix ── */


/* v2.2.78.1.40: hard lock profile banner name size so it never visibly shrinks after page load */
.g4p-social-profile .g4p-profile-banner-name{
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
  transform:none!important;
  transform-origin:left top!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  width:auto!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
@media (max-width: 782px){
  .g4p-social-profile .g4p-profile-banner-name{
    left:18px!important;
    right:18px!important;
    top:22px!important;
    font-size:clamp(31px, 9.6vw, 46px)!important;
    line-height:.94!important;
    letter-spacing:-.075em!important;
  }
}
@media (max-width: 390px){
  .g4p-social-profile .g4p-profile-banner-name{
    left:16px!important;
    right:16px!important;
    font-size:clamp(29px, 9.1vw, 42px)!important;
  }
}
@media (min-width: 783px){
  .g4p-social-profile .g4p-profile-banner-name{
    left:30px!important;
    right:30px!important;
    top:24px!important;
    font-size:clamp(36px, 4vw, 52px)!important;
    line-height:.98!important;
    letter-spacing:-.06em!important;
  }
}


/* v2.2.78.1.40.2 — Live order chat/scroll stability patch.
   Incoming live-order chat no longer steals the screen while order details are being read. */
.g4p-live-control-center.g4p-lcc-has-new-chat [data-g4p-lcc-open-chat],
.g4p-live-control-center [data-g4p-lcc-open-chat].g4p-lcc-chat-new{
  position:relative!important;
  background:#ffffff!important;
  color:#1259ff!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.22),0 12px 28px rgba(0,0,0,.22)!important;
  animation:g4pLccNewChatPulse 1.25s ease-in-out infinite!important;
}
.g4p-live-control-center.g4p-lcc-has-new-chat [data-g4p-lcc-open-chat]::after,
.g4p-live-control-center [data-g4p-lcc-open-chat].g4p-lcc-chat-new::after{
  content:"";
  position:absolute;
  top:8px;
  right:8px;
  width:10px;
  height:10px;
  border-radius:999px;
  background:#ff2f4f;
  box-shadow:0 0 0 4px rgba(255,47,79,.18);
}
@keyframes g4pLccNewChatPulse{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-1px) scale(1.025);}
}
@media (prefers-reduced-motion:reduce){
  .g4p-live-control-center.g4p-lcc-has-new-chat [data-g4p-lcc-open-chat],
  .g4p-live-control-center [data-g4p-lcc-open-chat].g4p-lcc-chat-new{animation:none!important;}
}

/* v2.2.78.1.40.4: proof-photo overlay upload lock/status */
.g4p-lcc-proof-status{margin:10px 0 0;padding:11px 12px;border-radius:16px;background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0;font-weight:900;font-size:13px;line-height:1.35}
.g4p-lcc-proof-form.is-uploading .g4p-lcc-proof-picker,.g4p-lcc-proof-form.is-uploading textarea,.g4p-lcc-proof-form.is-uploading input{pointer-events:none;opacity:.72}
.g4p-lcc-proof-form.is-uploading .g4p-live-btn-next{opacity:.82}
