.profile-support-btn{
  margin-left:auto;border:0;background:linear-gradient(135deg,#0b7b62,#1ec79e);
  color:#fff;border-radius:999px;padding:10px 18px;font-weight:900;
  box-shadow:0 10px 22px rgba(11,123,98,.18);cursor:pointer
}
.profile-support-btn:hover{filter:brightness(1.05)}
.profile-head-logout{margin-left:8px}
.support-modal-card{
  width:min(780px,96vw)!important;max-height:94vh!important;padding:0!important;
  overflow:hidden!important;background:#050706!important;color:#fff!important;
  border:1px solid #17342e!important;border-radius:30px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.55)!important
}
.support-modal-card .modal-head{display:none!important}
.support-modal-card input,.support-modal-card textarea,.support-modal-card select{
  background:#101a16!important;color:#fff!important;border-color:#203a34!important
}
.support-screen{
  position:relative;min-height:min(840px,88vh);padding:28px 28px 110px;
  background:radial-gradient(circle at 86% 0,#143d32 0,#07110e 28%,#030403 72%);
  color:#fff;overflow:auto
}
.support-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px!important}
.support-title-block{flex:1;text-align:center}
.support-title-block h2,.support-chat-title h2{margin:0!important;color:#f7fff9!important;font:900 28px Manrope!important}
.support-title-block small,.support-chat-title small{display:block;color:#7fc7a6;font-weight:800;margin-top:4px}
.support-top-actions{display:flex;gap:12px}
.support-icon-btn{
  width:44px;height:44px;border:1px solid #1f3d35!important;background:#111b18!important;
  color:#f7fff9!important;border-radius:14px;font-size:26px!important;line-height:1;
  display:grid;place-items:center;cursor:pointer
}
.support-hero{
  display:grid;grid-template-columns:1fr 86px;gap:16px;align-items:center;
  background:linear-gradient(135deg,#0e2c25,#083f33 58%,#92e841);
  border:1px solid #246654;border-radius:28px;padding:22px;margin:0 0 26px;
  box-shadow:0 24px 55px rgba(0,0,0,.28)
}
.support-hero span{display:block;color:#baff58;font-size:11px;font-weight:900;letter-spacing:.16em}
.support-hero h3{margin:8px 0;color:#fff;font:900 27px Manrope}
.support-hero p{margin:0;color:#d2eee5;line-height:1.55}
.support-hero b{
  width:78px;height:78px;border-radius:26px;background:#fff;color:#083f33;
  display:grid;place-items:center;font:900 44px Manrope;box-shadow:0 18px 34px rgba(0,0,0,.22)
}
.support-search-box{margin:0 0 22px}
.support-search-box input{width:100%;box-sizing:border-box;border:1px solid #283c35;background:#101513;color:#fff;border-radius:14px;padding:14px 16px;font-size:14px}
.support-search-box input::placeholder{color:#6f8a83}
.support-search-box input:focus{outline:0;border-color:#4ecf9f}
.support-section{margin-bottom:34px}
.support-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.support-section-title h3{margin:0;font:900 24px Manrope;color:#fff}
.support-section-title button{border:0;background:transparent;color:#83b49d;font-weight:900}
.support-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.support-tool-card{
  border:1px solid #283c35;background:linear-gradient(180deg,#17221f,#101513);
  color:#fff;border-radius:24px;min-height:135px;padding:18px;text-align:left;
  display:flex;flex-direction:column;justify-content:space-between;cursor:pointer
}
.support-tool-card span{
  width:42px;height:42px;border-radius:16px;background:#213d34;
  display:grid;place-items:center;font-size:22px
}
.support-tool-card b{font:900 18px Manrope;line-height:1.25}
.support-tool-card small{color:#7fc7a6;font-weight:800;margin-top:7px}
.support-wide-row{
  width:100%;border:1px solid #243a34;background:#111917;color:#fff;border-radius:22px;
  padding:20px;display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;text-align:left;cursor:pointer
}
.support-wide-row span,.support-topic span{
  width:44px;height:44px;border-radius:50%;background:#1e3a31;display:grid;place-items:center;font-size:22px
}
.support-wide-row b{font:900 22px Manrope}
.support-wide-row i,.support-faq-card i{font-style:normal;color:#8ba098;font-size:28px}
.support-faq-grid{display:grid;gap:12px}
.support-faq-card{
  width:100%;border:1px solid #203a34;background:linear-gradient(135deg,#121b18,#090d0c);
  border-radius:22px;padding:16px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;
  align-items:center;text-align:left;color:#fff;cursor:pointer
}
.support-faq-card:hover{border-color:#67d08f;background:linear-gradient(135deg,#162922,#0b1512)}
.support-faq-card>span{
  width:48px;height:48px;border-radius:18px;display:grid;place-items:center;
  background:#b7ff35;color:#10231e;font:900 22px Manrope
}
.support-faq-card b,.support-faq-card small,.support-faq-card em{display:block}
.support-faq-card b{font:900 18px Manrope}
.support-faq-card small{color:#c8d8d2;line-height:1.45;margin-top:4px}
.support-faq-card em{font-style:normal;color:#75bc9b;font-size:12px;font-weight:800;margin-top:6px}
.support-live-card{
  display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;
  background:linear-gradient(135deg,#b7ff35,#21c49a);border-radius:26px;padding:18px;
  margin:8px 0 6px;color:#08130f;box-shadow:0 18px 44px rgba(65,201,108,.22)
}
.support-live-card>span{width:54px;height:54px;border-radius:18px;background:#ffffffcc;display:grid;place-items:center;font-size:26px}
.support-live-card b,.support-live-card small{display:block}
.support-live-card b{font:900 20px Manrope}
.support-live-card small{color:#1b3b2f;line-height:1.45;margin-top:3px}
.support-live-card button,.support-article-chat{
  border:0;border-radius:999px;background:#06120e;color:#b7ff35;font-weight:900;padding:13px 18px;cursor:pointer
}
.support-new-message{
  position:absolute;right:28px;bottom:30px;border:0;border-radius:999px;
  background:linear-gradient(135deg,#b7ff35,#22c798)!important;color:#07110e!important;
  min-width:330px;padding:22px 34px;font:900 23px Manrope;
  display:flex;align-items:center;justify-content:center;gap:14px;
  box-shadow:0 22px 45px rgba(96,255,85,.22)!important;cursor:pointer
}
.support-faq-screen,.support-chat-screen{background:linear-gradient(180deg,#07110e,#030403)!important}
.support-article{
  background:#101715;border:1px solid #233a34;border-radius:28px;padding:24px;color:#fff
}
.support-article>span{display:inline-block;background:#b7ff35;color:#08130f;border-radius:999px;padding:7px 12px;font-weight:900;font-size:12px}
.support-article h3{font:900 30px Manrope;margin:18px 0 10px}
.support-article p{color:#d8e6e1;line-height:1.75;font-size:16px}
.support-article-steps{margin:22px 0;border:1px solid #233a34;border-radius:20px;background:#0a100e;padding:18px}
.support-article-steps b{display:block;margin-bottom:10px;color:#b7ff35}
.support-article-steps ol{margin:0;padding-left:20px;color:#d8e6e1;line-height:1.8}
.support-article-chat{width:100%;background:#b7ff35;color:#06120e;padding:16px;font-size:16px}
.support-chat-screen{display:flex;flex-direction:column;padding-bottom:18px}
.support-chat-feed{
  flex:1;display:flex;flex-direction:column;gap:14px;overflow:auto;min-height:430px;
  background:#08100d;border:1px solid #1f3932;border-radius:24px;padding:18px;margin-bottom:12px
}
.support-bubble{max-width:82%;border-radius:22px;padding:14px 16px;line-height:1.45}
.support-bubble b{display:block;margin-bottom:5px;font-size:12px;color:#b7ff35}
.support-bubble p{margin:0}
.support-bubble.agent{align-self:flex-start;background:#14201c;border:1px solid #243c35;color:#f3f3f3}
.support-bubble.user{align-self:flex-end;background:#b7ff35;color:#061006}
.support-composer{
  display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:end;
  background:#08100d;border:1px solid #203a34;border-radius:24px;padding:12px
}
.support-composer button{border:0;border-radius:16px;background:#17241f;color:#fff;min-height:46px;font-weight:900}
.support-composer .send{background:#b7ff35!important;color:#06120e!important;padding:0 18px}
.support-composer textarea{resize:none;min-height:46px;max-height:120px;border-radius:18px!important;padding:13px 15px!important}
/* ── Profile FAQ tab (light theme, matches profile panels) ── */
.profile-faq .faq-category{margin-bottom:22px}
.faq-category-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.faq-category-head>span{
  width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#0b7b62,#1ec79e);
  color:#fff;display:grid;place-items:center;font:900 20px Manrope
}
.faq-category-head strong{font:800 16px Manrope;display:block}
.faq-category-head small{color:var(--muted,#75847f);display:block;margin-top:2px}
.faq-item{
  border:1px solid var(--line,#e1e9e6);border-radius:14px;background:#fbfdfc;
  margin-bottom:8px;overflow:hidden
}
.faq-item summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:14px 16px;font-weight:700;font-size:14px
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary i{font-style:normal;color:#0b7b62;font-size:18px;transition:.2s}
.faq-item[open] summary i{transform:rotate(180deg)}
.faq-item[open]{border-color:#9adbc6;background:#f2faf7}
.faq-item p{margin:0;padding:0 16px 15px;color:#4a5a55;line-height:1.7;font-size:13px}
.faq-item.dark{border-color:#233a34;background:#0d1512;margin-bottom:10px}
.faq-item.dark summary{color:#f3fff8}
.faq-item.dark summary i{color:#b7ff35}
.faq-item.dark[open]{border-color:#3f6b58;background:#111c17}
.faq-item.dark p{color:#c8d8d2}
.support-faq-accordion{margin-top:16px}
.faq-help-card{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-top:18px;border-radius:18px;padding:16px 18px;color:#fff;
  background:linear-gradient(120deg,#071b18,#08765e)
}
.faq-help-card strong{font:800 16px Manrope;display:block}
.faq-help-card small{color:#c4e7db;display:block;margin-top:3px}
.faq-help-card button{
  border:0;border-radius:999px;background:#c9f36a;color:#09221d;
  padding:12px 20px;font-weight:900;cursor:pointer
}

/* ── Live chat floating widget ── */
.live-chat-widget{position:fixed;right:22px;bottom:22px;z-index:70}
.live-chat-launcher{font-size:16px;position:relative;display:grid;place-items:center}
.live-chat-icon{width:18px;height:18px}
.live-chat-launcher b{
  position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;
  background:#e0504a;color:#fff;font:800 10px 'DM Sans';display:grid;place-items:center;padding:0 4px;
  border:2px solid #06120c;box-shadow:0 0 0 1px rgba(224,90,79,.35),0 0 6px rgba(224,90,79,.55)
}
.live-chat-panel{
  width:min(370px,calc(100vw - 44px));height:min(540px,calc(100dvh - 120px));
  display:flex;flex-direction:column;overflow:hidden;border-radius:24px;
  background:radial-gradient(circle at 86% 0,#143d32 0,#07110e 34%,#030403 78%);
  border:1px solid #1f3d35;box-shadow:0 30px 80px rgba(0,0,0,.5);color:#fff
}
.live-chat-head{
  display:flex;align-items:center;gap:12px;padding:16px 16px 14px;
  border-bottom:1px solid #1c332d;background:#0a1512
}
.live-chat-avatar{
  width:40px;height:40px;border-radius:14px;background:#c9f36a;color:#09221d;
  display:grid;place-items:center;font:900 20px Manrope;transform:rotate(-5deg)
}
.live-chat-head strong{font:800 15px Manrope;display:block;color:#f7fff9}
.live-chat-head small{color:#7fc7a6;font-size:11px;font-weight:700;display:block;margin-top:2px}
.live-chat-head-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.live-chat-rate-btn{margin-left:auto;border:1px solid #2f5c4d;background:#111b18;color:#c9f36a;border-radius:10px;padding:6px 10px;font:800 11px Manrope;cursor:pointer;flex-shrink:0}
.live-chat-panel{position:relative}
.live-chat-rate-overlay{position:absolute;inset:0;background:rgba(3,4,3,.72);display:grid;place-items:center;z-index:5;border-radius:24px}
.live-chat-rate-card{background:#0e201a;border:1px solid #1f3d35;border-radius:18px;padding:20px;display:grid;gap:12px;justify-items:center;color:#f7fff9;text-align:center}
.live-chat-stars button{background:none;border:0;font-size:26px;color:#3a4d47;cursor:pointer;padding:0 2px}
.live-chat-stars button.active{color:#c9f36a}
.live-chat-rate-cancel{background:none!important;color:#7fc7a6!important;font-weight:600!important;min-height:auto!important}
.live-chat-close{
  margin-left:auto;width:36px;height:36px;border:1px solid #1f3d35;background:#111b18;
  color:#f7fff9;border-radius:12px;font-size:20px;cursor:pointer
}
.live-chat-feed{
  flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:16px
}
.live-chat-feed .support-bubble{max-width:88%;font-size:13px}
.support-bubble img{max-width:220px;border-radius:10px;display:block;margin-top:6px;cursor:pointer}
.live-chat-composer{
  display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end;
  padding:12px;border-top:1px solid #1c332d;background:#0a1512
}
.live-chat-attach-btn{border:0;background:none;font-size:20px;cursor:pointer;padding:0 4px;min-height:44px}
.live-chat-composer textarea{
  resize:none;min-height:44px;max-height:110px;border-radius:14px;border:1px solid #203a34;
  background:#101a16;color:#fff;padding:12px 14px;font:inherit;font-size:13px;outline:0
}
.live-chat-composer textarea:focus{border-color:#2f5c4d}
.live-chat-composer button{
  border:0;border-radius:14px;background:#b7ff35;color:#06120e;
  min-height:44px;padding:0 18px;font-weight:900;cursor:pointer
}

@media(max-width:760px){
  .profile-head{gap:10px;flex-wrap:wrap}.profile-support-btn{order:3;margin-left:0;flex:1;min-height:44px}.profile-head-logout{order:4;margin-left:0;flex:1}
  .live-chat-widget{right:14px;bottom:calc(104px + env(safe-area-inset-bottom, 0px))}
  .live-chat-panel{width:calc(100vw - 28px);height:min(520px,calc(100dvh - 210px))}
  .support-modal-card{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .support-screen{min-height:100dvh;padding:22px 18px 118px}
  .support-hero{grid-template-columns:1fr 64px;border-radius:24px;padding:18px}.support-hero h3{font-size:24px}.support-hero b{width:62px;height:62px;border-radius:22px;font-size:34px}
  .support-tools{gap:10px}.support-tool-card{padding:14px 12px;min-height:118px}.support-tool-card b{font-size:14px}.support-tool-card small{font-size:11px}
  .support-faq-card{grid-template-columns:42px 1fr auto;border-radius:18px;padding:13px}.support-faq-card>span{width:42px;height:42px;border-radius:15px}.support-faq-card b{font-size:16px}.support-faq-card small{font-size:12px}
  .support-live-card{grid-template-columns:46px 1fr;border-radius:22px}.support-live-card button{grid-column:1/-1}
  .support-new-message{position:fixed;right:24px;bottom:24px;min-width:min(360px,calc(100vw - 48px));padding:20px 28px}
  .support-article{border-radius:24px;padding:20px}.support-article h3{font-size:25px}
  .support-chat-screen{height:100dvh}.support-chat-feed{min-height:0;flex:1}
}

/* ===== KetPay / LaasPay withdrawal step-by-step flow ===== */
.ketpay-withdraw-card{
  width:min(570px,100vw)!important;height:min(94vh,920px)!important;max-height:94vh!important;
  background:#111!important;color:#fff!important;border:0!important;border-radius:0!important;
  padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column;
  box-shadow:0 30px 80px rgba(0,0,0,.45)!important
}
.ketpay-withdraw-card .modal-head{display:none!important}
.ketpay-withdraw-card #modalBody{flex:1;min-height:0;overflow:auto;padding:0!important;background:#111}
.kw-screen,.kw-receipt-screen{min-height:100%;background:#111;color:#fff;padding:0 24px 28px}
.kw-top{height:92px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;border-bottom:1px solid #303030;margin:0 -24px 24px;padding:0 24px}
.kw-top h2{margin:0;text-align:center;color:#fff;font:900 26px Manrope}
.kw-back{border:0;background:transparent;color:#4fb65b;font-size:46px;line-height:1;cursor:pointer}
.kw-balance-card{border-radius:22px;background:linear-gradient(135deg,#0d8a6e 0%,#0a6b57 45%,#052e28 100%);padding:36px 20px;text-align:center;box-shadow:inset 0 -28px 55px rgba(0,0,0,.12),0 14px 32px rgba(6,63,53,.35)}
.kw-balance-card small,.kw-balance-card span{display:block;color:#e8ffe8;font-size:23px}
.kw-balance-card strong{display:block;font:900 56px Manrope;margin:14px 0 4px;color:#fff;letter-spacing:-.03em}
.kw-info-card{background:#2b2b2b;border-radius:16px;margin:36px 0;padding:22px 26px}
.kw-info-card p{display:flex;justify-content:space-between;gap:14px;margin:0;padding:13px 0;border-bottom:1px solid #454545;color:#bdbdbd;font-size:23px}
.kw-info-card p:last-child{border-bottom:0}
.kw-info-card b{color:#4eb85b;text-align:right}.kw-info-card .kw-orange,.kw-orange{color:#ffa624!important}.kw-green{color:#57c064!important}
.kw-primary{width:100%;border:0;border-radius:16px;background:#4caf50;color:#fff;min-height:86px;font:900 28px Manrope;cursor:pointer;box-shadow:0 10px 26px rgba(47,191,82,.16)}
.kw-primary:disabled{background:#666;color:#d3d3d3;box-shadow:none;cursor:not-allowed}
.kw-section-title,.kw-page-title{font:900 28px Manrope;margin:74px 0 24px;color:#fff}
.kw-page-title{margin-top:18px}
.kw-recent-list{display:grid;gap:12px}
.kw-recent,.kw-empty{background:#2b2b2b;border-radius:14px;padding:20px 24px;color:#ddd}
.kw-recent{display:flex;justify-content:space-between;gap:14px;align-items:center}
.kw-recent b,.kw-recent small{display:block}.kw-recent b{font-size:22px}.kw-recent small{color:#aaa;margin-top:5px}
.kw-recent span{background:#334d34;color:#5bc066;border-radius:4px;padding:8px 15px;font-weight:900;text-transform:lowercase}
.kw-empty{text-align:center;color:#888}
.kw-account-list{display:grid;gap:20px;padding-bottom:24px}
.kw-account-row{width:100%;border:1px solid #3c3c3c;background:#2b2b2b;color:#fff;border-radius:16px;padding:26px;display:grid;grid-template-columns:74px 1fr auto;gap:16px;align-items:center;text-align:left;cursor:pointer}
.kw-account-row .coin-icon{width:58px;height:58px;border-radius:50%;background:#1f3b22;color:#56c466;font-size:28px}
.kw-account-row strong,.kw-account-row small{display:block}.kw-account-row strong{font:900 24px Manrope;line-height:1.35}.kw-account-row small{color:#aaa;font-size:20px;margin-top:6px}.kw-account-row i{font-style:normal;color:#67baf6;font-size:46px}
.kw-selected-account{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center;background:#2b2b2b;border-radius:18px;padding:24px;margin-bottom:36px}
.kw-selected-account .coin-icon{width:56px;height:56px;background:#1f3b22;color:#56c466}.kw-selected-account strong,.kw-selected-account small{display:block}.kw-selected-account strong{font:900 23px Manrope}.kw-selected-account small{color:#aaa;font-size:18px;margin-top:6px}
.kw-amount-card{background:#2b2b2b;border-radius:18px;padding:28px 30px;margin-bottom:38px}
.kw-amount-card label{display:block;color:#bbb;font:900 24px Manrope;margin-bottom:26px}
.kw-amount-input{display:flex;align-items:center;border-bottom:4px solid #48b65c;padding-bottom:20px}
.kw-amount-input span{font:900 52px Manrope;color:#d5d5d5;margin-right:14px}
.kw-amount-input input{width:100%;border:0!important;background:transparent!important;color:#fff!important;font:900 58px Manrope!important;outline:0;padding:0!important}
.kw-amount-input input::placeholder{color:#777}
.kw-amount-card p{display:flex;justify-content:space-between;align-items:center;color:#aaa;font-size:21px;margin:26px 0 18px}
.kw-amount-card p button{border:0;background:transparent;color:#53c65d;font:900 22px Manrope}
.kw-amount-card small{display:block;color:#aaa;font-size:19px;margin-top:11px}
.kw-receipt-screen{padding:0 18px 24px;background:#000}
.kw-receipt-screen .kw-top{border-bottom:0;margin-bottom:0}
.kw-receipt{position:relative;background:#202020;border-radius:0 0 16px 16px;padding:58px 46px 44px;margin:0 auto 22px;max-width:510px;box-shadow:0 0 0 1px #292929 inset}
.kw-receipt h2{font:900 36px Manrope;letter-spacing:.12em;text-align:center;margin:0 0 16px}.kw-receipt h3{font:900 26px Manrope;letter-spacing:.1em;text-align:center;margin:0 0 58px}.kw-receipt time{display:block;text-align:center;color:#aaa;font:800 24px Manrope;margin-bottom:48px}
.kw-receipt-rows{display:grid;gap:25px}.kw-receipt-rows p{display:grid;grid-template-columns:1fr 1.05fr;gap:14px;margin:0;font:900 23px Manrope}.kw-receipt-rows span{letter-spacing:.06em}.kw-receipt-rows b{text-align:right;overflow-wrap:anywhere}.kw-receipt-rows .green,.kw-net b{color:#4fc35d}.kw-receipt-rows .pending{color:#ffb423}
.kw-net{border-top:1px solid #777;margin:58px 0 70px;padding-top:34px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.kw-net span{font:900 27px Manrope;letter-spacing:.08em}.kw-net b{font:900 36px Manrope}
.kw-thanks{display:block;text-align:center;font:900 22px Manrope;letter-spacing:.1em;margin-bottom:26px}.kw-processing{display:block;text-align:center;color:#aaa;font:800 20px Manrope;letter-spacing:.08em}
.kw-barcode{height:44px;margin:46px auto 0;width:260px;background:repeating-linear-gradient(90deg,#d6d6d6 0 4px,transparent 4px 8px,#d6d6d6 8px 11px,transparent 11px 16px)}
.kw-ticket-dots{position:absolute;left:0;right:0;height:20px;background:radial-gradient(circle,#111 7px,transparent 8px) 0 0/25px 20px}.kw-ticket-dots.top{top:0}.kw-ticket-dots.bottom{bottom:0}
.kw-pending-done{text-align:center}.kw-pending-icon{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;margin:40px auto 18px;background:#2b2b2b;font-size:42px}.kw-pending-done h3{font:900 28px Manrope}.kw-pending-done p{color:#bbb;font-size:18px;line-height:1.6}
@media(max-width:760px){
  .ketpay-withdraw-card{width:100vw!important;height:100dvh!important;max-height:100dvh!important}
  .kw-screen,.kw-receipt-screen{padding-left:24px;padding-right:24px}.kw-top{height:124px;margin-left:-24px;margin-right:-24px}
  .kw-balance-card strong{font-size:48px}.kw-info-card p{font-size:22px}.kw-primary{min-height:76px;font-size:24px}.kw-account-row{padding:24px}.kw-account-row strong{font-size:22px}.kw-account-row small{font-size:18px}.kw-receipt{padding:48px 28px 40px}.kw-receipt h2{font-size:30px}.kw-receipt h3{font-size:23px}.kw-receipt time{font-size:20px}.kw-receipt-rows p{font-size:19px}.kw-net b{font-size:30px}.kw-net span{font-size:22px}
}

/* ===== Voice calling widget (Community Phase 3) — mirrors .live-chat-widget conventions ===== */
.call-widget{position:fixed;inset:0;z-index:10000;pointer-events:none;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));isolation:isolate}
.call-widget:not(.hidden)::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(1,7,12,.76);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);pointer-events:auto}
.call-incoming-banner{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:14px;margin:0;width:min(390px,calc(100vw - 36px));padding:30px 22px 24px;border-radius:30px;background:radial-gradient(circle at 50% 0,#174b3c 0,#081a17 42%,#040a09 100%);border:1px solid rgba(79,238,189,.28);box-shadow:0 28px 90px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.08);color:#fff;text-align:center;animation:incomingCallPop .28s ease-out}
@keyframes incomingCallPop{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
.call-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#0b7b62,#1ec79e);display:grid;place-items:center;font:800 15px Manrope;flex-shrink:0}
.call-incoming-info{min-width:0;width:100%}
.call-incoming-info strong{display:block;font:800 24px Manrope;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.call-incoming-info small{display:block;color:#8fd9c4;font-size:14px;margin-top:5px}
.call-incoming-banner .call-avatar{width:92px;height:92px;font-size:30px;box-shadow:0 0 0 8px rgba(54,224,169,.08),0 18px 42px rgba(0,0,0,.35)}
.call-incoming-actions{display:flex;justify-content:center;gap:54px;width:100%;margin-top:12px}
.call-incoming-actions button{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;color:#fff;font:700 12px Manrope;cursor:pointer;touch-action:manipulation}
.call-incoming-actions button span{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;font-size:30px;box-shadow:0 12px 26px rgba(0,0,0,.3)}
.call-incoming-actions .call-reject-btn span{background:#ef5350}
.call-incoming-actions .call-accept-btn span{background:#20c978;animation:answerPulse 1.4s infinite}
.call-incoming-actions button small{font:700 12px Manrope;color:#d9eee7}
@keyframes answerPulse{0%,100%{box-shadow:0 0 0 0 rgba(32,201,120,.35)}50%{box-shadow:0 0 0 12px rgba(32,201,120,0)}}
@media(max-width:380px){.call-incoming-banner{padding:24px 16px 20px}.call-incoming-actions{gap:38px}}
.call-accept-btn,.call-reject-btn{width:42px;height:42px;border-radius:50%;border:0;font-size:18px;cursor:pointer;display:grid;place-items:center;flex-shrink:0}
.call-accept-btn{background:#1ec79e;color:#03211a}
.call-reject-btn{background:#e0504a;color:#fff}
.call-incoming-actions .call-accept-btn,.call-incoming-actions .call-reject-btn{width:auto;height:auto;border-radius:0;background:transparent;color:#fff;overflow:visible}

/* ===== Full-screen call UI (Phase 4) ===== */
.call-screen{position:fixed;inset:0;z-index:150;background:radial-gradient(circle at 50% 20%,#143d32 0,#07110e 45%,#020504 100%);display:flex;align-items:center;justify-content:center}
.call-screen-inner{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:24px;width:100%;max-width:420px}
.call-screen-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#0b7b62,#1ec79e);display:grid;place-items:center;font:900 44px Manrope;color:#fff;margin-bottom:14px;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.call-screen-name{font:800 26px Manrope;color:#fff}
.call-screen-status{color:#8fd9c4;font-size:14px;font-variant-numeric:tabular-nums;margin-bottom:40px}
.call-screen-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:20px}
.call-screen-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;color:#fff;cursor:pointer}
.call-screen-btn span{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:24px}
.call-screen-btn small{font-size:11px;font-weight:700;color:#c7ded7}
.call-screen-btn.active span{background:#1ec79e;color:#03211a}
.call-screen-btn.hangup span{background:#e0504a}
.call-screen-btn.hidden{display:none}
.call-screen-video{position:absolute;inset:0}
.call-screen-video.hidden{display:none}
#callRemoteVideo{width:100%;height:100%;object-fit:cover;background:#000}
#callLocalVideo{position:absolute;top:20px;right:20px;width:110px;height:150px;border-radius:16px;object-fit:cover;background:#000;border:2px solid rgba(255,255,255,.25);box-shadow:0 10px 24px rgba(0,0,0,.4)}
.call-screen.video-mode .call-screen-avatar{display:none}
.call-screen.video-mode .call-screen-inner{position:absolute;inset:0;justify-content:flex-end;padding-bottom:36px;background:linear-gradient(to top,rgba(0,0,0,.55) 0,transparent 40%)}
.call-screen.video-mode .call-screen-name{text-shadow:0 2px 8px rgba(0,0,0,.6)}
.call-screen.video-mode .call-screen-status{margin-bottom:20px;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.call-video-topbar{position:absolute;z-index:3;top:max(18px,env(safe-area-inset-top));left:18px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 158px)}
.call-hd-badge,.call-secure-badge,.call-quality-badge{display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:0 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(3,18,14,.58);backdrop-filter:blur(14px);color:#f4fffb;font:800 10px Manrope;white-space:nowrap;box-shadow:0 5px 18px rgba(0,0,0,.16)}
.call-hd-badge{background:#baff67;color:#073426;border-color:#baff67}.call-quality-badge i{width:7px;height:7px;border-radius:50%;background:#91a79f}
.call-quality-badge.quality-excellent i{background:#61e9a9;box-shadow:0 0 0 4px rgba(97,233,169,.14)}.call-quality-badge.quality-good i{background:#ffd166}.call-quality-badge.quality-weak i{background:#ff696f}
.call-audio-note{display:inline-flex;align-items:center;gap:5px;margin-top:-30px;margin-bottom:22px;padding:7px 11px;border-radius:999px;background:rgba(71,211,157,.1);color:#8ed8be;font-size:10px;font-weight:750}.call-audio-note:before{content:'\2713';color:#baff67;font-weight:900}.call-screen.video-mode .call-audio-note{display:none}
.call-screen.video-mode #callLocalVideo{top:max(57px,calc(env(safe-area-inset-top) + 48px));right:16px;width:105px;height:148px;border:2px solid rgba(186,255,103,.75);border-radius:19px;box-shadow:0 15px 34px rgba(0,0,0,.42);transform:scaleX(-1)}
.call-screen.video-mode .call-screen-inner{pointer-events:none}.call-screen.video-mode .call-screen-controls,.call-screen.video-mode .call-screen-name,.call-screen.video-mode .call-screen-status{pointer-events:auto}
.call-screen.video-mode .call-screen-controls{padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:rgba(3,18,14,.6);backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.call-screen-btn span{transition:transform .18s ease,background .18s ease}.call-screen-btn:active span{transform:scale(.9)}
@media(max-width:430px){.call-secure-badge{display:none}.call-video-topbar{max-width:calc(100% - 132px)}.call-screen.video-mode #callLocalVideo{width:92px;height:132px}.call-screen.video-mode .call-screen-controls{gap:12px}.call-screen-btn span{width:52px;height:52px;font-size:21px}}
@media(orientation:landscape) and (max-height:600px){.call-screen.video-mode #callLocalVideo{width:120px;height:90px}.call-screen.video-mode .call-screen-inner{padding-bottom:14px}.call-screen.video-mode .call-screen-controls{margin-top:8px}.call-screen.video-mode .call-screen-status{margin-bottom:8px}}
#app.services-mode:not(.services-provider-mode) #mainNav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#app.services-mode:not(.services-provider-mode) #mainNav .service-mobile-tab.customer-hidden-post{display:none!important}

.provider-application-form{display:grid;gap:13px}.provider-application-form label{display:grid;gap:6px;color:#24483e;font-weight:800;font-size:13px}.provider-application-form input,.provider-application-form select,.provider-application-form textarea{width:100%;box-sizing:border-box;border:1px solid #cfe2da;border-radius:13px;background:#f7fbf9;padding:13px;color:#082d24;font:600 14px Manrope}.provider-application-form textarea{min-height:105px;resize:vertical}.provider-application-form .btn{border:0;border-radius:13px;background:linear-gradient(135deg,#0bb879,#69d448);color:#fff;padding:14px;font-weight:900}.provider-application-status{padding:18px;border-radius:17px;background:#eff9f4;text-align:center}.provider-application-status span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff0c7;color:#946c00;font-weight:900}.provider-application-status.approved span{background:#daf7e6;color:#08734d}.provider-application-status.rejected span{background:#ffe2e2;color:#a62e2e}
.provider-category-lock{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid #bee4d3;border-radius:15px;background:#eaf8f1}.provider-category-lock>span{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#fff;font-size:25px}.provider-category-lock small,.provider-category-lock strong{display:block}.provider-category-lock small{color:#718c82;font-size:9px;letter-spacing:.12em}.provider-category-lock strong{color:#073f30}.provider-category-lock>b{color:#12815a;font-size:11px}.service-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.service-live-card{overflow:hidden;border:1px solid #d7e7e0;border-radius:16px;background:#fff}.service-live-card>img,.service-live-card>span{width:100%;height:145px;object-fit:cover}.service-live-card>span{display:grid;place-items:center;background:linear-gradient(135deg,#0a5c44,#baff67);font-size:45px}.service-live-card>div{padding:13px}.service-live-card small{color:#168158;font-weight:900}.service-live-card h3{margin:5px 0;color:#082f25}.service-live-card p{margin:0 0 7px;color:#789087}.service-live-card strong{color:#0b8a5c}.provider-listings article>img{width:52px;height:52px;border-radius:12px;object-fit:cover}.services-category-chips{overflow-x:auto;flex-wrap:nowrap}.services-category-chips button{white-space:nowrap}@media(max-width:700px){.service-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-live-card>img,.service-live-card>span{height:112px}}@media(max-width:380px){.service-live-grid{grid-template-columns:1fr}.provider-category-lock{grid-template-columns:42px 1fr}.provider-category-lock>b{grid-column:2}.provider-category-lock>span{width:42px;height:42px}}

/* ===== LAAS Services: premium listings, working inbox and provider sheets ===== */
.services-browse-page .services-section{background:#062b23!important;border:1px solid #174f40!important;color:#fff!important;box-shadow:0 18px 44px rgba(0,15,11,.3)}
.services-browse-page .services-section-head h2{color:#fff!important}.services-browse-page .services-section-head p{color:#91b4a8!important}
.service-live-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.service-live-card{display:block!important;width:100%;padding:0!important;overflow:hidden;border:1px solid #1c5947!important;border-radius:19px!important;background:linear-gradient(155deg,#0b3a2f,#06271f)!important;color:#fff!important;text-align:left;box-shadow:0 12px 28px rgba(0,16,12,.32);cursor:pointer;transition:transform .2s ease,border-color .2s ease}
.service-live-card:active{transform:scale(.985)}.service-live-card:hover{border-color:#3fc98d!important}
.service-listing-media{position:relative;aspect-ratio:1.35;overflow:hidden;padding:0!important;background:linear-gradient(135deg,#087454,#9bf35d)}
.service-listing-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.service-live-card:hover .service-listing-media img{transform:scale(1.035)}
.service-listing-media>span{display:grid;width:100%;height:100%;place-items:center;font-size:46px}
.service-listing-media>i{position:absolute;left:9px;bottom:9px;padding:5px 8px;border-radius:999px;background:rgba(1,24,18,.82);color:#c4ff76;font:800 9px Manrope;font-style:normal;backdrop-filter:blur(8px)}
.service-listing-media>b{position:absolute;right:9px;top:9px;display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:rgba(1,24,18,.78);color:#fff;font-size:16px;backdrop-filter:blur(8px)}
.service-listing-copy{padding:13px!important}.service-listing-copy h3{margin:0 0 7px!important;color:#fff!important;font:800 15px/1.3 Manrope}.service-listing-copy p{margin:0 0 11px!important;color:#9cbcb1!important;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-listing-copy>div{display:flex;align-items:end;justify-content:space-between;gap:8px}.service-listing-copy small{min-width:0;color:#79a698!important;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-listing-copy strong{flex:none;color:#baff67!important;font:900 14px Manrope}
.services-message-list{display:grid;gap:10px;background:#062b23!important}.services-message-list>button{display:grid;width:100%;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #174f40;border-radius:16px;background:#0a372c;color:#fff;text-align:left;cursor:pointer}.services-message-list>button>span{display:grid;width:46px;height:46px;place-items:center;border-radius:15px;background:linear-gradient(135deg,#18bb88,#baff67);color:#05241c;font-weight:900}.services-message-list>button strong,.services-message-list>button small{display:block}.services-message-list>button small{margin-top:4px;color:#8db0a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.services-message-list>button b{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#baff67;color:#063226}.services-message-list>button time{color:#779d90;font-size:10px}
.service-listing-detail>img,.service-listing-placeholder{display:grid;width:100%;height:230px;place-items:center;border-radius:18px;object-fit:cover;background:linear-gradient(135deg,#087454,#baff67);font-size:62px}.service-detail-price{display:flex;justify-content:space-between;gap:12px;margin:15px 0}.service-detail-price span{color:#159c6f;font-weight:900}.service-detail-price strong{color:#0b573f}.service-listing-detail>p{color:#56746b;line-height:1.6}.service-detail-facts{display:grid;gap:8px;padding:13px;border-radius:14px;background:#edf8f3;color:#315c4f}.service-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.service-detail-actions button,.service-detail-actions a{display:grid;min-height:48px;place-items:center;border:0;border-radius:14px;background:#0a8d65;color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.service-detail-actions a{background:#e8f7f0;color:#087553}
.service-chat{display:grid;gap:12px}.service-chat-thread{display:flex;min-height:280px;max-height:48vh;flex-direction:column;gap:10px;overflow:auto;padding:14px;border-radius:17px;background:#edf7f3}.service-chat-thread>div{max-width:82%;padding:10px 13px;border-radius:15px;font-size:13px;line-height:1.45}.service-chat-thread .incoming{align-self:flex-start;background:#fff;color:#24473d;border-bottom-left-radius:4px}.service-chat-thread .outgoing{align-self:flex-end;background:#078761;color:#fff;border-bottom-right-radius:4px}.service-chat form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.service-chat input{min-width:0;border:1px solid #cae1d8;border-radius:14px;padding:13px;background:#f7fbf9}.service-chat form button{border:0;border-radius:14px;padding:0 18px;background:#087c59;color:#fff;font-weight:900}
.service-tool-sheet{display:grid;gap:10px}.service-tool-sheet article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border-radius:15px;background:#edf8f3;color:#164b3b}.service-tool-sheet article>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#d4f2e4;color:#087553;font-weight:900}.service-tool-sheet article strong,.service-tool-sheet article small{display:block}.service-tool-sheet article small{margin-top:3px;color:#708d84}.service-tool-sheet article>b{color:#087553;text-align:right;font-size:11px}
@media(max-width:430px){.service-live-grid{gap:9px!important}.service-listing-copy{padding:11px!important}.service-listing-copy h3{font-size:14px}.service-listing-copy strong{font-size:12px}.service-listing-media>i{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-detail-actions{grid-template-columns:1fr}}
@media(max-width:340px){.service-live-grid{grid-template-columns:1fr!important}}

/* ===== LAAS Services gold super-app skin (2026-08-09) ===== */
#app.services-mode{--sg-bg:#050b19;--sg-panel:#101a2a;--sg-panel-2:#151f30;--sg-line:#293345;--sg-gold:#f5bd45;--sg-soft:#aeb8c9}
#app.services-mode .view-root{background:radial-gradient(circle at 50% -10%,#111c35 0,#060d1d 42%,#030814 100%)!important}
.services-gold-home,.services-gold-list{width:min(760px,100%);margin:auto;padding:10px 16px 120px!important;color:#fff;font-family:Manrope,system-ui,sans-serif}
.sg-brand{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;margin-bottom:18px;text-align:center}.sg-brand h1{margin:0;color:var(--sg-gold);font:900 31px/1 Manrope;letter-spacing:.13em}.sg-brand p{margin:8px 0 0;color:#d1d6e0;font-size:11px}.sg-menu,.sg-bell,.sg-list-head button{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.sg-bell{position:relative}.sg-bell i{position:absolute;right:5px;top:2px;width:9px;height:9px;border-radius:50%;background:var(--sg-gold)}
.sg-search{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;min-height:53px;padding:0 10px 0 16px;border:1px solid #394558;border-radius:17px;background:#111a2a;color:#cdd5e2}.sg-search>span{font-size:25px}.sg-search input{min-width:0;border:0!important;background:transparent!important;color:#fff!important;padding:0 8px!important;outline:0;font:600 14px Manrope}.sg-search input::placeholder{color:#8590a3}.sg-search button{min-height:36px;border:0;border-left:1px solid #303b4e;background:transparent;color:#e4e8ef;padding:0 8px 0 13px;font:700 11px Manrope}
.sg-wallet{display:grid;grid-template-columns:minmax(120px,1.4fr) repeat(4,minmax(52px,.72fr));align-items:stretch;gap:7px;margin:18px 0 24px;padding:14px;border:1px solid #c89835;border-radius:18px;background:linear-gradient(145deg,#101a2b,#09111f);box-shadow:0 14px 34px #0008,inset 0 0 28px #e0a62b0a}.sg-wallet>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-right:1px solid #283348}.sg-wallet>div small{color:#d9deea;font-size:11px}.sg-wallet>div strong{margin:4px 0;color:#fff;font:900 22px Manrope}.sg-wallet>div button{border:0;background:transparent;color:#d0d6e1;padding:0;font-size:9px}.sg-wallet>button{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #2a3548;border-radius:12px;background:#151f30;color:var(--sg-gold);font-size:23px;cursor:pointer}.sg-wallet>button small{color:#e7eaf0;font:700 9px Manrope}
.sg-services{margin-top:4px}.sg-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.sg-section-title h2{margin:0;color:#fff;font:900 17px Manrope}.sg-section-title button{border:0;background:transparent;color:var(--sg-gold);font:800 11px Manrope;cursor:pointer}.sg-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sg-service-card{position:relative;display:flex;min-width:0;min-height:174px;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;padding:10px;border:1px solid #27344a;border-radius:16px;background:linear-gradient(150deg,#32425f,#101827 54%);color:#fff;text-align:left;box-shadow:0 11px 24px #0006;cursor:pointer}.sg-service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 33%,#050a14e8 82%);pointer-events:none}.sg-service-card>span{position:absolute;inset:12px 8px auto;display:grid;height:87px;place-items:center;font-size:65px;filter:drop-shadow(0 9px 12px #0008)}.sg-service-card>i{position:absolute;z-index:2;left:8px;top:8px;display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#f0a61d;color:#fff;font:900 11px Manrope;font-style:normal}.sg-service-card>strong,.sg-service-card>small{position:relative;z-index:2;display:block;max-width:100%}.sg-service-card>strong{font:900 13px Manrope}.sg-service-card>small{height:26px;margin-top:4px;color:#c1c8d3;font:500 8px/1.35 Manrope;overflow:hidden}.sg-service-2{background:linear-gradient(145deg,#194d26,#101827 60%)}.sg-service-3{background:linear-gradient(145deg,#86411c,#101827 60%)}.sg-service-4{background:linear-gradient(145deg,#4d316f,#101827 60%)}.sg-service-5{background:linear-gradient(145deg,#185391,#101827 60%)}.sg-service-6{background:linear-gradient(145deg,#238459,#101827 60%)}.sg-service-7{background:linear-gradient(145deg,#11827c,#101827 60%)}.sg-service-8{background:linear-gradient(145deg,#a63838,#101827 60%)}.sg-service-9{background:linear-gradient(145deg,#a97628,#101827 60%)}.sg-service-10{grid-column:span 2;min-height:103px;padding-left:120px}.sg-service-10>span{inset:8px auto 8px 15px;width:90px;height:auto;font-size:59px}
.sg-premium{display:grid;width:100%;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:18px;padding:12px 15px;border:1px solid #c08b2e;border-radius:15px;background:linear-gradient(100deg,#281d16,#111827);color:#fff;text-align:left;cursor:pointer}.sg-premium>span{display:grid;width:46px;height:46px;place-items:center;color:var(--sg-gold);font-size:29px}.sg-premium strong,.sg-premium small{display:block}.sg-premium strong{color:var(--sg-gold);font:900 14px Manrope}.sg-premium small{margin-top:3px;color:#c8ced8;font-size:9px}.sg-premium>b{color:#fff;font-size:25px}
.services-gold-home>.services-provider-invite{margin-top:20px;background:linear-gradient(130deg,#101c30,#2b2418)!important;border-color:#8b682d!important}.services-gold-home>.services-section,.services-gold-home>.services-content-grid,.services-gold-home>.services-featured{display:none!important}
.sg-list-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:19px}.sg-list-head h1{margin:0;text-align:center;color:#fff;font:900 18px Manrope}.sg-all-list{display:grid;gap:8px;margin-top:17px}.sg-all-list>button{position:relative;display:grid;width:100%;grid-template-columns:70px 28px minmax(0,1fr) 24px;align-items:center;gap:8px;min-height:86px;padding:8px;border:1px solid #202c3e;border-radius:15px;background:linear-gradient(100deg,#182233,#101827);color:#fff;text-align:left;cursor:pointer}.sg-all-list>button.active{border-color:var(--sg-gold);box-shadow:0 0 0 2px #f5bd451a}.sg-all-list>button>span{display:grid;width:70px;height:70px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#26354c,#101827);font-size:42px}.sg-all-list>button>i{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#e9a61d;color:#fff;font:900 10px Manrope;font-style:normal}.sg-all-list>button:nth-child(3n+2)>i{background:#2db557}.sg-all-list>button:nth-child(3n)>i{background:#f26b2a}.sg-all-list strong,.sg-all-list small{display:block}.sg-all-list strong{font:900 14px Manrope}.sg-all-list small{margin-top:5px;color:#aeb7c6;font:500 9px/1.45 Manrope}.sg-all-list b{color:var(--sg-gold);font-size:26px}.services-gold-list .sg-listings{margin-top:20px!important}.services-gold-list .sg-listings .services-section-head h2{color:#fff!important}
.sg-category-hero{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:16px;padding:14px;border:1px solid #30405a;border-radius:18px;background:linear-gradient(135deg,#18263b,#0c1423);box-shadow:0 14px 30px #0006}.sg-category-hero>span{display:grid;width:72px;height:72px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#23684d,#162238);font-size:43px}.sg-category-hero small{color:var(--sg-gold);font:800 9px Manrope;letter-spacing:.12em}.sg-category-hero h2{margin:4px 0 3px;color:#fff;font:900 19px Manrope}.sg-category-hero p{margin:0;color:#aeb8c9;font:500 10px Manrope}.sg-category-hero>b{align-self:start;padding:6px 9px;border-radius:999px;background:#263349;color:#d8e1ed;font:800 9px Manrope}.sg-category-listings{margin-top:16px!important}.sg-category-listings .service-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:560px){.services-gold-home,.services-gold-list{padding:6px 10px 104px!important}.services-gold-home>.sg-search{margin-top:0}.sg-wallet{grid-template-columns:1.3fr repeat(4,.7fr);margin:12px 0 16px;padding:9px 7px;gap:4px}.sg-wallet>div strong{font-size:16px}.sg-wallet>button{font-size:17px}.sg-wallet>button small{font-size:7px}.sg-section-title{margin-bottom:9px}.sg-service-grid{gap:8px}.sg-service-card{min-height:132px;padding:8px}.sg-service-card>span{inset:7px 5px auto;height:69px;font-size:49px}.sg-service-card>i{left:6px;top:6px;width:22px;height:22px}.sg-service-card>strong{font-size:11px}.sg-service-card>small{height:22px;font-size:7px}.sg-service-10{min-height:78px;padding-left:92px}.sg-service-10>span{inset:5px auto 5px 10px;width:70px;height:auto}.services-gold-home>.services-provider-invite{border-radius:17px!important}}
@media(max-width:560px){.sg-category-hero{grid-template-columns:58px minmax(0,1fr);padding:11px}.sg-category-hero>span{width:58px;height:58px;font-size:35px}.sg-category-hero>b{display:none}.sg-category-hero h2{font-size:17px}.sg-category-listings .service-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}
@media(max-width:360px){.sg-search{grid-template-columns:28px minmax(0,1fr)}.sg-location{display:none}.sg-wallet{grid-template-columns:repeat(4,1fr)}.sg-wallet>div{grid-column:1/-1;border:0;border-bottom:1px solid #283348;padding-bottom:9px}.sg-service-card{min-height:140px}.sg-service-card>small{display:none}.sg-service-10{padding-left:92px}}

/* Services photographic customer home */
#app.services-mode .services-gold-home{background:linear-gradient(180deg,#08704d 0,#0b6b4b 62%,#f4f7f5 62%)!important;border-radius:0;color:#10221c}
.services-gold-home .sg-search{background:#fff;border-color:#d6e2dd;color:#0b684a;box-shadow:0 6px 18px #00432a30}.services-gold-home .sg-search input{color:#263d35!important}.services-gold-home .sg-search input::placeholder{color:#788b84}.services-gold-home .sg-search button{color:#174e3d;border-color:#dbe5e1}
.services-gold-home .sg-wallet{background:#075c42;border-color:#2f9471;box-shadow:0 12px 27px #003c2870}.services-gold-home .sg-wallet>button{background:#0a674a;border-color:#39846d;color:#f1d37b}.services-gold-home .sg-section-title h2{color:#fff}.services-gold-home .sg-section-title button{color:#fff3b8}
.services-gold-home .sg-service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.services-gold-home .sg-service-card,.services-gold-home .sg-service-10{min-height:147px;padding:7px;align-items:center;justify-content:flex-end;border:0;border-radius:11px;background:#fff!important;color:#14231e;text-align:center;box-shadow:0 6px 14px #003d292c}.services-gold-home .sg-service-card:before{display:none}.services-gold-home .sg-service-card>span,.services-gold-home .sg-service-10>span{position:absolute;inset:7px 5px auto;width:auto;height:88px;overflow:hidden;place-items:center;background:#f7faf8;border-radius:8px;font-size:45px;filter:none}.services-gold-home .sg-service-card>span img{width:100%;height:100%;object-fit:contain}.services-gold-home .sg-service-card>i{left:5px;top:5px;width:21px;height:21px}.services-gold-home .sg-service-card>strong{color:#12221c;font-size:10px}.services-gold-home .sg-service-card>small{height:20px;color:#65756f;font-size:7px}.services-gold-home .sg-service-10{grid-column:auto;padding-left:7px}
.services-gold-home .sg-premium{background:#07563e;border-color:#1f765b}.services-gold-home>.services-provider-invite{display:none!important}.services-gold-home>.sg-nearby{display:block!important;margin:18px -10px -104px!important;padding:17px 10px 120px!important;border-radius:0!important;background:#f4f7f5!important}.services-gold-home .sg-nearby .services-section-head h2{color:#17241f!important}.services-gold-home .sg-nearby .services-section-head p{color:#78847f!important}.services-gold-home .sg-nearby .services-section-head button{color:#52615b!important}.sg-nearby-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sg-nearby-grid>button{min-width:0;padding:0 0 9px;overflow:hidden;border:0;border-radius:11px;background:#fff;color:#17241f;text-align:left;box-shadow:0 5px 15px #173c2c18}.sg-nearby-grid>button>div{position:relative;height:82px}.sg-nearby-grid img{width:100%;height:100%;object-fit:cover}.sg-nearby-grid b{position:absolute;left:4px;top:4px;padding:3px 5px;border-radius:999px;background:#08704d;color:#fff;font:700 6px Manrope}.sg-nearby-grid strong,.sg-nearby-grid small,.sg-nearby-grid em{display:block;padding:0 6px}.sg-nearby-grid strong{margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:800 8px Manrope}.sg-nearby-grid small{margin-top:5px;color:#d49719;font:700 7px Manrope}.sg-nearby-grid em{margin-top:4px;color:#87928e;font:500 6px Manrope;font-style:normal}.sg-category-hero>span img{width:100%;height:100%;object-fit:contain;border-radius:15px;background:#fff}
@media(max-width:430px){.services-gold-home .sg-wallet{grid-template-columns:minmax(92px,1.25fr) repeat(4,minmax(42px,.7fr))}.services-gold-home .sg-service-card,.services-gold-home .sg-service-10{min-height:122px}.services-gold-home .sg-service-card>span,.services-gold-home .sg-service-10>span{height:69px}.services-gold-home .sg-service-card>strong{font-size:8px}.services-gold-home .sg-service-card>small{font-size:6px}.sg-nearby-grid>button>div{height:72px}}
/* Marketplace categories and provider product fields */
.marketplace-category-filters{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:none}.marketplace-category-filters::-webkit-scrollbar{display:none}.marketplace-category-filters button{flex:0 0 auto;border:1px solid rgba(74,222,128,.2);background:#092c25;color:#b8cec7;border-radius:999px;padding:10px 14px;font-weight:700}.marketplace-category-filters button.active{background:linear-gradient(135deg,#a9f43b,#31d690);color:#062118;border-color:transparent}.marketplace-listing-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid rgba(74,222,128,.18);border-radius:18px;background:rgba(5,39,32,.55)}.marketplace-listing-fields label{margin:0}.marketplace-listing-fields .marketplace-check{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px}.marketplace-listing-fields .marketplace-check input{width:18px;height:18px;margin:0}@media(max-width:560px){.marketplace-listing-fields{grid-template-columns:1fr}.marketplace-category-filters{margin-inline:-2px}}

/* Marketplace department/store discovery */
.marketplace-discovery,.marketplace-subcategory-panel{margin:4px 0 18px;padding:18px;border:1px solid rgba(69,224,158,.18);border-radius:24px;background:linear-gradient(145deg,rgba(4,54,43,.96),rgba(4,35,30,.98));box-shadow:0 18px 45px rgba(0,0,0,.16)}
.marketplace-discovery-head,.marketplace-products-head,.marketplace-subcategory-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.marketplace-discovery-head small,.marketplace-products-head small,.marketplace-subcategory-title small{color:#3ee0a1;font-size:10px;font-weight:900;letter-spacing:.16em}.marketplace-discovery-head h2,.marketplace-products-head h2,.marketplace-subcategory-title h2{margin:3px 0 2px;color:#f6fffb;font-size:21px}.marketplace-discovery-head p,.marketplace-subcategory-title p{margin:0;color:#9ebbb2;font-size:13px}.marketplace-discovery-head>span,.marketplace-subcategory-title>b{padding:7px 10px;border-radius:999px;background:rgba(72,225,160,.12);color:#baffdf;font-size:11px;white-space:nowrap}
.marketplace-store-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 20px}.marketplace-store-card{display:flex;min-width:0;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(7,28,25,.72);color:#fff;text-align:left}.marketplace-store-card>span{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#27cf92,#a5ef47);color:#073629;font-weight:900}.marketplace-store-card img{width:100%;height:100%;object-fit:cover}.marketplace-store-card>div{min-width:0;flex:1}.marketplace-store-card small{display:block;color:#60e7ae;font-size:8px;font-weight:900;letter-spacing:.1em}.marketplace-store-card strong,.marketplace-store-card p,.marketplace-store-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marketplace-store-card strong{margin:2px 0;font-size:13px}.marketplace-store-card p,.marketplace-store-card em{margin:0;color:#91afa6;font-size:10px;font-style:normal}.marketplace-store-card>b{color:#8cecc2;font-size:21px}.marketplace-store-empty{grid-column:1/-1;padding:18px;border:1px dashed rgba(255,255,255,.14);border-radius:16px;color:#9fbab2;text-align:center}.marketplace-products-head{align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:15px}.marketplace-products-head select{max-width:155px;padding:9px 28px 9px 10px;border:1px solid rgba(75,226,163,.2);border-radius:12px;background:#082c25;color:#dff9ef}
.marketplace-subcategory-title>button{width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#092d26;color:#fff;font-size:26px}.marketplace-subcategory-title>div{flex:1}.marketplace-department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px}.marketplace-department-grid button{min-width:0;padding:12px 7px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(8,36,31,.78);color:#dff8ee}.marketplace-department-grid span{display:block;font-size:24px}.marketplace-department-grid strong{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}
.marketplace-category-stores{margin-top:17px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}.marketplace-category-stores>div:first-child small{color:#45dda4;font-size:9px;font-weight:900;letter-spacing:.14em}.marketplace-category-stores h3{margin:3px 0 10px;color:#fff;font-size:17px}.marketplace-category-stores>div:last-child{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none}.marketplace-category-stores>div:last-child::-webkit-scrollbar{display:none}.marketplace-category-stores button{display:grid;grid-template-columns:36px minmax(100px,1fr);gap:0 9px;flex:0 0 auto;min-width:190px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#082d26;color:#fff;text-align:left}.marketplace-category-stores button span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#27d293,#a7f04b);color:#062b21;font-size:11px;font-weight:900}.marketplace-category-stores button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.marketplace-category-stores button small{overflow:hidden;color:#8faea5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.marketplace-category-stores p{margin:0;color:#9db6af;font-size:12px}
@media(max-width:720px){.marketplace-store-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.marketplace-store-strip::-webkit-scrollbar{display:none}.marketplace-store-card{flex:0 0 78%;scroll-snap-align:start}.marketplace-department-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.marketplace-discovery,.marketplace-subcategory-panel{padding:15px;border-radius:21px}.marketplace-products-head h2{font-size:17px}.marketplace-products-head select{max-width:128px;font-size:11px}}
@media(max-width:390px){.marketplace-department-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketplace-store-card{flex-basis:86%}.marketplace-discovery-head p,.marketplace-subcategory-title p{font-size:11px}}
.service-module-options{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 14px;scrollbar-width:none}.service-module-options::-webkit-scrollbar{display:none}.service-module-options button{flex:0 0 auto;border:1px solid rgba(87,217,158,.18);border-radius:12px;background:#092c24;color:#a9c2b8;padding:10px 13px;font-weight:750}.service-module-options button.active{background:#1a6c4d;color:#c9ff75;border-color:#4dcf8d}
/* Three-step Uber-style transport customer flow */
.transport-uber-page{padding-bottom:120px!important}.transport-uber-head{display:flex;gap:12px;align-items:center;padding:6px 2px 14px}.transport-uber-head>button,.transport-step-back{border:0;background:transparent;color:#dff5eb;font-size:30px}.transport-uber-head small,.transport-ride-heading small{color:#55d99f;font-size:10px;letter-spacing:.16em}.transport-uber-head h1,.transport-ride-heading h2{margin:2px 0 0;color:#fff}.transport-uber-flow{display:block}.transport-step{display:grid;gap:13px}.transport-step.hidden{display:none!important}.transport-step-map,.transport-tracking-map{position:relative;min-height:168px;overflow:hidden;border:1px solid rgba(85,222,161,.2);border-radius:21px;background:linear-gradient(145deg,#d9e6df,#f5f8f6)}.transport-fake-map-grid{position:absolute;inset:-35%;opacity:.58;background:linear-gradient(35deg,transparent 46%,#b8c9c0 47%,#b8c9c0 49%,transparent 50%),linear-gradient(115deg,transparent 46%,#c5d4cd 47%,#c5d4cd 49%,transparent 50%);background-size:58px 58px}.transport-step-map>div:last-child{position:absolute;left:15px;right:15px;bottom:14px;padding:12px 14px;border-radius:14px;background:#073c2fdd;backdrop-filter:blur(8px)}.transport-step-map strong,.transport-step-map small{display:block}.transport-step-map strong{color:#fff}.transport-step-map small{margin-top:3px;color:#a9c9bd;font-size:11px}.transport-user-pin{position:absolute;left:52%;top:35%;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#0ca56e;box-shadow:0 7px 20px #173c2c55}.transport-user-pin:after{content:"";position:absolute;width:52px;height:52px;border:2px solid #0ca56e55;border-radius:50%}.transport-saved-title{color:#dceae5;font-size:12px;font-weight:800}.transport-next-rides{margin-top:2px}.transport-route-compact{display:grid;grid-template-columns:12px minmax(0,1fr);gap:8px 10px;padding:15px;border-radius:17px;background:#092f27;border:1px solid rgba(83,217,156,.18)}.transport-route-compact>span{width:10px;height:10px;margin-top:5px;border-radius:50%}.transport-route-compact>span.pickup{background:#aaff68}.transport-route-compact>span.dropoff{background:#ffac51}.transport-route-compact small,.transport-route-compact strong{display:block}.transport-route-compact small{color:#729d8c;font-size:9px;text-transform:uppercase}.transport-route-compact strong{max-width:100%;overflow:hidden;color:#eef9f5;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.transport-ride-heading{display:flex;justify-content:space-between;align-items:end;margin-top:3px}.transport-ride-heading b{padding:7px 10px;border-radius:999px;background:#153d32;color:#b9ff6b;font-size:11px}.transport-ride-options{display:grid;gap:9px}.transport-ride-option{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;padding:10px;border:1px solid rgba(84,219,158,.16);border-radius:16px;background:#092d25;color:#fff;text-align:left}.transport-ride-option.active{border-color:#87ef8d;background:#104536;box-shadow:0 0 0 2px rgba(136,239,141,.1)}.transport-ride-option>span{display:grid;place-items:center;width:68px;height:50px;overflow:hidden;border-radius:11px;background:#f3f7f5;font-size:28px}.transport-ride-option img{width:100%;height:100%;object-fit:contain}.transport-ride-option strong,.transport-ride-option small{display:block}.transport-ride-option small{margin-top:4px;color:#8fac9f;font-size:10px}.transport-ride-option>b{color:#baff68;font-size:12px}.transport-pickup-time{padding:12px;border-radius:15px;background:#0b3027}.transport-pickup-time input{margin-top:7px}.transport-tracking-map{min-height:260px}.tracking-car,.tracking-destination{position:absolute;z-index:2;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 8px 20px #183b2d55}.tracking-car{left:22%;bottom:22%;width:48px;height:48px}.tracking-destination{right:19%;top:18%;width:30px;height:30px;color:#ff9b44}.transport-tracking-map>i{position:absolute;left:28%;bottom:31%;width:51%;height:46%;border-top:4px dashed #13a878;border-right:4px dashed #13a878;border-radius:0 40px 0 0}.transport-tracking-status{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px;border-radius:17px;background:#0b382d}.transport-tracking-status>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#b5ff67;color:#0c3c2c;font-weight:900}.transport-tracking-status small,.transport-tracking-status h2,.transport-tracking-status p{margin:0}.transport-tracking-status small{color:#5ed79e;font-size:9px}.transport-tracking-status h2{color:#fff;font-size:18px}.transport-tracking-status p{margin-top:4px;color:#9dc0b2;font-size:11px}.transport-tracking-timeline{display:grid;gap:0;padding:14px;border-radius:16px;background:#092c24}.transport-tracking-timeline>div{position:relative;display:grid;grid-template-columns:22px 1fr;gap:9px;min-height:52px}.transport-tracking-timeline i{width:12px;height:12px;margin-top:4px;border:2px solid #66877a;border-radius:50%}.transport-tracking-timeline>div:not(:last-child):after{content:"";position:absolute;left:6px;top:19px;height:33px;border-left:2px solid #48695c}.transport-tracking-timeline .done i{border-color:#aaff67;background:#aaff67}.transport-tracking-timeline strong,.transport-tracking-timeline small{display:block}.transport-tracking-timeline strong{color:#eff9f5;font-size:12px}.transport-tracking-timeline small{color:#799b8d;font-size:10px}
.transport-uber-flow #transportDistancePreview+#transportDistancePreview{display:none}
.transport-step-map.transport-live-map{min-height:310px;border-radius:22px;background:#dfe9e4;box-shadow:0 16px 40px rgba(0,14,10,.28)}
.transport-step-map.transport-live-map>div:last-child:not(.leaflet-control-container){z-index:500;pointer-events:none}
.transport-live-map .leaflet-control-attribution{font-size:8px}.transport-live-map .leaflet-control-zoom a{color:#06382c}.transport-live-map .leaflet-tile-pane{filter:saturate(.82) contrast(.96)}
.transport-map-marker{display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.35)}.transport-map-marker span{display:block;width:13px;height:13px;border-radius:50%;background:#24c880;border:3px solid #fff;box-shadow:0 0 0 3px #24c880}.transport-map-marker.dropoff{border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#fff}.transport-map-marker.dropoff span{background:#ff765e;box-shadow:0 0 0 3px #ff765e;transform:rotate(45deg)}
.transport-distance-preview{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px!important;background:linear-gradient(135deg,#123f34,#0a3028)!important;border:1px solid rgba(95,226,165,.18);color:#a8cabe!important}.transport-distance-preview strong{color:#baff69;font-size:17px}.transport-distance-preview span{font-size:11px;text-align:right}.transport-distance-preview .route-loading{width:100%;color:#b9d8cc;text-align:left}
@media(max-width:480px){.transport-step-map.transport-live-map{min-height:285px}.transport-location-field{grid-template-columns:16px minmax(0,1fr) 46px}.transport-distance-preview{border-radius:15px!important}}
.ride-order-card{overflow:hidden;border-color:rgba(92,220,159,.24)!important;background:linear-gradient(160deg,#092b25,#061d19)!important}.ride-flow-card{display:grid;gap:14px;margin:14px 0;padding:15px;border:1px solid rgba(97,224,163,.18);border-radius:19px;background:linear-gradient(145deg,#0d3c31,#08271f)}.ride-flow-card.closed{opacity:.72}.ride-flow-current{display:flex;align-items:center;gap:11px}.ride-flow-current>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#baff67;color:#073728;font-size:15px;font-weight:900}.ride-flow-current small,.ride-flow-current strong{display:block}.ride-flow-current small{color:#61dca3;font-size:9px;letter-spacing:.15em}.ride-flow-current strong{margin-top:2px;color:#fff;font-size:17px}.ride-flow-track{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.ride-flow-track i{height:5px;border-radius:999px;background:#315047}.ride-flow-track i.done{background:linear-gradient(90deg,#19b878,#baff67);box-shadow:0 0 8px rgba(114,239,144,.3)}.ride-driver-card{display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center;padding:11px;border-radius:15px;background:#061f1a}.ride-driver-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#26be82,#6de4ce);color:#fff;font-weight:900}.ride-driver-card strong,.ride-driver-card small,.ride-driver-card em{display:block}.ride-driver-card strong{color:#fff}.ride-driver-card small{color:#ffce5c;font-size:10px}.ride-driver-card em{margin-top:3px;color:#86aa9d;font-size:10px;font-style:normal}.ride-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.ride-action-grid button,.ride-action-grid a,.ride-payment-card button{display:grid;place-items:center;min-height:43px;padding:10px;border:1px solid rgba(90,220,159,.22);border-radius:12px;background:#123b31;color:#effaf6;font-weight:800;text-decoration:none}.ride-action-grid .primary,.ride-payment-card .primary{border:0;background:linear-gradient(135deg,#15b777,#34d99c);color:#fff}.ride-action-grid .danger{border-color:rgba(255,102,110,.35);background:#451d24;color:#ffafb4}.ride-wait-note{margin-top:12px;padding:12px;border-radius:12px;background:#102f28;color:#9bc4b4;font-size:11px;text-align:center}.ride-payment-card,.ride-rating-card{display:grid;gap:11px;margin-top:12px;padding:15px;border-radius:17px;background:#0b332a}.ride-payment-card>small{color:#66daa6}.ride-payment-card>strong{color:#baff67;font-size:25px}.ride-payment-card label{color:#a9c7bc;font-size:11px}.ride-payment-card select{margin-top:6px}.ride-rating-card>strong{color:#fff;font-size:16px}.ride-stars{display:flex;gap:6px}.ride-stars button{padding:0;border:0;background:transparent;color:#46645a;font-size:27px}.ride-stars button.active{color:#ffc449}.ride-rating-card textarea{min-height:75px}.ride-receipt{text-align:center}.ride-receipt-check{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#18b979,#baff67);color:#063b2c;font-size:35px;font-weight:900}.ride-receipt h2{margin:0;color:#fff;font-size:30px}.ride-receipt p{color:#8eafa3}.ride-receipt>div{display:grid;gap:0;margin:18px 0;padding:5px 16px;border-radius:18px;background:#092c24;text-align:left}.ride-receipt>div span{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#789b8d;font-size:11px}.ride-receipt>div span:last-child{border:0}.ride-receipt b{max-width:65%;color:#f1faf7;text-align:right}
@media(max-width:480px){.ride-action-grid{grid-template-columns:1fr 1fr}.ride-flow-card{padding:13px}.ride-driver-card{grid-template-columns:43px 1fr}.ride-driver-card>span{width:43px;height:43px}.ride-flow-track{gap:2px}}
/* Uber-style transport booking and provider route */
.transport-booking{display:grid;gap:12px}.transport-map-preview{position:relative;min-height:104px;padding:20px 18px 16px 78px;overflow:hidden;border:1px solid rgba(71,214,149,.2);border-radius:18px;background:linear-gradient(135deg,#0d4938,#092b24)}.transport-map-preview:before,.transport-map-preview:after{content:"";position:absolute;border:1px solid rgba(143,239,193,.12);border-radius:50%;width:150px;height:150px;left:-45px;top:-65px}.transport-map-preview:after{left:auto;right:-55px;top:25px}.transport-map-preview strong,.transport-map-preview small{position:relative;z-index:2;display:block}.transport-map-preview strong{color:#fff;font-size:18px}.transport-map-preview small{margin-top:5px;color:#9fc8b8;line-height:1.4}.transport-map-preview i{position:absolute;left:40px;top:29px;width:2px;height:44px;border-left:2px dashed #66dca7}.transport-map-pin{position:absolute;z-index:2;left:34px;font-size:18px}.transport-map-pin.pickup{top:16px;color:#a9ff64}.transport-map-pin.dropoff{top:66px;color:#ffb657}.transport-location-field{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr) 48px;gap:9px;align-items:center;padding:7px 8px 7px 14px;border:1px solid rgba(83,216,155,.18);border-radius:15px;background:#092d25}.transport-location-field>label{gap:2px;font-size:10px;color:#78ad99}.transport-location-field input{padding:5px 0!important;border:0!important;background:transparent!important;font-size:14px!important}.transport-location-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.05)}.transport-location-dot.pickup{background:#a8ff67}.transport-location-dot.dropoff{background:#ffad54}.transport-locate,.transport-map-search{width:43px;height:43px;border:0;border-radius:12px;background:#164b3c;color:#baff72;font-size:22px}.transport-location-results{position:absolute;z-index:20;left:14px;right:8px;top:calc(100% + 4px);display:grid;overflow:hidden;border-radius:13px;background:#f6faf8;box-shadow:0 15px 35px #001b14aa}.transport-location-results:empty{display:none}.transport-location-results button{display:flex;gap:8px;width:100%;padding:11px;border:0;border-bottom:1px solid #dae5e0;background:#f6faf8;color:#17332a;text-align:left}.transport-location-results button:last-child{border:0}.transport-location-results span{font-size:11px;line-height:1.4}.transport-saved-places{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.transport-saved-places button{display:grid;place-items:center;gap:4px;padding:10px 6px;border:1px solid rgba(86,220,158,.15);border-radius:13px;background:#10382e;color:#dcece5;font-size:18px}.transport-saved-places span{font-size:10px}.transport-distance-preview{padding:10px 12px;border-radius:12px;background:#153b30;color:#9fd7bf;font-size:12px}.transport-order-route{display:grid;gap:9px;margin-top:12px;padding:13px;border-radius:15px;background:#071f1a;border:1px solid rgba(84,222,158,.17)}.transport-route-line{display:grid;grid-template-columns:13px 1fr;gap:9px;align-items:start;position:relative}.transport-route-line:first-child:after{content:"";position:absolute;left:5px;top:14px;height:23px;border-left:2px dashed #426d5d}.transport-route-line>span{width:10px;height:10px;margin-top:4px;border-radius:50%}.transport-route-line>span.pickup{background:#a8ff67}.transport-route-line>span.dropoff{background:#ffad54}.transport-route-line small,.transport-route-line strong{display:block}.transport-route-line small{color:#71998a;font-size:9px}.transport-route-line strong{color:#edf8f4;font-size:12px}.transport-route-summary{display:flex;flex-wrap:wrap;gap:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.07)}.transport-route-summary>*{padding:5px 8px;border-radius:999px;background:#12382e;color:#b9d4ca;font-size:10px}.transport-route-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.transport-route-actions a,.transport-route-actions button{display:grid;place-items:center;min-height:37px;padding:7px;border:0;border-radius:10px;background:#176548;color:#fff;font-size:10px;font-weight:750;text-decoration:none}.transport-route-actions button{background:#257f5b}@media(max-width:480px){.transport-map-preview{padding-left:70px}.transport-route-actions{grid-template-columns:1fr 1fr}.transport-route-actions button{grid-column:1/-1}}
.transport-driver-live{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:10px;border-radius:12px;background:#123f32;color:#fff;text-decoration:none}.transport-driver-live>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#b2ff64;color:#0b392b;box-shadow:0 0 0 5px rgba(178,255,100,.1)}.transport-driver-live strong,.transport-driver-live small{display:block}.transport-driver-live strong{font-size:12px}.transport-driver-live small{margin-top:2px;color:#9dc6b5;font-size:10px}
/* Functional service-module flows */
.service-module-detail{color:#dcebe6}.service-module-detail .service-detail-price strong{color:#b8ff63}.service-module-detail>p{color:#b6cac3}.service-module-detail .service-detail-facts{background:#082d25;color:#c9ded6;border:1px solid rgba(89,220,157,.16)}.service-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.service-spec-grid span{padding:11px;border-radius:13px;background:#092d25;border:1px solid rgba(89,220,157,.14)}.service-spec-grid small,.service-spec-grid b{display:block}.service-spec-grid small{color:#7fa99a;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.service-spec-grid b{margin-top:3px;color:#effff8}.service-detail-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.service-detail-actions .secondary{background:#163d34;color:#d9eee6}.service-order-form{display:grid;gap:13px}.service-order-summary{display:grid;grid-template-columns:76px 1fr;gap:13px;align-items:center;padding:12px;border-radius:17px;background:linear-gradient(135deg,#0b3c31,#09261f);border:1px solid rgba(100,235,168,.18)}.service-order-summary img,.service-order-summary>span{width:76px;height:76px;border-radius:14px;object-fit:cover}.service-order-summary>span{display:grid;place-items:center;background:#174f40;font-size:31px}.service-order-summary small,.service-order-summary strong,.service-order-summary b{display:block}.service-order-summary small{color:#5fd69c}.service-order-summary strong{margin:3px 0;color:#fff;font-size:17px}.service-order-summary b{color:#b9ff66}.service-order-form label{display:grid;gap:7px;color:#dbeae5;font-weight:750}.service-order-form input,.service-order-form select,.service-order-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(127,211,174,.18);border-radius:13px;background:#092b24;color:#fff;padding:13px;font:inherit}.service-order-form textarea{min-height:88px;resize:vertical}.service-secure-note{padding:11px 13px;border-radius:13px;background:#123a2d;color:#a9d8c5;font-size:12px;line-height:1.5}.service-orders-list{display:grid;gap:12px}.service-orders-list>article{padding:14px;border:1px solid rgba(94,222,164,.17);border-radius:17px;background:#082c24}.service-order-head{display:grid;grid-template-columns:54px 1fr auto;gap:11px;align-items:center}.service-order-head img,.service-order-head>span{width:54px;height:54px;border-radius:12px;object-fit:cover}.service-order-head>span{display:grid;place-items:center;background:#16483a;font-size:24px}.service-order-head small,.service-order-head strong,.service-order-head p{display:block;margin:0}.service-order-head small{color:#64d8a2}.service-order-head strong{color:#fff}.service-order-head p{color:#92afa4;font-size:12px}.service-order-head em{padding:6px 9px;border-radius:999px;background:#2b503f;color:#d6e8df;font-size:10px;text-transform:uppercase;font-style:normal}.service-order-head em.confirmed,.service-order-head em.completed{background:#195f3a;color:#baff71}.service-order-head em.rejected,.service-order-head em.cancelled{background:#632d35;color:#ffb5be}.service-order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.service-order-meta span{color:#d7e8e1;font-size:11px}.service-order-meta small{display:block;color:#77998c}.service-provider-note{padding:9px;border-radius:10px;background:#0f392e;color:#b8cec5}.service-order-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px}.service-order-actions button{border:0;border-radius:10px;background:#17845e;color:#fff;padding:9px 5px;font-weight:750}.service-order-actions button.danger{background:#8a3540}@media(max-width:560px){.service-detail-actions{grid-template-columns:1fr 1fr}.service-detail-actions a{grid-column:1/-1}.service-order-meta{grid-template-columns:1fr}.service-order-actions{grid-template-columns:1fr 1fr}.service-spec-grid{grid-template-columns:1fr 1fr}}

/* LAAS Ride live-map redesign */
.transport-uber-page{background:radial-gradient(circle at 50% -10%,rgba(19,127,91,.24),transparent 35%),#020c1e!important}.transport-uber-head{padding:4px 4px 12px}.transport-uber-head h1{font-size:22px}.transport-step-map.transport-live-map{height:310px;min-height:310px;border:1px solid rgba(181,255,103,.45);border-radius:26px;box-shadow:0 18px 42px rgba(0,0,0,.3)}.transport-live-map .leaflet-control-attribution{font-size:8px}.transport-live-map .leaflet-control-zoom a{background:#073c2f;color:#fff;border-color:#245f4c}.transport-location-field{border:1px solid rgba(115,216,169,.27)!important;border-radius:19px!important;background:#073126!important;box-shadow:0 10px 26px rgba(0,0,0,.18)}.transport-location-field label{color:#82b6a2!important}.transport-location-field input{color:#fff!important;font-weight:750}.transport-location-field input::placeholder{color:#6f9588}.transport-location-field>button{border-radius:15px!important;background:#125744!important;color:#b5ff67!important}.transport-saved-places button{min-height:82px;border:1px solid rgba(105,218,166,.22)!important;border-radius:18px!important;background:#0a392d!important;color:#e7f6f0!important}.transport-distance-preview{border:1px solid rgba(115,216,169,.2)!important;border-radius:16px!important;background:#092f27!important}.transport-next-rides{min-height:58px;border-radius:18px!important;background:linear-gradient(135deg,#13b878,#8eea65)!important;color:#042416!important;font-weight:900}.transport-map-marker.current span{box-shadow:0 0 0 10px rgba(20,190,132,.2),0 0 0 20px rgba(20,190,132,.1)}
@media(max-width:600px){.transport-uber-page{padding:8px 14px 125px!important}.transport-step-map.transport-live-map{height:285px;min-height:285px}.transport-uber-head small{display:none}.transport-uber-head h1{font-size:20px}.transport-location-field{min-height:82px}.transport-saved-places{gap:10px}.transport-saved-places button{font-size:13px}}

/* Transport light premium theme */
.transport-uber-page{max-width:620px!important;margin:0 auto!important;padding:8px 16px 125px!important;background:#f6f8f7!important;color:#132820!important}.transport-uber-head{position:relative;justify-content:center;padding:7px 0 14px}.transport-uber-head>button{position:absolute;left:0;color:#123f30}.transport-uber-head small{display:none}.transport-uber-head h1{color:#10271f;font-size:21px;font-weight:900}.transport-uber-flow{padding:0}.transport-step{gap:11px}.transport-step-map.transport-live-map{height:340px;min-height:340px;border:0;border-radius:18px;background:#e7ece9;box-shadow:0 7px 22px rgba(25,70,51,.15)}.transport-live-map .leaflet-tile-pane{filter:saturate(.72) brightness(1.06)}.transport-live-map .leaflet-control-attribution{background:rgba(255,255,255,.78);color:#65766f}.transport-live-map .leaflet-control-zoom a{background:#fff;color:#116640;border-color:#d7e2dc}.transport-location-field{min-height:69px;padding:5px 7px 5px 14px!important;border:1px solid #dce4e0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 12px rgba(20,60,44,.07)}.transport-location-field label{color:#708078!important;font-size:10px!important}.transport-location-field input{color:#132820!important;font-size:14px!important;font-weight:800}.transport-location-field input::placeholder{color:#9ba7a1}.transport-location-field>button{background:#eef7f2!important;color:#087245!important}.transport-location-dot{box-shadow:0 0 0 5px #edf5f1}.transport-saved-title{color:#384e45;font-size:12px}.transport-saved-places button{min-height:62px!important;border:1px solid #dce5e0!important;border-radius:13px!important;background:#fff!important;color:#244438!important;box-shadow:0 2px 8px rgba(22,57,44,.05)}.transport-saved-places button span{font-size:11px}.transport-distance-preview{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:10px 14px!important;border:1px solid #dce5e0!important;border-radius:13px!important;background:#fff!important;color:#597067!important}.transport-distance-preview strong{color:#087a49;font-size:18px}.transport-next-rides,.transport-step .btn{min-height:54px;border:0!important;border-radius:12px!important;background:#087a49!important;color:#fff!important;font-weight:900;box-shadow:0 7px 16px rgba(8,122,73,.2)}.transport-route-compact,.transport-pickup-time,.transport-tracking-timeline{border:1px solid #dde6e1;background:#fff;color:#193b2e}.transport-route-compact small,.transport-pickup-time{color:#667c73}.transport-route-compact strong{color:#173b2d}.transport-ride-heading h2{color:#10271f}.transport-ride-heading b{background:#e7f4ed;color:#087a49}.transport-ride-option{border:1px solid #dce5e0;background:#fff;color:#182e25;box-shadow:0 2px 9px rgba(20,60,44,.05)}.transport-ride-option.active{border:2px solid #07824c;background:#f1fbf5;box-shadow:0 5px 15px rgba(8,122,73,.12)}.transport-ride-option small{color:#74877f}.transport-ride-option>b{color:#087a49}.transport-step-back{color:#087a49;font-size:15px;font-weight:850}.transport-tracking-status{border:1px solid #dbe5df;background:#fff}.transport-tracking-status h2{color:#122a21}.transport-tracking-status p{color:#657a71}.transport-tracking-timeline strong{color:#17382b}.transport-tracking-timeline small{color:#74867f}.transport-car-marker{transition:transform 2.25s linear!important;filter:drop-shadow(0 5px 4px rgba(0,0,0,.3))}.transport-car-marker span{display:grid;place-items:center;width:34px;height:34px;font-size:27px;transform:rotate(var(--car-angle));transition:transform .35s ease}.transport-car-marker.car-1 span{filter:hue-rotate(80deg) saturate(.5)}.transport-car-marker.car-2 span{filter:grayscale(1)}.transport-map-marker.current span{background:#111!important;border:4px solid #fff!important;box-shadow:0 0 0 8px rgba(8,122,73,.22)!important}
@media(max-width:600px){.transport-uber-page{padding:5px 12px 118px!important}.transport-step-map.transport-live-map{height:315px;min-height:315px}.transport-uber-head h1{font-size:19px}.transport-location-field{min-height:65px}.transport-saved-places button{min-height:58px!important}.transport-ride-option{grid-template-columns:58px minmax(0,1fr) auto}.transport-ride-option>span{width:58px}}

/* LAAS Ride: white and green live tracking */
.ride-order-card{border:1px solid #dbe6e0!important;background:#f6f9f7!important;color:#17372b!important;box-shadow:0 8px 25px rgba(20,62,44,.1)!important}.ride-order-card h3,.ride-order-card strong{color:#153a2b!important}.ride-order-card p,.ride-order-card small{color:#687c73!important}.ride-live-map{position:relative;height:245px;margin:0 0 14px;overflow:hidden;border:1px solid #d6e2dc;border-radius:18px;background:#e8eeeb;box-shadow:0 5px 16px rgba(18,67,46,.11)}.ride-map-loading{display:grid;height:100%;place-items:center;color:#527065;font-weight:800}.ride-live-map .leaflet-tile-pane{filter:saturate(.78) brightness(1.04)}.ride-live-map .leaflet-control-attribution{font-size:7px;background:rgba(255,255,255,.82)}.ride-map-pin span{display:block;width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#0b8b52;box-shadow:0 3px 9px rgba(0,0,0,.25)}.ride-map-pin.destination span{width:21px;height:25px;border-radius:50% 50% 50% 5px;background:#ef4d4d;transform:rotate(-45deg)}.ride-driver-marker{filter:drop-shadow(0 5px 5px rgba(0,0,0,.3));transition:transform 2s linear}.ride-driver-marker span{display:block;width:38px;height:52px;animation:rideCarPulse 1.8s ease-in-out infinite}.ride-driver-marker svg{width:100%;height:100%}.ride-driver-marker.searching span{animation-duration:1.2s}@keyframes rideCarPulse{50%{transform:translateY(-3px);filter:drop-shadow(0 8px 5px rgba(8,122,73,.28))}}.ride-flow-card{border:1px solid #dce6e1!important;background:#fff!important;box-shadow:0 3px 12px rgba(22,63,46,.06)}.ride-flow-current>span{background:#087a49!important;color:#fff!important}.ride-flow-current small{color:#087a49!important}.ride-flow-current strong,.ride-driver-card strong{color:#17372b!important}.ride-flow-track i{background:#d6e0db!important}.ride-flow-track i.done{background:#087a49!important;box-shadow:none!important}.ride-driver-card{background:#eef6f2!important}.ride-driver-card>span{background:#087a49!important}.ride-driver-card em{color:#597268!important}.ride-action-grid button,.ride-action-grid a,.ride-payment-card button{border-color:#cfe0d8!important;background:#fff!important;color:#126a43!important}.ride-action-grid .primary,.ride-payment-card .primary{background:#087a49!important;color:#fff!important}.ride-action-grid .danger{border-color:#efcaca!important;background:#fff4f4!important;color:#c63f48!important}.ride-wait-note,.ride-payment-card,.ride-rating-card{background:#fff!important;color:#526c61!important;border:1px solid #dae5df}.ride-payment-card>strong{color:#087a49!important}
@media(max-width:600px){.ride-live-map{height:225px}.transport-uber-page{background:#fff!important}.transport-step-map.transport-live-map{height:310px;min-height:310px;border-radius:15px}.transport-car-marker span{width:31px;height:43px}.transport-uber-flow{padding-bottom:20px}}

/* ===== Services customer/provider profiles — premium mobile layout ===== */
.svc-customer-profile,.svc-provider-dashboard,.svc-provider-profile{max-width:590px!important;margin:0 auto!important;padding:0 0 125px!important;background:#f4f7f5!important;color:#15382b!important;min-height:calc(100dvh - 120px)}
.svc-profile-hero,.svc-provider-hero,.svc-business-hero{position:relative;text-align:center;color:#fff;background:radial-gradient(circle at 82% 12%,rgba(72,218,143,.3),transparent 35%),linear-gradient(145deg,#075735,#008251);padding:28px 22px 0;overflow:visible}
.svc-profile-hero{min-height:290px}.svc-profile-bell,.svc-profile-settings,.svc-hero-menu,.svc-hero-bell,.svc-business-back,.svc-business-edit{position:absolute;top:24px;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.svc-profile-bell,.svc-hero-menu,.svc-business-back{left:22px}.svc-profile-settings,.svc-hero-bell,.svc-business-edit{right:22px}
.svc-profile-avatar,.svc-provider-avatar,.svc-business-avatar{position:relative;display:grid;place-items:center;width:94px;height:94px;margin:4px auto 12px;border:4px solid #a8ff77;border-radius:50%;background:linear-gradient(135deg,#113d30,#65d655);color:#fff;font:900 27px Manrope;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.svc-profile-avatar i,.svc-business-avatar i{position:absolute;right:-5px;bottom:2px;display:grid;place-items:center;width:30px;height:30px;border:3px solid #fff;border-radius:50%;background:#fff;color:#08784b;font:900 13px Manrope;font-style:normal}.svc-profile-hero h1,.svc-provider-hero h1,.svc-business-hero h1{margin:4px 0;color:#fff;font:900 26px Manrope}.svc-profile-hero>p,.svc-business-hero>p{margin:2px 0;color:#d4eee2;font-weight:700}.svc-profile-hero>span,.svc-business-hero>span{display:block;margin-top:8px;color:#baff72;font-size:12px;font-weight:900}
.svc-wallet-card,.svc-earnings-card{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;margin:22px 0 -54px;padding:18px 20px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(135deg,#053f31,#006d45);box-shadow:0 15px 30px rgba(4,59,39,.24)}.svc-wallet-card small,.svc-earnings-card small{display:block;color:#c7e5d8;font-size:11px}.svc-wallet-card strong,.svc-earnings-card strong{display:block;margin:4px 0;color:#fff;font:900 25px Manrope}.svc-wallet-card button,.svc-earnings-card button{border:0;background:transparent;color:#d8f5e8;font-weight:800;cursor:pointer}.svc-wallet-card>button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#08784b;font-size:24px}
.svc-balance-currency{display:inline-grid;width:max-content;max-width:165px;grid-template-columns:auto auto auto;align-items:center;gap:6px;margin:6px 0 2px;padding:6px 9px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(3,35,27,.52);color:#fff;outline:0;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.08)}.svc-balance-currency span{font-size:16px;line-height:1}.svc-balance-currency strong{margin:0!important;font:800 10px Manrope!important;white-space:nowrap}.svc-balance-currency i{color:#a9eacb;font-size:10px;font-style:normal}.sg-wallet .svc-balance-currency{max-width:128px;margin:3px 0;padding:4px 7px;border-color:#425168;background:#111b2c}.sg-wallet .svc-balance-currency span{font-size:12px}.sg-wallet .svc-balance-currency strong{font-size:8px!important}.svc-wallet-card .svc-balance-currency,.svc-earnings-card .svc-balance-currency{margin-top:7px}
.svc-currency-modal-card{width:min(480px,calc(100vw - 22px))!important;max-height:min(760px,88dvh);overflow:hidden!important;border-radius:28px!important;background:linear-gradient(180deg,#f7fbf9,#edf6f2)!important}.svc-display-currency-picker{display:grid;gap:13px;color:#143b2e}.svc-display-currency-picker>label{display:grid;grid-template-columns:28px 1fr;align-items:center;padding:0 14px;border:1px solid #cfe2da;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(13,78,54,.07)}.svc-display-currency-picker>label span{color:#078157;font-size:23px}.svc-display-currency-picker input{width:100%;border:0!important;background:transparent!important;color:#173d30!important;padding:14px 5px!important;outline:0}.svc-display-currency-list{display:grid;gap:7px;max-height:min(570px,64dvh);overflow:auto;padding:2px 3px 8px;scrollbar-width:thin}.svc-display-currency-list>button{display:grid;width:100%;grid-template-columns:45px minmax(0,1fr) 30px;align-items:center;gap:11px;min-height:66px;padding:10px 12px;border:1px solid #d9e9e2;border-radius:16px;background:#fff;color:#173d30;text-align:left;cursor:pointer;box-shadow:0 5px 15px rgba(12,69,49,.05)}.svc-display-currency-list>button.selected{border-color:#11a66e;background:linear-gradient(100deg,#e7f9f0,#f8fffb);box-shadow:0 0 0 2px rgba(17,166,110,.12)}.svc-display-currency-list>button>span{font-size:29px}.svc-display-currency-list strong,.svc-display-currency-list small{display:block}.svc-display-currency-list strong{font:850 13px Manrope}.svc-display-currency-list small{margin-top:4px;color:#718a80;font:600 10px Manrope}.svc-display-currency-list i{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#dff5ea;color:#07915e;font:900 14px Manrope;font-style:normal}.svc-display-currency-list>button:not(.selected) i{background:#f0f5f3}
.svc-profile-stats,.svc-provider-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:72px 16px 18px;padding:15px 4px;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(16,74,49,.09)}.svc-profile-stats span,.svc-provider-stats span{display:grid;justify-items:center;gap:2px;border-right:1px solid #e5eee9}.svc-profile-stats span:last-child,.svc-provider-stats span:last-child{border-right:0}.svc-profile-stats i{color:#087b4c;font-size:18px;font-style:normal}.svc-profile-stats b,.svc-provider-stats b{font:900 18px Manrope;color:#163c2d}.svc-profile-stats small,.svc-provider-stats small{color:#71857c;font-size:10px}
.svc-profile-menu,.svc-business-menu{margin:0 16px;padding:10px 16px;border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(16,74,49,.07)}.svc-profile-menu button,.svc-business-menu button{width:100%;min-height:53px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;border:0;border-bottom:1px solid #edf2ef;background:transparent;color:#163b2d;text-align:left;cursor:pointer}.svc-profile-menu button:last-child,.svc-business-menu button:last-child{border-bottom:0}.svc-profile-menu button>span,.svc-business-menu button>span{color:#087b4c;font-size:19px}.svc-profile-menu button>strong,.svc-business-menu button strong{font:800 14px Manrope}.svc-profile-menu button>b,.svc-business-menu button>b{color:#5d7b6e;font-size:22px}.svc-customer-profile .services-role-switch,.svc-provider-profile .services-role-switch{width:calc(100% - 32px);margin:17px 16px 0!important}
.svc-provider-hero{min-height:330px;padding-top:24px}.svc-provider-avatar{width:76px;height:76px;margin-bottom:8px}.svc-provider-avatar i{position:absolute;right:1px;bottom:1px;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#79e844}.svc-provider-hero>p{margin:0;color:#d6ede3}.svc-provider-hero h1{font-size:22px}.svc-provider-hero h1 span{color:#9bff67}.svc-provider-hero>small{display:block;color:#d0e8dc;font-size:10px}.svc-provider-hero>b{display:block;margin-top:7px;color:#88f457;font-size:11px}.svc-earnings-card{margin-top:17px;margin-bottom:-54px}.svc-earnings-card>button{padding:11px 15px;border-radius:11px;background:#168e58;color:#fff}.svc-provider-stats{margin-top:72px;margin-bottom:12px}.svc-provider-boost{width:calc(100% - 32px);margin:0 16px 17px;padding:12px 14px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;border:0;border-radius:14px;background:linear-gradient(90deg,#e7f7e8,#e0f6dd);color:#17432f;text-align:left;cursor:pointer}.svc-provider-boost>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0b8a50;color:#fff}.svc-provider-boost strong,.svc-provider-boost small{display:block}.svc-provider-boost small{color:#6d8378;font-size:9px}.svc-provider-boost>b{padding:8px 10px;border-radius:8px;background:#10a25e;color:#fff;font-size:10px}.svc-dashboard-group{padding:0 16px 17px}.svc-dashboard-group h2{margin:0 0 10px;font:900 15px Manrope}.svc-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.svc-dashboard-grid button{min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #e0ebe5;border-radius:13px;background:#fff;color:#244539;cursor:pointer;box-shadow:0 4px 12px rgba(20,60,43,.04)}.svc-dashboard-grid button span{color:#07804c;font-size:22px}.svc-dashboard-grid button strong{font:800 9px Manrope;text-align:center}.svc-provider-summary{text-align:center;color:#74877e;font-size:10px}
.svc-business-hero{min-height:270px;padding-top:30px}.svc-business-avatar{width:100px;height:100px;border-color:#fff;background:#fff;color:#087849;font-size:43px}.svc-business-hero>small{display:block;color:#d4eade;font-size:10px}.svc-business-menu{margin:-18px 16px 0;position:relative;padding:17px}.svc-business-menu h2{margin:0 0 6px;font:900 14px Manrope}.svc-business-menu button{grid-template-columns:34px 1fr auto;min-height:58px}.svc-business-menu button div small{display:block;color:#7b8d85;font-size:9px;margin-top:2px}.svc-business-menu button div strong{display:block}
@media(max-width:420px){.svc-profile-hero{min-height:276px;padding-left:16px;padding-right:16px}.svc-wallet-card,.svc-earnings-card{padding:16px}.svc-dashboard-grid{gap:6px}.svc-dashboard-grid button{min-height:82px}.svc-dashboard-grid button strong{font-size:8px}.svc-profile-stats,.svc-provider-stats{margin-left:10px;margin-right:10px}.svc-profile-menu,.svc-business-menu{margin-left:10px;margin-right:10px}.svc-customer-profile .services-role-switch,.svc-provider-profile .services-role-switch{width:calc(100% - 20px);margin-left:10px!important;margin-right:10px!important}}

/* Services Wallet is presented once, with direct funding actions and a history view. */
.sg-wallet.svc-wallet-direct{grid-template-columns:minmax(120px,1.45fr) repeat(2,minmax(66px,.72fr))}
.svc-profile-wallet-actions{display:grid;grid-template-columns:repeat(2,minmax(68px,1fr));gap:8px}
.svc-profile-wallet-actions>button{display:flex;min-height:60px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px;background:rgba(255,255,255,.09)!important;color:#fff!important}
.svc-profile-wallet-actions i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff;color:#08784b;font:900 20px/1 Manrope;font-style:normal}
.svc-profile-wallet-actions small{color:#dff9ed!important;font-size:9px!important;font-weight:800}
.svc-wallet-history-page{display:grid;gap:10px;padding:2px 0 10px}
@media(max-width:420px){.sg-wallet.svc-wallet-direct{grid-template-columns:minmax(108px,1.35fr) repeat(2,minmax(58px,.72fr))}.svc-wallet-card.svc-wallet-direct{align-items:stretch;gap:10px;padding:14px}.svc-wallet-card.svc-wallet-direct>div:first-child{min-width:0}.svc-wallet-card.svc-wallet-direct strong{font-size:21px}.svc-profile-wallet-actions{grid-template-columns:repeat(2,minmax(56px,1fr));gap:6px}.svc-profile-wallet-actions>button{min-height:58px;padding:7px!important}}

/* Customer profile: portfolio first, funding actions underneath. */
.svc-profile-hero .svc-wallet-card.svc-wallet-direct{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:-112px;padding:0;border:0;background:transparent;box-shadow:none}
.svc-profile-wallet-balance{position:relative;display:grid;min-height:122px;align-content:center;overflow:hidden;padding:20px 22px;border:1px solid rgba(255,255,255,.18);border-radius:23px;background:linear-gradient(125deg,#07583d,#079563 62%,#63d79a);box-shadow:0 16px 30px rgba(2,68,44,.25)}
.svc-profile-wallet-balance:after{content:"";position:absolute;right:-45px;top:-70px;width:180px;height:180px;border:26px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}
.svc-profile-wallet-balance>*{position:relative;z-index:1}.svc-profile-wallet-balance small{font-size:12px}.svc-profile-wallet-balance strong{margin:7px 0 5px;font-size:32px}.svc-profile-wallet-balance>button{justify-self:start;padding:0!important;color:#e5fff2!important;font-size:12px}
.svc-profile-hero .svc-profile-wallet-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.svc-profile-hero .svc-profile-wallet-actions>button{min-height:68px;flex-direction:row;gap:12px;border:1px solid #d8e8e1!important;border-radius:18px;background:#f4fbf7!important;color:#087553!important;box-shadow:0 8px 20px rgba(4,69,45,.14)}
.svc-profile-hero .svc-profile-wallet-actions i{width:40px;height:40px;border-radius:12px;background:#0a9064;color:#fff;font-size:27px}.svc-profile-hero .svc-profile-wallet-actions small{color:#087553!important;font-size:14px!important}
.svc-customer-profile .svc-profile-stats{margin-top:130px}
@media(max-width:420px){.svc-profile-hero .svc-wallet-card.svc-wallet-direct{padding:0;gap:10px}.svc-profile-wallet-balance{min-height:112px;padding:17px 18px}.svc-profile-wallet-balance strong{font-size:28px}.svc-profile-hero .svc-profile-wallet-actions{gap:9px}.svc-profile-hero .svc-profile-wallet-actions>button{min-height:62px;padding:9px!important}.svc-profile-hero .svc-profile-wallet-actions i{width:35px;height:35px}.svc-customer-profile .svc-profile-stats{margin-top:122px}}

/* Services-only payment wallet */
.svc-pay-wallet{display:grid;gap:16px;color:#173e32}.svc-pay-balance{position:relative;display:grid;min-height:150px;align-content:center;overflow:hidden;padding:24px;border-radius:24px;background:linear-gradient(135deg,#064f39,#0a8d63 62%,#73d89c);color:#fff;box-shadow:0 18px 35px #075c3d35}.svc-pay-balance:after{content:"";position:absolute;width:180px;height:180px;right:-52px;top:-60px;border:28px solid #ffffff16;border-radius:50%}.svc-pay-balance small,.svc-pay-balance span{position:relative;z-index:1;color:#d7f6e9}.svc-pay-balance strong{position:relative;z-index:1;margin:7px 0;font:900 clamp(32px,9vw,48px) Manrope}.svc-pay-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.svc-pay-actions button{display:flex;min-height:62px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:17px;background:#e8f7f0;color:#087553;font-weight:900;cursor:pointer}.svc-pay-actions button span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#0b8d65;color:#fff;font-size:20px}.svc-pay-wallet h3{margin:3px 0 -6px;font-size:15px}.svc-wallet-currency-rows,.svc-wallet-history{display:grid;gap:8px}.svc-wallet-currency-rows>button,.svc-wallet-history>article{display:grid;width:100%;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid #d9ebe4;border-radius:15px;background:#f8fcfa;color:#173e32;text-align:left}.svc-wallet-currency-rows>button>span{font-size:27px}.svc-wallet-currency-rows strong,.svc-wallet-currency-rows small,.svc-wallet-history strong,.svc-wallet-history small{display:block}.svc-wallet-currency-rows small,.svc-wallet-history small{margin-top:3px;color:#7d958d;font-size:10px}.svc-wallet-currency-rows b{font-size:13px}.svc-wallet-history>article>span{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:#dcf6ea;color:#07845e;font-size:20px}.svc-wallet-history>article>span.withdraw{background:#fff0e8;color:#db6a2c}.svc-wallet-history>article>b{text-align:right;font-size:12px}.svc-wallet-empty{padding:20px;border-radius:15px;background:#f3f8f6;color:#789087;text-align:center}
.svc-currency-picker{display:grid;gap:11px;color:#173e32}.svc-currency-picker>label{display:grid;grid-template-columns:28px 1fr;align-items:center;padding:0 13px;border:1px solid #dce9e4;border-radius:14px;background:#f5f8f7}.svc-currency-picker>label span{font-size:22px;color:#087553}.svc-currency-picker input{border:0!important;background:transparent!important;padding:14px 5px!important;outline:0}.svc-currency-picker h4{margin:4px 0;color:#58736a}.svc-currency-picker>div{display:grid}.svc-currency-picker>div>button{display:grid;width:100%;grid-template-columns:45px minmax(0,1fr) 25px;align-items:center;gap:10px;padding:12px 5px;border:0;border-bottom:1px solid #e2ece8;background:#fff;color:#183d32;text-align:left;cursor:pointer}.svc-currency-picker>div>button>span{font-size:29px}.svc-currency-picker strong,.svc-currency-picker small{display:block}.svc-currency-picker small{margin-top:3px;color:#8a9c96}.svc-currency-picker b{color:#0b8b64;font-size:22px}
.svc-wallet-form{display:grid;gap:14px;color:#173e32}.svc-selected-currency{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:11px;padding:15px;border-radius:17px;background:#eaf7f1}.svc-selected-currency>span{font-size:32px}.svc-selected-currency strong,.svc-selected-currency small{display:block}.svc-wallet-form label{display:grid;gap:7px;font-weight:800}.svc-wallet-form label>div{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #cfe2da;border-radius:14px;overflow:hidden}.svc-wallet-form input,.svc-wallet-form textarea{width:100%;box-sizing:border-box;border:1px solid #cfe2da!important;border-radius:14px;background:#fbfdfc!important;color:#173e32!important;padding:13px!important}.svc-wallet-form label>div input{border:0!important;border-radius:0}.svc-wallet-form label>div b{padding:0 13px;color:#087553}.svc-wallet-form textarea{min-height:90px;resize:vertical}.svc-wallet-form>p{margin:0;color:#779087;font-size:11px;text-align:center}@media(max-width:430px){.svc-pay-balance{min-height:125px;padding:19px}.svc-pay-actions button{min-height:56px}.svc-currency-picker>div>button{padding:10px 3px}}
.svc-method-field{min-width:0;margin:0;padding:0;border:0}.svc-method-field legend{margin-bottom:9px;color:#173e32;font:900 13px Manrope}.svc-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.svc-method-option{position:relative;display:grid!important;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:8px;min-height:58px;padding:9px 10px;border:1px solid #d8e8e1;border-radius:14px;background:#fff;color:#244b3e;cursor:pointer;box-shadow:0 4px 12px rgba(10,74,51,.04)}.svc-method-option>input{position:absolute;width:1px!important;height:1px;opacity:0}.svc-method-option>span{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#e7f7ef;color:#078457;font-size:17px}.svc-method-option>strong{font:800 10px/1.25 Manrope}.svc-method-option>i{display:none;width:21px;height:21px;place-items:center;border-radius:50%;background:#0b9b66;color:#fff;font:900 11px Manrope;font-style:normal}.svc-method-option:has(input:checked){border-color:#0aa36b;background:linear-gradient(110deg,#e8f9f1,#fbfffd);box-shadow:0 0 0 2px rgba(10,163,107,.11)}.svc-method-option:has(input:checked)>i{display:grid}@media(max-width:360px){.svc-method-grid{grid-template-columns:1fr}}
/* 2026-08-14: Services mobile containment and accessible contrast */
#app.services-mode {
  --svc-on-dark: #f5fff9;
  --svc-muted: #b6cec5;
  --svc-light-bg: #effbf5;
  --svc-light-text: #073d30;
  --svc-light-border: #70cdae;
}

body:has(#app.services-mode) {
  overflow-x: hidden;
}

body:has(#app.services-mode) > .modal-wrap {
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  padding: 12px;
  overflow: hidden;
}

body:has(#app.services-mode) > .modal-wrap .modal-card {
  box-sizing: border-box;
  width: min(680px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  margin-inline: auto;
  overflow-x: hidden !important;
}

body:has(#app.services-mode) > .modal-wrap #modalBody,
body:has(#app.services-mode) > .modal-wrap .service-orders-list,
body:has(#app.services-mode) > .modal-wrap .service-orders-list > article,
body:has(#app.services-mode) > .modal-wrap .market-order-card,
body:has(#app.services-mode) > .modal-wrap .market-order-flow,
body:has(#app.services-mode) > .modal-wrap .svc-tx-details {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

#app.services-mode .service-orders-list > article,
#app.services-mode .market-order-card,
#app.services-mode .svc-tx-details,
body:has(#app.services-mode) > .modal-wrap .service-orders-list > article,
body:has(#app.services-mode) > .modal-wrap .market-order-card,
body:has(#app.services-mode) > .modal-wrap .svc-tx-details {
  color: var(--svc-on-dark);
  overflow: hidden;
}

#app.services-mode .service-order-head,
body:has(#app.services-mode) > .modal-wrap .service-order-head {
  grid-template-columns: 54px minmax(0, 1fr) auto;
  min-width: 0;
  width: 100%;
}

#app.services-mode .service-order-head > div,
body:has(#app.services-mode) > .modal-wrap .service-order-head > div {
  min-width: 0;
}

#app.services-mode .service-order-head strong,
#app.services-mode .service-order-head p,
#app.services-mode .service-order-head small,
body:has(#app.services-mode) > .modal-wrap .service-order-head strong,
body:has(#app.services-mode) > .modal-wrap .service-order-head p,
body:has(#app.services-mode) > .modal-wrap .service-order-head small {
  overflow-wrap: anywhere;
}

#app.services-mode .service-order-head em,
body:has(#app.services-mode) > .modal-wrap .service-order-head em {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

#app.services-mode .service-order-meta,
body:has(#app.services-mode) > .modal-wrap .service-order-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#app.services-mode .service-order-meta span,
body:has(#app.services-mode) > .modal-wrap .service-order-meta span {
  min-width: 0;
  overflow-wrap: anywhere;
}

#app.services-mode .service-order-meta small,
#app.services-mode .svc-tx-details dt,
#app.services-mode .market-shipping-card small,
body:has(#app.services-mode) > .modal-wrap .service-order-meta small,
body:has(#app.services-mode) > .modal-wrap .svc-tx-details dt,
body:has(#app.services-mode) > .modal-wrap .market-shipping-card small {
  color: var(--svc-muted) !important;
}

#app.services-mode .svc-tx-details dd,
#app.services-mode .market-shipping-card strong,
body:has(#app.services-mode) > .modal-wrap .svc-tx-details dd,
body:has(#app.services-mode) > .modal-wrap .market-shipping-card strong {
  color: var(--svc-on-dark) !important;
}

#app.services-mode .btn.secondary,
#app.services-mode #backServicesWalletHistory,
body:has(#app.services-mode) > .modal-wrap .btn.secondary,
body:has(#app.services-mode) > .modal-wrap #backServicesWalletHistory {
  background: var(--svc-light-bg) !important;
  color: var(--svc-light-text) !important;
  border: 1px solid var(--svc-light-border) !important;
  text-shadow: none !important;
  box-shadow: 0 8px 24px rgba(1, 40, 30, 0.16);
  opacity: 1;
}

#app.services-mode .btn.secondary *,
#app.services-mode #backServicesWalletHistory *,
body:has(#app.services-mode) > .modal-wrap .btn.secondary *,
body:has(#app.services-mode) > .modal-wrap #backServicesWalletHistory * {
  color: inherit !important;
}

#app.services-mode .btn.secondary:hover,
#app.services-mode .btn.secondary:focus-visible,
#app.services-mode #backServicesWalletHistory:hover,
#app.services-mode #backServicesWalletHistory:focus-visible {
  background: #d8f8e9 !important;
  border-color: #35ad83 !important;
}

@media (max-width: 760px) {
  body:has(#app.services-mode) > .modal-wrap {
    align-items: flex-end;
    padding: 8px 8px 0 !important;
  }

  body:has(#app.services-mode) > .modal-wrap .modal-card {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 24px 24px 0 0 !important;
  }

  #app.services-mode .service-order-head,
  body:has(#app.services-mode) > .modal-wrap .service-order-head {
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: start;
  }

  #app.services-mode .service-order-head em,
  body:has(#app.services-mode) > .modal-wrap .service-order-head em {
    grid-column: 2;
    justify-self: start;
  }

  #app.services-mode .service-order-meta,
  body:has(#app.services-mode) > .modal-wrap .service-order-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #app.services-mode .service-order-meta span:last-child,
  body:has(#app.services-mode) > .modal-wrap .service-order-meta span:last-child {
    grid-column: 1 / -1;
  }

  #app.services-mode .market-order-steps,
  body:has(#app.services-mode) > .modal-wrap .market-order-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 12px 5px !important;
    overflow: visible !important;
    padding-bottom: 4px !important;
  }

  #app.services-mode .market-order-steps > *,
  body:has(#app.services-mode) > .modal-wrap .market-order-steps > * {
    min-width: 0 !important;
    font-size: 10px;
    overflow-wrap: anywhere;
  }

  #app.services-mode .market-order-steps > *::after,
  body:has(#app.services-mode) > .modal-wrap .market-order-steps > *::after {
    display: none !important;
  }
}

@media (max-width: 380px) {
  body:has(#app.services-mode) > .modal-wrap {
    padding-inline: 4px !important;
  }

  #app.services-mode .service-order-meta,
  body:has(#app.services-mode) > .modal-wrap .service-order-meta {
    grid-template-columns: 1fr;
  }

  #app.services-mode .service-order-meta span:last-child,
  body:has(#app.services-mode) > .modal-wrap .service-order-meta span:last-child {
    grid-column: auto;
  }

  #app.services-mode .market-order-steps,
  body:has(#app.services-mode) > .modal-wrap .market-order-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}