@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Great+Vibes&family=Libre+Baskerville:wght@400;700&display=swap');

:root{
  --master-w:390;
  --sidebar-w:134px;
  --workspace-w:256px;
  --ink:#173f32;
  --muted:#7b8e85;
  --green:#079b49;
  --mint:#e9f5ee;
  --mint-card:#e1f1e7;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  width:100%;
  min-height:100%;
  background:#eef7f2;
}

body{
  overflow-x:hidden;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ink);
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

button,input{
  font:inherit;
  -webkit-appearance:none;
  appearance:none;
}

button{cursor:pointer}

#gogoViewport{
  width:100%;
  position:relative;
  overflow:hidden;
}

#gogoStage{
  position:relative;
  width:390px;
  min-height:1500px;
  transform-origin:top left;

  background:
    url("https://i.ibb.co/cSpFFpNX/1-CE54495-50-FD-476-A-8-A7-D-D06810-FA1-E76.png")
    top left / 390px auto no-repeat,
    #eef7f2;
}

/* LEFT SIDE — LOCKED MASTER POSITIONS */
.sidebar{
  position:absolute;
  left:0;
  top:0;
  width:134px;
  height:847px;
  color:#fff;
  overflow:hidden;
}

.brand{
  position:absolute;
  top:30px;
  left:0;
  width:134px;
  text-align:center;
}

.brand-name{
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

.brand-sub{
  margin-top:8px;
  font-size:8px;
  letter-spacing:.2px;
  white-space:nowrap;
}

.hero-title{
  margin-top:25px;
  font-size:31px;
  font-weight:800;
  line-height:.98;
  letter-spacing:-1px;
}

/* MENU LOCKED */
.menu{
  position:absolute;
  inset:0;
}

.menu-row{
  position:absolute;
  left:8px;
  width:120px;
  height:64px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  display:flex;
  align-items:center;
  text-align:left;
}

.os-row{top:181px}
.biker-row{top:265px}
.way-row{top:349px}
.history-row{top:433px}

.icon-card{
  position:relative;
  flex:0 0 34px;
  width:34px;
  height:62px;
  border-radius:17px;
  border:1.2px solid rgba(255,255,255,.48);
  background:rgba(255,255,255,.13);
  display:grid;
  place-items:center;
  overflow:visible;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.menu-svg{
  position:relative;
  z-index:3;
  width:25px;
  height:25px;
}

.cart{color:#72a87b}
.bike{color:#4b88cb}
.pin{color:#e43d3d}
.clipboard{color:#d6b078}

.letter-cloud{
  position:absolute;
  inset:0;
  overflow:visible;
  pointer-events:none;
  z-index:1;
}

.letter-cloud .letter-line{
  position:absolute;
  width:74px;
  font-family:"Playfair Display",Georgia,serif;
  font-style:normal;
  font-size:6.5px;
  font-weight:600;
  line-height:1;
  letter-spacing:2.2px;
  white-space:nowrap;
  color:rgba(216,255,229,.58);
  text-shadow:0 1px 1px rgba(0,0,0,.05);
}

/* FOUR diagonal rows: each complete row rises from icon toward upper-right */
.letter-cloud .line-1{left:-8px; top:45px;}
.letter-cloud .line-2{left:2px; top:32px;}
.letter-cloud .line-3{left:13px; top:19px;}
.letter-cloud .line-4{left:24px; top:6px;}

.menu-label{
  margin-left:10px;
  font-family:"Playfair Display",Georgia,serif;
  font-size:12.2px;
  font-weight:600;
  line-height:1.02;
  letter-spacing:.1px;
  white-space:nowrap;
  text-shadow:0 1px 1px rgba(0,0,0,.10);
}

.two-line{
  white-space:normal;
  text-align:center;
}

/* LOWER DESIGN — LOCKED */
.lower-design{
  position:absolute;
  left:0;
  top:575px;
  width:134px;
  height:262px;
}

.slogan{
  position:absolute;
  top:24px;
  right:6px;
  width:105px;
  text-align:center;
  font-family:"Great Vibes",cursive;
  font-size:14px;
  line-height:.88;
  font-style:italic;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
  transform:rotate(-3deg);
}

.flourish{
  width:103px;
  height:31px;
  margin-top:1px;
  color:#fff;
  overflow:visible;
}

.lower-actions{
  position:absolute;
  left:7px;
  right:7px;
  bottom:8px;
  display:flex;
  justify-content:space-between;
}

.lower-card{
  width:36px;
  height:62px;
  padding:5px;
  border-radius:17px;
  border:1.2px solid rgba(255,255,255,.50);
  background:rgba(255,255,255,.14);
  display:grid;
  place-items:center;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.lower-card svg{
  width:27px;
  height:27px;
}

/* RIGHT WORKSPACE */
.workspace{
  margin-left:134px;
  width:256px;
  min-height:1500px;
  padding:28px 14px 54px;
  background:rgba(234,247,239,.91);
}

.eyebrow{
  color:#5e786d;
  font-size:8.7px;
  font-weight:800;
  letter-spacing:2.1px;
}

.workspace h1{
  margin:8px 0 13px;
  font-family:"DM Serif Display",Georgia,serif;
  font-size:28px;
  font-weight:400;
  line-height:1.01;
  letter-spacing:-.65px;
  color:#173f32;
}

.subtitle{
  margin:0 0 25px;
  color:#7b8e85;
  font-size:10.7px;
  line-height:1.42;
}

.shop-card,
.delivery-card{
  background:rgba(225,241,231,.90);
  border:1px solid rgba(87,151,117,.16);
  border-radius:23px;
  box-shadow:0 8px 24px rgba(40,101,72,.035);
}

.shop-card{
  padding:15px;
  display:flex;
  flex-direction:column;
  gap:11px;
}

.section-label,
.field>span{
  color:#365c4c;
  font-family:"DM Serif Display",Georgia,serif;
  font-size:9.2px;
  font-weight:400;
  letter-spacing:1.25px;
}

.select-ui,
.white-btn,
.green-btn{
  width:100%;
  height:45px;
  border-radius:15px;
}

.select-ui{
  border:1px solid rgba(37,82,65,.13);
  background:#fff;
  color:#173f32;
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:12px;
}

.select-ui svg{
  width:15px;
  height:15px;
}

.white-btn{
  border:1px solid rgba(37,82,65,.13);
  background:#fff;
  color:#214a3c;
  font-size:12px;
  font-weight:700;
}

.green-btn{
  border:0;
  background:#079b49;
  color:#fff;
  font-size:12px;
  font-weight:800;
}

.intake-row{
  margin:32px 2px 25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#587168;
  font-size:12px;
}

.intake-row strong{
  color:#079447;
  font-size:19px;
}

.delivery-card{
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.photo-upload{
  width:100%;
  min-height:112px;
  padding:12px;
  border-radius:18px;
  border:1.5px dashed rgba(7,151,71,.38);
  background:rgba(255,255,255,.22);
  display:flex;
  align-items:center;
  gap:12px;
  color:#173f32;
  text-align:left;
}

.photo-box{
  flex:0 0 57px;
  width:57px;
  height:57px;
  border-radius:16px;
  background:rgba(229,240,234,.85);
}

.photo-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
}

.photo-copy strong{
  font-size:13.1px;
  line-height:1.02;
}

.photo-copy small{
  margin-top:4px;
  color:#899a92;
  font-size:10.4px;
}

.field{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.field input{
  width:100%;
  height:53px;
  border:1px solid rgba(37,82,65,.12);
  border-radius:16px;
  background:#fff;
  padding:0 13px;
  color:#173f32;
  font-size:11.6px;
  outline:none;
}

.field input::placeholder{
  color:#a1aaa6;
}

.save-btn{
  align-self:flex-end;
  min-width:132px;
  height:50px;
  border:0;
  border-radius:17px;
  background:#079b49;
  color:#fff;
  font-size:13px;
  font-weight:800;
}

/* Do NOT add responsive reflow rules here.
   The whole 390px master is scaled as one unit by script.js. */


/* V2 — RIGHT PANEL TYPOGRAPHY, REFERENCE-LOCKED */
.workspace h1,
.shop-card .section-label,
.delivery-card .section-label,
.field > span{
  font-family:"Libre Baskerville", Georgia, serif !important;
}

.workspace h1{
  font-weight:400 !important;
  letter-spacing:-.7px !important;
}

.shop-card .section-label,
.delivery-card .section-label,
.field > span{
  font-weight:400 !important;
  letter-spacing:.65px !important;
}

.subtitle,
.select-ui,
.white-btn,
.green-btn,
.intake-row,
.photo-copy,
.field input,
.save-btn{
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
}


/* =========================================================
   V3 FINAL LOCK — ONLY THE 3 USER-REQUESTED CHANGES
   ========================================================= */

/* 1) Right-side reference font */
.workspace h1,
.shop-card .section-label,
.delivery-card .section-label,
.field > span {
  font-family:"Libre Baskerville", Georgia, serif !important;
  font-weight:400 !important;
}

.workspace h1 {
  letter-spacing:-0.55px !important;
  line-height:1.01 !important;
}

/* 2) Four complete decorative rows rising to upper-right */
.letter-cloud .letter-line {
  display:block !important;
  width:76px !important;
  font-family:"Playfair Display", Georgia, serif !important;
  font-size:6.5px !important;
  font-weight:600 !important;
  letter-spacing:2.1px !important;
  color:rgba(216,255,229,.58) !important;
}
.letter-cloud .line-1 { left:-8px !important; top:45px !important; }
.letter-cloud .line-2 { left:2px !important; top:32px !important; }
.letter-cloud .line-3 { left:13px !important; top:19px !important; }
.letter-cloud .line-4 { left:24px !important; top:6px !important; }

/* 3) Delivering Smiles sits just above/alongside the pagoda top */
.slogan {
  top:-34px !important;
  right:6px !important;
  width:105px !important;
  font-family:"Great Vibes", cursive !important;
  font-size:14px !important;
  line-height:.88 !important;
}

/* =========================================================
   V3.1 — RIGHT-PANEL REFERENCE FONT ONLY
   Keep layout/scale/sidebar/slogan positions unchanged.
   ========================================================= */
.workspace h1,
.workspace h2,
.workspace .page-title,
.workspace .card-title,
.workspace .form-title,
.shop-card .section-label,
.delivery-card .section-label,
.field > span {
  font-family:"Libre Baskerville", Georgia, serif !important;
  font-weight:700 !important;
  font-style:normal !important;
}

.workspace h1,
.workspace h2,
.workspace .page-title {
  letter-spacing:-0.55px !important;
  line-height:1.04 !important;
}

.shop-card .section-label,
.delivery-card .section-label,
.field > span {
  letter-spacing:0.65px !important;
}

.subtitle,
.select-ui,
.white-btn,
.green-btn,
.intake-row,
.photo-copy,
.field input,
.save-btn {
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
}

/* Preserve user's manually approved slogan position */
.slogan {
  top:-34px !important;
}

/* =========================================================
   V3.2 LOGIN / AUTH ONLY
   Dashboard V3.1 styles above are intentionally untouched.
   ========================================================= */

#loginViewport{
  width:100%;
  position:relative;
  overflow:hidden;
  background:#eff8f3;
}

#loginStage{
  position:relative;
  width:390px;
  height:844px;
  overflow:hidden;
  transform-origin:top left;
  background:
    radial-gradient(circle at 104% -1%, rgba(123,232,165,.28) 0 84px, transparent 85px),
    radial-gradient(circle at -12% 105%, rgba(47,197,105,.21) 0 125px, transparent 126px),
    linear-gradient(145deg,#f8fcfa 0%,#edf8f2 62%,#e4f4eb 100%);
  color:#173f32;
}

.login-orb{
  position:absolute;
  border-radius:999px;
  border:22px solid rgba(15,164,79,.055);
  pointer-events:none;
}

.login-orb-a{
  width:160px;
  height:160px;
  top:-80px;
  right:-65px;
}

.login-orb-b{
  width:205px;
  height:205px;
  left:-120px;
  bottom:-102px;
}

.login-brand{
  position:absolute;
  left:28px;
  top:35px;
  display:flex;
  align-items:center;
  gap:11px;
}

.login-mark{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#079b49;
  font-family:"Libre Baskerville",Georgia,serif;
  font-size:22px;
  font-weight:700;
  box-shadow:0 8px 18px rgba(7,155,73,.16);
}

.login-brand-name{
  font-family:"Libre Baskerville",Georgia,serif;
  font-size:16px;
  font-weight:700;
  line-height:1.05;
}

.login-brand-sub{
  margin-top:4px;
  color:#6e8178;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:8px;
  letter-spacing:.5px;
}

.login-copy{
  position:absolute;
  left:30px;
  top:142px;
  width:326px;
}

.login-kicker{
  color:#079b49;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:9px;
  font-weight:800;
  letter-spacing:2.4px;
}

.login-copy h1{
  margin:10px 0 11px;
  color:#173f32;
  font-family:"Libre Baskerville",Georgia,serif;
  font-size:34px;
  font-weight:700;
  line-height:1.04;
  letter-spacing:-1.1px;
}

.login-copy p{
  width:290px;
  margin:0;
  color:#70837a;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  line-height:1.5;
}

.login-card{
  position:absolute;
  left:29px;
  top:306px;
  width:332px;
  padding:22px;
  border:1px solid rgba(57,124,91,.11);
  border-radius:25px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 45px rgba(33,98,68,.08);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.login-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-bottom:14px;
}

.login-field span{
  color:#426254;
  font-family:"Libre Baskerville",Georgia,serif;
  font-size:8.7px;
  font-weight:700;
  letter-spacing:.8px;
}

.login-field input{
  width:100%;
  height:50px;
  border:1px solid rgba(48,94,75,.15);
  border-radius:16px;
  background:#fff;
  outline:none;
  padding:0 14px;
  color:#173f32;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:12px;
  box-shadow:none;
  -webkit-appearance:none;
  appearance:none;
}

.login-field input:focus{
  border-color:rgba(7,155,73,.55);
  box-shadow:0 0 0 3px rgba(7,155,73,.08);
}

.login-field input::placeholder{
  color:#a0aaa5;
}

.login-submit{
  width:100%;
  height:50px;
  margin-top:3px;
  border:0;
  border-radius:16px;
  background:#079b49;
  color:#fff;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:13px;
  font-weight:800;
  box-shadow:0 9px 20px rgba(7,155,73,.17);
}

.login-submit:disabled{
  opacity:.65;
}

.login-status{
  min-height:18px;
  margin-top:11px;
  text-align:center;
  color:#6d7f77;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:9.5px;
  line-height:1.35;
}

.login-status.is-error{
  color:#b34242;
}

.login-status.is-success{
  color:#078844;
  font-weight:700;
}

.login-art{
  position:absolute;
  left:76px;
  bottom:75px;
  width:240px;
  height:150px;
  opacity:.92;
}

.login-art svg{
  width:100%;
  height:100%;
}

.login-footer{
  position:absolute;
  left:0;
  right:0;
  bottom:31px;
  text-align:center;
  color:#567368;
  font-family:"Great Vibes",cursive;
  font-size:19px;
}

@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Allura&display=swap");
#gogo-workspace #dashboard .wc-btn,
#gogoModal #dashboard .wc-btn{
  position: relative !important;
  width: 72% !important;
  height: 76px !important;
  margin-left: auto !important;
  margin-right: -24px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#gogo-workspace #dashboard .wc-btn::before,
#gogoModal #dashboard .wc-btn::before{
  content:
    "W C W C W C\A "
    "C W C W C W\A "
    "W C W C W C\A "
    "C W C W C W";

  white-space: pre;
  position: absolute;
  inset: 5px;
  font-size: 8px;
  line-height: 1.7;
  letter-spacing: 4px;
  opacity: 0.12;
  text-align: center;
  transform: rotate(-12deg);
  pointer-events: none;
}
#gogo-workspace #dashboard .wc-btn .wc1,
#gogoModal #dashboard .wc-btn .wc1,
#gogo-workspace #dashboard .wc-btn .wc2,
#gogoModal #dashboard .wc-btn .wc2,
#gogo-workspace #dashboard .wc-btn .wc3,
#gogoModal #dashboard .wc-btn .wc3,
#gogo-workspace #dashboard .wc-btn .wc4,
#gogoModal #dashboard .wc-btn .wc4{
  position: absolute !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: 0.28 !important;
  z-index: 2 !important;
}
#gogo-workspace #dashboard .wc-btn .wc1,
#gogoModal #dashboard .wc-btn .wc1{
  left: 15% !important;
  top: 18% !important;
}
#gogo-workspace #dashboard .wc-btn .wc2,
#gogoModal #dashboard .wc-btn .wc2{
  right: 15% !important;
  top: 18% !important;
}
#gogo-workspace #dashboard .wc-btn .wc3,
#gogoModal #dashboard .wc-btn .wc3{
  right: 15% !important;
  bottom: 18% !important;
}
#gogo-workspace #dashboard .wc-btn .wc4,
#gogoModal #dashboard .wc-btn .wc4{
  left: 15% !important;
  bottom: 18% !important;
}
#gogo-workspace #dashboard .wc-btn .menu-icon,
#gogoModal #dashboard .wc-btn .menu-icon{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 30px !important;
  z-index: 5 !important;
}
#gogo-workspace #dashboard .dh-btn,
#gogoModal #dashboard .dh-btn{
  position: relative !important;
  width: 72% !important;
  height: 76px !important;
  margin-left: auto !important;
  margin-right: -24px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#gogo-workspace #dashboard .dh-btn::before,
#gogoModal #dashboard .dh-btn::before{
  content:
    "D H D H D H\A "
    "H D H D H D\A "
    "D H D H D H\A "
    "H D H D H D";

  white-space: pre;
  position: absolute;
  inset: 5px;
  font-size: 8px;
  line-height: 1.7;
  letter-spacing: 4px;
  opacity: 0.12;
  text-align: center;
  transform: rotate(-12deg);
  pointer-events: none;
}
#gogo-workspace #dashboard .dh-btn .dh1,
#gogoModal #dashboard .dh-btn .dh1,
#gogo-workspace #dashboard .dh-btn .dh2,
#gogoModal #dashboard .dh-btn .dh2,
#gogo-workspace #dashboard .dh-btn .dh3,
#gogoModal #dashboard .dh-btn .dh3,
#gogo-workspace #dashboard .dh-btn .dh4,
#gogoModal #dashboard .dh-btn .dh4{
  position: absolute !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: 0.28 !important;
  z-index: 2 !important;
}
#gogo-workspace #dashboard .dh-btn .dh1,
#gogoModal #dashboard .dh-btn .dh1{
  left: 15% !important;
  top: 18% !important;
}
#gogo-workspace #dashboard .dh-btn .dh2,
#gogoModal #dashboard .dh-btn .dh2{
  right: 15% !important;
  top: 18% !important;
}
#gogo-workspace #dashboard .dh-btn .dh3,
#gogoModal #dashboard .dh-btn .dh3{
  right: 15% !important;
  bottom: 18% !important;
}
#gogo-workspace #dashboard .dh-btn .dh4,
#gogoModal #dashboard .dh-btn .dh4{
  left: 15% !important;
  bottom: 18% !important;
}
#gogo-workspace #dashboard .dh-btn .menu-icon,
#gogoModal #dashboard .dh-btn .menu-icon{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 30px !important;
  z-index: 5 !important;
}
#gogo-workspace #dashboard .um-btn,
#gogoModal #dashboard .um-btn{
  position: relative !important;
  width: 72% !important;
  height: 76px !important;
  margin-left: auto !important;
  margin-right: -24px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#gogo-workspace #dashboard .um-btn::before,
#gogoModal #dashboard .um-btn::before{
  content:
    "U M U M U M\A "
    "M U M U M U\A "
    "U M U M U M\A "
    "M U M U M U";

  white-space: pre;
  position: absolute;
  inset: 5px;
  font-size: 8px;
  line-height: 1.7;
  letter-spacing: 4px;
  opacity: 0.12;
  text-align: center;
  transform: rotate(-12deg);
  pointer-events: none;
}
#gogo-workspace #dashboard .um-btn .um1,
#gogoModal #dashboard .um-btn .um1,
#gogo-workspace #dashboard .um-btn .um2,
#gogoModal #dashboard .um-btn .um2,
#gogo-workspace #dashboard .um-btn .um3,
#gogoModal #dashboard .um-btn .um3,
#gogo-workspace #dashboard .um-btn .um4,
#gogoModal #dashboard .um-btn .um4{
  position: absolute !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: 0.28 !important;
  z-index: 2 !important;
}
#gogo-workspace #dashboard .um-btn .um1,
#gogoModal #dashboard .um-btn .um1{
  left: 15% !important;
  top: 18% !important;
}
#gogo-workspace #dashboard .um-btn .um2,
#gogoModal #dashboard .um-btn .um2{
  right: 15% !important;
  top: 18% !important;
}
#gogo-workspace #dashboard .um-btn .um3,
#gogoModal #dashboard .um-btn .um3{
  right: 15% !important;
  bottom: 18% !important;
}
#gogo-workspace #dashboard .um-btn .um4,
#gogoModal #dashboard .um-btn .um4{
  left: 15% !important;
  bottom: 18% !important;
}
#gogo-workspace #dashboard .um-btn .menu-icon,
#gogoModal #dashboard .um-btn .menu-icon{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 30px !important;
  z-index: 5 !important;
}
#gogo-workspace #dashboard .wc-btn,
#gogoModal #dashboard .wc-btn{
  left: -40px !important;
  right: auto !important;
  transform: none !important;
}
#gogo-workspace #dashboard .dh-btn,
#gogoModal #dashboard .dh-btn{
  left: -40px !important;
  right: auto !important;
  transform: none !important;
}
#gogo-workspace #dashboard .um-btn,
#gogoModal #dashboard .um-btn{
  left: -40px !important;
  right: auto !important;
  transform: none !important;
}
#gogo-workspace #dashboard .wc-btn,
#gogoModal #dashboard .wc-btn,
#gogo-workspace #dashboard .dh-btn,
#gogoModal #dashboard .dh-btn,
#gogo-workspace #dashboard .um-btn,
#gogoModal #dashboard .um-btn{
  scale: 0.85;
  translate: 0 -40px;
}
#gogo-workspace #dashboard .wc-btn::before,
#gogoModal #dashboard .wc-btn::before,
#gogo-workspace #dashboard .wc-btn::after,
#gogoModal #dashboard .wc-btn::after,
#gogo-workspace #dashboard .dh-btn::before,
#gogoModal #dashboard .dh-btn::before,
#gogo-workspace #dashboard .dh-btn::after,
#gogoModal #dashboard .dh-btn::after,
#gogo-workspace #dashboard .um-btn::before,
#gogoModal #dashboard .um-btn::before,
#gogo-workspace #dashboard .um-btn::after,
#gogoModal #dashboard .um-btn::after{
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
#gogo-workspace #dashboard .wc-btn > span:not(.menu-icon),
#gogoModal #dashboard .wc-btn > span:not(.menu-icon),
#gogo-workspace #dashboard .dh-btn > span:not(.menu-icon),
#gogoModal #dashboard .dh-btn > span:not(.menu-icon),
#gogo-workspace #dashboard .um-btn > span:not(.menu-icon),
#gogoModal #dashboard .um-btn > span:not(.menu-icon),
#gogo-workspace #dashboard .wc-btn::before,
#gogoModal #dashboard .wc-btn::before,
#gogo-workspace #dashboard .wc-btn::after,
#gogoModal #dashboard .wc-btn::after,
#gogo-workspace #dashboard .dh-btn::before,
#gogoModal #dashboard .dh-btn::before,
#gogo-workspace #dashboard .dh-btn::after,
#gogoModal #dashboard .dh-btn::after,
#gogo-workspace #dashboard .um-btn::before,
#gogoModal #dashboard .um-btn::before,
#gogo-workspace #dashboard .um-btn::after,
#gogoModal #dashboard .um-btn::after{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}
#gogo-workspace #dashboard .wc-btn::before,
#gogoModal #dashboard .wc-btn::before,
#gogo-workspace #dashboard .wc-btn::after,
#gogoModal #dashboard .wc-btn::after,
#gogo-workspace #dashboard .dh-btn::before,
#gogoModal #dashboard .dh-btn::before,
#gogo-workspace #dashboard .dh-btn::after,
#gogoModal #dashboard .dh-btn::after,
#gogo-workspace #dashboard .um-btn::before,
#gogoModal #dashboard .um-btn::before,
#gogo-workspace #dashboard .um-btn::after,
#gogoModal #dashboard .um-btn::after{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 0.35 !important;
}
#gogo-workspace #dashboard .wc-btn .wc1,
#gogoModal #dashboard .wc-btn .wc1,
#gogo-workspace #dashboard .wc-btn .wc2,
#gogoModal #dashboard .wc-btn .wc2,
#gogo-workspace #dashboard .wc-btn .wc3,
#gogoModal #dashboard .wc-btn .wc3,
#gogo-workspace #dashboard .wc-btn .wc4,
#gogoModal #dashboard .wc-btn .wc4,
#gogo-workspace #dashboard .dh-btn .dh1,
#gogoModal #dashboard .dh-btn .dh1,
#gogo-workspace #dashboard .dh-btn .dh2,
#gogoModal #dashboard .dh-btn .dh2,
#gogo-workspace #dashboard .dh-btn .dh3,
#gogoModal #dashboard .dh-btn .dh3,
#gogo-workspace #dashboard .dh-btn .dh4,
#gogoModal #dashboard .dh-btn .dh4,
#gogo-workspace #dashboard .um-btn .um1,
#gogoModal #dashboard .um-btn .um1,
#gogo-workspace #dashboard .um-btn .um2,
#gogoModal #dashboard .um-btn .um2,
#gogo-workspace #dashboard .um-btn .um3,
#gogoModal #dashboard .um-btn .um3,
#gogo-workspace #dashboard .um-btn .um4,
#gogoModal #dashboard .um-btn .um4{
  display: none !important;
}
#gogo-workspace #dashboard .um-btn,
#gogoModal #dashboard .um-btn{
  translate: 0 115px !important;
}
#gogo-workspace }

#dashboard .um-btn::before,
#gogoModal }

#dashboard .um-btn::before,
#gogo-workspace #dashboard .um-btn::after,
#gogoModal #dashboard .um-btn::after{
  content: none !important;
  display: none !important;
}
#gogo-workspace #dashboard .um-btn::before,
#gogoModal #dashboard .um-btn::before,
#gogo-workspace #dashboard .um-btn::after,
#gogoModal #dashboard .um-btn::after,
#gogo-workspace #dashboard .um-btn *::before,
#gogoModal #dashboard .um-btn *::before,
#gogo-workspace #dashboard .um-btn *::after,
#gogoModal #dashboard .um-btn *::after{
  content: "" !important;
  display: none !important;
  opacity: 0 !important;
}
#gogo-workspace }

#dashboard .um-btn,
#gogoModal }

#dashboard .um-btn{
  translate: 0px -30px !important;
}
#gogo-workspace #dashboard .um-btn,
#gogoModal #dashboard .um-btn{
  transform: translate(-5px, 5px) !important;
}
#gogo-workspace #dashboard .wc-btn .menu-label,
#gogoModal #dashboard .wc-btn .menu-label,
#gogo-workspace #dashboard .dh-btn .menu-label,
#gogoModal #dashboard .dh-btn .menu-label{
  font-family: "Bodoni Moda", serif !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  letter-spacing: 1px !important;
  line-height: 1.1 !important;
  color: #ffffff !important;
}
#gogo-workspace #dashboard .dh-btn .menu-label,
#gogoModal #dashboard .dh-btn .menu-label{
  left: 125% !important;
}
@keyframes confettiBurst {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
    opacity: 1;
  }

  100% {
    transform:
      translate(
        calc((var(--x)) * 1px),
        calc((var(--y)) * 1px)
      )
      rotate(720deg)
      scale(0.5);

    opacity: 0;
  }
}
@keyframes dashboardFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dashboardFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes happyDashboardIn {
  0% {
    opacity: 0;
    transform: translateY(35px) scale(0.97);
  }

  70% {
    opacity: 1;
    transform: translateY(-4px) scale(1.01);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
#gogo-workspace *,
#gogo-workspace *::before,
#gogo-workspace *::after{
  box-sizing: border-box !important;
}
#gogo-workspace button,
#gogo-workspace input,
#gogo-workspace select,
#gogo-workspace textarea{
  font-family: Arial, Helvetica, sans-serif !important;
}
#gogo-workspace .gogo-page{
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 auto !important;
}
#gogo-workspace .gogo-eyebrow{
  margin: 0 0 5px !important;
  color: #6f8278 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}
#gogo-workspace .gogo-title{
  margin: 0 !important;
  color: #173b2c !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: left !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
#gogo-workspace .gogo-subtitle{
  margin: 7px 0 18px !important;
  color: #7b8d84 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  text-align: left !important;
}
#gogo-workspace .gogo-card{
  width: 100% !important;
  margin: 0 0 13px !important;
  padding: 15px !important;
  background: #ffffff !important;
  border: 1px solid #e3ece7 !important;
  border-radius: 17px !important;
  box-shadow: 0 8px 22px rgba(20, 75, 49, 0.055) !important;
}
#gogo-workspace .osm-shop-section,
#gogo-workspace .osm-form,
#gogo-workspace .biker-v2-panel{
  width: 100% !important;
  margin: 0 0 13px !important;
  padding: 15px !important;
}
#gogo-workspace .osm-shop-top,
#gogo-workspace .biker-v2-top{
  display: flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
}
#gogo-workspace .osm-shop-top > div,
#gogo-workspace .biker-v2-top > div{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
#gogo-workspace .osm-shop-small,
#gogo-workspace .osm-label{
  display: block !important;
  margin: 0 0 5px !important;
  color: #6e8277 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}
#gogo-workspace .osm-shop-select,
#gogo-workspace .biker-v2-select,
#gogo-workspace .osm-input,
#gogo-workspace .biker-v2-search input{
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid #dce7e1 !important;
  border-radius: 11px !important;
  outline: none !important;
  background: #ffffff !important;
  color: #173b2c !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
#gogo-workspace .osm-shop-select:focus,
#gogo-workspace .biker-v2-select:focus,
#gogo-workspace .osm-input:focus,
#gogo-workspace .biker-v2-search input:focus{
  border-color: #159b55 !important;
  box-shadow: 0 0 0 2px rgba(21, 155, 85, 0.10) !important;
}
#gogo-workspace .osm-add-shop-btn,
#gogo-workspace .osm-manage-shop-btn,
#gogo-workspace .create-biker-v2-btn,
#gogo-workspace .gogo-primary,
#gogo-workspace .assign-way-btn,
#gogo-workspace .way-action-primary,
#gogo-workspace .gogo-secondary,
#gogo-workspace .way-action-secondary{
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border-radius: 11px !important;
  border: 1px solid transparent !important;
  transform: none !important;
  translate: none !important;
  scale: 1 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
#gogo-workspace .osm-add-shop-btn,
#gogo-workspace .gogo-primary,
#gogo-workspace .assign-way-btn,
#gogo-workspace .way-action-primary,
#gogo-workspace .create-biker-v2-btn{
  background: #079447 !important;
  color: #ffffff !important;
}
#gogo-workspace .osm-manage-shop-btn,
#gogo-workspace .gogo-secondary,
#gogo-workspace .way-action-secondary{
  background: #ffffff !important;
  color: #315746 !important;
  border-color: #dce7e1 !important;
}
#gogo-workspace .osm-intake-card{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 54px !important;
  margin: 0 0 13px !important;
  padding: 11px 14px !important;
  border-radius: 14px !important;
  background: #eef8f2 !important;
  color: #48685a !important;
  font-size: 11px !important;
  text-align: left !important;
}
#gogo-workspace .osm-intake-card strong{
  color: #078244 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}
#gogo-workspace .osm-photo-box,
#gogo-workspace .biker-photo-box{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 11px !important;
  border: 1px dashed #afd2bf !important;
  border-radius: 14px !important;
  background: #fafdfb !important;
  cursor: pointer !important;
}
#gogo-workspace .osm-photo-preview,
#gogo-workspace .biker-photo-preview{
  width: 56px !important;
  height: 56px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  background: #edf5f1 !important;
}
#gogo-workspace .osm-grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
  width: 100% !important;
}
#gogo-workspace .osm-grid .full{
  grid-column: 1 / -1 !important;
}
#gogo-workspace .gogo-save-row{
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 12px !important;
}
#gogo-workspace .gogo-success{
  display: none;
  margin-top: 9px !important;
  padding: 9px 10px !important;
  border-radius: 10px !important;
  background: #edf8f1 !important;
  color: #118149 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#gogo-workspace .biker-v2-switch{
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
  height: 44px !important;
  margin: 13px 0 !important;
  padding: 4px !important;
  border-radius: 14px !important;
  background: #e9f0ec !important;
  overflow: hidden !important;
}
#gogo-workspace .biker-v2-slider{
  position: absolute !important;
  left: 4px !important;
  top: 4px !important;
  width: calc(50% - 4px) !important;
  height: 36px !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 10px rgba(20, 75, 49, 0.08) !important;
  transition: transform 0.2s ease !important;
}
#gogo-workspace .biker-v2-tab{
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #74887d !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  transform: none !important;
}
#gogo-workspace .biker-v2-tab.active{
  color: #173d2d !important;
}
#gogo-workspace .biker-v2-search{
  width: 100% !important;
  margin-bottom: 12px !important;
}
#gogo-workspace .biker-v2-empty{
  width: 100% !important;
  padding: 22px 8px !important;
  color: #8fa097 !important;
  font-size: 10px !important;
  text-align: center !important;
}
#gogo-workspace .biker-v2-way-card{
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 13px !important;
  border: 1px solid #e1ebe6 !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  box-shadow: 0 6px 16px rgba(18, 75, 48, 0.045) !important;
}
#gogo-workspace .way-card-top{
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
}
#gogo-workspace .way-photo{
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 11px !important;
  object-fit: cover !important;
  background: #eff5f2 !important;
}
#gogo-workspace .way-photo.placeholder{
  display: grid !important;
  place-items: center !important;
  color: #94a69d !important;
  font-size: 20px !important;
}
#gogo-workspace .way-main{
  flex: 1 !important;
  min-width: 0 !important;
}
#gogo-workspace .way-name{
  margin: 0 0 2px !important;
  color: #163d2d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
#gogo-workspace .way-money{
  color: #079447 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
#gogo-workspace .way-meta{
  margin-top: 3px !important;
  color: #71847a !important;
  font-size: 9px !important;
  line-height: 1.4 !important;
  word-break: break-word !important;
}
#gogo-workspace .way-shop{
  margin-top: 5px !important;
  color: #516d60 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}
#gogo-workspace .way-status{
  display: inline-block !important;
  margin-top: 6px !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: #f0f4f2 !important;
  color: #667b71 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#gogo-workspace .way-status.onway{
  background: #e8f8ef !important;
  color: #11814a !important;
}
#gogo-workspace .way-status.done{
  background: #e7f6ed !important;
  color: #0f7843 !important;
}
#gogo-workspace .way-status.fail{
  background: #fff0f0 !important;
  color: #b64040 !important;
}
#gogo-workspace .way-actions{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 7px !important;
  width: 100% !important;
  margin-top: 10px !important;
}
#gogo-workspace .way-actions.two{
  grid-template-columns: 1fr 1fr !important;
}
#gogo-workspace .way-actions button{
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 6px !important;
  font-size: 9px !important;
}
#gogoModal{
  display: none;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  background: rgba(12, 35, 25, 0.40) !important;
  backdrop-filter: blur(4px) !important;
}
#gogoModal.open{
  display: flex !important;
}
#gogoModal .gogo-modal-card{
  position: relative !important;
  width: min(430px, 94vw) !important;
  max-height: 84vh !important;
  overflow-y: auto !important;
  margin: 0 !important;
  padding: 20px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.18) !important;
  text-align: left !important;
}
#gogoModal .gogo-modal-close{
  position: absolute !important;
  right: 11px !important;
  top: 10px !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #edf3f0 !important;
  color: #365747 !important;
  font-size: 20px !important;
  line-height: 32px !important;
}
#gogoModal .gogo-modal-title{
  margin: 0 40px 14px 0 !important;
  color: #183f2f !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  text-align: left !important;
}
#gogoModal .gogo-form-row{
  margin-bottom: 10px !important;
}
#gogoModal input,
#gogoModal select,
#gogoModal textarea{
  width: 100% !important;
  min-height: 42px !important;
  padding: 9px 11px !important;
  border: 1px solid #dce7e1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #173b2c !important;
  font-size: 11px !important;
}
#gogoModal .gogo-primary,
#gogoModal .gogo-secondary{
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  transform: none !important;
  translate: none !important;
  scale: 1 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#gogoModal .gogo-primary{
  background: #079447 !important;
  color: #ffffff !important;
  border: 0 !important;
}
#gogoModal .gogo-secondary{
  background: #ffffff !important;
  color: #315746 !important;
  border: 1px solid #dce7e1 !important;
}
#gogo-workspace #dashboard .um-btn .menu-label,
#gogoModal #dashboard .um-btn .menu-label{
  display: none !important;
}
@media (max-width: 700px){#gogo-workspace .gogo-title{
    font-size: 20px !important;
  }
#gogo-workspace .gogo-subtitle{
    font-size: 10px !important;
  }
#gogo-workspace .osm-shop-top,
#gogo-workspace .biker-v2-top{
    flex-direction: column !important;
    align-items: stretch !important;
  }
#gogo-workspace .osm-shop-top .osm-manage-shop-btn,
#gogo-workspace .osm-shop-top .osm-add-shop-btn,
#gogo-workspace .biker-v2-top .create-biker-v2-btn{
    width: 100% !important;
  }
#gogo-workspace .osm-grid{
    grid-template-columns: 1fr !important;
  }
#gogo-workspace .osm-grid .full{
    grid-column: auto !important;
  }
#gogo-workspace .way-actions{
    grid-template-columns: 1fr 1fr !important;
  }
#gogo-workspace .way-actions .wide{
    grid-column: 1 / -1 !important;
  }}
#gogo-workspace .gogo-title{
  font-size: 23px !important;
}
#gogo-workspace .gogo-card,
#gogo-workspace .osm-shop-section,
#gogo-workspace .osm-form,
#gogo-workspace .biker-v2-panel,
#gogo-workspace .biker-v2-way-card,
#gogo-workspace .osm-intake-card{
  background: #EAF5EF !important;
}
#gogo-workspace input,
#gogo-workspace select,
#gogo-workspace textarea{
  background: #FFFFFF !important;
}
#gogo-workspace .osm-photo-box,
#gogo-workspace .biker-photo-box{
  background: #F4FAF6 !important;
}
#gogo-workspace .gogo-card,
#gogo-workspace .osm-shop-section,
#gogo-workspace .osm-form,
#gogo-workspace .biker-v2-panel,
#gogo-workspace .biker-v2-way-card,
#gogo-workspace .osm-intake-card,
#gogo-workspace .osm-grid{
  box-sizing: border-box !important;
}
#gogo-workspace #parcelDate{
  height: 42px !important;
  min-height: 42px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 42px !important;
  box-sizing: border-box !important;
}
#gogo-workspace #parcelDate::-webkit-date-and-time-value{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 42px !important;
}
#gogo-workspace #parcelDate::-webkit-datetime-edit{
  padding: 0 !important;
  line-height: 42px !important;
}
@media (max-width: 700px){#gogo-workspace .gogo-page,
#gogo-workspace .osm-form{
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
#gogo-workspace .osm-grid > div{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
#gogo-workspace #parcelDate{
    display: block !important;
    width: 90% !important;
    min-width: 0 !important;
    max-width: 90% !important;
    box-sizing: border-box !important;
  }
#gogo-workspace .gogo-save-row{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
  }}
#gogoModal .way-name{
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #173f2f !important;
  margin-bottom: 10px !important;
}
#gogoModal .way-meta,
#gogoModal .way-shop{
  padding: 8px 10px !important;
  margin-bottom: 7px !important;
  background: #f3faf6 !important;
  border: 1px solid #dcebe3 !important;
  border-radius: 10px !important;
  color: #315746 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}
#gogoModal .history-item{
  position: relative !important;
  padding: 12px 12px 12px 16px !important;
  margin-bottom: 10px !important;
  background: #f8fbf9 !important;
  border: 1px solid #dce9e2 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(18, 68, 44, 0.05) !important;
}
#gogoModal .history-item::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 4px !important;
  border-radius: 4px !important;
  background: #0a9b4c !important;
}
#gogoModal .history-item strong{
  display: block !important;
  margin-bottom: 4px !important;
  color: #173f2f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
#gogoModal .history-item span{
  display: block !important;
  margin: 4px 0 !important;
  color: #7a8d84 !important;
  font-size: 9px !important;
}
#gogoModal .history-item div{
  color: #2f4e40 !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}
#gogoModal .gogo-modal-card{
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(72, 190, 125, 0.22) 0,
      rgba(72, 190, 125, 0.12) 110px,
      transparent 111px
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(72, 190, 125, 0.16) 0,
      transparent 130px
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f3fbf6 45%,
      #e5f5ec 100%
    ) !important;

  border: 2px solid #cfe7da !important;
  border-radius: 24px !important;

  box-shadow:
    0 22px 55px rgba(16, 55, 38, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.95) !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: 84vh !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}
#gogoModal .gogo-modal-card::before{
  content: "" !important;
  display: block !important;
  width: 42px !important;
  height: 4px !important;
  margin: -7px auto 15px auto !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, #0a9b4c, #6bcf98) !important;
}
#gogoModal .gogo-modal-title{
  color: #174c35 !important;
  font-weight: 800 !important;
}
#gogoModal .biker-photo-box{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
  border: 1px dashed #9fcdb3 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #f8fcfa 0%, #edf8f2 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}
#gogoModal .biker-photo-preview{
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid #d3e9dc !important;
  background: #ffffff !important;
}
#gogo-workspace .biker-profile-card{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
  padding: 12px !important;
  margin-bottom: 12px !important;
  border: 1px solid #cfe7da !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #ffffff 0%, #eef8f2 100%) !important;
  box-shadow: 0 8px 22px rgba(18, 68, 44, 0.08) !important;
}
#gogo-workspace .biker-profile-photo{
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid #cfe7da !important;
  background: #ffffff !important;
}
#gogo-workspace .biker-profile-photo.placeholder{
  display: grid !important;
  place-items: center !important;
  font-size: 24px !important;
}
#gogo-workspace .biker-profile-info{
  min-width: 0 !important;
  flex: 1 !important;
}
#gogo-workspace .biker-profile-name{
  color: #173f2f !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}
#gogo-workspace .biker-profile-meta{
  color: #72877d !important;
  font-size: 10px !important;
  margin-bottom: 6px !important;
}
#gogo-workspace .biker-profile-status{
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #eef2ef !important;
  color: #6d8177 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#gogo-workspace .biker-profile-status.active{
  background: #e4f7eb !important;
  color: #0b8845 !important;
}
#gogo-workspace .biker-photo-hint{
  position: absolute !important;
  right: 10px !important;
  bottom: 8px !important;
  color: #89a095 !important;
  font-size: 7px !important;
}
#gogoModal .photo-viewer-shell{
  padding: 4px 0 2px !important;
}
#gogoModal .photo-viewer-frame{
  display: grid !important;
  place-items: center !important;
  min-height: 260px !important;
  padding: 10px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #113d2b 0%, #0d6d3f 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 30px rgba(11,64,39,.18) !important;
}
#gogoModal .photo-viewer-image{
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 68vh !important;
  border-radius: 14px !important;
  object-fit: contain !important;
  background: #ffffff !important;
}
#gogoModal .photo-viewer-caption{
  margin-top: 10px !important;
  text-align: center !important;
  color: #6f857a !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
#gogoModal .fail-reason-modal{
  padding: 4px 0 2px !important;
}
#gogoModal .fail-reason-icon{
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto 10px !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #fff3ee 0%, #ffe2d6 100%) !important;
  color: #d95d39 !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 18px rgba(217,93,57,.12) !important;
}
#gogoModal .fail-reason-title{
  text-align: center !important;
  margin-bottom: 4px !important;
}
#gogoModal .fail-reason-subtitle{
  margin: 0 0 14px !important;
  text-align: center !important;
  color: #758b80 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}
#gogoModal .fail-reason-chips{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}
#gogoModal .fail-reason-chip{
  min-height: 38px !important;
  padding: 8px 9px !important;
  border: 1px solid #d4e7dc !important;
  border-radius: 11px !important;
  background: #f7fbf8 !important;
  color: #315746 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  text-align: center !important;
}
#gogoModal .fail-reason-chip.selected{
  border-color: #159a55 !important;
  background: #e8f7ee !important;
  color: #087d40 !important;
  box-shadow: 0 0 0 2px rgba(21,154,85,.08) !important;
}
#gogoModal .fail-reason-input{
  width: 100% !important;
  min-height: 92px !important;
  padding: 11px 12px !important;
  border: 1px solid #cfe3d7 !important;
  border-radius: 13px !important;
  outline: none !important;
  resize: vertical !important;
  background: #ffffff !important;
  color: #234a38 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  box-sizing: border-box !important;
}
#gogoModal .fail-reason-input:focus{
  border-color: #159a55 !important;
  box-shadow: 0 0 0 3px rgba(21,154,85,.09) !important;
}
#gogoModal .fail-reason-error{
  min-height: 16px !important;
  padding-top: 5px !important;
  color: #cb5135 !important;
  font-size: 8px !important;
  font-weight: 700 !important;
}
#gogoModal .fail-reason-actions{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
  margin-top: 8px !important;
}
#gogoModal .fail-reason-cancel,
#gogoModal .fail-reason-confirm{
  min-height: 42px !important;
  border-radius: 12px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#gogoModal .fail-reason-cancel{
  border: 1px solid #d8e5de !important;
  background: #f5f8f6 !important;
  color: #61766c !important;
}
#gogoModal .fail-reason-confirm{
  border: 0 !important;
  background: linear-gradient(135deg, #0aa052 0%, #087d42 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(8,125,66,.18) !important;
}
#gogo-workspace #saveParcelBtn.save-locked{
  opacity: 1 !important;
  cursor: default !important;
  pointer-events: none !important;
}
#gogo-workspace #parcelSavedMessage{
  display: none;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  margin: 8px 0 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #118149 !important;
  text-align: center !important;
}
#gogo-workspace .gogo-two-dot-loader{
  position: relative !important;
  display: inline-block !important;
  width: 30px !important;
  height: 30px !important;
  animation: gogoTwoDotOrbit .72s linear infinite !important;
}
#gogo-workspace .gogo-save-dot{
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 8px !important;
  height: 8px !important;
  margin: -4px 0 0 -4px !important;
  border-radius: 50% !important;
  background: #0a9b4c !important;
  box-shadow: 0 2px 7px rgba(10,155,76,.22) !important;
}
#gogo-workspace .gogo-save-dot.dot-one{
  transform: translateY(-10px) !important;
}
#gogo-workspace .gogo-save-dot.dot-two{
  transform: translateY(10px) !important;
  background: #62c98f !important;
}
@keyframes gogoTwoDotOrbit {
  to { transform: rotate(360deg); }
}
#gogo-workspace #parcelSavedMessage.success{
  animation: gogoSaveSuccessIn .22s ease-out both !important;
}
#gogo-workspace .gogo-save-success-icon{
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #0a9b4c !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: 0 5px 12px rgba(10,155,76,.18) !important;
}
#gogo-workspace .gogo-save-success-text{
  color: #118149 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}
@keyframes gogoSaveSuccessIn {
  from {
    opacity: 0;
    transform: scale(.92);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
#gogo-workspace .biker-profile-card{
  padding-right: 72px !important;
}
#gogo-workspace .biker-profile-delete-btn{
  position: absolute !important;
  top: 11px !important;
  right: 11px !important;
  min-width: 50px !important;
  height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid #efc9c4 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #fffafa 0%, #fff0ee 100%) !important;
  color: #b84f45 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 5px 12px rgba(184,79,69,.07) !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
#gogo-workspace .biker-profile-delete-btn:active{
  transform: scale(.96) !important;
}
#gogo-workspace .biker-photo-hint{
  right: 13px !important;
  bottom: 9px !important;
}
#gogoModal .delete-rider-modal{
  padding: 4px 0 2px !important;
}
#gogoModal .delete-rider-icon{
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 10px !important;
  border-radius: 50% !important;
  border: 1px solid #f0d4cf !important;
  background: linear-gradient(145deg, #fff8f7 0%, #ffe9e5 100%) !important;
  color: #c85b4f !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  box-shadow: 0 9px 22px rgba(200,91,79,.11) !important;
}
#gogoModal .delete-rider-title{
  margin-bottom: 5px !important;
  text-align: center !important;
}
#gogoModal .delete-rider-subtitle{
  margin: 0 0 14px !important;
  color: #71867c !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}
#gogoModal .delete-rider-subtitle strong{
  color: #244b39 !important;
}
#gogoModal .delete-rider-warning{
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin-bottom: 14px !important;
  padding: 11px 12px !important;
  border: 1px solid #f0d4cf !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #fff9f8 0%, #fff0ed 100%) !important;
}
#gogoModal .delete-rider-warning strong{
  color: #b64d43 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#gogoModal .delete-rider-warning span{
  color: #8c6b66 !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
}
#gogoModal .delete-rider-warning.safe{
  border-color: #d3e8dc !important;
  background: linear-gradient(135deg, #f7fcf9 0%, #eaf7ef 100%) !important;
}
#gogoModal .delete-rider-warning.safe strong{
  color: #18794a !important;
}
#gogoModal .delete-rider-warning.safe span{
  color: #688078 !important;
}
#gogoModal .delete-rider-actions{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
}
#gogoModal .delete-rider-cancel,
#gogoModal .delete-rider-confirm{
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#gogoModal .delete-rider-cancel{
  border: 1px solid #d7e4dd !important;
  background: #f6f9f7 !important;
  color: #61766c !important;
}
#gogoModal .delete-rider-cancel.wide{
  width: 100% !important;
}
#gogoModal .delete-rider-confirm{
  border: 0 !important;
  background: linear-gradient(135deg, #d96a5e 0%, #bd4d43 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(189,77,67,.18) !important;
}
@media (max-width: 700px){#gogo-workspace .biker-profile-card{
    padding-right: 66px !important;
  }
#gogo-workspace .biker-profile-delete-btn{
    min-width: 46px !important;
    height: 28px !important;
    padding: 0 8px !important;
    font-size: 7.5px !important;
  }}
#gogo-workspace .dh-theme-page{
  width: 100% !important;
  box-sizing: border-box !important;
}
#gogo-workspace .dh-theme-card{
  margin-top: 14px !important;
  padding: 14px !important;
  border: 1px solid rgba(39, 122, 78, .11) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.42) !important;
  box-shadow: 0 10px 28px rgba(21, 78, 51, .045) !important;
  box-sizing: border-box !important;
}
#gogo-workspace .dh-theme-card-head{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}
#gogo-workspace .dh-theme-card-head > div{
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
#gogo-workspace .dh-theme-mini{
  color: #16834e !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
}
#gogo-workspace .dh-theme-card-head strong{
  color: #315646 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#gogo-workspace .dh-theme-filter-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: end !important;
}
#gogo-workspace .dh-theme-field{
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  min-width: 0 !important;
}
#gogo-workspace .dh-theme-field > span,
#gogo-workspace .dh-theme-group-title{
  color: #60796d !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}
#gogo-workspace .dh-theme-search,
#gogo-workspace .dh-theme-group,
#gogo-workspace .dh-theme-actions{
  grid-column: 1 / -1 !important;
}
#gogo-workspace .dh-theme-field input,
#gogo-workspace .dh-theme-field select{
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid #d4e5dc !important;
  border-radius: 12px !important;
  outline: none !important;
  background: #ffffff !important;
  color: #284d3b !important;
  font-size: 10px !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 12px rgba(31, 84, 57, .025) !important;
}
#gogo-workspace .dh-theme-field input:focus,
#gogo-workspace .dh-theme-field select:focus{
  border-color: #149b54 !important;
  box-shadow: 0 0 0 3px rgba(20,155,84,.08) !important;
}
#gogo-workspace .dh-theme-field input[type="date"]{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 44px !important;
}
#gogo-workspace .dh-theme-field input[type="date"]::-webkit-date-and-time-value{
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
#gogo-workspace .dh-theme-field input[type="date"]::-webkit-datetime-edit{
  padding: 0 !important;
  line-height: 44px !important;
}
#gogo-workspace .dh-theme-group{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 10px !important;
  border: 1px solid #d9e9e0 !important;
  border-radius: 14px !important;
  background: rgba(247,251,248,.80) !important;
  box-sizing: border-box !important;
}
#gogo-workspace .dh-theme-group-title{
  grid-column: 1 / -1 !important;
  color: #16814d !important;
  margin-bottom: -1px !important;
}
#gogo-workspace .dh-theme-actions{
  display: grid !important;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr) !important;
  gap: 9px !important;
  margin-top: 2px !important;
}
#gogo-workspace .dh-theme-reset,
#gogo-workspace .dh-theme-search-btn{
  min-height: 44px !important;
  border-radius: 12px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}
#gogo-workspace .dh-theme-reset{
  border: 1px solid #d4e3db !important;
  background: rgba(255,255,255,.72) !important;
  color: #65796f !important;
}
#gogo-workspace .dh-theme-search-btn{
  border: 0 !important;
  background: linear-gradient(135deg, #0aa052 0%, #087d42 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(8,125,66,.16) !important;
}
#gogo-workspace .dh-theme-search-btn:active,
#gogo-workspace .dh-theme-reset:active{
  transform: scale(.985) !important;
}
#gogo-workspace body.gogo-history-open,
#gogoModal body.gogo-history-open{
  overflow: hidden !important;
}
#gogo-workspace .dh-fullscreen{
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background:
    radial-gradient(circle at 96% 3%, rgba(73, 173, 117, .10), transparent 220px),
    linear-gradient(160deg, #f8fcf9 0%, #eaf5ef 58%, #e4f1e9 100%) !important;
  color: #173f2f !important;
}
#gogo-workspace .dh-topbar{
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  flex: 0 0 auto !important;
  margin-bottom: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(29, 114, 72, .12) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.78) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 26px rgba(19, 72, 48, .06) !important;
}
#gogo-workspace .dh-back-btn{
  min-height: 38px !important;
  padding: 0 13px !important;
  border: 1px solid #d4e6dc !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #24523e !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(25, 80, 53, .05) !important;
}
#gogo-workspace .dh-heading{
  min-width: 0 !important;
}
#gogo-workspace .dh-kicker{
  display: block !important;
  margin-bottom: 2px !important;
  color: #179055 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
}
#gogo-workspace .dh-heading h2{
  margin: 0 !important;
  color: #173f2f !important;
  font-family: "Bodoni Moda", serif !important;
  font-size: 23px !important;
  line-height: 1.05 !important;
}
#gogo-workspace .dh-heading p{
  margin: 3px 0 0 !important;
  color: #71877c !important;
  font-size: 9px !important;
}
#gogo-workspace .dh-result-count{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #e7f6ed !important;
  color: #157d49 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-table-shell{
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(29, 114, 72, .13) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(19, 72, 48, .07) !important;
}
#gogo-workspace .dh-table-scroll{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
#gogo-workspace .dh-table{
  width: 100% !important;
  min-width: 1320px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  background: #ffffff !important;
}
#gogo-workspace .dh-table th,
#gogo-workspace .dh-table td{
  padding: 10px 11px !important;
  border-bottom: 1px solid #edf2ef !important;
  border-right: 1px solid #f1f5f3 !important;
  vertical-align: middle !important;
  text-align: left !important;
  color: #39594a !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
  background: #ffffff !important;
}
#gogo-workspace .dh-table th{
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  background: #eff8f2 !important;
  color: #315846 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-table tbody tr:hover td{
  background: #fbfefc !important;
}
#gogo-workspace .dh-no-col{
  width: 46px !important;
  min-width: 46px !important;
  text-align: center !important;
}
#gogo-workspace .dh-shop-cell{
  min-width: 120px !important;
  color: #28533e !important;
  font-weight: 800 !important;
}
#gogo-workspace .dh-photo-col{
  width: 62px !important;
  min-width: 62px !important;
  text-align: center !important;
}
#gogo-workspace .dh-parcel-photo,
#gogo-workspace .dh-photo-placeholder{
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  border: 1px solid #d7e8df !important;
  background: #f3f8f5 !important;
}
#gogo-workspace .dh-photo-placeholder{
  display: inline-grid !important;
  place-items: center !important;
  font-size: 14px !important;
}
#gogo-workspace .dh-parcel-photo{
  cursor: pointer !important;
}
#gogo-workspace .dh-customer-detail-cell{
  min-width: 220px !important;
  max-width: 300px !important;
}
#gogo-workspace .dh-customer-detail-cell strong,
#gogo-workspace .dh-customer-detail-cell span{
  display: block !important;
}
#gogo-workspace .dh-customer-detail-cell strong{
  margin-bottom: 3px !important;
  color: #244c39 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
#gogo-workspace .dh-customer-detail-cell span{
  margin-top: 2px !important;
  color: #60776b !important;
  font-size: 8.5px !important;
}
#gogo-workspace .dh-money,
#gogo-workspace .dh-nowrap{
  white-space: nowrap !important;
}
#gogo-workspace .dh-money{
  color: #234d39 !important;
  font-weight: 800 !important;
}
#gogo-workspace .dh-status{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-status-unassigned{
  background: #f0f3f1 !important;
  color: #687b72 !important;
}
#gogo-workspace .dh-status-assigned{
  background: #eef4ff !important;
  color: #47689d !important;
}
#gogo-workspace .dh-status-onway,
#gogo-workspace .dh-status-retry{
  background: #fff7df !important;
  color: #9a6b10 !important;
}
#gogo-workspace .dh-status-fail{
  background: #fff0ed !important;
  color: #bd5648 !important;
}
#gogo-workspace .dh-status-done{
  background: #e9f8ef !important;
  color: #16794a !important;
}
#gogo-workspace .dh-info-col{
  position: sticky !important;
  right: 0 !important;
  z-index: 2 !important;
  min-width: 74px !important;
  background: #ffffff !important;
  box-shadow: -5px 0 9px rgba(21, 72, 48, .035) !important;
}
#gogo-workspace .dh-table th.dh-info-col{
  z-index: 6 !important;
  background: #eff8f2 !important;
}
#gogo-workspace .dh-info-btn,
#gogo-workspace .dh-load-more{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #cfe2d7 !important;
  border-radius: 10px !important;
  background: #f3faf6 !important;
  color: #147b49 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
}
#gogo-workspace .dh-info-btn{
  min-width: 48px !important;
  height: 30px !important;
  padding: 0 10px !important;
}
#gogo-workspace .dh-empty-row{
  height: 120px !important;
  text-align: center !important;
  color: #84968d !important;
  font-size: 10px !important;
}
#gogo-workspace .dh-table tfoot td{
  position: sticky !important;
  bottom: 0 !important;
  z-index: 3 !important;
  border-top: 2px solid #cfe6d9 !important;
  border-bottom: 0 !important;
  background: #eff8f2 !important;
}
#gogo-workspace .dh-total-title{
  color: #315846 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
#gogo-workspace .dh-total-money{
  min-width: 135px !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-total-money span,
#gogo-workspace .dh-total-money strong{
  display: block !important;
}
#gogo-workspace .dh-total-money span{
  margin-bottom: 3px !important;
  color: #6c8277 !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#gogo-workspace .dh-total-money strong{
  color: #137a48 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
#gogo-workspace .dh-total-tail{
  color: #6b8176 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  text-align: right !important;
}
#gogo-workspace .dh-table-footer{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
  min-height: 48px !important;
  padding: 8px 12px !important;
  border-top: 1px solid #e8f0ec !important;
  background: #fbfdfc !important;
}
#gogo-workspace .dh-table-footer span{
  color: #71857b !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}
#gogo-workspace .dh-load-more{
  min-height: 32px !important;
  padding: 0 13px !important;
}
@media (max-width: 900px){#gogo-workspace .dh-theme-card{
    padding: 12px !important;
  }
#gogo-workspace .dh-fullscreen{
    padding: 9px !important;
  }
#gogo-workspace .dh-topbar{
    gap: 9px !important;
    padding: 9px !important;
  }
#gogo-workspace .dh-heading h2{
    font-size: 19px !important;
  }
#gogo-workspace .dh-heading p{
    display: none !important;
  }}
@media (max-width: 700px){#gogo-workspace .dh-theme-filter-grid{
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
#gogo-workspace .dh-theme-search,
#gogo-workspace .dh-theme-group,
#gogo-workspace .dh-theme-actions{
    grid-column: 1 !important;
  }
#gogo-workspace .dh-theme-group{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
#gogo-workspace .dh-theme-actions{
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr) !important;
  }}
@media (max-width: 560px){#gogo-workspace .dh-theme-card{
    margin-top: 12px !important;
    padding: 10px !important;
    border-radius: 16px !important;
  }
#gogo-workspace .dh-theme-group{
    padding: 8px !important;
    gap: 7px !important;
  }
#gogo-workspace .dh-theme-field input,
#gogo-workspace .dh-theme-field select{
    height: 42px !important;
    min-height: 42px !important;
  }
#gogo-workspace .dh-topbar{
    grid-template-columns: auto minmax(0, 1fr) !important;
  }
#gogo-workspace .dh-result-count{
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    min-height: 28px !important;
  }
#gogo-workspace .dh-table{
    min-width: 1280px !important;
  }}
#gogo-workspace .dh-history-final-table{
  width: max(100%, 1040px) !important;
  min-width: 1040px !important;
  table-layout: fixed !important;
}
#gogo-workspace .dh-history-final-table th,
#gogo-workspace .dh-history-final-table td{
  padding: 9px 8px !important;
}
#gogo-workspace .dh-shop-col,
#gogo-workspace .dh-shop-cell{
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-date-col{
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
}
#gogo-workspace .dh-photo-col{
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
}
#gogo-workspace .dh-amount-col{
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
}
#gogo-workspace .dh-deli-col{
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
}
#gogo-workspace .dh-customer-col,
#gogo-workspace .dh-customer-detail-cell{
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}
#gogo-workspace .dh-customer-detail-cell span{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-biker-col{
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-status-col{
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
}
#gogo-workspace .dh-action-col{
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  text-align: center !important;
}
#gogo-workspace .dh-info-col{
  width: 66px !important;
  min-width: 66px !important;
  max-width: 66px !important;
  text-align: center !important;
}
#gogo-workspace .dh-edit-btn,
#gogo-workspace .dh-delete-btn,
#gogo-workspace .dh-info-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 46px !important;
  height: 30px !important;
  padding: 0 8px !important;
  border-radius: 9px !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
#gogo-workspace .dh-edit-btn{
  border: 1px solid #cddfef !important;
  background: #f2f8fd !important;
  color: #356a92 !important;
}
#gogo-workspace .dh-delete-btn{
  border: 1px solid #efcbc6 !important;
  background: #fff3f1 !important;
  color: #b84f45 !important;
}
#gogo-workspace .dh-load-more[hidden]{
  display: none !important;
}
#gogoModal .dh-edit-modal{
  padding: 2px 0 4px !important;
}
#gogoModal .dh-edit-head{
  margin-bottom: 12px !important;
}
#gogoModal .dh-edit-kicker{
  display: block !important;
  margin-bottom: 3px !important;
  color: #16824d !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
}
#gogoModal .dh-edit-head p{
  margin: 4px 0 0 !important;
  color: #74877e !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
}
#gogoModal .dh-edit-grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
}
#gogoModal .dh-edit-wide{
  grid-column: 1 / -1 !important;
}
#gogoModal .dh-edit-field{
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
#gogoModal .dh-edit-field > span,
#gogoModal .dh-edit-photo-label{
  color: #557064 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
#gogoModal .dh-edit-field input,
#gogoModal .dh-edit-field select{
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  border: 1px solid #d7e6df !important;
  border-radius: 11px !important;
  background: #f8fcfa !important;
  color: #284d3c !important;
  font-size: 10px !important;
  box-sizing: border-box !important;
}
#gogoModal .dh-edit-photo{
  padding: 9px !important;
  border: 1px solid #dce9e2 !important;
  border-radius: 13px !important;
  background: #f6fbf8 !important;
}
#gogoModal .dh-edit-photo-row{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 7px !important;
}
#gogoModal .dh-edit-photo-preview{
  display: grid !important;
  place-items: center !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  overflow: hidden !important;
  border: 1px solid #d6e7de !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  font-size: 20px !important;
}
#gogoModal .dh-edit-photo-preview img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
#gogoModal .dh-edit-photo-actions{
  display: flex !important;
  flex: 1 !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}
#gogoModal .dh-edit-photo-btn,
#gogoModal .dh-edit-remove-photo{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 8px !important;
  font-weight: 900 !important;
}
#gogoModal .dh-edit-photo-btn{
  border: 1px solid #cfe3d7 !important;
  background: #ecf8f1 !important;
  color: #187b4a !important;
}
#gogoModal .dh-edit-remove-photo{
  border: 1px solid #efcec8 !important;
  background: #fff5f3 !important;
  color: #b25449 !important;
}
#gogoModal .dh-edit-actions{
  display: grid !important;
  grid-template-columns: .8fr 1.2fr !important;
  gap: 8px !important;
  margin-top: 13px !important;
}
#gogoModal .dh-edit-cancel,
#gogoModal .dh-edit-save{
  min-height: 40px !important;
  border-radius: 11px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}
#gogoModal .dh-edit-cancel{
  border: 1px solid #d9e5df !important;
  background: #f5f8f6 !important;
  color: #667a70 !important;
}
#gogoModal .dh-edit-save{
  border: 0 !important;
  background: linear-gradient(135deg, #0aa052 0%, #087d42 100%) !important;
  color: #ffffff !important;
}
#gogoModal .dh-delete-modal{
  text-align: center !important;
  padding: 4px 0 2px !important;
}
#gogoModal .dh-delete-icon{
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 auto 10px !important;
  border: 1px solid #efd2cd !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #fff8f7 0%, #ffe9e5 100%) !important;
  font-size: 18px !important;
}
#gogoModal .dh-delete-title{
  text-align: center !important;
}
#gogoModal .dh-delete-copy{
  margin: 5px 0 10px !important;
  color: #6f8178 !important;
  font-size: 9px !important;
  line-height: 1.5 !important;
}
#gogoModal .dh-delete-copy strong{
  color: #2b4c3d !important;
}
#gogoModal .dh-delete-warning{
  margin-bottom: 13px !important;
  padding: 9px 10px !important;
  border: 1px solid #f0d4cf !important;
  border-radius: 11px !important;
  background: #fff4f2 !important;
  color: #a95b52 !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
}
#gogoModal .dh-delete-actions{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
#gogoModal .dh-delete-cancel,
#gogoModal .dh-delete-confirm{
  min-height: 40px !important;
  border-radius: 11px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}
#gogoModal .dh-delete-cancel{
  border: 1px solid #d9e5df !important;
  background: #f5f8f6 !important;
  color: #667a70 !important;
}
#gogoModal .dh-delete-confirm{
  border: 0 !important;
  background: linear-gradient(135deg, #d96054 0%, #b8453c 100%) !important;
  color: #ffffff !important;
}
@media (max-width: 560px){#gogo-workspace .dh-history-final-table{
    width: 1040px !important;
    min-width: 1040px !important;
  }
#gogoModal .dh-edit-grid{
    grid-template-columns: 1fr !important;
  }
#gogoModal .dh-edit-wide{
    grid-column: 1 !important;
  }}
#gogo-workspace .dh-results-actions{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}
#gogo-workspace .dh-export-pdf-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid #bfe0cc !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f4fbf7 0%, #e8f6ee 100%) !important;
  color: #137a48 !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: 0 5px 12px rgba(19,122,72,.07) !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
#gogo-workspace .dh-export-pdf-btn:active{
  transform: scale(.98) !important;
}
#gogo-workspace .dh-export-pdf-btn:disabled{
  opacity: .48 !important;
  cursor: default !important;
  pointer-events: none !important;
}
#gogo-workspace .dh-export-pdf-btn.is-exporting{
  opacity: 1 !important;
  min-width: 116px !important;
}
#gogo-workspace .dh-pdf-mini-loader{
  width: 11px !important;
  height: 11px !important;
  border: 2px solid rgba(19,122,72,.18) !important;
  border-top-color: #137a48 !important;
  border-radius: 50% !important;
  animation: gogoPdfMiniSpin .65s linear infinite !important;
}
@keyframes gogoPdfMiniSpin {
  to { transform: rotate(360deg); }
}
#gogo-workspace .gogo-pdf-report,
#gogoModal .gogo-pdf-report{
  position: absolute !important;
  left: -100000px !important;
  top: 0 !important;
  width: 1120px !important;
  padding: 30px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  color: #243c31 !important;
  font-family: Arial, "Noto Sans Myanmar", "Myanmar Text", sans-serif !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
#gogo-workspace .gogo-pdf-report *,
#gogoModal .gogo-pdf-report *{ box-sizing: border-box !important; }
#gogo-workspace .gogo-pdf-header,
#gogoModal .gogo-pdf-header{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #1b8a53 !important;
}
#gogo-workspace .gogo-pdf-brand,
#gogoModal .gogo-pdf-brand{
  margin-bottom: 3px !important;
  color: #16814d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 23px !important;
  font-weight: 700 !important;
}
#gogo-workspace .gogo-pdf-title,
#gogoModal .gogo-pdf-title{
  color: #244b39 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}
#gogo-workspace .gogo-pdf-meta,
#gogoModal .gogo-pdf-meta{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 3px !important;
  color: #6c8076 !important;
  font-size: 9px !important;
}
#gogo-workspace .gogo-pdf-meta strong,
#gogoModal .gogo-pdf-meta strong{
  color: #24513d !important;
  font-size: 11px !important;
}
#gogo-workspace .gogo-pdf-filters,
#gogoModal .gogo-pdf-filters{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 14px !important;
}
#gogo-workspace .gogo-pdf-filters span,
#gogoModal .gogo-pdf-filters span{
  display: inline-block !important;
  padding: 5px 8px !important;
  border: 1px solid #d9e9e0 !important;
  border-radius: 999px !important;
  background: #f4faf6 !important;
  color: #476456 !important;
  font-size: 8px !important;
  font-weight: 700 !important;
}
#gogo-workspace .gogo-pdf-table,
#gogoModal .gogo-pdf-table{
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  background: #ffffff !important;
}
#gogo-workspace .gogo-pdf-table thead,
#gogoModal .gogo-pdf-table thead{ display: table-header-group !important; }
#gogo-workspace .gogo-pdf-table tfoot,
#gogoModal .gogo-pdf-table tfoot{ display: table-row-group !important; }
#gogo-workspace .gogo-pdf-table tr,
#gogoModal .gogo-pdf-table tr{
  break-inside: avoid !important;
  page-break-inside: avoid !important;
}
#gogo-workspace .gogo-pdf-table th,
#gogoModal .gogo-pdf-table th,
#gogo-workspace .gogo-pdf-table td,
#gogoModal .gogo-pdf-table td{
  padding: 7px 6px !important;
  border: 1px solid #dfe9e4 !important;
  vertical-align: middle !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}
#gogo-workspace .gogo-pdf-table th,
#gogoModal .gogo-pdf-table th{
  background: #eaf6ef !important;
  color: #2b5843 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
}
#gogo-workspace .gogo-pdf-table td,
#gogoModal .gogo-pdf-table td{
  color: #394f44 !important;
  font-size: 8.5px !important;
}
#gogo-workspace .gogo-pdf-table tbody tr:nth-child(even) td,
#gogoModal .gogo-pdf-table tbody tr:nth-child(even) td{ background: #fbfdfc !important; }
#gogo-workspace .gogo-pdf-center,
#gogoModal .gogo-pdf-center,
#gogo-workspace .gogo-pdf-photo-cell,
#gogoModal .gogo-pdf-photo-cell{ text-align: center !important; }
#gogo-workspace .gogo-pdf-nowrap,
#gogoModal .gogo-pdf-nowrap,
#gogo-workspace .gogo-pdf-money,
#gogoModal .gogo-pdf-money{ white-space: nowrap !important; }
#gogo-workspace .gogo-pdf-money,
#gogoModal .gogo-pdf-money{ color: #214d38 !important; font-weight: 800 !important; }
#gogo-workspace .gogo-pdf-photo-cell img,
#gogoModal .gogo-pdf-photo-cell img{
  display: inline-block !important;
  width: 32px !important;
  height: 32px !important;
  object-fit: cover !important;
  border: 1px solid #d5e6dd !important;
  border-radius: 7px !important;
}
#gogo-workspace .gogo-pdf-no-photo,
#gogoModal .gogo-pdf-no-photo{ color: #a2afa9 !important; }
#gogo-workspace .gogo-pdf-customer strong,
#gogoModal .gogo-pdf-customer strong,
#gogo-workspace .gogo-pdf-customer span,
#gogoModal .gogo-pdf-customer span{ display: block !important; }
#gogo-workspace .gogo-pdf-customer strong,
#gogoModal .gogo-pdf-customer strong{
  margin-bottom: 2px !important;
  color: #244b39 !important;
  font-size: 9px !important;
}
#gogo-workspace .gogo-pdf-customer span,
#gogoModal .gogo-pdf-customer span{
  margin-top: 1px !important;
  color: #60756a !important;
  font-size: 8px !important;
}
#gogo-workspace .gogo-pdf-status,
#gogoModal .gogo-pdf-status{
  display: inline-block !important;
  padding: 4px 6px !important;
  border-radius: 999px !important;
  background: #edf7f1 !important;
  color: #1b7d4c !important;
  font-size: 7.5px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#gogo-workspace .gogo-pdf-table tfoot td,
#gogoModal .gogo-pdf-table tfoot td{
  border-top: 2px solid #bcdcc9 !important;
  background: #edf7f1 !important;
}
#gogo-workspace .gogo-pdf-total-label,
#gogoModal .gogo-pdf-total-label{
  color: #315846 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}
#gogo-workspace .gogo-pdf-total-money span,
#gogoModal .gogo-pdf-total-money span,
#gogo-workspace .gogo-pdf-total-money strong,
#gogoModal .gogo-pdf-total-money strong{ display: block !important; }
#gogo-workspace .gogo-pdf-total-money span,
#gogoModal .gogo-pdf-total-money span{
  margin-bottom: 2px !important;
  color: #688075 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#gogo-workspace .gogo-pdf-total-money strong,
#gogoModal .gogo-pdf-total-money strong{
  color: #147b49 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#gogo-workspace .gogo-pdf-total-count,
#gogoModal .gogo-pdf-total-count{
  text-align: right !important;
  color: #5e7569 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}
#gogo-workspace .gogo-pdf-footer-note,
#gogoModal .gogo-pdf-footer-note{
  margin-top: 9px !important;
  color: #8a9992 !important;
  font-size: 7.5px !important;
  text-align: right !important;
}
#gogoModal .dh-pdf-error-modal{
  text-align: center !important;
  padding: 4px 0 2px !important;
}
#gogoModal .dh-pdf-error-icon{
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto 10px !important;
  border: 1px solid #efd5cf !important;
  border-radius: 50% !important;
  background: #fff3f1 !important;
  color: #bd554a !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}
#gogoModal .dh-pdf-error-modal p{
  margin: 6px 0 13px !important;
  color: #6f8178 !important;
  font-size: 9px !important;
  line-height: 1.5 !important;
}
#gogoModal .dh-pdf-error-modal .dh-edit-save{ width: 100% !important; }
@media (max-width: 560px){#gogo-workspace .dh-results-actions{
    grid-column: 1 / -1 !important;
    width: 100% !important;
    justify-content: space-between !important;
  }
#gogo-workspace .dh-results-actions .dh-result-count{ min-height: 30px !important; }
#gogo-workspace .dh-export-pdf-btn{
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 8px !important;
  }}
#gogo-workspace .gogo-pdf-report,
#gogoModal .gogo-pdf-report{
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  z-index: 2147483000 !important;
  width: 1120px !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: none !important;
}
#gogo-workspace .gogo-pdf-export-cover,
#gogoModal .gogo-pdf-export-cover{
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: grid !important;
  place-items: center !important;
  padding: 20px !important;
  background: #eaf5ef !important;
}
#gogo-workspace .gogo-pdf-export-cover-card,
#gogoModal .gogo-pdf-export-cover-card{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 180px !important;
  padding: 20px 22px !important;
  border: 1px solid #cfe4d8 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 50px rgba(18, 82, 51, .12) !important;
  color: #28503d !important;
  font-family: Arial, sans-serif !important;
  text-align: center !important;
}
#gogo-workspace .gogo-pdf-export-cover-card strong,
#gogoModal .gogo-pdf-export-cover-card strong{
  font-size: 13px !important;
  font-weight: 900 !important;
}
#gogo-workspace .gogo-pdf-export-cover-card > span:last-child,
#gogoModal .gogo-pdf-export-cover-card > span:last-child{
  color: #72877c !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}
#gogo-workspace .gogo-pdf-export-cover-loader,
#gogoModal .gogo-pdf-export-cover-loader{
  width: 24px !important;
  height: 24px !important;
  border: 3px solid rgba(19, 122, 72, .16) !important;
  border-top-color: #137a48 !important;
  border-radius: 50% !important;
  animation: gogoPdfCoverSpin .7s linear infinite !important;
}
@keyframes gogoPdfCoverSpin {
  to { transform: rotate(360deg); }
}
#gogoModal{
  z-index: 2147483000 !important;
}
#gogoModal.open{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#gogoModal .gogo-modal-card{
  z-index: 1 !important;
}
#gogoModal .gogo-critical-modal{
  width: 100% !important;
  text-align: center !important;
  padding: 2px 0 4px !important;
}
#gogoModal .gogo-critical-modal-icon{
  display: grid !important;
  place-items: center !important;
  width: 50px !important;
  height: 50px !important;
  margin: 0 auto 11px !important;
  border-radius: 50% !important;
  font-size: 19px !important;
  font-weight: 900 !important;
}
#gogoModal .gogo-critical-modal-icon.success{
  border: 1px solid #c9e5d4 !important;
  background: #eaf8f0 !important;
  color: #12804a !important;
}
#gogoModal .gogo-critical-modal-icon.danger{
  border: 1px solid #efd0ca !important;
  background: #fff1ef !important;
  color: #bd5147 !important;
}
#gogoModal .gogo-critical-modal-title{
  margin: 0 !important;
  padding: 0 34px !important;
  color: #214a37 !important;
  text-align: center !important;
  font-family: "Bodoni Moda", "Noto Sans Myanmar", sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}
#gogoModal .gogo-critical-modal-copy{
  margin: 9px 0 0 !important;
  color: #61786c !important;
  font-family: "Noto Sans Myanmar", "Myanmar Text", sans-serif !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
}
#gogoModal .gogo-critical-modal-copy strong{
  color: #1c5b3d !important;
  font-weight: 900 !important;
}
#gogoModal .gogo-critical-modal-warning{
  margin-top: 12px !important;
  padding: 10px 11px !important;
  border: 1px solid #dce9e2 !important;
  border-radius: 12px !important;
  background: rgba(246,250,248,.96) !important;
  color: #657b70 !important;
  font-family: "Noto Sans Myanmar", "Myanmar Text", sans-serif !important;
  font-size: 10px !important;
  line-height: 1.6 !important;
}
#gogoModal .gogo-critical-modal-warning strong{
  color: #186f46 !important;
  font-weight: 900 !important;
}
#gogoModal .gogo-critical-modal-actions{
  display: grid !important;
  grid-template-columns: .85fr 1.15fr !important;
  gap: 9px !important;
  margin-top: 15px !important;
}
#gogoModal .gogo-critical-cancel-btn,
#gogoModal .gogo-critical-success-btn,
#gogoModal .gogo-critical-danger-btn{
  min-height: 43px !important;
  border-radius: 12px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
#gogoModal .gogo-critical-cancel-btn{
  border: 1px solid #d8e5de !important;
  background: #f6f9f7 !important;
  color: #687b71 !important;
}
#gogoModal .gogo-critical-success-btn{
  border: 0 !important;
  background: linear-gradient(135deg, #0aa052 0%, #087d42 100%) !important;
  color: #ffffff !important;
}
#gogoModal .gogo-critical-danger-btn{
  border: 0 !important;
  background: linear-gradient(135deg, #d85b50 0%, #b7443b 100%) !important;
  color: #ffffff !important;
}
#gogo-workspace .gogo-data-safety-tools{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  margin-left: auto !important;
}
#gogo-workspace .gogo-backup-btn,
#gogo-workspace .gogo-restore-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
#gogo-workspace .gogo-backup-btn{
  border: 1px solid #bfdfcb !important;
  background: #edf8f1 !important;
  color: #147b49 !important;
}
#gogo-workspace .gogo-restore-btn{
  border: 1px solid #d8e4de !important;
  background: #f7faf8 !important;
  color: #61786c !important;
}
#gogo-workspace .gogo-backup-btn.compact{
  min-height: 30px !important;
  padding: 0 10px !important;
}
@media (max-width: 560px){#gogoModal{
    padding: 14px !important;
  }
#gogoModal .gogo-modal-card{
    width: min(94vw, 390px) !important;
    margin: auto !important;
  }
#gogoModal .gogo-critical-modal-title{
    padding: 0 22px !important;
    font-size: 18px !important;
  }
#gogo-workspace .dh-theme-card-head{
    gap: 8px !important;
    flex-wrap: wrap !important;
  }
#gogo-workspace .gogo-data-safety-tools{
    width: 100% !important;
    justify-content: flex-start !important;
  }}
#gogo-workspace .dh-results-actions{
  gap: 7px !important;
}
#gogo-workspace .dh-result-count,
#gogo-workspace .dh-export-pdf-btn{
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  box-sizing: border-box !important;
}
#gogo-workspace .dh-export-pdf-btn{
  width: auto !important;
  min-width: 96px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
}
#gogo-workspace .dh-table-scroll{
  scrollbar-width: thin !important;
  scrollbar-color: #bcdcca #eef6f1 !important;
}
#gogo-workspace .dh-table-scroll::-webkit-scrollbar{
  height: 6px !important;
}
#gogo-workspace .dh-table-scroll::-webkit-scrollbar-track{
  background: #eef6f1 !important;
}
#gogo-workspace .dh-table-scroll::-webkit-scrollbar-thumb{
  border-radius: 999px !important;
  background: #bcdcca !important;
}
@media (max-width: 700px){#gogo-workspace .dh-fullscreen{
    padding: 9px !important;
  }
#gogo-workspace .dh-topbar{
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    padding: 9px !important;
    border-radius: 15px !important;
  }
#gogo-workspace .dh-back-btn{
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 8.5px !important;
  }
#gogo-workspace .dh-heading h2{
    font-size: 19px !important;
    line-height: 1.05 !important;
  }
#gogo-workspace .dh-heading p{
    display: block !important;
    margin-top: 2px !important;
    font-size: 7.5px !important;
    line-height: 1.25 !important;
  }
#gogo-workspace .dh-results-actions{
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: auto auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin-top: 1px !important;
  }
#gogo-workspace .dh-result-count{
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 8px !important;
  }
#gogo-workspace .dh-export-pdf-btn{
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    min-width: 94px !important;
    padding: 0 10px !important;
    font-size: 8px !important;
  }
#gogo-workspace .dh-table-shell{
    flex: 0 1 auto !important;
    max-height: calc(100dvh - 185px) !important;
    border-radius: 15px !important;
  }
#gogo-workspace .dh-table-scroll{
    flex: 0 1 auto !important;
    max-height: calc(100dvh - 235px) !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
  }
#gogo-workspace .dh-history-final-table{
    width: 890px !important;
    min-width: 890px !important;
    max-width: 890px !important;
    table-layout: fixed !important;
  }
#gogo-workspace .dh-history-final-table th,
#gogo-workspace .dh-history-final-table td{
    padding: 7px 5px !important;
    font-size: 8px !important;
    line-height: 1.3 !important;
  }
#gogo-workspace .dh-history-final-table th{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 7px !important;
  }
#gogo-workspace .dh-no-col{
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
  }
#gogo-workspace .dh-shop-col,
#gogo-workspace .dh-shop-cell{
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }
#gogo-workspace .dh-date-col{
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }
#gogo-workspace .dh-photo-col{
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }
#gogo-workspace .dh-parcel-photo,
#gogo-workspace .dh-photo-placeholder{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 8px !important;
  }
#gogo-workspace .dh-amount-col{
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }
#gogo-workspace .dh-deli-col{
    width: 75px !important;
    min-width: 75px !important;
    max-width: 75px !important;
  }
#gogo-workspace .dh-customer-col,
#gogo-workspace .dh-customer-detail-cell{
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
  }
#gogo-workspace .dh-customer-detail-cell strong{
    font-size: 8.5px !important;
  }
#gogo-workspace .dh-customer-detail-cell span{
    font-size: 7.5px !important;
  }
#gogo-workspace .dh-biker-col{
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }
#gogo-workspace .dh-status-col{
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
  }
#gogo-workspace .dh-action-col{
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;
  }
#gogo-workspace .dh-info-col{
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    right: auto !important;
    box-shadow: none !important;
  }
#gogo-workspace .dh-table tbody .dh-info-col,
#gogo-workspace .dh-table tfoot .dh-info-col{
    position: static !important;
  }
#gogo-workspace .dh-table th.dh-info-col{
    position: sticky !important;
    top: 0 !important;
    right: auto !important;
    z-index: 4 !important;
  }
#gogo-workspace .dh-edit-btn,
#gogo-workspace .dh-delete-btn,
#gogo-workspace .dh-info-btn{
    width: auto !important;
    min-width: 42px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 6px !important;
    border-radius: 8px !important;
    font-size: 7px !important;
    line-height: 1 !important;
  }
#gogo-workspace .dh-status{
    min-height: 22px !important;
    padding: 0 6px !important;
    font-size: 7px !important;
  }
#gogo-workspace .dh-table-footer{
    min-height: 42px !important;
    padding: 7px 10px !important;
  }
#gogo-workspace .dh-table-footer span{
    font-size: 8px !important;
  }
#gogo-workspace .dh-load-more{
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 8px !important;
  }
#gogo-workspace .dh-total-title{
    font-size: 7px !important;
  }
#gogo-workspace .dh-total-money{
    min-width: 0 !important;
    white-space: normal !important;
  }
#gogo-workspace .dh-total-money span{
    font-size: 6.5px !important;
  }
#gogo-workspace .dh-total-money strong{
    font-size: 8px !important;
  }}
#gogo-workspace .gogo-storage-warning,
#gogoModal .gogo-storage-warning{
  text-align: center !important;
}
#gogo-workspace .gogo-storage-warning-icon,
#gogoModal .gogo-storage-warning-icon{
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 10px !important;
  border: 1px solid #edd3cb !important;
  border-radius: 50% !important;
  background: #fff3f0 !important;
  color: #bd5549 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}
#gogo-workspace .gogo-storage-warning p,
#gogoModal .gogo-storage-warning p{
  margin: 7px 0 10px !important;
  color: #61776c !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}
#gogo-workspace .gogo-storage-warning-note,
#gogoModal .gogo-storage-warning-note{
  margin-bottom: 13px !important;
  padding: 9px 10px !important;
  border: 1px solid #dce9e2 !important;
  border-radius: 12px !important;
  background: #f5faf7 !important;
  color: #60766b !important;
  font-size: 8.5px !important;
  line-height: 1.45 !important;
}
#gogo-workspace .dh-fullscreen.dh-v10-results{
  padding-top: max(20px, env(safe-area-inset-top)) !important;
}
#gogo-workspace .dh-v10-results .dh-topbar{
  overflow: visible !important;
}
#gogo-workspace .dh-v10-results .dh-heading,
#gogo-workspace .dh-v10-results .dh-heading h2{
  overflow: visible !important;
}
#gogo-workspace .dh-v10-results .dh-heading h2{
  padding: 3px 0 2px !important;
  line-height: 1.22 !important;
}
@media (max-width: 700px){#gogo-workspace .dh-fullscreen.dh-v10-results{
    padding:
      max(18px, env(safe-area-inset-top))
      9px
      max(9px, env(safe-area-inset-bottom))
      9px !important;
  }
#gogo-workspace .dh-v10-results .dh-topbar{
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 7px 9px !important;
    margin-bottom: 9px !important;
    padding: 10px 11px !important;
    border-radius: 16px !important;
  }
#gogo-workspace .dh-v10-results .dh-back-btn{
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    height: 34px !important;
    min-height: 34px !important;
  }
#gogo-workspace .dh-v10-results .dh-heading{
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    padding: 1px 0 !important;
  }
#gogo-workspace .dh-v10-results .dh-kicker{
    margin-bottom: 1px !important;
    font-size: 6.8px !important;
    letter-spacing: .11em !important;
  }
#gogo-workspace .dh-v10-results .dh-heading h2{
    margin: 0 !important;
    padding: 2px 0 3px !important;
    font-size: 20px !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
  }
#gogo-workspace .dh-v10-results .dh-heading p{
    margin: 0 !important;
    font-size: 7.2px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }
#gogo-workspace .dh-v10-results .dh-results-actions{
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 1px 0 0 !important;
  }
#gogo-workspace .dh-v10-results .dh-result-count,
#gogo-workspace .dh-v10-results .dh-export-pdf-btn{
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }
#gogo-workspace .dh-v10-results .dh-result-count{
    min-width: 74px !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: 0 10px !important;
  }
#gogo-workspace .dh-v10-results .dh-export-pdf-btn{
    min-width: 100px !important;
    height: 31px !important;
    min-height: 31px !important;
    max-height: 31px !important;
    padding: 0 11px !important;
  }
#gogo-workspace .dh-v10-results .dh-table-shell{
    flex: 0 1 auto !important;
    max-height: calc(100dvh - 160px) !important;
    min-height: 0 !important;
  }
#gogo-workspace .dh-v10-results .dh-table-scroll{
    flex: 0 1 auto !important;
    max-height: calc(100dvh - 205px) !important;
    min-height: 0 !important;
  }
#gogo-workspace .dh-v10-results .dh-history-final-table{
    width: 770px !important;
    min-width: 770px !important;
    max-width: 770px !important;
    table-layout: fixed !important;
  }
#gogo-workspace .dh-v10-results .dh-history-final-table th,
#gogo-workspace .dh-v10-results .dh-history-final-table td{
    padding: 6px 4px !important;
    font-size: 7.3px !important;
  }
#gogo-workspace .dh-v10-results .dh-history-final-table th{
    font-size: 6.5px !important;
  }
#gogo-workspace .dh-v10-results .dh-no-col{
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
  }
#gogo-workspace .dh-v10-results .dh-shop-col,
#gogo-workspace .dh-v10-results .dh-shop-cell{
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
  }
#gogo-workspace .dh-v10-results .dh-date-col{
    width: 61px !important;
    min-width: 61px !important;
    max-width: 61px !important;
  }
#gogo-workspace .dh-v10-results .dh-photo-col{
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
  }
#gogo-workspace .dh-v10-results .dh-amount-col{
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }
#gogo-workspace .dh-v10-results .dh-deli-col{
    width: 65px !important;
    min-width: 65px !important;
    max-width: 65px !important;
  }
#gogo-workspace .dh-v10-results .dh-customer-col,
#gogo-workspace .dh-v10-results .dh-customer-detail-cell{
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }
#gogo-workspace .dh-v10-results .dh-biker-col{
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
  }
#gogo-workspace .dh-v10-results .dh-status-col{
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
  }
#gogo-workspace .dh-v10-results .dh-action-col{
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }
#gogo-workspace .dh-v10-results .dh-info-col{
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
  }
#gogo-workspace .dh-v10-results .dh-parcel-photo,
#gogo-workspace .dh-v10-results .dh-photo-placeholder{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
  }
#gogo-workspace .dh-v10-results .dh-edit-btn,
#gogo-workspace .dh-v10-results .dh-delete-btn,
#gogo-workspace .dh-v10-results .dh-info-btn{
    min-width: 38px !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 0 5px !important;
    font-size: 6.5px !important;
  }
#gogo-workspace .dh-v10-results .dh-table-footer{
    min-height: 38px !important;
    padding: 6px 9px !important;
  }}
#gogo-workspace .um-page,
#gogoModal .um-page{
  padding-bottom: 28px !important;
}
#gogo-workspace .um-page-head,
#gogoModal .um-page-head{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}
#gogo-workspace .um-create-btn,
#gogoModal .um-create-btn{
  flex: 0 0 auto !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #0aa053 0%, #078044 100%) !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 20px rgba(10, 128, 70, .17) !important;
}
#gogo-workspace .um-summary-grid,
#gogoModal .um-summary-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-bottom: 12px !important;
}
#gogo-workspace .um-summary-card,
#gogoModal .um-summary-card{
  min-width: 0 !important;
  padding: 13px !important;
  border: 1px solid rgba(37, 112, 76, .12) !important;
  border-radius: 15px !important;
  background: linear-gradient(155deg, rgba(255,255,255,.94), rgba(237,248,242,.96)) !important;
  box-shadow: 0 8px 22px rgba(24, 84, 55, .06) !important;
}
#gogo-workspace .um-summary-card span,
#gogoModal .um-summary-card span{
  display: block !important;
  margin-bottom: 4px !important;
  color: #75887f !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}
#gogo-workspace .um-summary-card strong,
#gogoModal .um-summary-card strong{
  color: #155b3b !important;
  font-family: "Bodoni Moda", serif !important;
  font-size: 22px !important;
  line-height: 1 !important;
}
#gogo-workspace .um-control-card,
#gogoModal .um-control-card{
  padding: 13px !important;
}
#gogo-workspace .um-search-row,
#gogoModal .um-search-row{
  display: grid !important;
  grid-template-columns: minmax(0, 1.6fr) minmax(110px, .7fr) minmax(110px, .7fr) !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}
#gogo-workspace .um-search-row input,
#gogoModal .um-search-row input,
#gogo-workspace .um-search-row select,
#gogoModal .um-search-row select,
#gogo-workspace .um-field input,
#gogoModal .um-field input,
#gogo-workspace .um-field select,
#gogoModal .um-field select{
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 11px !important;
  border: 1px solid #d8e7df !important;
  border-radius: 11px !important;
  outline: none !important;
  background: #fff !important;
  color: #284b3b !important;
  font-size: 9px !important;
  box-sizing: border-box !important;
}
#gogo-workspace .um-search-row input:focus,
#gogoModal .um-search-row input:focus,
#gogo-workspace .um-search-row select:focus,
#gogoModal .um-search-row select:focus,
#gogo-workspace .um-field input:focus,
#gogoModal .um-field input:focus,
#gogo-workspace .um-field select:focus,
#gogoModal .um-field select:focus{
  border-color: #88c7a7 !important;
  box-shadow: 0 0 0 3px rgba(19, 128, 73, .08) !important;
}
#gogo-workspace .um-list-head,
#gogoModal .um-list-head{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 0 2px 8px !important;
}
#gogo-workspace .um-list-head strong,
#gogoModal .um-list-head strong{
  color: #315846 !important;
  font-size: 9px !important;
}
#gogo-workspace .um-list-head span,
#gogoModal .um-list-head span{
  color: #88988f !important;
  font-size: 7.5px !important;
}
#gogo-workspace .um-user-list,
#gogoModal .um-user-list{
  display: grid !important;
  gap: 8px !important;
}
#gogo-workspace .um-user-card,
#gogoModal .um-user-card{
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid #e0ebe5 !important;
  border-radius: 14px !important;
  background: #fbfdfc !important;
}
#gogo-workspace .um-avatar-wrap,
#gogoModal .um-avatar-wrap{
  display: grid !important;
  place-items: center !important;
}
#gogo-workspace .um-avatar,
#gogoModal .um-avatar{
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  border: 1px solid #d5e7dd !important;
  background: #eef8f2 !important;
}
#gogo-workspace .um-avatar.placeholder,
#gogoModal .um-avatar.placeholder{
  display: grid !important;
  place-items: center !important;
  color: #187647 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
#gogo-workspace .um-user-main,
#gogoModal .um-user-main{
  min-width: 0 !important;
}
#gogo-workspace .um-user-name-row,
#gogoModal .um-user-name-row{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}
#gogo-workspace .um-user-name-row strong,
#gogoModal .um-user-name-row strong{
  color: #214b38 !important;
  font-size: 10.5px !important;
}
#gogo-workspace .um-user-meta,
#gogoModal .um-user-meta,
#gogo-workspace .um-user-shop,
#gogoModal .um-user-shop{
  margin-top: 3px !important;
  color: #7d8f86 !important;
  font-size: 7.8px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}
#gogo-workspace .um-user-shop,
#gogoModal .um-user-shop{
  color: #5d786a !important;
}
#gogo-workspace .um-role-badge,
#gogoModal .um-role-badge,
#gogo-workspace .um-system-badge,
#gogoModal .um-system-badge,
#gogo-workspace .um-status-badge,
#gogoModal .um-status-badge{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 21px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  font-size: 6.7px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#gogo-workspace .um-role-badge.admin,
#gogoModal .um-role-badge.admin{
  background: #eef0ff !important;
  color: #5d5dc2 !important;
}
#gogo-workspace .um-role-badge.os,
#gogoModal .um-role-badge.os{
  background: #eaf7ef !important;
  color: #167a49 !important;
}
#gogo-workspace .um-role-badge.biker,
#gogoModal .um-role-badge.biker{
  background: #edf5ff !important;
  color: #4776a7 !important;
}
#gogo-workspace .um-system-badge,
#gogoModal .um-system-badge{
  background: #f2f4f3 !important;
  color: #7b8982 !important;
}
#gogo-workspace .um-status-badge.active,
#gogoModal .um-status-badge.active{
  background: #eaf8f0 !important;
  color: #137c49 !important;
}
#gogo-workspace .um-status-badge.inactive,
#gogoModal .um-status-badge.inactive{
  background: #f6f1ef !important;
  color: #9b6d62 !important;
}
#gogo-workspace .um-user-side,
#gogoModal .um-user-side{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 7px !important;
}
#gogo-workspace .um-user-actions,
#gogoModal .um-user-actions{
  display: flex !important;
  gap: 5px !important;
}
#gogo-workspace .um-edit-user,
#gogoModal .um-edit-user,
#gogo-workspace .um-delete-user,
#gogoModal .um-delete-user{
  min-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  font-size: 7px !important;
  font-weight: 900 !important;
}
#gogo-workspace .um-edit-user,
#gogoModal .um-edit-user{
  border: 1px solid #c8ddec !important;
  background: #f1f7fb !important;
  color: #46749b !important;
}
#gogo-workspace .um-delete-user,
#gogoModal .um-delete-user{
  border: 1px solid #efc8c1 !important;
  background: #fff3f1 !important;
  color: #b45147 !important;
}
#gogo-workspace .um-protected,
#gogoModal .um-protected{
  color: #8b9892 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
}
#gogo-workspace .um-empty,
#gogoModal .um-empty{
  padding: 24px 12px !important;
  border: 1px dashed #ccded4 !important;
  border-radius: 12px !important;
  color: #819188 !important;
  font-size: 9px !important;
  text-align: center !important;
}
#gogoModal .um-modal-head{
  margin-bottom: 12px !important;
}
#gogoModal .um-modal-head .um-mini{
  color: #16804c !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
}
#gogoModal .um-modal-head p{
  margin: 4px 0 0 !important;
  color: #75887e !important;
  font-size: 8.5px !important;
  line-height: 1.4 !important;
}
#gogo-workspace .um-photo-box,
#gogoModal .um-photo-box{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
  padding: 9px !important;
  border: 1px dashed #b9d9c8 !important;
  border-radius: 12px !important;
  background: #f5fbf7 !important;
  cursor: pointer !important;
}
#gogo-workspace .um-photo-preview,
#gogoModal .um-photo-preview{
  display: none;
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}
#gogo-workspace .um-photo-box strong,
#gogoModal .um-photo-box strong{
  display: block !important;
  color: #28543f !important;
  font-size: 9px !important;
}
#gogo-workspace .um-photo-box span,
#gogoModal .um-photo-box span{
  display: block !important;
  margin-top: 2px !important;
  color: #83948b !important;
  font-size: 7.5px !important;
}
#gogo-workspace .um-form-grid,
#gogoModal .um-form-grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
}
#gogo-workspace .um-field,
#gogoModal .um-field{
  display: block !important;
}
#gogo-workspace .um-field > span,
#gogoModal .um-field > span{
  display: block !important;
  margin: 0 0 4px 2px !important;
  color: #63786d !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
#gogo-workspace .um-wide,
#gogoModal .um-wide{
  grid-column: 1 / -1 !important;
}
#gogoModal .um-modal-actions{
  display: grid !important;
  grid-template-columns: 1fr 1.2fr !important;
  gap: 8px !important;
  margin-top: 13px !important;
}
#gogo-workspace .um-btn,
#gogoModal .um-btn{
  min-height: 40px !important;
  border-radius: 11px !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
}
#gogo-workspace .um-btn.secondary,
#gogoModal .um-btn.secondary{
  border: 1px solid #d9e6df !important;
  background: #f6f9f7 !important;
  color: #6a7c73 !important;
}
#gogo-workspace .um-btn.primary,
#gogoModal .um-btn.primary{
  border: 0 !important;
  background: linear-gradient(135deg, #0aa053, #087d43) !important;
  color: #fff !important;
}
#gogo-workspace .um-role-session-banner,
#gogoModal .um-role-session-banner{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
  padding: 9px 10px !important;
  border: 1px solid #d9e8df !important;
  border-radius: 12px !important;
  background: #f6fbf8 !important;
}
#gogo-workspace .um-role-session-banner strong,
#gogoModal .um-role-session-banner strong{
  color: #28523f !important;
  font-size: 9px !important;
}
#gogoModal .gogo-critical-modal-actions.one{
  grid-template-columns: 1fr !important;
}
@media (max-width: 700px){#gogo-workspace .um-page-head,
#gogoModal .um-page-head{
    align-items: center !important;
  }
#gogo-workspace .um-create-btn,
#gogoModal .um-create-btn{
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 8px !important;
  }
#gogo-workspace .um-summary-grid,
#gogoModal .um-summary-grid{
    grid-template-columns: 1fr 1fr !important;
  }
#gogo-workspace .um-summary-card,
#gogoModal .um-summary-card{
    padding: 10px !important;
  }
#gogo-workspace .um-summary-card strong,
#gogoModal .um-summary-card strong{
    font-size: 18px !important;
  }
#gogo-workspace .um-search-row,
#gogoModal .um-search-row{
    grid-template-columns: 1fr 1fr !important;
  }
#gogo-workspace .um-search-row input,
#gogoModal .um-search-row input{
    grid-column: 1 / -1 !important;
  }
#gogo-workspace .um-user-card,
#gogoModal .um-user-card{
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }
#gogo-workspace .um-user-side,
#gogoModal .um-user-side{
    grid-column: 1 / -1 !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-left: 50px !important;
  }
#gogo-workspace .um-form-grid,
#gogoModal .um-form-grid{
    grid-template-columns: 1fr !important;
  }
#gogo-workspace .um-wide,
#gogoModal .um-wide{
    grid-column: 1 !important;
  }}
#gogo-workspace .um-role-badge.office,
#gogoModal .um-role-badge.office{
  background: #fff4df !important;
  color: #9a6b18 !important;
}
#gogo-workspace .um-readonly,
#gogoModal .um-readonly{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border: 1px solid #dde6e1 !important;
  border-radius: 999px !important;
  background: #f5f8f6 !important;
  color: #85928b !important;
  font-size: 6.8px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}
#gogo-workspace .os-portal-way-top span:not(.dh-status),
#gogoModal .os-portal-way-top span:not(.dh-status){
  display: block;
  margin-top: 3px;
  color: #6d887a;
  font-size: 9px;
}
body:not(.gogo-history-open) #gogo-workspace .dh-theme-page .dh-theme-filter-grid{
  align-items: stretch;
}
#gogo-workspace .dh-biker-col,
#gogoModal .dh-biker-col{
  min-width: 82px !important;
  white-space: nowrap !important;
}
#gogo-workspace .um-role-home .um-page-head,
#gogoModal .um-role-home .um-page-head,
#gogo-workspace .um-role-detail-page .um-role-detail-head,
#gogoModal .um-role-detail-page .um-role-detail-head{
  margin-bottom: 18px;
}
#gogo-workspace .um-system-admin-card,
#gogoModal .um-system-admin-card{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  margin-bottom: 16px;
  border: 1px solid rgba(62, 123, 94, 0.14);
  border-radius: 20px;
  background: rgba(255,255,255,0.68);
  box-shadow: 0 10px 26px rgba(30, 90, 60, 0.06);
}
#gogo-workspace .um-system-admin-avatar,
#gogoModal .um-system-admin-avatar{
  width: 46px;
  height: 46px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: #edf7f1;
  color: #13864f;
  font-weight: 800;
  font-size: 17px;
  border: 1px solid rgba(37, 131, 83, 0.16);
}
#gogo-workspace .um-system-admin-copy,
#gogoModal .um-system-admin-copy{
  min-width: 0;
  flex: 1;
}
#gogo-workspace .um-system-admin-copy span,
#gogoModal .um-system-admin-copy span{
  display: block;
  color: #83998e;
  font-size: 8px;
  letter-spacing: .12em;
  font-weight: 800;
}
#gogo-workspace .um-system-admin-copy strong,
#gogoModal .um-system-admin-copy strong{
  display: block;
  margin-top: 2px;
  color: #234f3b;
  font-size: 14px;
}
#gogo-workspace .um-system-admin-copy small,
#gogoModal .um-system-admin-copy small{
  display: block;
  margin-top: 2px;
  color: #7b9186;
  font-size: 9px;
}
#gogo-workspace .um-system-lock,
#gogoModal .um-system-lock{
  font-size: 18px;
}
#gogo-workspace .um-role-category-grid,
#gogoModal .um-role-category-grid{
  display: grid;
  gap: 12px;
}
#gogo-workspace .um-role-category-card,
#gogoModal .um-role-category-card{
  width: 100%;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto 22px;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(56, 126, 91, 0.14);
  border-radius: 22px;
  background: rgba(255,255,255,0.78);
  text-align: left;
  box-shadow: 0 10px 28px rgba(34, 91, 63, 0.06);
}
#gogo-workspace .um-role-category-icon,
#gogoModal .um-role-category-icon{
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #edf7f1;
  font-size: 22px;
}
#gogo-workspace .um-role-category-copy,
#gogoModal .um-role-category-copy{
  min-width: 0;
}
#gogo-workspace .um-role-category-copy strong,
#gogoModal .um-role-category-copy strong{
  display: block;
  color: #214e39;
  font-size: 14px;
  line-height: 1.2;
}
#gogo-workspace .um-role-category-copy small,
#gogoModal .um-role-category-copy small{
  display: block;
  margin-top: 4px;
  color: #7b9186;
  font-size: 9px;
  line-height: 1.4;
}
#gogo-workspace .um-role-category-count,
#gogoModal .um-role-category-count{
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  border-radius: 19px;
  display: grid;
  place-items: center;
  background: #e7f7ed;
  color: #0e8b4d;
  font-size: 15px;
  font-weight: 800;
}
#gogo-workspace .um-role-category-arrow,
#gogoModal .um-role-category-arrow{
  color: #76a18b;
  font-size: 18px;
  font-weight: 700;
}
#gogo-workspace .um-role-detail-head,
#gogoModal .um-role-detail-head{
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
}
#gogo-workspace .um-role-back,
#gogoModal .um-role-back{
  border: 1px solid rgba(43, 124, 83, 0.18);
  background: rgba(255,255,255,0.78);
  color: #237c50;
  border-radius: 16px;
  padding: 10px 12px;
  font-size: 10px;
  font-weight: 800;
}
#gogo-workspace .um-role-detail-title,
#gogoModal .um-role-detail-title{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
#gogo-workspace .um-role-detail-title > span,
#gogoModal .um-role-detail-title > span{
  font-size: 24px;
}
#gogo-workspace .um-role-detail-title .gogo-title,
#gogoModal .um-role-detail-title .gogo-title,
#gogo-workspace .um-role-detail-title .gogo-subtitle,
#gogoModal .um-role-detail-title .gogo-subtitle,
#gogo-workspace .um-role-detail-title .gogo-eyebrow,
#gogoModal .um-role-detail-title .gogo-eyebrow{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#gogo-workspace .um-role-toolbar,
#gogoModal .um-role-toolbar{
  display: grid;
  gap: 12px;
  padding: 14px !important;
  margin-bottom: 14px;
}
#gogo-workspace .um-role-search,
#gogoModal .um-role-search{
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(73, 131, 102, 0.18);
  border-radius: 16px;
  background: rgba(255,255,255,0.9);
  padding: 0 14px;
  color: #264f3d;
  font-size: 11px;
  outline: none;
}
#gogo-workspace .um-status-segment,
#gogoModal .um-status-segment{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding: 5px;
  border-radius: 16px;
  background: rgba(218, 238, 227, 0.72);
}
#gogo-workspace .um-status-segment button,
#gogoModal .um-status-segment button{
  min-height: 38px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #648173;
  font-size: 10px;
  font-weight: 800;
}
#gogo-workspace .um-status-segment button.active,
#gogoModal .um-status-segment button.active{
  background: #ffffff;
  color: #0e8850;
  box-shadow: 0 6px 16px rgba(39, 102, 69, 0.08);
}
#gogo-workspace .um-role-list-head,
#gogoModal .um-role-list-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 4px 10px;
  color: #6f887c;
  font-size: 9px;
}
#gogo-workspace .um-role-list-head strong,
#gogoModal .um-role-list-head strong{
  color: #315a47;
  font-size: 11px;
}
#gogo-workspace .um-role-user-list,
#gogoModal .um-role-user-list{
  display: grid;
  gap: 10px;
}
#gogo-workspace .um-role-user-card,
#gogoModal .um-role-user-card{
  margin: 0 !important;
}
@media (max-width: 720px){#gogo-workspace .um-role-detail-head,
#gogoModal .um-role-detail-head{
    grid-template-columns: auto minmax(0,1fr);
  }
#gogo-workspace .um-role-detail-head .um-create-btn,
#gogoModal .um-role-detail-head .um-create-btn{
    grid-column: 1 / -1;
    width: 100%;
  }
#gogo-workspace .um-role-category-card,
#gogoModal .um-role-category-card{
    grid-template-columns: 44px minmax(0,1fr) auto 18px;
    padding: 13px;
    gap: 9px;
  }
#gogo-workspace .um-role-category-icon,
#gogoModal .um-role-category-icon{
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }
#gogo-workspace .um-role-category-copy small,
#gogoModal .um-role-category-copy small{
    font-size: 8px;
  }
#gogo-workspace .um-role-category-count,
#gogoModal .um-role-category-count{
    min-width: 34px;
    height: 34px;
    font-size: 13px;
  }}
#gogo-workspace .um-role-home,
#gogoModal .um-role-home{
  padding-top: 28px !important;
}
#gogo-workspace .um-role-home .um-page-head,
#gogoModal .um-role-home .um-page-head{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: start !important;
  column-gap: 18px !important;
  row-gap: 10px !important;
  margin-bottom: 22px !important;
}
#gogo-workspace .um-role-home .um-page-head > div,
#gogoModal .um-role-home .um-page-head > div{
  min-width: 0 !important;
}
#gogo-workspace .um-role-home .gogo-eyebrow,
#gogoModal .um-role-home .gogo-eyebrow{
  margin: 0 0 6px !important;
  line-height: 1.2 !important;
}
#gogo-workspace .um-role-home .gogo-title,
#gogoModal .um-role-home .gogo-title{
  margin: 0 !important;
  line-height: 1.02 !important;
}
#gogo-workspace .um-role-home .gogo-subtitle,
#gogoModal .um-role-home .gogo-subtitle{
  margin: 10px 0 0 !important;
  line-height: 1.45 !important;
  max-width: 360px !important;
}
#gogo-workspace .um-role-home .um-create-btn,
#gogoModal .um-role-home .um-create-btn{
  align-self: start !important;
  justify-self: end !important;
  min-width: 142px !important;
  height: 58px !important;
  padding: 0 18px !important;
  border-radius: 22px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}
#gogo-workspace .um-system-admin-card,
#gogoModal .um-system-admin-card{
  display: grid !important;
  grid-template-columns: 56px minmax(0,1fr) 30px !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 112px !important;
  padding: 18px 20px !important;
  margin-bottom: 18px !important;
  border-radius: 26px !important;
}
#gogo-workspace .um-system-admin-avatar,
#gogoModal .um-system-admin-avatar{
  width: 56px !important;
  height: 56px !important;
  border-radius: 18px !important;
  margin: 0 !important;
}
#gogo-workspace .um-system-admin-copy,
#gogoModal .um-system-admin-copy{
  min-width: 0 !important;
}
#gogo-workspace .um-system-admin-copy span,
#gogoModal .um-system-admin-copy span{
  margin: 0 0 4px !important;
  line-height: 1.2 !important;
}
#gogo-workspace .um-system-admin-copy strong,
#gogoModal .um-system-admin-copy strong{
  margin: 0 !important;
  line-height: 1.15 !important;
}
#gogo-workspace .um-system-admin-copy small,
#gogoModal .um-system-admin-copy small{
  margin: 5px 0 0 !important;
  line-height: 1.3 !important;
}
#gogo-workspace .um-system-lock,
#gogoModal .um-system-lock{
  justify-self: end !important;
  align-self: center !important;
  line-height: 1 !important;
}
#gogo-workspace .um-role-category-grid,
#gogoModal .um-role-category-grid{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  margin-top: 0 !important;
}
#gogo-workspace .um-role-category-card,
#gogoModal .um-role-category-card{
  width: 100% !important;
  min-height: 112px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0,1fr) 46px 24px !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 18px 20px !important;
  margin: 0 !important;
  border-radius: 26px !important;
  overflow: hidden !important;
}
#gogo-workspace .um-role-category-icon,
#gogoModal .um-role-category-icon{
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  margin: 0 !important;
  align-self: center !important;
}
#gogo-workspace .um-role-category-copy,
#gogoModal .um-role-category-copy{
  min-width: 0 !important;
  align-self: center !important;
}
#gogo-workspace .um-role-category-copy strong,
#gogoModal .um-role-category-copy strong{
  margin: 0 !important;
  line-height: 1.15 !important;
}
#gogo-workspace .um-role-category-copy small,
#gogoModal .um-role-category-copy small{
  margin: 6px 0 0 !important;
  line-height: 1.35 !important;
  max-width: 260px !important;
}
#gogo-workspace .um-role-category-count,
#gogoModal .um-role-category-count{
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  margin: 0 !important;
  align-self: center !important;
}
#gogo-workspace .um-role-category-arrow,
#gogoModal .um-role-category-arrow{
  width: 24px !important;
  text-align: center !important;
  align-self: center !important;
  line-height: 1 !important;
}
@media (max-width: 720px){#gogo-workspace .um-role-home,
#gogoModal .um-role-home{
    padding-top: 24px !important;
  }
#gogo-workspace .um-role-home .um-page-head,
#gogoModal .um-role-home .um-page-head{
    grid-template-columns: minmax(0,1fr) 128px !important;
    column-gap: 12px !important;
    margin-bottom: 18px !important;
  }
#gogo-workspace .um-role-home .um-create-btn,
#gogoModal .um-role-home .um-create-btn{
    min-width: 128px !important;
    height: 54px !important;
    padding: 0 12px !important;
    border-radius: 20px !important;
    font-size: 10px !important;
  }
#gogo-workspace .um-system-admin-card,
#gogoModal .um-system-admin-card{
    grid-template-columns: 52px minmax(0,1fr) 26px !important;
    min-height: 102px !important;
    padding: 16px !important;
    gap: 12px !important;
  }
#gogo-workspace .um-system-admin-avatar,
#gogoModal .um-system-admin-avatar{
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
  }
#gogo-workspace .um-role-category-grid,
#gogoModal .um-role-category-grid{
    gap: 12px !important;
  }
#gogo-workspace .um-role-category-card,
#gogoModal .um-role-category-card{
    grid-template-columns: 52px minmax(0,1fr) 42px 20px !important;
    min-height: 104px !important;
    padding: 16px !important;
    gap: 12px !important;
  }
#gogo-workspace .um-role-category-icon,
#gogoModal .um-role-category-icon{
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
  }
#gogo-workspace .um-role-category-count,
#gogoModal .um-role-category-count{
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
  }
#gogo-workspace .um-role-category-copy small,
#gogoModal .um-role-category-copy small{
    font-size: 8px !important;
    max-width: 210px !important;
  }}
#gogo-workspace .rider-profile-modal .gogo-form-row,
#gogoModal .rider-profile-modal .gogo-form-row{
  margin-bottom: 12px;
}
#gogo-workspace .rider-profile-modal .gogo-primary,
#gogoModal .rider-profile-modal .gogo-primary{
  margin-top: 8px;
}
#gogoModal .um-modal [style*="display:none"]{
  margin: 0 !important;
}
#gogoModal .um-modal #umNewShopWrap[style*="display: none"],
#gogoModal .um-modal #umNewShopWrap[style*="display:none"],
#gogoModal .um-modal #umNewRiderWrap[style*="display: none"],
#gogoModal .um-modal #umNewRiderWrap[style*="display:none"],
#gogoModal .um-modal #umNewNameWrap[style*="display: none"],
#gogoModal .um-modal #umNewNameWrap[style*="display:none"],
#gogoModal .um-modal #umNewPhoneWrap[style*="display: none"],
#gogoModal .um-modal #umNewPhoneWrap[style*="display:none"],
#gogoModal .um-modal #umNewPhotoBox[style*="display: none"],
#gogoModal .um-modal #umNewPhotoBox[style*="display:none"]{
  display: none !important;
}
#gogoModal .um-modal:has(#umNewRoleFixed[value="Biker"]) #umNewShopWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Biker"]) #umNewNameWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Biker"]) #umNewPhoneWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Biker"]) #umNewPhotoBox{
  display: none !important;
}
#gogoModal .um-modal:has(#umNewRoleFixed[value="Online Shop"]) #umNewRiderWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Online Shop"]) #umNewNameWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Online Shop"]) #umNewPhoneWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Online Shop"]) #umNewPhotoBox{
  display: none !important;
}
#gogoModal .um-modal:has(#umNewRoleFixed[value="Office Staff"]) #umNewShopWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Office Staff"]) #umNewRiderWrap{
  display: none !important;
}
@keyframes wc162Reveal {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes wc162CardIn {
  from { opacity: 0; transform: translateY(16px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes wc162Packet {
  0% { left: 12%; opacity: 0; transform: scale(.65); }
  8% { opacity: 1; }
  88% { opacity: 1; }
  100% { left: 84%; opacity: 0; transform: scale(1); }
}
@keyframes wc162LivePulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(44,185,108,.24); }
  50% { box-shadow: 0 0 0 7px rgba(44,185,108,0); }
}
@keyframes wc162LineDraw {
  from { stroke-dashoffset: 100; }
  to { stroke-dashoffset: 0; }
}
@keyframes wc162DotPop {
  from { opacity: 0; transform: scale(0); transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-origin: center; }
}
@keyframes wc162RankGrow {
  from { width: 0; }
  to { width: var(--wc-rank-width); }
}
@keyframes wc162RankRunner {
  0% { left: 0; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { left: calc(var(--wc-rank-width) - 5px); opacity: 0; }
}
@keyframes wc162Urgent {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}
@keyframes wc162Sweep {
  0% { transform: translateX(-140%) skewX(-18deg); opacity: 0; }
  18% { opacity: .5; }
  55% { opacity: .12; }
  100% { transform: translateX(260%) skewX(-18deg); opacity: 0; }
}
#gogo-workspace .wc-v162,
#gogoModal .wc-v162{
  padding-bottom: 44px !important;
  animation: wc162Reveal .42s cubic-bezier(.2,.82,.3,1) both;
}
#gogo-workspace .wc-control-hero,
#gogoModal .wc-control-hero{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(180px,270px);
  align-items: center;
  gap: 22px;
  min-height: 132px;
  margin-bottom: 16px;
  padding: 22px 24px;
  overflow: hidden;
  border: 1px solid rgba(26,112,72,.10);
  border-radius: 30px;
  background:
    radial-gradient(circle at 84% 22%, rgba(45,184,110,.15), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.88), rgba(238,249,243,.74));
  box-shadow: 0 18px 38px rgba(33,91,65,.055);
}
#gogo-workspace .wc-control-hero::after,
#gogoModal .wc-control-hero::after{
  content: "";
  position: absolute;
  top: -35%;
  bottom: -35%;
  left: 0;
  width: 18%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.82), transparent);
  animation: wc162Sweep 7s ease-in-out infinite;
}
#gogo-workspace .wc-hero-copy,
#gogoModal .wc-hero-copy{
  min-width: 0;
  position: relative;
  z-index: 2;
}
#gogo-workspace .wc-hero-copy .gogo-title,
#gogoModal .wc-hero-copy .gogo-title{
  margin-bottom: 6px !important;
}
#gogo-workspace .wc-live-route,
#gogoModal .wc-live-route{
  position: relative;
  z-index: 2;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#gogo-workspace .wc-route-node,
#gogoModal .wc-route-node{
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(35,138,87,.13);
  border-radius: 15px;
  background: rgba(255,255,255,.86);
  color: #167549;
  font-size: 9px;
  font-weight: 900;
  box-shadow: 0 9px 20px rgba(35,100,72,.06);
}
#gogo-workspace .wc-route-node.complete,
#gogoModal .wc-route-node.complete{
  color: #fff;
  background: linear-gradient(145deg, #1c9c5e, #32b873);
}
#gogo-workspace .wc-route-track,
#gogoModal .wc-route-track{
  position: absolute;
  left: 38px;
  right: 38px;
  top: 50%;
  height: 2px;
  overflow: hidden;
  transform: translateY(-50%);
  background:
    repeating-linear-gradient(
      90deg,
      rgba(29,142,85,.24) 0 7px,
      transparent 7px 13px
    );
}
#gogo-workspace .wc-route-packet,
#gogoModal .wc-route-packet{
  position: absolute;
  left: 12%;
  top: 50%;
  z-index: 3;
  color: #20a866;
  font-size: 11px;
  transform: translateY(-50%);
  animation: wc162Packet 3.7s linear infinite;
}
#gogo-workspace .wc-route-packet.p2,
#gogoModal .wc-route-packet.p2{ animation-delay: 1.18s; }
#gogo-workspace .wc-route-packet.p3,
#gogoModal .wc-route-packet.p3{ animation-delay: 2.36s; }
#gogo-workspace .wc-live-label,
#gogoModal .wc-live-label{
  position: absolute;
  right: 22px;
  bottom: 13px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #4f7c68;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .12em;
}
#gogo-workspace .wc-live-label span,
#gogoModal .wc-live-label span{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #27ad68;
  animation: wc162LivePulse 1.8s ease-in-out infinite;
}
#gogo-workspace .wc-today-grid,
#gogoModal .wc-today-grid{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 16px;
}
#gogo-workspace .wc-today-card,
#gogoModal .wc-today-card{
  position: relative;
  min-width: 0;
  min-height: 134px;
  padding: 16px;
  overflow: hidden;
  border: 1px solid rgba(28,103,70,.10);
  border-radius: 24px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 28px rgba(35,94,69,.045);
  opacity: 0;
  animation: wc162CardIn .5s cubic-bezier(.2,.82,.3,1) forwards;
}
#gogo-workspace .wc-today-card:nth-child(1),
#gogoModal .wc-today-card:nth-child(1){ animation-delay: .05s; }
#gogo-workspace .wc-today-card:nth-child(2),
#gogoModal .wc-today-card:nth-child(2){ animation-delay: .11s; }
#gogo-workspace .wc-today-card:nth-child(3),
#gogoModal .wc-today-card:nth-child(3){ animation-delay: .17s; }
#gogo-workspace .wc-today-card:nth-child(4),
#gogoModal .wc-today-card:nth-child(4){ animation-delay: .23s; }
#gogo-workspace .wc-today-card::after,
#gogoModal .wc-today-card::after{
  content: "";
  position: absolute;
  width: 74px;
  height: 74px;
  right: -23px;
  bottom: -29px;
  border-radius: 50%;
  background: rgba(35,164,98,.055);
}
#gogo-workspace .wc-today-card.complete::after,
#gogoModal .wc-today-card.complete::after{ background: rgba(39,112,83,.06); }
#gogo-workspace .wc-today-card.urgent,
#gogoModal .wc-today-card.urgent{
  background: linear-gradient(145deg, rgba(255,252,242,.95), rgba(255,255,255,.78));
}
#gogo-workspace .wc-today-card.urgent::after,
#gogoModal .wc-today-card.urgent::after{ background: rgba(216,155,32,.08); }
#gogo-workspace .wc-today-head,
#gogoModal .wc-today-head{
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 13px;
}
#gogo-workspace .wc-today-head > span,
#gogoModal .wc-today-head > span{
  color: #72877c;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .10em;
}
#gogo-workspace .wc-today-head b,
#gogoModal .wc-today-head b{
  padding: 5px 7px;
  border-radius: 999px;
  background: #edf6f1;
  color: #5b7668;
  font-size: 7px;
  font-weight: 900;
}
#gogo-workspace .wc-today-head b.up,
#gogoModal .wc-today-head b.up{
  color: #0e8b50;
  background: #e7f7ed;
}
#gogo-workspace .wc-today-head b.down,
#gogoModal .wc-today-head b.down{
  color: #b66c18;
  background: #fff2dc;
}
#gogo-workspace .wc-big-number,
#gogoModal .wc-big-number{
  position: relative;
  z-index: 2;
  color: #174a35;
  font-size: clamp(27px,3vw,38px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.04em;
}
#gogo-workspace .wc-today-foot,
#gogoModal .wc-today-foot{
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 15px;
  color: #8b9b93;
  font-size: 7px;
}
#gogo-workspace .wc-today-foot strong,
#gogoModal .wc-today-foot strong{
  color: #587364;
  font-size: 8px;
}
#gogo-workspace .wc-trend-word,
#gogoModal .wc-trend-word{
  position: relative;
  z-index: 2;
  color: #178451;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.03em;
}
#gogo-workspace .wc-today-card.trend.down .wc-trend-word,
#gogoModal .wc-today-card.trend.down .wc-trend-word{ color: #ad6a1d; }
#gogo-workspace .wc-today-card.trend.flat .wc-trend-word,
#gogoModal .wc-today-card.trend.flat .wc-trend-word{ color: #5f786b; }
#gogo-workspace .wc-trend-detail,
#gogoModal .wc-trend-detail{
  position: relative;
  z-index: 2;
  margin-top: 10px;
  color: #84958d;
  font-size: 7px;
  line-height: 1.45;
}
#gogo-workspace .wc-pulse-panel,
#gogoModal .wc-pulse-panel{
  margin-bottom: 16px;
  padding: 20px 20px 16px;
  overflow: hidden;
  border: 1px solid rgba(27,106,71,.10);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,252,249,.76));
  box-shadow: 0 14px 32px rgba(35,94,69,.05);
  opacity: 0;
  animation: wc162CardIn .58s cubic-bezier(.2,.82,.3,1) .27s forwards;
}
#gogo-workspace .wc-panel-head,
#gogoModal .wc-panel-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 5px;
}
#gogo-workspace .wc-panel-kicker,
#gogoModal .wc-panel-kicker{
  color: #198352;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .13em;
}
#gogo-workspace .wc-panel-head h3,
#gogoModal .wc-panel-head h3{
  margin: 4px 0 3px;
  color: #174b36;
  font-size: 16px;
}
#gogo-workspace .wc-panel-head p,
#gogoModal .wc-panel-head p{
  margin: 0;
  color: #87988f;
  font-size: 8px;
}
#gogo-workspace .wc-chart-legend,
#gogoModal .wc-chart-legend{
  display: flex;
  align-items: center;
  gap: 13px;
  padding-top: 3px;
  color: #71867b;
  font-size: 7px;
  font-weight: 800;
}
#gogo-workspace .wc-chart-legend span,
#gogoModal .wc-chart-legend span{
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
#gogo-workspace .wc-chart-legend i,
#gogoModal .wc-chart-legend i{
  width: 9px;
  height: 3px;
  border-radius: 999px;
}
#gogo-workspace .wc-chart-legend i.incoming,
#gogoModal .wc-chart-legend i.incoming{ background: #20a866; }
#gogo-workspace .wc-chart-legend i.completed,
#gogoModal .wc-chart-legend i.completed{ background: #225f49; }
#gogo-workspace .wc-chart-wrap,
#gogoModal .wc-chart-wrap{
  min-width: 0;
  overflow: hidden;
}
#gogo-workspace .wc-pulse-chart,
#gogoModal .wc-pulse-chart{
  display: block;
  width: 100%;
  height: auto;
  min-height: 235px;
  overflow: visible;
}
#gogo-workspace .wc-chart-grid-line,
#gogoModal .wc-chart-grid-line{
  stroke: rgba(54,102,78,.10);
  stroke-width: 1;
}
#gogo-workspace .wc-chart-axis-y,
#gogoModal .wc-chart-axis-y,
#gogo-workspace .wc-chart-axis-x,
#gogoModal .wc-chart-axis-x{
  fill: #8fa097;
  font-size: 8px;
  font-weight: 700;
}
#gogo-workspace .wc-chart-area,
#gogoModal .wc-chart-area{
  fill: url(#wcIncomingArea);
  opacity: 0;
  animation: wc162Reveal .7s ease .65s forwards;
}
#gogo-workspace .wc-chart-line,
#gogoModal .wc-chart-line{
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: wc162LineDraw 1.25s cubic-bezier(.2,.8,.25,1) forwards;
}
#gogo-workspace .wc-chart-line-incoming,
#gogoModal .wc-chart-line-incoming{
  stroke: #20a866;
  filter: url(#wcLineGlow);
  animation-delay: .42s;
}
#gogo-workspace .wc-chart-line-complete,
#gogoModal .wc-chart-line-complete{
  stroke: #225f49;
  stroke-width: 2.2;
  animation-delay: .62s;
}
#gogo-workspace .wc-chart-dot,
#gogoModal .wc-chart-dot{
  fill: #fff;
  stroke: #20a866;
  stroke-width: 2;
  opacity: 0;
  animation: wc162DotPop .25s ease .92s forwards;
}
#gogo-workspace .wc-chart-dot-complete,
#gogoModal .wc-chart-dot-complete{
  stroke: #225f49;
  animation-delay: 1.05s;
}
#gogo-workspace .wc-chart-dot-live,
#gogoModal .wc-chart-dot-live{
  fill: #20a866;
  stroke: #fff;
  stroke-width: 2.5;
  filter: url(#wcLineGlow);
}
#gogo-workspace .wc-month-summary,
#gogoModal .wc-month-summary{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 9px;
  margin-top: 2px;
}
#gogo-workspace .wc-month-summary > div,
#gogoModal .wc-month-summary > div{
  min-width: 0;
  padding: 11px 12px;
  border-radius: 16px;
  background: #f2f8f5;
}
#gogo-workspace .wc-month-summary span,
#gogoModal .wc-month-summary span,
#gogo-workspace .wc-month-summary small,
#gogoModal .wc-month-summary small{
  display: block;
}
#gogo-workspace .wc-month-summary span,
#gogoModal .wc-month-summary span{
  color: #7f9188;
  font-size: 6px;
  font-weight: 900;
  letter-spacing: .09em;
}
#gogo-workspace .wc-month-summary strong,
#gogoModal .wc-month-summary strong{
  display: block;
  margin-top: 5px;
  overflow: hidden;
  color: #24583f;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gogo-workspace .wc-month-summary small,
#gogoModal .wc-month-summary small{
  margin-top: 2px;
  color: #899a91;
  font-size: 6px;
}
#gogo-workspace .wc-ranking-grid,
#gogoModal .wc-ranking-grid{
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
  margin-bottom: 16px;
}
#gogo-workspace .wc-analysis-card,
#gogoModal .wc-analysis-card{
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(28,103,70,.10);
  border-radius: 26px;
  background: rgba(255,255,255,.76);
  box-shadow: 0 12px 30px rgba(35,94,69,.045);
}
#gogo-workspace .wc-control-rankings .wc-analysis-card,
#gogoModal .wc-control-rankings .wc-analysis-card{
  opacity: 0;
  animation: wc162CardIn .55s cubic-bezier(.2,.82,.3,1) forwards;
}
#gogo-workspace .wc-control-rankings .wc-analysis-card:nth-child(1),
#gogoModal .wc-control-rankings .wc-analysis-card:nth-child(1){ animation-delay: .38s; }
#gogo-workspace .wc-control-rankings .wc-analysis-card:nth-child(2),
#gogoModal .wc-control-rankings .wc-analysis-card:nth-child(2){ animation-delay: .46s; }
#gogo-workspace .wc-card-head,
#gogoModal .wc-card-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}
#gogo-workspace .wc-card-head h3,
#gogoModal .wc-card-head h3{
  margin: 4px 0 0;
  color: #174b36;
  font-size: 15px;
  line-height: 1.2;
}
#gogo-workspace .wc-card-head p,
#gogoModal .wc-card-head p{
  margin: 6px 0 0;
  color: #82958b;
  font-size: 8px;
  line-height: 1.45;
}
#gogo-workspace .wc-card-kicker,
#gogoModal .wc-card-kicker{
  color: #188453;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .13em;
}
#gogo-workspace .wc-card-kicker.warning,
#gogoModal .wc-card-kicker.warning{ color: #b57a12; }
#gogo-workspace .wc-card-badge,
#gogoModal .wc-card-badge,
#gogo-workspace .wc-overdue-count,
#gogoModal .wc-overdue-count{
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eaf7ef;
  color: #158150;
  font-size: 8px;
  font-weight: 900;
}
#gogo-workspace .wc-overdue-count,
#gogoModal .wc-overdue-count{
  min-width: 36px;
  background: #fff0cc;
  color: #a76b00;
}
#gogo-workspace .wc-rank-list,
#gogoModal .wc-rank-list{
  display: grid;
  gap: 12px;
}
#gogo-workspace .wc-rank-row,
#gogoModal .wc-rank-row{
  display: grid;
  grid-template-columns: 28px minmax(0,1fr) 34px;
  align-items: center;
  gap: 10px;
}
#gogo-workspace .wc-rank-number,
#gogoModal .wc-rank-number{
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #edf7f1;
  color: #17784d;
  font-size: 8px;
  font-weight: 900;
}
#gogo-workspace .wc-rank-row:first-child .wc-rank-number,
#gogoModal .wc-rank-row:first-child .wc-rank-number{
  color: #fff;
  background: linear-gradient(145deg,#159254,#30b56f);
  box-shadow: 0 6px 14px rgba(26,156,91,.16);
}
#gogo-workspace .wc-rank-main,
#gogoModal .wc-rank-main{ min-width: 0; }
#gogo-workspace .wc-rank-name,
#gogoModal .wc-rank-name{
  margin-bottom: 6px;
  overflow: hidden;
  color: #315d49;
  font-size: 9px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gogo-workspace .wc-rank-bar,
#gogoModal .wc-rank-bar{
  position: relative;
  height: 6px;
  overflow: visible;
  border-radius: 999px;
  background: #edf3ef;
}
#gogo-workspace .wc-rank-bar span,
#gogoModal .wc-rank-bar span{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: var(--wc-rank-width);
  border-radius: inherit;
  background: linear-gradient(90deg,#16a05e,#53c98b);
  animation: wc162RankGrow .9s cubic-bezier(.16,.84,.3,1) .45s both;
}
#gogo-workspace .wc-rank-bar i,
#gogoModal .wc-rank-bar i{
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 2px #30ae6e,0 0 10px rgba(48,174,110,.25);
  animation: wc162RankRunner .9s cubic-bezier(.16,.84,.3,1) .45s both;
}
#gogo-workspace .wc-rank-count,
#gogoModal .wc-rank-count{
  color: #157c4e;
  font-size: 11px;
  font-weight: 900;
  text-align: right;
}
#gogo-workspace .wc-empty-rank,
#gogoModal .wc-empty-rank{
  padding: 24px 10px;
  color: #8a9c93;
  font-size: 9px;
  text-align: center;
}
#gogo-workspace .wc-overdue-card,
#gogoModal .wc-overdue-card{
  background: linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,250,238,.73));
  opacity: 0;
  animation: wc162CardIn .55s cubic-bezier(.2,.82,.3,1) .54s forwards;
}
#gogo-workspace .wc-overdue-list,
#gogoModal .wc-overdue-list{
  display: grid;
  gap: 11px;
}
#gogo-workspace .wc-overdue-row,
#gogoModal .wc-overdue-row{
  display: grid;
  grid-template-columns: 36px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(196,142,32,.15);
  border-radius: 20px;
  background: rgba(255,255,255,.80);
  opacity: 0;
  animation: wc162CardIn .38s ease calc(.62s + var(--wc-delay)) forwards;
  transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
#gogo-workspace .wc-overdue-row:hover,
#gogoModal .wc-overdue-row:hover,
#gogo-workspace .wc-overdue-row:active,
#gogoModal .wc-overdue-row:active{
  transform: translateX(3px);
  border-color: rgba(205,145,24,.30);
  box-shadow: 0 10px 24px rgba(115,83,23,.07);
}
#gogo-workspace .wc-overdue-warning,
#gogoModal .wc-overdue-warning{
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #fff3d8;
  font-size: 16px;
  animation: wc162Urgent 2.25s ease-in-out infinite;
}
#gogo-workspace .wc-overdue-main,
#gogoModal .wc-overdue-main{ min-width: 0; }
#gogo-workspace .wc-overdue-topline,
#gogoModal .wc-overdue-topline{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
#gogo-workspace .wc-overdue-topline strong,
#gogoModal .wc-overdue-topline strong{
  overflow: hidden;
  color: #214f3b;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gogo-workspace .wc-overdue-topline span,
#gogoModal .wc-overdue-topline span{
  flex: 0 0 auto;
  color: #b36f00;
  font-size: 8px;
  font-weight: 900;
}
#gogo-workspace .wc-overdue-meta,
#gogoModal .wc-overdue-meta,
#gogo-workspace .wc-overdue-shop,
#gogoModal .wc-overdue-shop{
  margin-top: 4px;
  color: #80928a;
  font-size: 8px;
  line-height: 1.35;
}
#gogo-workspace .wc-overdue-shop,
#gogoModal .wc-overdue-shop{
  color: #3f7059;
  font-weight: 800;
}
#gogo-workspace .wc-overdue-status,
#gogoModal .wc-overdue-status{
  display: inline-flex;
  margin-top: 7px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #eef6f1;
  color: #537565;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}
#gogo-workspace .wc-overdue-actions,
#gogoModal .wc-overdue-actions{
  display: flex;
  align-items: center;
  gap: 7px;
}
#gogo-workspace .wc-overdue-info,
#gogoModal .wc-overdue-info,
#gogo-workspace .wc-overdue-return,
#gogoModal .wc-overdue-return{
  height: 34px;
  padding: 0 12px;
  border-radius: 12px;
  font-size: 8px;
  font-weight: 900;
  transition: transform .16s ease,background .16s ease;
}
#gogo-workspace .wc-overdue-info,
#gogoModal .wc-overdue-info{
  border: 1px solid #cce3d6;
  background: #f8fcfa;
  color: #187b4e;
}
#gogo-workspace .wc-overdue-return,
#gogoModal .wc-overdue-return{
  border: 1px solid #f0d7a3;
  background: #fff7e7;
  color: #a46900;
}
#gogo-workspace .wc-overdue-info:active,
#gogoModal .wc-overdue-info:active,
#gogo-workspace .wc-overdue-return:active,
#gogoModal .wc-overdue-return:active{
  transform: scale(.96);
}
#gogo-workspace .wc-all-clear,
#gogoModal .wc-all-clear{
  min-height: 130px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  color: #769085;
  text-align: center;
}
#gogo-workspace .wc-all-clear div,
#gogoModal .wc-all-clear div{
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-bottom: 4px;
  border-radius: 50%;
  background: #e7f7ed;
  color: #119052;
  font-size: 18px;
  font-weight: 900;
}
#gogo-workspace .wc-all-clear strong,
#gogoModal .wc-all-clear strong{
  color: #286147;
  font-size: 11px;
}
#gogo-workspace .wc-all-clear span,
#gogoModal .wc-all-clear span{
  font-size: 8px;
}
#gogo-workspace .wc-return-confirm-btn,
#gogoModal .wc-return-confirm-btn{
  min-height: 46px;
  padding: 0 18px;
  border: 0;
  border-radius: 15px;
  background: #d99a27;
  color: #fff;
  font-weight: 900;
}
@media (max-width: 920px){#gogo-workspace .wc-today-grid,
#gogoModal .wc-today-grid{
    grid-template-columns: repeat(2,minmax(0,1fr));
  }}
@media (max-width: 720px){#gogo-workspace .wc-control-hero,
#gogoModal .wc-control-hero{
    grid-template-columns: 1fr;
    min-height: 170px;
    padding: 18px;
    border-radius: 24px;
  }
#gogo-workspace .wc-live-route,
#gogoModal .wc-live-route{
    height: 48px;
  }
#gogo-workspace .wc-live-label,
#gogoModal .wc-live-label{
    right: 18px;
    bottom: 10px;
  }
#gogo-workspace .wc-today-grid,
#gogoModal .wc-today-grid{
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
  }
#gogo-workspace .wc-today-card,
#gogoModal .wc-today-card{
    min-height: 122px;
    padding: 13px;
    border-radius: 20px;
  }
#gogo-workspace .wc-today-head > span,
#gogoModal .wc-today-head > span{
    font-size: 6px;
  }
#gogo-workspace .wc-big-number,
#gogoModal .wc-big-number{
    font-size: 29px;
  }
#gogo-workspace .wc-trend-word,
#gogoModal .wc-trend-word{
    font-size: 18px;
  }
#gogo-workspace .wc-pulse-panel,
#gogoModal .wc-pulse-panel{
    padding: 15px 12px 13px;
    border-radius: 22px;
  }
#gogo-workspace .wc-panel-head,
#gogoModal .wc-panel-head{
    display: block;
  }
#gogo-workspace .wc-chart-legend,
#gogoModal .wc-chart-legend{
    margin-top: 10px;
    padding-top: 0;
  }
#gogo-workspace .wc-pulse-chart,
#gogoModal .wc-pulse-chart{
    min-height: 190px;
  }
#gogo-workspace .wc-month-summary,
#gogoModal .wc-month-summary{
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
#gogo-workspace .wc-ranking-grid,
#gogoModal .wc-ranking-grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }
#gogo-workspace .wc-analysis-card,
#gogoModal .wc-analysis-card{
    padding: 15px;
    border-radius: 22px;
  }
#gogo-workspace .wc-overdue-row,
#gogoModal .wc-overdue-row{
    grid-template-columns: 32px minmax(0,1fr);
    gap: 10px;
    padding: 12px;
  }
#gogo-workspace .wc-overdue-warning,
#gogoModal .wc-overdue-warning{
    width: 32px;
    height: 32px;
    border-radius: 10px;
    font-size: 14px;
  }
#gogo-workspace .wc-overdue-actions,
#gogoModal .wc-overdue-actions{
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
#gogo-workspace .wc-overdue-info,
#gogoModal .wc-overdue-info,
#gogo-workspace .wc-overdue-return,
#gogoModal .wc-overdue-return{
    width: 100%;
  }}
@media (prefers-reduced-motion: reduce){#gogo-workspace .wc-v162,
#gogoModal .wc-v162,
#gogo-workspace .wc-control-hero::after,
#gogoModal .wc-control-hero::after,
#gogo-workspace .wc-route-packet,
#gogoModal .wc-route-packet,
#gogo-workspace .wc-live-label span,
#gogoModal .wc-live-label span,
#gogo-workspace .wc-today-card,
#gogoModal .wc-today-card,
#gogo-workspace .wc-pulse-panel,
#gogoModal .wc-pulse-panel,
#gogo-workspace .wc-chart-area,
#gogoModal .wc-chart-area,
#gogo-workspace .wc-chart-line,
#gogoModal .wc-chart-line,
#gogo-workspace .wc-chart-dot,
#gogoModal .wc-chart-dot,
#gogo-workspace .wc-rank-bar span,
#gogoModal .wc-rank-bar span,
#gogo-workspace .wc-rank-bar i,
#gogoModal .wc-rank-bar i,
#gogo-workspace .wc-control-rankings .wc-analysis-card,
#gogoModal .wc-control-rankings .wc-analysis-card,
#gogo-workspace .wc-overdue-card,
#gogoModal .wc-overdue-card,
#gogo-workspace .wc-overdue-row,
#gogoModal .wc-overdue-row,
#gogo-workspace .wc-overdue-warning,
#gogoModal .wc-overdue-warning{
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }}


/* V3.7 FUNCTIONALITY ISOLATION — visible V3.2 design above is untouched. */
#dashboard{width:100%;position:relative;overflow:hidden;background:#eef7f2;}
#gogo-workspace.workspace{box-sizing:border-box;overflow:visible;}
#gogoModal{z-index:99999;}
/* iOS Safari must not zoom on focus. 16px only on dynamic form controls; master stage scaling keeps visual size consistent. */
#gogo-workspace input,#gogo-workspace select,#gogo-workspace textarea,#gogoModal input,#gogoModal select,#gogoModal textarea,#loginPage input{font-size:16px !important;}


/* =========================================================
   V3.8 — DATA HISTORY RESULTS FULLSCREEN + UTF-8 SAFE BUILD
   Filter screen remains inside the locked dashboard.
   After Search Records, results intentionally cover the whole viewport.
   ========================================================= */
body.gogo-history-open{
  overflow:hidden !important;
}

body.gogo-history-open #gogoViewport{
  width:100vw !important;
  height:100dvh !important;
  overflow:visible !important;
}

/* The master canvas is normally scaled. Disable that scale ONLY while
   Data History results are open, so position:fixed is truly viewport-fixed. */
body.gogo-history-open #gogoStage{
  width:100vw !important;
  min-height:100dvh !important;
  height:100dvh !important;
  transform:none !important;
  transform-origin:top left !important;
  overflow:visible !important;
}

#dashboard.data-history-mode .sidebar{
  display:none !important;
}

#dashboard.data-history-mode #gogo-workspace,
body.gogo-history-open #gogo-workspace.workspace{
  position:fixed !important;
  inset:0 !important;
  left:0 !important;
  top:0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:100vh !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#eaf5ef !important;
  z-index:9000 !important;
  box-sizing:border-box !important;
}

#dashboard.data-history-mode #gogo-workspace .dh-fullscreen,
body.gogo-history-open #gogo-workspace .dh-fullscreen{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  padding:14px !important;
  box-sizing:border-box !important;
  background:
    radial-gradient(circle at 96% 3%, rgba(73,173,117,.10), transparent 220px),
    linear-gradient(160deg,#f8fcf9 0%,#eaf5ef 58%,#e4f1e9 100%) !important;
  color:#173f2f !important;
}

@media (max-width:700px){
  #dashboard.data-history-mode #gogo-workspace .dh-fullscreen.dh-v10-results,
  body.gogo-history-open #gogo-workspace .dh-fullscreen.dh-v10-results{
    padding:
      max(18px, env(safe-area-inset-top))
      9px
      max(9px, env(safe-area-inset-bottom))
      9px !important;
  }
}


/* =========================================================
   V3.8.1 — ONLINE SHOP PORTAL RESTORE
   Scoped only to OS workspace. Locked shell remains unchanged.
   ========================================================= */
body.gogo-role-os #gogo-workspace .os-portal-page {
  padding-bottom:34px !important;
}

body.gogo-role-os #gogo-workspace .os-portal-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

body.gogo-role-os #gogo-workspace .os-portal-history-btn {
  flex:0 0 auto;
  border:1px solid rgba(31,143,84,.22);
  background:rgba(255,255,255,.82);
  color:#0f7c48;
  border-radius:18px;
  padding:11px 15px;
  font-size:11px;
  font-weight:800;
  box-shadow:0 8px 22px rgba(22,83,53,.07);
}

body.gogo-role-os #gogo-workspace .os-portal-summary {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}

body.gogo-role-os #gogo-workspace .os-portal-stat {
  appearance:none;
  border:1px solid rgba(67,135,101,.14);
  background:rgba(255,255,255,.76);
  border-radius:18px;
  min-height:82px;
  padding:12px;
  text-align:left;
  color:#315d49;
  box-shadow:0 8px 24px rgba(37,95,66,.05);
}

body.gogo-role-os #gogo-workspace .os-portal-stat span {
  display:block;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.72;
}

body.gogo-role-os #gogo-workspace .os-portal-stat strong {
  display:block;
  margin-top:7px;
  color:#0e8b4e;
  font-size:24px;
  line-height:1;
}

body.gogo-role-os #gogo-workspace .os-portal-stat.selected {
  border-color:rgba(17,143,78,.42);
  background:#fff;
  box-shadow:0 10px 26px rgba(29,119,72,.10);
}

body.gogo-role-os #gogo-workspace .os-portal-list-card {
  border:1px solid rgba(86,141,113,.12);
  border-radius:24px;
  background:rgba(255,255,255,.64);
  overflow:hidden;
  box-shadow:0 12px 28px rgba(39,86,64,.05);
}

body.gogo-role-os #gogo-workspace .os-portal-list-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 16px;
  border-bottom:1px solid rgba(73,129,102,.10);
}

body.gogo-role-os #gogo-workspace .os-portal-list-head span {
  display:block;
  color:#6f8c7e;
  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
}

body.gogo-role-os #gogo-workspace .os-portal-list-head strong {
  display:block;
  margin-top:3px;
  color:#285743;
  font-size:13px;
}

body.gogo-role-os #gogo-workspace .os-portal-show-all {
  border:0;
  background:transparent;
  color:#0d8750;
  font-size:10px;
  font-weight:800;
}

body.gogo-role-os #gogo-workspace .os-portal-way-list {
  display:grid;
  gap:0;
}

body.gogo-role-os #gogo-workspace .os-portal-way-card {
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:12px;
  padding:14px 15px;
  border-bottom:1px solid rgba(81,134,108,.09);
  background:rgba(255,255,255,.45);
}

body.gogo-role-os #gogo-workspace .os-portal-way-card:last-child {
  border-bottom:0;
}

body.gogo-role-os #gogo-workspace .os-portal-way-photo {
  width:72px;
  height:72px;
  border-radius:16px;
  overflow:hidden;
  background:#edf6f1;
  display:grid;
  place-items:center;
}

body.gogo-role-os #gogo-workspace .os-portal-parcel-photo {
  width:100%;
  height:100%;
  object-fit:cover;
}

body.gogo-role-os #gogo-workspace .os-portal-parcel-placeholder { font-size:26px; }
body.gogo-role-os #gogo-workspace .os-portal-way-main { min-width:0; }

body.gogo-role-os #gogo-workspace .os-portal-way-top {
  display:flex;
  justify-content:space-between;
  gap:9px;
  align-items:flex-start;
}

body.gogo-role-os #gogo-workspace .os-portal-way-top > div { min-width:0; }

body.gogo-role-os #gogo-workspace .os-portal-way-top strong {
  display:block;
  color:#244f3c;
  font-size:12px;
  line-height:1.25;
}

body.gogo-role-os #gogo-workspace .os-portal-way-top span:not(.dh-status) {
  display:block;
  margin-top:3px;
  color:#6d887a;
  font-size:9px;
}

body.gogo-role-os #gogo-workspace .os-portal-way-address {
  margin-top:6px;
  color:#597566;
  font-size:9px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

body.gogo-role-os #gogo-workspace .os-portal-rider-row {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  padding-top:9px;
  border-top:1px dashed rgba(80,135,108,.15);
}

body.gogo-role-os #gogo-workspace .os-portal-rider-avatar {
  flex:0 0 auto;
  width:34px;
  height:34px;
  border-radius:50%;
  overflow:hidden;
  background:#eaf4ef;
  display:grid;
  place-items:center;
  border:1px solid rgba(58,130,94,.16);
}

body.gogo-role-os #gogo-workspace .os-portal-rider-photo {
  width:100%;
  height:100%;
  object-fit:cover;
}

body.gogo-role-os #gogo-workspace .os-portal-rider-placeholder { font-size:16px; }
body.gogo-role-os #gogo-workspace .os-portal-rider-info { min-width:0; }

body.gogo-role-os #gogo-workspace .os-portal-rider-info small {
  display:block;
  color:#89a095;
  font-size:7px;
  font-weight:800;
  letter-spacing:.11em;
}

body.gogo-role-os #gogo-workspace .os-portal-rider-info strong {
  display:block;
  color:#315a47;
  font-size:10px;
  line-height:1.2;
}

body.gogo-role-os #gogo-workspace .os-portal-rider-info a,
body.gogo-role-os #gogo-workspace .os-portal-rider-info span {
  display:inline-block;
  margin-top:2px;
  color:#0e8a4f;
  font-size:9px;
  font-weight:700;
  text-decoration:none;
}

body.gogo-role-os #gogo-workspace .os-portal-empty {
  padding:34px 18px;
  text-align:center;
  color:#6c877a;
}

body.gogo-role-os #gogo-workspace .os-portal-empty.compact { padding:24px 16px; }
body.gogo-role-os #gogo-workspace .os-portal-empty > span {
  display:block;
  font-size:30px;
  margin-bottom:8px;
}
body.gogo-role-os #gogo-workspace .os-portal-empty strong {
  display:block;
  color:#315b48;
  font-size:12px;
}
body.gogo-role-os #gogo-workspace .os-portal-empty p {
  margin:5px auto 0;
  max-width:280px;
  font-size:9px;
  line-height:1.45;
}

/* OS-only logout: keep the locked button size/style, center its position only. */
body.gogo-role-os #dashboard .lower-actions .logout-btn {
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
}

@media (max-width:720px) {
  body.gogo-role-os #gogo-workspace .os-portal-head { display:block; }
  body.gogo-role-os #gogo-workspace .os-portal-history-btn { margin-top:10px; }
  body.gogo-role-os #gogo-workspace .os-portal-summary {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.gogo-role-os #gogo-workspace .os-portal-stat { min-height:70px; }
  body.gogo-role-os #gogo-workspace .os-portal-way-card {
    grid-template-columns:58px minmax(0,1fr);
    gap:9px;
    padding:12px;
  }
  body.gogo-role-os #gogo-workspace .os-portal-way-photo {
    width:58px;
    height:58px;
    border-radius:14px;
  }
}

/* =========================================================
   V3.8.2 — OS SIDEBAR NAV + LOGOUT FIX
   Explicit user-requested OS-only layout changes.
   Do not alter the locked admin/office/biker shell.
   ========================================================= */

/* OnlineShop + Data History must sit directly one below the other for OS. */
body.gogo-role-os #dashboard .os-row {
  top:181px !important;
}

body.gogo-role-os #dashboard .history-row {
  top:265px !important;
}

/* OS must never reserve/show the office-only middle controls. */
body.gogo-role-os #dashboard .biker-row,
body.gogo-role-os #dashboard .way-row,
body.gogo-role-os #dashboard .um-btn {
  display:none !important;
}

/* Keep the OS logout visible and truly centered horizontally.
   It stays in the existing locked lower design; only its OS placement changes. */
body.gogo-role-os #dashboard .lower-actions {
  bottom:95px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

body.gogo-role-os #dashboard .lower-actions .logout-btn {
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  translate:none !important;
  margin:0 !important;
}

/* =========================================================
   V3.8.7 — TARGETED UI RESTORE ONLY
   Scope is intentionally limited to:
   1) Today's Intake card visibility
   2) Parcel Date field width
   3) Login-success celebration overlay
   No other approved V3.8.6 layout/design rules are changed.
   ========================================================= */

/* 1) Restore a visible card boundary around Today's Intake. */
#gogo-workspace .osm-intake-card{
  border: 1px solid #e3ece7 !important;
  border-radius: 17px !important;
  box-shadow: 0 8px 22px rgba(20, 75, 49, 0.055) !important;
}

/* 2) Make the Date control exactly fill the same form column as other inputs. */
#gogo-workspace #parcelDate{
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 3) Restore the successful-login upward celebration burst. */
#loginSuccess{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 99999 !important;
}

#loginSuccess #confetti{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#loginSuccess .confetti-piece{
  position: absolute !important;
  left: 50% !important;
  bottom: 15% !important;
  width: 8px !important;
  height: 14px !important;
  border-radius: 2px !important;
  opacity: 0;
  will-change: transform, opacity;
  animation: gogoLoginCelebrationBurst var(--dur, .86s) cubic-bezier(.14,.72,.28,1) var(--delay, 0s) both !important;
}

#loginSuccess .confetti-piece:nth-child(3n){
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
}

#loginSuccess .confetti-piece:nth-child(4n){
  width: 5px !important;
  height: 11px !important;
}

@keyframes gogoLoginCelebrationBurst{
  0%{
    transform: translate3d(-50%, 0, 0) rotate(0deg) scale(.45);
    opacity: 0;
  }
  8%{
    opacity: 1;
  }
  72%{
    opacity: 1;
  }
  100%{
    transform: translate3d(calc(-50% + (var(--x) * 1px)), calc(var(--y) * 1px), 0) rotate(calc(var(--r) * 1deg)) scale(.72);
    opacity: 0;
  }
}


/* =========================================================
   V3.9.1.2 — ADMIN + STAFF DELETE / CARD TOP-RIGHT POSITION
   UI only. Existing global edit permissions remain unchanged.
========================================================= */
#gogo-workspace .um-role-user-card,
#gogoModal .um-role-user-card{
  position: relative !important;
  overflow: visible !important;
}

#gogo-workspace .um-card-delete-icon,
#gogoModal .um-card-delete-icon{
  position: absolute !important;
  top: 9px !important;
  right: 9px !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 1px solid #efc8c1 !important;
  border-radius: 999px !important;
  background: #fff5f3 !important;
  color: #b45147 !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 4px 10px rgba(180,81,71,.12) !important;
  z-index: 12 !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
}

#gogo-workspace .um-card-delete-icon svg,
#gogoModal .um-card-delete-icon svg{
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  pointer-events: none !important;
}

#gogo-workspace .um-card-delete-icon:active,
#gogoModal .um-card-delete-icon:active{
  transform: scale(.94) !important;
}

/* Leave space so status/actions never collide with the corner delete button. */
#gogo-workspace .um-role-user-card .um-user-side,
#gogoModal .um-role-user-card .um-user-side{
  padding-top: 24px !important;
}

#gogo-workspace .biker-profile-photo-wrap{
  position: relative !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  flex: 0 0 58px !important;
}

#gogo-workspace .biker-profile-photo-wrap .biker-profile-photo{
  display: block !important;
  margin: 0 !important;
}

#gogo-workspace .biker-profile-card{
  position: relative !important;
  overflow: visible !important;
  padding-right: 44px !important;
}

#gogo-workspace .biker-profile-delete-btn{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 1px solid #efc8c1 !important;
  border-radius: 999px !important;
  background: #fff5f3 !important;
  color: #b45147 !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 4px 10px rgba(180,81,71,.12) !important;
  z-index: 12 !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
}

#gogo-workspace .biker-profile-delete-btn svg{
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  pointer-events: none !important;
}

#gogo-workspace .biker-profile-delete-btn:active{
  transform: scale(.94) !important;
}

/* V3.9.1.7 — requested Create Biker dropdown height only. */
#gogoModal #umNewLinkedRider,
#gogoModal #umNewStatus{
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
}

/* V3.9.2.1 — Rider profile editing. Keep existing Biker Management layout;
   replace the corner trash control with one compact Edit action. */
#gogo-workspace .biker-profile-card{
  padding-right: 62px !important;
}
#gogo-workspace .biker-profile-edit-btn{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  min-width: 42px !important;
  height: 26px !important;
  padding: 0 10px !important;
  border: 1px solid #cfe2d8 !important;
  border-radius: 999px !important;
  background: #f3faf6 !important;
  color: #285f46 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 4px 10px rgba(40,95,70,.08) !important;
  z-index: 12 !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
#gogo-workspace .biker-profile-edit-btn:active{
  transform: scale(.96) !important;
}
#gogoModal .rider-edit-modal .biker-photo-box{
  margin-top: 12px !important;
}
#gogoModal .rider-edit-actions{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
  margin-top: 14px !important;
}
#gogoModal .rider-edit-actions .gogo-primary,
#gogoModal .rider-edit-actions .delete-rider-cancel{
  min-height: 42px !important;
  margin: 0 !important;
}
#gogoModal .rider-edit-danger-zone{
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid #e8eeea !important;
}
#gogoModal .rider-edit-delete-btn{
  width: 100% !important;
  min-height: 42px !important;
  border: 1px solid #efc9c4 !important;
  border-radius: 12px !important;
  background: #fff5f3 !important;
  color: #b84f45 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
#gogoModal .rider-edit-delete-btn:active{
  transform: scale(.99) !important;
}
@media (max-width: 700px){
  #gogo-workspace .biker-profile-card{
    padding-right: 58px !important;
  }
  #gogo-workspace .biker-profile-edit-btn{
    min-width: 40px !important;
    height: 25px !important;
    padding: 0 9px !important;
    font-size: 7.5px !important;
  }
}

/* =========================================================
   V3.10.0 — Rider Tracking Foundation (additive only)
   ========================================================= */
.gogo-rider-duty-banner,
.gogo-office-duty-card {
  border-radius: 14px;
  padding: 12px 13px;
  margin-bottom: 12px;
  border: 1px solid rgba(28,73,53,.12);
  background: rgba(255,255,255,.78);
  box-shadow: 0 8px 20px rgba(35,73,55,.06);
}
.gogo-rider-duty-banner > div,
.gogo-office-duty-head > div {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #244c3b;
  font-size: 11px;
  letter-spacing: .08em;
}
.gogo-rider-duty-banner small,
.gogo-office-duty-head small,
.gogo-office-duty-location,
.gogo-office-duty-cutoff,
.gogo-live-map-meta,
.gogo-live-map-note {
  display: block;
  margin-top: 5px;
  color: #7d8d85;
  font-size: 10px;
  line-height: 1.45;
}
.gogo-duty-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #a7aaa8;
  box-shadow: 0 0 0 3px rgba(167,170,168,.12);
}
.gogo-rider-duty-banner.on .gogo-duty-dot,
.gogo-office-duty-card.on .gogo-duty-dot {
  background: #16a765;
  box-shadow: 0 0 0 3px rgba(22,167,101,.12);
}
.gogo-rider-duty-banner.off,
.gogo-office-duty-card.off {
  background: rgba(248,247,244,.9);
}
.gogo-office-duty-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.gogo-office-duty-location {
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(231,239,235,.6);
}
.gogo-office-duty-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 9px;
}
.gogo-duty-start-btn,
.gogo-duty-end-btn,
.gogo-duty-map-btn {
  border: 0;
  border-radius: 10px;
  padding: 10px 8px;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}
.gogo-duty-start-btn { background: #1e9d61; color: white; }
.gogo-duty-end-btn { background: #80564a; color: white; }
.gogo-duty-map-btn { background: #e7efeb; color: #244c3b; }
.gogo-duty-map-btn:disabled { opacity: .45; cursor: default; }
.gogo-duty-required-modal { text-align: center; padding: 6px 4px 2px; }
.gogo-duty-required-icon {
  width: 46px;
  height: 46px;
  margin: 0 auto 10px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #edf5f1;
  color: #1f7f55;
  font-size: 24px;
}
.gogo-duty-required-modal p { color: #6d7f75; font-size: 11px; line-height: 1.55; }
.gogo-live-map-frame {
  width: 100%;
  height: 330px;
  border: 0;
  border-radius: 14px;
  margin-top: 10px;
  background: #edf1ef;
}

/* V3.10.1 — explicit Android geolocation permission handoff */
.gogo-location-enable-btn{
  margin-top:10px;
  min-height:40px;
  padding:9px 14px;
  border:0;
  border-radius:14px;
  font:inherit;
  font-weight:700;
  background:#0f9f55;
  color:#fff;
  cursor:pointer;
}
.gogo-location-enable-btn:active{transform:translateY(1px)}

/* =========================================================
   V3.9.3.7 — DONE CHARCOAL GRAY FINAL
   Keep On Way green; Done uses the approved Charcoal Gray #4B5563.
   ========================================================= */
#gogo-workspace .way-action-primary.done-btn,
#gogo-workspace .done-btn{
  background: #4B5563 !important;
  color: #ffffff !important;
  border-color: #4B5563 !important;
}


/* =========================================================
   V3.10.4 — LIVE MOVING RIDER MAP (STAGING)
   Current location only; no route-history retention.
   ========================================================= */
.gogo-live-map-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.gogo-live-map-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:25px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(22,167,101,.10);
  color:#168a57;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.gogo-live-map-status::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#16a765;
  box-shadow:0 0 0 4px rgba(22,167,101,.12);
  animation:gogoLivePulse 1.5s ease-in-out infinite;
}
.gogo-live-map-status.off{
  background:rgba(107,114,128,.10);
  color:#6b7280;
}
.gogo-live-map-status.off::before{
  background:#9ca3af;
  box-shadow:none;
  animation:none;
}
.gogo-live-map-shell{
  position:relative;
  width:100%;
  height:330px;
  margin-top:10px;
  overflow:hidden;
  border-radius:14px;
  background:#edf1ef;
  border:1px solid rgba(28,73,53,.08);
}
.gogo-live-map-shell .gogo-live-map-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  border:0;
  border-radius:0;
  pointer-events:none;
}
.gogo-live-map-marker{
  position:absolute;
  left:50%;
  top:50%;
  width:28px;
  height:36px;
  transform:translate(-50%,-100%);
  transition:left 1.4s linear, top 1.4s linear, transform .18s ease;
  z-index:4;
  pointer-events:none;
  filter:drop-shadow(0 4px 5px rgba(20,55,40,.26));
}
.gogo-live-map-marker::before{
  content:"";
  position:absolute;
  left:4px;
  top:2px;
  width:20px;
  height:20px;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  background:#64b936;
  border:2px solid #fff;
}
.gogo-live-map-marker span{
  position:absolute;
  left:10px;
  top:8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  z-index:2;
}
.gogo-live-map-marker.fresh{
  transform:translate(-50%,-100%) scale(1.08);
}
.gogo-live-map-controls{
  position:absolute;
  right:10px;
  top:10px;
  z-index:5;
  display:grid;
  overflow:hidden;
  border-radius:10px;
  box-shadow:0 4px 12px rgba(20,55,40,.14);
}
.gogo-live-map-controls button{
  width:38px;
  height:38px;
  border:0;
  background:#fff;
  color:#223b30;
  font-size:24px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
}
.gogo-live-map-controls button + button{
  border-top:1px solid #e2e8e4;
}
.gogo-live-map-controls button:active{
  background:#eef4f1;
}
@keyframes gogoLivePulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.58;transform:scale(.78)}
}
@media (prefers-reduced-motion: reduce){
  .gogo-live-map-marker{transition:none}
  .gogo-live-map-status::before{animation:none}
}

/* =========================================================
   V3.10.5.1 — LIVE MAP TILE RELIABILITY FIX
   Avoids the cross-origin OSM embed iframe that can render blank in iOS/WebView.
   ========================================================= */
.gogo-live-map-tiles{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  background:#edf1ef;
  pointer-events:none;
}
.gogo-live-map-tile{
  position:absolute;
  width:256px !important;
  height:256px !important;
  max-width:none !important;
  margin:0 !important;
  border:0 !important;
  user-select:none;
  -webkit-user-drag:none;
}
.gogo-live-map-attribution{
  position:absolute;
  right:5px;
  bottom:4px;
  z-index:3;
  padding:2px 5px;
  border-radius:5px;
  background:rgba(255,255,255,.82);
  color:#64736c;
  font-size:7px;
  line-height:1.25;
  pointer-events:auto;
}
.gogo-live-map-attribution a{
  color:#536d61;
  text-decoration:none;
}


/* =========================================================
   V3.10.5.2 — FULL-SCREEN LIVE RIDER MAP
   Live Map only. Other GoGo modals / workflow / layout stay unchanged.
   ========================================================= */
#gogoModal.gogo-live-map-open{
  padding: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  background: rgba(12,35,25,.34) !important;
}
#gogoModal.gogo-live-map-open .gogo-modal-card{
  width: 100vw !important;
  max-width: none !important;
  height: 100dvh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: max(16px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
#gogoModal.gogo-live-map-open .gogo-modal-card::before{
  margin: 0 auto 10px !important;
  flex: 0 0 auto !important;
}
#gogoModal.gogo-live-map-open #gogoModalBody{
  height: calc(100% - 14px) !important;
  min-height: 0 !important;
}
#gogoModal.gogo-live-map-open .gogo-live-map-modal{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
}
#gogoModal.gogo-live-map-open .gogo-live-map-title-row{
  flex: 0 0 auto !important;
  padding-right: 42px !important;
}
#gogoModal.gogo-live-map-open .gogo-modal-title{
  margin-bottom: 4px !important;
}
#gogoModal.gogo-live-map-open .gogo-live-map-meta{
  flex: 0 0 auto !important;
  margin: 2px 0 7px !important;
}
#gogoModal.gogo-live-map-open .gogo-live-map-shell{
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  border-radius: 16px !important;
}
#gogoModal.gogo-live-map-open .gogo-live-map-note{
  flex: 0 0 auto !important;
  margin: 7px 2px 0 !important;
  font-size: 9px !important;
}
#gogoModal.gogo-live-map-open .gogo-modal-close{
  right: max(10px, env(safe-area-inset-right)) !important;
  top: max(10px, env(safe-area-inset-top)) !important;
  z-index: 20 !important;
}
#gogoModal.gogo-live-map-open .gogo-live-map-controls{
  right: 12px !important;
  top: 12px !important;
}

/* Desktop/tablet: keep the map immersive without exceeding the viewport. */
@media (min-width: 820px){
  #gogoModal.gogo-live-map-open{
    padding: 18px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #gogoModal.gogo-live-map-open .gogo-modal-card{
    width: min(1180px, calc(100vw - 36px)) !important;
    height: min(900px, calc(100dvh - 36px)) !important;
    border: 2px solid #cfe7da !important;
    border-radius: 24px !important;
    padding: 18px !important;
  }
}


/* =========================================================
   V3.11 WHITE-LABEL THEME FOUNDATION
   Layout/workflow remain locked. Only brand tokens change.
   ========================================================= */
:root{
  --brand-primary:#079b49;
  --brand-secondary:#173f32;
  --brand-accent:#e9f5ee;
  --brand-muted:#7b8e85;
  --brand-workspace:rgba(234,247,239,.91);
  --brand-primary-soft-28:rgba(123,232,165,.28);
  --brand-primary-soft-21:rgba(47,197,105,.21);
  --brand-primary-soft-55:rgba(7,155,73,.55);
  --brand-primary-soft-08:rgba(7,155,73,.08);
  --brand-login-bg-image:none;
  --brand-dashboard-bg-image:url("https://i.ibb.co/cSpFFpNX/1-CE54495-50-FD-476-A-8-A7-D-D06810-FA1-E76.png");
  --brand-workspace-bg-image:none;
  --brand-decorative-image:none;
}

/* Core brand tokens: dimensions/positions are intentionally untouched. */
body{color:var(--brand-secondary);}
#loginStage{
  color:var(--brand-secondary);
  background-image:
    var(--brand-login-bg-image),
    radial-gradient(circle at 104% -1%, var(--brand-primary-soft-28) 0 84px, transparent 85px),
    radial-gradient(circle at -12% 105%, var(--brand-primary-soft-21) 0 125px, transparent 126px),
    linear-gradient(145deg,#f8fcfa 0%,#edf8f2 62%,#e4f4eb 100%);
  background-position:center,center,center,center;
  background-size:cover,auto,auto,auto;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
}
.login-mark,
.login-submit{background:var(--brand-primary);}
.login-kicker{color:var(--brand-primary);}
.login-copy h1,
.login-field input{color:var(--brand-secondary);}
.login-brand-sub,
.login-copy p,
.login-status{color:var(--brand-muted);}
.login-field input:focus{border-color:var(--brand-primary-soft-55);box-shadow:0 0 0 3px var(--brand-primary-soft-08);}
.login-art svg path[fill="#0a9950"]{fill:var(--brand-primary)!important;}
.login-art svg path[stroke="#0a9950"],
.login-art svg circle[stroke="#0a9950"]{stroke:var(--brand-primary)!important;}
.login-art svg circle[fill="#173f32"],
.login-art svg path[fill="#173f32"]{fill:var(--brand-secondary)!important;}
.login-brand-logo{width:100%;height:100%;object-fit:contain;border-radius:12px;display:block;}
.login-brand-logo[hidden]{display:none!important;}
.login-mark.has-brand-logo [data-brand-mark]{display:none;}

#gogoStage{
  background:
    var(--brand-dashboard-bg-image)
    top left / 390px auto no-repeat,
    #eef7f2;
}
.workspace{
  background-color:var(--brand-workspace)!important;
  background-image:var(--brand-workspace-bg-image)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.workspace h1,
#gogo-workspace .gogo-title{color:var(--brand-secondary)!important;}
.eyebrow,
.subtitle,
#gogo-workspace .gogo-eyebrow,
#gogo-workspace .gogo-subtitle{color:var(--brand-muted)!important;}

/* Primary action tint only; action semantics/positions stay unchanged. */
#gogo-workspace .osm-add-shop-btn,
#gogo-workspace .gogo-primary,
#gogo-workspace .assign-way-btn,
#gogo-workspace .way-action-primary,
#gogo-workspace .create-biker-v2-btn{
  background:var(--brand-primary)!important;
}
#gogo-workspace .osm-intake-card strong{color:var(--brand-primary)!important;}

/* Optional decorative artwork layer. Empty by default. */
#gogoStage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:var(--brand-decorative-image);
  background-position:top left;
  background-size:390px auto;
  background-repeat:no-repeat;
  z-index:0;
}
#gogoStage > .sidebar{z-index:1;}
#gogoStage > .workspace{position:relative;z-index:1;}

.slogan [data-brand-slogan]{white-space:pre-line;}

/* ===== V3.11.1 — COMPANY MONTHLY PAYMENT (isolated) ===== */
.lower-actions{gap:8px!important;}
.lower-card.payment-btn{display:none;}
body.gogo-role-admin .lower-card.payment-btn,
body.gogo-role-office .lower-card.payment-btn{display:flex;}
#gogo-workspace .payment-shell{padding:18px 14px 28px;color:#20362e;}
#gogo-workspace .payment-head{margin-bottom:14px;}
#gogo-workspace .payment-kicker{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#9a7a47;font-weight:800;}
#gogo-workspace .payment-title{font-family:Georgia,serif;font-size:27px;line-height:1.05;margin:5px 0;color:#173b2d;}
#gogo-workspace .payment-sub{font-size:12px;color:#718078;line-height:1.5;}
#gogo-workspace .payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0;}
#gogo-workspace .payment-stat,#gogo-workspace .payment-card{background:rgba(255,255,255,.92);border:1px solid rgba(200,164,107,.28);border-radius:17px;box-shadow:0 8px 22px rgba(30,54,45,.07);}
#gogo-workspace .payment-stat{padding:12px;}
#gogo-workspace .payment-stat span{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#87938d;font-weight:700;}
#gogo-workspace .payment-stat strong{display:block;margin-top:5px;font-size:15px;color:#173b2d;}
#gogo-workspace .payment-card{padding:14px;margin-top:10px;}
#gogo-workspace .payment-card h3{margin:0 0 10px;font-size:14px;color:#173b2d;}
#gogo-workspace .payment-accounts-card{padding:14px;}
#gogo-workspace .payment-account-list{display:flex;flex-direction:column;gap:8px;}
#gogo-workspace .pay-account{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:#f7f5ef;border:1px solid #e6ddcc;border-radius:13px;padding:9px 9px 9px 11px;margin:0;min-height:54px;overflow:hidden;}
#gogo-workspace .pay-account-main{flex:1 1 auto;min-width:0;overflow:hidden;}
#gogo-workspace .pay-account small{display:block;margin:0 0 3px;color:#8a938e;font-size:8.5px;text-transform:uppercase;letter-spacing:.9px;line-height:1.15;}
#gogo-workspace .pay-account b{display:block;width:100%;min-width:0;margin:0;font-size:13px;line-height:1.15;color:#173b2d;white-space:nowrap;word-break:normal;overflow:visible;text-overflow:clip;font-variant-numeric:tabular-nums;letter-spacing:-.2px;}
#gogo-workspace .pay-copy{position:static;flex:0 0 30px;width:30px;min-width:30px;max-width:30px;height:30px;padding:0;margin:0;border:0;border-radius:9px;background:#fff;color:#876a3d;font-size:15px;line-height:30px;box-shadow:0 2px 8px rgba(0,0,0,.08);}
#gogo-workspace #paymentSummaryPeriod{white-space:nowrap;word-break:keep-all;font-size:14px;letter-spacing:-.25px;}
#gogo-workspace #paymentSummaryDue{white-space:nowrap;word-break:keep-all;font-size:14px;letter-spacing:-.2px;}
#gogo-workspace .pay-upload{display:block;border:1.5px dashed #cdbb99;border-radius:14px;padding:14px;text-align:center;background:#fbfaf7;cursor:pointer;}
#gogo-workspace .pay-upload input{display:none;}
#gogo-workspace .pay-preview{display:none;width:100%;height:220px;object-fit:contain;border-radius:11px;background:#f2f2f2;}
#gogo-workspace .pay-upload.has-preview{padding:6px;position:relative;border-style:solid;}
#gogo-workspace .pay-upload.has-preview .pay-upload-prompt{display:none;}
#gogo-workspace .pay-upload.has-preview .pay-preview{display:block;}
#gogo-workspace .pay-change-photo{display:none;position:absolute;right:14px;bottom:14px;padding:7px 10px;border-radius:999px;background:rgba(7,25,37,.88);color:#fff;font-size:10px;font-weight:800;}
#gogo-workspace .pay-upload.has-preview .pay-change-photo{display:block;}
#gogo-workspace .payment-period-select{width:100%;margin-top:10px;padding:12px;border-radius:10px;background:#fff;color:#173b2d;border:1px solid #d9cfbd;font-weight:800;}
#gogo-workspace .payment-period-select option{color:#173b2d;background:#fff;}
#gogo-workspace .payment-total{margin-top:12px;}
#gogo-workspace .payment-action-divider{height:1px;background:#eee5d7;margin:16px 0 13px;}
#gogo-workspace .payment-receipt-title{margin-bottom:10px !important;}
#gogo-workspace .payment-notice{border-color:#b88a38 !important;}
@media(max-width:520px){
  #gogo-workspace .pay-account{gap:7px;padding:9px 8px 9px 10px;}
  #gogo-workspace .pay-account b{font-size:12.5px;letter-spacing:-.3px;}
  #gogo-workspace .pay-copy{flex-basis:28px;width:28px;min-width:28px;max-width:28px;height:28px;line-height:28px;}
  #gogo-workspace #paymentSummaryPeriod{font-size:13.5px;}
  #gogo-workspace #paymentSummaryDue{font-size:13.5px;}
}
#gogo-workspace .pay-submit{width:100%;border:0;border-radius:13px;padding:12px 14px;margin-top:11px;background:#173b2d;color:white;font-weight:800;font-size:13px;}
#gogo-workspace .pay-submit:disabled{opacity:.45;}
#gogo-workspace .pay-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;background:#f0eadf;color:#856b43;}
#gogo-workspace .pay-history-row{padding:10px 0;border-top:1px solid #eee7db;display:flex;justify-content:space-between;gap:10px;font-size:11px;}


/* V3.15.0 — payment transaction history only. No delivery workflow styling changed. */
#gogo-workspace .pay-history-button{width:100%;background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left;color:inherit;cursor:pointer;align-items:center;}
#gogo-workspace .pay-history-button:hover{background:rgba(23,59,45,.035);}
#gogo-workspace .pay-history-copy{min-width:0;flex:1;}
#gogo-workspace .pay-history-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:0 0 auto;}
#gogo-workspace .pay-history-open{font-size:9px;font-weight:800;color:#856b43;white-space:nowrap;}
#gogo-workspace .company-payment-modal[hidden]{display:none!important;}
#gogo-workspace .company-payment-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:18px;}
#gogo-workspace .company-payment-modal-backdrop{position:absolute;inset:0;background:rgba(5,18,13,.64);backdrop-filter:blur(3px);}
#gogo-workspace .company-payment-modal-card{position:relative;z-index:1;width:min(92vw,430px);max-height:82vh;overflow:auto;border:1px solid #dfd4c2;border-radius:22px;background:#fffdf9;box-shadow:0 24px 70px rgba(7,25,18,.28);padding:18px;color:#173b2d;}
#gogo-workspace .company-payment-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
#gogo-workspace .company-payment-modal-head small{display:block;color:#a98a58;letter-spacing:.16em;font-size:9px;font-weight:800;margin-bottom:4px;}
#gogo-workspace .company-payment-modal-head h3{margin:0;font-size:20px;}
#gogo-workspace .company-payment-modal-head button{border:0;background:#f2ece2;color:#173b2d;width:34px;height:34px;border-radius:50%;font-size:23px;line-height:32px;cursor:pointer;}
#gogo-workspace .company-payment-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#gogo-workspace .company-payment-detail-grid>div{border:1px solid #eee5d8;border-radius:14px;padding:11px;background:#fbf8f2;min-width:0;}
#gogo-workspace .company-payment-detail-grid span{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9b9488;margin-bottom:5px;}
#gogo-workspace .company-payment-detail-grid b{display:block;font-size:12px;line-height:1.35;overflow-wrap:anywhere;}
#gogo-workspace .company-payment-detail-grid .company-payment-detail-wide{grid-column:1/-1;}
#gogo-workspace .company-payment-receipt-btn{grid-column:1/-1;border:0;border-radius:13px;padding:12px 14px;background:#173b2d;color:#fff;font-weight:800;cursor:pointer;}
@media(max-width:520px){#gogo-workspace .company-payment-detail-grid{grid-template-columns:1fr 1fr;}#gogo-workspace .company-payment-modal-card{width:min(94vw,430px);padding:15px;}}


/* V3.15.1 — COMPANY PAYMENT HISTORY MOBILE OPEN FIX
   Global (body-level) modal escapes #gogoViewport overflow and #gogoStage scaling. */
.pay-history-button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(133,107,67,.12);}
.company-payment-modal[hidden]{display:none!important;}
.company-payment-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));}
.company-payment-modal-backdrop{position:absolute;inset:0;background:rgba(5,18,13,.64);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
.company-payment-modal-card{position:relative;z-index:1;width:min(92vw,430px);max-height:min(82vh,720px);overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid #dfd4c2;border-radius:22px;background:#fffdf9;box-shadow:0 24px 70px rgba(7,25,18,.28);padding:18px;color:#173b2d;}
.company-payment-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.company-payment-modal-head small{display:block;color:#a98a58;letter-spacing:.16em;font-size:9px;font-weight:800;margin-bottom:4px;}
.company-payment-modal-head h3{margin:0;font-size:20px;}
.company-payment-modal-head button{border:0;background:#f2ece2;color:#173b2d;width:34px;height:34px;border-radius:50%;font-size:23px;line-height:32px;cursor:pointer;touch-action:manipulation;}
.company-payment-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.company-payment-detail-grid>div{border:1px solid #eee5d8;border-radius:14px;padding:11px;background:#fbf8f2;min-width:0;}
.company-payment-detail-grid span{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9b9488;margin-bottom:5px;}
.company-payment-detail-grid b{display:block;font-size:12px;line-height:1.35;overflow-wrap:anywhere;}
.company-payment-detail-grid .company-payment-detail-wide{grid-column:1/-1;}
.company-payment-receipt-btn{grid-column:1/-1;border:0;border-radius:13px;padding:12px 14px;background:#173b2d;color:#fff;font-weight:800;cursor:pointer;touch-action:manipulation;}
@media(max-width:520px){.company-payment-detail-grid{grid-template-columns:1fr 1fr;}.company-payment-modal-card{width:min(94vw,430px);padding:15px;}}


/* V3.15.2 — compact company payment history + paginated all-history view. */
#GoGoDashboard #gogo-workspace .payment-history-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#gogo-workspace .payment-view-all{
  -webkit-appearance:none;appearance:none;
  width:100%;margin-top:12px;min-height:44px;
  border:1px solid rgba(166,128,68,.55);border-radius:14px;
  background:linear-gradient(180deg,#fffdf8 0%,#f8f1e5 100%);
  color:#173b2d;padding:11px 14px;
  font:800 10px/1.2 inherit;letter-spacing:.075em;text-transform:uppercase;
  box-shadow:0 6px 16px rgba(54,43,24,.08),inset 0 1px 0 rgba(255,255,255,.95);
  cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;
}
#gogo-workspace .payment-view-all:hover{
  border-color:rgba(166,128,68,.8);
  background:linear-gradient(180deg,#fffaf1 0%,#f3e8d7 100%);
  box-shadow:0 8px 20px rgba(54,43,24,.11),inset 0 1px 0 rgba(255,255,255,.95);
}
#gogo-workspace .payment-view-all:active{transform:translateY(1px);box-shadow:0 3px 10px rgba(54,43,24,.08)}
#gogo-workspace .payment-view-all:focus-visible{outline:2px solid rgba(166,128,68,.35);outline-offset:2px}
#gogo-workspace .payment-view-all[hidden]{display:none!important}
.company-payment-list-modal[hidden]{display:none!important}
.company-payment-list-modal{position:fixed;inset:0;z-index:2147482500;display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))}
.company-payment-list-backdrop{position:absolute;inset:0;background:rgba(5,18,13,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.company-payment-list-card{position:relative;z-index:1;width:min(94vw,680px);max-height:min(90vh,820px);overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid #dfd4c2;border-radius:22px;background:#fffdf9;box-shadow:0 24px 70px rgba(7,25,18,.3);padding:17px;color:#173b2d}
.company-payment-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #eee4d5}
.company-payment-list-head small{display:block;color:#9a7c4d;font-size:8px;font-weight:900;letter-spacing:.14em}
.company-payment-list-head h3{margin:3px 0 2px;font-size:19px}
.company-payment-list-head p{margin:0;color:#7b817d;font-size:10px}
.company-payment-list-head>button{width:34px;height:34px;border:1px solid #dfd4c2;border-radius:10px;background:#fffaf2;color:#173b2d;font-size:22px;line-height:1;cursor:pointer}
.company-payment-history-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}
.company-payment-history-summary>div{padding:11px 12px;border:1px solid #e8dfd2;border-radius:12px;background:#fbf7f0}
.company-payment-history-summary span{display:block;color:#8d8a80;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.company-payment-history-summary b{display:block;margin-top:5px;font-size:13px}
.company-payment-history-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:8px}
.company-payment-history-toolbar label{display:grid;gap:5px}
.company-payment-history-toolbar label>span{color:#8d8a80;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.company-payment-history-toolbar select{height:38px;border:1px solid #dfd4c2;border-radius:10px;background:#fff;color:#173b2d;padding:0 9px;font-size:10px}
.company-payment-history-list .pay-history-row{width:100%;padding:12px 2px;border:0;border-top:1px solid #eee7db;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;color:inherit;cursor:pointer;font-size:11px}
.company-payment-history-list .pay-history-copy{min-width:0;flex:1}
.company-payment-history-list .pay-history-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:0 0 auto}
.company-payment-history-list .pay-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;background:#f0eadf;color:#856b43}
.company-payment-history-list .pay-history-open{font-size:9px;font-weight:800;color:#856b43;white-space:nowrap}
.company-payment-history-empty{padding:28px 12px;text-align:center;color:#8d8a80;font-size:10px}
.company-payment-history-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #eee4d5}
.company-payment-history-pagination button{min-height:34px;border:1px solid #d7cab6;border-radius:10px;background:#fffaf2;color:#765f3c;padding:0 11px;font-size:9px;font-weight:800;cursor:pointer}
.company-payment-history-pagination button:disabled{opacity:.35;cursor:not-allowed}
.company-payment-history-pagination span{color:#7b817d;font-size:9px;text-align:center}
@media(max-width:520px){
  .company-payment-list-card{width:96vw;max-height:92vh;padding:14px}
  .company-payment-history-toolbar{grid-template-columns:1fr 1fr}
  .company-payment-history-summary{grid-template-columns:1fr 1fr}
}

/* ===== V3.16.0 — COMPANY THEME LIBRARY ===== */
.theme-row{top:505px}
.theme-palette{color:#e7c16c}
body:not(.gogo-role-admin):not(.gogo-role-office) .theme-row{display:none!important}
#gogo-workspace .theme-shell{padding:18px 14px 30px;color:#20362e}
#gogo-workspace .theme-head{margin-bottom:14px}
#gogo-workspace .theme-kicker{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#9a7a47;font-weight:800}
#gogo-workspace .theme-title{font-family:Georgia,serif;font-size:27px;line-height:1.05;margin:5px 0;color:#173b2d}
#gogo-workspace .theme-sub{font-size:12px;color:#718078;line-height:1.5}
#gogo-workspace .theme-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}
#gogo-workspace .theme-stat{background:rgba(255,255,255,.92);border:1px solid rgba(200,164,107,.28);border-radius:17px;box-shadow:0 8px 22px rgba(30,54,45,.07);padding:12px;min-width:0}
#gogo-workspace .theme-stat span{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#87938d;font-weight:700}
#gogo-workspace .theme-stat strong{display:block;margin-top:5px;font-size:13px;line-height:1.25;color:#173b2d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gogo-workspace .theme-library-list{display:grid;gap:11px}
#gogo-workspace .theme-company-card{background:rgba(255,255,255,.94);border:1px solid rgba(200,164,107,.30);border-radius:18px;box-shadow:0 8px 22px rgba(30,54,45,.07);overflow:hidden}
#gogo-workspace .theme-company-preview{height:105px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--tc-accent,#d7aa53),#183a31 50%,#edf5f1)}
#gogo-workspace .theme-company-preview:before{content:"";position:absolute;left:12px;top:12px;bottom:12px;width:52px;border-radius:13px;background:rgba(18,43,35,.72);border:1px solid rgba(255,255,255,.28)}
#gogo-workspace .theme-company-preview:after{content:"";position:absolute;left:77px;right:12px;top:15px;bottom:15px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.70));box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
#gogo-workspace .theme-company-preview.is-cover{height:175px;background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer}
#gogo-workspace .theme-company-preview.is-cover:before{inset:0;width:auto;top:0;bottom:0;border:0;border-radius:0;background:linear-gradient(180deg,rgba(6,6,5,.02),rgba(6,6,5,.10) 55%,rgba(6,6,5,.78))}
#gogo-workspace .theme-company-preview.is-cover:after{display:none}
#gogo-workspace .theme-company-cover-label{position:absolute;z-index:3;left:13px;bottom:12px;padding:6px 9px;border-radius:999px;border:1px solid rgba(213,185,118,.52);background:rgba(9,9,8,.72);color:#e2cb94;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;backdrop-filter:blur(8px)}
#gogo-workspace .theme-company-actions button.preview{background:#15140f;border-color:#9e8652;color:#d9bf82}
.company-theme-preview-modal[hidden]{display:none!important}.company-theme-preview-modal{position:fixed;inset:0;z-index:14000;display:grid;place-items:center;padding:14px}.company-theme-preview-backdrop{position:absolute;inset:0;background:rgba(3,5,5,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.company-theme-preview-card{position:relative;z-index:1;width:min(720px,96vw);max-height:91vh;overflow:auto;border:1px solid #5b4e30;border-radius:20px;background:#11110f;box-shadow:0 34px 100px rgba(0,0,0,.58);color:#eee9dc}.company-theme-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid rgba(181,154,98,.22)}.company-theme-preview-head small{display:block;color:#b59a62;font-size:8px;font-weight:900;letter-spacing:.12em}.company-theme-preview-head h3{margin:4px 0 0;font-family:Georgia,serif;font-size:22px;color:#f1ecdf}.company-theme-preview-close{width:34px;height:34px;border:1px solid rgba(181,154,98,.34);border-radius:10px;background:#191813;color:#eee9dc;font-size:22px}.company-theme-preview-image{display:block;width:100%;height:auto;background:#0b0b0a}.company-theme-preview-copy{padding:14px 16px}.company-theme-preview-copy p{margin:0;color:#aaa293;font-size:10px;line-height:1.6}.company-theme-preview-palette{display:flex;gap:7px;margin-top:12px}.company-theme-preview-palette i{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.17)}

#gogo-workspace .theme-company-body{padding:13px}
#gogo-workspace .theme-company-top{display:flex;justify-content:space-between;align-items:flex-start;gap:9px}
#gogo-workspace .theme-company-top h3{margin:0;font-size:15px;color:#173b2d;line-height:1.2}
#gogo-workspace .theme-company-top small{display:block;margin-top:4px;font-size:9px;color:#89958f}
#gogo-workspace .theme-company-price{font-size:10px;font-weight:800;color:#9a7340;white-space:nowrap}
#gogo-workspace .theme-company-desc{font-size:10px;line-height:1.5;color:#718078;margin:10px 0 11px}
#gogo-workspace .theme-company-status{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;border:1px solid #d9cfbd;background:#f8f5ee;color:#7c6a4e;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#gogo-workspace .theme-company-status.active{border-color:#8fb8a5;background:#edf7f2;color:#2e6a4d}
#gogo-workspace .theme-company-status.pending{border-color:#d8bf83;background:#fff8e8;color:#886522}
#gogo-workspace .theme-company-status.rejected{border-color:#d7a7a1;background:#fff1ef;color:#9b4b42}
#gogo-workspace .theme-company-actions{display:flex;gap:7px;margin-top:11px}
#gogo-workspace .theme-company-actions button{flex:1;min-height:37px;border-radius:12px;border:1px solid #c9b98f;background:#f8f4e9;color:#5f533e;font:800 10px/1 inherit;letter-spacing:.03em;padding:0 10px}
#gogo-workspace .theme-company-actions button.primary{background:linear-gradient(135deg,#e1c57e,#c79e4d);border-color:#c59d4e;color:#25362f}
#gogo-workspace .theme-company-actions button:disabled{opacity:.55}
#gogo-workspace .theme-empty{padding:22px 14px;border:1px dashed #cbbd9f;border-radius:16px;background:rgba(255,255,255,.64);text-align:center;color:#77867f;font-size:11px;line-height:1.6}
.company-theme-modal[hidden]{display:none!important}.company-theme-modal{position:fixed;inset:0;z-index:13000;display:grid;place-items:center;padding:14px}.company-theme-modal-backdrop{position:absolute;inset:0;background:rgba(20,31,27,.66);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.company-theme-modal-card{position:relative;z-index:1;width:min(430px,96vw);max-height:90vh;overflow:auto;border:1px solid #dacda9;border-radius:22px;background:#f8fbf9;box-shadow:0 30px 80px rgba(22,42,34,.34);padding:18px;color:#20362e}.company-theme-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.company-theme-modal-head small{font-size:9px;letter-spacing:1.4px;color:#9a7a47;font-weight:800}.company-theme-modal-head h3{font-family:Georgia,serif;font-size:22px;margin:4px 0 0;color:#173b2d}.company-theme-modal-close{width:34px;height:34px;border-radius:999px;border:1px solid #d8cfbc;background:#fff;color:#78684c;font-size:22px;line-height:1}.company-theme-order{margin-top:13px;padding:13px;border:1px solid #e1d7c4;border-radius:15px;background:#fff}.company-theme-order-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:5px 0}.company-theme-order-row span{color:#7f8d86}.company-theme-order-row b{color:#173b2d}.company-theme-receipt{display:block;margin-top:13px}.company-theme-receipt>span{display:block;font-size:10px;font-weight:800;color:#5e746a;margin-bottom:7px}.company-theme-drop{min-height:110px;border:1.5px dashed #c8b589;border-radius:15px;background:#fffaf0;display:grid;place-items:center;text-align:center;padding:12px;cursor:pointer;color:#726244;font-size:11px;line-height:1.5}.company-theme-drop input{display:none}.company-theme-modal-message{min-height:20px;margin-top:10px;font-size:10px;color:#6f7f77}.company-theme-modal-message.error{color:#a54f46}.company-theme-submit{width:100%;min-height:44px;border:1px solid #c39d54;border-radius:14px;background:linear-gradient(135deg,#e7cc88,#cda656);color:#21352c;font-weight:900;margin-top:8px}.company-theme-submit:disabled{opacity:.5}


/* V3.17.2 — tenant-specific login link identity */
.tenant-login-badge{display:inline-flex;align-items:center;justify-content:center;margin-top:7px;min-height:20px;padding:0 8px;border:1px solid rgba(7,155,73,.24);border-radius:999px;background:rgba(255,255,255,.42);color:#16633e;font-size:7px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tenant-login-badge[hidden]{display:none!important}
body[data-theme-key="black-gold"] .tenant-login-badge{border-color:rgba(181,154,98,.35);background:rgba(15,14,11,.72);color:#c5aa70}


/* ===== V3.17.3 — THEME MENU VISIBILITY HARDENING ===== */
body.gogo-role-admin .theme-row,
body.gogo-role-office .theme-row{display:flex!important;top:517px!important}
body.gogo-role-biker .theme-row,
body.gogo-role-os .theme-row{display:none!important}

/* =========================================================
   V3.17.6 — Black Gold cityscape parity patch
   Preview and applied theme now share the same visual direction:
   matte black / graphite / muted gold + visible night towers.
   ========================================================= */
html body[data-theme-key="black-gold"] #loginStage{
  background-image:
    linear-gradient(180deg,rgba(5,5,5,.28),rgba(7,7,6,.78)),
    url("assets/black-gold-cityscape.svg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
html body[data-theme-key="black-gold"] #gogoStage{
  background-image:
    linear-gradient(180deg,rgba(5,5,5,.24),rgba(6,6,5,.54)),
    url("assets/black-gold-cityscape.svg")!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
html body[data-theme-key="black-gold"] .sidebar{
  background-image:
    linear-gradient(180deg,rgba(7,7,6,.58),rgba(8,8,7,.88)),
    url("assets/black-gold-cityscape.svg")!important;
  background-size:auto 100%, cover!important;
  background-position:center, 46% center!important;
  background-repeat:no-repeat!important;
  border-right:1px solid rgba(199,175,121,.30)!important;
}
html body[data-theme-key="black-gold"] .workspace,
html body[data-theme-key="black-gold"] #gogo-workspace{
  background-image:
    linear-gradient(180deg,rgba(10,10,9,.82),rgba(11,11,10,.94)),
    url("assets/black-gold-cityscape.svg")!important;
  background-size:cover!important;
  background-position:72% top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
html body[data-theme-key="black-gold"] #gogoModal .gogo-modal-card,
html body[data-theme-key="black-gold"] #gogoModal .rider-profile-modal,
html body[data-theme-key="black-gold"] #gogoModal .rider-edit-modal,
html body[data-theme-key="black-gold"] #gogoModal .delete-rider-modal,
html body[data-theme-key="black-gold"] #gogoModal .fail-reason-modal,
html body[data-theme-key="black-gold"] #gogoModal .dh-edit-modal,
html body[data-theme-key="black-gold"] #gogoModal .dh-delete-modal,
html body[data-theme-key="black-gold"] #gogoModal .um-modal,
html body[data-theme-key="black-gold"] #gogoModal .gogo-critical-modal,
html body[data-theme-key="black-gold"] #gogoModal .gogo-duty-required-modal{
  background-image:
    linear-gradient(180deg,rgba(18,17,14,.58) 0%,rgba(17,16,13,.90) 38%,rgba(17,16,13,.98) 100%),
    url("assets/black-gold-cityscape.svg")!important;
  background-size:cover!important;
  background-position:center 35%!important;
  background-repeat:no-repeat!important;
  border-color:rgba(199,175,121,.38)!important;
}
html body[data-theme-key="black-gold"] #gogoModal .gogo-modal-card::before{
  background:linear-gradient(90deg,#8e7747,#d5ba7a,#8e7747)!important;
  opacity:.95!important;
}
html body[data-theme-key="black-gold"] .company-payment-modal-card,
html body[data-theme-key="black-gold"] .company-payment-list-card,
html body[data-theme-key="black-gold"] .company-theme-modal-card{
  background-image:
    linear-gradient(180deg,rgba(18,17,14,.67),rgba(17,16,13,.97)),
    url("assets/black-gold-cityscape.svg")!important;
  background-size:cover!important;
  background-position:center 38%!important;
  background-repeat:no-repeat!important;
}
@media (max-width:760px){
  html body[data-theme-key="black-gold"] #gogoStage,
  html body[data-theme-key="black-gold"] .workspace,
  html body[data-theme-key="black-gold"] #gogo-workspace{
    background-attachment:scroll!important;
    background-position:62% top!important;
  }
  html body[data-theme-key="black-gold"] .sidebar{
    background-position:center, 42% center!important;
  }
  html body[data-theme-key="black-gold"] #gogoModal .gogo-modal-card,
  html body[data-theme-key="black-gold"] #gogoModal .rider-edit-modal,
  html body[data-theme-key="black-gold"] #gogoModal .um-modal,
  html body[data-theme-key="black-gold"] #gogoModal .gogo-critical-modal{
    background-position:58% 28%!important;
  }
}


/* =========================================================
   V3.17.7 — BLACK GOLD PREVIEW/ACTUAL PARITY FINAL PASS
   One visual contract for every screen. No legacy mint/green controls.
   ========================================================= */
html body[data-theme-key="black-gold"]{
  --bg0:#080807;--bg1:#0d0d0b;--bg2:#15130f;--surface:#191712;--surface2:#211e17;
  --gold:#b79a5b;--gold2:#d3b873;--cream:#f1eadb;--muted:#9d9587;
  --line:rgba(199,175,121,.28);--line2:rgba(241,234,219,.09);
  background:#080807!important;color:var(--cream)!important;
}
html body[data-theme-key="black-gold"] #dashboard{background:transparent!important;color:var(--cream)!important;}
html body[data-theme-key="black-gold"] #gogoStage,
html body[data-theme-key="black-gold"] #loginStage{
  background-image:linear-gradient(180deg,rgba(3,3,3,.34),rgba(5,5,4,.76)),url("assets/black-gold-cityscape.svg")!important;
  background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;
}
html body[data-theme-key="black-gold"] .sidebar{
  background-image:linear-gradient(180deg,rgba(5,5,4,.52),rgba(8,8,7,.90)),url("assets/black-gold-cityscape.svg")!important;
  background-size:cover!important;background-position:43% center!important;background-repeat:no-repeat!important;
  border-color:rgba(211,184,115,.30)!important;color:var(--cream)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace.workspace,
html body[data-theme-key="black-gold"] #gogo-workspace{
  background-image:linear-gradient(180deg,rgba(8,8,7,.77),rgba(8,8,7,.94)),url("assets/black-gold-cityscape.svg")!important;
  background-size:cover!important;background-position:70% top!important;background-repeat:no-repeat!important;
  color:var(--cream)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace .gogo-page,
html body[data-theme-key="black-gold"] #gogo-workspace .theme-shell,
html body[data-theme-key="black-gold"] #gogo-workspace .payment-shell,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-theme-page,
html body[data-theme-key="black-gold"] #gogo-workspace .os-portal-page{
  background:transparent!important;color:var(--cream)!important;
}

/* Generic application surfaces */
html body[data-theme-key="black-gold"] #gogo-workspace [class*="-card"]:not(.icon-card):not(.lower-card),
html body[data-theme-key="black-gold"] #gogo-workspace [class*="-panel"],
html body[data-theme-key="black-gold"] #gogo-workspace [class*="-box"],
html body[data-theme-key="black-gold"] #gogo-workspace [class*="-shell"],
html body[data-theme-key="black-gold"] #gogo-workspace [class*="-summary"]{
  background:linear-gradient(155deg,rgba(30,28,23,.95),rgba(18,17,14,.96))!important;
  color:var(--cream)!important;border-color:var(--line)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.24)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace h1,
html body[data-theme-key="black-gold"] #gogo-workspace h2,
html body[data-theme-key="black-gold"] #gogo-workspace h3,
html body[data-theme-key="black-gold"] #gogo-workspace h4,
html body[data-theme-key="black-gold"] #gogo-workspace strong{color:var(--cream)!important;}
html body[data-theme-key="black-gold"] #gogo-workspace label,
html body[data-theme-key="black-gold"] #gogo-workspace [class*="kicker"],
html body[data-theme-key="black-gold"] #gogo-workspace [class*="mini"]{color:var(--gold2)!important;}
html body[data-theme-key="black-gold"] #gogo-workspace [class*="subtitle"],
html body[data-theme-key="black-gold"] #gogo-workspace [class*="-sub"],
html body[data-theme-key="black-gold"] #gogo-workspace [class*="muted"]{color:var(--muted)!important;}
html body[data-theme-key="black-gold"] #gogo-workspace input,
html body[data-theme-key="black-gold"] #gogo-workspace select,
html body[data-theme-key="black-gold"] #gogo-workspace textarea,
html body[data-theme-key="black-gold"] #gogo-workspace .select-ui{
  background:rgba(11,11,9,.92)!important;color:var(--cream)!important;border-color:rgba(211,184,115,.30)!important;
  color-scheme:dark!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace input::placeholder,
html body[data-theme-key="black-gold"] #gogo-workspace textarea::placeholder{color:#6f695e!important;}

/* All app buttons default to graphite; only real primary actions are gold. */
html body[data-theme-key="black-gold"] #gogo-workspace button{
  background:#171510!important;color:#dcd3c4!important;border:1px solid rgba(199,175,121,.26)!important;
  box-shadow:none!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace .green-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .save-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .gogo-primary,
html body[data-theme-key="black-gold"] #gogo-workspace .primary,
html body[data-theme-key="black-gold"] #gogo-workspace .osm-add-shop-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .assign-way-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .way-action-primary,
html body[data-theme-key="black-gold"] #gogo-workspace .create-biker-v2-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-theme-search-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-export-pdf-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-edit-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .um-create-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .pay-submit,
html body[data-theme-key="black-gold"] #gogo-workspace .company-theme-submit,
html body[data-theme-key="black-gold"] #gogo-workspace .gogo-duty-start-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .gogo-location-enable-btn{
  background:linear-gradient(135deg,#d3b873,#9d7f43)!important;color:#0b0a08!important;border-color:#c5a45f!important;
  box-shadow:0 9px 24px rgba(183,154,91,.14)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-delete-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .delete-shop-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .rider-edit-delete-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .gogo-duty-end-btn{
  background:#2a1815!important;color:#e5a095!important;border-color:rgba(201,103,88,.38)!important;
}

/* ===== DATA HISTORY — FULLSCREEN MUST REMAIN BLACK GOLD ===== */
html body[data-theme-key="black-gold"] #dashboard.data-history-mode #gogo-workspace,
html body[data-theme-key="black-gold"].gogo-history-open #gogo-workspace.workspace{
  background-image:linear-gradient(180deg,rgba(7,7,6,.80),rgba(7,7,6,.95)),url("assets/black-gold-cityscape.svg")!important;
  background-size:cover!important;background-position:65% top!important;background-repeat:no-repeat!important;
  color:var(--cream)!important;
}
html body[data-theme-key="black-gold"] #dashboard.data-history-mode #gogo-workspace .dh-fullscreen,
html body[data-theme-key="black-gold"].gogo-history-open #gogo-workspace .dh-fullscreen,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-fullscreen{
  background:linear-gradient(180deg,rgba(10,10,8,.88),rgba(12,11,9,.96))!important;color:var(--cream)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-topbar{
  background:linear-gradient(155deg,rgba(30,28,23,.96),rgba(18,17,14,.97))!important;
  border:1px solid rgba(199,175,121,.30)!important;box-shadow:0 14px 38px rgba(0,0,0,.30)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-heading h2{color:var(--cream)!important;}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-heading p{color:#9d9587!important;}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-kicker{color:var(--gold2)!important;}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-back-btn,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-result-count,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-load-more,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-info-btn{
  background:#171510!important;color:#dcd3c4!important;border-color:rgba(199,175,121,.26)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-table-shell{
  background:rgba(14,13,11,.97)!important;border:1px solid rgba(199,175,121,.28)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.28)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-table-scroll{background:rgba(10,10,8,.94)!important;}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-table,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-history-final-table{background:#11100d!important;color:var(--cream)!important;}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-table th,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-history-final-table th{
  background:#1c1913!important;color:#cbb583!important;border-color:rgba(199,175,121,.22)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-table td,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-history-final-table td{
  background:#12110e!important;color:#d8d0c1!important;border-color:rgba(199,175,121,.12)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-table tbody tr:nth-child(even) td{background:#15130f!important;}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-table tbody tr:hover td{background:#1a1711!important;}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-table tfoot td{
  background:#1b1812!important;color:#d9cfbd!important;border-color:rgba(199,175,121,.22)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-total-title,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-total-money span,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-table-footer span{color:#a99f8f!important;}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-total-money strong,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-money{color:#d3b873!important;}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-table-footer{
  background:#11100d!important;border-top-color:rgba(199,175,121,.20)!important;color:#aaa091!important;
}

/* Data History filter screen */
html body[data-theme-key="black-gold"] #gogo-workspace .dh-theme-card,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-theme-group{
  background:linear-gradient(155deg,rgba(30,28,23,.96),rgba(18,17,14,.97))!important;
  color:var(--cream)!important;border-color:rgba(199,175,121,.26)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-theme-field>span,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-theme-group-title,
html body[data-theme-key="black-gold"] #gogo-workspace .dh-theme-mini{color:#cdb57e!important;}
html body[data-theme-key="black-gold"] #gogo-workspace .dh-theme-reset{background:#171510!important;color:#dcd3c4!important;}

/* Module-specific legacy pale surfaces */
html body[data-theme-key="black-gold"] #gogo-workspace .os-portal-stat,
html body[data-theme-key="black-gold"] #gogo-workspace .os-portal-list-card,
html body[data-theme-key="black-gold"] #gogo-workspace .osm-intake-card,
html body[data-theme-key="black-gold"] #gogo-workspace .biker-v2-way-card,
html body[data-theme-key="black-gold"] #gogo-workspace .biker-v2-panel,
html body[data-theme-key="black-gold"] #gogo-workspace .wc-analysis-card,
html body[data-theme-key="black-gold"] #gogo-workspace .wc-today-card,
html body[data-theme-key="black-gold"] #gogo-workspace .wc-overdue-card,
html body[data-theme-key="black-gold"] #gogo-workspace .um-user-card,
html body[data-theme-key="black-gold"] #gogo-workspace .um-control-card,
html body[data-theme-key="black-gold"] #gogo-workspace .um-summary-card,
html body[data-theme-key="black-gold"] #gogo-workspace .payment-card,
html body[data-theme-key="black-gold"] #gogo-workspace .theme-company-card,
html body[data-theme-key="black-gold"] #gogo-workspace .theme-stat{
  background:linear-gradient(155deg,rgba(29,27,22,.96),rgba(18,17,14,.97))!important;
  color:var(--cream)!important;border-color:rgba(199,175,121,.27)!important;
}
html body[data-theme-key="black-gold"] #gogo-workspace .theme-company-top h3,
html body[data-theme-key="black-gold"] #gogo-workspace .theme-stat strong,
html body[data-theme-key="black-gold"] #gogo-workspace .os-portal-list-head strong,
html body[data-theme-key="black-gold"] #gogo-workspace .wc-panel-head h3,
html body[data-theme-key="black-gold"] #gogo-workspace .wc-card-head h3{color:var(--cream)!important;}
html body[data-theme-key="black-gold"] #gogo-workspace .theme-company-desc,
html body[data-theme-key="black-gold"] #gogo-workspace .theme-company-top small,
html body[data-theme-key="black-gold"] #gogo-workspace .os-portal-list-head span{color:#9d9587!important;}

/* Modal contract: every app modal inherits same Black Gold shell. */
html body[data-theme-key="black-gold"] #gogoModal .gogo-modal-card,
html body[data-theme-key="black-gold"] #gogoModal [class*="-modal"]:not(.gogo-modal),
html body[data-theme-key="black-gold"] .company-payment-modal-card,
html body[data-theme-key="black-gold"] .company-payment-list-card,
html body[data-theme-key="black-gold"] .company-theme-modal-card,
html body[data-theme-key="black-gold"] .company-theme-preview-card{
  background-image:linear-gradient(180deg,rgba(17,16,13,.70),rgba(12,12,10,.97)),url("assets/black-gold-cityscape.svg")!important;
  background-size:cover!important;background-position:center 32%!important;background-repeat:no-repeat!important;
  color:var(--cream)!important;border-color:rgba(211,184,115,.36)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.60)!important;
}
html body[data-theme-key="black-gold"] #gogoModal button{
  background:#171510!important;color:#ded6c8!important;border:1px solid rgba(199,175,121,.28)!important;
}
html body[data-theme-key="black-gold"] #gogoModal .gogo-primary,
html body[data-theme-key="black-gold"] #gogoModal .dh-edit-save,
html body[data-theme-key="black-gold"] #gogoModal .um-btn.primary,
html body[data-theme-key="black-gold"] #gogoModal .gogo-critical-success-btn,
html body[data-theme-key="black-gold"] #gogoModal .gogo-location-enable-btn,
html body[data-theme-key="black-gold"] #gogoModal .fail-reason-confirm,
html body[data-theme-key="black-gold"] #gogoModal .wc-return-confirm-btn{
  background:linear-gradient(135deg,#d3b873,#9d7f43)!important;color:#0b0a08!important;border-color:#c5a45f!important;
}
html body[data-theme-key="black-gold"] #gogoModal input,
html body[data-theme-key="black-gold"] #gogoModal select,
html body[data-theme-key="black-gold"] #gogoModal textarea{
  background:rgba(10,10,8,.93)!important;color:var(--cream)!important;border-color:rgba(211,184,115,.32)!important;color-scheme:dark!important;
}
html body[data-theme-key="black-gold"] #gogoModal label,
html body[data-theme-key="black-gold"] #gogoModal [class*="kicker"]{color:#d0b778!important;}

/* Payment + Theme Library secondary surfaces */
html body[data-theme-key="black-gold"] .company-payment-history-summary>div,
html body[data-theme-key="black-gold"] .company-theme-order,
html body[data-theme-key="black-gold"] .company-theme-drop{
  background:rgba(18,17,14,.94)!important;color:#ddd4c5!important;border-color:rgba(199,175,121,.24)!important;
}
html body[data-theme-key="black-gold"] .payment-view-all,
html body[data-theme-key="black-gold"] .company-payment-history-pagination button,
html body[data-theme-key="black-gold"] .theme-company-actions button{
  background:#171510!important;color:#dcd3c4!important;border-color:rgba(199,175,121,.28)!important;
}
html body[data-theme-key="black-gold"] .theme-company-actions button.primary,
html body[data-theme-key="black-gold"] .company-theme-submit{
  background:linear-gradient(135deg,#d3b873,#9d7f43)!important;color:#0b0a08!important;border-color:#c5a45f!important;
}

@media(max-width:760px){
  html body[data-theme-key="black-gold"] #gogoStage,
  html body[data-theme-key="black-gold"] #gogo-workspace.workspace,
  html body[data-theme-key="black-gold"] #gogo-workspace,
  html body[data-theme-key="black-gold"] #dashboard.data-history-mode #gogo-workspace,
  html body[data-theme-key="black-gold"].gogo-history-open #gogo-workspace.workspace{background-attachment:scroll!important;background-position:62% top!important;}
}

/* V3.17.7 — Black Gold live preview contract: Preview is the actual app, not a mock image. */
.theme-company-preview.is-live-cover{
  background-image:
    linear-gradient(180deg,rgba(5,5,5,.18),rgba(6,6,5,.58)),
    url("assets/black-gold-cityscape.svg")!important;
  background-size:cover!important;
  background-position:center 48%!important;
  border-color:rgba(199,175,121,.34)!important;
}
.theme-company-preview.is-live-cover::before{
  content:""!important;
  position:absolute!important;left:12px!important;top:12px!important;bottom:12px!important;width:54px!important;
  border-radius:13px!important;background:rgba(9,9,8,.82)!important;border:1px solid rgba(199,175,121,.28)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
.theme-company-preview.is-live-cover::after{
  content:""!important;position:absolute!important;left:80px!important;right:14px!important;top:17px!important;height:56px!important;
  border-radius:12px!important;background:
    linear-gradient(90deg,rgba(211,184,115,.24) 0 31%,transparent 31% 35%,rgba(255,255,255,.08) 35% 65%,transparent 65% 69%,rgba(255,255,255,.08) 69% 100%)!important;
  border:1px solid rgba(199,175,121,.16)!important;
}
.theme-company-cover-brand{position:absolute;left:84px;top:24px;z-index:3;color:#f1eadb;font:800 11px/1.1 Georgia,serif;letter-spacing:.12em;text-shadow:0 1px 8px #000}
.theme-company-preview.is-live-cover .theme-company-cover-label{background:rgba(11,10,8,.82)!important;color:#d3b873!important;border:1px solid rgba(211,184,115,.34)!important}
.gogo-theme-live-preview-bar{
  position:fixed;z-index:2147483600;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));
  bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 12px;border:1px solid rgba(211,184,115,.42);border-radius:16px;background:rgba(12,11,9,.94);color:#f1eadb;
  box-shadow:0 16px 50px rgba(0,0,0,.48);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.gogo-theme-live-preview-bar>div{min-width:0}.gogo-theme-live-preview-bar small{display:block;color:#d3b873;font-size:7px;font-weight:900;letter-spacing:.14em}.gogo-theme-live-preview-bar strong{display:block;margin-top:2px;font-size:12px}.gogo-theme-live-preview-bar span{display:block;margin-top:2px;color:#9d9587;font-size:8px}.gogo-theme-live-preview-bar button{flex:0 0 auto;min-height:36px;padding:0 12px;border:1px solid rgba(211,184,115,.35);border-radius:11px;background:linear-gradient(135deg,#d3b873,#9d7f43);color:#0b0a08;font-size:9px;font-weight:900}

/* Theme Dashboard capability — hidden until an active Theme Library design enables it. */
.bat-dashboard-nav-btn{display:none;}
.dashboard-brand-logo{display:none;}