/*
 * Karuca production stylesheet v50
 * Generated from the maintained source layers by build-app-css.js.
 * Do not edit this compiled file directly.
 */
/* ===== karuca-bundle-v43.css ===== */
/* Karuca v41.1 consolidated mobile stylesheet. */

/* ===== app.css ===== */
:root{
  --tabbar-h:64px;
  --safe-b:env(safe-area-inset-bottom, 0px);

  --bg:#FFFFFF;
  --surface:#FFFFFF;
  --text:#0B0D12;
  --muted:#6B7280;
  --line:#E5E7EB;
  --accent:#2ED47A; /* bolt-like green */
  --accent-2:#0EA65A;
  --danger:#E11D48;
  --warn:#F59E0B;
  --radius:16px;
  --radius-sm:12px;
  --radius-lg:20px;
  --card-pad:18px;
  --fz:16px;
  --lh:1.45;
  --fz-sm:14px;
  --fz-xs:12px;
  --title:17px;
  --title-lg:19px;
 
  --shadow-sm: 0 8px 18px rgba(11,13,18,.08);
  --shadow:    0 16px 40px rgba(11,13,18,.12);
  --shadow-xl: 0 24px 70px rgba(11,13,18,.18);
  --glass: rgba(255,255,255,.72);
  --glass-line: rgba(229,231,235,.75);
  --accent-grad: linear-gradient(135deg, #2ED47A 0%, #12C2E9 55%, #2ED47A 100%);
  --surface-grad: radial-gradient(1200px 700px at 20% -10%, rgba(46,212,122,.18), rgba(255,255,255,0) 55%),
                  radial-gradient(900px 600px at 110% 10%, rgba(14,166,90,.12), rgba(255,255,255,0) 45%);

  --pad:16px;
  /* Prefer Inter when available; fall back to native OS UI fonts */
  --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif;
}

/* Driver trip: final full-screen composition, aligned with the approved
   “order accepted” reference. Kept last to override legacy trip-state rules. */
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-live-v32 {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-detail-map-v32 {
  order: 1 !important;
  display: block !important;
  height: clamp(270px, 43vh, 360px) !important;
  min-height: 270px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 0 24px 24px !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-status-v32 {
  order: 2 !important;
  z-index: 3 !important;
  display: flex !important;
  width: calc(100% - 28px) !important;
  margin: -70px 14px 0 !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(16, 30, 21, .08) !important;
  border-radius: 17px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 10px 30px rgba(10, 26, 17, .12) !important;
  backdrop-filter: blur(14px) !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-status-v32 > span {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  background: #0a321e !important;
  color: #fff !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-status-v32 small {
  color: #79827c !important;
  font-size: 9px !important;
  letter-spacing: .08em !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-status-v32 b {
  color: #101612 !important;
  font-size: 16px !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .chat-mini-v33 {
  order: 3 !important;
  display: block !important;
  margin: 0 14px !important;
  padding: 12px !important;
  border: 1px solid #e0e5e1 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .chat-mini-hd {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .chat-peer-mini-v33 > span {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: #eff2ef !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .chat-peer-mini-v33 small {
  color: #7a837d !important;
  font-size: 8px !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .chat-peer-mini-v33 b {
  color: #101612 !important;
  font-size: 15px !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-peer-actions-v97 {
  display: flex !important;
  gap: 7px !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-peer-actions-v97 > a,
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-peer-actions-v97 > button {
  display: inline-grid !important;
  place-items: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border: 1px solid #dce3de !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #0a4b2d !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-peer-actions-v97 button > span:not(.ui-icon) {
  display: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .chat-mini-preview,
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-route-v32,
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-trip-meta-v32 {
  display: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-nav-v34 {
  order: 5 !important;
  margin: 0 14px !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-status-v34 {
  order: 4 !important;
  margin: 0 14px !important;
  padding: 14px !important;
  border: 1px solid #dfe5e1 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97 {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important;
  margin: 0 0 14px !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97::before {
  content: "" !important;
  position: absolute !important;
  top: 14px !important;
  left: 16.66% !important;
  right: 16.66% !important;
  height: 2px !important;
  background: #dce3de !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97 > span {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  justify-items: center !important;
  gap: 7px !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97 i {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #e3e8e4 !important;
  color: #66716a !important;
  font-size: 11px !important;
  font-style: normal !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97 .active i {
  background: #0a321e !important;
  color: #fff !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97 b {
  color: #303a34 !important;
  font-size: 9px !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-status-actions-v34 .btn {
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: #08a34f !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 14px !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-nav-v34 #navOpen {
  min-height: 48px !important;
  border: 1px solid #0a321e !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #0a321e !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-geo-row-v34 {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid #edf0ed !important;
}

@media (max-width: 430px) {
  html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-detail-map-v32 {
    height: 43vh !important;
    min-height: 300px !important;
  }
}

/* v104 — transfer booking management follows the approved driver flow. */
html[data-karuca-design="native-premium"] #modal.transfer-manager-modal-v104 {
  background: #fff !important;
  backdrop-filter: none !important;
}

html[data-karuca-design="native-premium"] #modal.transfer-manager-modal-v104 .modal-inner {
  width: min(100%, 480px) !important;
  max-width: 480px !important;
  height: var(--karuca-viewport-height) !important;
  border-radius: 0 !important;
  background: #f6f8f6 !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] #modal.transfer-manager-modal-v104 .modal-header {
  flex: 0 0 62px !important;
  min-height: 62px !important;
  padding: 8px 12px !important;
  background: #fff !important;
  border-bottom: 1px solid #e2e7e3 !important;
  backdrop-filter: none !important;
}

html[data-karuca-design="native-premium"] #modal.transfer-manager-modal-v104 .modal-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

html[data-karuca-design="native-premium"] #modal.transfer-manager-modal-v104 .modal-body {
  padding: 0 !important;
  background: #f6f8f6 !important;
  scrollbar-gutter: auto !important;
}

.transfer-manager-v104,
.transfer-manager-v104 * {
  box-sizing: border-box;
}

.transfer-manager-v104 {
  --tm-green: #079447;
  --tm-dark: #082f20;
  --tm-ink: #111814;
  --tm-muted: #68716b;
  --tm-line: #dde4df;
  width: 100%;
  min-height: 100%;
  padding: 14px 14px calc(22px + env(safe-area-inset-bottom, 0px));
  color: var(--tm-ink);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
}

.transfer-manager-v104 section {
  margin: 0 0 12px;
  padding: 16px;
  border: 1px solid var(--tm-line);
  border-radius: 16px;
  background: #fff;
}

.tm-route-head-v104,
.tm-section-title-v104,
.tm-person-v104,
.tm-passenger-v104,
.tm-seat-control-v104 {
  display: flex;
  align-items: center;
}

.tm-route-head-v104,
.tm-section-title-v104,
.tm-seat-control-v104 {
  justify-content: space-between;
  gap: 12px;
}

.tm-eyebrow-v104 {
  display: block;
  margin-bottom: 4px;
  color: #08763d;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.25;
  text-transform: uppercase;
}

.transfer-manager-v104 h1,
.transfer-manager-v104 h2,
.transfer-manager-v104 h3,
.transfer-manager-v104 p {
  margin: 0;
}

.transfer-manager-v104 h1 {
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -.035em;
}

.transfer-manager-v104 h2 {
  font-size: 18px;
  line-height: 1.22;
  letter-spacing: -.025em;
}

.transfer-manager-v104 h3 {
  font-size: 15px;
  line-height: 1.25;
}

.tm-state-v104,
.tm-waiting-v104,
.tm-confirmed-v104 {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6px;
  min-height: 28px;
  padding: 4px 9px;
  border: 1px solid #ccd7d0;
  border-radius: 999px;
  background: #fff;
  color: #284b39;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.tm-state-v104 i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--tm-green);
}

.tm-route-meta-v104 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 16px;
}

.tm-route-meta-v104 > span {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 9px 10px;
  border: 1px solid #e4e8e5;
  border-radius: 12px;
  color: var(--tm-muted);
  font-size: 12px;
}

.tm-route-meta-v104 svg,
.tm-actions-v104 svg {
  width: 18px;
  height: 18px;
  color: #08763d;
}

.tm-via-v104 {
  margin-top: 9px;
  padding: 9px 10px;
  border-radius: 10px;
  background: #f5f7f5;
  color: var(--tm-muted);
  font-size: 12px;
}

.tm-section-title-v104 > b {
  display: grid;
  place-items: center;
  min-width: 36px;
  height: 36px;
  border: 1px solid #d7dfda;
  border-radius: 12px;
  color: var(--tm-dark);
  font-size: 15px;
}

.tm-progress-v104 {
  height: 6px;
  margin-top: 15px;
  overflow: hidden;
  border-radius: 999px;
  background: #e7ebe8;
}

.tm-progress-v104 span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--tm-green);
}

.tm-stats-v104 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 14px;
  border: 1px solid #e2e6e3;
  border-radius: 12px;
  overflow: hidden;
}

.tm-stats-v104 span {
  min-width: 0;
  padding: 10px 7px;
  text-align: center;
}

.tm-stats-v104 span + span {
  border-left: 1px solid #e2e6e3;
}

.tm-stats-v104 b,
.tm-stats-v104 small {
  display: block;
}

.tm-stats-v104 b {
  font-size: 18px;
  line-height: 1.1;
}

.tm-stats-v104 small {
  margin-top: 4px;
  color: var(--tm-muted);
  font-size: 10px;
}

.tm-request-v104 {
  margin-top: 12px;
  padding: 13px;
  border: 1px solid #d9e1db;
  border-radius: 14px;
}

.tm-person-v104 {
  position: relative;
  gap: 10px;
  padding-right: 90px;
}

.tm-avatar-v104 {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 50%;
  background: #153f2d;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

.tm-avatar-v104 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tm-person-v104 a,
.tm-passenger-v104 a {
  display: block;
  margin-top: 2px;
  color: var(--tm-ink);
  font-size: 12px;
  text-decoration: none;
}

.tm-person-v104 small {
  display: block;
  margin-top: 2px;
  color: var(--tm-muted);
  font-size: 11px;
}

.tm-waiting-v104 {
  position: absolute;
  top: 0;
  right: 0;
  color: #8c6200;
}

.tm-request-grid-v104 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid #e2e6e3;
  border-radius: 12px;
}

.tm-request-grid-v104 > div {
  min-width: 0;
  padding: 10px;
}

.tm-request-grid-v104 > div:nth-child(even) {
  border-left: 1px solid #e2e6e3;
}

.tm-request-grid-v104 > div:nth-child(n+3) {
  border-top: 1px solid #e2e6e3;
}

.tm-request-grid-v104 dt {
  color: var(--tm-muted);
  font-size: 10px;
}

.tm-request-grid-v104 dd {
  margin: 4px 0 0;
  overflow: hidden;
  font-size: 13px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tm-comment-v104 {
  margin-top: 10px;
  padding: 10px;
  border-radius: 10px;
  background: #f5f7f5;
}

.tm-comment-v104 small {
  color: var(--tm-muted);
  font-size: 10px;
}

.tm-comment-v104 p {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.35;
}

.tm-request-actions-v104,
.tm-actions-v104 {
  display: grid;
  gap: 8px;
}

.tm-request-actions-v104 {
  grid-template-columns: 1fr 1fr;
  margin-top: 12px;
}

.tm-primary-v104,
.tm-secondary-v104,
.tm-row-action-v104,
.tm-stepper-v104 button {
  min-height: 46px;
  border-radius: 12px;
  font: inherit;
  font-size: 14px;
  font-weight: 750;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.tm-primary-v104 {
  border: 1px solid var(--tm-green);
  background: var(--tm-green);
  color: #fff;
}

.tm-secondary-v104 {
  border: 1px solid #d7dfda;
  background: #fff;
  color: var(--tm-ink);
}

.tm-passenger-list-v104 {
  margin-top: 10px;
  border-top: 1px solid #e5e9e6;
}

.tm-passenger-v104 {
  position: relative;
  gap: 10px;
  min-height: 66px;
  padding: 10px 38px 10px 0;
  border-bottom: 1px solid #e5e9e6;
}

.tm-passenger-copy-v104 {
  min-width: 0;
  flex: 1;
}

.tm-passenger-copy-v104 p {
  margin-top: 3px;
  color: var(--tm-muted);
  font-size: 11px;
}

.tm-confirmed-v104 {
  color: #08763d;
}

.tm-row-action-v104 {
  position: absolute;
  top: 50%;
  right: -4px;
  min-width: 36px;
  min-height: 36px;
  width: 36px;
  height: 36px;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #b62f2f;
  font-size: 23px;
}

.tm-empty-v104 {
  padding: 24px 4px 12px;
  color: var(--tm-muted);
  font-size: 13px;
  text-align: center;
}

.tm-seat-control-v104 p {
  max-width: 220px;
  color: var(--tm-muted);
  font-size: 11px;
  line-height: 1.35;
}

.tm-stepper-v104 {
  display: grid;
  grid-template-columns: 44px 36px 44px;
  align-items: center;
  gap: 3px;
}

.tm-stepper-v104 button {
  min-width: 44px;
  border: 1px solid #d7dfda;
  background: #fff;
  color: var(--tm-dark);
  font-size: 20px;
}

.tm-stepper-v104 output {
  color: var(--tm-ink);
  font-size: 18px;
  font-weight: 800;
  text-align: center;
}

.transfer-manager-v104 .tm-actions-v104 {
  position: static;
  grid-template-columns: 1fr 1fr;
  margin-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  padding: 14px;
  border: 1px solid var(--tm-line);
  border-radius: 18px;
  background: #fff;
}

.tm-actions-v104 .tm-primary-v104 {
  grid-column: 1 / -1;
}

.tm-action-panel-v107 {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #ccd7d0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(7, 37, 25, .08);
}

.tm-action-panel-v107[hidden] {
  display: none;
}

.tm-action-head-v107 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.tm-action-head-v107 h2 {
  margin: 3px 0 0;
  color: var(--tm-ink);
  font-size: 19px;
  line-height: 1.15;
}

.tm-action-close-v107 {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #d7dfda;
  border-radius: 50%;
  background: #fff;
  color: var(--tm-ink);
  font: inherit;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.tm-action-note-v107 {
  margin: 0;
  color: var(--tm-muted);
  font-size: 13px;
  line-height: 1.45;
}

.tm-message-field-v107 {
  display: grid;
  gap: 7px;
}

.tm-message-field-v107 > span {
  color: var(--tm-ink);
  font-size: 12px;
  font-weight: 750;
}

.tm-message-field-v107 textarea {
  width: 100%;
  min-height: 112px;
  resize: vertical;
  padding: 13px 14px;
  border: 1px solid #cfd9d3;
  border-radius: 14px;
  outline: 0;
  background: #fff;
  color: var(--tm-ink);
  font: inherit;
  font-size: 15px;
  line-height: 1.45;
}

.tm-message-field-v107 textarea:focus {
  border-color: #16824b;
  box-shadow: 0 0 0 2px rgba(22,130,75,.08);
}

.tm-message-field-v107 small {
  color: var(--tm-muted);
  font-size: 11px;
  text-align: right;
}

.tm-action-buttons-v107 {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 8px;
}

.tm-start-summary-v107 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  border: 1px solid var(--tm-line);
  border-radius: 14px;
}

.tm-start-summary-v107 span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 12px;
  color: var(--tm-muted);
  font-size: 11px;
  line-height: 1.25;
}

.tm-start-summary-v107 span + span {
  border-left: 1px solid var(--tm-line);
}

.tm-start-summary-v107 b {
  color: var(--tm-ink);
  font-size: 20px;
}

.tm-cancelled-list-v104 {
  display: grid;
  gap: 8px;
}

.tm-cancelled-row-v104 {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid var(--tm-line);
}

.tm-cancelled-row-v104:first-child {
  border-top: 0;
}

.tm-cancelled-row-v104 h3,
.tm-cancelled-row-v104 p {
  margin: 0;
}

.tm-cancelled-row-v104 p,
.tm-cancelled-row-v104 small {
  color: var(--tm-muted);
  font-size: 11px;
  line-height: 1.35;
}

.tm-cancelled-row-v104 > span {
  padding: 6px 9px;
  border-radius: 999px;
  background: #fff4f3;
  color: #ba2d26;
  font-size: 10px;
  font-weight: 750;
}

.tm-actions-v104 .tm-secondary-v104 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.tm-actions-v104 .tm-danger-v104 {
  color: #bd2d2d;
}

.tm-actions-v104 .tm-primary-v104 {
  min-height: 52px;
  font-size: 15px;
}

@media (max-width: 350px) {
  .transfer-manager-v104 .tm-actions-v104,
  .tm-action-buttons-v107 {
    grid-template-columns: 1fr;
  }

  .tm-actions-v104 .tm-primary-v104 {
    grid-column: auto;
  }
}

.transfer-edit-v105 {
  display: grid;
  gap: 12px;
  padding: 12px;
  background: #f6f8f6;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Arial, sans-serif;
}

.transfer-edit-v105 section {
  min-width: 0;
  padding: 16px;
  border: 1px solid #dce3df;
  border-radius: 18px;
  background: #fff;
}

.transfer-edit-v105 h2 {
  margin: 3px 0 14px;
  color: #0a1c15;
  font-size: 20px;
}

.transfer-edit-v105 label {
  min-width: 0;
  display: grid;
  gap: 7px;
  margin-top: 12px;
  color: #52615a;
  font-size: 11px;
  font-weight: 700;
}

.transfer-edit-v105 input {
  width: 100%;
  min-height: 48px;
  padding: 0 13px;
  border: 1px solid #d4ddd8;
  border-radius: 14px;
  background: #fff;
  color: #0a1c15;
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  outline: 0;
  box-shadow: none;
}

.transfer-edit-v105 input:focus {
  border-color: #14864d;
}

.te-grid-v105 {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px;
}

.transfer-edit-v105 input:disabled {
  opacity: 1;
  border-color: #e0e5e2;
  background: #f3f5f4;
  color: #69756f;
  -webkit-text-fill-color: #69756f;
}

.te-lock-note-v106 {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
  border: 1px solid #d7e2dc;
  border-radius: 17px;
  background: #fff;
  color: #112019;
}

.te-lock-note-v106 > span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: #0a3b29;
  color: #fff;
}

.te-lock-note-v106 b,
.te-lock-note-v106 small {
  display: block;
}

.te-lock-note-v106 b {
  margin-bottom: 3px;
  font-size: 13px;
}

.te-lock-note-v106 small {
  color: #68746e;
  font-size: 11px;
  line-height: 1.35;
}

.te-options-v105 label {
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  margin: 0;
  padding: 11px 0;
  border-top: 1px solid #e5e9e6;
  color: #102018;
  font-size: 13px;
}

.te-options-v105 label:first-child {
  border-top: 0;
}

.te-options-v105 label span {
  display: flex;
  align-items: center;
  gap: 9px;
}

.te-options-v105 input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: block;
  width: 46px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid #d1dad5 !important;
  border-radius: 999px !important;
  background: radial-gradient(circle at 13px 50%, #fff 0 9px, transparent 10px), #dfe5e1 !important;
  box-shadow: none !important;
  outline: 0 !important;
  cursor: pointer;
}

.te-options-v105 input[type="checkbox"]:checked {
  border-color: #0aa152 !important;
  background: radial-gradient(circle at calc(100% - 13px) 50%, #fff 0 9px, transparent 10px), #0abc62 !important;
}

.te-options-v105 input[type="checkbox"]:focus,
.te-options-v105 input[type="checkbox"]:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}

.te-actions-v105 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  position: static !important;
}

.te-actions-v105 .btn {
  min-height: 50px;
}

@media (max-width: 360px) {
  .te-grid-v105 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 360px) {
  .transfer-manager-v104 {
    padding-inline: 10px;
  }
  .transfer-manager-v104 section {
    padding: 13px;
  }
  .tm-route-head-v104,
  .tm-section-title-v104 {
    align-items: flex-start;
  }
  .tm-state-v104 {
    max-width: 116px;
    white-space: normal;
  }
  .tm-request-actions-v104 {
    grid-template-columns: 1fr;
  }
  .tm-confirmed-v104 {
    display: none;
  }
}

/* Driver active trip — one focused, native-feeling workflow (v50.3). */
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 {
  padding: 0 !important;
  background: #fff !important;
  backdrop-filter: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .modal-inner {
  width: min(100%, 700px) !important;
  max-width: 700px !important;
  height: var(--karuca-viewport-height, 100dvh) !important;
  max-height: none !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .modal-header {
  min-height: 58px !important;
  padding: max(7px, env(safe-area-inset-top)) 14px 7px !important;
  border-bottom: 1px solid #e7ebe8 !important;
  background: rgba(255,255,255,.96) !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .modal-title {
  font-size: 16px !important;
  font-weight: 760 !important;
  letter-spacing: -.025em !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .modal-body {
  padding: 0 12px calc(16px + env(safe-area-inset-bottom)) !important;
  background: #f7f9f7 !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-live-v32 {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 10px 0 0 !important;
  background: transparent !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-modal-heading,
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-price-kpi,
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-cash-inline-v40,
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-details-grid,
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-actions-v32,
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-live-v32 > hr {
  display: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-detail-map-v32 {
  order: 1 !important;
  height: clamp(230px, 36dvh, 330px) !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(10,28,17,.10) !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-status-v32 {
  order: 2 !important;
  min-height: 54px !important;
  margin: -29px 12px 0 !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(20,47,29,.08) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 8px 24px rgba(10,28,17,.11) !important;
  z-index: 6 !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-status-v32 > span {
  background: #0b2818 !important;
  color: #fff !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-status-v32 small {
  color: #7b847e !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-status-v32 b {
  color: #101612 !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .chat-mini-v33 {
  order: 3 !important;
  margin: 0 !important;
  padding: 13px !important;
  border: 1px solid #e0e5e1 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .chat-mini-preview {
  display: none !important;
}

.driver-peer-actions-v97 {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.driver-peer-actions-v97 > a,
.driver-peer-actions-v97 > button {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 44px !important;
  width: auto !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #dce3de !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #0b2818 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-route-v32 {
  order: 4 !important;
  margin: 0 !important;
  padding: 13px 14px !important;
  border: 1px solid #e0e5e1 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-trip-meta-v32 {
  order: 5 !important;
  margin: -3px 0 0 !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-nav-v34 {
  order: 6 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-nav-v34 .driver-order-head-v34,
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-nav-v34 #navMore {
  display: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-nav-v34 .item-actions {
  display: block !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-nav-v34 #navOpen {
  min-height: 50px !important;
  border: 1px solid #0b2818 !important;
  border-radius: 15px !important;
  background: #fff !important;
  color: #0b2818 !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-status-v34 {
  order: 7 !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 13px !important;
  border: 1px solid #dce3de !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(10,28,17,.06) !important;
}

.driver-trip-progress-v97 {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(3,1fr) !important;
  gap: 5px !important;
}

.driver-trip-progress-v97:before {
  content: "" !important;
  position: absolute !important;
  top: 13px !important;
  left: 17% !important;
  right: 17% !important;
  height: 2px !important;
  background: #e0e5e1 !important;
}

.driver-trip-progress-v97 > span {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  justify-items: center !important;
  gap: 5px !important;
  color: #88908b !important;
  font-size: 9px !important;
  text-align: center !important;
}

.driver-trip-progress-v97 i {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border: 2px solid #dce3de !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #7f8882 !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

.driver-trip-progress-v97 span.active {
  color: #0b2818 !important;
}

.driver-trip-progress-v97 span.active i {
  border-color: #0b2818 !important;
  background: #0b2818 !important;
  color: #fff !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-status-actions-v34 {
  display: block !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-status-actions-v34 .btn {
  width: 100% !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: #079447 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-geo-row-v34 {
  padding: 0 3px !important;
  background: transparent !important;
}

html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-geo-row-v34 .toggle {
  pointer-events: none !important;
  transform: scale(.76) !important;
}

.karuca-driver-car-v97 {
  display: grid !important;
  place-items: center !important;
  width: 62px !important;
  height: 42px !important;
  border: 2px solid rgba(255,255,255,.95) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 8px 20px rgba(9,29,17,.24) !important;
  transform: rotate(-8deg) !important;
}

.karuca-driver-car-v97 img {
  width: 56px !important;
  height: 34px !important;
  object-fit: contain !important;
}

@media (max-width: 390px) {
  html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .modal-body {
    padding-inline: 8px !important;
  }
  html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-detail-map-v32 {
    height: 225px !important;
  }
  .driver-peer-actions-v97 #chatOpen span {
    display: none !important;
  }
}

/* DRIVER v92 — compact native layout and Karuca vehicle art */
html[data-karuca-design="native-premium"] .driver-line-page{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",sans-serif!important;color:#0b1710}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero{min-height:auto!important;padding:18px 16px 10px!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero p,
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero .hero-refresh{display:none!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero h1{margin-top:2px!important;font-size:30px!important;line-height:1.05!important;font-weight:760!important;letter-spacing:-.9px!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-dashboard-card{margin:8px 14px 18px!important;padding:0!important;border:1px solid #e1e8e3!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 34px rgba(11,23,16,.055)!important;overflow:hidden!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-shift-v70{min-height:92px!important;padding:18px 16px!important;align-items:center!important;border-bottom:1px solid #edf1ee!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-shift-copy-v70 small{font-size:9px!important;font-weight:750!important;letter-spacing:.1em!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-shift-copy-v70 b{margin-top:3px!important;font-size:18px!important;line-height:1.15!important;font-weight:720!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-shift-copy-v70 p{margin-top:4px!important;font-size:11px!important;line-height:1.35!important;color:#6e7972!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-stat-grid-v70{padding:12px!important;gap:0!important;border-bottom:1px solid #edf1ee!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-stat-grid-v70>div{min-height:58px!important;padding:8px 10px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-stat-grid-v70>div+div{border-left:1px solid #edf1ee!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-stat-grid-v70 small{font-size:8px!important;letter-spacing:.06em!important;color:#8a948e!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-stat-grid-v70 b{font-size:20px!important;line-height:1.1!important;font-weight:720!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-stat-grid-v70 em{font-size:8px!important;color:#8a948e!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70{border:0!important;border-radius:0!important;background:#fff!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 summary{min-height:54px!important;padding:0 16px!important;font-size:13px!important;font-weight:650!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70[open] summary{border-bottom:1px solid #edf1ee!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .driver-pref-grid{display:grid!important;gap:12px!important;padding:14px 16px 8px!important;background:#fff!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .driver-pref-grid>label{display:grid!important;gap:7px!important;padding:0!important;border:0!important;background:#fff!important;font-size:12px!important;font-weight:600!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 input[type="number"]{width:100%!important;height:50px!important;padding:0 14px!important;border:1px solid #dce4de!important;border-radius:14px!important;background:#fff!important;font-size:16px!important;font-weight:650!important;outline:none!important;box-shadow:none!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 input[type="number"]:focus{border-color:#109f50!important;box-shadow:0 0 0 2px rgba(16,159,80,.08)!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .driver-pref-grid small{font-size:9px!important;line-height:1.35!important;color:#78837c!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .toggle-row{grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;min-height:48px!important;padding:0 2px!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .toggle-row input{width:20px!important;height:20px!important;accent-color:#0fac56!important}
html[data-karuca-design="native-premium"] .driver-line-page #saveDriverPrefs{display:block!important;width:calc(100% - 32px)!important;min-height:48px!important;margin:8px 16px 16px!important;border-radius:14px!important;font-size:14px!important;font-weight:700!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-job-head{grid-template-columns:78px minmax(0,1fr) auto!important;gap:8px!important}
html[data-karuca-design="native-premium"] .driver-line-page .job-service-premium-v92{width:78px!important;height:48px!important;min-width:78px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html[data-karuca-design="native-premium"] .driver-line-page .job-service-premium-v92 img{width:78px!important;height:48px!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 7px 7px rgba(11,23,16,.14))!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-job-head>div:nth-child(2)>small{font-size:8px!important;line-height:1.2!important;font-weight:720!important;letter-spacing:.075em!important;color:#718078!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-job-head>div:nth-child(2)>b{margin-top:2px!important;font-size:23px!important;line-height:1!important;font-weight:760!important}
html[data-karuca-design="native-premium"] .driver-line-page .job-head-trailing-v92{display:grid!important;justify-items:end!important;gap:5px!important}
html[data-karuca-design="native-premium"] .driver-line-page .passenger-peek-v92{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:50%!important;overflow:hidden!important;background:#fff!important;border:1px solid #dde5df!important;color:#183526!important}
html[data-karuca-design="native-premium"] .driver-line-page .passenger-peek-v92 img{width:100%!important;height:100%!important;object-fit:cover!important}
html[data-karuca-design="native-premium"] .driver-line-page .passenger-peek-v92 .ui-icon{width:17px!important;height:17px!important}
html[data-karuca-design="native-premium"] .driver-line-page .job-distance{max-width:96px!important;padding:4px 7px!important;background:#fff!important;border:1px solid #dfe7e1!important;color:#446052!important;font-size:8px!important;line-height:1.15!important;text-align:right!important}
@media(max-width:370px){html[data-karuca-design="native-premium"] .driver-line-page .driver-job-head{grid-template-columns:66px minmax(0,1fr) auto!important}html[data-karuca-design="native-premium"] .driver-line-page .job-service-premium-v92,html[data-karuca-design="native-premium"] .driver-line-page .job-service-premium-v92 img{width:66px!important;min-width:66px!important}}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font);
  font-size:var(--fz);
  line-height:var(--lh);
  background: var(--surface-grad), var(--bg);
  color:var(--text);
  overflow:hidden;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
a{color:inherit}
button,input,select,textarea{font-family:inherit; font-size:16px}

/* iOS/Android: keep text sizes consistent */
html{-webkit-text-size-adjust:100%}
input,select,textarea{
  width:100%;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:#fff;
  outline:none;
}
textarea{min-height:88px; resize:vertical}
input:focus,select:focus,textarea:focus{border-color:#C7CDD7}
label{display:block; font-size:12px; color:var(--muted); margin:12px 0 6px}
hr{border:none; border-top:1px solid var(--line); margin:16px 0}

.app{
  height:100vh;
  height:100dvh;
  display:flex;
  flex-direction:column;
}
.topbar{
  position:sticky; top:0; z-index:20;
  background: var(--glass);
  border-bottom:1px solid var(--glass-line);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .topbar{ background:#fff; }
}
.topbar-inner{
  display:flex; align-items:center; gap:12px;
  padding:12px var(--pad);
}
.brand{
  font-weight:700; letter-spacing:0.2px;
}

.brand-logo{
  font-weight:700;
  display:flex;
  align-items:center;
  line-height:0;
}
.brand-img{
  width:34px;
  height:34px;
  border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  object-fit:cover;
}
.badge{
  font-size:12px; color:var(--muted);
  border:1px solid var(--line);
  padding:4px 8px; border-radius:999px;
  background: rgba(255,255,255,.65);
}
.spacer{flex:1}
.iconbtn{
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:10px 12px;
  cursor:pointer;
}
.iconbtn:active{transform:translateY(1px)}

/* Compact help button so Profile never jumps out on mobile */
.helpbtn{
  width:36px;
  height:36px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:16px;
  line-height:1;
}


.avatarbtn{
  width:36px;
  height:36px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex:0 0 auto;
}
.avatarbtn:active{transform:translateY(1px)}
.avatarbtn .top-avatar{
  width:28px;
  height:28px;
  border:none;
}



.top-profile{
  display:flex;
  align-items:center;
  gap:10px;
}

/* Language switch (RU/UA) */
.lang-switch{
  display:flex;
  align-items:center;
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:3px;
  gap:3px;
}

/* Premium toggle (Uber/Bolt-like) */
.toggle{ position:relative; display:inline-block; width:54px; height:32px; flex:0 0 auto; }
.toggle input{ opacity:0; width:0; height:0; }
.toggle .slider{
  position:absolute; cursor:pointer; inset:0;
  background: rgba(0,0,0,.12);
  border-radius: 999px;
  transition: .2s;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}
.toggle .slider:after{
  content:"OFF";
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  color: rgba(0,0,0,.55);
  opacity:.75;
  pointer-events:none;
}
.toggle .slider:before{
  position:absolute; content:"";
  height:26px; width:26px;
  left:3px; top:3px;
  background: #fff;
  border-radius: 50%;
  transition: .2s;
  box-shadow: 0 6px 14px rgba(0,0,0,.18);
}
.toggle .slider:before{
  background-image: radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,1));
}
.toggle input:checked + .slider{
  background: var(--accent);
}
.toggle input:checked + .slider:after{
  content:"ON";
  left:12px;
  right:auto;
  color: rgba(255,255,255,.95);
  opacity:.95;
}
.toggle input:checked + .slider:before{
  transform: translateX(22px);
}
.toggle input:disabled + .slider{
  cursor: default;
  opacity: .85;
}
.lang-btn{
  appearance:none;
  border:none;
  background:transparent;
  border-radius:999px;
  padding:8px 10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.3px;
  cursor:pointer;
  color:#111;
}
.lang-btn:hover{background:#f3f4f6}
.lang-btn.active{
  background:#111;
  color:#fff;
}
.lang-btn:active{transform:translateY(1px)}

.top-avatar{
  width:28px;
  height:28px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#f3f4f6;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  color:#111;
  user-select:none;
  flex:0 0 auto;
}
.top-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.main{
  flex:1;
  overflow-y:auto;
  -webkit-overflow-scrolling: touch;
  padding:16px var(--pad) calc(var(--tabbar-h) + var(--safe-b) + 16px);
  max-width:720px;
  margin:0 auto;
  width:100%;
}

.card{
  border:1px solid var(--glass-line);
  border-radius:var(--radius-lg);
  padding:var(--card-pad);
  background: rgba(255,255,255,.94);
  box-shadow: var(--shadow-sm);
}

.card + .card{margin-top:12px}
.h1{font-size:22px; font-weight:800; margin:0 0 10px; letter-spacing:-0.2px}
.h2{font-size:17px; font-weight:800; margin:0 0 8px}
.p{margin:0; color:var(--muted); line-height:1.5}

/* Profile avatar */
.profile-head{display:flex; align-items:center; gap:14px}
.avatar{
  width:72px; height:72px;
  border-radius:999px;
  border:1px solid var(--line);
  overflow:hidden;
  display:grid; place-items:center;
  background:#F3F4F6;
  flex:0 0 auto;
}
.avatar img{width:100%; height:100%; object-fit:cover; display:block}
.avatar .initials{font-weight:800; color:#111827}

/* Avatar actions (camera / remove) */
.avatar-wrap{
  position:relative;
  width:72px; height:72px;
  flex:0 0 auto;
}
.avatar-wrap .avatar{ width:100%; height:100%; }
.avatar-edit{
  position:absolute;
  right:-6px; bottom:-6px;
  width:34px; height:34px;
  border-radius:999px;
  border:1px solid var(--glass-line);
  background: rgba(255,255,255,.92);
  box-shadow: var(--shadow-sm);
  display:grid; place-items:center;
  padding:0;
}
.avatar-edit svg{ width:18px; height:18px; fill:#0f172a; opacity:.9; }
.avatar-edit:active{ transform: translateY(1px) scale(.98); }
.avatar-remove{
  position:absolute;
  left:-6px; bottom:-6px;
  width:30px; height:30px;
  border-radius:999px;
  border:1px solid rgba(239,68,68,.45);
  background: rgba(255,255,255,.92);
  color:#ef4444;
  box-shadow: var(--shadow-sm);
  display:grid; place-items:center;
  padding:0;
  font-size:18px;
  line-height:1;
}
.avatar-remove:active{ transform: translateY(1px) scale(.98); }

/* --- Luxury rating (gold stars) ----------------------------------------- */
.rating-inline{ display:inline-flex; align-items:center; gap:8px; }
.rating-count{ font-weight:600; opacity:.7; }

.rating-stars{ display:inline-flex; gap:4px; align-items:center; vertical-align:middle; }
.rating-stars .star{ position:relative; display:inline-block; width:18px; height:18px; }
.rating-stars .star .base{ position:absolute; inset:0; color:#d5dbe3; font-size:18px; line-height:18px; }
.rating-stars .star .fill{
  position:absolute;
  inset:0;
  overflow:hidden;
  font-size:18px;
  line-height:18px;
  background: linear-gradient(180deg, #ffe08a 0%, #f2b200 60%, #d18b00 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.12));
}


.transfer-driver .rating-inline{
  margin-left:4px;
  gap:4px;
}

.transfer-driver .rating-stars .star{
  width:14px;
  height:14px;
}

.transfer-driver .rating-stars .star .base,
.transfer-driver .rating-stars .star .fill{
  font-size:14px;
  line-height:14px;
}

.transfer-driver .rating-count{
  font-size:11px;
}
/* Rating modal buttons */
.rating-row{ display:flex; gap:10px; align-items:center; justify-content:center; padding:12px 0; }
.star-btn{
  width:46px;
  height:46px;
  border-radius:14px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.86);
  font-size:22px;
  line-height:1;
  color:#cfd6dd;
  cursor:pointer;
  transition: transform .12s ease, box-shadow .18s ease, color .18s ease;
}
.star-btn.on{
  color:#f2b200;
  box-shadow: 0 10px 18px rgba(0,0,0,.08);
}
.star-btn:active{ transform: scale(.96); }
.profile-meta{font-size:12px; color:var(--muted); margin-top:2px}
.row{display:flex; gap:10px}
.row > *{flex:1}

.car-type-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:8px 0 4px;
}
.car-type-option{
  flex:0 0 calc(33.333% - 6px);
  border-radius:12px;
  border:1px solid var(--line);
  padding:6px 4px 8px;
  background:#f9fafb;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  cursor:pointer;
}
.car-type-option img{
  width:40px;
  height:26px;
  object-fit:contain;
  display:block;
}
.car-type-label{
  font-size:11px;
  line-height:1.2;
  text-align:center;
  color:var(--muted);
}
.car-type-option.active{
  border-color:var(--accent);
  background:#ecfdf3;
  box-shadow:0 0 0 1px rgba(46,212,122,.28);
}
.car-type-tag{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.car-type-icon{
  width:20px;
  height:14px;
  object-fit:contain;
  display:inline-block;
}

.kpi{
  display:flex; align-items:baseline; gap:8px;
}
.kpi .value{font-size:28px; font-weight:800; letter-spacing:-0.5px}
.kpi .unit{color:var(--muted); font-size:14px}
.btn{
  width:100%;
  border:1px solid var(--glass-line);
  background: rgba(255,255,255,.92);
  color:var(--text);
  border-radius:14px;
  padding:12px 14px;
  cursor:pointer;
  font-weight:700;
  transition: transform .12s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.btn:hover{ box-shadow: var(--shadow-sm); }

.btn:active{transform:translateY(1px) scale(.985)}
.btn.primary{
  background: var(--accent-grad);
  border-color: transparent;
  color:#061A10;
  box-shadow: 0 16px 40px rgba(46,212,122,.25);
}
.btn.primary:hover{
  filter: saturate(1.05) contrast(1.02);
  box-shadow: 0 18px 48px rgba(46,212,122,.32);
}
.btn.primary:active{
  box-shadow: 0 10px 28px rgba(46,212,122,.22);
}
.btn.ghost{
  background:#fff;
  border-color:var(--line);
  color:var(--text);
}
.btn.danger{
  background:#fff;
  border-color:var(--danger);
  color:var(--danger);
}

.btn.loading{
  opacity:.72;
  pointer-events:none;
  position:relative;
}
.btn.loading::after{
  content:"";
  width:16px; height:16px;
  border:2px solid rgba(0,0,0,.18);
  border-top-color:rgba(0,0,0,.55);
  border-radius:50%;
  position:absolute;
  right:12px; top:50%;
  transform:translateY(-50%);
  animation:spin .9s linear infinite;
}
@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}

.btn.inline{
  width:auto;
  padding:10px 12px;
}
.small{font-size:var(--fz-sm); color:var(--muted)}
.tag{
  display:inline-flex; align-items:center;
  font-size:12px; color:var(--muted);
  border:1px solid var(--line);
  padding:4px 8px; border-radius:999px;
}

.tag.status-active{
  background:#e6f4ea !important;
  color:#137333 !important;
  border-color:rgba(19,115,51,0.4) !important;
}
.tag.status-done{
  background:#e8f0fe !important;
  color:#1967d2 !important;
  border-color:rgba(25,103,210,0.4) !important;
}
.tag.status-cancelled{
  background:#fce8e6 !important;
  color:#c5221f !important;
  border-color:rgba(197,34,31,0.4) !important;
}

.tag-hot{
  background:#fff3e0;
  color:#d9822b;
  border-color:rgba(255,153,0,0.5);
  margin-left:4px;
}

.item.transfer-hot{
  border-color:rgba(255,153,0,0.6);
  box-shadow:0 0 0 1px rgba(255,153,0,0.25),0 8px 20px rgba(0,0,0,0.05);
}
.tag-hot-today{
  background:linear-gradient(135deg, #fed7aa 0%, #fecaca 100%);
  color:#9a3412;
  border-color:rgba(248,153,72,.65);
}

.item.transfer-hot-today{
  border-color:rgba(248,153,72,.85);
  box-shadow:0 0 0 1px rgba(248,153,72,.45),0 10px 26px rgba(15,23,42,.16);
}

.item.transfer-best{
  border-color:rgba(46,212,122,.9);
  box-shadow:0 0 0 1px rgba(18,194,233,.4),0 18px 36px rgba(15,23,42,.2);
}

.list{
  display:flex; flex-direction:column; gap:10px;
}
.item{
  border:1px solid var(--glass-line);
  border-radius:var(--radius);
  padding:14px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 22px rgba(11,13,18,.06);
}

.section-title{
  margin:18px 4px 8px;
  font-size:17px;
  font-weight:800;
}
.section-title:first-of-type{
  margin-top:16px;
}
.item-title{
  display:flex; justify-content:space-between; align-items:flex-start; gap:12px;
}
.item-title b{font-size:var(--title); letter-spacing:.1px}
.item-meta{font-size:var(--fz-sm); color:var(--muted); margin-top:6px; line-height:1.35}
.clamp-3{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.item-actions{display:flex; gap:8px; margin-top:10px; flex-wrap:wrap}

/* Make action buttons on cards feel more like Uber/Bolt: compact secondary + clear primary */
.item-actions .btn{
  width:auto;
  padding:9px 12px;
  border-radius:12px;
  font-size:13px;
}
.item-actions .btn.primary{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  font-size:14px;
}

/* Motion polish */
@media (prefers-reduced-motion: no-preference){
  .item{ animation: popIn .18s ease both; }
  @keyframes popIn{ from{ transform: translateY(6px); opacity:0; } to{ transform: translateY(0); opacity:1; } }
}

/* Compact typography on smaller screens */
@media (max-width: 420px){
  :root{ --fz:15px; --title:16px; --title-lg:18px; --pad:14px; }
  .topbar-inner{ padding:10px var(--pad); }
}

/* Safe areas (iPhone notch + home indicator) */
:root{
  --safe-t: env(safe-area-inset-top, 0px);
}
.topbar{ padding-top: var(--safe-t); }

.tabbar{
  position:fixed; left:0; right:0; bottom:0; z-index:30;
  background: var(--glass);
  border-top:1px solid var(--glass-line);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 -18px 40px rgba(11,13,18,.10);
  border-top-left-radius:18px;
  border-top-right-radius:18px;
  overflow:hidden;
}
.tabbar-inner{
  max-width:720px; margin:0 auto;
  display:grid;
  padding:4px var(--pad) calc(4px + var(--safe-b));
}

.tab{
  flex:1;
  text-align:center;
  padding:8px 4px;
  cursor:pointer;
  font-size:12px;
  color:var(--muted);
  user-select:none;
  border:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.tab svg{
  width:22px;
  height:22px;
  display:block;
}
.tab span{
  display:block;
  font-size:12px;
  line-height:1;
}
.tab:active{transform:translateY(1px)}
.tab.active{color:var(--text)}
.tab .dot{
  width:6px; height:6px; border-radius:50%;
  margin:6px auto 0;
  background:transparent;
}
.tab.active .dot{background:var(--accent)}

.notice{
  border:1px solid var(--line);
  border-left:4px solid var(--accent);
  padding:12px;
  border-radius:var(--radius);
  background:#fff;
}
.notice.warn{border-left-color:var(--warn)}
.notice.danger{border-left-color:var(--danger)}
.notice b{display:block; margin-bottom:6px}

.modal{
  position:fixed; inset:0; z-index:100;
  background: rgba(11,13,18,.22);
  display:none;
}
.modal.show{display:block}
.modal-inner{
  height:100%;
  max-width:680px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  background: rgba(255,255,255,.96);
  border-left:1px solid var(--glass-line);
  border-right:1px solid var(--glass-line);
  box-shadow: var(--shadow);
}
.modal-header{
  position:sticky;
  top:0;
  z-index:5;
  background: var(--glass);
  border-bottom:1px solid var(--glass-line);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding:12px var(--pad);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
}
.modal-title{font-weight:800; justify-self:center; text-align:center; text-decoration:none}
.modal-body{
  flex:1;
  overflow-y:auto;
  -webkit-overflow-scrolling: touch;
  padding:14px var(--pad) calc(var(--tabbar-h) + var(--safe-b) + 14px);
}

/* File inputs: make them look like an app control */
input[type="file"]{
  padding:10px;
  border:1px dashed #C7CDD7;
  background:#fff;
}
input[type="file"]::file-selector-button{
  border:1px solid var(--line);
  background:#fff;
  color:var(--text);
  padding:8px 10px;
  border-radius:10px;
  font-weight:700;
  cursor:pointer;
}
input[type="file"]::file-selector-button:active{transform:translateY(1px)}
.map{
  width:100%;
  height:60vh;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
}
.map-full{
  width:100%;
  height:72vh;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
}

.map-full.premium{
  border:0;
  border-radius:18px;
  box-shadow: 0 10px 28px rgba(17,24,39,.18);
}

/* Leaflet: make it feel like a native app */
.leaflet-container{font:inherit}
.leaflet-control-attribution{
  font-size:11px;
  color:#6b7280;
  background:rgba(255,255,255,.85);
  margin:0;
  padding:2px 6px;
  border-top-left-radius:10px;
}
.leaflet-control-attribution a{color:#6b7280;text-decoration:none}

/* Slight crispness for tiles */
.leaflet-tile{filter:saturate(1.05) contrast(1.05)}

/* Car marker */
.car-wrap{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.22));
}

/* Custom map toolbar (instead of default zoom) */
.map-toolbar{
  position:absolute;
  top:12px;
  right:12px;
  z-index:500;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.map-btn{
  width:40px;
  height:40px;
  border:1px solid var(--line);
  background:#fff;
  color:#111827;
  border-radius:12px;
  font-size:18px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
}

/* Toast / snackbar (native-feel feedback without alert()) */
.toast-wrap{
  position:fixed;
  left:0; right:0;
  bottom: calc(var(--tabbar-h) + var(--safe-b) + 12px);
  z-index:200;
  display:flex;
  justify-content:center;
  pointer-events:none;
}
.toast{
  pointer-events:auto;
  max-width:680px;
  margin:0 12px;
  background: rgba(17,24,39,.92);
  color:#fff;
  border-radius:14px;
  padding:12px 14px;
  font-size:13px;
  line-height:1.35;
  box-shadow: 0 10px 28px rgba(0,0,0,.25);
  display:flex;
  align-items:flex-start;
  gap:10px;
  opacity:0;
  transform: translateY(8px);
  transition: .18s;
}
.toast.show{opacity:1; transform: translateY(0)}
.toast .dot{
  width:10px; height:10px;
  border-radius:999px;
  margin-top:3px;
  background: var(--accent);
  flex:0 0 auto;
}
.toast.warn .dot{background: var(--warn)}
.toast.danger .dot{background: var(--danger)}
.map-btn:active{transform:translateY(1px)}
.map-sep{height:1px;background:var(--line);margin:2px 6px}

.pin{
  --pulse:#0B0D12;
  width:30px; height:30px;
  border-radius:999px;
  border:2px solid #0B0D12;
  background:#fff;
  display:flex; align-items:center; justify-content:center;
  font-weight:800;
  font-size:12px;
  position:relative;
}
.pin.pin-a{border-color:var(--accent); color:var(--accent); --pulse: var(--accent)}
.pin.pin-b{border-color:#0B0D12; color:#0B0D12; --pulse:#0B0D12}
.pin.pin-car{
  border-color:#0B0D12;
  background:var(--accent);
  color:#07210F;
  --pulse: var(--accent);
}

/* subtle “wow” pulse for tracking */
.pin.pulse::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:999px;
  border:2px solid var(--pulse);
  opacity:0.65;
  transform:scale(0.7);
  animation:pinPulse 1.6s ease-out infinite;
  pointer-events:none;
}

@keyframes pinPulse{
  0%{transform:scale(0.7); opacity:0.65;}
  70%{transform:scale(1.65); opacity:0;}
  100%{transform:scale(1.65); opacity:0;}
}
.leaflet-container{background:#F3F4F6}


.grid2{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px;
}
@media (max-width: 360px){
  .grid2{ gap:12px; }
  .btn.big.svc{ min-height:154px; }
  .btn.big.svc .ico.ico-img{ width:112px; height:112px; border-radius:28px; }
  .btn.big.svc .ico.ico-img img{ width:94px; height:94px; }
}
.btn.big{
  padding:14px 12px;
}

/* Service tiles (home grid) */
.btn.big.svc{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
  padding:18px 14px;
  min-height:164px;
  border:1px solid rgba(229,231,235,.7);
  background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.86) 100%);
  box-shadow: var(--shadow);
}
.btn.big.svc:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow-xl);
}
.btn.big.svc:active{
  transform: translateY(0) scale(.99);
}
.btn.big.svc .ico{
  margin-right:0;
}
.btn.big.svc .ico.ico-img{
  width:128px;
  height:128px;
  border-radius:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: radial-gradient(circle at 25% 20%, rgba(46,212,122,.18), rgba(46,212,122,0) 55%),
              radial-gradient(circle at 80% 75%, rgba(18,194,233,.16), rgba(18,194,233,0) 55%),
              rgba(243,244,246,.65);
  border: 1px solid rgba(229,231,235,.75);
}
.btn.big.svc .ico.ico-img img{
  width:108px;
  height:108px;
  object-fit: contain;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,.12));
}
.btn.big.svc .svc-label{
  display:block;
  width:100%;
  font-weight:800;
  font-size:14px;
  line-height:1.15;
  letter-spacing:-0.1px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Inline SVG icons (replaces emoji for consistent look) */
.ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
.ico svg{width:18px;height:18px;display:block;}
.ico.ico-img img{width:22px;height:22px;display:block;object-fit:contain;}
.btn.big .ico.ico-img img{width:34px;height:34px;}
.btn.big .ico{margin-right:8px;}
.grid2 .btn.big .ico{color:var(--accent);} /* service tile icon color */
.list{ display:flex; flex-direction:column; gap:10px; }
.item{ border:1px solid var(--line); border-radius:var(--radius-sm); padding:12px; }
.item-title{ font-weight:750; }
.item-sub{ color:var(--muted); font-size:13px; margin-top:4px; }
.form{ display:flex; flex-direction:column; gap:8px; }
.lbl{ font-size:12px; color:var(--muted); margin-top:8px; }
.inp{ width:100%; border:1px solid var(--line); border-radius:var(--radius-sm); padding:12px; font:inherit; background:#fff; }


/* Role gate (first screen) */
.role-screen{
  min-height: calc(100vh - 52px);
  min-height: calc(100dvh - 52px); /* modern browsers use dynamic viewport */
  display:flex;
  flex-direction:column;
  gap:14px;
}
.role-hero{
  border-bottom:1px solid var(--line);
  background: linear-gradient(180deg, #1FD06A 0%, #E9FFF3 100%);
  padding: 18px 16px 10px;
}
.role-hero-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.role-hero h1{
  margin:0;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-0.2px;
  color:#0b0f14;
}
.role-hero p{
  margin:6px 0 0;
  color: rgba(11,15,20,0.75);
  font-size:13px;
}
.role-lottie{
  width: 132px;
  height: 92px;
  flex: 0 0 auto;
}
.role-card{
  padding: 0 16px 16px;
}
.role-card .card{
  margin-top: 0;
}



/* Searching taxi (Lottie) */
.searching{
  display:flex;
  gap:12px;
  align-items:center;
}
.searching .searching-taxi-v41{
  width:84px;
  height:84px;
}

/* Success overlay (trip completed) */
.success-overlay{
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(0,0,0,.38);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 10050;
}

/* Force-hide overlay reliably in all WebViews */
.success-overlay[hidden]{
  display: none !important;
  pointer-events: none !important;
}

.success-card{
  width: min(340px, calc(100vw - 36px));
  border-radius: 20px;
  padding: 18px 16px 14px;
  background: rgba(13, 18, 25, .92);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 70px rgba(0,0,0,.55);
  text-align: center;
}

.success-lottie{
  width: 170px;
  height: 170px;
  margin: 4px auto 6px;
  display: grid;
  place-items: center;
}

.success-lottie span{
  width: 170px;
  height: 170px;
  display:block;
}

.success-text{
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .2px;
  color: rgba(236, 255, 247, .98);
}

select{
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 12px;
  font:inherit;
  background:#fff;
}


/* multi-check list */
.checks{display:flex;flex-direction:column;gap:10px;}
.check{display:flex;gap:10px;align-items:center;font-size:14px;}
.check input{width:18px;height:18px;}


/* Help modal */
.help h3{margin:0 0 8px 0;font-size:16px;}
.help .ol{margin:0;padding-left:18px;}
.help .ol li{margin:6px 0;}
.help .hint{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;color:#111;}
.help-tabs{display:flex;gap:8px;margin-bottom:10px;}
.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 10px;font-size:13px;color:#111;}
.pill-hot{
  background:#fff3e0;
  color:#d97706;
  border-color:rgba(234,179,8,.5);
}

.pill-deal{
  background:#ecfdf5;
  color:#047857;
  border-color:rgba(16,185,129,.55);
}

.pill-last{
  background:#fef2f2;
  color:#b91c1c;
  border-color:rgba(239,68,68,.55);
}

.pill-hot-today{
  background:linear-gradient(135deg, #fde68a 0%, #fecaca 100%);
  color:#b45309;
  border-color:rgba(245,158,11,.6);
  box-shadow:0 0 0 1px rgba(245,158,11,.25);
}

.pill-best{
  background:#e0f2fe;
  color:#0369a1;
  border-color:rgba(59,130,246,.5);
  box-shadow:0 0 0 1px rgba(191,219,254,.7);
}

.pill.active{border-color:var(--accent);color:var(--accent);}

/* Segmented control (driver feed mode) */
.seg{display:flex;gap:6px;flex-wrap:wrap}
.seg-btn{border:1px solid var(--line);background:#fff;color:#111;border-radius:12px;padding:10px 12px;font-weight:700;font-size:14px;cursor:pointer}
.seg-btn.on{border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.seg-btn:active{transform:translateY(1px)}


/* Bottom sheet (Uber/Bolt style) */
.sheet-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  z-index: 9999;
  display: none;
  opacity: 0;
  transition: opacity .16s ease;
}
.sheet-backdrop.show{ opacity: 1; }
.sheet{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  box-shadow: 0 -10px 30px rgba(0,0,0,.18);
  transform: translateY(12px);
  transition: transform .16s ease;
  padding: 12px 12px 16px;
}
.sheet-backdrop.show .sheet{ transform: translateY(0); }

/* --- Minimal in-order chat --- */

/* --- Order chat: compact preview + sheet --- */
.chat-mini{
  margin-top: 10px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.75);
}
.chat-mini-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
.chat-mini-preview{
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.25;
  opacity: .85;
}
.chat-sheet{
  max-height: 78vh;
  padding-bottom: 14px;
}
.chat-list-sheet{
  height: 46vh;
  overflow:auto;
}
.chat-send-sheet{
  position: sticky;
  bottom: 0;
  background: rgba(255,255,255,.92);
  padding-top: 10px;
  padding-bottom: 2px;
  backdrop-filter: blur(8px);
}
@media (max-width: 420px){
  .chat-list-sheet{ height: 42vh; }
}


.chat-box{ margin-top:10px; }
.chat-list{
  height: 240px;
  overflow:auto;
  padding: 10px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.75);
}
.chat-row{ display:flex; margin: 6px 0; }
.chat-row.me{ justify-content:flex-end; }
.chat-row.other{ justify-content:flex-start; }
.chat-bubble{
  max-width: 82%;
  padding: 10px 12px;
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.06);
  background: #fff;
}
.chat-row.me .chat-bubble{
  background: rgba(34,197,94,.10);
  border-color: rgba(34,197,94,.20);
}
.chat-who{ font-size: 12px; font-weight: 700; opacity: .75; margin-bottom: 4px; }
.chat-text{ font-size: 14px; line-height: 1.25; white-space: pre-wrap; word-break: break-word; }
.chat-time{ font-size: 11px; opacity: .55; margin-top: 6px; text-align: right; }

.chat-quick{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.chip{
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.9);
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 13px;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease;
}
.chip:active{ transform: translateY(1px) scale(.98); }

.chat-send{ display:flex; gap:10px; margin-top:10px; }
.chat-send input{
  flex:1;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.95);
}

@media (max-width: 420px){
  .chat-list{ height: 210px; }
  .chat-bubble{ max-width: 86%; }
}
.sheet-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 2px 2px 10px;
}
.sheet-title{ font-weight: 700; font-size: 16px; }
.sheet-x{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  font-size: 18px;
  line-height: 1;
}
.btn.block{
  display: block;
  width: 100%;
}
.btn.disabled{
  opacity: .6;
  pointer-events: none;
}


/* Stars donation (profile) */
.donate-box{
  border:1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.75);
  border-radius: 18px;
  padding: 12px;
}
.donate-title{
  font-weight: 800;
  letter-spacing: .2px;
}
.donate-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.btn.chip{
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 800;
}

.donate-sub{
  margin-top: 4px;
  font-size: 12.5px;
  opacity: .75;
}
.donate-list{
  margin-top: 10px;
  display: grid;
  gap: 10px;
}
.donate-row{
  width: 100%;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.85);
  border-radius: 16px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  text-align: left;
  transition: transform .08s ease, box-shadow .18s ease, background .18s ease;
}
.donate-row:active{
  transform: scale(.99);
}
.donate-row:hover{
  background: rgba(255,255,255,.95);
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
}
.donate-star{
  flex: 0 0 auto;
}
.donate-star path{
  fill: #f5c542;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.12));
}
.donate-text{
  font-weight: 900;
  letter-spacing: .2px;
}
.donate-foot{
  margin-top: 10px;
  opacity: .75;
}

/* Bottom sheet (donations) */
.sheet{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.sheet[hidden]{
  display: none !important;
}
.sheet-scrim{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
  opacity: 0;
  transition: opacity .18s ease;
}
.sheet-panel{
  position: relative;
  width: min(520px, 100%);
  margin: 10px;
  border-radius: 20px;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 24px 70px rgba(0,0,0,.25);
  padding: 12px;
  transform: translateY(18px);
  opacity: .98;
  transition: transform .18s ease, opacity .18s ease;
}
.sheet.show .sheet-scrim{ opacity: 1; }
.sheet.show .sheet-panel{ transform: translateY(0); opacity: 1; }
.sheet-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}
.sheet-title{
  font-weight: 900;
  letter-spacing: .2px;
}
.sheet-sub{
  margin-top: 4px;
  font-size: 12.5px;
  opacity: .75;
}
.sheet-list{
  margin-top: 12px;
  display: grid;
  gap: 10px;
}
.sheet-row{
  width: 100%;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.9);
  border-radius: 16px;
  padding: 12px 14px;
  display:flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  font-weight: 900;
  text-align: left;
  transition: transform .08s ease, box-shadow .18s ease, background .18s ease;
}
.sheet-row:active{ transform: scale(.99); }
.sheet-row:hover{ background: rgba(255,255,255,.98); box-shadow: 0 10px 22px rgba(0,0,0,.07); }
.sheet-star{
  width: 22px;
  height: 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height: 1;
  color: #F2C94C; /* Telegram-like gold */
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.12));
}
.sheet-star .star-ico{ width: 20px; height: 20px; display:block; }
.sheet-foot{
  margin-top: 10px;
  opacity: .75;
}


/* Transfer filters */
.transfer-filters{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.transfer-filters .filters-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.transfer-filters .filters-row .input{
  flex:1;
}
.filter-label{
  display:block;
  font-size:11px;
  line-height:1.2;
  margin-bottom:2px;
  color:rgba(15,23,42,.65);
}

.transfer-filters .chip{
  border-radius:999px;
  padding:4px 10px;
  border:1px solid rgba(15,23,42,0.08);
  background:#f3f4f6;
  font-size:13px;
  cursor:pointer;
}
.transfer-filters .chip-active{
  background:#10b981;
  color:#ffffff;
  border-color:#10b981;
}



.transfer-filters .filters-row:first-child{
  flex-wrap:nowrap;
  overflow-x:auto;
  padding-bottom:4px;
}

.transfer-filters .filters-row:first-child .chip{
  flex:0 0 auto;
  white-space:nowrap;
}
/* 2-column layout for city + date on larger screens */
.transfer-filters .filters-row-2col{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
}
.transfer-filters .filters-row-2col .filter-col{
  flex:1;
  min-width:0;
}

/* On narrow screens stack city and date vertically (mobile behaviour) */
@media (max-width: 640px){
  .transfer-filters .filters-row-2col{
    flex-direction:column;
  }
}


/* Compact layout for transfer cards */
.item.transfer-card{
  padding:14px 16px 16px;
  border-radius:20px;
  background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(240,253,250,.96));
  box-shadow:0 14px 30px rgba(15,23,42,.12);
  border:1px solid rgba(148,163,184,.2);
}


.transfer-card-top{
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.transfer-card-main{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.transfer-card-header{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.pill-best-floating{
  position:absolute;
  top:0;
  right:0;
  transform:translateY(-50%);
  padding:3px 8px;
  font-size:10px;
  border-radius:999px;
  box-shadow:0 6px 14px rgba(15,23,42,.18);
}

.pill-best-floating.pill{
  border-color:rgba(59,130,246,.7);
}

.transfer-card-route{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}


.transfer-pill-row{
  margin-top:2px;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}

.transfer-pill-row .pill{
  padding:4px 8px;
  font-size:11px;
  border-radius:999px;
}

.transfer-pill-row .pill-best{
  box-shadow:none;
}

.transfer-card-meta{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  margin-top:4px;
}

.transfer-meta-main{
  font-size:13px;
  color:#4b5563;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
}
.transfer-card-side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
  gap:8px;
  margin-left:8px;
}

.transfer-card-side .transfer-car-thumb{
  margin-top:4px;
}


.transfer-price-block{
  text-align:right;
}

.transfer-price-main{
  font-size:18px;
  font-weight:700;
  line-height:1.1;
}

.transfer-price-sub{
  font-size:11px;
  color:#6b7280;
}

.transfer-driver{
  margin-top:6px;
  font-size:13px;
  color:#4b5563;
}

.transfer-driver-line{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  align-items:center;
  margin-bottom:2px;
}

.transfer-extra{
  font-size:12px;
  color:#6b7280;
}
.car-type-icon-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background:rgba(15,23,42,.04);
  margin-right:6px;
  vertical-align:-4px;
}

.car-type-icon{
  width:18px;
  height:18px;
  display:block;
}

.car-type-text{
  vertical-align:middle;
}


.transfer-actions .btn.primary{
  width:100%;
  border-radius:999px;
  box-shadow:0 12px 26px rgba(16,185,129,.45);
}

.transfer-car-thumb{
  flex-shrink:0;
}

.transfer-car-thumb img{
  width:112px;
  height:80px;
  border-radius:14px;
  object-fit:cover;
  display:block;
  border:1px solid rgba(0,0,0,.06);
  background:#f3f4f6;
}

/* Stack layout on small screens */
@media (max-width: 480px){
  .transfer-card-top{
    flex-direction:column;
  }
  .transfer-car-thumb{
    align-self:stretch;
    width:100%;
    max-width:100%;
  }
  .transfer-car-thumb img{
    width:100%;
    height:auto;
  }
}


/* Компактный бейдж с флажками направления */
.flag-tag{
  font-size:13px;
  padding:2px 8px;
}


.tab-label-with-badge{
  position:relative;
  display:inline-block;
  padding-right:14px;
}
.tab-badge{
  position:absolute;
  top:-6px;
  right:-8px;
  min-width:16px;
  padding:0 4px;
  border-radius:999px;
  background:var(--danger);
  color:#fff;
  font-size:10px;
  line-height:14px;
  font-weight:600;
}
.meta-line{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
}
.meta-icon{
  font-size:12px;
  margin-right:3px;
}

.card-premium{border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.06);padding:14px;background:#fff;margin-bottom:12px;}
.card-premium .row{display:flex;gap:12px;}
.card-premium img{width:76px;height:76px;border-radius:14px;object-fit:cover;box-shadow:0 2px 6px rgba(0,0,0,.08);}
.card-premium .title{font-weight:600;font-size:15px;margin-bottom:4px;}
.card-premium .meta{font-size:13px;color:#333;display:flex;gap:6px;flex-wrap:wrap;}
.card-premium .driver{font-size:13px;margin-top:4px;}
.card-premium .car{font-size:13px;color:#444;margin-top:4px;}


/* iOS-like segmented control */
.seg.ios{
  position:relative;
  overflow:hidden;
  border-radius:14px;
  background:rgba(15,23,42,.06);
  padding:2px;
  gap:0;
}
.seg.ios .seg-indicator{
  position:absolute;
  top:2px;
  bottom:2px;
  left:2px;
  width:calc((100% - 4px) / 4);
  border-radius:12px;
  background:#fff;
  box-shadow:0 6px 14px rgba(15,23,42,.12);
  transform:translateX(calc(var(--seg-index, 0) * 100%));
  transition:transform .18s ease;
}
.seg.ios .seg-btn{
  position:relative;
  z-index:1;
  flex:1;
  padding:10px 6px;
  font-size:12px;
  border:0;
  background:transparent;
  color:rgba(15,23,42,.75);
}
.seg.ios .seg-btn.active{
  color:rgba(15,23,42,.95);
  font-weight:700;
}


/* ===== karuca-theme.css ===== */
:root{
  --accent:#39cf10;
  --accent-2:#25aa00;
  --accent-soft:#effde9;
  --ink:#07131b;
  --muted:#788189;
  --line:#e8ece9;
  --bg:#f5f7f5;
  --surface:#fff;
  --tabbar-h:76px;
  --radius:18px;
  --radius-sm:14px;
  --radius-lg:24px;
  --shadow-sm:0 8px 24px rgba(7,19,27,.065);
  --shadow:0 18px 45px rgba(7,19,27,.105);
}
html,body{background:var(--bg);color:var(--ink)}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(500px 250px at 100% 0,rgba(86,235,28,.1),transparent 70%);z-index:-1}
.app{max-width:560px;margin:0 auto;background:var(--bg);position:relative;box-shadow:0 0 80px rgba(7,19,27,.06)}
.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(232,236,233,.8);box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar-inner{height:64px;padding:10px 16px;gap:10px}
.top-menu{width:38px;height:38px;border:0;background:transparent;padding:10px 8px;display:flex;flex-direction:column;justify-content:center;gap:4px;border-radius:12px}
.top-menu span{display:block;width:19px;height:2px;background:var(--ink);border-radius:4px}.top-menu span:nth-child(2){width:14px}
.brand-logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;line-height:1}.brand-img{width:31px;height:31px;box-shadow:none;border-radius:0}.brand-word{font-size:21px;font-weight:800;letter-spacing:-.6px}.badge{display:none}
.top-profile{gap:7px}.lang-switch{padding:2px;border:0;background:#f1f4f1}.lang-btn{padding:6px 7px;font-size:10px}.iconbtn,.avatarbtn{width:36px;height:36px;border:0;background:transparent;padding:7px}.helpbtn svg{width:22px;height:22px}.avatarbtn{background:#eef2ee}.avatarbtn .top-avatar{width:28px;height:28px}
.main{max-width:none;padding:14px 14px calc(var(--tabbar-h) + var(--safe-b) + 18px);scrollbar-width:none}.main::-webkit-scrollbar{display:none}
.karuca-page{display:flex;flex-direction:column;gap:14px}.karuca-page>.card{margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm);padding:17px}.card+.card{margin-top:0}
.h1{font-size:25px;letter-spacing:-.65px}.h2{font-size:18px;letter-spacing:-.3px}.p,.small{color:var(--muted)}
.btn{border-radius:14px;min-height:48px;font-weight:750}.btn.primary,.primary-action{background:linear-gradient(180deg,#43dc14,#2fbd08);color:#fff;border:0;box-shadow:0 11px 23px rgba(57,207,16,.22)}.btn.primary:hover,.primary-action:hover{background:linear-gradient(180deg,#43dc14,#2fbd08)}.btn.ghost,.secondary-action{background:#fff;color:var(--ink);border:1px solid var(--line)}

/* bottom navigation */
.tabbar{left:50%;right:auto;transform:translateX(-50%);width:min(560px,100%);background:rgba(255,255,255,.96);border-top:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:0 -12px 35px rgba(7,19,27,.08)}
.tabbar-inner{max-width:none;padding:7px 12px calc(7px + var(--safe-b))}.tab{height:59px;padding:5px 3px;gap:3px;color:#899198}.tab svg{width:22px;height:22px}.tab span{font-size:10.5px;font-weight:650;position:relative}.tab.active{color:var(--accent-2)}.tab.active svg{filter:drop-shadow(0 4px 8px rgba(57,207,16,.18))}.tab-count{position:absolute;top:-28px;right:-12px;background:var(--accent);color:#fff;font-style:normal;font-size:9px;line-height:17px;min-width:17px;height:17px;border-radius:20px;padding:0 4px;border:2px solid #fff}

/* home */
.home-welcome{display:flex;align-items:flex-end;justify-content:space-between;padding:4px 3px 0}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--accent-2);margin-bottom:4px}.home-welcome h1,.page-title h1{font-size:27px;line-height:1.08;margin:0;letter-spacing:-.8px}.active-pill{border:0;background:var(--accent-soft);color:var(--accent-2);font-weight:800;padding:8px 10px;border-radius:999px}
.home-search{width:100%;height:52px;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:11px;padding:0 13px;color:#8a9298;font-size:14px;text-align:left;box-shadow:0 7px 21px rgba(7,19,27,.04)}.search-icon,.filter-icon{width:24px;height:24px;display:grid;place-items:center;color:#27343b}.search-icon svg,.filter-icon svg{width:21px;height:21px}.home-search>span:nth-child(2){flex:1}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.service-tile{min-height:160px;padding:12px 9px 13px;border:1px solid var(--line);background:#fff;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;box-shadow:0 8px 22px rgba(7,19,27,.045);overflow:hidden}.service-tile:active{transform:scale(.985)}.service-art{height:88px;width:100%;display:grid;place-items:center;margin-bottom:2px}.service-art .ico-img,.service-art .ico-img img{width:126px;height:92px}.service-art img{object-fit:contain;filter:drop-shadow(0 10px 10px rgba(7,19,27,.16))}.service-tile strong{font-size:16px;letter-spacing:-.2px}.service-tile small{font-size:11px;color:#92999f;margin-top:3px}
.promo-banner{min-height:138px;background:linear-gradient(135deg,#0a171e,#101f27 65%,#07131b);border-radius:22px;position:relative;overflow:hidden;color:#fff;padding:21px;display:flex;align-items:center;box-shadow:0 16px 34px rgba(7,19,27,.17)}.promo-copy{position:relative;z-index:2;max-width:62%;display:flex;flex-direction:column}.promo-copy span{font-size:12px;color:#9ae87d;font-weight:750}.promo-copy strong{font-size:20px;line-height:1.08;margin:5px 0 7px;letter-spacing:-.45px}.promo-copy small{font-size:11px;color:#b8c2c7;line-height:1.3}.promo-car{position:absolute;right:-5px;bottom:-5px;width:150px;height:112px;display:grid;place-items:center;z-index:1}.promo-car .ico-img,.promo-car img{width:150px;height:112px}.promo-orb{position:absolute;border-radius:50%;background:var(--accent);filter:blur(1px);opacity:.75}.orb-a{width:15px;height:15px;right:18px;top:19px}.orb-b{width:8px;height:8px;right:146px;bottom:18px}
.quick-section{background:#fff;border:1px solid var(--line);border-radius:21px;padding:16px;box-shadow:var(--shadow-sm)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-head h2{font-size:16px;margin:0}.section-head button{border:0;background:transparent;color:var(--accent-2);font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quick-grid button{border:0;background:transparent;color:#4e5960;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:6px}.quick-grid button span{width:43px;height:43px;border-radius:50%;background:#f3f6f3;display:grid;place-items:center;color:var(--ink);font-size:21px}

/* booking */
.booking-page{gap:0;margin:-14px -14px 0}.booking-map-card{height:225px;position:relative;overflow:hidden;background:#eef2ef}.fake-map-grid{position:absolute;inset:0;background-color:#edf1ed;background-image:linear-gradient(28deg,transparent 47%,#fff 48%,#fff 52%,transparent 53%),linear-gradient(118deg,transparent 46%,#fff 47%,#fff 52%,transparent 53%),linear-gradient(90deg,rgba(188,207,194,.55) 1px,transparent 1px),linear-gradient(rgba(188,207,194,.55) 1px,transparent 1px);background-size:120px 80px,150px 100px,38px 38px,38px 38px}.fake-route{position:absolute;inset:0;width:100%;height:100%}.map-back{position:absolute;top:14px;left:14px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;box-shadow:0 8px 20px rgba(7,19,27,.14);font-size:29px;line-height:1;color:var(--ink)}.eta-bubble{position:absolute;top:16px;left:50%;transform:translateX(-50%);background:#fff;border-radius:13px;padding:8px 12px;text-align:center;color:var(--accent-2);font-size:13px;font-weight:850;box-shadow:0 8px 20px rgba(7,19,27,.12)}.eta-bubble small{display:block;color:#858e94;font-size:9px;font-weight:650}.map-car{position:absolute;width:48px;height:34px;transform:rotate(15deg)}.map-car .ico-img,.map-car img{width:48px;height:34px}.car-one{right:65px;top:48px}.car-two{left:95px;bottom:27px;transform:rotate(-25deg)}
.booking-panel{position:relative;margin-top:-13px;background:#fff;border-radius:22px 22px 0 0;padding:14px 14px 24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 -12px 30px rgba(7,19,27,.08)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-card{height:72px;border:1px solid var(--line);background:#f8faf8;border-radius:15px;padding:8px 9px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;text-align:left;align-items:center}.mode-card>span{grid-row:1/3}.mode-card .ico-img,.mode-card img{width:32px;height:31px}.mode-card b{font-size:12px;white-space:nowrap}.mode-card small{font-size:9px;color:#8c959a}.mode-card.active{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px rgba(57,207,16,.12)}
.route-field{height:62px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:8px 11px;display:flex;align-items:center;gap:10px;text-align:left}.route-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.route-dot.start{background:var(--accent)}.route-dot.finish{background:var(--ink)}.route-field span{flex:1;min-width:0;display:flex;flex-direction:column}.route-field small{font-size:9px;color:#92999d}.route-field b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-field em{font-style:normal;font-size:11px;color:#677178;background:#f3f5f3;padding:5px 8px;border-radius:8px}.booking-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.booking-options button{height:39px;border:1px solid var(--line);background:#f8faf8;border-radius:12px;color:#4d575d;font-size:11px}
.price-section{display:grid;grid-template-columns:1fr 145px;gap:10px;align-items:end}.price-section h2,.offers-head h2{font-size:16px;margin:0}.price-section p,.offers-head p{font-size:10px;color:#8d959a;margin:2px 0 0}.price-input{height:61px;border:1px solid var(--line);border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 13px}.price-input strong{font-size:25px;letter-spacing:-.6px}.price-input span{font-size:17px}.offers-head{display:flex;justify-content:space-between;align-items:center}.offers-head>span{min-width:27px;height:27px;border-radius:50%;background:var(--accent-soft);color:var(--accent-2);font-size:11px;font-weight:850;display:grid;place-items:center}
.driver-offers{display:flex;flex-direction:column;gap:8px}.driver-offer{min-height:78px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:9px;display:grid;grid-template-columns:45px 1fr 88px;gap:9px;align-items:center;text-align:left}.driver-offer.confirmed{border-color:var(--accent);box-shadow:0 7px 18px rgba(57,207,16,.08)}.offer-avatar{width:43px;height:43px;border-radius:50%;background:#14232b;color:#fff;display:grid;place-items:center;overflow:hidden;font-weight:800}.offer-avatar img{width:100%;height:100%;object-fit:cover}.offer-main{display:flex;flex-direction:column;min-width:0}.offer-main b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer-main b i{font-style:normal;font-size:9px;color:#f4a900}.offer-main small,.offer-main em{font-size:9px;color:#8c959a;font-style:normal}.offer-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.offer-price b{font-size:17px}.offer-price small{font-size:8.5px;line-height:1.1;color:#fff;background:var(--accent-2);padding:5px 7px;border-radius:7px;text-align:center;margin-top:3px;max-width:82px}.confirmed .offer-price small{background:transparent;color:var(--accent-2);font-weight:750;padding:2px 0}.waiting-offers,.empty-offers{border:1px dashed #cfd7d1;border-radius:17px;padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center;color:#7e888e}.waiting-offers .pulse-car,.empty-offers>span{height:70px}.waiting-offers .ico-img,.waiting-offers img,.empty-offers .ico-img,.empty-offers img{width:100px;height:70px}.waiting-offers b,.empty-offers h2{color:var(--ink);font-size:15px;margin:0}.waiting-offers small,.empty-offers p{font-size:10px;margin:4px 0 0}.primary-action{width:100%;height:54px;border-radius:15px;font-size:15px;font-weight:850}.safety-note{display:flex;align-items:center;gap:10px;background:#f6f8f6;border-radius:14px;padding:11px}.safety-note>span{width:32px;height:32px;border:1px solid var(--accent);color:var(--accent-2);display:grid;place-items:center;border-radius:10px}.safety-note div{display:flex;flex-direction:column}.safety-note b{font-size:11px}.safety-note small{font-size:9px;color:#8c959a}

/* profile */
.profile-page{margin:-14px -14px 0;gap:12px}.profile-hero{position:relative;background:linear-gradient(145deg,#07131b,#10222b);color:#fff;padding:25px 18px 18px;border-radius:0 0 25px 25px;box-shadow:0 16px 35px rgba(7,19,27,.18)}.profile-identity{display:flex;align-items:center;gap:12px;padding-right:38px}.profile-identity .avatar{width:66px;height:66px;border:3px solid rgba(255,255,255,.95);background:#1b303a}.profile-identity .avatar .initials{color:#fff}.profile-identity h1{font-size:20px;margin:0 0 2px}.profile-identity p{font-size:11px;color:#b7c2c7;margin:0}.premium-badge{display:inline-flex;margin-top:5px;font-size:9px;color:#a1f682;background:rgba(75,224,25,.1);padding:4px 7px;border-radius:20px}.profile-settings{position:absolute;top:21px;right:16px;border:0;background:transparent;color:#fff;font-size:20px}.profile-page .avatar-edit{background:var(--accent);border-color:#fff;color:#07131b}.profile-page .avatar-remove{background:#fff;color:#07131b}
.wallet-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;background:#fff;border-radius:17px;overflow:hidden}.wallet-card{min-height:91px;border:0;background:#fff;text-align:left;padding:13px;display:flex;flex-direction:column}.wallet-card+ .wallet-card{border-left:1px solid var(--line)}.wallet-card small{font-size:10px;color:#3b474e}.wallet-card strong{font-size:21px;color:var(--ink);margin:4px 0}.wallet-card span{font-size:9px;color:#9aa1a5}.bonus-card{width:100%;min-height:88px;margin-top:10px;background:linear-gradient(135deg,#10232c,#07131b);border:1px solid #29404a;border-radius:17px;color:#fff;padding:14px;display:flex;align-items:center;justify-content:space-between;text-align:left}.bonus-card>span{display:flex;flex-direction:column}.bonus-card small{color:#b9c4c9;font-size:9px}.bonus-card strong{font-size:17px;margin:3px 0}.bonus-card em{font-style:normal;color:#8de66f;font-size:9px}.bonus-card i{font-style:normal;font-size:39px}
.profile-menu,.driver-mode-card,.profile-editor{margin:0 14px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden}.profile-menu button{width:100%;min-height:65px;border:0;background:#fff;padding:10px 13px;display:grid;grid-template-columns:34px 1fr 15px;gap:9px;align-items:center;text-align:left}.profile-menu button+button{border-top:1px solid var(--line)}.menu-icon{width:31px;height:31px;border-radius:10px;background:#f3f6f3;display:grid;place-items:center;color:#243139;font-size:16px}.profile-menu button>span:nth-child(2){display:flex;flex-direction:column}.profile-menu b{font-size:13px}.profile-menu small{font-size:9px;color:#939ba0;margin-top:2px}.profile-menu i{font-style:normal;font-size:20px;color:#8c959a}.driver-mode-card{border-color:#afe99c;padding:0;background:linear-gradient(180deg,#f3ffef,#fff)}.driver-mode-card>button{width:100%;border:0;background:transparent;min-height:75px;padding:10px 13px;display:grid;grid-template-columns:54px 1fr 15px;gap:10px;align-items:center;text-align:left}.driver-mode-card>button+button{border-top:1px solid #c6efb9}.driver-mode-icon{width:54px;height:50px}.driver-mode-icon .ico-img,.driver-mode-icon img{width:64px;height:50px}.driver-mode-card button>span:nth-child(2){display:flex;flex-direction:column}.driver-mode-card b{font-size:13px}.driver-mode-card small{font-size:9px;color:#719067}.driver-mode-card i{font-style:normal;color:var(--accent-2);font-size:20px}.driver-onboard{grid-template-columns:1fr 80px!important}.driver-onboard>.ico-img,.driver-onboard img{width:90px;height:58px}.compact{margin-bottom:0}.profile-editor{margin-bottom:10px}.profile-editor summary{padding:15px;font-weight:800;cursor:pointer}.profile-editor-body{padding:0 15px 15px}.profile-editor-body label{margin-top:9px}.profile-editor-body input{background:#f8faf8}.secondary-action{width:100%;height:48px;border-radius:14px;margin-top:8px;font-weight:750}

/* messages */
.page-title{padding:7px 3px}.page-title p{margin:5px 0 0;color:var(--muted);font-size:12px}.message-list{display:flex;flex-direction:column;gap:9px}.message-row{border:1px solid var(--line);background:#fff;border-radius:18px;padding:11px;display:grid;grid-template-columns:49px 1fr 15px;align-items:center;gap:10px;text-align:left;box-shadow:var(--shadow-sm)}.message-avatar{width:47px;height:47px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;overflow:hidden;font-weight:850}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.message-row b{font-size:13px}.message-row small{font-size:10px;color:#7f898f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-row em{font-size:9px;color:var(--accent-2);font-style:normal;margin-top:3px}.message-row>i{font-style:normal;font-size:20px;color:#a4aaae}.empty-state{text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px 20px}.empty-state>span{font-size:26px;color:var(--accent-2)}.empty-state h2{font-size:17px;margin:10px 0 4px}.empty-state p{font-size:11px;color:var(--muted);margin:0}

/* existing pages and transfers */
.transfers-page>.card:first-child,.orders-page>.card:first-child{background:linear-gradient(145deg,#07131b,#11262f);color:#fff;border:0}.transfers-page>.card:first-child .p,.orders-page>.card:first-child .p{color:#bdc7cb}.transfer-card,.orders-page .item{border-color:var(--line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--shadow-sm)}.transfer-price-main{color:var(--accent-2)!important}.transfer-filters{background:#fff;border-radius:18px;padding:12px;border:1px solid var(--line)}

/* full-screen sheets and order creation */
.modal{background:rgba(7,19,27,.32);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal-inner{max-width:560px;background:var(--bg);border:0}.modal-header{height:60px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.modal-header .btn{min-height:36px;padding:7px 10px;border-radius:10px;font-size:11px}.modal-title{font-size:15px}.modal-body{padding:12px 13px calc(30px + var(--safe-b))}.modal-body .card{border-radius:20px}.leaflet-container{border-radius:18px!important;overflow:hidden}.sheet{border-radius:24px 24px 0 0!important}.sheet-row{border-radius:14px!important}.form input,.form select,.form textarea{background:#f8faf8;border-color:var(--line)}

/* role gate */
.role-screen{padding-top:10px}.role-hero{background:linear-gradient(145deg,#07131b,#11262f);color:#fff;border-radius:24px;padding:20px}.role-hero p{color:#b9c4c9}.role-card .card{margin-top:14px}

@media (max-width:390px){.service-tile{min-height:148px}.service-art{height:78px}.service-art .ico-img,.service-art .ico-img img{width:110px;height:82px}.promo-copy{max-width:66%}.promo-copy strong{font-size:18px}.price-section{grid-template-columns:1fr 125px}.driver-offer{grid-template-columns:42px 1fr 78px}.quick-grid button{font-size:9px}}
@media (min-width:561px){body{padding:18px 0}.app{height:calc(100vh - 36px);border-radius:28px;overflow:hidden}.tabbar{bottom:18px;border-radius:20px}.booking-page,.profile-page{margin-top:-14px}}
.transfer-title-row{display:flex;gap:12px;align-items:flex-start}.transfer-title-row .transfer-back{position:static;flex:0 0 auto;box-shadow:none;background:#f3f6f3}.transfer-title-row .h1{margin-bottom:4px}.transfer-mode-switch{margin-top:14px}.transfers-page>.card:first-child{padding:17px}.transfers-page>.card:first-child .mode-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}.transfers-page>.card:first-child .mode-card small{color:#9eabb1}.transfers-page>.card:first-child .mode-card.active{background:#fff;color:var(--ink);border-color:#fff}.transfers-page>.card:first-child .mode-card.active small{color:#7e898f}
/* final visual refinements */
.topbar .lang-switch{display:none}
.promo-car .ico.ico-img,.promo-car .ico.ico-img img{width:150px!important;height:112px!important}
.mode-card .ico.ico-img,.mode-card .ico.ico-img img{width:38px!important;height:34px!important}
.map-car .ico.ico-img,.map-car .ico.ico-img img{width:48px!important;height:34px!important}
.waiting-offers .ico.ico-img,.waiting-offers .ico.ico-img img,.empty-offers .ico.ico-img,.empty-offers .ico.ico-img img{width:100px!important;height:70px!important}
.driver-mode-icon .ico.ico-img,.driver-mode-icon .ico.ico-img img{width:64px!important;height:50px!important}
.driver-onboard>.ico.ico-img,.driver-onboard>.ico.ico-img img{width:90px!important;height:58px!important}
.driver-onboard>span:first-child{display:flex;flex-direction:column;gap:2px}

/* Karuca approved prototype — exact visual pass v3 */
.lang-switch,.avatarbtn{display:none!important}
.top-profile{margin-left:auto}
.home-welcome{display:none!important}
.home-page{gap:12px}
.home-search{height:50px;border-radius:15px;box-shadow:0 7px 20px rgba(7,19,27,.035)}
.service-grid{gap:10px}
.service-tile{min-height:154px;padding:10px 8px 13px;border-radius:18px;justify-content:flex-end}
.service-art{height:91px;margin:0 0 1px}
.service-art .ico-img,.service-art .ico-img img{width:132px!important;height:94px!important}
.service-art img{filter:none!important;object-fit:contain}
.service-tile strong{font-size:16px;font-weight:760}
.service-tile small{font-size:10.5px;margin-top:4px}
.promo-banner{min-height:126px;padding:18px 17px;background:linear-gradient(135deg,#08161d 0%,#0c1b23 62%,#07131b 100%);border-radius:19px}
.promo-copy{max-width:58%;gap:2px}
.promo-copy strong{font-size:22px;line-height:1.05;margin:0 0 5px}
.promo-copy small{font-size:12px;color:#fff;margin:0}
.promo-copy em{font-size:10px;color:#d6dedb;font-style:normal;margin-top:4px}
.promo-car{position:absolute!important;right:3px!important;bottom:0!important;width:49%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
.promo-car img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0 18px 18px 0!important;filter:none!important}
.promo-dot{position:absolute;width:5px;height:5px;border-radius:50%;bottom:8px;background:#30424a;z-index:4}.promo-dot.dot-a{left:46%;background:#28c709}.promo-dot.dot-b{left:50%}.promo-dot.dot-c{left:54%}
.quick-section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px 12px;box-shadow:0 8px 22px rgba(7,19,27,.04)}
.quick-grid button span{background:#f7f9f7;border:1px solid #eef1ee}
.quick-grid button span svg{width:21px;height:21px}
.ico.ico-img img{object-fit:contain}
.mode-card .ico-img,.mode-card .ico-img img{filter:none!important}
.map-car .ico-img img,.pulse-car .ico-img img,.empty-offers .ico-img img{filter:none!important}
.driver-mode-icon .ico-img img,.driver-onboard .ico-img img{filter:none!important}
@media (max-width:390px){
  .service-tile{min-height:145px}.service-art{height:82px}.service-art .ico-img,.service-art .ico-img img{width:118px!important;height:84px!important}
  .promo-copy strong{font-size:20px}
}

/* Karuca V4 product upgrade */
.order-feature-chips{display:flex;flex-wrap:wrap;gap:6px;margin:-3px 0 10px}.order-feature-chips span{padding:7px 9px;border-radius:999px;background:#effde9;color:#278d0c;font-size:10px;font-weight:800;border:1px solid #c9efbd}
.order-strategy{margin-top:14px}.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.strategy-card{min-height:72px;border:1px solid var(--line);border-radius:14px;background:#f8faf8;padding:9px 6px;display:flex;flex-direction:column;justify-content:center;gap:4px;color:var(--ink)}.strategy-card b{font-size:13px}.strategy-card small{font-size:9px;color:var(--muted)}.strategy-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px rgba(57,207,16,.1)}
.schedule-chips{display:flex;gap:7px;margin:7px 0}.schedule-chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:750;color:var(--ink)}.schedule-chips button:active{border-color:var(--accent);background:var(--accent-soft)}
.smart-option,.airport-extras{margin:12px 0;padding:12px;border:1px solid #c9efbd;background:#f7fff4;border-radius:15px}.smart-option label,.airport-extras label{margin-top:0}.toggle-row{display:flex!important;align-items:center;gap:10px;min-height:45px}.toggle-row input[type=checkbox]{width:20px;height:20px;flex:0 0 auto;accent-color:var(--accent-2)}
.driver-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.online-switch{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);font-size:11px;font-weight:800;white-space:nowrap}.online-switch input{width:18px;height:18px;accent-color:var(--accent-2)}
.driver-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.driver-stat-grid div{background:#f6f8f6;border:1px solid var(--line);border-radius:14px;padding:12px 7px;text-align:center}.driver-stat-grid b{display:block;font-size:17px;letter-spacing:-.4px}.driver-stat-grid small{font-size:9px;color:var(--muted)}
.driver-pref-grid{display:grid;gap:10px;margin-bottom:12px}.driver-pref-grid>label>span{display:block;font-size:11px;font-weight:750;margin-bottom:6px}.driver-pref-grid input[type=number]{background:#f8faf8}
.bid-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}.bid-actions input{min-width:0;width:100%;height:44px}.bid-actions .btn{min-height:44px;padding:8px 10px}.bid-actions [data-confirm-price]{grid-column:1/-1}
.order-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.order-details-grid span{display:flex;flex-direction:column;gap:2px;padding:9px;background:#f7f9f7;border:1px solid var(--line);border-radius:12px;font-size:10px;color:var(--muted)}.order-details-grid b{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-2)}
@media(max-width:390px){.strategy-grid{grid-template-columns:1fr}.strategy-card{min-height:58px}.driver-dashboard-head{align-items:stretch;flex-direction:column}.online-switch{align-self:flex-start}.order-details-grid{grid-template-columns:1fr}}


/* ===== karuca-premium-v5.css ===== */
/* Karuca Premium Design System — V5 */
:root{
  --accent:#39d20f;
  --accent-strong:#25ad05;
  --accent-deep:#178d00;
  --accent-soft:#effce9;
  --accent-mist:#f7fff3;
  --ink:#07131b;
  --ink-2:#18252d;
  --muted:#7b858d;
  --muted-2:#a1a9ae;
  --line:#e7ebe8;
  --line-strong:#d9dfdb;
  --bg:#f4f7f4;
  --surface:#ffffff;
  --surface-2:#f9fbf9;
  --dark:#07151d;
  --dark-2:#10232c;
  --shadow-xs:0 5px 15px rgba(7,19,27,.045);
  --shadow-sm:0 10px 28px rgba(7,19,27,.07);
  --shadow-md:0 18px 42px rgba(7,19,27,.11);
  --shadow-dark:0 20px 45px rgba(4,15,22,.22);
  --ease:cubic-bezier(.2,.8,.2,1);
}

html,body{background:var(--bg)}
body:before{
  background:
    radial-gradient(420px 240px at 100% -3%,rgba(57,210,15,.09),transparent 70%),
    radial-gradient(380px 260px at -12% 38%,rgba(57,210,15,.035),transparent 72%);
}
.app{background:var(--bg)}
.main{padding:14px 14px calc(var(--tabbar-h) + var(--safe-b) + 22px)}

/* Header */
.topbar{
  background:rgba(255,255,255,.9);
  border-bottom:1px solid rgba(225,231,226,.78);
  box-shadow:0 8px 28px rgba(7,19,27,.035);
}
.topbar-inner{height:66px;padding:10px 15px}
.top-menu,.iconbtn{transition:background .2s var(--ease),transform .2s var(--ease)}
.top-menu:active,.iconbtn:active{background:#f0f4f0;transform:scale(.96)}
.brand-logo{gap:7px}
.brand-img{width:34px;height:34px;filter:drop-shadow(0 5px 9px rgba(57,210,15,.14))}
.brand-word{font-size:20px;font-weight:790;letter-spacing:-.55px}
.helpbtn{border-radius:12px!important}

/* Generic surfaces */
.karuca-page{gap:13px}
.card,.premium-section,.orders-section,.driver-request-section{
  border:1px solid rgba(226,232,227,.9);
  box-shadow:var(--shadow-xs);
}
.card{border-radius:20px;padding:16px}
.card-kicker,.section-kicker,.hero-kicker{
  display:block;
  color:var(--accent-strong);
  font-size:9.5px;
  line-height:1;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.h1{font-size:27px;line-height:1.08;letter-spacing:-.85px}
.h2{font-size:18px;line-height:1.15;letter-spacing:-.35px}
.small,.p{line-height:1.45}
.ui-icon{display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 auto}
.ui-icon svg{display:block;width:100%;height:100%}

button,.service-tile,.message-row,.order-card,.transfer-card,.driver-job-card{
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease);
}
button:active,.service-tile:active,.message-row:active,.order-card:active,.transfer-card:active,.driver-job-card:active{transform:scale(.985)}
.btn{font-weight:760;letter-spacing:-.1px;border-radius:13px}
.btn.primary,.primary-action{
  background:linear-gradient(180deg,#45dc17 0%,#2fbe08 100%);
  box-shadow:0 11px 24px rgba(48,190,8,.2),inset 0 1px 0 rgba(255,255,255,.26);
}
.btn.primary:active,.primary-action:active{box-shadow:0 5px 13px rgba(48,190,8,.16);transform:translateY(1px)}
.btn.ghost,.secondary-action{background:#fff;border-color:var(--line-strong)}
input,select,textarea,.input,.inp{
  background:#fafcfa;
  border-color:#e2e8e3;
  box-shadow:inset 0 1px 0 rgba(7,19,27,.018);
  transition:border-color .18s,box-shadow .18s,background .18s;
}
input:focus,select:focus,textarea:focus,.input:focus,.inp:focus{
  background:#fff;border-color:#9be984;box-shadow:0 0 0 4px rgba(57,210,15,.09);outline:0;
}

/* Premium hero system */
.premium-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(145deg,var(--dark) 0%,var(--dark-2) 100%);
  border:1px solid rgba(255,255,255,.05);
  border-radius:24px;
  box-shadow:var(--shadow-dark);
  padding:20px;
}
.premium-hero:before{
  content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-105px;top:-115px;
  background:radial-gradient(circle,rgba(57,210,15,.25),rgba(57,210,15,0) 70%);pointer-events:none;
}
.premium-hero:after{
  content:"";position:absolute;inset:auto 15px 0 auto;width:120px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(87,232,44,.55),transparent);pointer-events:none;
}
.premium-hero>*{position:relative;z-index:1}
.premium-hero h1{font-size:27px;line-height:1.03;letter-spacing:-.85px;margin:7px 0 6px}
.premium-hero p{font-size:11.5px;color:#bdc8cd;margin:0;max-width:78%;line-height:1.42}
.hero-kicker{color:#83ef64}
.hero-large-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.08);color:#8bf06c;border:1px solid rgba(255,255,255,.1)}
.hero-large-icon .ui-icon{width:27px;height:27px}

.premium-section{background:#fff;border-radius:20px;padding:15px}
.premium-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.premium-section-head h2{font-size:17px;line-height:1.1;margin:4px 0 0;letter-spacing:-.35px}
.section-status{min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;font-weight:850;font-size:11px}
.screen-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:7px 3px 3px}
.screen-heading h1{font-size:29px;line-height:1;margin:6px 0 5px;letter-spacing:-.9px}
.screen-heading p{font-size:11px;color:var(--muted);margin:0}
.heading-icon{width:46px;height:46px;border-radius:15px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-xs);display:grid;place-items:center;color:var(--ink)}
.heading-icon .ui-icon{width:23px;height:23px}

/* Home refinements */
.home-page{gap:11px}
.home-search{height:52px;border-radius:16px;border-color:#e2e7e3;box-shadow:0 8px 25px rgba(7,19,27,.045)}
.home-search:active{border-color:#b9e9aa;background:#fbfffa}
.service-grid{gap:10px}
.service-tile{
  min-height:151px!important;
  border-color:#e5eae6;
  box-shadow:0 9px 24px rgba(7,19,27,.05);
  background:linear-gradient(180deg,#fff 0%,#fdfefd 100%);
}
.service-tile:active{border-color:#bfeeb1;box-shadow:0 5px 14px rgba(7,19,27,.045)}
.service-art img{filter:drop-shadow(0 10px 13px rgba(7,19,27,.1))!important}
.service-tile strong{font-weight:780;letter-spacing:-.25px}
.service-tile small{color:#929a9f}
.promo-banner{box-shadow:0 16px 33px rgba(7,19,27,.16),inset 0 1px 0 rgba(255,255,255,.03)}
.quick-section{box-shadow:var(--shadow-xs)}
.quick-grid button span{transition:background .18s,border-color .18s,transform .18s}
.quick-grid button:active span{background:var(--accent-soft);border-color:#c8efbd;transform:scale(.94)}

/* Taxi / booking */
.booking-map-card{height:230px;background:#eaf0eb}
.fake-map-grid{opacity:.95;background-size:126px 86px,160px 106px,41px 41px,41px 41px}
.booking-map-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(244,247,244,.12));pointer-events:none}
.map-back,.eta-bubble,.map-car{z-index:2}
.map-back{width:42px;height:42px;font-size:28px;box-shadow:0 9px 24px rgba(7,19,27,.15)}
.eta-bubble{border:1px solid rgba(230,235,231,.9);box-shadow:0 10px 25px rgba(7,19,27,.13);padding:8px 13px}
.booking-panel{border-radius:25px 25px 0 0;padding:16px 14px 27px;gap:12px;box-shadow:0 -17px 38px rgba(7,19,27,.1)}
.mode-card{height:74px;border-radius:16px;background:#fafcfa}
.mode-card.active{background:linear-gradient(180deg,#f5fff2,#edfce8);box-shadow:inset 0 0 0 1px rgba(57,210,15,.12),0 8px 17px rgba(57,210,15,.06)}
.route-field{height:64px;border-radius:15px;background:#fff;box-shadow:0 3px 11px rgba(7,19,27,.025)}
.route-field+ .route-field{margin-top:-7px}
.route-field b{font-size:13.5px}
.booking-options button{height:42px;background:#f8faf8}
.price-section{background:#fafcfa;border:1px solid var(--line);border-radius:17px;padding:12px;align-items:center}
.price-input{border:0;background:#fff;box-shadow:0 4px 14px rgba(7,19,27,.045);height:58px}
.driver-offer{border-radius:16px;box-shadow:0 5px 15px rgba(7,19,27,.03)}
.driver-offer.confirmed{box-shadow:0 9px 23px rgba(57,210,15,.1);background:linear-gradient(180deg,#fff,#fbfff9)}
.offer-avatar{box-shadow:0 0 0 3px #f0f4f0}
.offer-price small{border-radius:8px;padding:6px 8px}
.safety-note{border:1px solid #ebefec;background:#f9fbf9}

/* Airport */
.airport-page{gap:13px}
.airport-hero{min-height:224px;padding:22px 19px;display:flex;align-items:flex-end}
.hero-back{position:absolute;left:15px;top:15px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;font-size:26px;z-index:3}
.airport-hero-copy{padding-top:38px;max-width:72%}
.airport-hero-copy h1{font-size:29px}
.hero-trust{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:9.5px;color:#b9c7cc}
.hero-trust>span{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:rgba(57,210,15,.13);color:#86ef68}
.hero-trust .ui-icon{width:15px;height:15px}
.airport-hero-art{position:absolute!important;right:15px;top:53px;width:95px;height:112px;color:#7bef5b;display:grid;place-items:center}
.airport-hero-art .ui-icon{width:84px;height:84px;transform:rotate(-15deg);filter:drop-shadow(0 15px 20px rgba(0,0,0,.3))}
.airport-hero-art i{position:absolute;width:80px;height:80px;border-radius:50%;border:1px dashed rgba(130,238,99,.34)}
.airport-hero-art b{position:absolute;right:0;bottom:4px;font-size:11px;letter-spacing:.1em;background:#fff;color:var(--ink);padding:5px 7px;border-radius:8px;box-shadow:0 8px 18px rgba(0,0,0,.2)}
.airport-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.airport-grid button{text-align:left;border:1px solid var(--line);border-radius:15px;background:#fafcfa;padding:12px;display:flex;flex-direction:column;min-height:92px}
.airport-grid button:active{border-color:#b6eaa7;background:var(--accent-mist)}
.airport-code{align-self:flex-start;padding:4px 7px;border-radius:7px;background:var(--ink);color:#fff;font-size:9px;font-weight:850;letter-spacing:.08em}
.airport-grid b{font-size:15px;margin-top:8px}
.airport-grid small{font-size:9px;color:var(--muted);margin-top:1px}
.airport-benefits{padding:4px 15px}
.benefit-row{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:13px 0}
.benefit-row+ .benefit-row{border-top:1px solid var(--line)}
.benefit-row>span{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center}
.benefit-row>span .ui-icon{width:20px;height:20px}
.benefit-row div{display:flex;flex-direction:column}.benefit-row b{font-size:13px}.benefit-row small{font-size:9.5px;color:var(--muted);line-height:1.35;margin-top:2px}
.airport-cta{height:auto;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.airport-cta span{font-size:15px}.airport-cta small{font-size:9px;color:rgba(255,255,255,.8);font-weight:600}

/* Messages */
.messages-page{gap:12px}
.messages-notice{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;background:linear-gradient(180deg,#f5fff2,#effce9);border:1px solid #c8efbd;border-radius:16px;padding:11px 12px}
.messages-notice>span{width:38px;height:38px;border-radius:12px;background:#fff;color:var(--accent-strong);display:grid;place-items:center;box-shadow:0 4px 12px rgba(57,210,15,.1)}
.messages-notice>span .ui-icon{width:20px;height:20px}.messages-notice div{display:flex;flex-direction:column}.messages-notice b{font-size:12px}.messages-notice small{font-size:9px;color:#6d8466}
.message-list{gap:8px}
.message-row{position:relative;min-height:73px;padding:11px 12px;border-radius:18px;grid-template-columns:48px 1fr 14px;box-shadow:var(--shadow-xs)}
.message-row:active{border-color:#c4edb8;background:#fbfff9}
.message-avatar{width:48px;height:48px;background:linear-gradient(145deg,#0c2029,#061219);box-shadow:0 0 0 3px #eef2ee}
.message-content{gap:1px}.message-top{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:8px}.message-top time{font-size:8px;color:var(--muted-2);font-style:normal}.message-row b{font-size:13.5px}.message-row small{font-size:9.5px}.message-row em{display:inline-flex;align-self:flex-start;padding:3px 6px;border-radius:6px;background:var(--accent-soft);font-size:8px;font-weight:750}.unread-dot{position:absolute;right:10px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #fff}
.premium-empty{box-shadow:var(--shadow-xs);padding:35px 22px}.premium-empty>span{display:grid;place-items:center;margin:0 auto;width:58px;height:58px;border-radius:18px;background:var(--accent-soft);color:var(--accent-strong)}.premium-empty>span .ui-icon{width:29px;height:29px}.premium-empty .btn{margin-top:15px;min-width:170px}

/* Orders */
.orders-page>.card:first-child{display:none}
.orders-hero{display:flex;align-items:flex-end;justify-content:space-between;min-height:173px}
.orders-hero p{max-width:95%}
.orders-hero-stats{display:flex;gap:7px;align-self:flex-end;margin-left:10px}
.orders-hero-stats span{min-width:62px;height:68px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;justify-content:center;align-items:center}
.orders-hero-stats b{font-size:20px;line-height:1;color:#fff}.orders-hero-stats small{font-size:8px;color:#b9c6ca;margin-top:5px}
.orders-section{background:transparent;border:0;box-shadow:none;padding:0}
.orders-section .premium-section-head{padding:0 3px;margin:4px 0 8px}
.premium-order-list{gap:9px}
.order-card{border-radius:19px!important;padding:13px!important;box-shadow:var(--shadow-xs)!important}
.order-card-head{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px}
.order-service-icon{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center}.order-service-icon .ui-icon{width:22px;height:22px}
.order-card-head>div{display:flex;flex-direction:column}.order-card-head small{font-size:9px;color:var(--muted)}.order-card-head b{font-size:18px;line-height:1.1;margin-top:1px}
.order-route{margin:13px 3px 10px;padding:10px 11px;background:#fafcfa;border:1px solid #eef1ef;border-radius:14px;display:grid;grid-template-columns:1fr;gap:5px}
.order-route>span{display:grid;grid-template-columns:12px 1fr;align-items:center;gap:8px;font-size:11px}.order-route b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-route>span:nth-child(2){height:5px}.route-line{display:block;width:1px;height:9px;background:#cbd3cd;margin-left:5px}
.order-card-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:9px}.order-card-meta>span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:8px;background:#f5f7f5}.order-card-meta .ui-icon{width:13px;height:13px}
.order-card .item-actions{margin-top:11px;border-top:1px solid #eef1ef;padding-top:10px}
.order-card .item-actions .btn{flex:1;min-height:38px}
.transfer-order-card .order-service-icon{background:#eef4ff;color:#2b63c0}

/* Profile */
.profile-hero{background:linear-gradient(145deg,#06141c,#10262f);border-radius:0 0 27px 27px;padding:26px 18px 19px}
.profile-hero:after{content:"";position:absolute;right:-70px;top:-90px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(57,210,15,.17),transparent 68%)}
.profile-identity,.wallet-grid,.bonus-card,.profile-settings{position:relative;z-index:1}
.profile-identity .avatar{box-shadow:0 0 0 5px rgba(255,255,255,.08),0 12px 24px rgba(0,0,0,.28)}
.premium-badge{color:#90ef73;border:1px solid rgba(127,239,94,.18)}
.wallet-grid{box-shadow:0 11px 28px rgba(0,0,0,.13)}
.wallet-card{transition:background .18s}.wallet-card:active{background:#f7faf7}
.bonus-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.profile-menu,.driver-mode-card,.profile-editor{box-shadow:var(--shadow-xs)}
.menu-icon{background:#f4f7f4;color:var(--ink)}
.menu-icon .ui-icon{width:18px;height:18px}
.profile-menu button:active{background:#f9fbf9}
.driver-mode-card{box-shadow:0 9px 25px rgba(57,210,15,.07)}

/* Transfers */
.transfers-page>.card:first-child{border-radius:24px;background:linear-gradient(145deg,#07151d,#10242d);box-shadow:var(--shadow-dark);padding:18px}
.transfer-title-row .eyebrow{color:#83ef64}
.transfer-title-row .transfer-back{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.12)}
.transfers-page>.card:nth-child(2){background:linear-gradient(180deg,#fff,#fbfefb);border-color:#dfe9df}
.transfer-filters{border:0;padding:0;box-shadow:none}
.filters-row{gap:6px}.chip{border-radius:999px!important;font-size:10px!important;padding:8px 10px!important;background:#f5f7f5!important;border:1px solid var(--line)!important}.chip-active{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.filters-row-2col{margin-top:10px}
.transfer-card{padding:14px!important;border-radius:19px!important;box-shadow:var(--shadow-xs)!important}
.transfer-card:active{border-color:#bfeeb2!important}
.transfer-card-route b{font-size:15px;letter-spacing:-.25px}
.transfer-price-main{font-size:23px!important;font-weight:850!important;letter-spacing:-.5px}
.transfer-price-block{background:var(--accent-soft);border-radius:13px;padding:8px 10px;min-width:78px;text-align:center}
.transfer-price-sub{color:#6f8767!important}
.transfer-driver{background:#fafcfa;border:1px solid #eef1ef;border-radius:13px;padding:9px;margin-top:9px}
.transfer-card .item-actions{border-top:1px solid #eef1ef;margin-top:11px;padding-top:10px}
.transfer-pill-row .pill{box-shadow:none}

/* Driver */
.driver-line-page,.driver-publish-page,.driver-requests-page{gap:12px}
.driver-line-hero,.driver-publish-hero,.driver-requests-hero{min-height:155px;display:flex;justify-content:space-between;align-items:flex-end}
.hero-refresh{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#8df16f;display:grid;place-items:center}.hero-refresh .ui-icon{width:21px;height:21px}
.driver-dashboard-card{padding:15px;background:linear-gradient(180deg,#fff,#fbfefb)}
.driver-dashboard-head .h2{font-size:17px}.online-switch{border:1px solid #c7efbb;background:#f1fdeD}
.driver-stat-grid{gap:7px}.driver-stat-grid div{background:#fafcfa;border-radius:13px;padding:11px 5px}.driver-stat-grid b{font-size:18px}.driver-stat-grid small{text-transform:uppercase;letter-spacing:.05em;font-size:7.5px}
.driver-pref-grid{padding:12px;border-radius:15px;background:#f8faf8;border:1px solid #edf1ee}
.driver-job-card{padding:13px!important;border-radius:19px!important;box-shadow:var(--shadow-xs)!important}
.driver-job-head{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px}.job-service{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center}.job-service .ui-icon{width:22px;height:22px}.driver-job-head>div{display:flex;flex-direction:column}.driver-job-head small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.driver-job-head b{font-size:21px;line-height:1.05}.job-distance{font-size:8.5px;color:var(--accent-strong);font-weight:800;background:var(--accent-soft);border-radius:999px;padding:6px 8px}
.driver-job-route{display:flex;flex-direction:column;gap:7px;margin:12px 0;padding:10px 11px;border-radius:14px;background:#fafcfa;border:1px solid #eef1ef}.driver-job-route>span{display:grid;grid-template-columns:11px 1fr;gap:8px;align-items:center;font-size:11px;font-weight:700}.driver-job-card .item-meta{font-size:9px;line-height:1.5}
.bid-actions{margin-top:11px;border-top:1px solid #eef1ef;padding-top:10px}.bid-actions input{border-radius:12px}.bid-actions [data-confirm-price]{font-size:12px}
.seg{background:#f3f6f3!important;border:1px solid #e8ece9!important;padding:3px!important;border-radius:13px!important}.seg-btn{border-radius:10px!important}.seg-btn.on,.seg-btn.active{background:#fff!important;color:var(--ink)!important;box-shadow:0 4px 12px rgba(7,19,27,.07)!important}
.driver-publish-hero,.driver-requests-hero{align-items:center}
.publish-form-card{background:linear-gradient(180deg,#fff,#fbfdfb)}
.publish-form-card .card-kicker{margin-bottom:5px}
.publish-form-card .row{gap:8px}
.driver-transfers-page>.card:nth-of-type(2){padding:12px 15px}
.driver-transfers-page>.list .item{border-radius:18px;box-shadow:var(--shadow-xs)}
.driver-request-section{background:transparent;border:0;box-shadow:none;padding:0}
.driver-request-section .premium-section-head{padding:0 3px;margin:3px 0 8px}
.driver-request-list{gap:9px}
.driver-request-card{padding:13px!important;border-radius:19px!important;box-shadow:var(--shadow-xs)!important}
.request-card-head{display:flex;align-items:center;justify-content:space-between}.request-price{font-size:23px;font-weight:850;letter-spacing:-.55px}
.compact-empty{padding:20px;border-style:dashed}.compact-empty>span{width:44px;height:44px;border-radius:13px}.compact-empty p{margin:8px 0 0}
.loading-ring{border:3px solid #d9efd2;border-top-color:var(--accent);border-radius:50%!important;animation:karucaSpin .85s linear infinite;background:transparent!important}
@keyframes karucaSpin{to{transform:rotate(360deg)}}

/* Modal & secondary flows */
.modal{background:rgba(3,12,18,.5);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.modal-inner{background:var(--bg)}
.modal-header{height:62px;box-shadow:0 7px 20px rgba(7,19,27,.04)}
.modal-title{font-size:16px;font-weight:780;letter-spacing:-.3px}
.modal-body{padding:13px 13px calc(32px + var(--safe-b))}
.modal-body .card{box-shadow:var(--shadow-xs)}
.modal-body .item{border-radius:17px!important;box-shadow:var(--shadow-xs)}
.sheet{box-shadow:0 -24px 60px rgba(7,19,27,.22)!important}
.sheet-hd,.sheet-head{border-bottom-color:var(--line)!important}
.notice{border-radius:14px!important}
.notice.warn{background:#fff9e9!important;border-color:#f7df9e!important;color:#72520c!important}
.toast{border-radius:14px!important;box-shadow:0 16px 38px rgba(7,19,27,.2)!important}

/* Navigation */
.tabbar{background:rgba(255,255,255,.94);border-top-color:rgba(225,231,226,.85);box-shadow:0 -15px 38px rgba(7,19,27,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.tab{transition:color .18s,transform .18s}.tab:active{transform:scale(.94)}
.tab.active{color:var(--accent-strong)}
.tab.active:before{content:"";position:absolute;top:2px;width:25px;height:3px;border-radius:4px;background:var(--accent)}

@media(max-width:390px){
  .main{padding-left:12px;padding-right:12px}
  .service-tile{min-height:145px!important}
  .premium-hero{border-radius:22px;padding:18px}
  .premium-hero h1{font-size:25px}
  .orders-hero{min-height:160px}
  .orders-hero-stats span{min-width:56px;height:62px}
  .airport-hero-copy{max-width:76%}.airport-hero-art{right:7px;width:80px}.airport-hero-art .ui-icon{width:72px;height:72px}
  .price-section{grid-template-columns:1fr 118px}
  .driver-dashboard-head{flex-direction:row;align-items:flex-start}.online-switch{align-self:auto}
  .strategy-grid{grid-template-columns:repeat(3,1fr)}
}

@media(min-width:561px){
  .premium-hero{border-radius:24px}
}

/* Premium order creation, details and onboarding */
.modal-body>.card{border:0;background:transparent;box-shadow:none;padding:2px 1px 24px}
.modal-body>.card>.h2:first-child,.modal-body>.card>div>.h2:first-child{font-size:20px;letter-spacing:-.45px}
.modal-body label{margin-top:13px;color:#667178;font-size:10px;font-weight:800;letter-spacing:.02em}
.modal-body input,.modal-body select,.modal-body textarea{min-height:48px;border-radius:14px;padding:12px 13px}
.modal-body textarea{min-height:92px}
.modal-body hr{margin:18px 0;border-color:#e8ece9}
.modal-body .btn.block,.modal-body .btn:not(.inline){min-height:48px}
.modal-body .kpi{padding:15px;border:1px solid #e6ebe7;border-radius:17px;background:linear-gradient(145deg,#fff,#f7fbf7)}
.modal-body .kpi .value{font-size:31px;font-weight:880;letter-spacing:-1px}
.modal-body .kpi .unit{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.modal-body .notice{padding:13px 14px;border:1px solid #e8ece9;background:#fafcfa}
.modal-body .notice b{display:block;margin-bottom:4px;color:var(--ink)}
.order-strategy{margin:16px 0 3px;padding:15px;border-radius:19px;border:1px solid #e5ebe6;background:#fff;box-shadow:var(--shadow-xs)}
.strategy-grid{gap:8px!important}.strategy-card{min-height:83px!important;border-radius:15px!important;background:#f7faf7!important;padding:10px 8px!important}.strategy-card b{font-size:13px!important}.strategy-card small{font-size:8.5px!important;line-height:1.25!important}.strategy-card.active{border-color:#72de54!important;background:linear-gradient(180deg,#f5fff2,#ebfce6)!important;box-shadow:0 8px 19px rgba(57,210,15,.09)!important}
.schedule-chips{gap:7px!important}.schedule-chips button{min-height:38px;padding:8px 13px!important;border-color:#e0e6e1!important;background:#fff!important;box-shadow:0 4px 12px rgba(7,19,27,.035)}
.smart-option,.airport-extras{margin-top:13px;padding:13px;border:1px solid #e5ebe6;border-radius:17px;background:#f8fbf8}
.smart-option .small{margin-top:6px;font-size:9px}
.order-details-grid{gap:8px!important}.order-details-grid span{padding:10px!important;border-radius:13px!important;background:#f7faf7!important;border:1px solid #e9eeea}.order-details-grid b{font-size:8px!important;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.searching{padding:13px!important;border-radius:17px!important;background:linear-gradient(145deg,#f8fcf7,#eefaea)!important;border:1px solid #def0d8!important}.searching .searching-taxi-v41{width:58px!important;height:58px!important}
.chat-mini{padding:13px;border:1px solid #e6ebe7;border-radius:17px;background:#fafcfa}.chat-mini-preview{margin-top:9px;color:var(--muted);font-size:10px;line-height:1.45}.chat-quick{gap:6px!important}.chat-quick .chip{font-size:9px!important}
.car-type-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:8px!important}.car-type-option{min-height:105px!important;border-radius:16px!important;border-color:#e3e9e4!important;background:#fafcfa!important;padding:9px!important}.car-type-option img{height:52px!important;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(7,19,27,.10))}.car-type-option.active{border-color:#64dc45!important;background:var(--accent-soft)!important;box-shadow:0 0 0 3px rgba(57,210,15,.08)!important}.car-type-label{font-size:9px!important;font-weight:800!important}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{margin:0!important;padding:12px;border:1px solid #e5ebe6;border-radius:14px;background:#fafcfa;display:flex!important;align-items:center;gap:8px}.check input{width:18px!important;height:18px!important;min-height:0!important}
.help-tabs{padding:4px;border:1px solid #e6ebe7;border-radius:14px;background:#f5f8f5}.help-tabs .pill{flex:1;text-align:center;border:0!important;background:transparent!important}.help-tabs .pill.active{background:#fff!important;color:var(--accent-strong)!important;box-shadow:0 4px 12px rgba(7,19,27,.07)!important}
@media(max-width:390px){.car-type-grid{grid-template-columns:repeat(2,1fr)!important}.checks{grid-template-columns:1fr}.modal-body{padding-left:11px;padding-right:11px}}

/* AutoChat official community integration — V6 */
:root{--telegram:#229ed9;--telegram-deep:#168ac3;--ukraine-blue:#1677ed;--ukraine-yellow:#ffd52b}
.btn.telegram{background:linear-gradient(180deg,#2aabe2,#168dcc);color:#fff;border:0;box-shadow:0 10px 22px rgba(34,158,217,.2);display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.telegram .ui-icon{width:19px;height:19px}.btn.telegram:active{box-shadow:0 5px 12px rgba(34,158,217,.17)}
.autochat-official-badge{width:100%;border:1px solid #dde8ef;background:linear-gradient(135deg,#fff 0%,#f8fcff 100%);box-shadow:0 9px 24px rgba(13,58,86,.055);border-radius:16px;min-height:62px;padding:8px 10px;display:grid;grid-template-columns:42px 1fr 34px;align-items:center;gap:10px;text-align:left}
.autochat-official-badge>img{width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 7px 16px rgba(8,61,97,.14)}
.autochat-official-badge>span{min-width:0;display:flex;flex-direction:column;gap:2px}.autochat-official-badge small{font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.075em;color:var(--telegram-deep)}.autochat-official-badge b{font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.autochat-official-badge>i{width:32px;height:32px;border-radius:11px;background:var(--telegram);color:#fff;display:grid;place-items:center;font-style:normal}.autochat-official-badge>i .ui-icon{width:18px;height:18px}
.autochat-community-card{position:relative;overflow:hidden;border-radius:21px;padding:15px;background:linear-gradient(145deg,#07151d 0%,#102b3a 100%);color:#fff;box-shadow:0 18px 38px rgba(7,19,27,.17);border:1px solid rgba(255,255,255,.055)}
.autochat-community-card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-75px;top:-100px;background:radial-gradient(circle,rgba(34,158,217,.32),transparent 70%)}.autochat-community-card:after{content:"";position:absolute;left:-35px;bottom:-75px;width:155px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,213,43,.13),transparent 70%)}
.autochat-community-main,.autochat-open-button{position:relative;z-index:1}.autochat-community-main{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}.autochat-community-main>img{width:58px;height:58px;border-radius:18px;object-fit:cover;border:2px solid rgba(255,255,255,.92);box-shadow:0 10px 22px rgba(0,0,0,.27)}.autochat-community-main span{font-size:8.5px;text-transform:uppercase;letter-spacing:.11em;font-weight:850;color:#71cfff}.autochat-community-main h2{font-size:15.5px;letter-spacing:-.3px;margin:4px 0 3px}.autochat-community-main p{font-size:10px;line-height:1.35;color:#b9c9d2;margin:0}
.autochat-open-button{margin-top:13px;width:100%;height:46px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(180deg,#28a9df,#168bc6);color:#fff;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:8px;padding:0 13px;font-weight:780;text-align:left;box-shadow:0 10px 20px rgba(13,126,180,.2)}.autochat-open-button .ui-icon{width:20px;height:20px}.autochat-open-button i{font-size:22px;font-style:normal;text-align:right}
.profile-autochat-row{background:linear-gradient(90deg,#f8fcff,#fff)!important}.profile-autochat-row .telegram-icon{background:#e9f7fe!important;color:var(--telegram)!important}.profile-autochat-row b{color:#0d709f}
.autochat-welcome-open{overflow:hidden}.autochat-welcome{position:fixed;inset:0;z-index:12000;display:grid;place-items:end center;padding:18px;background:rgba(4,15,22,.66);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .2s var(--ease)}.autochat-welcome.show{opacity:1}
.autochat-welcome-card{position:relative;overflow:hidden;width:min(100%,430px);padding:27px 21px 19px;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 28px 70px rgba(0,0,0,.3);text-align:center;transform:translateY(26px) scale(.98);transition:transform .25s var(--ease);border:1px solid rgba(255,255,255,.8)}.autochat-welcome.show .autochat-welcome-card{transform:none}
.autochat-welcome-card:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,var(--ukraine-blue) 0 50%,var(--ukraine-yellow) 50% 100%)}.autochat-welcome-glow{position:absolute;width:230px;height:170px;border-radius:50%;left:50%;top:-100px;transform:translateX(-50%);background:radial-gradient(circle,rgba(34,158,217,.2),transparent 70%)}
.autochat-welcome-close{position:absolute;z-index:3;right:13px;top:14px;width:35px;height:35px;border-radius:50%;border:0;background:#eef3f6;color:#53636c;font-size:24px;line-height:1}
.autochat-welcome-avatar{position:relative;z-index:1;width:88px;height:88px;border-radius:25px;object-fit:cover;border:4px solid #fff;box-shadow:0 13px 30px rgba(10,78,119,.18);margin-bottom:14px}.autochat-welcome-kicker{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:850;color:var(--telegram-deep);margin-bottom:6px}.autochat-welcome-card h2{font-size:23px;line-height:1.05;letter-spacing:-.65px;margin:0 0 10px;color:var(--ink)}.autochat-welcome-card p{font-size:12px;line-height:1.5;color:#6f7d85;margin:0 auto;max-width:330px}.autochat-welcome-actions{display:grid;gap:9px;margin-top:19px}.autochat-welcome-actions .btn{min-height:49px}.autochat-welcome-card>small{display:block;margin-top:13px;color:#9aa5ab;font-size:9.5px}
@media(min-width:700px){.autochat-welcome{place-items:center}.autochat-welcome-card{border-radius:30px}}
@media(max-width:370px){.autochat-official-badge b{font-size:11px}.autochat-community-main{grid-template-columns:50px 1fr}.autochat-community-main>img{width:50px;height:50px;border-radius:15px}}


/* ===== karuca-premium-v7.css ===== */
/* Karuca Premium finish — V7 */
:root{--premium-radius:22px;--premium-shadow:0 12px 34px rgba(7,19,27,.075)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.topbar{backdrop-filter:saturate(1.25) blur(18px)}
.topbar-inner{max-width:720px;margin:0 auto}
.main{max-width:720px;margin:0 auto;width:100%}
.card,.premium-section,.service-tile,.order-card,.transfer-card,.message-row{border-color:rgba(220,229,222,.92)}
.card,.premium-section{box-shadow:var(--premium-shadow)}
.service-grid{gap:11px}.service-tile{min-height:154px;border-radius:20px;padding:13px 10px;background:linear-gradient(155deg,#fff,#fafcfa);box-shadow:0 8px 23px rgba(7,19,27,.055)}
.service-tile:hover{border-color:rgba(57,210,15,.32);box-shadow:0 14px 30px rgba(7,19,27,.085)}
.service-tile img,.service-icon-image{filter:drop-shadow(0 9px 12px rgba(5,20,12,.12))}
.home-welcome{border-radius:24px!important;box-shadow:0 18px 42px rgba(7,19,27,.11)!important}
.autochat-official-badge{box-shadow:0 9px 24px rgba(34,158,217,.12);border-color:rgba(34,158,217,.18)!important}
.autochat-community-card{position:relative;overflow:hidden;border-radius:23px!important;border:1px solid rgba(34,158,217,.15)!important;box-shadow:0 15px 36px rgba(14,66,96,.10)!important}
.autochat-community-card:after{content:"";position:absolute;right:-70px;top:-80px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(34,158,217,.15),transparent 70%);pointer-events:none}
.autochat-community-card>*{position:relative;z-index:1}
.tabbar{background:rgba(255,255,255,.88)!important;backdrop-filter:saturate(1.3) blur(22px);border-top:1px solid rgba(220,228,222,.8);box-shadow:0 -12px 38px rgba(7,19,27,.08)}
.tabbar-inner{max-width:720px;margin:0 auto}.tabbtn{border-radius:15px}.tabbtn.active{color:var(--accent-deep)}
.modal-inner{border-radius:26px 26px 0 0;box-shadow:0 -24px 70px rgba(7,19,27,.2)}
.modal-header{background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.premium-hero{border-radius:25px;box-shadow:0 22px 50px rgba(4,15,22,.22)}
.order-card,.transfer-card,.driver-job-card{border-radius:20px!important;box-shadow:0 9px 27px rgba(7,19,27,.065)!important}
.btn.primary{min-height:48px;border-radius:15px;font-size:14px}.btn.ghost{border-radius:15px}
input,select,textarea,.input,.inp{min-height:48px;border-radius:15px}
@media(max-width:420px){.main{padding-left:11px;padding-right:11px}.service-grid{gap:9px}.service-tile{min-height:145px}.card,.premium-section{border-radius:19px}.premium-hero{border-radius:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ===== karuca-premium-v8.css ===== */
/* Karuca Premium V8 — final consistency and accessibility pass */
:root{--radius-xs:11px;--radius-sm:14px;--radius-md:18px;--radius-lg:22px;--radius-xl:27px;--tap:46px}
*{scrollbar-width:thin;scrollbar-color:#cbd5ce transparent}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{letter-spacing:-.01em}.main{max-width:560px;margin:0 auto;width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(57,210,15,.22);outline-offset:2px}
.btn{min-height:var(--tap)}.iconbtn,.top-menu,.avatarbtn{min-width:var(--tap);min-height:var(--tap)}
.topbar{backdrop-filter:saturate(1.3) blur(18px);-webkit-backdrop-filter:saturate(1.3) blur(18px)}.topbar-inner{max-width:560px;margin:auto}.brand-word{font-weight:820}
.karuca-page,.home-page,.profile-page,.booking-page,.orders-page,.transfers-page{animation:v8Fade .28s ease both}@keyframes v8Fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.card,.premium-section,.orders-section,.quick-section,.autochat-community-card{border-color:rgba(218,226,220,.82);box-shadow:0 10px 28px rgba(7,19,27,.055)}
.card:hover,.premium-section:hover{border-color:rgba(194,209,199,.9)}
.home-search{border:1px solid #e2e8e3;background:rgba(255,255,255,.94)}.home-search:focus-within{border-color:#90e676;box-shadow:0 0 0 4px rgba(57,210,15,.08),0 12px 28px rgba(7,19,27,.06)}
.service-tile{border:1px solid rgba(224,231,226,.9);box-shadow:0 7px 22px rgba(7,19,27,.045);background:linear-gradient(165deg,#fff 0%,#fbfdfb 100%)}.service-tile:hover{transform:translateY(-2px);border-color:rgba(57,210,15,.28);box-shadow:0 15px 30px rgba(7,19,27,.08)}
.service-tile strong{color:#0a161d}.service-tile small{color:#89928d;line-height:1.3}
.promo-banner{box-shadow:0 17px 37px rgba(7,19,27,.18);border:1px solid rgba(255,255,255,.06)}
.quick-grid button{min-height:74px;border-radius:14px}.quick-grid button span{transition:.2s ease}.quick-grid button:hover span{border-color:#cceec2;background:#f2fdec;color:#24a507;transform:translateY(-1px)}
.autochat-official-badge{box-shadow:0 8px 18px rgba(34,158,217,.09)}.autochat-community-card{overflow:hidden;position:relative}.autochat-community-card:after{content:"";position:absolute;right:-45px;top:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(34,158,217,.12),transparent 70%);pointer-events:none}
.mode-card,.strategy-card,.schedule-chips button{min-height:58px}.mode-card.active,.strategy-card.active{box-shadow:0 0 0 3px rgba(57,210,15,.1),0 9px 22px rgba(57,210,15,.08)}
.route-input,.price-section,.smart-option,.airport-extras{border-color:#dfe8e1!important}.driver-offer{box-shadow:0 8px 23px rgba(7,19,27,.045)}.driver-offer.selected,.driver-offer.confirmed{box-shadow:0 0 0 3px rgba(57,210,15,.09),0 12px 28px rgba(7,19,27,.07)}
.order-card,.transfer-card,.driver-job-card,.message-row{overflow:hidden}.order-card:hover,.transfer-card:hover,.driver-job-card:hover,.message-row:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(7,19,27,.085)}
.profile-hero,.premium-hero{border-radius:var(--radius-xl)}.profile-menu button{min-height:58px}.profile-menu button:hover{background:#f8fbf8}.wallet-card{box-shadow:0 12px 28px rgba(4,15,22,.14)}
.tabbar{background:rgba(255,255,255,.9);backdrop-filter:saturate(1.5) blur(20px);-webkit-backdrop-filter:saturate(1.5) blur(20px);border-top-color:rgba(218,226,220,.75)}.tabbar button{min-height:58px}.tabbar button.active:before{box-shadow:0 5px 13px rgba(57,210,15,.22)}
.modal-inner{box-shadow:0 -24px 70px rgba(3,12,18,.16)}.modal-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sheet-panel{box-shadow:0 -28px 80px rgba(3,12,18,.22)}
.empty-state{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state>span{width:54px;height:54px;border-radius:18px;background:#f1fbea;display:grid;place-items:center}
.skeleton{position:relative;overflow:hidden;background:#edf2ee!important;color:transparent!important}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:v8Shimmer 1.3s infinite}@keyframes v8Shimmer{100%{transform:translateX(100%)}}
@media(max-width:360px){.main{padding-left:10px;padding-right:10px}.service-grid{gap:8px}.card,.premium-section{padding:14px}.h1,.screen-heading h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* ===== karuca-premium-v9.css ===== */
/* Karuca V9 Growth — notifications, active trip, vehicle classes, promos, partners and demand map */
:root{
  --v9-green:#39d20f;
  --v9-green-dark:#23a906;
  --v9-green-soft:#effbea;
  --v9-ink:#07131a;
  --v9-muted:#748079;
  --v9-line:#dfe7e1;
  --v9-blue:#229ed9;
  --v9-shadow:0 18px 45px rgba(7,19,26,.10);
}
.notification-btn{position:relative}.notification-btn svg{width:22px;height:22px}.notification-count{position:absolute;right:0;top:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff4d4f;color:#fff;border:2px solid #fff;font-size:10px;font-weight:850;line-height:14px;text-align:center;box-shadow:0 5px 12px rgba(255,77,79,.28)}
.notification-center{display:grid;gap:10px}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.notification-list{display:grid;gap:9px}.notification-row{width:100%;border:1px solid var(--v9-line);background:#fff;border-radius:18px;padding:13px;display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:start;text-align:left;color:var(--v9-ink);box-shadow:0 7px 20px rgba(7,19,26,.045);transition:.2s ease}.notification-row:hover{border-color:#bdebb0;transform:translateY(-1px)}.notification-row.unread{background:linear-gradient(135deg,#f7fff4,#fff);border-color:#bcebad;box-shadow:0 10px 28px rgba(57,210,15,.08)}.notification-glyph{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--v9-green-soft);color:var(--v9-green-dark);font-size:20px}.notification-row strong{display:block;font-size:14px;line-height:1.25}.notification-row p{margin:4px 0 0;color:var(--v9-muted);font-size:12px;line-height:1.42}.notification-row time{color:#9aa39e;font-size:10px;white-space:nowrap}.notification-empty{padding:34px 16px;border:1px dashed #d9e4db;border-radius:20px;text-align:center;color:var(--v9-muted)}
.active-trip-dock{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:75;width:min(536px,calc(100% - 20px));filter:drop-shadow(0 16px 28px rgba(3,13,18,.20))}.active-trip-dock-inner{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(135deg,#07151c 0%,#11262d 100%);color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 13px;text-align:left}.dock-status{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#baf2aa}.dock-status i{width:8px;height:8px;border-radius:50%;background:var(--v9-green);box-shadow:0 0 0 5px rgba(57,210,15,.13);animation:v9Pulse 1.8s ease-in-out infinite}.dock-route{min-width:0}.dock-route b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dock-route small{display:block;color:#aebbb4;margin-top:3px;font-size:11px}.dock-open{font-weight:750;font-size:12px;color:var(--v9-green)}@keyframes v9Pulse{50%{box-shadow:0 0 0 8px rgba(57,210,15,.05)}}body:has(.active-trip-dock:not([hidden])) .main{padding-bottom:162px}body:has(.active-trip-dock:not([hidden])) .tabbar{box-shadow:0 -9px 25px rgba(7,19,26,.04)}
.vehicle-class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.vehicle-class-card{min-height:112px;border:1px solid #dfe7e1;border-radius:18px;background:#fff;padding:11px 8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;color:var(--v9-ink);box-shadow:0 6px 18px rgba(7,19,26,.04);transition:.2s ease}.vehicle-class-card span{font-size:25px;filter:saturate(.9)}.vehicle-class-card b{font-size:12px}.vehicle-class-card small{font-size:9px;color:var(--v9-muted);line-height:1.25}.vehicle-class-card.active{border-color:var(--v9-green);background:linear-gradient(155deg,#f3ffef,#fff);box-shadow:0 0 0 3px rgba(57,210,15,.09),0 12px 25px rgba(57,210,15,.08);transform:translateY(-2px)}
.promo-box{border:1px solid #dfe8e1;border-radius:20px;padding:14px;background:linear-gradient(145deg,#fff,#fbfdfb)}.promo-input-row{display:grid;grid-template-columns:1fr auto;gap:8px}.promo-input-row input{text-transform:uppercase;letter-spacing:.08em;font-weight:760}.promo-result{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:13px;background:#f0fbea;color:#167b04;font-size:12px}.promo-result.invalid{background:#fff2f2;color:#c22}.promo-tag{border-color:#afe39f!important;background:#f2ffed!important;color:#1c8d05!important}.order-summary-promo{margin-top:7px}.promo-savings{margin:9px 0 2px;padding:10px 12px;border-radius:13px;background:linear-gradient(135deg,#f1ffec,#fafff8);border:1px solid #ccefc1;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#287d14}.promo-savings s{color:#89928d;margin-right:4px}
.order-modal-card{position:relative;overflow:hidden}.order-modal-card:before{content:"";position:absolute;right:-70px;top:-75px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(57,210,15,.12),transparent 68%);pointer-events:none}.order-modal-heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-class-badge{padding:8px 11px;border-radius:999px;background:#eefaea;color:#218d08;border:1px solid #c8edbc;font-size:10px;font-weight:800}.order-price-kpi{position:relative}.order-price-kpi .value{letter-spacing:-.05em}.order-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.order-details-grid>span{min-width:0;padding:10px 11px;border:1px solid #e4ebe5;border-radius:13px;background:#fafcfb;color:#556159;font-size:11px;line-height:1.35}.order-details-grid>span b{display:block;color:#152129;font-size:10px;text-transform:uppercase;letter-spacing:.045em;margin-bottom:3px}
.partner-attribution{margin-top:10px;border:1px solid #d7e9ff;border-radius:15px;background:linear-gradient(135deg,#f4faff,#fff);padding:10px 12px;display:flex;align-items:center;gap:10px;color:#17658b;font-size:11px}.partner-attribution svg{width:20px;height:20px;color:var(--v9-blue)}.partner-profile-card{margin:12px 0}.partner-profile-card button{width:100%;border:1px solid #dfe8e1;background:linear-gradient(145deg,#fff,#f8fcf7);border-radius:19px;padding:14px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;text-align:left}.partner-card-icon{width:44px;height:44px;border-radius:15px;background:#ecfae8;color:#269d09;display:grid;place-items:center}.partner-profile-card small,.partner-profile-card em{display:block;color:#7d8981;font-size:10px;font-style:normal}.partner-profile-card b{display:block;color:#0b171e;font-size:14px;margin:2px 0}.partner-dashboard{display:grid;gap:12px}.partner-hero{border-radius:22px;padding:19px;background:linear-gradient(135deg,#07161d,#153039);color:#fff;position:relative;overflow:hidden}.partner-hero:after{content:"";position:absolute;right:-30px;top:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(57,210,15,.28),transparent 65%)}.partner-hero small{color:#9eb0a7}.partner-code{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09)}.partner-code code{font-size:16px;color:#c5ffb5;font-weight:800}.partner-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.partner-kpi{padding:14px;border:1px solid #e0e8e2;border-radius:17px;background:#fff}.partner-kpi b{font-size:20px;display:block}.partner-kpi small{color:#7b867f}
.driver-demand-card{overflow:hidden}.driver-demand-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.demand-badge{padding:7px 9px;border-radius:999px;background:#effbea;color:#218d08;border:1px solid #caedbf;font-size:10px;font-weight:800}.driver-demand-map{height:250px;border-radius:19px;overflow:hidden;border:1px solid #dfe7e1;margin-top:12px;background:linear-gradient(135deg,#edf2ef,#f8fbf9)}.demand-legend{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:10px;color:#77827b;font-size:10px}.demand-legend span{display:flex;align-items:center;gap:5px}.demand-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.demand-legend .low{background:#b6eaa8}.demand-legend .mid{background:#68d84b}.demand-legend .high{background:#1f9e05}.demand-top-list{display:grid;gap:7px;margin-top:11px}.demand-top-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-radius:13px;background:#f7faf8}.demand-top-row>span:first-child{width:27px;height:27px;border-radius:10px;background:#eaf9e5;color:#249807;display:grid;place-items:center;font-weight:850;font-size:11px}.demand-top-row b{font-size:12px}.demand-top-row small{font-size:10px;color:#7a857e}.demand-top-row em{font-style:normal;color:#238e09;font-weight:750;font-size:11px}
@media(max-width:430px){.vehicle-class-grid{grid-template-columns:repeat(2,1fr)}.vehicle-class-card{min-height:94px}.order-details-grid{grid-template-columns:1fr}.active-trip-dock{bottom:calc(68px + env(safe-area-inset-bottom));width:calc(100% - 14px)}.active-trip-dock-inner{grid-template-columns:1fr auto}.dock-status{grid-column:1/-1}.partner-kpis{grid-template-columns:1fr 1fr}.notification-row{grid-template-columns:40px 1fr}.notification-row time{grid-column:2}}
@media(prefers-reduced-motion:reduce){.dock-status i{animation:none}.vehicle-class-card.active{transform:none}}
/* actual V9 render class aliases */
.partner-apply{display:grid;gap:11px}.partner-apply label,.partner-dashboard label{font-size:11px;font-weight:800;color:#58655d}.partner-apply .row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.partner-apply input,.partner-apply select,.partner-dashboard input{width:100%}.partner-modal-hero{display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center;padding:18px;border-radius:22px;background:linear-gradient(135deg,#07161d,#17333a);color:#fff;overflow:hidden;position:relative}.partner-modal-hero:after{content:"";position:absolute;right:-35px;top:-55px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(57,210,15,.24),transparent 67%)}.partner-modal-hero>span{width:54px;height:54px;border-radius:18px;background:rgba(57,210,15,.13);color:#8aff68;display:grid;place-items:center;position:relative;z-index:1}.partner-modal-hero>span svg{width:27px;height:27px}.partner-modal-hero>div{position:relative;z-index:1}.partner-modal-hero small{color:#a8bbb1;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.partner-modal-hero h2{margin:4px 0;font-size:19px;line-height:1.1}.partner-modal-hero p{margin:0;color:#afbeb7;font-size:11px;line-height:1.4}.partner-modal-hero.approved{background:linear-gradient(135deg,#06151d,#12352d)}.partner-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.partner-stat-grid>div{padding:14px;border:1px solid #e1e9e3;border-radius:16px;background:#fff}.partner-stat-grid b,.partner-stat-grid small{display:block}.partner-stat-grid b{font-size:18px}.partner-stat-grid small{color:#79857e;margin-top:4px}.partner-link{display:grid;grid-template-columns:1fr auto;gap:8px}.btn.telegram{background:#229ed9;color:#fff;border-color:#229ed9;display:flex;align-items:center;justify-content:center;gap:8px}.btn.telegram svg{width:19px;height:19px}
.demand-card{margin-top:13px;padding:16px;border:1px solid #dfe7e1;border-radius:22px;background:linear-gradient(145deg,#fff,#f8fbf9);box-shadow:0 11px 28px rgba(7,19,26,.055);overflow:hidden}.demand-card .premium-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.live-demand-dot{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:#edfae9;border:1px solid #caedbf;color:#218c08;font-size:9px;font-weight:900}.live-demand-dot i{width:7px;height:7px;border-radius:50%;background:#39d20f;box-shadow:0 0 0 5px rgba(57,210,15,.1)}.demand-map{height:235px;margin-top:12px;border-radius:18px;overflow:hidden;border:1px solid #dae4dc;background:#eef3ef}.demand-card .demand-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:9px;color:#758078;font-size:9px}.demand-card .demand-legend span{display:flex;align-items:center;gap:5px}.demand-card .demand-legend i{width:9px;height:9px;border-radius:50%}.demand-card .demand-legend .low{background:#b7eca9}.demand-card .demand-legend .mid{background:#6ada4e}.demand-card .demand-legend .hot{background:#179900}.demand-card .demand-top-list{display:grid;gap:7px;margin-top:11px}.demand-card .demand-top-list>div{display:grid;grid-template-columns:27px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-radius:13px;background:#f5f9f6}.demand-card .demand-top-list>div>span{width:27px;height:27px;border-radius:9px;background:#e8f9e3;color:#239008;display:grid;place-items:center;font-weight:850;font-size:10px}.demand-card .demand-top-list b{font-size:11px}.demand-card .demand-top-list small{color:#78847d;font-size:9px}.demand-empty{margin-top:10px;padding:12px;border-radius:13px;background:#f7faf8}
.notification-row>span:nth-child(2) small,.notification-row>span:nth-child(2) time{display:block}.notification-row>span:nth-child(2) small{margin-top:4px;color:var(--v9-muted);font-size:11px;line-height:1.4}.notification-row>span:nth-child(2) time{margin-top:6px;color:#9ba49f;font-size:9px}.notification-row>i{font-style:normal;color:#9aa49e;margin-top:12px}
@media(max-width:430px){.partner-apply .row{grid-template-columns:1fr}.partner-link{grid-template-columns:1fr}.partner-link .btn{width:100%}.partner-modal-hero{grid-template-columns:46px 1fr;padding:15px}.partner-modal-hero>span{width:46px;height:46px}.demand-map{height:210px}}
body.has-active-dock .main{padding-bottom:162px}
.vehicle-class-section{margin-top:15px}.vehicle-class-section>.h2{margin-bottom:9px}.promo-code-box{margin-top:12px;padding:14px;border:1px solid #dfe8e1;border-radius:19px;background:linear-gradient(145deg,#fff,#f9fcfa)}.promo-code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.promo-code-head b,.promo-code-head small{display:block}.promo-code-head b{font-size:13px}.promo-code-head small{margin-top:3px;color:#7c8780;font-size:9px}.promo-code-head>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#ecfae8;color:#269c0a}.promo-code-head svg{width:19px;height:19px}.promo-code-row{display:grid;grid-template-columns:1fr auto;gap:8px}.promo-code-row input{text-transform:uppercase;font-weight:800;letter-spacing:.07em}.promo-code-box .promo-result{min-height:0;margin-top:8px;padding:0;background:transparent;border:0;color:#748079}.promo-code-box .promo-result.success{padding:9px 10px;background:#effbe9;border:1px solid #ccefc1;color:#218108}.promo-code-box .promo-result.error{padding:9px 10px;background:#fff2f2;border:1px solid #ffd6d6;color:#bd3434}
@media(max-width:430px){.promo-code-row{grid-template-columns:1fr}.promo-code-row .btn{width:100%}}
/* profile partner card uses the render class name */
.profile-partner-card{margin:12px 0}.profile-partner-card button{width:100%;border:1px solid #dfe8e1;background:linear-gradient(145deg,#fff,#f8fcf7);border-radius:19px;padding:14px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;text-align:left}.profile-partner-card small,.profile-partner-card em{display:block;color:#7d8981;font-size:10px;font-style:normal}.profile-partner-card b{display:block;color:#0b171e;font-size:14px;margin:2px 0}
.vehicle-class-art{width:100%;height:45px;display:flex!important;align-items:center;justify-content:center;overflow:hidden;filter:none!important}.vehicle-class-art img{display:block;width:100%;height:58px;object-fit:contain;object-position:center;transform:scale(1.18);filter:drop-shadow(0 7px 8px rgba(7,19,26,.13))}.vehicle-class-art.business{border-radius:12px;background:linear-gradient(135deg,#07151c,#17323a);padding:1px 7px}.vehicle-class-art.business img{filter:brightness(.88) contrast(1.08) drop-shadow(0 7px 8px rgba(0,0,0,.24))}.vehicle-class-card.active .vehicle-class-art img{transform:scale(1.23)}


/* ===== karuca-premium-v11.css ===== */
/* Karuca V11 — perfected mobile flow and unified visual system */
:root{
  --v11-green:#39d20f;
  --v11-green-dark:#249b08;
  --v11-green-soft:#effbea;
  --v11-ink:#07151c;
  --v11-ink-2:#14262d;
  --v11-muted:#748079;
  --v11-line:#e2e9e4;
  --v11-surface:#fff;
  --v11-bg:#f4f7f5;
  --v11-radius:22px;
  --v11-shadow:0 14px 38px rgba(7,21,28,.075);
}
html{background:var(--v11-bg)}
body{background:linear-gradient(180deg,#fbfdfc 0%,var(--v11-bg) 100%);color:var(--v11-ink);letter-spacing:-.01em}
button,input,select,textarea{font:inherit}
button{-webkit-tap-highlight-color:transparent}
.main{max-width:680px;margin-inline:auto}
.topbar{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35);border-bottom:1px solid rgba(226,233,228,.82)!important}
.topbar-inner{max-width:680px!important;min-height:62px}
.brand-word{letter-spacing:-.045em}
.tabbar{background:rgba(255,255,255,.91)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(226,233,228,.88)!important}
.tabbar-inner{max-width:680px!important}
.card,.premium-card,.item,.notice{border-color:var(--v11-line)!important;box-shadow:0 8px 25px rgba(7,21,28,.045)}
.btn{min-height:48px;border-radius:15px;font-weight:780;letter-spacing:-.01em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn:active{transform:scale(.985)}
.btn.primary{background:linear-gradient(135deg,#44dc1a,#31c80d)!important;color:#07150c!important;box-shadow:0 12px 26px rgba(57,210,15,.22)!important}
.btn.ghost{background:#fff!important;border:1px solid var(--v11-line)!important;color:var(--v11-ink)!important}
input,select,textarea{border:1px solid var(--v11-line)!important;border-radius:14px!important;background:#fff!important;min-height:48px;box-shadow:0 3px 12px rgba(7,21,28,.025);transition:border-color .15s ease,box-shadow .15s ease}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#8ee978!important;box-shadow:0 0 0 4px rgba(57,210,15,.10)!important}
textarea{padding-top:13px!important}
.modal{background:rgba(4,12,16,.44)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.modal-inner{background:var(--v11-bg)!important;max-width:680px!important;box-shadow:0 25px 80px rgba(0,0,0,.25)}
.modal-header{background:rgba(255,255,255,.93)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--v11-line)!important}
.modal-title{font-weight:850;letter-spacing:-.035em}
.modal-body{padding:14px 14px calc(30px + env(safe-area-inset-bottom))!important}

/* Order composer */
.order-composer-v11{display:flex;flex-direction:column;gap:12px;padding-bottom:94px}
.order-service-banner-v11{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:14px;border-radius:22px;background:linear-gradient(135deg,#07151c,#173039);color:#fff;box-shadow:0 18px 38px rgba(7,21,28,.18);overflow:hidden;position:relative}
.order-service-banner-v11:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-55px;top:-75px;background:radial-gradient(circle,rgba(57,210,15,.34),transparent 67%)}
.order-service-icon-v11{width:54px;height:54px;border-radius:17px;background:#fff;display:grid;place-items:center;overflow:hidden;position:relative;z-index:1}.order-service-icon-v11 .ico{width:52px;height:52px}.order-service-icon-v11 img{width:52px;height:52px;object-fit:contain}
.order-service-banner-v11 div{position:relative;z-index:1}.order-service-banner-v11 small,.order-service-banner-v11 b{display:block}.order-service-banner-v11 small{font-size:10px;color:#aebbb5;text-transform:uppercase;letter-spacing:.09em;font-weight:750}.order-service-banner-v11 b{font-size:19px;margin-top:3px;letter-spacing:-.04em}.order-secure-badge-v11{position:relative;z-index:1;display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:rgba(57,210,15,.13);border:1px solid rgba(117,231,87,.23);color:#baf3aa;font-size:9px;font-weight:800}.order-secure-badge-v11 svg{width:14px;height:14px}
.order-block-v11{padding:15px;border:1px solid var(--v11-line);border-radius:var(--v11-radius);background:var(--v11-surface);box-shadow:0 9px 27px rgba(7,21,28,.045)}
.order-section-head-v11{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.order-section-head-v11>div{display:flex;align-items:center;gap:8px}.order-section-head-v11>div>small{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:var(--v11-green-soft);color:var(--v11-green-dark);font-size:9px;font-weight:900}.order-section-head-v11 h3{margin:0;font-size:15px;letter-spacing:-.03em}.order-section-head-v11>span{font-size:9px;color:var(--v11-muted);padding-top:6px;text-align:right}

/* Route picker inside order */
.route-preview-v11{height:158px;border-radius:18px;overflow:hidden;position:relative;background-color:#edf2ee;background-image:linear-gradient(30deg,transparent 47%,rgba(255,255,255,.9) 48%,rgba(255,255,255,.9) 52%,transparent 53%),linear-gradient(115deg,transparent 47%,rgba(255,255,255,.75) 48%,rgba(255,255,255,.75) 52%,transparent 53%);background-size:130px 88px,160px 110px;border:1px solid #e4ebe6;margin-bottom:11px}
.route-preview-v11 .leaflet-control-attribution{font-size:7px!important;opacity:.6}.route-preview-v11 .leaflet-tile-pane{filter:saturate(.72) contrast(.96) brightness(1.04)}
.route-preview-placeholder-v11{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--v11-muted);background:linear-gradient(145deg,rgba(247,251,248,.72),rgba(235,242,237,.42))}.route-preview-placeholder-v11>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--v11-green-dark);box-shadow:0 8px 20px rgba(7,21,28,.08);margin-bottom:8px}.route-preview-placeholder-v11 svg{width:21px;height:21px}.route-preview-placeholder-v11 b{font-size:12px;color:var(--v11-ink)}.route-preview-placeholder-v11 small{font-size:9px;margin-top:4px}
.route-editor-v11{border:1px solid var(--v11-line);border-radius:17px;padding:3px 10px;background:#fff;box-shadow:0 5px 18px rgba(7,21,28,.035)}.route-editor-line-v11{min-height:56px;display:grid;grid-template-columns:28px minmax(0,1fr) 42px;align-items:center;gap:8px}.route-editor-line-v11 input{border:0!important;box-shadow:none!important;padding:0!important;min-height:44px;background:transparent!important;font-size:13px;font-weight:720}.route-editor-line-v11 button{width:38px;height:38px;border-radius:12px;border:0;background:#f1f7f2;color:var(--v11-green-dark);display:grid;place-items:center}.route-editor-line-v11 button svg{width:18px;height:18px}.route-marker-v11{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;font-size:9px;font-weight:900;color:#fff;box-shadow:0 5px 12px rgba(7,21,28,.11)}.route-marker-v11.start{background:var(--v11-green)}.route-marker-v11.finish{background:var(--v11-ink)}.route-connector-v11{width:1px;height:10px;background:#c9d3cc;margin:-5px 0 -5px 22px}.route-status-v11{display:flex;align-items:center;gap:7px;padding:8px 4px 2px;color:var(--v11-muted);font-size:9px}.route-status-v11 i{width:3px;height:3px;border-radius:50%;background:#b8c2bb}.zone-compact-v11{margin-top:10px;display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center}.zone-compact-v11 label{font-size:10px;margin:0;color:var(--v11-muted)}.zone-compact-v11 select{min-height:42px;padding-block:8px;font-size:11px}.zone-compact-v11 small{grid-column:2;font-size:8.5px;color:var(--v11-muted);margin-top:-3px}

/* Strategy */
.strategy-grid-v11{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.strategy-grid-v11 .strategy-card{min-height:116px!important;align-items:flex-start!important;text-align:left!important;padding:13px!important;border-radius:18px!important;background:#f8faf8!important;justify-content:flex-start!important}.strategy-grid-v11 .strategy-card b{font-size:13px!important;margin-top:9px}.strategy-grid-v11 .strategy-card small{font-size:9px!important;line-height:1.38!important;margin-top:3px}.strategy-symbol-v11{width:34px;height:34px;border-radius:12px;background:#fff;border:1px solid var(--v11-line);display:grid;place-items:center;font-size:16px;font-weight:900;color:var(--v11-ink);box-shadow:0 5px 13px rgba(7,21,28,.045)}.strategy-grid-v11 .strategy-card.active{background:linear-gradient(145deg,#f1ffed,#fff)!important;border-color:var(--v11-green)!important;box-shadow:0 0 0 3px rgba(57,210,15,.08),0 12px 26px rgba(57,210,15,.08)!important}.strategy-grid-v11 .strategy-card.active .strategy-symbol-v11{background:var(--v11-green);border-color:var(--v11-green);color:#07150c}

/* Vehicle horizontal selector */
.vehicle-class-section{overflow:hidden}.vehicle-class-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px!important;margin-inline:-15px;padding:2px 15px 12px;scrollbar-width:none}.vehicle-class-grid::-webkit-scrollbar{display:none}.vehicle-class-card{position:relative;flex:0 0 min(72vw,238px);min-height:145px!important;scroll-snap-align:center;padding:11px 12px 12px!important;border-radius:20px!important;display:grid!important;grid-template-columns:94px 1fr!important;grid-template-rows:1fr!important;align-items:center!important;gap:8px!important;text-align:left!important;overflow:hidden}.vehicle-class-card:after{content:"";position:absolute;inset:auto -28px -50px auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(57,210,15,.10),transparent 70%)}.vehicle-class-art{height:92px!important;align-self:center}.vehicle-class-art img{height:90px!important;transform:scale(1.12)!important}.vehicle-class-art.business{height:92px!important}.vehicle-class-copy-v11{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}.vehicle-class-copy-v11 b{font-size:15px!important;letter-spacing:-.035em}.vehicle-class-copy-v11 small{font-size:9px!important;line-height:1.35!important;margin-top:4px}.vehicle-class-copy-v11 em{font-style:normal;font-size:12px;font-weight:850;color:var(--v11-green-dark);margin-top:11px}.vehicle-class-check-v11{position:absolute;right:10px;top:10px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e8eee9;color:transparent;font-size:11px;font-weight:900;z-index:3}.vehicle-class-card.active .vehicle-class-check-v11{background:var(--v11-green);color:#07150c}.vehicle-class-card.active{transform:none!important}

/* Price */
.price-controller-v11{display:grid;grid-template-columns:50px 1fr 50px;gap:9px;align-items:center}.price-controller-v11>button{width:50px;height:50px;border:1px solid var(--v11-line);border-radius:16px;background:#f7faf7;color:var(--v11-ink);font-size:24px;line-height:1}.price-controller-v11 label{height:66px;border-radius:19px;background:linear-gradient(135deg,#07151c,#173039);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 25px rgba(7,21,28,.15)}.price-controller-v11 label input{width:96px;min-height:50px!important;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:29px!important;font-weight:900;text-align:right;padding:0!important}.price-controller-v11 label span{font-size:21px;font-weight:850;color:var(--v11-green);margin-left:5px}.price-controller-v11 input::-webkit-inner-spin-button{display:none}.price-quick-v11{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:7px;margin-top:9px}.price-quick-v11 button{min-height:35px;border:1px solid var(--v11-line);border-radius:11px;background:#f8faf8;color:var(--v11-muted);font-size:9.5px;font-weight:800}.price-quick-v11 button:last-child{background:var(--v11-green-soft);border-color:#d4f2ca;color:var(--v11-green-dark)}

/* Essentials */
.schedule-chips{display:flex!important;overflow-x:auto;gap:7px!important;margin-bottom:9px;scrollbar-width:none}.schedule-chips::-webkit-scrollbar{display:none}.schedule-chips button{flex:1;min-width:85px!important;min-height:37px!important;border-radius:12px!important;font-size:10px!important}.essentials-grid-v11{display:grid;grid-template-columns:1.25fr .75fr;gap:9px}.field-shell-v11{border:1px solid var(--v11-line);border-radius:16px;background:#fbfcfb;padding:9px 10px;display:flex;flex-direction:column;gap:5px;margin:0!important}.field-shell-v11>span{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--v11-muted);font-weight:700}.field-shell-v11 svg{width:14px;height:14px}.field-shell-v11 input{min-height:34px!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;font-size:11px!important;font-weight:760}.counter-v11{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:3px}.counter-v11 button{width:30px;height:30px;border:0;border-radius:10px;background:#edf3ee;font-size:17px}.counter-v11 input{text-align:center!important;width:100%!important}

/* Advanced and sticky actions */
.order-advanced-v11{border:1px solid var(--v11-line);border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(7,21,28,.04);overflow:hidden}.order-advanced-v11 summary{list-style:none;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px 14px;cursor:pointer}.order-advanced-v11 summary::-webkit-details-marker{display:none}.order-advanced-v11 summary>span{width:38px;height:38px;border-radius:13px;background:#f0f6f1;color:var(--v11-green-dark);display:grid;place-items:center}.order-advanced-v11 summary svg{width:19px;height:19px}.order-advanced-v11 summary b,.order-advanced-v11 summary small{display:block}.order-advanced-v11 summary b{font-size:12px}.order-advanced-v11 summary small{font-size:8.5px;color:var(--v11-muted);margin-top:3px}.order-advanced-v11 summary i{font-style:normal;color:var(--v11-muted);transition:transform .2s}.order-advanced-v11[open] summary i{transform:rotate(180deg)}.order-advanced-body-v11{padding:0 14px 14px;border-top:1px solid #eef2ef}.order-advanced-body-v11>label{margin-top:12px}.order-sticky-actions-v11{position:fixed;z-index:120;left:50%;bottom:0;transform:translateX(-50%);width:min(680px,100%);display:grid;grid-template-columns:1fr minmax(170px,1.35fr);gap:9px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.93);border-top:1px solid rgba(226,233,228,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -12px 35px rgba(7,21,28,.08)}.order-sticky-actions-v11 .btn{margin:0!important}.order-cancel-v11{display:none!important}.order-summary-v11{min-width:0;display:flex;flex-direction:column;justify-content:center}.order-summary-v11 small{font-size:8.5px;color:var(--v11-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-summary-v11 b{font-size:20px;letter-spacing:-.05em;margin-top:2px}

/* Fullscreen map picker */
body.map-picker-open-v11{overflow:hidden}.map-picker-v11{position:fixed;inset:0;z-index:10000;background:#eaf0eb;color:var(--v11-ink)}.map-picker-canvas-v11{position:absolute;inset:0}.map-picker-canvas-v11 .leaflet-tile-pane{filter:saturate(.78) contrast(.96) brightness(1.035)}.map-picker-canvas-v11 .leaflet-control-attribution{font-size:7px!important;bottom:182px!important}.map-picker-header-v11{position:absolute;z-index:500;left:12px;right:12px;top:calc(10px + env(safe-area-inset-top));display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:8px 11px 8px 8px;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(7,21,28,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.map-picker-header-v11>button{width:40px;height:40px;border:0;border-radius:13px;background:#f0f4f1;font-size:21px}.map-picker-header-v11 small,.map-picker-header-v11 b{display:block}.map-picker-header-v11 small{font-size:8px;color:var(--v11-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.map-picker-header-v11 b{font-size:13px;margin-top:2px}.map-search-v11{position:absolute;z-index:510;left:12px;right:12px;top:calc(74px + env(safe-area-inset-top));height:50px;border-radius:16px;background:#fff;box-shadow:0 10px 27px rgba(7,21,28,.13);display:grid;grid-template-columns:35px 1fr 34px;align-items:center;padding:0 7px}.map-search-v11>span{display:grid;place-items:center;color:var(--v11-green-dark)}.map-search-v11 svg{width:18px;height:18px}.map-search-v11 input{border:0!important;box-shadow:none!important;min-height:44px!important;padding:0!important;font-size:12px!important;font-weight:690}.map-search-v11>button{width:30px;height:30px;border:0;border-radius:10px;background:#f2f5f3;color:#7c8780;font-size:18px}.map-search-results-v11{position:absolute;left:0;right:0;top:56px;max-height:255px;overflow:auto;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(7,21,28,.18);padding:6px}.map-search-results-v11 button{width:100%;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;border:0;background:#fff;text-align:left;padding:10px;border-radius:11px;color:var(--v11-ink)}.map-search-results-v11 button:active{background:#f2f8f2}.map-search-results-v11 button b{font-size:10px;line-height:1.35;font-weight:690}.map-search-results-v11 svg{width:16px;height:16px;color:var(--v11-green-dark)}.map-search-loading-v11{padding:14px;text-align:center;color:var(--v11-muted);font-size:10px}.map-center-pin-v11{position:absolute;z-index:450;left:50%;top:50%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:none;filter:drop-shadow(0 8px 10px rgba(7,21,28,.25))}.map-center-pin-v11 span{width:42px;height:42px;border-radius:15px 15px 15px 4px;transform:rotate(-45deg);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:950;border:3px solid #fff}.map-center-pin-v11 span::first-letter{transform:rotate(45deg)}.map-center-pin-v11.is-a span{background:var(--v11-green)}.map-center-pin-v11.is-b span{background:var(--v11-ink)}.map-center-pin-v11 span{line-height:42px;text-align:center}.map-center-pin-v11 span{--r:45deg}.map-center-pin-v11 i{width:7px;height:4px;border-radius:50%;background:rgba(7,21,28,.25);margin-top:4px}.map-picker-controls-v11{position:absolute;z-index:500;right:12px;bottom:230px;display:flex;flex-direction:column;gap:8px}.map-picker-controls-v11 button{width:44px;height:44px;border:0;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 9px 22px rgba(7,21,28,.15);font-size:20px;font-weight:850;color:var(--v11-ink)}.map-picker-sheet-v11{position:absolute;z-index:520;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));padding:7px 13px 13px;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 18px 45px rgba(7,21,28,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.map-sheet-handle-v11{width:36px;height:4px;border-radius:999px;background:#d9e0db;margin:0 auto 10px}.map-address-v11{display:grid;grid-template-columns:31px 1fr;align-items:start;gap:10px}.map-address-v11 .route-marker-v11{margin-top:2px}.map-address-v11 small,.map-address-v11 b,.map-address-v11 em{display:block}.map-address-v11 small{font-size:8.5px;color:var(--v11-muted)}.map-address-v11 b{font-size:12px;line-height:1.32;margin-top:3px;max-height:34px;overflow:hidden}.map-address-v11 em{font-style:normal;font-size:8px;color:#9ba49e;margin-top:4px}.map-picker-actions-v11{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;margin-top:12px}.map-picker-actions-v11 .btn{min-height:48px;font-size:11px}.map-picker-actions-v11 svg{width:16px;height:16px;vertical-align:-3px}

/* Cross-screen perfection */
.service-card,.home-service-card{border-radius:21px!important;box-shadow:0 10px 28px rgba(7,21,28,.055)!important}
.driver-offer,.driver-job-card,.transfer-card,.order-card{border-radius:20px!important}
.profile-hero,.driver-dashboard-head{border-radius:24px!important}
.premium-empty,.empty-state{border-radius:23px!important;background:linear-gradient(145deg,#fff,#f8fbf9)!important}
.list-row,.profile-menu-item,.notification-row{min-height:58px;border-radius:16px!important}
.chat-shell,.chat-messages{border-radius:22px!important}
.toast{border-radius:16px!important;box-shadow:0 14px 34px rgba(7,21,28,.18)!important}
:focus-visible{outline:3px solid rgba(57,210,15,.28)!important;outline-offset:2px}

@media(max-width:430px){
  .modal-body{padding-inline:9px!important}.order-composer-v11{gap:9px}.order-block-v11{padding:13px;border-radius:20px}.order-service-banner-v11{margin-inline:0}.order-secure-badge-v11{display:none}.route-preview-v11{height:145px}.essentials-grid-v11{grid-template-columns:1fr}.vehicle-class-card{flex-basis:82vw}.order-sticky-actions-v11{padding-inline:10px}.map-picker-header-v11,.map-search-v11{left:8px;right:8px}.map-picker-sheet-v11{left:5px;right:5px}.map-picker-actions-v11{grid-template-columns:1fr}.map-picker-actions-v11 .btn.ghost{display:none}.strategy-grid-v11 .strategy-card{min-height:108px!important}}
@media(max-width:350px){.strategy-grid-v11{grid-template-columns:1fr!important}.vehicle-class-card{flex-basis:88vw}.order-sticky-actions-v11{grid-template-columns:.8fr 1.2fr}.order-summary-v11 b{font-size:17px}}
@media(min-width:700px){.modal-inner{border-radius:26px;margin-block:18px;max-height:calc(100vh - 36px)}.order-sticky-actions-v11{bottom:18px;border-radius:0 0 26px 26px}.vehicle-class-card{flex-basis:245px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.leaflet-fade-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-zoom-animated{transition:none!important}}
/* Taxi overview map */
.taxi-map-card-v11{height:238px!important}.taxi-overview-map-v11{position:absolute;inset:0;background:#eaf0eb}.taxi-overview-map-v11 .leaflet-tile-pane{filter:saturate(.76) contrast(.96) brightness(1.04)}.taxi-overview-map-v11 .leaflet-control-attribution{font-size:7px!important;opacity:.55}.map-route-cta-v11{position:absolute;z-index:450;left:50%;bottom:13px;transform:translateX(-50%);height:42px;min-width:160px;border:0;border-radius:14px;background:rgba(7,21,28,.92);color:#fff;box-shadow:0 12px 27px rgba(7,21,28,.22);display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:800;backdrop-filter:blur(10px)}.map-route-cta-v11 svg{width:16px;height:16px;color:var(--v11-green)}
.mode-card .ico-img img{transform:scale(1.3)}.order-service-icon-v11 img{transform:scale(1.55)}
.map-center-pin-v11 span b{display:block;transform:rotate(45deg);font-size:11px;line-height:1}
.booking-page,.profile-page{overflow-x:hidden}.profile-hero{overflow:hidden}.mode-card>span,.mode-card .ico-img,.driver-mode-icon,.avatar-wrap{overflow:hidden}


/* ===== karuca-premium-v12.css ===== */
/* Karuca V12 — AutoChat membership gate */
:root{
  --subscription-blue:#229ED9;
  --subscription-navy:#071b2a;
  --subscription-green:#40c900;
}
body.subscription-gate-open{overflow:hidden!important;touch-action:none}
.subscription-gate{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .22s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.subscription-gate.show{opacity:1}
.subscription-gate-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 12%,rgba(65,205,0,.18),transparent 32%),linear-gradient(155deg,#f7fafc 0%,#eef5f0 48%,#e7f1eb 100%);backdrop-filter:blur(18px)}
.subscription-gate-card{position:relative;width:min(100%,430px);max-height:calc(100dvh - 28px);overflow:auto;padding:26px 22px 20px;border:1px solid rgba(255,255,255,.92);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(252,255,253,.95));box-shadow:0 30px 90px rgba(4,27,19,.2),0 3px 14px rgba(4,27,19,.08);text-align:center;color:#0c1713;-webkit-overflow-scrolling:touch}
.subscription-gate-card::-webkit-scrollbar{display:none}
.subscription-gate-glow{position:absolute;left:50%;top:-110px;width:330px;height:260px;transform:translateX(-50%);background:radial-gradient(circle,rgba(74,211,0,.22),rgba(74,211,0,0) 68%);pointer-events:none}
.subscription-gate-official{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(34,158,217,.18);border-radius:999px;background:#edf8fe;color:#147eb2;font-size:12px;font-weight:800;letter-spacing:.02em}
.subscription-gate-telegram{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--subscription-blue);color:#fff;font-size:12px;transform:rotate(-18deg)}
.subscription-gate-avatar-wrap{position:relative;width:112px;height:112px;margin:24px auto 16px;padding:5px;border-radius:34px;background:linear-gradient(145deg,#fff,#eff7f1);box-shadow:0 18px 42px rgba(13,50,35,.17)}
.subscription-gate-avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:29px;display:block}
.subscription-gate-avatar-wrap i{position:absolute;right:-3px;bottom:-3px;width:30px;height:30px;border:5px solid #fff;border-radius:50%;background:var(--subscription-green);box-shadow:0 5px 15px rgba(64,201,0,.35)}
.subscription-gate-avatar-wrap i:after{content:"✓";display:grid;place-items:center;height:100%;color:#fff;font-size:13px;font-weight:900}
.subscription-gate-kicker{display:block;margin-bottom:7px;color:#3f9d17;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}
.subscription-gate h1{margin:0;font-size:30px;line-height:1.04;letter-spacing:-.045em;color:#081611}
.subscription-gate h2{margin:8px 0 0;font-size:16px;line-height:1.25;color:#387c1b;font-weight:800}
.subscription-gate-message{margin:15px auto 17px;max-width:340px;color:#62716a;font-size:14px;line-height:1.52}
.subscription-gate-benefits{display:grid;gap:8px;margin:0 0 17px;text-align:left}
.subscription-gate-benefits>div{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #e8efe9;border-radius:17px;background:#fbfdfb}
.subscription-gate-benefits>div>span{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:11px;background:#ecf9e6;color:#38a50a;font-weight:900}
.subscription-gate-benefits p{margin:0;display:grid;gap:2px}.subscription-gate-benefits b{font-size:13px;color:#15221c}.subscription-gate-benefits small{font-size:11px;color:#77847e}
.subscription-gate-actions{display:grid;gap:9px}
.subscription-gate-actions button{width:100%;min-height:54px;border:0;border-radius:18px;font:inherit;font-size:14px;font-weight:850;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}
.subscription-gate-actions button:active{transform:scale(.985)}
.subscription-gate-join{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#229ed9,#1487c1);color:#fff;box-shadow:0 13px 28px rgba(34,158,217,.27)}
.subscription-gate-join span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.18);transform:rotate(-18deg)}
.subscription-gate-check{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dfe9e1!important;background:#f7faf8;color:#17251f}
.subscription-gate-check:disabled{opacity:.65;cursor:wait}.subscription-gate-check.checking .subscription-check-icon{animation:subscriptionSpin .8s linear infinite}
.subscription-gate-status{min-height:18px;margin-top:12px;color:#79867f;font-size:11px;line-height:1.4}
.subscription-gate-handle{display:inline-block;margin-top:10px;color:#229ed9;text-decoration:none;font-size:12px;font-weight:800}
@keyframes subscriptionSpin{to{transform:rotate(360deg)}}
@media(max-width:390px){.subscription-gate{padding:10px}.subscription-gate-card{padding:21px 16px 17px;border-radius:28px}.subscription-gate-avatar-wrap{width:94px;height:94px;margin-top:18px}.subscription-gate h1{font-size:26px}.subscription-gate-message{font-size:13px;margin-top:12px}.subscription-gate-benefits>div{padding:9px 10px}.subscription-gate-actions button{min-height:50px}}
@media(prefers-reduced-motion:reduce){.subscription-gate,.subscription-gate-actions button{transition:none}.subscription-gate-check.checking .subscription-check-icon{animation:none}}


/* ===== karuca-premium-v13.css ===== */
/* Karuca V13 — final visual polish + optional AutoChat membership notice */
:root{--v13-green:#31d20f;--v13-green-dark:#18a800;--v13-ink:#07150f;--v13-muted:#718078;--v13-line:rgba(14,42,28,.09);--v13-shadow:0 14px 38px rgba(7,25,15,.075);--v13-radius:22px}
html{background:#f5f8f5}body{background:radial-gradient(circle at 50% -140px,rgba(49,210,15,.09),transparent 420px),#f5f8f5;color:var(--v13-ink)}
.topbar{background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(12,40,25,.065)!important;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}
.topbar-inner{min-height:60px}.brand-word{letter-spacing:-.35px}.iconbtn,.avatarbtn,.top-menu{transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.iconbtn:active,.avatarbtn:active,.top-menu:active{transform:scale(.94)}
.main{padding-bottom:calc(100px + env(safe-area-inset-bottom));background:transparent}.card,.premium-section,.quick-section,.service-tile,.mode-card,.vehicle-class-card,.order-block-v11{border-color:var(--v13-line)!important;box-shadow:var(--v13-shadow)!important}
.service-grid{gap:10px!important}.service-tile{border-radius:21px!important;min-height:143px!important;background:linear-gradient(180deg,#fff,#fbfdfb)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.service-tile:active{transform:scale(.975);box-shadow:0 8px 21px rgba(7,25,15,.075)!important}.service-art{filter:drop-shadow(0 9px 10px rgba(0,0,0,.11))}.service-tile b{letter-spacing:-.25px}.service-tile small{line-height:1.3!important;color:#829087!important}
.home-search{border:1px solid rgba(12,42,25,.085)!important;background:#fff!important;box-shadow:0 8px 22px rgba(7,25,15,.045)!important}.home-search:focus-within{border-color:rgba(49,210,15,.48)!important;box-shadow:0 0 0 4px rgba(49,210,15,.09),0 10px 28px rgba(7,25,15,.06)!important}
.premium-hero,.orders-hero,.profile-hero,.driver-line-hero,.driver-publish-hero,.driver-requests-hero{border-radius:25px!important;box-shadow:0 18px 44px rgba(4,19,12,.16)!important}.premium-hero:after,.orders-hero:after,.profile-hero:after{opacity:.7}
.btn{min-height:49px;border-radius:15px!important;font-weight:800!important;letter-spacing:-.1px;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn.primary{background:linear-gradient(180deg,#39df16,#24c507)!important;box-shadow:0 11px 24px rgba(46,205,16,.22)!important}.btn:active{transform:translateY(1px) scale(.985)}
input,select,textarea{min-height:49px;border-radius:15px!important;border-color:rgba(12,42,25,.11)!important;background:#fff!important;transition:border-color .16s ease,box-shadow .16s ease}input:focus,select:focus,textarea:focus{border-color:rgba(49,210,15,.55)!important;box-shadow:0 0 0 4px rgba(49,210,15,.095)!important;outline:none}
.order-composer-v11{gap:12px!important}.order-block-v11{border-radius:21px!important}.order-section-head-v11{margin-bottom:11px!important}.vehicle-class-grid{scroll-snap-type:x mandatory;gap:9px!important;padding-bottom:4px}.vehicle-class-card{scroll-snap-align:start;border-radius:18px!important;min-width:142px}.vehicle-class-card.active{border-color:rgba(49,210,15,.65)!important;box-shadow:0 11px 28px rgba(41,203,13,.15)!important;background:linear-gradient(180deg,#fff,#f3fff0)!important}
.taxi-map-card-v11,.taxi-overview-map-v11,.route-preview-v11{border-radius:24px!important;overflow:hidden;box-shadow:0 16px 38px rgba(8,26,17,.1)!important}.route-field{min-height:56px!important}.route-marker-v11{box-shadow:0 6px 14px rgba(0,0,0,.12)}
.map-picker-header-v11{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.map-picker-sheet-v11{border-radius:28px 28px 0 0!important;box-shadow:0 -18px 46px rgba(4,20,12,.18)!important}.map-address-v11{font-size:15px!important;line-height:1.35!important}.map-route-cta-v11{min-height:54px!important;border-radius:16px!important}
.empty-state,.premium-empty,.compact-empty,.empty-offers{border:1px solid rgba(12,42,25,.07)!important;background:linear-gradient(180deg,#fff,#f8fcf8)!important;box-shadow:0 12px 34px rgba(7,25,15,.05)!important}.empty-state{padding-top:30px!important;padding-bottom:30px!important}.empty-state p,.premium-empty p{max-width:290px;margin-left:auto!important;margin-right:auto!important}
.tabbar{background:rgba(255,255,255,.9)!important;border-top-color:rgba(12,42,25,.065)!important;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3)}.tabbar-inner{padding-top:6px!important}.tabbar button{border-radius:16px!important;transition:background .16s ease,color .16s ease,transform .16s ease}.tabbar button.active{background:linear-gradient(180deg,rgba(49,210,15,.12),rgba(49,210,15,.035))!important}.tabbar button:active{transform:scale(.94)}
.modal{background:rgba(3,13,8,.54)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-inner{background:#f7faf7!important}.modal-header{background:rgba(255,255,255,.91)!important;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border-bottom:1px solid rgba(12,42,25,.07)!important}.modal-title{font-weight:850!important;letter-spacing:-.3px}
.active-trip-dock{border:1px solid rgba(49,210,15,.18)!important;box-shadow:0 15px 42px rgba(5,24,13,.18)!important}
/* Non-blocking AutoChat recommendation mode */
.autochat-membership-notice{position:fixed;z-index:10800;left:50%;top:calc(68px + env(safe-area-inset-top));width:min(calc(100% - 22px),430px);display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 10px 11px 12px;border:1px solid rgba(34,158,217,.2);border-radius:19px;background:rgba(255,255,255,.96);box-shadow:0 17px 44px rgba(8,48,68,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translate(-50%,-18px) scale(.98);opacity:0;pointer-events:none;transition:.22s ease}.autochat-membership-notice.show{transform:translate(-50%,0) scale(1);opacity:1;pointer-events:auto}.autochat-membership-notice>img{width:48px;height:48px;border-radius:15px;object-fit:cover;box-shadow:0 7px 18px rgba(18,112,157,.17)}.autochat-membership-notice-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.autochat-membership-notice-copy>span{color:#168ac3;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.autochat-membership-notice-copy>b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autochat-membership-notice-copy>small{font-size:9px;line-height:1.3;color:#728089}.autochat-membership-notice-actions{display:flex;align-items:center;gap:5px}.notice-join{height:36px;padding:0 11px;border:0;border-radius:11px;background:#229ed9;color:#fff;font-size:10px;font-weight:850}.notice-close{width:32px;height:32px;border:0;border-radius:50%;background:#edf3f5;color:#66747b;font-size:20px;line-height:1}
@media(max-width:390px){.main{padding-left:10px!important;padding-right:10px!important}.service-grid{gap:8px!important}.service-tile{min-height:136px!important;border-radius:19px!important}.premium-hero,.orders-hero,.profile-hero,.driver-line-hero,.driver-publish-hero,.driver-requests-hero{border-radius:22px!important}.autochat-membership-notice{grid-template-columns:43px minmax(0,1fr) auto;gap:8px}.autochat-membership-notice>img{width:43px;height:43px}.autochat-membership-notice-copy>small{display:none}.notice-join{padding:0 9px}}
@media(max-width:350px){.service-tile{min-height:129px!important}.service-tile b{font-size:12px!important}.service-tile small{font-size:8.5px!important}.autochat-membership-notice-copy>b{max-width:120px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* ===== karuca-premium-v14.css ===== */
/* V14 — Green Card service */
:root{--gc-green:#31d20f;--gc-deep:#06170f;--gc-mint:#effce9;--gc-line:rgba(12,53,25,.10)}
.green-card-service{width:100%;border:1px solid rgba(49,210,15,.28);border-radius:24px;background:linear-gradient(135deg,#071a11 0%,#0d2b19 60%,#173b1f 100%);color:#fff;display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;padding:13px 14px;margin:12px 0 14px;text-align:left;box-shadow:0 18px 42px rgba(5,31,17,.16);position:relative;overflow:hidden}
.green-card-service:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-60px;top:-85px;background:radial-gradient(circle,rgba(80,239,43,.28),transparent 68%)}
.green-card-service:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.06) 50%,transparent 54%);transform:translateX(-120%);transition:transform .55s ease}
.green-card-service:active:after{transform:translateX(120%)}
.green-card-service-art{height:78px;display:grid;place-items:center;position:relative;z-index:1}.green-card-service-art .ico,.green-card-service-art img{width:100px!important;height:72px!important;object-fit:contain!important;filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))}
.green-card-service-copy{min-width:0;position:relative;z-index:1}.green-card-service-copy small,.green-card-service-copy strong,.green-card-service-copy em{display:block}.green-card-service-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#96ef7f;font-weight:850}.green-card-service-copy strong{font-size:20px;line-height:1.05;margin-top:4px}.green-card-service-copy em{font-style:normal;color:#bdd0c4;font-size:10px;line-height:1.35;margin-top:6px}.green-card-service-cta{position:relative;z-index:1;display:flex;align-items:center;gap:5px;padding:10px 11px;border-radius:13px;background:var(--gc-green);color:#06120b;font-size:10px;font-weight:900;white-space:nowrap}.green-card-service-cta i{font-style:normal;font-size:16px;line-height:1}
.green-card-modal{display:grid;gap:14px}.green-card-hero{border-radius:24px;padding:16px;background:linear-gradient(140deg,#06170f,#10331d);color:#fff;display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:center;box-shadow:0 16px 38px rgba(3,25,12,.17);overflow:hidden;position:relative}.green-card-hero:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(49,210,15,.16);right:-65px;top:-68px}.green-card-hero-art{height:78px;display:grid;place-items:center}.green-card-hero-art .ico,.green-card-hero-art img{width:108px!important;height:76px!important;object-fit:contain!important;filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))}.green-card-hero>div:last-child{position:relative;z-index:1}.green-card-hero span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8ff16f;font-weight:850}.green-card-hero h2{font-size:19px;margin:4px 0 6px;line-height:1.08}.green-card-hero p{margin:0;color:#c4d2c9;font-size:10px;line-height:1.45}
.green-card-form{background:#fff;border:1px solid var(--gc-line);border-radius:23px;padding:15px;box-shadow:0 12px 32px rgba(7,25,15,.06)}.green-card-form label{display:block;font-size:10px;color:#526159;font-weight:750;margin:11px 0 6px}.green-card-form label small{font-weight:500;color:#909b94}.green-card-grid{gap:10px}.green-card-form-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 2px;padding-bottom:9px;border-bottom:1px solid #eef2ef}.green-card-form-head:not(:first-child){margin-top:17px}.green-card-form-head b{font-size:13px}.green-card-form-head small{font-size:8.5px;color:#8a958f}.input-prefix{display:flex;border:1px solid #dfe7e1;border-radius:15px;background:#fbfdfb;overflow:hidden;align-items:center}.input-prefix span{padding-left:13px;color:#708078;font-weight:850}.input-prefix input{border:0!important;background:transparent!important;box-shadow:none!important;padding-left:5px!important}.uppercase-input{text-transform:uppercase}.green-card-duration{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.green-card-duration button{border:1px solid #dfe7e1;background:#fff;border-radius:13px;min-height:42px;padding:5px;color:#516158;font-size:9px;font-weight:800}.green-card-duration button.active{background:var(--gc-mint);border-color:var(--gc-green);color:#187e08;box-shadow:0 0 0 3px rgba(49,210,15,.08)}
.green-card-upload{margin-top:6px!important;border:1px dashed #bdcfbf!important;border-radius:16px;padding:13px!important;display:grid!important;grid-template-columns:36px 1fr!important;gap:1px 10px!important;align-items:center;background:#f9fcf8;cursor:pointer}.green-card-upload input{display:none}.green-card-upload span{grid-row:1/3;width:36px;height:36px;border-radius:12px;background:#eaf9e5;color:#27a80d;display:grid;place-items:center}.green-card-upload span svg{width:19px}.green-card-upload b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.green-card-upload small{font-size:8px;color:#8a958f}.green-card-consent{display:flex;align-items:flex-start;gap:8px;margin:12px 0;color:#748078;font-size:8.5px;line-height:1.4}.green-card-consent svg{width:18px;min-width:18px;color:#2fb815}.green-card-submit{width:100%;min-height:52px!important;font-size:12px!important}.green-card-result{color:#d54848;margin-top:8px;text-align:center}
.green-card-history{display:grid;gap:8px}.green-card-history .section-head{margin:2px 3px}.green-card-history-item{background:#fff;border:1px solid var(--gc-line);border-radius:18px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:start;box-shadow:0 7px 22px rgba(7,25,15,.045)}.green-card-history-item small,.green-card-history-item b,.green-card-history-item span{display:block}.green-card-history-item small{font-size:8px;color:#8c9891}.green-card-history-item b{font-size:11px;margin-top:3px}.green-card-history-item span{font-size:9px;color:#69776f;margin-top:3px}.green-card-history-item p{grid-column:1/-1;margin:0;padding-top:7px;border-top:1px solid #eef2ef;color:#68766e;font-size:9px}.gc-status{font-style:normal;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:850;white-space:nowrap}.gc-status.pending{background:#fff5d9;color:#a56b00}.gc-status.contacted{background:#e9f4ff;color:#1675bd}.gc-status.processing{background:#edf9e8;color:#25880e}.gc-status.completed{background:#dff9d7;color:#197606}.gc-status.rejected{background:#ffeaea;color:#b93c3c}.green-card-empty{border:1px dashed #d7e2d8;border-radius:17px;padding:18px;text-align:center;color:#849088;font-size:9px;background:#fbfdfb}
@media(max-width:420px){.green-card-service{grid-template-columns:86px 1fr;gap:9px}.green-card-service-art .ico,.green-card-service-art img{width:86px!important}.green-card-service-cta{grid-column:2;justify-self:start;padding:8px 10px}.green-card-hero{grid-template-columns:92px 1fr}.green-card-hero-art .ico,.green-card-hero-art img{width:92px!important}.green-card-duration{grid-template-columns:repeat(3,1fr)}.green-card-duration button:nth-child(n+4){grid-column:auto}.green-card-grid{grid-template-columns:1fr!important}}
.profile-green-card-row .green-card-menu-icon{background:#eafbe5!important;color:#25a70d!important}.profile-green-card-row b{color:#153d19}


/* ===== karuca-premium-v15.css ===== */
/* Karuca V15 — Bulgaria-first map search + Telegram mobile shortcut */

.mobile-home-shortcut[hidden]{display:none!important}
.mobile-home-shortcut{
  width:100%;border:1px solid rgba(54,205,20,.24);border-radius:20px;
  background:linear-gradient(135deg,#07141b 0%,#10242b 58%,#13391e 100%);
  color:#fff;display:grid;grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;gap:12px;padding:12px 13px;text-align:left;
  box-shadow:0 14px 30px rgba(8,28,34,.13),inset 0 1px 0 rgba(255,255,255,.08);
  margin:10px 0 14px;position:relative;overflow:hidden;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.mobile-home-shortcut::after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-46px;top:-60px;background:radial-gradient(circle,rgba(91,255,38,.28),transparent 68%);pointer-events:none}
.mobile-home-shortcut:active{transform:scale(.985)}
.mobile-home-shortcut:focus-visible{outline:3px solid rgba(52,211,20,.28);outline-offset:2px}
.mobile-home-shortcut-icon{width:52px;height:52px;border-radius:15px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.18);overflow:hidden;position:relative;z-index:1}
.mobile-home-shortcut-icon img{width:100%;height:100%;object-fit:cover;display:block}
.mobile-home-shortcut-copy{display:flex;min-width:0;flex-direction:column;position:relative;z-index:1}
.mobile-home-shortcut-copy small{font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.075em;color:#75e65d;font-weight:800;margin-bottom:2px}
.mobile-home-shortcut-copy b{font-size:15px;line-height:1.22;color:#fff;white-space:normal}
.mobile-home-shortcut-copy em{font-size:11px;line-height:1.25;color:rgba(255,255,255,.64);font-style:normal;margin-top:3px}
.mobile-home-shortcut-action{position:relative;z-index:1;background:#45dd1b;color:#07120b;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px rgba(65,222,25,.25)}
.mobile-home-shortcut.compact{margin:0;border-radius:0;border-left:0;border-right:0;background:linear-gradient(100deg,#091820,#10292b);box-shadow:none;grid-template-columns:42px minmax(0,1fr) auto;padding:12px 14px}
.mobile-home-shortcut.compact .mobile-home-shortcut-icon{width:42px;height:42px;border-radius:12px}
.mobile-home-shortcut.compact .mobile-home-shortcut-copy small{font-size:9px}
.mobile-home-shortcut.compact .mobile-home-shortcut-copy b{font-size:14px}
.mobile-home-shortcut.compact .mobile-home-shortcut-copy em{display:none}
.mobile-home-shortcut.compact .mobile-home-shortcut-action{padding:8px 10px}

.map-search-results-v11 button b{line-height:1.35}
.map-search-results-v11 button::after{content:"BG";margin-left:auto;align-self:center;border-radius:999px;background:#edfbe9;color:#2f9f18;font-size:9px;line-height:1;padding:5px 6px;font-weight:900;letter-spacing:.04em}
.map-search-loading-v11{padding:16px!important;color:#64727b!important;font-weight:700!important}
.map-picker-header-v11,.map-search-v11,.map-picker-sheet-v11{backdrop-filter:saturate(1.1) blur(12px);-webkit-backdrop-filter:saturate(1.1) blur(12px)}

@media (max-width:360px){
  .mobile-home-shortcut{grid-template-columns:46px minmax(0,1fr);gap:10px}
  .mobile-home-shortcut-icon{width:46px;height:46px;border-radius:13px}
  .mobile-home-shortcut-action{grid-column:1/-1;text-align:center;padding:9px}
  .mobile-home-shortcut.compact{grid-template-columns:40px minmax(0,1fr) auto}
  .mobile-home-shortcut.compact .mobile-home-shortcut-action{grid-column:auto}
}

@media (prefers-reduced-motion:reduce){
  .mobile-home-shortcut{transition:none}
}


/* ===== karuca-premium-v17.css ===== */
/* Karuca V17 — final mobile polish and unified icon system */
:root{
  --v17-green:#35d313;
  --v17-green-dark:#1e9f08;
  --v17-ink:#07131a;
  --v17-muted:#7b858d;
  --v17-line:#e5eae6;
  --v17-bg:#f5f7f5;
  --v17-shadow:0 10px 28px rgba(7,19,27,.065);
  --v17-shadow-soft:0 6px 18px rgba(7,19,27,.045);
}
html,body{overflow-x:hidden;background:var(--v17-bg)!important}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif!important;letter-spacing:-.01em}
button,input,select,textarea{font-family:inherit!important}
img,svg{max-width:100%}
.app{width:100%;max-width:540px;overflow:hidden;background:var(--v17-bg)!important}
.main{width:100%;min-width:0;padding:10px 12px calc(var(--tabbar-h) + var(--safe-b) + 18px)!important;overscroll-behavior-y:contain}
.karuca-page,.karuca-page>*{min-width:0}

/* Header */
.topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(225,231,226,.95)!important;box-shadow:0 5px 20px rgba(7,19,27,.035)!important}
.topbar-inner{height:62px!important;padding:8px 12px!important;gap:7px!important}
.top-menu{width:42px!important;height:42px!important;border-radius:14px!important;padding:11px 10px!important}
.top-menu span{height:2px!important;width:21px!important}.top-menu span:nth-child(2){width:16px!important}
.brand-logo{gap:8px!important}
.brand-img{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 6px 16px rgba(4,18,11,.16)!important;filter:none!important}
.brand-word{font-size:22px!important;font-weight:820!important;letter-spacing:-.7px!important;color:var(--v17-ink)!important}
.top-profile{gap:3px!important}.iconbtn,.avatarbtn{width:40px!important;height:40px!important;border-radius:13px!important;padding:8px!important}.iconbtn svg{width:23px!important;height:23px!important}
.notification-count{top:0!important;right:0!important}

/* Home */
.home-page{gap:10px!important}
.home-welcome-active{display:flex!important;justify-content:flex-end!important;padding:0 2px!important;margin:0!important}
.active-pill{min-height:34px!important;padding:7px 11px!important;font-size:11px!important}
.autochat-official-badge{min-height:68px!important;border-radius:20px!important;padding:9px 11px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) 38px!important;gap:10px!important;align-items:center!important;border:1px solid var(--v17-line)!important;background:#fff!important;box-shadow:var(--v17-shadow-soft)!important;text-align:left!important}
.autochat-official-badge>img{width:46px!important;height:46px!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 4px 12px rgba(7,19,27,.12)!important}
.autochat-official-badge>span{min-width:0!important}.autochat-official-badge small{display:block!important;color:#319a1b!important;font-size:8.5px!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:.075em!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.autochat-official-badge b{display:block!important;margin-top:3px!important;font-size:13.5px!important;line-height:1.2!important;color:var(--v17-ink)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.autochat-official-badge>i{width:38px!important;height:38px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#20b9e9,#168fc9)!important;color:#fff!important;font-style:normal!important;box-shadow:0 7px 16px rgba(28,158,211,.22)!important}.autochat-official-badge>i svg{width:20px!important;height:20px!important}

.mobile-home-shortcut{min-height:88px!important;margin:0 0 2px!important;border-radius:22px!important;grid-template-columns:56px minmax(0,1fr) auto!important;gap:12px!important;padding:13px 14px!important;background:linear-gradient(122deg,#06141a 0%,#08281b 56%,#154d20 100%)!important;box-shadow:0 16px 34px rgba(4,28,18,.16),inset 0 1px 0 rgba(255,255,255,.08)!important}
.mobile-home-shortcut::before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 0 42%,rgba(255,255,255,.055) 49%,transparent 56%);pointer-events:none}
.mobile-home-shortcut-icon{width:56px!important;height:56px!important;border-radius:17px!important;background:#0a0f10!important;box-shadow:0 7px 18px rgba(0,0,0,.25)!important;border:1px solid rgba(115,238,86,.24)!important}
.mobile-home-shortcut-icon img{object-fit:cover!important}
.mobile-home-shortcut-copy b{font-size:16.5px!important;line-height:1.16!important;font-weight:820!important;letter-spacing:-.35px!important}.mobile-home-shortcut-copy em{font-size:10.5px!important;line-height:1.3!important;color:rgba(255,255,255,.67)!important;margin-top:5px!important}.mobile-home-shortcut-copy small{display:none!important}
.mobile-home-shortcut-action{min-width:78px!important;text-align:center!important;padding:10px 13px!important;border-radius:14px!important;background:linear-gradient(180deg,#52e629,#31c80e)!important;color:#06120a!important;font-size:11px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(54,211,18,.25)!important}

.home-search{height:56px!important;border-radius:18px!important;padding:0 14px!important;font-size:15px!important;border-color:var(--v17-line)!important;box-shadow:var(--v17-shadow-soft)!important;background:#fff!important}.home-search .search-icon,.home-search .filter-icon{width:26px!important;height:26px!important}.home-search .search-icon svg,.home-search .filter-icon svg{width:22px!important;height:22px!important}

.service-grid{gap:9px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.service-tile{position:relative!important;min-height:143px!important;padding:10px 12px 13px!important;border-radius:21px!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;background:linear-gradient(180deg,#fff 0%,#fbfdfb 100%)!important;border:1px solid var(--v17-line)!important;box-shadow:var(--v17-shadow-soft)!important;overflow:hidden!important}
.service-tile::after{content:"›";position:absolute;right:12px;bottom:13px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f0fbed;color:#2eac13;font-size:22px;font-weight:500;line-height:1}
.service-tile:active{transform:scale(.978)!important;border-color:#b8eaaa!important;box-shadow:0 4px 12px rgba(7,19,27,.04)!important}
.service-art{position:relative!important;width:100%!important;height:82px!important;display:grid!important;place-items:center!important;margin:0 0 2px!important}
.service-art::before{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,#e9fbe4 0%,#f5fff2 58%,transparent 72%);z-index:0}
.service-art .ico-img{width:100%!important;height:82px!important;display:grid!important;place-items:center!important;position:relative!important;z-index:1!important}
.service-art .ico-img img{width:118px!important;height:82px!important;object-fit:contain!important;filter:drop-shadow(0 8px 9px rgba(7,19,27,.12))!important}
.service-tile strong{font-size:15.5px!important;line-height:1.15!important;font-weight:820!important;letter-spacing:-.35px!important;color:var(--v17-ink)!important;max-width:calc(100% - 32px)!important}.service-tile small{font-size:10.5px!important;line-height:1.25!important;color:#8a949a!important;margin-top:4px!important;max-width:calc(100% - 30px)!important;min-height:26px!important}

.green-card-service{min-height:100px!important;margin:1px 0 2px!important;padding:11px 12px!important;border-radius:22px!important;grid-template-columns:82px minmax(0,1fr) auto!important;gap:10px!important;background:linear-gradient(125deg,#071710 0%,#0b2d18 58%,#174d22 100%)!important;box-shadow:0 14px 30px rgba(4,30,17,.14)!important}
.green-card-service-art{height:72px!important}.green-card-service-art .ico,.green-card-service-art img{width:80px!important;height:68px!important;filter:drop-shadow(0 9px 13px rgba(0,0,0,.24))!important}.green-card-service-copy small{font-size:8.5px!important}.green-card-service-copy strong{font-size:18px!important;margin-top:3px!important}.green-card-service-copy em{font-size:9.5px!important;margin-top:4px!important;line-height:1.25!important}.green-card-service-cta{padding:9px 10px!important;border-radius:12px!important;font-size:9.5px!important}

/* Reduce visual noise below the main service area */
.promo-banner{min-height:122px!important;border-radius:22px!important;padding:17px!important}.promo-copy strong{font-size:19px!important}.promo-car{width:138px!important;height:100px!important}
.autochat-community-card,.quick-section{border-radius:20px!important;box-shadow:var(--v17-shadow-soft)!important}

/* Bottom navigation */
.tabbar{width:min(540px,100%)!important;border-radius:22px 22px 0 0!important;box-shadow:0 -10px 30px rgba(7,19,27,.075)!important;background:rgba(255,255,255,.97)!important}
.tabbar-inner{padding:6px 8px calc(6px + var(--safe-b))!important;gap:3px!important}.tab{height:58px!important;border-radius:17px!important;gap:2px!important}.tab svg{width:22px!important;height:22px!important}.tab span{font-size:10px!important;font-weight:710!important}.tab.active{background:linear-gradient(180deg,#f2ffed,#eafbe5)!important;color:#2aaa10!important}.tab.active::before{display:none!important}

/* Forms, lists, modals and maps */
.card,.premium-section,.order-card,.transfer-card,.message-row,.driver-job-card{border-radius:20px!important}
input,select,textarea{font-size:16px!important;min-height:48px!important;border-radius:14px!important}
textarea{min-height:96px!important}
.modal{padding:0!important}.modal-inner{width:min(540px,100%)!important;max-width:540px!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0 auto!important;overflow:hidden!important}.modal-header{min-height:60px!important;padding:8px 10px!important;position:sticky!important;top:0!important;z-index:10!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(14px)!important}.modal-title{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.modal-body{padding:12px 12px calc(24px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
.map-picker-v11,.map-picker-screen-v11{width:100%!important;max-width:540px!important;margin:0 auto!important}.map-search-results-v11{max-height:min(42vh,340px)!important}.map-picker-sheet-v11{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
.order-card,.transfer-card,.message-row,.driver-job-card,.profile-menu-row{min-width:0!important;overflow:hidden!important}.order-card *,.transfer-card *,.message-row *,.driver-job-card *{min-width:0}.order-card b,.transfer-card b,.message-row b{overflow-wrap:anywhere}

@media(max-width:420px){
  .main{padding-left:10px!important;padding-right:10px!important}
  .topbar-inner{padding-left:9px!important;padding-right:9px!important}
  .lang-switch,.avatarbtn{display:none!important}
  .autochat-official-badge{grid-template-columns:43px minmax(0,1fr) 36px!important;padding:8px 10px!important}.autochat-official-badge>img{width:43px!important;height:43px!important}.autochat-official-badge>i{width:36px!important;height:36px!important}
  .mobile-home-shortcut{grid-template-columns:52px minmax(0,1fr) auto!important;padding:12px!important}.mobile-home-shortcut-icon{width:52px!important;height:52px!important}.mobile-home-shortcut-copy b{font-size:15.5px!important}.mobile-home-shortcut-action{min-width:72px!important;padding:9px 10px!important}
  .service-grid{gap:8px!important}.service-tile{min-height:137px!important;padding:9px 10px 12px!important}.service-art{height:77px!important}.service-art .ico-img,.service-art .ico-img img{height:77px!important}.service-art .ico-img img{width:108px!important}.service-tile strong{font-size:15px!important}.service-tile small{font-size:10px!important}
  .green-card-service{grid-template-columns:74px minmax(0,1fr) auto!important}.green-card-service-art .ico,.green-card-service-art img{width:72px!important;height:62px!important}.green-card-service-copy em{display:none!important}
}
@media(max-width:360px){
  .brand-img{width:36px!important;height:36px!important}.brand-word{font-size:20px!important}.top-menu,.iconbtn{width:38px!important;height:38px!important}
  .mobile-home-shortcut{grid-template-columns:48px minmax(0,1fr) auto!important;gap:9px!important}.mobile-home-shortcut-icon{width:48px!important;height:48px!important;border-radius:15px!important}.mobile-home-shortcut-copy b{font-size:14px!important}.mobile-home-shortcut-copy em{font-size:9.5px!important}.mobile-home-shortcut-action{min-width:64px!important;padding:8px!important;font-size:10px!important}
  .service-tile{min-height:130px!important}.service-art{height:70px!important}.service-art .ico-img,.service-art .ico-img img{height:70px!important}.service-art .ico-img img{width:98px!important}.service-tile strong{font-size:14px!important}.service-tile small{font-size:9.5px!important}
  .green-card-service{grid-template-columns:66px minmax(0,1fr)!important}.green-card-service-cta{grid-column:2!important;justify-self:start!important;margin-top:-2px!important}.green-card-service-copy strong{font-size:17px!important}
  .row{flex-direction:column!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Last-line layout safety */
.row,.grid2,.grid3,.booking-options,.order-details-grid,.driver-stat-grid,.partner-stat-grid{min-width:0}
.row>* ,.grid2>* ,.grid3>* ,.booking-options>* ,.order-details-grid>* ,.driver-stat-grid>* ,.partner-stat-grid>*{min-width:0}
.tab{min-width:0!important}.tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modal-header .btn{min-width:64px!important;max-width:92px!important;padding-left:9px!important;padding-right:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.notice,.empty-state,.profile-menu-row,.settings-row{overflow-wrap:anywhere}
@supports(padding:max(0px)){
  .topbar-inner{padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important}
  .main{padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important}
}


/* ===== karuca-ios-v19.css ===== */
/* Karuca v19 — iOS taxi experience */
:root{
  --ki-green:#34c759;
  --ki-green-pressed:#28a745;
  --ki-green-soft:#edfbf1;
  --ki-label:#1c1c1e;
  --ki-secondary:#636366;
  --ki-tertiary:#8e8e93;
  --ki-bg:#f2f2f7;
  --ki-surface:#ffffff;
  --ki-separator:rgba(60,60,67,.16);
  --ki-fill:rgba(118,118,128,.12);
  --ki-radius:22px;
}

html,body,button,input,select,textarea{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Main taxi screen */
.taxi-experience-ios{
  max-width:680px;
  margin:0 auto;
  padding:0 0 calc(104px + env(safe-area-inset-bottom));
  color:var(--ki-label);
}

.taxi-experience-ios .taxi-map-card-v11{
  position:relative;
  min-height:292px;
  margin:0 -16px;
  overflow:hidden;
  border:0!important;
  border-radius:0!important;
  background:#dfe7e2;
  box-shadow:none!important;
}

.taxi-experience-ios .taxi-overview-map-v11{
  position:absolute;
  inset:0;
  min-height:292px;
}

.taxi-experience-ios .map-back{
  top:14px;
  left:14px;
  z-index:500;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  color:var(--ki-label);
  background:rgba(255,255,255,.92);
  box-shadow:0 4px 16px rgba(0,0,0,.12);
  backdrop-filter:blur(18px);
}

.taxi-experience-ios .eta-bubble{
  top:14px;
  right:14px;
  left:auto;
  z-index:500;
  max-width:230px;
  padding:10px 13px;
  border:0;
  border-radius:16px;
  color:var(--ki-label);
  background:rgba(255,255,255,.92);
  box-shadow:0 4px 16px rgba(0,0,0,.12);
  backdrop-filter:blur(18px);
  font-size:13px;
  font-weight:600;
}

.taxi-experience-ios .eta-bubble small{
  display:block;
  margin-top:2px;
  color:var(--ki-secondary);
  font-size:11px;
  font-weight:400;
}

.taxi-experience-ios .map-route-cta-v11{
  right:14px;
  bottom:42px;
  z-index:500;
  min-height:44px;
  padding:0 16px;
  border:0;
  border-radius:22px;
  color:#fff;
  background:var(--ki-green);
  box-shadow:0 6px 18px rgba(52,199,89,.28);
  font-size:13px;
  font-weight:600;
}

.taxi-experience-ios .booking-panel{
  position:relative;
  z-index:510;
  margin:-28px 0 0;
  padding:10px 16px 18px;
  border:0!important;
  border-radius:28px 28px 0 0!important;
  background:var(--ki-surface);
  box-shadow:none!important;
}

.taxi-experience-ios .booking-panel::before{
  content:"";
  display:block;
  width:36px;
  height:5px;
  margin:0 auto 14px;
  border-radius:999px;
  background:#d1d1d6;
}

.taxi-experience-ios .taxi-panel-heading-v18{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
}

.taxi-experience-ios .taxi-panel-heading-v18 small{
  display:block;
  margin-bottom:2px;
  color:var(--ki-secondary);
  font-size:12px;
  font-weight:400;
}

.taxi-experience-ios .taxi-panel-heading-v18 h1{
  margin:0;
  color:var(--ki-label);
  font-size:28px;
  line-height:1.14;
  letter-spacing:-.025em;
  font-weight:600;
}

.taxi-experience-ios .taxi-status-v18{
  flex:0 0 auto;
  padding:6px 10px;
  border-radius:999px;
  color:#187a35;
  background:var(--ki-green-soft);
  font-size:11px;
  font-weight:600;
}

.taxi-experience-ios .route-field{
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:58px;
  margin:0;
  padding:8px 2px;
  border:0!important;
  border-bottom:1px solid var(--ki-separator)!important;
  border-radius:0!important;
  color:var(--ki-label);
  background:transparent!important;
  box-shadow:none!important;
  text-align:left;
}

.taxi-experience-ios .route-field:last-of-type{border-bottom:0!important}
.taxi-experience-ios .route-field span{min-width:0}
.taxi-experience-ios .route-field small{display:block;color:var(--ki-secondary);font-size:11px;font-weight:400}
.taxi-experience-ios .route-field b{display:block;overflow:hidden;color:var(--ki-label);font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.taxi-experience-ios .route-field em{color:var(--ki-green-pressed);font-size:12px;font-style:normal;font-weight:500}
.taxi-experience-ios .route-dot{width:10px;height:10px;border:0;box-shadow:none}
.taxi-experience-ios .route-dot.start{border-radius:50%;background:var(--ki-green)}
.taxi-experience-ios .route-dot.finish{border-radius:3px;background:var(--ki-label)}

.taxi-experience-ios .booking-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:14px 0 18px;
}

.taxi-experience-ios .booking-options button{
  min-height:42px;
  border:0;
  border-radius:13px;
  color:var(--ki-label);
  background:var(--ki-fill);
  font-size:13px;
  font-weight:500;
}

.taxi-experience-ios .price-section{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0;
  padding:13px 0;
  border-block:1px solid var(--ki-separator);
  background:transparent;
}
.taxi-experience-ios .price-section h2{margin:0 0 2px;color:var(--ki-label);font-size:15px;font-weight:500}
.taxi-experience-ios .price-section p{margin:0;color:var(--ki-secondary);font-size:11px;line-height:1.35}
.taxi-experience-ios .price-input{
  flex:0 0 auto;
  min-width:86px;
  min-height:48px;
  padding:0 12px;
  border:0;
  border-radius:14px;
  color:var(--ki-label);
  background:var(--ki-fill);
  box-shadow:none;
}
.taxi-experience-ios .price-input strong{font-size:20px;font-weight:600}

.taxi-experience-ios .order-feature-chips{margin:13px 0 4px}
.taxi-experience-ios .order-feature-chips span{border:0;background:var(--ki-fill);color:var(--ki-secondary);font-weight:500}

.taxi-experience-ios .offers-head{align-items:flex-end;margin:22px 0 7px}
.taxi-experience-ios .offers-head h2{margin:0 0 2px;color:var(--ki-label);font-size:18px;font-weight:600}
.taxi-experience-ios .offers-head p{margin:0;color:var(--ki-secondary);font-size:11px;line-height:1.35}
.taxi-experience-ios .offers-head>span{color:#187a35;background:var(--ki-green-soft)}

.taxi-experience-ios .driver-offers{display:grid;gap:0}
.taxi-experience-ios .driver-offer{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:11px;
  width:100%;
  min-height:70px;
  padding:10px 0;
  border:0!important;
  border-bottom:1px solid var(--ki-separator)!important;
  border-radius:0!important;
  color:var(--ki-label);
  background:transparent!important;
  box-shadow:none!important;
}
.taxi-experience-ios .driver-offer.confirmed{background:linear-gradient(90deg,var(--ki-green-soft),transparent)!important}
.taxi-experience-ios .offer-avatar{background:var(--ki-fill);color:var(--ki-label)}
.taxi-experience-ios .driver-offer.confirmed .offer-avatar{background:var(--ki-green);color:#fff}
.taxi-experience-ios .offer-main b,.taxi-experience-ios .offer-price b{color:var(--ki-label);font-weight:600}
.taxi-experience-ios .offer-main i{color:#b77600;font-weight:500}
.taxi-experience-ios .offer-main small,.taxi-experience-ios .offer-main em{color:var(--ki-secondary);font-weight:400}
.taxi-experience-ios .offer-price small{color:var(--ki-green-pressed);font-weight:500}

.taxi-experience-ios .waiting-offers,
.taxi-experience-ios .empty-offers{
  margin:18px 0 12px;
  padding:18px 8px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:center;
}
.taxi-experience-ios .empty-offers span,.taxi-experience-ios .waiting-offers .pulse-car{color:var(--ki-green)}
.taxi-experience-ios .empty-offers h2{margin:7px 0 4px;color:var(--ki-label);font-size:17px;font-weight:600}
.taxi-experience-ios .empty-offers p{max-width:360px;margin:0 auto;color:var(--ki-secondary);font-size:12px;line-height:1.4}

.taxi-experience-ios .primary-action{
  width:100%;
  min-height:52px;
  border:0;
  border-radius:15px;
  color:#fff;
  background:var(--ki-green);
  box-shadow:none;
  font-size:16px;
  font-weight:600;
}
.taxi-experience-ios .primary-action:active{background:var(--ki-green-pressed)}
.taxi-experience-ios .safety-note{margin-top:14px;padding-top:13px;border-top:1px solid var(--ki-separator);color:var(--ki-secondary)}
.taxi-experience-ios .safety-note b{color:var(--ki-label);font-weight:500}

/* Full-screen iOS order composer */
.modal-inner:has(.order-composer-ios){
  max-width:520px;
  background:var(--ki-bg)!important;
}

.modal-inner:has(.order-composer-ios) .modal-header{
  min-height:54px;
  border-bottom:1px solid var(--ki-separator);
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(18px);
}
.modal-inner:has(.order-composer-ios) .modal-header h2{color:var(--ki-label);font-size:17px;font-weight:600}
.modal-inner:has(.order-composer-ios) .modal-body{padding:10px!important;background:var(--ki-bg)!important}

.order-composer-ios{
  display:grid;
  gap:10px!important;
  padding-bottom:0;
  color:var(--ki-label);
  background:var(--ki-bg);
}

.order-composer-ios .order-service-banner-v11{
  margin:0;
  padding:13px;
  border:0;
  border-radius:18px;
  background:var(--ki-surface);
  box-shadow:none;
}
.order-composer-ios .order-service-icon-v11{color:#fff;background:var(--ki-green)}
.order-composer-ios .order-service-banner-v11 small{color:var(--ki-secondary);font-weight:400}
.order-composer-ios .order-service-banner-v11 b{color:var(--ki-label);font-weight:600}
.order-composer-ios .order-secure-badge-v11{color:#187a35;background:var(--ki-green-soft);font-weight:500}

.order-composer-ios .order-block-v11,
.order-composer-ios .order-advanced-v11{
  margin:0;
  padding:14px;
  border:0!important;
  border-radius:18px!important;
  background:var(--ki-surface)!important;
  box-shadow:none!important;
}

.order-composer-ios .order-section-head-v11{margin-bottom:11px}
.order-composer-ios .order-section-head-v11 small{color:var(--ki-green-pressed);font-weight:600}
.order-composer-ios .order-section-head-v11 h3{color:var(--ki-label);font-size:17px;font-weight:600}
.order-composer-ios .order-section-head-v11>span{color:var(--ki-secondary);font-size:10px;font-weight:400}

.order-composer-ios .route-preview-v11{height:168px;border:0;border-radius:15px;background:#dfe7e2;box-shadow:none}
.order-composer-ios .route-editor-v11{border:0;border-radius:0;padding:0;box-shadow:none}
.order-composer-ios .route-editor-line-v11{min-height:55px;border-bottom:1px solid var(--ki-separator)}
.order-composer-ios .route-editor-line-v11:last-of-type{border-bottom:0}
.order-composer-ios .route-editor-line-v11 input{color:var(--ki-label)!important;font-size:15px;font-weight:400}
.order-composer-ios .route-editor-line-v11 button{color:var(--ki-green-pressed);background:var(--ki-green-soft)}
.order-composer-ios .route-marker-v11.start{background:var(--ki-green)}
.order-composer-ios .route-marker-v11.finish{background:var(--ki-label)}
.order-composer-ios .route-status-v11,.order-composer-ios .zone-compact-v11 label,.order-composer-ios .zone-compact-v11 small{color:var(--ki-secondary)}

.order-composer-ios .strategy-grid-v11{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.order-composer-ios .strategy-card{
  min-height:102px!important;
  padding:12px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  color:var(--ki-label)!important;
  background:var(--ki-fill)!important;
  box-shadow:none!important;
  text-align:left!important;
}
.order-composer-ios .strategy-card.active{
  border-color:var(--ki-green)!important;
  background:var(--ki-green-soft)!important;
  box-shadow:none!important;
}
.order-composer-ios .strategy-symbol-v11{border:0;color:var(--ki-label);background:var(--ki-surface);box-shadow:none}
.order-composer-ios .strategy-card.active .strategy-symbol-v11{color:#fff;background:var(--ki-green)}
.order-composer-ios .strategy-card b{color:var(--ki-label);font-weight:600!important}
.order-composer-ios .strategy-card small{color:var(--ki-secondary);font-weight:400}

.order-composer-ios .vehicle-class-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  overflow:visible!important;
  padding:0!important;
}
.order-composer-ios .vehicle-class-card{
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:78px!important;
  padding:8px 4px!important;
  border:0!important;
  border-bottom:1px solid var(--ki-separator)!important;
  border-radius:0!important;
  color:var(--ki-label)!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  text-align:left!important;
}
.order-composer-ios .vehicle-class-card:last-child{border-bottom:0!important}
.order-composer-ios .vehicle-class-card.active{background:linear-gradient(90deg,var(--ki-green-soft),transparent)!important}
.order-composer-ios .vehicle-class-art{width:70px;height:54px;background:transparent}
.order-composer-ios .vehicle-class-art img{max-width:70px;max-height:52px}
.order-composer-ios .vehicle-class-copy-v11{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;min-width:0}
.order-composer-ios .vehicle-class-copy-v11 b{color:var(--ki-label);font-size:15px;font-weight:600}
.order-composer-ios .vehicle-class-copy-v11 small{grid-column:1;color:var(--ki-secondary);font-weight:400}
.order-composer-ios .vehicle-class-copy-v11 em{grid-column:2;grid-row:1/3;color:var(--ki-label);font-size:15px;font-weight:600}
.order-composer-ios .vehicle-class-check-v11{right:4px;top:5px;color:#fff;background:var(--ki-green)}

.order-composer-ios .price-controller-v11{display:grid;grid-template-columns:48px 1fr 48px;gap:8px;align-items:center}
.order-composer-ios .price-controller-v11>button{
  width:48px;
  height:48px;
  border:0;
  border-radius:14px;
  color:var(--ki-label);
  background:var(--ki-fill);
}
.order-composer-ios .price-controller-v11 label{height:58px;border-radius:15px;background:var(--ki-label);box-shadow:none}
.order-composer-ios .price-controller-v11 label input{color:#fff!important;font-size:28px!important;font-weight:600!important}
.order-composer-ios .price-controller-v11 label span{color:var(--ki-green);font-weight:600}
.order-composer-ios .price-quick-v11 button,
.order-composer-ios .schedule-chips button{
  border:0;
  border-radius:12px;
  color:var(--ki-label);
  background:var(--ki-fill);
  font-weight:500;
}
.order-composer-ios .price-quick-v11 button:last-child{color:#187a35;background:var(--ki-green-soft)}

.order-composer-ios .field-shell-v11{
  border:1px solid var(--ki-separator)!important;
  border-radius:13px!important;
  background:var(--ki-surface)!important;
  box-shadow:none!important;
}
.order-composer-ios .field-shell-v11>span{color:var(--ki-secondary)}
.order-composer-ios .counter-v11 button{color:var(--ki-label);background:var(--ki-fill)}

.order-composer-ios .order-advanced-v11 summary{color:var(--ki-label)}
.order-composer-ios .order-advanced-v11 summary>span{color:var(--ki-green-pressed);background:var(--ki-green-soft)}
.order-composer-ios .order-advanced-v11 summary b{font-weight:500}
.order-composer-ios .order-advanced-v11 summary small{color:var(--ki-secondary);font-weight:400}

.order-composer-ios .order-sticky-actions-v11{
  position:sticky!important;
  left:auto!important;
  bottom:0!important;
  z-index:20;
  width:auto!important;
  grid-template-columns:1fr minmax(190px,1.35fr)!important;
  margin:2px 0 0!important;
  padding:10px!important;
  border:0!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 -8px 24px rgba(0,0,0,.06)!important;
  backdrop-filter:blur(18px);
  transform:none!important;
}
.order-composer-ios .order-summary-v11 small{color:var(--ki-secondary);font-weight:400}
.order-composer-ios .order-summary-v11 b{color:var(--ki-label);font-weight:600}
.order-composer-ios #oCreate{
  min-height:52px!important;
  border:0!important;
  border-radius:15px!important;
  color:#fff!important;
  background:var(--ki-green)!important;
  box-shadow:none!important;
  font-size:15px!important;
  font-weight:600!important;
}
.order-composer-ios #oCreate:active{background:var(--ki-green-pressed)!important}

@media(min-width:700px){
  .taxi-experience-ios{padding-inline:12px}
  .taxi-experience-ios .taxi-map-card-v11{min-height:350px;margin:12px 0 0;border-radius:26px!important}
  .taxi-experience-ios .taxi-overview-map-v11{min-height:350px}
  .taxi-experience-ios .booking-panel{margin:-34px 18px 0;border-radius:28px!important;box-shadow:0 14px 38px rgba(0,0,0,.09)!important}
}

@media(max-width:390px){
  .taxi-experience-ios .taxi-map-card-v11,.taxi-experience-ios .taxi-overview-map-v11{min-height:248px}
  .taxi-experience-ios .eta-bubble{max-width:190px}
  .taxi-experience-ios .taxi-panel-heading-v18 h1{font-size:25px}
  .order-composer-ios .order-sticky-actions-v11{grid-template-columns:.8fr 1.2fr!important}
  .order-composer-ios .vehicle-class-card{grid-template-columns:64px minmax(0,1fr) auto!important}
  .order-composer-ios .vehicle-class-art{width:60px}
}

@media(prefers-reduced-motion:reduce){
  .taxi-experience-ios *,
  .order-composer-ios *{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}
}


/* ===== karuca-premium-v20.css ===== */
:root{
  --k20-bg:#f2f2f7;
  --k20-surface:#fff;
  --k20-text:#111114;
  --k20-muted:#6e6e73;
  --k20-line:rgba(60,60,67,.14);
  --k20-green:#34c759;
  --k20-green-dark:#248a3d;
  --k20-blue:#007aff;
  --k20-radius:18px;
  --k20-shadow:0 8px 24px rgba(0,0,0,.055);
}

html,body,button,input,select,textarea{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
}

body{background:var(--k20-bg);color:var(--k20-text)}
.app{background:var(--k20-bg)}
.main{padding-bottom:104px}

.topbar{
  background:rgba(248,248,250,.9)!important;
  border-bottom:1px solid var(--k20-line)!important;
  box-shadow:none!important;
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
}
.topbar-inner{min-height:54px!important;padding:7px 14px!important}
.brand-word{font-weight:750!important;letter-spacing:-.04em!important}
.badge{background:rgba(52,199,89,.12)!important;color:var(--k20-green-dark)!important;border:0!important}
.iconbtn,.avatarbtn,.top-menu{background:transparent!important;border:0!important;box-shadow:none!important}

.tabbar{
  background:rgba(249,249,250,.92)!important;
  border-top:1px solid var(--k20-line)!important;
  box-shadow:none!important;
  backdrop-filter:saturate(180%) blur(22px);
  -webkit-backdrop-filter:saturate(180%) blur(22px);
}
.tabbar button{color:#8e8e93!important;font-size:10px!important;font-weight:600!important}
.tabbar button.active{color:var(--k20-green)!important}

.karuca-page{width:min(100%,760px);margin:0 auto;color:var(--k20-text)}
.home-page,.orders-page,.messages-page,.profile-page{padding:14px 14px 28px!important}

.home-page .autochat-official-badge{
  min-height:76px!important;
  padding:12px 14px!important;
  border:0!important;
  border-radius:22px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#151518,#2c2c2e)!important;
  box-shadow:var(--k20-shadow)!important;
}
.home-page .autochat-official-badge img{width:48px!important;height:48px!important;border-radius:14px!important;background:#fff}
.home-page .autochat-official-badge small{color:rgba(255,255,255,.64)!important;font-size:12px!important}
.home-page .autochat-official-badge b{font-size:20px!important;letter-spacing:-.03em!important}
.home-page .autochat-official-badge>i{color:rgba(255,255,255,.72)!important;font-size:28px!important}

.home-page .home-search{
  min-height:58px!important;
  margin:14px 0!important;
  border:1px solid var(--k20-line)!important;
  border-radius:18px!important;
  background:var(--k20-surface)!important;
  color:var(--k20-text)!important;
  box-shadow:none!important;
  font-size:17px!important;
  font-weight:600!important;
}
.home-page .search-icon{color:var(--k20-green)!important}

.home-page .service-grid{gap:10px!important;margin:0!important}
.home-page .service-tile{
  min-height:148px!important;
  padding:13px 12px 14px!important;
  border:0!important;
  border-radius:20px!important;
  background:var(--k20-surface)!important;
  box-shadow:none!important;
  text-align:left!important;
}
.home-page .service-tile:active{transform:scale(.98);background:#e9e9ee!important}
.home-page .service-art{height:72px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.home-page .service-art img{max-height:70px!important;filter:none!important}
.home-page .service-tile strong{font-size:17px!important;letter-spacing:-.025em!important;color:var(--k20-text)!important}
.home-page .service-tile small{font-size:12px!important;color:var(--k20-muted)!important;margin-top:3px!important}
.home-page .service-coming{opacity:.72}

.home-page .green-card-service,.home-page .promo-banner,.home-page .autochat-community-card,.home-page .quick-section{
  border:0!important;
  border-radius:22px!important;
  box-shadow:none!important;
}
.home-page .europe-banner{
  min-height:150px!important;
  background:linear-gradient(135deg,#e7f8eb,#fff)!important;
  color:var(--k20-text)!important;
  overflow:hidden;
}
.home-page .europe-banner .promo-copy strong{font-size:27px!important;letter-spacing:-.045em!important}
.home-page .europe-banner .promo-copy small,.home-page .europe-banner .promo-copy em{color:var(--k20-muted)!important}
.home-page .section-head h2{font-size:22px!important;letter-spacing:-.04em!important}
.home-page .quick-grid button{border:0!important;border-radius:16px!important;background:var(--k20-surface)!important;color:var(--k20-text)!important}

.screen-heading,.premium-hero,.profile-hero{
  border:0!important;
  border-radius:22px!important;
  box-shadow:none!important;
  background:var(--k20-surface)!important;
}
.screen-heading h1,.premium-hero h1,.profile-hero h1{letter-spacing:-.045em!important;color:var(--k20-text)!important}
.screen-heading p,.premium-hero p{color:var(--k20-muted)!important}
.section-kicker,.hero-kicker{color:var(--k20-green-dark)!important;font-weight:700!important}
.heading-icon{background:rgba(52,199,89,.13)!important;color:var(--k20-green-dark)!important}

.orders-page .orders-hero-stats span{background:var(--k20-bg)!important;border:0!important;border-radius:14px!important}
.orders-page .orders-section{margin-top:18px!important}
.orders-page .premium-section-head{padding:0 4px 8px!important}
.orders-page .premium-section-head h2{font-size:21px!important;letter-spacing:-.035em!important}
.orders-page .section-status{background:#e5e5ea!important;color:var(--k20-muted)!important;border:0!important}
.orders-page .premium-order-list{gap:10px!important}
.orders-page .order-card{
  padding:15px!important;
  border:0!important;
  border-radius:20px!important;
  background:var(--k20-surface)!important;
  box-shadow:none!important;
}
.orders-page .order-service-icon{background:rgba(52,199,89,.12)!important;color:var(--k20-green-dark)!important}
.orders-page .order-route b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--k20-text)!important}
.orders-page .order-card-meta{color:var(--k20-muted)!important}

.messages-page .messages-notice{border:0!important;border-radius:18px!important;background:rgba(52,199,89,.12)!important;color:var(--k20-green-dark)!important}
.messages-page .message-list{margin-top:12px!important;border-radius:20px!important;background:var(--k20-surface)!important;overflow:hidden}
.messages-page .message-row{
  min-height:82px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--k20-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.messages-page .message-row:last-child{border-bottom:0!important}
.messages-page .message-avatar{background:linear-gradient(145deg,#34c759,#248a3d)!important;color:#fff!important}
.messages-page .message-content small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--k20-muted)!important}
.messages-page .message-content em{color:var(--k20-green-dark)!important}

.profile-page .profile-hero{padding:18px!important;background:linear-gradient(180deg,#fff,#fafafa)!important}
.profile-page .wallet-card{border:0!important;border-radius:18px!important;background:var(--k20-bg)!important;box-shadow:none!important}
.profile-page .bonus-card{border:0!important;border-radius:18px!important;background:#111114!important;color:#fff!important;box-shadow:none!important}
.profile-page .profile-menu,.profile-page .driver-mode-card,.profile-page .profile-partner-card{
  border:0!important;
  border-radius:20px!important;
  background:var(--k20-surface)!important;
  box-shadow:none!important;
  overflow:hidden;
}
.profile-page .profile-menu button,.profile-page .driver-mode-card button,.profile-page .profile-partner-card button{border-bottom:1px solid var(--k20-line)!important;background:transparent!important}
.profile-page .profile-menu button:last-child{border-bottom:0!important}
.profile-page .menu-icon{background:rgba(52,199,89,.12)!important;color:var(--k20-green-dark)!important}

.modal-inner{background:var(--k20-bg)!important}
.modal-header{background:rgba(248,248,250,.92)!important;border-bottom:1px solid var(--k20-line)!important;backdrop-filter:blur(20px)}
.modal-body .card,.sheet{border:0!important;border-radius:22px!important;box-shadow:none!important;background:var(--k20-surface)!important}
.btn.primary,.primary-action{background:var(--k20-green)!important;border-color:var(--k20-green)!important;color:#fff!important;box-shadow:none!important}
.btn.ghost,.secondary-action{background:#e9e9ee!important;border-color:transparent!important;color:var(--k20-text)!important;box-shadow:none!important}
.chat-readonly{margin-top:12px;padding:13px 14px;border-radius:14px;background:#f2f2f7;color:var(--k20-muted);font-size:13px;line-height:1.35;text-align:center}

@media (max-width:420px){
  .home-page,.orders-page,.messages-page,.profile-page{padding-left:12px!important;padding-right:12px!important}
  .home-page .service-tile{min-height:140px!important}
  .home-page .service-art{height:66px!important}
  .orders-page .premium-hero{padding:16px!important}
}


/* ===== karuca-taxi-v21.css ===== */
.modal-inner:has(.order-composer-ios) .modal-body{padding:8px!important}
.order-composer-ios{gap:9px!important}
.order-composer-ios .order-service-banner-v11{min-height:62px!important;padding:11px 13px!important;border-radius:17px!important}
.order-composer-ios .order-block-v11,.order-composer-ios .order-advanced-v11{padding:14px!important;border-radius:18px!important}
.order-composer-ios .route-preview-v11{
  height:184px!important;
  margin-bottom:8px!important;
  border:1px solid rgba(60,60,67,.11)!important;
  border-radius:20px!important;
  background:#eef1ef!important;
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.85),0 10px 26px rgba(23,38,29,.10)!important;
}
.order-composer-ios .route-preview-v11 .leaflet-tile-pane{filter:saturate(.84) contrast(.98) brightness(1.025)}
.order-composer-ios .route-preview-v11 .leaflet-marker-pane{filter:drop-shadow(0 5px 8px rgba(0,0,0,.22))}
.order-composer-ios .route-preview-v11 .pin{
  width:28px;
  height:28px;
  border:3px solid #fff;
  color:#fff;
  font-size:11px;
  box-shadow:0 0 0 1px rgba(17,24,39,.12),0 5px 13px rgba(17,24,39,.22);
}
.order-composer-ios .route-preview-v11 .pin-a{background:#22c55e}
.order-composer-ios .route-preview-v11 .pin-b{background:#17191d}
.order-composer-ios .route-preview-v11 .karuca-route-shadow-v22{filter:drop-shadow(0 3px 4px rgba(21,73,42,.20))}
.order-composer-ios .route-preview-v11 .karuca-route-line-v22{filter:drop-shadow(0 1px 1px rgba(14,92,45,.20))}
.route-map-badge-v22{
  position:absolute;
  z-index:620;
  left:10px;
  bottom:10px;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:90px;
  padding:7px 10px 7px 8px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:13px;
  background:rgba(255,255,255,.92);
  color:#111318;
  box-shadow:0 7px 22px rgba(17,24,39,.15);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  pointer-events:none;
}
.route-map-badge-v22>span{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:#dcfce7;color:#16853b}
.route-map-badge-v22 svg{width:15px;height:15px}
.route-map-badge-v22 b,.route-map-badge-v22 small{display:block;white-space:nowrap}
.route-map-badge-v22 b{font-size:12px;line-height:1.15;font-weight:700}
.route-map-badge-v22 small{margin-top:2px;color:#71717a;font-size:9px;font-weight:500}

/* Karuca 23 — coastal transfer experience */
.transfer-pilot-v23{display:grid;gap:12px;padding-bottom:20px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,system-ui,sans-serif;color:#111827}
.transfer-hero-v23{position:relative;overflow:hidden;padding:22px 18px 18px;border-radius:26px;background:radial-gradient(circle at 90% 0,rgba(91,255,134,.22),transparent 38%),linear-gradient(145deg,#071b15 0%,#0c3021 58%,#125331 100%);color:#fff;box-shadow:0 18px 42px rgba(9,48,31,.22)}
.transfer-hero-v23:after{content:"";position:absolute;width:150px;height:150px;right:-60px;bottom:-84px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.035),0 0 0 48px rgba(255,255,255,.025)}
.transfer-back-v23{position:absolute;left:14px;top:14px;z-index:2;width:36px;height:36px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.09);color:#fff;font-size:27px;line-height:1}
.transfer-hero-icon-v23{display:grid;width:48px;height:48px;margin-left:auto;place-items:center;border-radius:16px;background:#39dc61;color:#063518;box-shadow:0 10px 25px rgba(57,220,97,.28)}
.transfer-hero-icon-v23 svg{width:25px;height:25px}
.transfer-hero-copy-v23{position:relative;z-index:1;margin-top:25px;max-width:330px}
.transfer-hero-copy-v23 small{color:#91e6aa;font-size:10px;font-weight:750;letter-spacing:.13em}
.transfer-hero-copy-v23 h1{margin:7px 0 7px;font-size:27px;line-height:1.06;letter-spacing:-.75px}
.transfer-hero-copy-v23 p{margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.45}
.transfer-trust-v23{position:relative;z-index:1;display:flex;align-items:center;gap:7px;margin:16px 0 13px;color:#d5f8df;font-size:11px}
.transfer-trust-v23 span{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;background:rgba(57,220,97,.14)}
.transfer-trust-v23 svg{width:14px;height:14px}
.transfer-main-cta-v23{position:relative;z-index:1;display:flex;width:100%;height:52px;padding:0 17px;align-items:center;justify-content:space-between;border:0;border-radius:16px;background:#3ddd63;color:#072914;font-size:15px;font-weight:800;box-shadow:0 11px 25px rgba(19,178,74,.25)}
.transfer-main-cta-v23 i{font-style:normal;font-size:22px}
.transfer-benefit-grid-v23{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 0}
.transfer-benefit-grid-v23>div{min-width:0;padding:13px 9px 12px;border:1px solid #e7eee9;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(24,55,38,.055)}
.transfer-benefit-grid-v23 span{display:grid;width:29px;height:29px;margin-bottom:9px;place-items:center;border-radius:10px;background:#eaffef;color:#169341;font-size:14px;font-weight:850}
.transfer-benefit-grid-v23 b,.transfer-benefit-grid-v23 small{display:block}
.transfer-benefit-grid-v23 b{font-size:11px;line-height:1.25;letter-spacing:-.1px}
.transfer-benefit-grid-v23 small{margin-top:4px;color:#7b857f;font-size:9px;line-height:1.3}
.transfer-quick-v23,.transfer-custom-v23{padding:16px;border:1px solid #e9eeeb;border-radius:23px;background:#fff;box-shadow:0 9px 28px rgba(16,42,28,.055)}
.transfer-section-title-v23{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.transfer-section-title-v23>div{display:flex;align-items:center;gap:8px}.transfer-section-title-v23 small{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#eafbec;color:#15923a;font-size:10px;font-weight:800}.transfer-section-title-v23 h2{margin:0;font-size:17px;letter-spacing:-.35px}.transfer-section-title-v23>span{color:#8b938e;font-size:9px;text-align:right}
.transfer-route-list-v23{display:grid;gap:7px}.transfer-route-card-v23{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;gap:10px;align-items:center;width:100%;padding:11px;border:1px solid #edf1ee;border-radius:16px;background:#fbfcfb;color:#111827;text-align:left}.transfer-route-card-v23:active{transform:scale(.985);background:#f2fbf4}.transfer-airport-code-v23{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#0d2c20;color:#70ed91;font-size:11px;font-weight:850;letter-spacing:.05em}.transfer-route-copy-v23 b,.transfer-route-copy-v23 small{display:block}.transfer-route-copy-v23 b{overflow:hidden;font-size:12px;line-height:1.3;text-overflow:ellipsis}.transfer-route-copy-v23 b i{padding:0 2px;color:#2fc75a;font-style:normal}.transfer-route-copy-v23 small{margin-top:3px;color:#8a938d;font-size:9px}.transfer-route-arrow-v23{color:#31c85a;font-size:25px;text-align:center}
.transfer-custom-v23{display:flex;align-items:center;justify-content:space-between;gap:10px}.transfer-custom-v23>div{display:flex;min-width:0;align-items:center;gap:10px}.transfer-custom-v23>div>span{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:12px;background:#eaffef;color:#15923a}.transfer-custom-v23 svg{width:18px;height:18px}.transfer-custom-v23 b,.transfer-custom-v23 small{display:block}.transfer-custom-v23 b{font-size:12px}.transfer-custom-v23 small{margin-top:3px;color:#818a84;font-size:9px;line-height:1.3}.transfer-custom-v23>button{flex:0 0 auto;padding:10px 11px;border:0;border-radius:11px;background:#10291f;color:#fff;font-size:10px;font-weight:750}
.transfer-inline-benefits-v23{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.transfer-inline-benefits-v23 span{padding:7px 9px;border-radius:999px;background:#effbf2;color:#147d35;font-size:9px;font-weight:700}
@media(max-width:380px){.transfer-benefit-grid-v23{grid-template-columns:1fr}.transfer-benefit-grid-v23>div{display:grid;grid-template-columns:29px 1fr;column-gap:9px}.transfer-benefit-grid-v23 span{grid-row:1/3;margin:0}.transfer-section-title-v23>span{display:none}.transfer-custom-v23{align-items:flex-start;flex-direction:column}.transfer-custom-v23>button{width:100%}}

/* Karuca 24 — international transfer planner */
.transfer-country-flags-v24{position:relative;z-index:1;display:flex;gap:6px;margin-top:14px}.transfer-country-flags-v24 span{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.08);font-size:17px}
.transfer-planner-v24{position:relative;padding:16px;border:1px solid #e5ece7;border-radius:23px;background:#fff;box-shadow:0 12px 32px rgba(13,45,29,.08)}
.transfer-place-v24{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #e8eeea;border-radius:17px;background:#fafcfb}.transfer-place-v24 label{display:block;min-width:0;color:#7b857f;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.transfer-place-v24 label>span{display:block;margin-bottom:6px}.transfer-place-v24 label>div{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:7px}.transfer-place-v24 label select{min-width:0;width:100%;height:39px;padding:0 28px 0 10px;border:1px solid #e2e9e4;border-radius:11px;background-color:#fff;color:#111827;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:0;text-transform:none}.transfer-place-v24 .route-marker-v11{margin-top:15px}
.transfer-swap-v24{position:relative;z-index:2;display:grid;width:34px;height:34px;margin:-8px 20px -8px auto;place-items:center;border:3px solid #fff;border-radius:12px;background:#102c20;color:#69e889;font-size:17px;font-weight:850;box-shadow:0 6px 16px rgba(13,45,29,.16)}
.transfer-build-v24{margin-top:13px;background:linear-gradient(135deg,#32d65c,#43e36d)}
.transfer-country-badge-v24{font-size:15px;line-height:1.05;letter-spacing:0}.transfer-route-card-v23[hidden]{display:none!important}
@media(max-width:420px){.transfer-place-v24 label>div{grid-template-columns:1fr}.transfer-place-v24 .route-marker-v11{align-self:start;margin-top:19px}}

/* Karuca 25 — shared seat vs private transfer */
.transfer-kind-grid-v25{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.transfer-kind-card-v25{display:flex;min-height:148px;padding:14px;align-items:flex-start;flex-direction:column;border:1px solid #e4eae6;border-radius:18px;background:#fff;color:#121814;text-align:left;box-shadow:0 6px 18px rgba(14,45,28,.035)}.transfer-kind-card-v25>span{display:grid;width:38px;height:38px;margin-bottom:12px;place-items:center;border-radius:12px;background:#f0f5f1;font-size:19px}.transfer-kind-card-v25 b{font-size:13px;line-height:1.25;letter-spacing:-.15px}.transfer-kind-card-v25 small{margin-top:5px;color:#77817b;font-size:10px;line-height:1.35}.transfer-kind-card-v25 em{margin-top:auto;padding-top:10px;color:#3a754c;font-size:9px;font-style:normal;font-weight:750}.transfer-kind-card-v25.active{border-color:#52d776;background:linear-gradient(145deg,#effcf2,#fff);box-shadow:0 10px 25px rgba(34,197,94,.11),inset 0 0 0 1px rgba(34,197,94,.12)}.transfer-kind-card-v25.active>span{background:#32d45d;color:#073518}.transfer-kind-card-v25.active:after{content:'✓';position:absolute}.transfer-kind-section-v25 .order-section-head-v11{margin-bottom:12px}
@media(max-width:390px){.transfer-kind-grid-v25{grid-template-columns:1fr}.transfer-kind-card-v25{min-height:118px}}
.transfer-kind-card-v25{position:relative}.transfer-kind-card-v25.active:after{right:12px;top:12px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#31cd59;color:#fff;font-size:12px;font-weight:900}
.order-composer-ios .route-preview-v11.route-ready-v21{animation:route-map-ready-v21 .28s ease-out}
@keyframes route-map-ready-v21{from{opacity:.72}to{opacity:1}}
.order-composer-ios .route-editor-v11{overflow:visible!important}
.order-composer-ios .route-editor-line-v11{position:relative;z-index:2;min-height:58px!important;background:#fff}
.order-composer-ios .route-editor-line-v11 input{font-size:16px!important}
.order-composer-ios .route-status-v11{display:none!important}

.address-suggestions-v21{
  position:relative;
  z-index:30;
  margin:0 0 8px 35px;
  overflow:hidden;
  border:1px solid rgba(60,60,67,.14);
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.address-suggestions-v21[hidden]{display:none!important}
.address-suggestions-v21 button{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  width:100%;
  min-height:54px;
  padding:9px 11px;
  border:0;
  border-bottom:1px solid rgba(60,60,67,.11);
  background:#fff;
  color:#111114;
  text-align:left;
}
.address-suggestions-v21 button:last-child{border-bottom:0}
.address-suggestions-v21 button:active{background:#f2f2f7}
.address-suggestions-v21 button>span{grid-row:1/3;color:#34c759}
.address-suggestions-v21 button b{overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.address-suggestions-v21 button small{overflow:hidden;color:#8e8e93;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.address-searching-v21{padding:14px;color:#6e6e73;font-size:13px;text-align:center}

.route-estimate-v21{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:50px;
  margin:8px 0 2px;
  padding:10px 12px;
  border-radius:14px;
  background:#f2f2f7;
  color:#111114;
}
.route-estimate-v21>span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:rgba(52,199,89,.14);color:#248a3d}
.route-estimate-v21 b{display:block;font-size:13px;font-weight:600}
.route-estimate-v21 small{display:block;margin-top:2px;color:#6e6e73;font-size:11px}
.route-estimate-loader-v21{border:2px solid rgba(52,199,89,.2);border-top-color:#34c759!important;border-radius:50%!important;animation:route-spin-v21 .8s linear infinite}
@keyframes route-spin-v21{to{transform:rotate(360deg)}}

.order-composer-ios .zone-compact-v11{margin-top:7px!important;padding:9px 11px!important;border-radius:13px!important;background:#f2f2f7!important}
.order-composer-ios .strategy-grid-v11{gap:8px!important}
.order-composer-ios .strategy-card{min-height:82px!important;padding:11px!important;border-radius:15px!important}
.order-composer-ios .vehicle-class-grid{gap:8px!important}
.order-composer-ios .vehicle-class-card{min-width:160px!important;border-radius:15px!important}
.order-composer-ios .vehicle-class-check-v11{
  top:11px!important;
  right:11px!important;
  width:18px!important;
  height:18px!important;
  border:0!important;
  border-radius:50%!important;
  color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0;
  transform:none;
}
.order-composer-ios .vehicle-class-card.active .vehicle-class-check-v11{
  color:transparent!important;
  background:#34c759!important;
  box-shadow:0 2px 7px rgba(52,199,89,.26)!important;
  opacity:1;
}
.order-composer-ios .vehicle-class-card.active .vehicle-class-check-v11::after{
  content:"";
  width:4px;
  height:8px;
  margin-top:-2px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(43deg);
}
.order-composer-ios .price-controller-v11{max-width:280px;margin-inline:auto}
.order-composer-ios .order-submit-v11{background:rgba(249,249,250,.94)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.order-composer-ios #oCreate{min-height:52px!important;border-radius:15px!important;font-size:17px!important;font-weight:650!important}

@media(max-width:430px){
  .order-composer-ios .order-section-head-v11>span{display:none}
  .order-composer-ios .route-preview-v11{height:176px!important}
  .order-composer-ios .order-service-banner-v11{display:none!important}
  .address-suggestions-v21{margin-left:0}
}


/* ===== karuca-premium-v26.css ===== */
:root{--v26-green:#25c55b;--v26-green-dark:#11843b;--v26-ink:#101512;--v26-muted:#68716b;--v26-bg:#f4f5f7;--v26-line:#e6e9e7}
.service-composer-v26{display:grid;gap:10px;padding-bottom:18px;color:var(--v26-ink)}
.service-hero-v26{display:grid;grid-template-columns:52px 1fr;gap:13px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#102219,#183b29);color:#fff;box-shadow:0 16px 34px rgba(9,34,20,.16)}
.service-hero-v26>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:rgba(255,255,255,.12);font-size:25px}.service-hero-v26 small{display:block;font-size:9px;font-weight:800;letter-spacing:.11em;color:#a9eabc}.service-hero-v26 h2{margin:4px 0 3px;font-size:21px;letter-spacing:-.03em}.service-hero-v26 p{margin:0;font-size:11px;line-height:1.45;color:rgba(255,255,255,.74)}
.service-hero-v26.parcel{background:linear-gradient(135deg,#14231b,#245338)}.service-hero-v26.carpool{background:linear-gradient(135deg,#111c2b,#174451)}.service-hero-v26.sos{background:linear-gradient(135deg,#37130f,#8b2419)}
.service-card-v26{padding:15px;border:1px solid var(--v26-line);border-radius:22px;background:#fff;box-shadow:0 8px 24px rgba(19,34,25,.045)}
.service-section-title-v26{display:flex;gap:10px;align-items:center;margin-bottom:13px}.service-section-title-v26>i{display:grid;place-items:center;min-width:29px;height:29px;padding:0 7px;border-radius:10px;background:#eaf9ee;color:var(--v26-green-dark);font-style:normal;font-size:10px;font-weight:900}.service-section-title-v26 b,.service-section-title-v26 small{display:block}.service-section-title-v26 b{font-size:15px}.service-section-title-v26 small{margin-top:2px;font-size:9px;color:var(--v26-muted)}
.service-card-v26 label{display:block;margin:10px 0 6px;font-size:10px;font-weight:750;color:var(--v26-muted)}.service-card-v26 select,.service-card-v26 input,.service-card-v26 textarea{width:100%;min-height:46px;border:1px solid var(--v26-line);border-radius:14px;background:#f8f9fa;padding:0 12px;font:500 14px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,sans-serif;color:var(--v26-ink);box-sizing:border-box}.service-card-v26 textarea{padding-top:12px;resize:vertical}
.country-route-v26{display:grid;grid-template-columns:1fr 38px 1fr;gap:8px;align-items:end}.country-route-v26>div{min-width:0}.country-route-v26 select+select{margin-top:6px}.route-swap-v26{width:38px;height:38px;margin-bottom:4px;border:0;border-radius:13px;background:#ecf8ef;color:var(--v26-green-dark);font-size:19px;font-weight:800}
.parcel-types-v26,.sos-types-v26{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.parcel-types-v26 button,.sos-types-v26 button{min-height:68px;border:1px solid var(--v26-line);border-radius:16px;background:#f9faf9;color:var(--v26-ink);text-align:left;padding:10px}.parcel-types-v26 button span,.sos-types-v26 button span{display:block;font-size:19px}.parcel-types-v26 button b,.sos-types-v26 button b{display:block;margin-top:5px;font-size:11px}.parcel-types-v26 button.active,.sos-types-v26 button.active{border-color:#84dda0;background:#effbf2;box-shadow:inset 0 0 0 1px #84dda0}
.service-grid-v26{display:grid;grid-template-columns:1.25fr .75fr;gap:8px}.service-card-v26.price{background:linear-gradient(135deg,#f8fffa,#eefaf2)}.service-price-v26{display:flex;align-items:center;gap:9px}.service-price-v26>span{font-size:22px;font-weight:850;color:var(--v26-green-dark)}.service-price-v26 input{font-size:24px;font-weight:750;background:#fff}.recommended-note-v26{margin-top:10px;padding:10px 11px;border-radius:13px;background:#edf6ef;color:#42604c;font-size:10px;line-height:1.45}
.service-submit-v26{width:100%;min-height:54px;border:0;border-radius:17px;background:var(--v26-green);color:#fff;font-size:16px;font-weight:750;box-shadow:0 12px 24px rgba(37,197,91,.24)}.service-history-wrap-v26 h3{margin:13px 4px 9px;font-size:15px}.service-history-v26,.carpool-ride-v26{display:grid;grid-template-columns:34px 1fr 24px;gap:10px;align-items:center;margin-bottom:7px;padding:12px;border:1px solid var(--v26-line);border-radius:17px;background:#fff}.service-history-icon-v26{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eff8f1}.service-history-v26 b,.service-history-v26 small,.service-history-v26 p,.carpool-ride-v26 b,.carpool-ride-v26 small,.carpool-ride-v26 p{display:block;margin:0}.service-history-v26 b,.carpool-ride-v26 b{font-size:11px}.service-history-v26 small,.carpool-ride-v26 small{margin-top:4px;font-size:9px;color:var(--v26-muted)}.service-history-v26 p,.carpool-ride-v26 p{margin-top:4px;font-size:9px;color:var(--v26-green-dark)}.service-history-v26 button,.carpool-ride-v26 button{border:0;background:transparent;font-size:23px;color:#8c9690}.service-empty-v26{padding:19px;border:1px dashed #cfd7d1;border-radius:17px;text-align:center;font-size:11px;color:var(--v26-muted)}
.carpool-filters-v26{display:grid;grid-template-columns:1fr 1fr;gap:7px}.carpool-filters-v26 input{grid-column:1/-1}.carpool-results-v26{margin-top:12px}.carpool-route-line-v26{display:grid;grid-template-rows:18px 16px 18px;place-items:center}.carpool-route-line-v26 span{display:grid;place-items:center;width:18px;height:18px;border-radius:7px;background:var(--v26-green);color:#fff;font-size:8px;font-weight:900}.carpool-route-line-v26 span:last-child{background:var(--v26-ink)}.carpool-route-line-v26 i{width:2px;height:16px;background:#b9c3bc}
.sos-location-v26{display:grid;grid-template-columns:35px 1fr 18px;gap:10px;align-items:center;width:100%;padding:12px;border:1px solid #ffd5cf;border-radius:16px;background:#fff8f7;text-align:left;color:var(--v26-ink)}.sos-location-v26>span{font-size:22px;color:#d73524}.sos-location-v26 small,.sos-location-v26 b{display:block}.sos-location-v26 small{font-size:9px;color:var(--v26-muted)}.sos-location-v26 b{margin-top:3px;font-size:12px}.sos-submit-v26{background:#d93627;box-shadow:0 12px 24px rgba(217,54,39,.22)}.service-sos-v26 .service-art{font-size:29px!important}.sober-explain-v26{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:13px 14px;border:1px solid #d9efdf;border-radius:18px;background:#f1fbf4}.sober-explain-v26>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;font-size:22px}.sober-explain-v26 b,.sober-explain-v26 small{display:block}.sober-explain-v26 b{font-size:13px}.sober-explain-v26 small{margin-top:3px;font-size:10px;line-height:1.4;color:var(--v26-muted)}
body.map-picker-open-v11{background:#e8eee9}.map-picker-v11{background:#e8eee9!important}.map-picker-canvas-v11 .leaflet-tile-pane{filter:saturate(.68) contrast(.95) brightness(1.055)!important}.map-picker-header-v11{left:14px!important;right:14px!important;top:calc(12px + env(safe-area-inset-top))!important;min-height:54px;padding:7px!important;border:1px solid rgba(226,232,227,.92)!important;border-radius:20px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 14px 35px rgba(8,28,16,.13)!important}.map-picker-header-v11>button{width:42px!important;height:42px!important;border-radius:14px!important;background:#f1f4f2!important;color:#182019!important}.map-picker-header-v11 small{font-size:8px!important;color:#7c877f!important}.map-picker-header-v11 b{font-size:13px!important;letter-spacing:-.01em!important}.map-search-v11{left:14px!important;right:14px!important;top:calc(82px + env(safe-area-inset-top))!important;height:52px!important;border:1px solid rgba(226,232,227,.94)!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(8,28,16,.12)!important}.map-search-v11 input{font-size:13px!important}.map-center-pin-v11 span{width:46px!important;height:46px!important;border-radius:17px 17px 17px 5px!important;box-shadow:0 7px 18px rgba(18,28,21,.2)!important}.map-picker-controls-v11{right:14px!important;bottom:calc(202px + env(safe-area-inset-bottom))!important}.map-picker-controls-v11 button{width:48px!important;height:48px!important;border-radius:16px!important}.map-picker-sheet-v11{left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;padding:8px 15px 15px!important;border:1px solid rgba(228,233,229,.95)!important;border-radius:26px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -16px 42px rgba(9,28,17,.16)!important}.map-address-v11 b{font-size:13px!important;max-height:38px!important}.map-address-v11 small{font-size:9px!important;text-transform:uppercase;letter-spacing:.055em;font-weight:750}.map-picker-actions-v11{grid-template-columns:.78fr 1.22fr!important}.map-picker-actions-v11 .btn{min-height:51px!important;border-radius:16px!important;font-size:12px!important}.map-picker-actions-v11 .btn.primary{background:var(--v26-green)!important;box-shadow:0 9px 20px rgba(37,197,91,.22)!important}
@media(max-width:430px){.country-route-v26{grid-template-columns:1fr 34px 1fr}.service-card-v26{padding:13px}.map-picker-actions-v11{grid-template-columns:1fr!important}.map-picker-actions-v11 .btn.ghost{display:none!important}.map-picker-controls-v11{bottom:calc(180px + env(safe-area-inset-bottom))!important}}


/* ===== karuca-ios-v27.css ===== */
:root{--ios-green:#22c55e;--ios-green-deep:#12823e;--ios-red:#ef4444;--ios-ink:#111512;--ios-sub:#6e766f;--ios-bg:#f2f4f3;--ios-card:#fff;--ios-line:rgba(17,21,18,.09);--ios-shadow:0 12px 34px rgba(19,38,26,.08)}
html,body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,system-ui,sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{background:var(--ios-bg)}
.ui-icon,.ico:not(.ico-img){display:inline-flex!important;width:22px!important;height:22px!important;align-items:center;justify-content:center;flex:0 0 auto;font-size:0!important}
.ui-icon svg,.ico:not(.ico-img) svg{display:block;width:100%;height:100%;overflow:visible}
.service-grid{gap:10px!important}
.service-tile{position:relative;min-height:132px!important;padding:15px!important;border:1px solid var(--ios-line)!important;border-radius:24px!important;background:var(--ios-card)!important;box-shadow:0 8px 24px rgba(20,35,25,.055)!important;overflow:hidden}
.service-tile:after{content:"";position:absolute;inset:auto -28px -34px auto;width:84px;height:84px;border-radius:50%;background:rgba(34,197,94,.055)}
.service-tile .service-art{display:grid!important;width:46px!important;height:46px!important;margin-bottom:18px!important;place-items:center;border-radius:15px!important;background:#eaf8ef!important;color:var(--ios-green-deep)!important;box-shadow:none!important}
.service-tile .service-art>.ico{width:25px!important;height:25px!important}
.service-tile strong{font-size:15px!important;font-weight:650!important;letter-spacing:-.025em!important;color:var(--ios-ink)!important}
.service-tile small{margin-top:4px!important;font-size:11px!important;line-height:1.25!important;color:var(--ios-sub)!important}
.service-tile.service-sos-v26 .service-art{background:#fff0ef!important;color:#d92d20!important}
.service-tile.service-sos-v26:after{background:rgba(239,68,68,.055)}
.modal-inner{background:var(--ios-bg)!important}
.modal-header{min-height:62px!important;padding:calc(8px + env(safe-area-inset-top)) 12px 8px!important;border-bottom:1px solid var(--ios-line)!important;background:rgba(250,251,250,.9)!important;backdrop-filter:blur(22px) saturate(1.45);-webkit-backdrop-filter:blur(22px) saturate(1.45)}
.modal-header .btn{min-height:38px!important;padding:0 13px!important;border:0!important;border-radius:13px!important;background:#e9ecea!important;color:var(--ios-ink)!important;font-size:12px!important;font-weight:650!important}
.modal-title{font-size:16px!important;font-weight:700!important;letter-spacing:-.025em!important}
.service-composer-v26{gap:12px!important;padding:2px 0 calc(24px + env(safe-area-inset-bottom))!important}
.service-hero-v26{grid-template-columns:50px 1fr!important;padding:17px!important;border-radius:25px!important;background:linear-gradient(145deg,#10231a,#174d2d)!important;box-shadow:0 18px 34px rgba(13,55,29,.18)!important}
.service-hero-v26.sos{background:linear-gradient(145deg,#2a1311,#74231d)!important}
.service-hero-v26>span{width:50px!important;height:50px!important;border-radius:16px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:0!important}
.service-hero-v26>span>.ico{width:27px!important;height:27px!important}
.service-hero-v26 h2{font-size:20px!important;font-weight:700!important}
.service-card-v26{border:1px solid var(--ios-line)!important;border-radius:23px!important;background:var(--ios-card)!important;box-shadow:var(--ios-shadow)!important}
.service-card-v26 select,.service-card-v26 input,.service-card-v26 textarea{border:1px solid var(--ios-line)!important;border-radius:14px!important;background:#f6f7f6!important;box-shadow:none!important}
.parcel-types-v26 button,.sos-types-v26 button{display:flex!important;min-height:74px!important;align-items:center!important;gap:11px!important;border:1px solid var(--ios-line)!important;border-radius:17px!important;background:#f7f8f7!important;padding:12px!important}
.parcel-types-v26 button span,.sos-types-v26 button span{display:grid!important;width:34px!important;height:34px!important;place-items:center;border-radius:11px!important;background:#fff!important;color:#526057!important;font-size:0!important;box-shadow:0 2px 10px rgba(18,28,21,.06)}
.parcel-types-v26 button span>.ui-icon,.sos-types-v26 button span>.ui-icon{width:19px!important;height:19px!important}
.parcel-types-v26 button b,.sos-types-v26 button b{margin:0!important;font-size:11px!important;font-weight:650!important}
.parcel-types-v26 button.active,.sos-types-v26 button.active{border-color:rgba(34,197,94,.42)!important;background:#effaf2!important;box-shadow:inset 0 0 0 1px rgba(34,197,94,.18)!important}
.parcel-types-v26 button.active span,.sos-types-v26 button.active span{background:var(--ios-green)!important;color:#fff!important}
.sos-types-v26 button.active{border-color:rgba(239,68,68,.35)!important;background:#fff3f2!important;box-shadow:inset 0 0 0 1px rgba(239,68,68,.14)!important}
.sos-types-v26 button.active span{background:var(--ios-red)!important}
.recommended-note-v26{display:flex!important;align-items:flex-start;gap:7px;border:1px solid rgba(18,130,62,.08)!important;background:#f0f7f2!important;color:#3f5747!important}
.recommended-note-v26>.ui-icon{width:16px!important;height:16px!important;margin-top:1px;color:var(--ios-green-deep)}
.zone-auto-v28{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;margin-top:10px;padding:12px 13px;border:1px solid rgba(34,197,94,.12);border-radius:16px;background:#f1f8f3}
.zone-auto-v28>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#fff;color:var(--ios-green-deep);box-shadow:0 3px 12px rgba(18,55,31,.06)}
.zone-auto-v28>span .ui-icon{width:19px!important;height:19px!important}
.zone-auto-v28 label,.zone-auto-v28 b,.zone-auto-v28 small{display:block!important;margin:0!important}.zone-auto-v28 label{font-size:9px!important;font-weight:650!important;text-transform:uppercase;letter-spacing:.055em;color:var(--ios-sub)!important}.zone-auto-v28 b{margin-top:2px!important;font-size:13px!important;color:var(--ios-ink)!important}.zone-auto-v28 small{margin-top:2px!important;font-size:9px!important;line-height:1.3;color:var(--ios-sub)!important}
.sos-location-v26>span{display:grid!important;place-items:center!important;width:35px;height:35px;border-radius:11px;background:#fff!important;font-size:0!important}
.sos-location-v26>span>.ui-icon{width:19px!important;height:19px!important}
.sober-explain-v26>span{font-size:0!important;color:var(--ios-green-deep)}
.sober-explain-v26>span>.ui-icon{width:22px!important;height:22px!important}
.transfer-inline-benefits-v23 span{display:inline-flex!important;align-items:center!important;gap:4px!important}
.transfer-inline-benefits-v23 .ui-icon{width:13px!important;height:13px!important}
.vehicle-class-check-v11{width:22px!important;height:22px!important;border:2px solid #d7ddd9!important;border-radius:50%!important;background:#fff!important;color:transparent!important;font-size:0!important;box-shadow:none!important}
.vehicle-class-card.active .vehicle-class-check-v11{border:6px solid var(--ios-green)!important;background:#fff!important}
.profile-settings{display:grid!important;place-items:center!important;font-size:0!important}.profile-settings .ui-icon{width:21px!important;height:21px!important}
.map-picker-v11{background:#e8ece9!important}
.map-picker-canvas-v11 .leaflet-tile-pane{filter:saturate(.52) contrast(.94) brightness(1.075)!important}
.map-picker-header-v11,.map-search-v11,.map-picker-sheet-v11{border:1px solid rgba(255,255,255,.72)!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(24px) saturate(1.4)!important;-webkit-backdrop-filter:blur(24px) saturate(1.4)!important}
.map-picker-header-v11{box-shadow:0 12px 36px rgba(17,31,22,.12)!important}
.map-search-v11{box-shadow:0 10px 30px rgba(17,31,22,.11)!important}
.map-picker-sheet-v11{box-shadow:0 -16px 42px rgba(17,31,22,.14)!important}
.map-picker-controls-v11 button,.map-btn[data-act="locate"]{display:grid!important;place-items:center!important;font-size:0!important;color:var(--ios-ink)!important}
.map-picker-controls-v11 .ui-icon,.map-btn[data-act="locate"] .ui-icon{width:21px!important;height:21px!important}
.map-center-pin-v11 span{background:var(--ios-green)!important;border:3px solid rgba(255,255,255,.94)!important;color:#fff!important}
.service-submit-v26,.map-picker-actions-v11 .btn.primary{background:var(--ios-green)!important;font-weight:700!important;letter-spacing:-.01em!important}
.sos-submit-v26{background:var(--ios-red)!important}
@media(max-width:430px){.service-tile{min-height:122px!important;padding:13px!important}.service-tile .service-art{width:42px!important;height:42px!important;margin-bottom:14px!important}.service-hero-v26{border-radius:22px!important}.parcel-types-v26 button,.sos-types-v26 button{min-height:68px!important;padding:10px!important}}


/* ===== karuca-driver-v29.css ===== */
/* Karuca Driver v29 — iOS-like live operations and map picker */
.driver-location-card-v29{margin-top:12px;padding:12px;border:1px solid rgba(218,228,221,.9);border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(13,34,21,.07);overflow:hidden}
.driver-location-head-v29{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:2px 2px 11px}
.driver-location-icon-v29{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#2bd06a,#17b950);box-shadow:0 9px 20px rgba(31,194,91,.22)}
.driver-location-icon-v29 .ui-icon{width:22px;height:22px}.driver-location-head-v29 small{display:block;color:#879189;font-size:9px;font-weight:750;letter-spacing:.07em}.driver-location-head-v29 h2{margin:2px 0 0;font-size:15px;line-height:1.15;letter-spacing:-.025em}.driver-location-head-v29 p{margin:4px 0 0;color:#778179;font-size:10px;line-height:1.35}
.driver-location-head-v29>button{min-width:72px;height:38px;padding:0 12px;border:0;border-radius:13px;background:#ebf9ef;color:#168f45;font:700 11px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,sans-serif}.driver-location-head-v29>button:disabled{opacity:1;background:#eaf9ee;color:#159044}
.driver-operations-map-v29{height:230px;border:1px solid #dce6df;border-radius:19px;overflow:hidden;background:#e9efeb}.driver-operations-map-v29 .leaflet-tile-pane{filter:saturate(.62) contrast(.95) brightness(1.055)}
.driver-operations-map-v29 .map-toolbar{right:10px!important;top:10px!important}.driver-operations-map-v29 .map-toolbar .map-btn{width:38px!important;height:38px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px)}
.driver-location-foot-v29{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 3px 1px;color:#758078;font-size:9px}.driver-location-foot-v29 span{display:flex;align-items:center;gap:6px;font-weight:700}.driver-location-foot-v29 span i{width:8px;height:8px;border-radius:50%;background:#24c860;box-shadow:0 0 0 5px rgba(36,200,96,.1)}.driver-location-foot-v29 b{color:#323c35;font-size:9px;text-align:right}

.map-picker-v11{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif!important;background:#e9eeeb!important}
.map-picker-canvas-v11 .leaflet-tile-pane{filter:saturate(.68) contrast(.96) brightness(1.04)!important}
.map-picker-header-v11{left:12px!important;right:12px!important;top:calc(10px + env(safe-area-inset-top))!important;min-height:56px!important;padding:7px!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:20px!important;background:rgba(250,252,251,.92)!important;box-shadow:0 12px 34px rgba(16,34,23,.12)!important}
.map-picker-header-v11>button{width:42px!important;height:42px!important;border-radius:14px!important;font-size:0!important}.map-picker-header-v11>button:before{content:'‹';font-size:30px;font-weight:450;line-height:1;color:#172019}
.map-picker-header-v11 small{font-size:8px!important;letter-spacing:.065em!important}.map-picker-header-v11 b{font-size:14px!important;letter-spacing:-.025em!important}
.map-search-v11{left:12px!important;right:12px!important;top:calc(80px + env(safe-area-inset-top))!important;height:54px!important;padding:0 9px!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:18px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 10px 28px rgba(16,34,23,.11)!important}.map-search-v11 input{font-size:13px!important;font-weight:600!important}.map-search-results-v11{top:60px!important;border-radius:18px!important}.map-search-results-v11 button{min-height:48px!important}.map-search-results-v11 button b{font-size:11px!important}
.map-center-pin-v11{filter:drop-shadow(0 10px 12px rgba(8,24,14,.24))!important}.map-center-pin-v11 span{width:44px!important;height:44px!important;border-radius:50% 50% 50% 7px!important;border:4px solid #fff!important;line-height:36px!important;font-size:12px!important}.map-center-pin-v11 i{width:14px!important;height:5px!important;margin-top:6px!important;filter:blur(1px)}
.map-picker-controls-v11{right:12px!important;bottom:calc(211px + env(safe-area-inset-bottom))!important}.map-picker-controls-v11 button{width:48px!important;height:48px!important;border:1px solid rgba(226,233,228,.9)!important;border-radius:16px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 10px 25px rgba(11,29,18,.14)!important}
.map-picker-sheet-v11{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;padding:7px 14px 14px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:27px!important;background:rgba(251,252,251,.965)!important;box-shadow:0 -14px 42px rgba(9,28,17,.15)!important}.map-sheet-handle-v11{width:35px!important;height:4px!important;background:#cfd8d2!important;margin-bottom:11px!important}.map-address-v11{grid-template-columns:34px minmax(0,1fr)!important;gap:11px!important}.map-address-v11 b{font-size:13px!important;line-height:1.3!important;letter-spacing:-.015em!important}.map-address-v11 em{font-size:8px!important}.map-picker-actions-v11{grid-template-columns:.82fr 1.18fr!important;gap:8px!important}.map-picker-actions-v11 .btn{min-height:50px!important;border-radius:16px!important;font-size:11px!important}.map-picker-actions-v11 .btn.primary{box-shadow:0 10px 23px rgba(34,197,94,.23)!important}
@media(max-width:380px){.driver-location-head-v29{grid-template-columns:40px minmax(0,1fr)}.driver-location-head-v29>button{grid-column:1/-1;width:100%}.driver-operations-map-v29{height:205px}}


/* ===== karuca-transfer-v30.css ===== */
/* Karuca Transfer v30 — multi-country route builder */
.transfer-country-grid-v30{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:8px;align-items:end;margin-top:12px}.transfer-country-grid-v30 label{margin:0}.transfer-country-grid-v30 label>span{display:block;margin:0 0 6px;color:#747f77;font-size:9px;font-weight:750}.transfer-country-grid-v30>button{width:42px;height:48px;margin-bottom:0;border:1px solid #dfe7e1;border-radius:14px;background:#f5f8f6;color:#1a2720}.transfer-country-grid-v30>button .ui-icon{width:19px;height:19px}
.transfer-stops-builder-v30{margin:13px 0;padding:12px;border:1px solid #dfe7e1;border-radius:18px;background:#f8faf8}.transfer-stops-head-v30{display:flex;align-items:center;justify-content:space-between;gap:10px}.transfer-stops-head-v30 b,.transfer-stops-head-v30 small{display:block}.transfer-stops-head-v30 b{font-size:12px}.transfer-stops-head-v30 small{margin-top:3px;color:#7d8780;font-size:9px}.transfer-stops-head-v30>button{height:36px;padding:0 10px;border:0;border-radius:12px;background:#e9f8ed;color:#169044;font:700 10px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;white-space:nowrap}.transfer-stops-head-v30 .ui-icon{width:15px;height:15px;vertical-align:-3px}
#trStops{display:grid;gap:7px;margin-top:10px}.transfer-stop-row-v30{display:grid;grid-template-columns:27px .75fr 1.25fr 34px;gap:6px;align-items:center}.transfer-stop-row-v30 select{min-width:0;height:42px!important;min-height:42px!important;padding:0 27px 0 9px!important;border-radius:12px!important;background-color:#fff!important;font-size:10px!important}.stop-order-v30{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#25c95f;color:#fff;font-size:9px;font-weight:850}.transfer-stop-row-v30>button{width:34px;height:34px;border:0;border-radius:11px;background:#fff0f0;color:#b94242;font-size:18px}
.transfer-waypoints-v30{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.transfer-waypoints-v30>span{color:#818b84;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.transfer-waypoints-v30>b{display:inline-flex!important;align-items:center;gap:5px;padding:5px 7px;border-radius:10px;background:#edf8f0;color:#2d4937;font-size:9px!important;font-weight:700!important}.transfer-waypoints-v30>b>i{width:15px;height:15px;border-radius:6px;display:grid;place-items:center;background:#25c95f;color:#fff;font-style:normal;font-size:7px}
@media(max-width:380px){.transfer-country-grid-v30{grid-template-columns:1fr 38px 1fr}.transfer-stop-row-v30{grid-template-columns:25px 1fr 34px}.transfer-stop-row-v30 [data-stop-country]{grid-column:2}.transfer-stop-row-v30 [data-stop-city]{grid-column:2}.transfer-stop-row-v30 [data-stop-remove]{grid-column:3;grid-row:1/3}}


/* ===== karuca-ios-v31.css ===== */
@font-face{font-family:KarucaUI;src:url("assets/fonts/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--font:KarucaUI,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}
html,body,button,input,select,textarea{font-family:var(--font)!important;font-feature-settings:"kern" 1,"ss01" 1,"cv05" 1;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important}

/* One optical grid for the title and both header actions. */
.topbar-inner{position:relative!important;height:64px!important;min-height:64px!important;padding:10px 14px!important;display:flex!important;align-items:center!important}
.top-menu{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:10px 9px!important;border-radius:13px!important}
.brand-logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;height:44px!important;display:flex!important;align-items:center!important;gap:8px!important;line-height:1!important}
.brand-img{width:38px!important;height:38px!important}.brand-word{font-family:var(--font)!important;font-size:20px!important;font-weight:760!important;line-height:1!important;letter-spacing:-.045em!important}
.top-profile{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;height:40px!important;display:flex!important;align-items:center!important;gap:4px!important}
.top-profile .iconbtn,.top-profile .avatarbtn{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:9px!important;border:0!important;border-radius:13px!important;background:transparent!important;line-height:0!important}
.top-profile .iconbtn svg{display:block!important;width:22px!important;height:22px!important;margin:0!important;overflow:visible!important}.top-profile .helpbtn svg{width:21px!important;height:21px!important}

/* Service glyphs sit above decoration and stay crisp on every device. */
.home-page .service-grid{gap:10px!important}.home-page .service-tile{align-items:flex-start!important;justify-content:flex-start!important;padding:15px!important}
.home-page .service-tile:after{z-index:0!important;pointer-events:none!important}.home-page .service-art:before{display:none!important}
.home-page .service-art{position:relative!important;z-index:1!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;margin:0 0 17px!important;border:1px solid rgba(16,120,57,.08)!important;border-radius:15px!important;background:#EAF9EF!important;color:#118342!important;box-shadow:0 8px 18px rgba(18,130,62,.08)!important}
.home-page .service-art>.ico{position:relative!important;z-index:2!important;display:grid!important;place-items:center!important;width:25px!important;height:25px!important;opacity:1!important;color:inherit!important}
.home-page .service-art>.ico svg{display:block!important;width:25px!important;height:25px!important;opacity:1!important;stroke:currentColor!important}
.home-page .service-tile:nth-child(2) .service-art{background:#EBF5FF!important;color:#1478D4!important;border-color:rgba(20,120,212,.08)!important;box-shadow:0 8px 18px rgba(20,120,212,.08)!important}
.home-page .service-tile:nth-child(3) .service-art{background:#FFF6E5!important;color:#C57908!important;border-color:rgba(197,121,8,.08)!important;box-shadow:0 8px 18px rgba(197,121,8,.08)!important}
.home-page .service-tile:nth-child(4) .service-art{background:#F4EEFF!important;color:#7651C7!important;border-color:rgba(118,81,199,.08)!important;box-shadow:0 8px 18px rgba(118,81,199,.08)!important}
.home-page .service-tile:nth-child(5) .service-art{background:#EDF0FF!important;color:#4B5BC5!important;border-color:rgba(75,91,197,.08)!important;box-shadow:0 8px 18px rgba(75,91,197,.08)!important}
.home-page .service-tile:nth-child(6) .service-art{background:#FFF0EE!important;color:#D63B2F!important;border-color:rgba(214,59,47,.08)!important;box-shadow:0 8px 18px rgba(214,59,47,.08)!important}

.green-card-service{min-height:92px!important;grid-template-columns:56px minmax(0,1fr) auto!important;gap:12px!important;padding:13px 14px!important;border-radius:22px!important;background:linear-gradient(135deg,#082216,#0A3D21)!important}
.green-card-service-art{display:grid!important;place-items:center!important;width:56px!important;height:56px!important;border-radius:17px!important;background:rgba(255,255,255,.09)!important}
.green-card-service-art .ico,.green-card-service-art img{width:46px!important;height:46px!important;filter:none!important}.green-card-service-copy strong{font-size:17px!important;font-weight:720!important}.green-card-service-copy small{font-size:8.5px!important;letter-spacing:.075em!important}.green-card-service-cta{min-height:34px!important;padding:0 11px!important;border-radius:11px!important;background:#31D158!important;color:#06210F!important;font-size:10px!important}

.route-preview-v11{overflow:hidden!important;background:linear-gradient(145deg,#F3F7F4,#EAF1EC)!important}
.route-preview-placeholder-v11{position:relative!important;z-index:2!important;display:flex!important;height:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:22px!important;text-align:center!important;color:#677269!important}
.route-preview-placeholder-v11>span{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:14px!important;background:#fff!important;color:#168A45!important;box-shadow:0 7px 20px rgba(22,80,42,.09)!important}.route-preview-placeholder-v11>span .ui-icon{width:21px!important;height:21px!important}.route-preview-placeholder-v11 b{font-size:13px!important;color:#18201A!important}.route-preview-placeholder-v11 small{font-size:10px!important}
.location-loading-v31>span{animation:karucaLocateV31 1.35s ease-in-out infinite}@keyframes karucaLocateV31{50%{transform:scale(1.08);box-shadow:0 0 0 9px rgba(34,197,94,.09)}}
.zone-auto-v28{grid-template-columns:38px minmax(0,1fr) auto!important}.zone-auto-v28.is-locating-v31>span{animation:karucaLocateV31 1.35s ease-in-out infinite}.geo-retry-v31{width:auto!important;min-height:34px!important;padding:0 11px!important;border:0!important;border-radius:11px!important;background:#fff!important;color:#118342!important;font-size:10px!important;font-weight:720!important;box-shadow:0 4px 13px rgba(20,60,34,.07)!important}

@media(max-width:430px){.topbar-inner{padding-left:10px!important;padding-right:10px!important}.top-profile{right:7px!important}.brand-img{width:36px!important;height:36px!important}.brand-word{font-size:19px!important}.home-page .service-art{width:44px!important;height:44px!important;min-width:44px!important;margin-bottom:14px!important}.green-card-service{grid-template-columns:50px minmax(0,1fr) auto!important}.green-card-service-art{width:50px!important;height:50px!important}.green-card-service-art .ico,.green-card-service-art img{width:42px!important;height:42px!important}}


/* ===== karuca-order-v32.css ===== */
:root{--trip-green:#22c55e;--trip-ink:#111713;--trip-sub:#747d76;--trip-line:rgba(17,23,19,.085);--trip-bg:#f3f5f4}
.modal-body:has(.order-live-v32){padding:10px 10px calc(26px + env(safe-area-inset-bottom))!important;background:var(--trip-bg)!important}
.order-live-v32{width:100%!important;margin:0!important;padding:0 0 8px!important;border:0!important;border-radius:26px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;color:var(--trip-ink)!important}
.order-live-v32:before{display:none!important}
.order-live-v32 .order-modal-heading{min-height:62px;align-items:center!important;margin:0 0 10px;padding:5px 4px 5px 7px!important}
.order-live-v32 .order-modal-heading .eyebrow{margin-bottom:3px;color:#168a44!important;font-size:9px!important;font-weight:780!important;letter-spacing:.095em!important;text-transform:uppercase}
.order-live-v32 .order-modal-heading .h2{margin:0!important;font-size:22px!important;font-weight:750!important;letter-spacing:-.045em!important}
.order-live-v32 .order-class-badge{padding:8px 12px!important;border:1px solid rgba(34,197,94,.16)!important;border-radius:999px!important;background:#ebf9ef!important;color:#14833f!important;font-size:10px!important;font-weight:720!important}

.order-detail-map-v32{position:relative;width:100%;height:190px;margin-bottom:10px;border:1px solid rgba(17,23,19,.06);border-radius:23px;background:linear-gradient(145deg,#e9f0eb,#dfe9e2);box-shadow:0 12px 28px rgba(28,58,38,.09);overflow:hidden;isolation:isolate}
.order-detail-map-v32 .leaflet-tile-pane{filter:saturate(.64) contrast(.95) brightness(1.045)}
.order-detail-map-v32.is-empty-v32{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--trip-sub)}
.order-map-badge-v32{position:absolute!important;z-index:500!important;left:12px;bottom:12px;display:flex;align-items:baseline;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.75);border-radius:13px;background:rgba(255,255,255,.92);box-shadow:0 7px 18px rgba(15,40,23,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.order-map-badge-v32 b{font-size:12px}.order-map-badge-v32 span{color:var(--trip-sub);font-size:10px}

.order-live-v32 .order-price-kpi{display:flex!important;align-items:baseline!important;gap:9px!important;margin:0 0 10px!important;padding:15px 16px!important;border:1px solid var(--trip-line)!important;border-radius:19px!important;background:#fff!important;box-shadow:0 8px 22px rgba(18,36,24,.055)!important}
.order-live-v32 .order-price-kpi .value{font-size:31px!important;font-weight:780!important;line-height:1!important;letter-spacing:-.06em!important}
.order-live-v32 .order-price-kpi .unit{color:var(--trip-sub)!important;font-size:9px!important;font-weight:680!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.order-live-v32 .promo-savings{border-radius:15px!important}

.order-route-v32{position:relative;margin:0 0 9px;padding:13px 14px;border:1px solid var(--trip-line);border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(18,36,24,.045)}
.order-route-v32>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;min-height:44px}.order-route-v32>i{display:block;width:1px;height:13px;margin:-4px 0 -4px 13.5px;background:#d8dfda}
.order-route-v32 .route-marker-v11{width:27px!important;height:27px!important;font-size:10px!important;box-shadow:none!important}.order-route-v32 p{min-width:0;margin:0}.order-route-v32 small,.order-route-v32 b{display:block}.order-route-v32 small{margin-bottom:2px;color:#89918b;font-size:8px;font-weight:680;text-transform:uppercase;letter-spacing:.065em}.order-route-v32 b{display:-webkit-box;overflow:hidden;color:#202722;font-size:12px;font-weight:630;line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}
.order-trip-meta-v32{display:flex;gap:7px;margin-bottom:10px}.order-trip-meta-v32>span{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border:1px solid var(--trip-line);border-radius:11px;background:#fff;color:#58625b;font-size:10px;font-weight:620}.order-trip-meta-v32 .ui-icon{width:14px!important;height:14px!important;color:#168a44}

.order-live-v32 .order-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important}.order-live-v32 .order-details-grid>span{min-height:54px;padding:10px 11px!important;border:1px solid var(--trip-line)!important;border-radius:15px!important;background:#fff!important;color:#4f5952!important;font-size:10px!important}.order-live-v32 .order-details-grid>span b{margin-bottom:4px!important;color:#858d87!important;font-size:8px!important;font-weight:700!important}
.order-status-v32{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center;margin-bottom:12px;padding:13px 14px;border:1px solid rgba(34,197,94,.14);border-radius:18px;background:#eef9f1}
.order-status-v32>span{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:#fff;color:#158842;box-shadow:0 4px 15px rgba(20,90,44,.08)}.order-status-v32>span .ui-icon{width:20px!important;height:20px!important}.order-status-v32 small,.order-status-v32 b,.order-status-v32 p{display:block;margin:0}.order-status-v32 small{color:#6e7a71;font-size:8px;font-weight:680;text-transform:uppercase;letter-spacing:.06em}.order-status-v32 b{margin-top:2px;font-size:14px;font-weight:720;letter-spacing:-.02em}.order-status-v32 p{margin-top:4px;color:#647067;font-size:10px}.order-status-v32.is-searching-v32>span{animation:tripPulseV32 1.5s ease-in-out infinite}@keyframes tripPulseV32{50%{box-shadow:0 0 0 9px rgba(34,197,94,.09)}}

.order-live-v32>hr{height:1px!important;margin:18px 0!important;border:0!important;background:var(--trip-line)!important}.order-live-v32>.h2{margin:0 0 9px!important;font-size:17px!important;font-weight:740!important;letter-spacing:-.035em!important}
.order-live-v32 .searching{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:14px!important;border:1px solid rgba(34,197,94,.13)!important;border-radius:19px!important;background:linear-gradient(135deg,#f6fcf7,#ecf8ef)!important;box-shadow:none!important}.order-live-v32 .searching .searching-taxi-v41{width:58px!important;height:58px!important;border-radius:18px!important;background:#fff!important}.order-live-v32 .searching b{font-size:13px!important;font-weight:710!important}.order-live-v32 .searching .small{margin-top:3px!important;color:#738078!important;font-size:10px!important;line-height:1.42!important}
.order-live-v32 #refreshBids{min-height:45px!important;border:1px solid var(--trip-line)!important;border-radius:14px!important;background:#fff!important;color:#263029!important;font-size:12px!important;font-weight:670!important;box-shadow:0 5px 16px rgba(18,36,24,.04)!important}
.order-live-v32 .item{border:1px solid var(--trip-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 6px 18px rgba(18,36,24,.045)!important}.order-live-v32 .item-title b{font-size:18px!important}.order-live-v32 .tag{border-radius:999px!important;background:#f1f5f2!important}
.order-live-v32 .item-actions{gap:8px!important}.order-live-v32 .item-actions .btn.primary{background:var(--trip-green)!important}
.order-live-v32 .order-actions-v32{display:grid!important;grid-template-columns:1fr!important;padding:0!important}.order-live-v32 .order-actions-v32 .btn{min-height:48px!important;border-radius:15px!important;font-size:12px!important;font-weight:700!important}.order-live-v32 .order-actions-v32 .btn.danger{border:1px solid rgba(239,68,68,.28)!important;background:#fff!important;color:#dc3545!important;box-shadow:none!important}

@media(max-width:430px){.modal-body:has(.order-live-v32){padding-left:8px!important;padding-right:8px!important}.order-detail-map-v32{height:178px}.order-live-v32 .order-price-kpi .value{font-size:29px!important}.order-route-v32{padding:11px 12px}.order-live-v32 .order-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

body:has(.modal.show) .active-trip-dock{display:none!important}
.active-trip-dock{display:none!important}
.active-trip-dock{isolation:isolate}.dock-dismiss-v32{position:absolute;z-index:3;right:-5px;top:-8px;display:grid;width:28px;height:28px;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;background:#e9eeeb;color:#4f5a53;font-family:var(--font);font-size:18px;line-height:1;box-shadow:0 5px 14px rgba(5,20,12,.18)}


/* ===== karuca-chat-route-v34.css ===== */
/* Karuca v34 — multi-stop routes, trip chat and profile rating */
:root{--k34-green:#22c55e;--k34-ink:#111827;--k34-muted:#7c8794;--k34-line:#e7ebe8;--k34-soft:#f5f7f6}

/* Profile rating */
.profile-identity-copy-v34{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.profile-identity-copy-v34 h1,.profile-identity-copy-v34 p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-rating-v34{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 9px 6px 7px;border:1px solid #dce9df;border-radius:999px;background:rgba(245,255,247,.96);box-shadow:0 3px 10px rgba(18,90,44,.06);line-height:1}
.profile-rating-stars-v34{display:flex;gap:1px;color:#d7ded9}
.profile-rating-stars-v34 i{display:flex;width:12px;height:12px;color:#d7ded9}
.profile-rating-stars-v34 i.filled{color:#f4b740}
.profile-rating-stars-v34 .ui-icon{width:12px;height:12px}
.profile-rating-v34>b{font-size:12px;color:var(--k34-ink);font-weight:800}
.profile-rating-v34>small{padding-left:5px;border-left:1px solid #dce5de;color:#78837c;font-size:10px;white-space:nowrap}

/* Stops */
.route-stops-v34{display:grid;gap:8px;margin-top:5px}
.route-stop-row-v34{display:grid;grid-template-columns:28px minmax(0,1fr) 36px;align-items:start;gap:9px;position:relative}
.route-stop-row-v34>span{display:grid;place-items:center;width:28px;height:28px;margin-top:10px;border-radius:10px;background:#eefaf1;color:#179447;font-size:12px;font-weight:800}
.route-stop-row-v34>div{position:relative;min-width:0}
.route-stop-row-v34 input{width:100%;height:50px;border:1px solid #dfe7e1!important;border-radius:15px!important;background:#fff!important;padding:0 13px!important;font-size:15px!important;box-shadow:0 3px 12px rgba(17,24,39,.035)}
.route-stop-row-v34 input:focus{border-color:#65d78c!important;box-shadow:0 0 0 4px rgba(34,197,94,.1)!important}
.route-stop-row-v34>button{display:grid;place-items:center;width:36px;height:36px;margin-top:7px;border:0;border-radius:12px;background:#f2f4f3;color:#737c77;font-size:19px}
.route-stop-row-v34 .address-suggestions-v21{top:54px;left:0;right:0;z-index:40}
.add-route-stop-v34{width:100%;display:flex;align-items:center;gap:11px;margin-top:9px;padding:10px;border:1px dashed #b9dac3;border-radius:16px;background:#f7fcf8;color:#167e3a;text-align:left}
.add-route-stop-v34>.ui-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:7px;border-radius:11px;background:#dcf8e5;color:#16a34a}
.add-route-stop-v34 span{display:grid;gap:2px}.add-route-stop-v34 b{font-size:13px}.add-route-stop-v34 small{color:#75847a;font-size:10px;font-weight:500}
.add-route-stop-v34:disabled{opacity:.45}
.route-stop-pin-v34{background:transparent!important;border:0!important}
.route-stop-pin-v34 span{display:grid;place-items:center;width:28px;height:28px;border:3px solid #fff;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#f4b740;color:#111827;box-shadow:0 5px 13px rgba(17,24,39,.25);font-size:11px;font-weight:900}
.route-stop-pin-v34 span::first-line{transform:rotate(45deg)}

/* Visible order note */
.order-comment-v34{padding-bottom:14px!important}
.comment-field-v34{display:grid!important;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;margin:9px 0 0!important;padding:13px 14px;border:1px solid #dfe7e1;border-radius:17px;background:#fbfcfb}
.comment-field-v34>.ui-icon{width:20px;height:20px;margin-top:2px;color:#22ad57}
.comment-field-v34 textarea{width:100%;min-height:58px!important;max-height:130px;border:0!important;outline:0!important;padding:0!important;background:transparent!important;resize:vertical;font:500 14px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif!important;box-shadow:none!important}
.comment-chips-v34{display:flex;gap:6px;overflow-x:auto;margin-top:9px;padding-bottom:1px;scrollbar-width:none}.comment-chips-v34::-webkit-scrollbar{display:none}
.comment-chips-v34 button{flex:0 0 auto;border:1px solid #e0e6e2;border-radius:999px;background:#fff;padding:7px 10px;color:#53605a;font-size:11px;font-weight:650}

/* Completed order: driver and safety */
.order-driver-section-v33{display:grid;gap:10px;margin:20px 0 0}.order-subhead-v33{display:flex;align-items:center;gap:9px}.order-subhead-v33>.ui-icon{display:grid;place-items:center;width:34px;height:34px;padding:7px;border-radius:11px;background:#eaf9ee;color:#16a34a}.order-subhead-v33 div{display:grid}.order-subhead-v33 small{color:#22a854;font-size:9px;font-weight:850;letter-spacing:.09em}.order-subhead-v33 b{color:var(--k34-ink);font-size:18px}
.order-driver-card-v33{border:1px solid var(--k34-line)!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#f9fbfa)!important;padding:15px!important;box-shadow:0 8px 24px rgba(17,24,39,.04)}
.order-driver-card-v33 .item-actions{margin-top:12px}.order-driver-card-v33 .btn{min-height:42px;border-radius:13px!important}
.order-safety-v33{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;margin-top:18px;padding:14px;border:1px solid #f0e5df;border-radius:18px;background:#fffaf7}.order-safety-v33>span{display:grid;place-items:center;width:38px;height:38px;padding:8px;border-radius:13px;background:#fff0e8;color:#c66a3d}.order-safety-v33>div{display:grid;gap:4px}.order-safety-v33 b{font-size:13px;color:#3d2921}.order-safety-v33 small{font-size:11px;line-height:1.45;color:#8a7468}.order-safety-v33 .btn{justify-self:start;min-height:36px;margin-top:5px;padding:0 12px!important;border-color:#ead7cc!important;color:#a8552d!important;background:#fff!important;font-size:11px!important}

/* Premium trip chat */
.chat-mini-v33{margin-top:18px!important;padding:14px!important;border:1px solid #dfe8e2!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#f8fcf9)!important;box-shadow:0 7px 22px rgba(17,24,39,.035)}
.chat-peer-mini-v33,.chat-peer-v33{display:flex;align-items:center;gap:10px;min-width:0}.chat-peer-mini-v33>span,.chat-peer-v33>span{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#2fd064,#16a84c);color:#fff;font-weight:850;overflow:hidden}.chat-peer-mini-v33 img,.chat-peer-v33 img{width:100%;height:100%;object-fit:cover}.chat-peer-mini-v33 div,.chat-peer-v33 div{display:grid;min-width:0}.chat-peer-mini-v33 small{font-size:8px;letter-spacing:.08em;color:#29a859;font-weight:850}.chat-peer-mini-v33 b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-mini-v33 #chatOpen{position:relative;display:flex;gap:6px;align-items:center;min-height:38px!important;border-radius:12px!important;color:#168e42!important}.chat-mini-v33 #chatOpen .ui-icon{width:17px;height:17px}.chat-unread-v33{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#22c55e;color:#fff;font-size:10px;font-style:normal}.chat-mini-preview{display:grid;gap:3px;margin-top:12px;padding:11px 12px;border-radius:14px;background:#f1f5f2;color:#7b8680;font-size:11px;line-height:1.4}.chat-mini-preview b{display:flex;justify-content:space-between;color:#34423a;font-size:12px}.chat-mini-preview time{color:#9aa39e;font-size:9px;font-weight:500}
.chat-sheet-v33{height:min(720px,88dvh)!important;max-height:88dvh!important;border-radius:28px 28px 0 0!important;overflow:hidden;background:#f5f7f6!important}.chat-sheet-head-v33{min-height:68px!important;padding:12px 16px!important;border-bottom:1px solid #e8ece9;background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}.chat-peer-v33>span{width:42px;height:42px;border-radius:14px}.chat-peer-v33 b{font-size:15px}.chat-peer-v33 small{display:flex;align-items:center;gap:5px;color:#7e8983;font-size:10px}.chat-peer-v33 small i{width:7px;height:7px;border-radius:50%;background:#27c862}.chat-sheet-v33 .sheet-bd{display:flex;flex-direction:column;height:calc(100% - 68px);padding:0!important}
.chat-list-sheet{flex:1;min-height:0;overflow-y:auto;padding:18px 13px 12px;background:radial-gradient(circle at 80% 5%,rgba(34,197,94,.07),transparent 32%),#f4f6f5}.chat-day-v33{display:flex;justify-content:center;margin:4px 0 12px}.chat-day-v33 span{padding:5px 9px;border-radius:999px;background:rgba(124,135,148,.13);color:#78827d;font-size:9px;font-weight:700}.chat-row{display:flex;align-items:flex-end;gap:6px;margin:4px 0}.chat-row.me{justify-content:flex-end}.chat-avatar-v33{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:#26bf59;color:#fff;font-size:10px;font-weight:800;overflow:hidden}.chat-avatar-v33 img{width:100%;height:100%;object-fit:cover}.chat-bubble{max-width:78%;padding:8px 10px 6px;border-radius:17px;background:#fff;color:#17201b;box-shadow:0 2px 8px rgba(17,24,39,.06)}.chat-row.other .chat-bubble{border-bottom-left-radius:5px}.chat-row.me .chat-bubble{border-bottom-right-radius:5px;background:#dff7e5}.chat-who{margin-bottom:2px;color:#139346;font-size:9px;font-weight:800}.chat-text{font-size:13px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.chat-time{text-align:right;margin-top:2px;color:#8b9690;font-size:8px}.chat-time i{color:#22aa50;font-style:normal}.chat-empty-v33{display:grid;justify-items:center;gap:5px;padding:60px 25px;text-align:center;color:#89938e}.chat-empty-v33>span{width:44px;height:44px;padding:10px;border-radius:15px;background:#e5f5e9;color:#22a855}.chat-empty-v33 b{color:#344139;font-size:15px}.chat-empty-v33 small{font-size:11px;line-height:1.45}
.chat-quick{display:flex!important;flex:0 0 auto;gap:6px;overflow-x:auto;padding:9px 12px 5px!important;background:#fff;scrollbar-width:none}.chat-quick::-webkit-scrollbar{display:none}.chat-quick .chip{flex:0 0 auto!important;padding:8px 11px!important;border:1px solid #e1e7e3!important;border-radius:999px!important;background:#fff!important;color:#46534c!important;font-size:10px!important}.chat-send-sheet{display:grid!important;grid-template-columns:minmax(0,1fr) 46px;gap:8px;padding:8px 12px calc(9px + env(safe-area-inset-bottom))!important;background:#fff}.chat-send-sheet input{height:46px!important;border:1px solid #dfe5e1!important;border-radius:16px!important;padding:0 14px!important;background:#f5f7f6!important;font-size:14px!important}.chat-send-sheet button{display:grid!important;place-items:center;width:46px!important;height:46px!important;min-height:46px!important;padding:11px!important;border-radius:15px!important}.chat-readonly{margin:0;padding:13px 16px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #e2e7e4;background:#fff;color:#7e8983;text-align:center;font-size:11px}

/* Assigned driver order controls */
.driver-nav-v34,.driver-status-v34{display:grid;gap:13px;margin-top:16px;padding:15px;border:1px solid #dfe8e2;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbf9);box-shadow:0 7px 22px rgba(17,24,39,.035)}
.driver-order-head-v34{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center}.driver-order-head-v34>span{display:grid;place-items:center;width:40px;height:40px;padding:9px;border-radius:13px;background:#e7f9ec;color:#18a84b}.driver-order-head-v34>div{display:grid;gap:1px}.driver-order-head-v34 small{color:#20a952;font-size:8px;font-weight:850;letter-spacing:.09em}.driver-order-head-v34 b{font-size:15px;color:#111827}.driver-order-head-v34 p{margin:1px 0 0;color:#818c86;font-size:10px}.driver-nav-v34 .item-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 48px;gap:8px;margin:0!important}.driver-nav-v34 #navOpen{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;min-height:48px!important;border-radius:15px!important}.driver-nav-v34 #navOpen .ui-icon{width:18px;height:18px}.driver-nav-v34 #navMore{width:48px;min-height:48px!important;border-radius:15px!important;font-weight:900;letter-spacing:1px}.driver-status-actions-v34{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.driver-status-actions-v34 .btn{min-width:0;min-height:43px!important;padding:0 8px!important;border-radius:13px!important;font-size:11px!important}.driver-status-actions-v34 .btn:last-child{border-color:#f0d3d3!important;color:#c54242!important;background:#fff8f8!important}.driver-geo-row-v34{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:15px;background:#eef9f1}.driver-geo-row-v34>div{display:grid;gap:2px}.driver-geo-row-v34 b{font-size:12px;color:#176d34}.driver-geo-row-v34 small{font-size:9px;color:#728078}.driver-geo-row-v34 .toggle{flex:0 0 auto;transform:scale(.9);transform-origin:right center}

@media(max-width:390px){.profile-rating-v34>small{display:none}.order-comment-v34 .order-section-head-v11>span{display:none}.chat-sheet-v33{height:91dvh!important;max-height:91dvh!important}}

/* Compact app menu */
.quick-menu-v34{display:grid;gap:14px;padding:4px}.quick-menu-title-v34{padding:4px 3px}.quick-menu-title-v34 small{color:#20a951;font-size:9px;font-weight:900;letter-spacing:.12em}.quick-menu-title-v34 h2{margin:3px 0 2px;font-size:22px;letter-spacing:-.04em}.quick-menu-title-v34 p{margin:0;color:#818b86;font-size:11px}.quick-menu-list-v34{overflow:hidden;border:1px solid #e3e9e5;border-radius:20px;background:#fff}.quick-menu-list-v34 button{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-bottom:1px solid #edf1ee;background:#fff;text-align:left}.quick-menu-list-v34 button:last-child{border-bottom:0}.quick-menu-list-v34 button>span{display:grid;place-items:center;width:40px;height:40px;padding:9px;border-radius:13px;background:#eef5f0;color:#536159}.quick-menu-list-v34 button.active{background:#f4fcf6}.quick-menu-list-v34 button.active>span{background:#dcf8e4;color:#17a34a}.quick-menu-list-v34 button>div{display:grid;gap:2px;min-width:0}.quick-menu-list-v34 b{color:#111827;font-size:14px}.quick-menu-list-v34 small{overflow:hidden;color:#858f89;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.quick-menu-list-v34 i{color:#9ba39f;font-size:22px;font-style:normal}.quick-lang-v34{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:17px;background:#f1f4f2}.quick-lang-v34>div:first-child{display:grid;gap:2px}.quick-lang-v34 b{font-size:12px}.quick-lang-v34 small{color:#89938e;font-size:9px}.quick-lang-v34>div:last-child{display:flex;gap:4px;padding:3px;border-radius:12px;background:#fff}.quick-lang-v34 button{width:40px;height:32px;border:0;border-radius:9px;background:transparent;color:#7d8782;font-size:11px;font-weight:800}.quick-lang-v34 button.active{background:#22c55e;color:#fff;box-shadow:0 4px 10px rgba(34,197,94,.22)}

/* Driver feed distances */
.driver-distance-grid-v35{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:11px 0}.driver-distance-grid-v35>span{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;padding:10px;border:1px solid #e1e8e3;border-radius:14px;background:#f7faf8}.driver-distance-grid-v35 .ui-icon{grid-row:1/3;align-self:center;width:22px;height:22px;color:#20ae52}.driver-distance-grid-v35 small{color:#849089;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.driver-distance-grid-v35 b{overflow:hidden;color:#1d2922;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.driver-job-card .job-distance{max-width:145px;text-align:right;line-height:1.2}.driver-pref-grid label>small{display:block;margin-top:5px;color:#87918c;font-size:9px;line-height:1.35}

/* Driver offers */
.order-offers-v35{display:grid;gap:12px;margin-top:18px}.order-offers-head-v35{display:flex;justify-content:space-between;align-items:center}.order-offers-head-v35>div{display:grid;gap:2px}.order-offers-head-v35 small{color:#22a854;font-size:8px;font-weight:900;letter-spacing:.1em}.order-offers-head-v35 h3{margin:0;color:#111827;font-size:19px;letter-spacing:-.035em}.order-offers-head-v35 p{margin:0;color:#849089;font-size:10px}.order-offers-head-v35>span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#e6f8eb;color:#179b47;font-size:12px;font-weight:850}.order-offer-list-v35{display:grid;gap:9px}.order-offer-v35{padding:13px;border:1px solid #dfe8e2;border-radius:20px;background:linear-gradient(145deg,#fff,#f9fcfa);box-shadow:0 8px 24px rgba(17,24,39,.045)}.order-offer-driver-v35{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px}.order-offer-driver-v35>span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#15231b;color:#fff;font-size:17px;font-weight:850;overflow:hidden}.order-offer-driver-v35>span img{width:100%;height:100%;object-fit:cover}.order-offer-driver-v35>div{display:grid;gap:2px;min-width:0}.order-offer-driver-v35 b{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.order-offer-driver-v35 small{color:#808b85;font-size:9px}.order-offer-driver-v35 small i{color:#e9a91d;font-style:normal;font-weight:800}.order-offer-driver-v35>em{max-width:112px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--rank) 45%,#fff);border-radius:999px;background:color-mix(in srgb,var(--rank) 8%,#fff);color:var(--rank);font-size:8px;font-style:normal;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-offer-car-v35{display:grid;grid-template-columns:29px minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-top:11px;padding:9px 10px;border-radius:13px;background:#f1f5f2}.order-offer-car-v35>span{width:20px;height:20px;color:#24aa54}.order-offer-car-v35>b{font-size:10px}.order-offer-car-v35>i{padding:4px 7px;border-radius:7px;background:#fff;color:#4d5b53;font-size:9px;font-style:normal;font-weight:800}.order-offer-bottom-v35{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,46%);align-items:end;gap:10px;margin-top:12px}.order-offer-bottom-v35>div{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:6px}.order-offer-bottom-v35 small{grid-column:1/3;color:#87928c;font-size:8px;text-transform:uppercase}.order-offer-bottom-v35 strong{font-size:25px;letter-spacing:-.05em}.order-offer-bottom-v35 em{align-self:center;color:#8c9690;font-size:8px;font-style:normal}.order-offer-bottom-v35 button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:47px!important;border-radius:15px!important;font-size:12px!important}.order-offer-bottom-v35 button span{font-size:20px}.order-offer-empty-v35{padding:20px;border:1px dashed #cfdcd3;border-radius:17px;text-align:center;color:#7f8b84;font-size:11px}

/* Assigned driver */
.assigned-driver-v35{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px}.assigned-driver-v35>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#17231c;color:#fff;font-size:18px;font-weight:850;overflow:hidden}.assigned-driver-v35>span img{width:100%;height:100%;object-fit:cover}.assigned-driver-v35>div{display:grid;gap:3px}.assigned-driver-v35 b{font-size:16px}.assigned-driver-v35 small{display:flex;align-items:center;gap:4px;color:#219c4d;font-size:9px;font-weight:750}.assigned-driver-v35 small i{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#daf6e2}.assigned-driver-v35 small .ui-icon{width:10px;height:10px}.assigned-car-v35{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-top:12px;padding:10px;border-radius:14px;background:#f2f5f3}.assigned-car-v35>span{width:22px;height:22px;color:#22aa52}.assigned-car-v35>div{display:grid}.assigned-car-v35 small{color:#89938e;font-size:8px}.assigned-car-v35 b{font-size:11px}.assigned-car-v35 em{padding:5px 7px;border-radius:8px;background:#fff;font-size:9px;font-style:normal;font-weight:850}.assigned-track-v35{display:grid!important;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:9px;width:100%;margin-top:11px;text-align:left;border-radius:15px!important}.assigned-track-v35>span{display:grid}.assigned-track-v35>span b{font-size:12px}.assigned-track-v35>span small{color:rgba(255,255,255,.74);font-size:8px}.assigned-track-v35>i{font-size:20px;font-style:normal}

/* Chat must be a true full-width bottom sheet */
.sheet-backdrop .chat-sheet-v33{position:absolute!important;inset:auto 0 0 0!important;display:block!important;width:min(560px,100%)!important;max-width:560px!important;margin:0 auto!important;padding:0!important;transform:translateY(12px)!important}.sheet-backdrop.show .chat-sheet-v33{transform:translateY(0)!important}.chat-sheet-v33 .sheet-bd{width:100%!important}.chat-sheet-v33 .chat-list-sheet{width:100%!important}.chat-sheet-v33 .chat-send-sheet{width:100%!important}.chat-sheet-v33 .chat-quick{width:100%!important}

/* Tracking */
.tracking-v35{display:grid;gap:10px}.tracking-live-v35{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 0}.tracking-live-v35 span{display:flex;align-items:center;gap:7px;color:#198b42;font-size:11px;font-weight:800}.tracking-live-v35 span i{width:8px;height:8px;border-radius:50%;background:#25c75a;box-shadow:0 0 0 5px rgba(37,199,90,.12)}.tracking-live-v35>b{padding:5px 8px;border-radius:999px;background:#eef6f0;color:#637069;font-size:9px}.tracking-v35 #mapTrack{height:min(55vh,440px)!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(17,24,39,.1)}.tracking-metrics-v35{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tracking-metrics-v35>div{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:8px;padding:10px;border:1px solid #e1e8e3;border-radius:14px;background:#fff}.tracking-metrics-v35 .ui-icon{width:23px;height:23px;color:#20aa50}.tracking-metrics-v35 span{display:grid;gap:2px}.tracking-metrics-v35 small{color:#88938d;font-size:8px;text-transform:uppercase}.tracking-metrics-v35 b{font-size:10px}.tracking-route-v35{display:grid;padding:4px 12px;border:1px solid #e2e8e4;border-radius:16px;background:#fff}.tracking-route-v35>div{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:9px;padding:9px 0}.tracking-route-v35>div:first-child:after{content:"";position:absolute;left:12px;top:34px;bottom:-8px;width:2px;background:#dce6df}.tracking-route-v35 i{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#22c55e;color:#fff;font-size:9px;font-style:normal;font-weight:900}.tracking-route-v35>div:last-child i{background:#111827}.tracking-route-v35 span{display:grid;min-width:0}.tracking-route-v35 small{color:#8a948e;font-size:8px}.tracking-route-v35 b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tracking-close-v35{min-height:44px!important;border-radius:14px!important}

@media(max-width:390px){.order-offer-driver-v35>em{display:none}.order-offer-bottom-v35{grid-template-columns:1fr}.tracking-metrics-v35{grid-template-columns:1fr}.tracking-v35 #mapTrack{height:48vh!important}}

/* Driver navigation sheet — isolated from the legacy donation .sheet rules */
.sheet-backdrop .nav-sheet-v36{position:absolute!important;inset:auto 0 0 0!important;display:block!important;width:min(560px,100%)!important;max-width:560px!important;max-height:88dvh!important;margin:0 auto!important;padding:7px 14px calc(14px + env(safe-area-inset-bottom))!important;border-radius:28px 28px 0 0!important;overflow-y:auto;background:#f7f9f8!important;transform:translateY(16px)!important}.sheet-backdrop.show .nav-sheet-v36{transform:translateY(0)!important}.nav-sheet-handle-v36{width:36px;height:4px;margin:2px auto 9px;border-radius:999px;background:#d2d8d4}.nav-sheet-head-v36{min-height:55px;padding:2px 0 10px!important}.nav-sheet-head-v36>div{display:grid;gap:2px}.nav-sheet-head-v36 small{color:#1da44d;font-size:8px;font-weight:900;letter-spacing:.12em}.nav-sheet-head-v36 .sheet-title{color:#111827;font-size:19px;font-weight:850;letter-spacing:-.035em}.nav-sheet-head-v36 .sheet-x{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:13px;background:#e9edeb;color:#253029;font-size:22px}.nav-sheet-body-v36{display:grid;gap:10px;padding:0!important}.nav-current-v36{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:13px;border:1px solid #cfe8d7;border-radius:18px;background:linear-gradient(135deg,#effbf2,#fff)}.nav-current-v36>i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#20c75a;color:#fff;font-size:14px;font-style:normal;font-weight:900;box-shadow:0 7px 16px rgba(32,199,90,.22)}.nav-current-v36>span{display:grid;min-width:0;gap:2px}.nav-current-v36 small{color:#1d9b49;font-size:8px;font-weight:900;letter-spacing:.09em}.nav-current-v36 b{font-size:15px}.nav-current-v36 em{overflow:hidden;color:#7b8780;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.nav-primary-v36{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nav-provider-v36{display:grid;grid-template-columns:37px minmax(0,1fr) 12px;align-items:center;gap:9px;min-width:0;min-height:62px;padding:10px;border:0;border-radius:17px;text-align:left}.nav-provider-v36>strong{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;font-size:19px}.nav-provider-v36>span{display:grid;min-width:0;gap:2px}.nav-provider-v36 b{font-size:12px}.nav-provider-v36 small{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.nav-provider-v36>i{font-size:21px;font-style:normal}.nav-provider-v36.waze{background:#1c2730;color:#fff}.nav-provider-v36.waze>strong{background:#38d3f3;color:#122027}.nav-provider-v36.waze small{color:#b8c3c9}.nav-provider-v36.google{border:1px solid #dfe5e1;background:#fff;color:#1d2922}.nav-provider-v36.google>strong{background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff}.nav-provider-v36.google small{color:#849089}.nav-points-v36{overflow:hidden;border:1px solid #e0e7e2;border-radius:17px;background:#fff}.nav-points-v36>button{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:10px 11px;border:0;border-bottom:1px solid #edf1ee;background:#fff;text-align:left}.nav-points-v36>button:last-child{border-bottom:0}.nav-points-v36>button.active{background:#f1fbf4}.nav-points-v36 button>i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#eef2ef;color:#536159;font-size:10px;font-style:normal;font-weight:900}.nav-points-v36 button.active>i{background:#22c55e;color:#fff}.nav-points-v36 button>span{display:grid;min-width:0;gap:2px}.nav-points-v36 small{color:#8b958f;font-size:7px;font-weight:850;letter-spacing:.08em}.nav-points-v36 b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.nav-full-route-v36{display:grid;grid-template-columns:24px minmax(0,1fr) 12px;align-items:center;gap:9px;width:100%;padding:11px 12px;border:1px solid #dfe7e1;border-radius:15px;background:#fff;color:#27322c;text-align:left}.nav-full-route-v36>.ui-icon{width:22px;height:22px;color:#20ad52}.nav-full-route-v36>span{display:grid;gap:2px}.nav-full-route-v36 b{font-size:11px}.nav-full-route-v36 small{color:#87918b;font-size:8px}.nav-full-route-v36>i{font-size:20px;font-style:normal}.nav-secondary-v36,.nav-copy-v36{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nav-secondary-v36 button,.nav-copy-v36 button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #e0e6e2;border-radius:14px;background:#fff;color:#4b5750;font-size:10px;font-weight:800}.nav-secondary-v36 span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#eff3f0;color:#27332c;font-size:12px}.nav-copy-v36 button{min-height:38px;background:#eef2ef;border:0;color:#667169}.nav-copy-v36 .ui-icon{width:15px;height:15px}.nav-note-v36{margin:0;padding:0 5px;color:#8a948e;text-align:center;font-size:8px;line-height:1.4}

@media(max-width:390px){.nav-primary-v36{grid-template-columns:1fr}.sheet-backdrop .nav-sheet-v36{max-height:92dvh!important}.nav-note-v36{display:none}}

/* V37 app-wide consistency and message navigation */
html,body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,system-ui,sans-serif!important}button,input,select,textarea{font-size:inherit}.main,.modal-body{scroll-behavior:auto}.message-tools-v37{display:grid;gap:9px;margin-top:12px}.message-tools-v37>label{display:grid;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:0 12px;border:1px solid #dfe6e1;border-radius:15px;background:#fff;color:#22a753}.message-tools-v37>label .ui-icon{width:18px;height:18px}.message-tools-v37 input{width:100%;height:44px;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#17201b;font-size:12px!important;box-shadow:none!important}.message-tools-v37>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border-radius:14px;background:#e9eeeb}.message-tools-v37>div button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:36px;padding:0 7px;border:0;border-radius:11px;background:transparent;color:#707b75;font-size:10px;font-weight:800}.message-tools-v37>div button.active{background:#fff;color:#138f42;box-shadow:0 3px 10px rgba(17,24,39,.07)}.message-tools-v37 i{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#dfe6e1;font-size:8px;font-style:normal}.message-tools-v37 button.active i{background:#def6e5;color:#11843b}.messages-page .message-list{margin-top:10px!important}.messages-page .message-row[hidden]{display:none!important}.message-empty-filter-v37{display:grid;justify-items:center;gap:5px;margin-top:10px;padding:30px 18px;border:1px dashed #d6dfd9;border-radius:19px;background:#f9fbfa;color:#7e8a83;text-align:center}.message-empty-filter-v37[hidden]{display:none!important}.message-empty-filter-v37>.ui-icon{width:34px;height:34px;padding:7px;border-radius:12px;background:#e9f7ed;color:#1ca14b}.message-empty-filter-v37 b{color:#344139;font-size:13px}.message-empty-filter-v37 small{font-size:9px}.order-section-head-v11>div>small{font-variant-numeric:tabular-nums}.service-tile,.profile-menu button,.message-row,.order-card,.driver-job-card{transition:transform .12s ease,background-color .18s ease,box-shadow .18s ease}.service-tile:active,.profile-menu button:active,.message-row:active{transform:scale(.985)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(34,197,94,.22)!important;outline-offset:2px}.modal-header .btn,.iconbtn,.avatarbtn{display:inline-grid!important;place-items:center!important}.profile-page{scroll-margin-top:0}

.orders-more-v37{width:100%;min-height:50px;margin-top:12px;border:1px solid rgba(18,184,80,.2);border-radius:16px;background:#f0fbf4;color:#087a36;font:700 15px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.orders-more-v37 span{min-width:30px;padding:5px 8px;border-radius:999px;background:#fff;color:#12a84b;font-size:12px}.orders-more-v37:active{transform:scale(.985);background:#e6f8ed}


/* ===== karuca-competitive-v40.css ===== */
/* Karuca v40 — competitive mobility UI
   Final design layer. It deliberately sits after the legacy styles and creates
   one coherent system for passenger, transfer and driver flows. */

:root{
  --k40-green:#27c85a;
  --k40-green-dark:#15943d;
  --k40-green-soft:#e9f9ee;
  --k40-ink:#101713;
  --k40-muted:#6f7973;
  --k40-line:#e3e9e5;
  --k40-surface:#ffffff;
  --k40-canvas:#f3f6f4;
  --k40-dark:#07140e;
  --k40-dark-2:#10251a;
  --k40-danger:#d83a3a;
  --k40-warning:#b66b08;
  --k40-radius-sm:12px;
  --k40-radius:18px;
  --k40-radius-lg:24px;
  --k40-shadow:0 10px 30px rgba(17,38,25,.08);
  --k40-shadow-strong:0 18px 48px rgba(8,29,17,.14);
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--k40-canvas);scroll-behavior:smooth}
body{
  margin:0!important;
  color:var(--k40-ink)!important;
  background:var(--k40-canvas)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(39,200,90,.24)!important;outline-offset:2px}

.app{
  min-height:100dvh;
  background:var(--k40-canvas)!important;
  overflow-x:hidden;
}
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:900!important;
  height:64px!important;
  padding-top:env(safe-area-inset-top)!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(224,231,226,.88)!important;
  box-shadow:0 5px 22px rgba(16,42,25,.045)!important;
  backdrop-filter:blur(18px) saturate(1.4)!important;
}
.topbar-inner{
  position:relative!important;
  width:100%!important;
  max-width:680px!important;
  height:64px!important;
  margin:0 auto!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
}
.top-menu{
  position:absolute!important;
  left:12px!important;
  top:50%!important;
  z-index:4!important;
  width:42px!important;
  height:42px!important;
  transform:translateY(-50%)!important;
  border:0!important;
  border-radius:14px!important;
  background:#f3f6f4!important;
  display:grid!important;
  place-content:center!important;
  gap:4px!important;
}
.top-menu span{display:block!important;width:18px!important;height:2px!important;border-radius:3px!important;background:#172019!important}
.brand{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:3!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:max-content!important;
  margin:0!important;
  color:var(--k40-ink)!important;
}
.brand-img{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 5px 15px rgba(5,21,12,.18)!important}
.brand-word{display:inline!important;color:var(--k40-ink)!important;font-size:20px!important;font-weight:800!important;letter-spacing:-.5px!important}
#roleBadge{display:none!important}
.top-profile{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  z-index:4!important;
}
.top-profile .iconbtn,.avatarbtn{
  width:39px!important;height:39px!important;min-width:39px!important;
  border:0!important;border-radius:13px!important;background:transparent!important;color:#19211c!important;
  display:grid!important;place-items:center!important;padding:0!important;
}
.top-profile .iconbtn:active,.avatarbtn:active{background:#edf2ee!important;transform:scale(.96)}
.top-profile .helpbtn,.lang-switch{display:none!important}
.top-avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:#eef2ef!important;color:#172019!important;font-weight:800!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.top-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.notification-count{right:0!important;top:1px!important;background:#ef4444!important;border:2px solid #fff!important}

.main{
  width:100%!important;
  max-width:680px!important;
  min-height:calc(100dvh - 64px)!important;
  margin:0 auto!important;
  padding:14px 14px calc(98px + env(safe-area-inset-bottom))!important;
  overflow:visible!important;
}
.karuca-page{display:grid!important;gap:14px!important;width:100%!important;animation:k40-enter .2s ease both}
@keyframes k40-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}

.card,.premium-section,.item,.order-card,.transfer-card,.driver-job-card{
  border:1px solid var(--k40-line)!important;
  border-radius:var(--k40-radius-lg)!important;
  background:var(--k40-surface)!important;
  box-shadow:var(--k40-shadow)!important;
}
.card,.premium-section{padding:18px!important}
.h2{font-size:20px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.45px!important;color:var(--k40-ink)!important}
.small{font-size:12px!important;line-height:1.45!important;color:var(--k40-muted)!important}
label{font-size:12px!important;font-weight:700!important;color:#4f5b53!important}
input,textarea,select{
  min-height:50px!important;
  border:1px solid #dce4de!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--k40-ink)!important;
  padding:12px 14px!important;
  box-shadow:none!important;
}
textarea{min-height:105px!important;resize:vertical}
input::placeholder,textarea::placeholder{color:#99a29c!important}

.btn,.primary-action,.secondary-action{
  min-height:50px!important;
  border-radius:15px!important;
  padding:0 17px!important;
  font-size:14px!important;
  font-weight:800!important;
  transition:transform .12s ease,background .12s ease,box-shadow .12s ease!important;
}
.btn:active,.primary-action:active,.secondary-action:active{transform:scale(.985)!important}
.btn.primary,.primary-action{
  border:1px solid var(--k40-green)!important;
  background:linear-gradient(135deg,#2ed260,#20bd50)!important;
  color:#06160b!important;
  box-shadow:0 10px 22px rgba(39,200,90,.23)!important;
}
.btn.ghost,.secondary-action{border:1px solid #dfe5e1!important;background:#f5f7f6!important;color:#1c251f!important}
.btn.danger{border-color:#ffd6d6!important;background:#fff0f0!important;color:#b42323!important}
.btn.warning{border-color:#ffe0ad!important;background:#fff7e8!important;color:#915400!important}
.btn.inline{min-height:44px!important;border-radius:13px!important}

/* Stable navigation */
.tabbar{
  position:fixed!important;
  left:0!important;right:0!important;bottom:0!important;
  z-index:850!important;
  padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
  background:rgba(255,255,255,.95)!important;
  border-top:1px solid rgba(221,229,223,.9)!important;
  backdrop-filter:blur(20px) saturate(1.5)!important;
  box-shadow:0 -10px 30px rgba(12,35,20,.06)!important;
}
.tabbar-inner{max-width:660px!important;margin:0 auto!important;min-height:61px!important;display:grid!important;gap:5px!important;background:transparent!important;padding:0!important}
.tab{
  min-width:0!important;min-height:56px!important;border:0!important;border-radius:17px!important;background:transparent!important;color:#8b948e!important;padding:7px 4px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
}
.tab svg{width:22px!important;height:22px!important}
.tab span{font-size:10px!important;font-weight:700!important;white-space:nowrap!important}
.tab.active{background:var(--k40-green-soft)!important;color:var(--k40-green-dark)!important}
.tab.active svg{transform:translateY(-1px)!important}
.tab-count{top:-3px!important;right:-12px!important;background:#ef4444!important;color:white!important;border:2px solid white!important}

/* Role selection */
.role-screen{display:grid!important;gap:14px!important;max-width:600px!important;margin:0 auto!important}
.role-hero-v40{
  position:relative!important;
  overflow:hidden!important;
  min-height:390px!important;
  margin:0!important;
  padding:0!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 85% 18%,rgba(63,226,108,.30),transparent 30%),
    radial-gradient(circle at 10% 100%,rgba(38,159,77,.22),transparent 38%),
    linear-gradient(145deg,#07130d 0%,#0c2116 62%,#12331f 100%)!important;
  color:#fff!important;
  box-shadow:0 24px 55px rgba(7,28,16,.2)!important;
}
.role-hero-v40:after{content:"";position:absolute;inset:auto -100px -150px auto;width:330px;height:330px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018)}
.role-hero-v40 .role-hero-inner{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:1fr 150px!important;grid-template-rows:auto 1fr auto!important;gap:14px!important;min-height:390px!important;padding:24px!important}
.role-brand-v40{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:20px;font-weight:850}
.role-brand-v40 img{width:42px;height:42px;border-radius:50%;box-shadow:0 8px 18px rgba(0,0,0,.28)}
.role-hero-copy-v40{align-self:center;max-width:360px}
.role-kicker-v40{display:block;margin-bottom:10px;color:#79ed98;font-size:10px;font-weight:850;letter-spacing:.13em}
.role-hero-v40 h1{margin:0!important;color:#fff!important;font-size:34px!important;line-height:1.03!important;letter-spacing:-1.2px!important;max-width:400px!important}
.role-hero-v40 p{margin:14px 0 0!important;color:#c9d5cd!important;font-size:14px!important;line-height:1.5!important;max-width:400px!important}
.role-lottie{align-self:end!important;width:170px!important;height:170px!important;margin-right:-26px!important;filter:drop-shadow(0 18px 22px rgba(0,0,0,.35))}
.role-trust-v40{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.role-trust-v40 span{min-height:45px;padding:9px 8px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.055);color:#e7eee9;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;text-align:center}
.role-trust-v40 svg{width:16px;height:16px;color:#65e58a}
.role-card-v40{padding:20px!important;border:1px solid var(--k40-line)!important;border-radius:27px!important;background:#fff!important;box-shadow:var(--k40-shadow-strong)!important;display:grid!important;gap:11px!important}
.role-picker-title-v40 span{font-size:10px;font-weight:850;letter-spacing:.1em;color:var(--k40-green-dark)}
.role-picker-title-v40 h2{margin:5px 0 4px;font-size:22px;line-height:1.15;letter-spacing:-.55px}
.role-picker-title-v40 p{margin:0 0 8px;color:var(--k40-muted);font-size:12px}
.role-choice-v40{width:100%;min-height:82px;padding:13px;border:1px solid #e0e7e2;border-radius:19px;background:#f8faf9;color:var(--k40-ink);display:grid;grid-template-columns:48px 1fr 22px;gap:12px;align-items:center;text-align:left}
.role-choice-v40.primary{border-color:#33ca61;background:linear-gradient(145deg,#effcf3,#ddf8e6);box-shadow:0 10px 22px rgba(39,200,90,.12)}
.role-choice-icon-v40{width:48px;height:48px;border-radius:15px;background:#fff;color:var(--k40-green-dark);display:grid;place-items:center;box-shadow:0 6px 15px rgba(15,48,27,.08)}
.role-choice-icon-v40 svg{width:24px;height:24px}
.role-choice-v40 b,.role-choice-v40 small{display:block}.role-choice-v40 b{font-size:16px}.role-choice-v40 small{margin-top:4px;color:#6e7a72;font-size:11px;line-height:1.35}.role-choice-v40>i{font-style:normal;font-size:28px;color:#7c8880}

/* Passenger home */
.home-page{gap:12px!important}
.autochat-official-badge{
  position:relative!important;
  min-height:112px!important;
  padding:18px!important;
  border:0!important;
  border-radius:27px!important;
  background:
    radial-gradient(circle at 85% 0,rgba(50,221,97,.27),transparent 42%),
    linear-gradient(135deg,#09150f,#10261a)!important;
  color:#fff!important;
  box-shadow:0 18px 38px rgba(7,30,17,.18)!important;
  display:grid!important;
  grid-template-columns:58px 1fr 40px!important;
  gap:13px!important;
  align-items:center!important;
  text-align:left!important;
  overflow:hidden!important;
}
.autochat-official-badge:after{content:"Поездка начинается здесь";position:absolute;left:90px;bottom:16px;color:#81e99d;font-size:10px;font-weight:750;letter-spacing:.02em}
.autochat-official-badge img{width:58px!important;height:58px!important;border-radius:50%!important;box-shadow:0 8px 18px rgba(0,0,0,.28)!important}
.autochat-official-badge span{align-self:start!important;padding-top:2px!important;min-width:0!important}
.autochat-official-badge small{display:block!important;color:#a8b9ae!important;font-size:10px!important;font-weight:750!important;letter-spacing:.04em!important;text-transform:uppercase!important;white-space:normal!important}
.autochat-official-badge b{display:block!important;margin-top:5px!important;color:#fff!important;font-size:26px!important;line-height:1!important;letter-spacing:-.8px!important}
.autochat-official-badge>i{width:40px!important;height:40px!important;border-radius:13px!important;background:var(--k40-green)!important;color:#06170c!important;display:grid!important;place-items:center!important;font-size:27px!important;font-style:normal!important}
.home-search{
  position:relative!important;
  min-height:60px!important;
  padding:0 12px!important;
  border:1px solid #dde5df!important;
  border-radius:18px!important;
  background:#fff!important;
  color:var(--k40-ink)!important;
  box-shadow:0 9px 25px rgba(14,40,24,.07)!important;
  display:grid!important;
  grid-template-columns:40px 1fr 40px!important;
  gap:6px!important;
  align-items:center!important;
  text-align:left!important;
  font-size:17px!important;
  font-weight:750!important;
}
.home-search .search-icon,.home-search .filter-icon{width:38px!important;height:38px!important;border-radius:12px!important;background:#eefaf1!important;color:var(--k40-green-dark)!important;display:grid!important;place-items:center!important}
.home-search .filter-icon{background:#f1f4f2!important;color:#39443c!important}
.home-search svg{width:21px!important;height:21px!important}
.home-trust-strip-v40{min-height:58px;padding:10px 12px;border:1px solid #d9ebdf;border-radius:17px;background:linear-gradient(135deg,#eefbf2,#f9fffb);display:grid;grid-template-columns:36px 1fr 24px;gap:10px;align-items:center}
.home-trust-strip-v40>span{width:36px;height:36px;border-radius:12px;background:var(--k40-green);color:#08200f;display:grid;place-items:center}.home-trust-strip-v40 svg{width:18px;height:18px}.home-trust-strip-v40 b,.home-trust-strip-v40 small{display:block}.home-trust-strip-v40 b{font-size:13px}.home-trust-strip-v40 small{margin-top:3px;color:#66736a;font-size:10px;line-height:1.3}.home-trust-strip-v40>i{color:var(--k40-green-dark);font-style:normal}
.service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.service-tile{
  position:relative!important;
  min-height:154px!important;
  padding:15px!important;
  border:1px solid #e1e8e3!important;
  border-radius:22px!important;
  background:#fff!important;
  color:var(--k40-ink)!important;
  box-shadow:0 8px 24px rgba(15,42,24,.055)!important;
  text-align:left!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.service-tile:after{content:"";position:absolute;right:-25px;bottom:-25px;width:80px;height:80px;border-radius:50%;background:#edf9f1}
.service-tile:nth-child(2):after{background:#eef5ff}.service-tile:nth-child(3):after{background:#fff7e9}.service-tile:nth-child(4):after{background:#f5eeff}.service-tile:nth-child(5):after{background:#eef1ff}.service-tile:nth-child(6):after{background:#fff0f0}
.service-art{position:relative!important;z-index:1!important;width:49px!important;height:49px!important;min-width:49px!important;margin:0 0 auto!important;border-radius:15px!important;background:#effaf2!important;display:grid!important;place-items:center!important;box-shadow:none!important}
.service-art img,.service-art svg,.service-art .ico{width:34px!important;height:34px!important;object-fit:contain!important}
.service-tile strong{position:relative;z-index:1;margin-top:14px!important;font-size:17px!important;line-height:1.1!important;letter-spacing:-.35px!important}
.service-tile small{position:relative;z-index:1;margin-top:5px!important;color:#747d77!important;font-size:11px!important;line-height:1.3!important}
.green-card-service{border-radius:22px!important;box-shadow:0 13px 28px rgba(8,46,24,.14)!important}
.promo-banner{border-radius:24px!important;box-shadow:var(--k40-shadow)!important}
.autochat-community-card{border-radius:22px!important;background:#fff!important;box-shadow:var(--k40-shadow)!important}
.autochat-community-card p{font-size:11px!important;line-height:1.4!important}
.autochat-open-button{min-height:45px!important;border-radius:13px!important}
.quick-section{padding:5px 0 0!important}.section-head h2{font-size:18px!important}.quick-grid{gap:8px!important}.quick-grid button{min-height:82px!important;border-radius:18px!important;border:1px solid #e1e7e3!important;background:#fff!important;box-shadow:0 7px 18px rgba(16,41,25,.045)!important}

/* Modal and ordering */
.modal{z-index:1200!important;background:rgba(5,15,9,.42)!important;backdrop-filter:blur(7px)!important}
.modal-inner{
  width:min(100%,680px)!important;
  height:min(96dvh,980px)!important;
  margin:auto auto 0!important;
  border-radius:28px 28px 0 0!important;
  background:var(--k40-canvas)!important;
  box-shadow:0 -22px 60px rgba(2,15,7,.25)!important;
  overflow:hidden!important;
}
.modal-header{position:sticky!important;top:0!important;z-index:20!important;min-height:64px!important;padding:10px 12px!important;border-bottom:1px solid #e2e8e4!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)!important}
.modal-title{font-size:17px!important;font-weight:800!important;color:var(--k40-ink)!important}
.modal-header .btn{min-height:40px!important;padding:0 12px!important;border-radius:12px!important;font-size:12px!important}
.modal-body{padding:12px 12px calc(24px + env(safe-area-inset-bottom))!important;background:var(--k40-canvas)!important}
.order-composer-v11{display:grid!important;gap:11px!important}
.order-service-banner-v11{min-height:92px!important;padding:15px!important;border:0!important;border-radius:22px!important;background:linear-gradient(135deg,#09170f,#143421)!important;color:#fff!important;box-shadow:0 15px 32px rgba(5,31,16,.17)!important}
.order-service-banner-v11 b{color:#fff!important;font-size:20px!important}.order-service-banner-v11 small{color:#a5b9ab!important}.order-secure-badge-v11{background:rgba(72,226,111,.13)!important;border-color:rgba(92,234,127,.24)!important;color:#80ee9b!important}
.order-block-v11,.order-advanced-v11{padding:16px!important;border:1px solid #e1e8e3!important;border-radius:21px!important;background:#fff!important;box-shadow:0 8px 24px rgba(14,39,23,.055)!important}
.order-section-head-v11 h3{font-size:17px!important;letter-spacing:-.3px!important}.order-section-head-v11>span{font-size:9px!important;color:#8b958f!important}
.route-map-preview-v11,.taxi-map-card-v11,.order-detail-map-v32,.driver-operations-map-v29,.demand-map{border-radius:18px!important;overflow:hidden!important;background:#e9efe9!important}
.route-field,.route-field-v11,.transfer-place-v24{border-color:#e0e7e2!important;border-radius:15px!important;background:#fbfdfb!important}
.route-field input{min-height:44px!important}
.comment-field-v34{border-radius:16px!important;background:#fafcfb!important}
.comment-chips-v34 button{min-height:36px!important;border-radius:12px!important;border:1px solid #e1e7e3!important;background:#f5f8f6!important;color:#405047!important}
.strategy-grid,.vehicle-class-grid{gap:9px!important}
.strategy-card,.vehicle-class-card,.transfer-kind-card-v25{border:1px solid #e0e7e2!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important}
.strategy-card.active,.vehicle-class-card.active,.transfer-kind-card-v25.active{border-color:#34cb62!important;background:linear-gradient(145deg,#effcf3,#fff)!important;box-shadow:0 8px 20px rgba(39,200,90,.10)!important}
.vehicle-class-grid{scroll-snap-type:x mandatory!important;padding-bottom:5px!important}.vehicle-class-card{scroll-snap-align:start!important}
.price-block-v11{background:linear-gradient(145deg,#fff,#f6fcf8)!important}
.order-cash-note-v40,.cash-inline-v40,.cash-policy-card-v40{border:1px solid #d7eadc;background:linear-gradient(135deg,#ecfaf0,#f9fffb);color:var(--k40-ink)}
.order-cash-note-v40{min-height:72px;padding:12px 13px;border-radius:18px;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center}
.order-cash-note-v40>span,.cash-inline-v40>span,.cash-policy-card-v40>span{width:38px;height:38px;border-radius:13px;background:var(--k40-green);color:#06200e;display:grid;place-items:center;flex:0 0 auto}
.order-cash-note-v40 svg,.cash-inline-v40 svg,.cash-policy-card-v40 svg{width:19px;height:19px}.order-cash-note-v40 b,.order-cash-note-v40 small,.cash-inline-v40 b,.cash-inline-v40 small,.cash-policy-card-v40 small,.cash-policy-card-v40 strong,.cash-policy-card-v40 em{display:block}.order-cash-note-v40 b,.cash-inline-v40 b{font-size:13px}.order-cash-note-v40 small,.cash-inline-v40 small{margin-top:3px;color:#627168;font-size:10px;line-height:1.35}
.cash-inline-v40{margin:12px 0;padding:11px;border-radius:16px;display:flex;align-items:center;gap:10px}
.order-cash-inline-v40{margin:10px 0 14px!important}
.order-sticky-actions-v11{bottom:0!important;margin:0 -12px -12px!important;padding:11px 12px calc(11px + env(safe-area-inset-bottom))!important;border-top:1px solid #e1e7e3!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;box-shadow:0 -12px 28px rgba(13,35,21,.08)!important}
.order-sticky-actions-v11 .btn.primary{min-height:54px!important}
.order-summary-v11 b{font-size:20px!important}.order-summary-v11 small{font-size:9px!important}

/* Transfer catalogue */
.transfers-page .premium-hero,.airport-hero,.driver-line-hero{border-radius:27px!important;background:linear-gradient(140deg,#08150e,#143522)!important;color:#fff!important;box-shadow:0 18px 42px rgba(6,30,16,.18)!important}
.transfers-page .premium-hero h1,.airport-hero h1,.driver-line-hero h1{color:#fff!important;font-size:29px!important;letter-spacing:-.8px!important}.transfers-page .premium-hero p,.airport-hero p,.driver-line-hero p{color:#b8c8bd!important}
.transfer-card{padding:16px!important;display:block!important;overflow:hidden!important}
.transfer-card-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}.transfer-card-main{min-width:0!important}.transfer-card-route b{font-size:16px!important;line-height:1.25!important}.transfer-card-meta,.transfer-driver{color:#667169!important;font-size:11px!important}.transfer-price-main{font-size:24px!important;font-weight:850!important;letter-spacing:-.7px!important}.transfer-price-sub{font-size:10px!important;color:#79837d!important}.transfer-actions .btn{width:100%!important}.pill{border-radius:999px!important}.transfer-hot,.transfer-best{border-color:#cfe9d7!important}

/* Order list and trip detail */
.orders-page .order-card{padding:15px!important}.order-card-head{align-items:center!important}.order-card-head b{font-size:18px!important}.order-route-summary{font-size:13px!important;line-height:1.45!important}.order-modal-card{padding:14px!important}.order-price-kpi{border-radius:20px!important;background:linear-gradient(140deg,#0a1810,#173a24)!important;color:#fff!important}.order-price-kpi .value{color:#fff!important}.order-price-kpi .unit{color:#a9bdaf!important}.order-route-v32,.order-status-v32,.driver-card-v32,.order-safety-v33,.driver-status-v34{border-radius:18px!important}.order-details-grid span{border-radius:15px!important;background:#f7f9f8!important}

/* Driver application */
.driver-line-page{gap:13px!important}.driver-dashboard-card{padding:17px!important}.driver-dashboard-head{align-items:flex-start!important}.online-switch{min-height:45px!important;border-radius:999px!important;background:#ecfaef!important;border:1px solid #cdebd5!important}.driver-stat-grid{gap:8px!important}.driver-stat-grid>div{min-height:78px!important;border:1px solid #e2e8e4!important;border-radius:17px!important;background:#f8faf9!important}.driver-stat-grid b{font-size:19px!important}.driver-pref-grid{border:1px solid #e3e9e5!important;border-radius:18px!important;background:#fafcfb!important;padding:13px!important}.driver-location-card-v29,.demand-card{border:1px solid #dfe7e1!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--k40-shadow)!important}.driver-location-head-v29{padding:15px!important}.driver-location-head-v29 h2{font-size:18px!important}.driver-location-head-v29 button{min-height:40px!important;border-radius:12px!important}.driver-operations-map-v29{min-height:245px!important}.demand-card{padding:16px!important}.demand-map{min-height:230px!important}.driver-job-card{padding:15px!important}.driver-job-head{align-items:center!important}.driver-job-head b{font-size:22px!important}.job-distance{border-radius:999px!important;background:#eef8f1!important;color:#287544!important}.driver-job-route{border-radius:17px!important;background:#f8faf9!important}.driver-distance-grid-v35 span{border-radius:15px!important;background:#f7faf8!important}.bid-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.bid-actions .btn.primary{grid-column:1/-1!important}.bid-actions input{min-width:0!important}

/* Profile */
.profile-hero{border-radius:28px!important;background:linear-gradient(145deg,#09160f,#153521)!important;color:#fff!important;box-shadow:0 20px 46px rgba(6,30,16,.18)!important}.profile-identity-copy-v34 h1{color:#fff!important}.profile-identity-copy-v34 p{color:#b6c6bb!important}.profile-rating-v34{color:#d8e5db!important}.wallet-grid{gap:9px!important}.wallet-card{min-height:90px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;background:rgba(255,255,255,.07)!important;color:#fff!important}.wallet-card-static{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:13px!important}.wallet-card small,.wallet-card span{color:#b7c6bc!important}.cash-policy-card-v40{margin-top:10px;padding:12px;border-radius:18px;display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center}.cash-policy-card-v40 small{color:#2c7d47;font-size:8px;font-weight:850;letter-spacing:.09em}.cash-policy-card-v40 strong{margin-top:3px;font-size:14px}.cash-policy-card-v40 em{margin-top:4px;color:#667269;font-size:10px;line-height:1.35;font-style:normal}.profile-menu,.driver-mode-card,.profile-partner-card,.profile-editor{border:1px solid #e1e8e3!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--k40-shadow)!important;overflow:hidden!important}.profile-menu button,.driver-mode-card button,.profile-partner-card button{min-height:65px!important}.profile-menu button+button{border-top:1px solid #edf1ee!important}.menu-icon{border-radius:13px!important}

/* Blocked account */
.account-blocked-screen{min-height:100dvh;padding:24px;background:radial-gradient(circle at 80% 10%,rgba(44,211,93,.18),transparent 32%),linear-gradient(145deg,#07130d,#10291a);display:grid;place-items:center}
.account-blocked-card{width:min(100%,440px);padding:25px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.97);box-shadow:0 28px 70px rgba(0,0,0,.28);text-align:center}.account-blocked-logo img{width:64px;height:64px;border-radius:50%;box-shadow:0 10px 24px rgba(7,25,14,.22)}.account-blocked-icon{width:54px;height:54px;margin:18px auto 12px;border-radius:17px;background:#fff0f0;color:#c93232;display:grid;place-items:center}.account-blocked-icon svg{width:26px;height:26px}.account-blocked-card h1{margin:0;font-size:25px;letter-spacing:-.6px}.account-blocked-card p{margin:10px 0;color:#68746c;font-size:13px;line-height:1.5}.account-blocked-reason{margin:16px 0;padding:12px;border-radius:15px;background:#f6f8f7;text-align:left}.account-blocked-reason small,.account-blocked-reason b{display:block}.account-blocked-reason small{color:#89938d;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.account-blocked-reason b{margin-top:5px;font-size:13px}.account-blocked-card button{width:100%;min-height:50px;border:0;border-radius:15px;background:var(--k40-green);color:#07170c;font-weight:850}

/* Desktop preview without hurting Telegram mobile */
@media(min-width:760px){
  body{background:#e9eeeb!important}.app{max-width:700px!important;margin:0 auto!important;box-shadow:0 0 80px rgba(13,34,21,.12)!important}.tabbar{left:50%!important;right:auto!important;width:700px!important;transform:translateX(-50%)!important}.modal-inner{margin:auto!important;border-radius:28px!important;height:min(92dvh,900px)!important}.role-screen{padding-top:7px!important}
}
@media(max-width:430px){
  .main{padding-left:10px!important;padding-right:10px!important}.top-menu{left:8px!important}.top-profile{right:6px!important}.brand-img{width:36px!important;height:36px!important;min-width:36px!important}.brand-word{font-size:19px!important}.role-hero-v40 .role-hero-inner{grid-template-columns:1fr 112px!important;padding:20px!important}.role-hero-v40 h1{font-size:29px!important}.role-lottie{width:135px!important;height:135px!important}.role-trust-v40{grid-template-columns:1fr!important}.role-trust-v40 span{min-height:37px!important}.role-hero-v40{min-height:435px!important}.service-tile{min-height:145px!important}.modal-body{padding-left:9px!important;padding-right:9px!important}.transfer-card-top{grid-template-columns:1fr!important}.transfer-card-side{display:flex!important;align-items:center!important;justify-content:space-between!important}.bid-actions{grid-template-columns:1fr!important}.bid-actions .btn.primary{grid-column:auto!important}
}
@media(max-width:350px){.brand-word{display:none!important}.service-grid{grid-template-columns:1fr!important}.role-hero-v40 .role-hero-inner{grid-template-columns:1fr!important}.role-lottie{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}



/* Karuca v41 — navigation, donations, compact order UX and performance */
.tabbar{width:100%!important;max-width:none!important;transform:none!important;left:0!important;right:0!important;box-sizing:border-box!important}
.tabbar-inner{width:100%!important;max-width:660px!important;box-sizing:border-box!important}
.tab{overflow:visible!important}
.main{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
body.drawer-open{overflow:hidden!important;touch-action:none}
.nav-drawer[hidden]{display:none!important}
.nav-drawer{position:fixed;inset:0;z-index:5000;display:block;pointer-events:none}
.nav-drawer.show{pointer-events:auto}
.nav-drawer-scrim{position:absolute;inset:0;border:0;background:rgba(4,13,9,.45);opacity:0;transition:opacity .18s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.nav-drawer.show .nav-drawer-scrim{opacity:1}
.nav-drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(88vw,360px);padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));background:#f7faf8;box-shadow:24px 0 70px rgba(4,22,11,.22);transform:translate3d(-102%,0,0);transition:transform .2s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;will-change:transform}
.nav-drawer.show .nav-drawer-panel{transform:translate3d(0,0,0)}
.nav-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 2px 14px;border-bottom:1px solid #e1e8e3}
.nav-drawer-brand{display:flex;align-items:center;gap:11px;min-width:0}.nav-drawer-brand img{width:44px;height:44px;border-radius:50%;box-shadow:0 7px 18px rgba(5,24,12,.18)}.nav-drawer-brand span,.nav-drawer-brand b,.nav-drawer-brand small{display:block;min-width:0}.nav-drawer-brand b{font-size:19px;letter-spacing:-.35px}.nav-drawer-brand small{margin-top:2px;color:#768078;font-size:10px}
.nav-drawer-close{width:40px;height:40px;border:0;border-radius:13px;background:#edf2ee;color:#1b251e;font-size:28px;line-height:1}
.nav-drawer-list{display:grid;gap:7px;padding:13px 0;overflow:auto;overscroll-behavior:contain}
.nav-drawer-item{width:100%;min-height:61px;padding:9px 10px;border:1px solid transparent;border-radius:17px;background:transparent;color:#1a231d;display:grid;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:10px;text-align:left}.nav-drawer-item>span:first-child{width:42px;height:42px;border-radius:14px;background:#eaf1ec;color:#2b6d40;display:grid;place-items:center}.nav-drawer-item>span:first-child svg{width:20px;height:20px}.nav-drawer-item>span:nth-child(2),.nav-drawer-item b,.nav-drawer-item small{display:block;min-width:0}.nav-drawer-item b{font-size:13px}.nav-drawer-item small{margin-top:3px;color:#7c867f;font-size:9.5px}.nav-drawer-item>i{font-style:normal;color:#9ca59f;font-size:20px}.nav-drawer-item.active{border-color:#cce8d4;background:#ecf9f0}.nav-drawer-item.active>span:first-child{background:#27c75a;color:#07170c}
.nav-drawer-footer{margin-top:auto;display:flex;align-items:center;gap:6px;padding-top:12px;border-top:1px solid #e1e8e3}.nav-drawer-footer button{min-width:48px;height:36px;border:1px solid #dce5df;border-radius:11px;background:#fff;font-size:11px;font-weight:800}.nav-drawer-footer button.active{border-color:#25c759;background:#eaf9ef;color:#17843d}.nav-drawer-footer span{margin-left:auto;color:#8a938d;font-size:9px}

.donation-card-v41{width:100%;margin-top:10px;padding:13px;border:1px solid #f1df9f;border-radius:18px;background:linear-gradient(135deg,#fff7d8,#fffdf4);color:#172019;display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:11px;text-align:left;box-shadow:0 8px 22px rgba(105,79,0,.08)}.donation-star-v41{width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#ffd557,#f3a900);color:#fff;display:grid;place-items:center;font-size:25px;filter:drop-shadow(0 7px 12px rgba(240,168,0,.22))}.donation-card-v41 small,.donation-card-v41 strong,.donation-card-v41 em{display:block}.donation-card-v41 small{color:#9b6b00;font-size:8px;font-weight:900;letter-spacing:.1em}.donation-card-v41 strong{margin-top:3px;color:#172019;font-size:14px}.donation-card-v41 em{margin-top:4px;color:#6f776f;font-size:9.5px;line-height:1.35;font-style:normal}.donation-card-v41>i{font-style:normal;font-size:20px;color:#8b938d}
.sheet-star{color:#f4b400!important}.sheet-star .star-ico{width:23px;height:23px}.sheet-row{min-height:55px!important}.sheet-panel{max-height:min(78dvh,620px)!important;overflow:auto!important}

.orders-hero{min-height:150px!important;padding:18px!important;align-items:center!important;background:radial-gradient(circle at 92% 10%,rgba(55,218,100,.18),transparent 34%),#fff!important;color:#121a15!important}.orders-hero h1{color:#121a15!important;font-size:30px!important}.orders-hero p{color:#6f7972!important}.orders-hero-stats span{background:#f0f4f1!important;border:1px solid #e6ebe7!important}.orders-hero-stats b{color:#172019!important}.orders-hero-stats small{color:#8a938d!important}.orders-page .premium-section{padding:14px!important}.orders-list,.message-list,.driver-feed{contain:layout style}.orders-list>.order-card,.message-list>.message-row,.driver-feed>.driver-job-card{content-visibility:auto;contain-intrinsic-size:220px}

@media(max-width:430px){
  .tabbar{padding-left:5px!important;padding-right:5px!important}.tabbar-inner{gap:3px!important}.tab{min-height:55px!important;padding-left:2px!important;padding-right:2px!important}.tab span{font-size:9.5px!important}
  .orders-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:142px!important}.orders-hero-stats span{min-width:56px!important;height:61px!important}.orders-hero h1{font-size:28px!important}.orders-hero p{font-size:12px!important}
}
@media(max-width:360px){.nav-drawer-panel{width:92vw}.top-profile .notification-btn{display:none!important}.brand-word{font-size:18px!important}.tab span{font-size:9px!important}}
@media(prefers-reduced-transparency:reduce){.topbar,.tabbar,.nav-drawer-scrim{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

/* v41.1 interaction hardening */
body.drawer-open{overflow:hidden!important;touch-action:none}.topbar .iconbtn,.topbar #topMenu{min-width:44px!important;min-height:44px!important;touch-action:manipulation}.nav-drawer-item,.tab,.sheet-row{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav-drawer[hidden]{display:none!important}

/* v41.1 profile contrast — one light visual system, no white-on-white text */
.profile-page .profile-hero{background:radial-gradient(circle at 92% 5%,rgba(55,218,100,.18),transparent 34%),linear-gradient(180deg,#fff,#fbfdfb)!important;color:#172019!important;border:1px solid #e2e9e4!important}
.profile-page .profile-identity-copy-v34 h1{color:#172019!important}
.profile-page .profile-identity-copy-v34 p{color:#768078!important}
.profile-page .profile-rating-v34{color:#56625a!important;background:#fff!important;border-color:#dfe7e1!important}
.profile-page .profile-settings{color:#38443c!important}
.profile-page .wallet-card{background:#f3f5f8!important;border-color:#e8ebef!important;color:#172019!important;box-shadow:none!important}
.profile-page .wallet-card small,.profile-page .wallet-card span{color:#858e88!important}
.profile-page .wallet-card strong{color:#172019!important}
.profile-page .profile-settings{position:absolute!important;top:18px!important;right:16px!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#f2f6f3!important;display:grid!important;place-items:center!important;z-index:3!important}
.profile-page .profile-settings svg{width:20px!important;height:20px!important}


/* v41.1 no external animation runtime: faster first paint and predictable WebView behavior */
.role-lottie img{width:100%;height:100%;object-fit:contain;display:block;animation:karucaCarFloat 2.8s ease-in-out infinite;transform-origin:50% 75%}
.searching-taxi-v41{width:84px;height:84px;flex:0 0 84px;border-radius:26px;background:linear-gradient(145deg,#e9fbef,#f9fffb);display:grid;place-items:center;overflow:hidden}
.searching-taxi-v41 img{width:70px;height:70px;object-fit:contain;animation:karucaTaxiPulse 1.6s ease-in-out infinite}
.success-lottie{width:92px;height:92px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#34db68,#19b84c);box-shadow:0 16px 35px rgba(28,194,78,.32);animation:karucaSuccessPop .35s cubic-bezier(.2,.9,.25,1.25)}
.success-lottie span{width:auto!important;height:auto!important;display:block!important;font-size:48px;line-height:1;color:#fff;font-weight:900;transform:translateY(-2px)}
@keyframes karucaCarFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-6px,0) rotate(1deg)}}
@keyframes karucaTaxiPulse{0%,100%{transform:scale(.96);opacity:.84}50%{transform:scale(1.04);opacity:1}}
@keyframes karucaSuccessPop{from{transform:scale(.72);opacity:.2}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.role-lottie img,.searching-taxi-v41 img,.success-lottie{animation:none!important}}

/* ===== Karuca v42: reliable page scrolling + driver feed priority ===== */
html{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:none;
}
body{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain;
}
.app{
  height:auto!important;
  min-height:100dvh!important;
  overflow:visible!important;
}
.main{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:calc(100dvh - 64px)!important;
  overflow:visible!important;
  touch-action:pan-y!important;
}
body.drawer-open,
body.map-picker-open-v11,
body.subscription-gate-open{
  overflow:hidden!important;
  touch-action:none!important;
}

/* Order cards are the driver's primary task, so they appear before analytics. */
.driver-line-page>.driver-line-hero{order:1}
.driver-line-page>.driver-active-order-v42{order:2}
.driver-line-page>.driver-feed-head-v42{order:3}
.driver-line-page>.driver-feed-controls-v42{order:4}
.driver-line-page>.driver-feed-list-v42{order:5}
.driver-line-page>.driver-dashboard-card{order:6}
.driver-line-page>.driver-location-card-v29{order:7}
.driver-line-page>.demand-card{order:8}

.driver-feed-head-v42{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:4px 4px 0;
}
.driver-feed-head-v42>div{min-width:0}
.driver-feed-head-v42 span{
  display:block;
  margin-bottom:4px;
  color:#159447;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.driver-feed-head-v42 h2{
  margin:0;
  color:#111713;
  font-size:25px;
  line-height:1.08;
  letter-spacing:-.7px;
}
.driver-feed-head-v42 p{
  max-width:420px;
  margin:7px 0 0;
  color:#6e7871;
  font-size:11px;
  line-height:1.42;
}
.driver-feed-head-v42>b{
  display:grid;
  place-items:center;
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:16px;
  background:#e7f9ec;
  color:#14883f;
  font-size:18px;
  box-shadow:inset 0 0 0 1px #cfefd8;
}
.driver-feed-controls-v42{padding:14px!important}
.driver-feed-list-v42{display:grid!important;gap:12px!important}
.driver-feed-list-v42 .driver-job-card{margin:0!important}
.driver-feed-empty-v42{
  min-height:170px;
  padding:24px 20px;
  border:1px dashed #cfdad2;
  border-radius:22px;
  background:#fbfdfb;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:7px;
  text-align:center;
}
.driver-feed-empty-v42>.ui-icon{
  width:42px;
  height:42px;
  padding:10px;
  border-radius:15px;
  background:#e7f9ec;
  color:#159447;
}
.driver-feed-empty-v42 b{font-size:15px;color:#263129}
.driver-feed-empty-v42 small{max-width:300px;color:#7b857e;font-size:10px;line-height:1.45}

/* Map previews must never steal vertical scrolling in Telegram WebView. */
.driver-operations-map-v29,
.demand-map,
.driver-operations-map-v29.leaflet-container,
.demand-map.leaflet-container{
  touch-action:pan-y!important;
  -ms-touch-action:pan-y!important;
}
.driver-operations-map-v29 .leaflet-control-container,
.demand-map .leaflet-control-container{pointer-events:none!important}

@media (max-width:420px){
  .driver-feed-head-v42 h2{font-size:23px}
  .driver-feed-head-v42 p{font-size:10px}
  .driver-feed-head-v42>b{width:42px;height:42px;flex-basis:42px;border-radius:14px}
}


/* Karuca v43 — driver stability and Telegram WebView scrolling */
html,body{min-height:100%;height:auto!important;overflow-x:hidden!important;overscroll-behavior-y:auto!important}
body:not(.drawer-open):not(.map-picker-open-v11):not(.subscription-gate-open){overflow-y:auto!important;touch-action:pan-y pinch-zoom!important}
#app,.app-shell,#main,main{max-width:100%;min-width:0}
#main{overflow:visible!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch;padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
.driver-line-page,.driver-requests-page,.driver-publish-page{min-height:calc(100dvh - 150px);overflow:visible!important;touch-action:pan-y!important}
.driver-feed-list-v42,.driver-request-list{overflow:visible!important;touch-action:pan-y!important}
.driver-feed-empty-v42{min-height:150px}
.notice.danger{border-color:#fecaca;background:#fff1f2;color:#991b1b}
@supports(height:100svh){.driver-line-page,.driver-requests-page,.driver-publish-page{min-height:calc(100svh - 150px)}}

/* ===== karuca-home-v45.css ===== */
/* Karuca 45 — isolated passenger home.
   Every rule is scoped to .home-page so legacy layers cannot leak into the redesign. */
:root{
  --k45-ink:#101713;
  --k45-muted:#68736c;
  --k45-green:#22c55e;
  --k45-green-deep:#12823c;
  --k45-bg:#f4f7f5;
  --k45-card:#ffffff;
  --k45-line:#e1e8e3;
  --k45-shadow:0 10px 28px rgba(16,39,24,.065);
}

.home-page{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:620px!important;
  margin:0 auto!important;
  padding:14px 12px calc(30px + env(safe-area-inset-bottom))!important;
  color:var(--k45-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,Roboto,sans-serif!important;
}

.home-page button{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

.home-page .home-welcome,
.home-page .autochat-official-badge,
.home-page .home-trust-strip-v40,
.home-page .promo-banner,
.home-page .europe-banner,
.home-page .green-card-service{
  display:none!important;
}

.home-page .mobile-home-shortcut{margin:0!important}

.home-primary-v45{
  position:relative;
  overflow:hidden;
  padding:22px 18px 16px;
  border:1px solid #dce7df;
  border-radius:26px;
  background:
    radial-gradient(circle at 102% -8%,rgba(34,197,94,.15),transparent 42%),
    linear-gradient(155deg,#ffffff 0%,#f7fcf8 100%);
  box-shadow:var(--k45-shadow);
}

.home-kicker-v45{
  display:block;
  margin-bottom:5px;
  color:var(--k45-green-deep);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.home-primary-v45 h1{
  margin:0;
  color:var(--k45-ink);
  font-size:clamp(27px,7vw,34px);
  font-weight:780;
  line-height:1.05;
  letter-spacing:-.04em;
}

.home-primary-v45>p{
  max-width:380px;
  margin:8px 0 16px;
  color:var(--k45-muted);
  font-size:13px;
  line-height:1.4;
}

.home-page .home-search{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:66px!important;
  height:auto!important;
  padding:9px 10px!important;
  border:1px solid #dce5df!important;
  border-radius:18px!important;
  background:#fff!important;
  color:var(--k45-ink)!important;
  box-shadow:0 8px 22px rgba(15,45,25,.07)!important;
  text-align:left!important;
}

.home-page .home-search .search-icon{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  background:#e9f9ef!important;
  color:var(--k45-green-deep)!important;
}

.home-page .home-search .search-icon .ui-icon,
.home-page .home-search .search-icon svg{width:22px!important;height:22px!important}
.home-page .home-search b,.home-page .home-search small{display:block}
.home-page .home-search b{font-size:15px;line-height:1.2}
.home-page .home-search small{margin-top:3px;color:#7c8780;font-size:11px;line-height:1.2}
.home-search-arrow-v45{color:var(--k45-green-deep);font-size:22px;font-weight:600;text-align:center}

.home-assurance-v45{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:13px;
}
.home-assurance-v45>span{
  display:flex;
  align-items:center;
  gap:5px;
  color:#536159;
  font-size:10.5px;
  font-weight:650;
}
.home-assurance-v45 .ui-icon{width:15px;height:15px;color:var(--k45-green-deep)}
.home-assurance-v45 svg{width:15px;height:15px}

.home-active-trip-v45,
.home-roadside-v45{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 26px;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:68px;
  padding:10px 12px;
  border:1px solid #dce7df;
  border-radius:19px;
  background:#fff;
  color:var(--k45-ink);
  box-shadow:0 7px 20px rgba(17,42,26,.05);
  text-align:left;
}
.home-active-trip-v45>.ui-icon,.home-roadside-v45>span:first-child{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:14px;
  background:#eaf9ef;
  color:var(--k45-green-deep);
}
.home-active-trip-v45 svg,.home-roadside-v45 svg{width:23px;height:23px}
.home-active-trip-v45 b,.home-active-trip-v45 small,.home-roadside-v45 b,.home-roadside-v45 small{display:block}
.home-active-trip-v45 b,.home-roadside-v45 b{font-size:13px;line-height:1.25}
.home-active-trip-v45 small,.home-roadside-v45 small{margin-top:3px;color:var(--k45-muted);font-size:10.5px;line-height:1.25}
.home-active-trip-v45>i,.home-roadside-v45>i{color:#87928b;font-size:20px;font-style:normal;text-align:center}

.home-services-v45{
  display:grid;
  gap:11px;
}
.home-section-head-v45{display:flex;align-items:end;justify-content:space-between;padding:0 2px}
.home-section-head-v45 h2{
  margin:0;
  color:var(--k45-ink);
  font-size:20px;
  font-weight:760;
  line-height:1.15;
  letter-spacing:-.025em;
}
.home-section-head-v45 p{margin:4px 0 0;color:var(--k45-muted);font-size:11px;line-height:1.3}

.home-page .service-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0!important;
}
.home-page .service-tile{
  position:relative!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:88px!important;
  height:auto!important;
  padding:12px!important;
  border:1px solid var(--k45-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  color:var(--k45-ink)!important;
  box-shadow:0 7px 20px rgba(17,42,26,.05)!important;
  text-align:left!important;
  overflow:hidden!important;
}
.home-page .service-tile:after{display:none!important;content:none!important}
.home-page .service-tile>i{
  position:absolute;
  right:10px;
  bottom:8px;
  color:#97a09a;
  font-size:14px;
  font-style:normal;
}
.home-page .service-art{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  margin:0!important;
  border:0!important;
  border-radius:15px!important;
  background:#e9f9ef!important;
  color:#118342!important;
  box-shadow:none!important;
}
.home-page .service-art>.ico,
.home-page .service-art svg,
.home-page .service-art img{
  display:block!important;
  width:25px!important;
  height:25px!important;
  object-fit:contain!important;
  filter:none!important;
}
.home-page .service-tile>span:nth-child(2){display:block;min-width:0;padding-right:8px}
.home-page .service-tile strong,.home-page .service-tile small{display:block!important;position:static!important;max-width:none!important;min-height:0!important}
.home-page .service-tile strong{
  margin:0!important;
  color:var(--k45-ink)!important;
  font-size:14px!important;
  font-weight:720!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
.home-page .service-tile small{
  margin:4px 0 0!important;
  color:#7b867f!important;
  font-size:10px!important;
  line-height:1.2!important;
}
.home-page .service-transfer-v45 .service-art{background:#eaf4ff!important;color:#176fc1!important}
.home-page .service-airport-v45 .service-art{background:#fff4df!important;color:#ad6908!important}
.home-page .service-parcel-v45 .service-art{background:#f3edff!important;color:#7050bd!important}
.home-page .service-carpool-v45 .service-art{background:#edf0ff!important;color:#4b5cc5!important}
.home-page .service-sober-v45 .service-art{background:#fff0ee!important;color:#c93d32!important}

.home-roadside-v45{border-color:#f0ddd9;background:#fffafa}
.home-roadside-v45>span:first-child{background:#fff0ed;color:#c83f33}
.home-roadside-v45>span:first-child .ico{display:grid;width:24px;height:24px}

.home-page .quick-section{
  display:grid!important;
  gap:11px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-page .quick-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.home-page .quick-grid button{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-width:0!important;
  min-height:104px!important;
  padding:11px!important;
  border:1px solid var(--k45-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  color:var(--k45-ink)!important;
  box-shadow:0 7px 18px rgba(17,42,26,.045)!important;
  text-align:left!important;
}
.home-page .quick-grid button>span{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  margin-bottom:10px!important;
  border:0!important;
  border-radius:12px!important;
  background:#eff5f1!important;
  color:#324139!important;
}
.home-page .quick-grid .ui-icon,.home-page .quick-grid svg{width:19px!important;height:19px!important}
.home-page .quick-grid b{overflow:hidden;width:100%;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.home-page .quick-grid small{display:block;margin-top:3px;color:#8a938d;font-size:8.5px;line-height:1.2}

.home-page .autochat-community-card{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  align-items:center!important;
  gap:11px!important;
  min-height:78px!important;
  padding:12px!important;
  border:1px solid #dfe7e2!important;
  border-radius:20px!important;
  background:#fff!important;
  color:var(--k45-ink)!important;
  box-shadow:var(--k45-shadow)!important;
  overflow:hidden!important;
}
.home-page .autochat-community-card:before,.home-page .autochat-community-card:after{display:none!important;content:none!important}
.home-page .autochat-community-card>img{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  object-fit:cover!important;
}
.home-page .autochat-community-card>span{display:block;min-width:0}
.home-page .autochat-community-card small,.home-page .autochat-community-card b,.home-page .autochat-community-card em{display:block}
.home-page .autochat-community-card small{color:#2196d2;font-size:9px;font-weight:750;line-height:1.2}
.home-page .autochat-community-card b{margin-top:3px;color:var(--k45-ink);font-size:15px;line-height:1.2}
.home-page .autochat-community-card em{overflow:hidden;margin-top:3px;color:var(--k45-muted);font-size:9.5px;font-style:normal;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.home-page .autochat-open-button{
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  gap:0!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  border:0!important;
  border-radius:15px!important;
  background:#229ed9!important;
  color:#fff!important;
}
.home-page .autochat-open-button .ui-icon{width:20px;height:20px}
.home-page .autochat-open-button svg{width:20px;height:20px}
.home-page .autochat-open-button>i{display:none!important}

.home-page button:active{transform:scale(.98)!important}
.home-page button:focus-visible{outline:3px solid rgba(34,197,94,.25)!important;outline-offset:2px!important}

@media(max-width:390px){
  .home-page{padding-left:10px!important;padding-right:10px!important}
  .home-primary-v45{padding:19px 15px 14px;border-radius:23px}
  .home-page .service-tile{grid-template-columns:42px minmax(0,1fr)!important;min-height:82px!important;padding:10px!important}
  .home-page .service-art{width:42px!important;min-width:42px!important;height:42px!important;border-radius:13px!important}
  .home-page .service-tile strong{font-size:13px!important}
  .home-page .service-tile small{font-size:9.5px!important}
}

@media(max-width:340px){
  .home-page .service-grid{grid-template-columns:1fr!important}
  .home-page .service-tile{min-height:72px!important}
  .home-page .quick-grid{grid-template-columns:1fr!important}
  .home-page .quick-grid button{display:grid!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto auto!important;column-gap:10px!important;min-height:66px!important}
  .home-page .quick-grid button>span{grid-row:1/3;margin:0!important}
  .home-page .quick-grid b,.home-page .quick-grid small{grid-column:2}
}

@media(prefers-reduced-motion:reduce){
  .home-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Role selection — no advertising hero, one decision per screen. */
.role-screen{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:600px!important;
  margin:0 auto!important;
  padding:14px 12px calc(28px + env(safe-area-inset-bottom))!important;
  color:var(--k45-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,Roboto,sans-serif!important;
}
.role-screen .role-hero-v40,.role-screen .role-card-v40{display:none!important}
.role-intro-v45{
  position:relative;
  overflow:hidden;
  padding:24px 20px 22px;
  border:1px solid #dce7df;
  border-radius:27px;
  background:
    radial-gradient(circle at 100% 0,rgba(34,197,94,.14),transparent 42%),
    linear-gradient(155deg,#fff,#f7fcf8);
  box-shadow:var(--k45-shadow);
}
.role-brand-v45{display:flex;align-items:center;gap:10px;margin-bottom:34px}
.role-brand-v45 img{width:46px;height:46px;border-radius:15px}
.role-brand-v45 span{font-size:19px;font-weight:780;letter-spacing:-.03em}
.role-kicker-v45{display:block;margin-bottom:7px;color:var(--k45-green-deep);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.role-intro-v45 h1{max-width:460px;margin:0;color:var(--k45-ink);font-size:clamp(28px,7vw,36px);font-weight:780;line-height:1.07;letter-spacing:-.045em}
.role-intro-v45>p{max-width:420px;margin:12px 0 0;color:var(--k45-muted);font-size:13px;line-height:1.45}
.role-intro-v45 .notice{margin-top:16px}
.role-options-v45{display:grid;gap:10px}
.role-option-v45{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 28px;
  align-items:center;
  gap:13px;
  width:100%;
  min-height:104px;
  padding:14px;
  border:1px solid var(--k45-line);
  border-radius:22px;
  background:#fff;
  color:var(--k45-ink);
  box-shadow:0 8px 24px rgba(16,39,24,.055);
  text-align:left;
}
.role-option-v45.primary{border-color:#cfe9d7;background:linear-gradient(145deg,#fff,#f2fcf5)}
.role-option-icon-v45{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#e8f9ee;color:var(--k45-green-deep)}
.role-option-v45:not(.primary) .role-option-icon-v45{background:#edf3ff;color:#315fa8}
.role-option-icon-v45 .ui-icon,.role-option-icon-v45 svg{width:25px;height:25px}
.role-option-v45 span:nth-child(2){display:block;min-width:0}
.role-option-v45 small,.role-option-v45 b,.role-option-v45 em{display:block}
.role-option-v45 small{color:var(--k45-green-deep);font-size:9.5px;font-weight:750;line-height:1.2}
.role-option-v45:not(.primary) small{color:#315fa8}
.role-option-v45 b{margin-top:4px;font-size:18px;line-height:1.15;letter-spacing:-.025em}
.role-option-v45 em{margin-top:5px;color:var(--k45-muted);font-size:10.5px;font-style:normal;line-height:1.3}
.role-option-v45>i{color:#7d8881;font-size:21px;font-style:normal;text-align:center}
.role-option-v45:active{transform:scale(.985)}
.role-option-v45:focus-visible{outline:3px solid rgba(34,197,94,.25);outline-offset:2px}
.role-footnote-v45{display:flex;align-items:center;justify-content:center;gap:6px;margin:2px 0 0;color:#758078;font-size:10px}
.role-footnote-v45 .ui-icon,.role-footnote-v45 svg{width:15px;height:15px}
@media(max-width:390px){
  .role-screen{padding-left:10px!important;padding-right:10px!important}
  .role-intro-v45{padding:20px 17px;border-radius:23px}
  .role-brand-v45{margin-bottom:28px}
  .role-option-v45{grid-template-columns:48px minmax(0,1fr) 24px;min-height:96px;padding:12px}
  .role-option-icon-v45{width:48px;height:48px;border-radius:15px}
}

/* Support center */
.support-loading-v45,.support-empty-v45{display:grid;justify-items:center;gap:9px;padding:44px 20px;color:var(--k45-muted);text-align:center}
.support-loading-v45>.ui-icon,.support-empty-v45>.ui-icon{width:44px;height:44px;padding:10px;border-radius:15px;background:#e9f9ef;color:var(--k45-green-deep)}
.support-empty-v45 h2{margin:5px 0 0;color:var(--k45-ink);font-size:18px}.support-empty-v45 p{max-width:340px;margin:0;font-size:12px;line-height:1.45}
.support-empty-v45.compact{padding:30px 15px;border:1px dashed #d9e3dc;border-radius:20px;background:#fafcfb}
.support-hero-v45{display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:start;padding:18px;border:1px solid #d8e6dc;border-radius:23px;background:radial-gradient(circle at 100% 0,rgba(34,197,94,.13),transparent 42%),linear-gradient(145deg,#fff,#f5fcf7);box-shadow:var(--k45-shadow)}
.support-hero-v45>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#e5f8eb;color:var(--k45-green-deep)}.support-hero-v45>span .ui-icon,.support-hero-v45>span svg{width:26px;height:26px}
.support-hero-v45 small{color:var(--k45-green-deep);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.support-hero-v45 h2{margin:5px 0 6px;color:var(--k45-ink);font-size:20px;line-height:1.15;letter-spacing:-.03em}.support-hero-v45 p{margin:0;color:var(--k45-muted);font-size:11px;line-height:1.4}
.support-actions-v45{display:grid;grid-template-columns:1.3fr .7fr;gap:8px;margin:12px 0}.support-actions-v45 .btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px}.support-actions-v45 .ui-icon,.support-actions-v45 svg{width:18px;height:18px}
.support-list-v45{display:grid;gap:8px}.support-section-title-v45{display:flex;align-items:center;justify-content:space-between;padding:5px 2px}.support-section-title-v45 h3{margin:0;font-size:16px}.support-section-title-v45>span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#edf3ef;color:#607067;font-size:10px;font-weight:800}
.support-ticket-row-v45{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:82px;padding:11px;border:1px solid var(--k45-line);border-radius:19px;background:#fff;color:var(--k45-ink);box-shadow:0 7px 20px rgba(17,42,26,.045);text-align:left}
.support-ticket-icon-v45{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e9f9ef;color:var(--k45-green-deep)}.support-ticket-icon-v45 .ui-icon,.support-ticket-icon-v45 svg{width:21px;height:21px}.support-ticket-icon-v45>i{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-size:8px;font-style:normal}
.support-ticket-row-v45>span:nth-child(2){display:block;min-width:0}.support-ticket-row-v45 small,.support-ticket-row-v45 b,.support-ticket-row-v45 em{display:block}.support-ticket-row-v45 small{color:#89948d;font-size:8.5px}.support-ticket-row-v45 b{overflow:hidden;margin-top:4px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.support-ticket-row-v45 em{overflow:hidden;margin-top:4px;color:var(--k45-muted);font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.support-status-v45{max-width:82px;padding:6px 8px;border-radius:999px;background:#eef3ef;color:#69756d;font-size:8px;font-weight:800;line-height:1.2;text-align:center}.support-status-v45.new{background:#e6f8ec;color:#14853d}.support-status-v45.open{background:#eaf4ff;color:#1d6fab}.support-status-v45.pending{background:#fff5dd;color:#966300}.support-status-v45.resolved{background:#e8f8ed;color:#157b38}.support-status-v45.closed{background:#f0f2f1;color:#68736d}
.support-compose-v45{display:grid;gap:14px}.support-compose-head-v45{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;padding:16px;border-radius:20px;background:#f3faf5}.support-compose-head-v45>.ui-icon{display:grid;place-items:center;width:48px;height:48px;padding:11px;border-radius:15px;background:#e2f7e9;color:var(--k45-green-deep)}.support-compose-head-v45 h2{margin:0;font-size:20px}.support-compose-head-v45 p{margin:6px 0 0;color:var(--k45-muted);font-size:11px;line-height:1.4}
.support-compose-v45 label{display:grid;gap:7px;color:#59665e;font-size:11px;font-weight:700}.support-compose-v45 select,.support-compose-v45 textarea{width:100%;min-height:48px;border:1px solid #dce5df;border-radius:15px;background:#fff;color:var(--k45-ink);font:inherit;font-size:14px;outline:none}.support-compose-v45 select{padding:0 12px}.support-compose-v45 textarea{padding:12px;resize:vertical;line-height:1.45}.support-compose-v45 select:focus,.support-compose-v45 textarea:focus{border-color:#85dba0;box-shadow:0 0 0 4px rgba(34,197,94,.09)}.support-send-v45{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:50px}.support-send-v45 .ui-icon,.support-send-v45 svg{width:19px;height:19px}.support-result-v45{min-height:18px;margin:0;color:#c43d32;font-size:11px;text-align:center}
.support-thread-head-v45{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;padding:14px;border:1px solid #dfe7e2;border-radius:19px;background:#fff}.support-thread-head-v45>button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:13px;background:#edf3ef;color:#314239;font-size:20px}.support-thread-head-v45 small{color:var(--k45-green-deep);font-size:9px;font-weight:800}.support-thread-head-v45 h2{margin:4px 0 3px;font-size:16px}.support-thread-head-v45 p{margin:0;color:var(--k45-muted);font-size:10px}
.support-thread-v45{display:flex;flex-direction:column;gap:8px;max-height:52vh;margin:11px 0;padding:4px 2px;overflow:auto}.support-message-v45{max-width:86%;padding:10px 12px;border-radius:16px}.support-message-v45.operator{align-self:flex-start;border-bottom-left-radius:5px;background:#f0f4f1}.support-message-v45.mine{align-self:flex-end;border-bottom-right-radius:5px;background:#dcf7e5}.support-message-v45 span{display:block;margin-bottom:4px;color:#228a48;font-size:8.5px;font-weight:800}.support-message-v45 p{margin:0;color:#18231d;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.support-message-v45 time{display:block;margin-top:5px;color:#8d9791;font-size:8px;text-align:right}
.support-reply-v45{display:grid;grid-template-columns:1fr 48px;gap:8px;align-items:end;position:sticky;bottom:0;padding:9px;border:1px solid #dce5df;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(16,39,24,.1)}.support-reply-v45 textarea{min-height:48px;max-height:120px;padding:10px;border:0;background:transparent;color:var(--k45-ink);font:inherit;font-size:13px;line-height:1.4;outline:none;resize:none}.support-reply-v45 button{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:15px;background:var(--k45-green);color:#082012}.support-reply-v45 button .ui-icon,.support-reply-v45 button svg{width:21px;height:21px}.support-closed-v45{padding:13px;border-radius:15px;background:#f0f3f1;color:#68736d;font-size:11px;text-align:center}
@media(max-width:390px){.support-actions-v45{grid-template-columns:1fr}.support-ticket-row-v45{grid-template-columns:42px minmax(0,1fr)}.support-status-v45{grid-column:2;justify-self:start}.support-hero-v45{grid-template-columns:46px 1fr;padding:15px}.support-hero-v45>span{width:46px;height:46px}}

/* Bespoke Karuca service art */
.home-page .service-art .ico svg,.home-page .home-roadside-v45 .ico svg{width:31px!important;height:31px!important}
.home-page .service-art .ico,.home-page .home-roadside-v45>.ico{filter:drop-shadow(0 5px 6px color-mix(in srgb,currentColor 22%,transparent))}

/* Road Assist provider registration */
.driver-docs-correction-v64{margin-bottom:16px;padding:14px 15px;border:1px solid #f0c77f;border-radius:16px;background:linear-gradient(145deg,#fff8e9,#fffdf8);color:#674309}.driver-docs-correction-v64 b{display:block;font-size:15px}.driver-docs-correction-v64 p{margin:6px 0 0;font-size:13px;line-height:1.45;color:#724a0d}.driver-docs-correction-v64 span{display:block;margin-top:7px;font-size:11px;line-height:1.45;color:#96713a}
.role-option-v45.roadside-provider{border-color:#f1ded1;background:linear-gradient(145deg,#fff,#fff8f3)}
.role-option-v45.roadside-provider .role-option-icon-v45{background:#fff0e6;color:#c45a25}
.role-option-v45.roadside-provider small{color:#a7471c}
.provider-onboarding-v45,.provider-form-v45{display:grid;gap:14px}
.provider-onboarding-hero-v45{display:grid;grid-template-columns:54px 1fr;gap:13px;padding:18px;border:1px solid #f0ded1;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(249,115,22,.14),transparent 44%),#fffaf7}
.provider-onboarding-hero-v45>span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#ffeadc;color:#bd4c18}.provider-onboarding-hero-v45>span .ui-icon,.provider-onboarding-hero-v45>span svg{width:28px;height:28px}
.provider-onboarding-hero-v45 small{color:#b64a19;font-size:9px;font-weight:850;letter-spacing:.1em}.provider-onboarding-hero-v45 h2{margin:5px 0 6px;font-size:20px;line-height:1.12}.provider-onboarding-hero-v45 p{margin:0;color:#6f675f;font-size:11px;line-height:1.45}
.provider-form-v45 label{display:grid;gap:6px;color:#566159;font-size:10.5px;font-weight:750}.provider-form-v45 input{width:100%;min-height:48px;padding:0 12px;border:1px solid #dce5df;border-radius:15px;background:#fff;color:#18231d;font:inherit;font-size:13px;outline:none}.provider-form-v45 input:focus{border-color:#e59a72;box-shadow:0 0 0 4px rgba(249,115,22,.09)}
.provider-services-v45{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.provider-services-v45 button{display:flex;align-items:center;gap:8px;min-height:48px;padding:9px;border:1px solid #e0e6e2;border-radius:15px;background:#fff;color:#34423a;font-size:10.5px;font-weight:750;text-align:left}.provider-services-v45 button span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f1f4f2;color:#66736c}.provider-services-v45 button .ui-icon,.provider-services-v45 button svg{width:18px;height:18px}.provider-services-v45 button.active{border-color:#efb08c;background:#fff7f1;color:#a64217}.provider-services-v45 button.active span{background:#ffe5d5;color:#bd4c18}
.provider-trust-v45{display:flex;gap:9px;padding:12px;border-radius:15px;background:#eef8f1;color:#476152;font-size:10.5px;line-height:1.45}.provider-trust-v45>.ui-icon,.provider-trust-v45 svg{flex:0 0 auto;width:19px;height:19px;color:#16833d}

/* Professional help center */
.help-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px!important;border:1px solid #dfe7e2!important;border-radius:16px!important;background:#f3f6f4!important}.help-tabs .pill{min-width:0!important;min-height:38px!important;padding:7px 5px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#68736d!important;font-size:10px!important;font-weight:750!important}.help-tabs .pill.active{background:#fff!important;color:#16833d!important;box-shadow:0 4px 14px rgba(18,46,28,.08)!important}
.help-premium-v45{display:grid;gap:12px;margin-top:12px}.help-hero-v45{display:grid;grid-template-columns:58px 1fr;gap:13px;padding:17px;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(34,197,94,.14),transparent 45%),linear-gradient(145deg,#fff,#f3fbf5);border:1px solid #d6e7dc}.help-hero-v45.driver{background:radial-gradient(circle at 100% 0,rgba(59,130,246,.13),transparent 45%),linear-gradient(145deg,#fff,#f5f8ff);border-color:#dbe4f2}.help-hero-v45.roadside{background:radial-gradient(circle at 100% 0,rgba(249,115,22,.14),transparent 45%),linear-gradient(145deg,#fff,#fff7f1);border-color:#efddcf}
.help-hero-v45>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#e4f8eb;color:#168c42}.help-hero-v45.driver>span{background:#e8f1ff;color:#2772c5}.help-hero-v45.roadside>span{background:#ffe8d9;color:#c4541d}.help-hero-v45 .ico,.help-hero-v45 .ico svg{width:34px;height:34px}.help-hero-v45 small{color:#16833d;font-size:8.5px;font-weight:850;letter-spacing:.1em}.help-hero-v45.driver small{color:#2867a9}.help-hero-v45.roadside small{color:#a9471b}.help-hero-v45 h2{margin:5px 0 5px;font-size:18px;line-height:1.13;letter-spacing:-.03em}.help-hero-v45 p{margin:0;color:#68736d;font-size:10.5px;line-height:1.4}
.help-steps-v45{display:grid;gap:7px}.help-steps-v45 article{display:grid;grid-template-columns:24px 38px 1fr;align-items:start;gap:9px;padding:11px;border:1px solid #e1e7e3;border-radius:17px;background:#fff}.help-steps-v45 article>i{padding-top:4px;color:#9aa49e;font-size:8px;font-style:normal;font-weight:850}.help-steps-v45 article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf8f1;color:#188842}.help-steps-v45 article>span .ui-icon,.help-steps-v45 article>span svg{width:19px;height:19px}.help-steps-v45 b{display:block;font-size:12px}.help-steps-v45 p{margin:4px 0 0;color:#667169;font-size:10px;line-height:1.42}
.help-note-v45{display:flex;gap:10px;padding:13px;border-radius:17px;background:#edf5ff;color:#2a5683}.help-note-v45>.ui-icon,.help-note-v45>svg{flex:0 0 auto;width:22px;height:22px}.help-note-v45 b{font-size:11.5px}.help-note-v45 p{margin:4px 0 0;font-size:10px;line-height:1.42}.help-safety-v45{display:flex;gap:9px;padding:12px;border:1px solid #d9eadf;border-radius:16px;background:#f6fbf7;color:#476052;font-size:10px;line-height:1.45}.help-safety-v45>.ui-icon,.help-safety-v45 svg{flex:0 0 auto;width:19px;height:19px;color:#16833d}
@media(max-width:390px){.provider-services-v45{grid-template-columns:1fr}.help-steps-v45 article{grid-template-columns:20px 36px 1fr;padding:10px}.help-tabs .pill{font-size:9px!important}}

/* International airport catalog */
.airport-all-v45{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;margin-top:10px;padding:11px;border:1px solid #dbe5df;border-radius:17px;background:#fff;color:#17231c;text-align:left}.airport-all-v45>.ui-icon{display:grid;place-items:center;width:42px;height:42px;padding:10px;border-radius:13px;background:#eaf4ff;color:#246cae}.airport-all-v45 b,.airport-all-v45 small{display:block}.airport-all-v45 b{font-size:12px}.airport-all-v45 small{margin-top:3px;color:#748078;font-size:9.5px;line-height:1.3}.airport-all-v45>i{color:#89938d;font-size:17px;font-style:normal}
.airport-search-v45{display:flex!important;align-items:center;gap:8px;margin:7px 0 8px!important;padding:0 11px;border:1px solid #dce5df;border-radius:14px;background:#f8faf9}.airport-search-v45>.ui-icon,.airport-search-v45 svg{flex:0 0 auto;width:18px;height:18px;color:#718078}.airport-search-v45 input{min-height:44px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important}.airport-page .airport-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Order price must stay visible over legacy modal themes */
.order-live-v32 .order-price-kpi{display:grid!important;grid-template-columns:auto 1fr!important;align-items:end!important;gap:10px!important;min-height:76px!important;padding:14px 16px!important;border:1px solid #cfe8d7!important;background:linear-gradient(135deg,#f3fcf6,#e8f8ed)!important}
.order-live-v32 .order-price-kpi .value{display:block!important;color:#102f1b!important;font-size:34px!important;font-weight:850!important;line-height:1!important;letter-spacing:-.055em!important;opacity:1!important;visibility:visible!important}
.order-live-v32 .order-price-kpi .unit{align-self:end!important;padding-bottom:3px!important;color:#258447!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}

/* v45.4 bespoke Karuca service illustrations */
.home-page .service-tile{min-height:96px!important;padding:14px 14px 14px 12px!important;gap:11px!important;background:linear-gradient(145deg,#fff 0%,#fbfdfc 100%)!important}
.home-page .service-art{position:relative;width:62px!important;min-width:62px!important;height:62px!important;border-radius:21px!important;background:linear-gradient(145deg,#effcf3,#dff8e8)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(19,99,54,.09)!important;overflow:visible!important}
.home-page .service-art:after{content:"";position:absolute;inset:7px;border-radius:16px;background:radial-gradient(circle at 34% 20%,rgba(255,255,255,.95),rgba(255,255,255,0) 58%);pointer-events:none}
.home-page .service-art>.ico,.home-page .service-art .ico svg,.home-page .service-art .ico img,.home-page .service-art>svg{position:relative;z-index:1;width:64px!important;height:64px!important;overflow:visible!important;object-fit:contain!important;filter:drop-shadow(0 7px 6px rgba(15,48,29,.15))!important}
.home-page .service-transfer-v45 .service-art{background:linear-gradient(145deg,#eff8ff,#dceeff)!important}
.home-page .service-airport-v45 .service-art{background:linear-gradient(145deg,#fff9e9,#ffedc8)!important}
.home-page .service-parcel-v45 .service-art{background:linear-gradient(145deg,#f8f2ff,#e9ddff)!important}
.home-page .service-carpool-v45 .service-art{background:linear-gradient(145deg,#f1f3ff,#e0e5ff)!important}
.home-page .service-sober-v45 .service-art{background:linear-gradient(145deg,#fff4f2,#ffe1de)!important}
.home-page .service-tile strong{font-size:14.5px!important}.home-page .service-tile small{font-size:10.5px!important}
.home-roadside-v45>span:first-child{width:62px!important;height:62px!important;border-radius:21px!important;background:linear-gradient(145deg,#fff3ee,#ffded5)!important;box-shadow:0 10px 24px rgba(181,42,43,.09)!important}
.home-roadside-v45>span:first-child .ico,.home-roadside-v45>span:first-child .ico svg{width:57px!important;height:57px!important;filter:drop-shadow(0 7px 6px rgba(91,22,23,.14))!important}
@media(max-width:390px){.home-page .service-tile{min-height:88px!important;padding:10px!important}.home-page .service-art,.home-roadside-v45>span:first-child{width:54px!important;min-width:54px!important;height:54px!important}.home-page .service-art>.ico,.home-page .service-art .ico svg,.home-roadside-v45>span:first-child .ico,.home-roadside-v45>span:first-child .ico svg{width:50px!important;height:50px!important}.home-page .service-tile strong{font-size:13.5px!important}}

/* v46 premium mobility product renders */
.home-page .service-art,.home-page .service-transfer-v45 .service-art,.home-page .service-airport-v45 .service-art,.home-page .service-parcel-v45 .service-art,.home-page .service-carpool-v45 .service-art,.home-page .service-sober-v45 .service-art{width:74px!important;min-width:74px!important;height:62px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.home-page .service-art:after{display:none!important}
.home-page .service-art>.ico,.home-page .service-art .ico img{width:76px!important;height:66px!important;filter:drop-shadow(0 8px 7px rgba(10,20,15,.18))!important}
.home-page .service-tile{grid-template-columns:74px minmax(0,1fr)!important;gap:9px!important}
.home-roadside-v45>span:first-child{width:82px!important;min-width:82px!important;height:62px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.home-roadside-v45>span:first-child .ico,.home-roadside-v45>span:first-child .ico img{width:84px!important;height:66px!important;object-fit:contain!important;filter:drop-shadow(0 8px 7px rgba(10,20,15,.18))!important}
@media(max-width:390px){.home-page .service-tile{grid-template-columns:66px minmax(0,1fr)!important}.home-page .service-art,.home-roadside-v45>span:first-child{width:66px!important;min-width:66px!important;height:56px!important}.home-page .service-art>.ico,.home-page .service-art .ico img,.home-roadside-v45>span:first-child .ico,.home-roadside-v45>span:first-child .ico img{width:68px!important;height:58px!important}}

/* v46.2 Karuca green-black color direction */
body .home-page .service-tile .service-art,#goTaxi .service-art,#goTransfers .service-art,#goAirport .service-art,#goParcels .service-art,#goCarpool .service-art,#goSober .service-art,body .home-page .home-roadside-v45>span:first-child{border-radius:19px!important;background:radial-gradient(circle at 24% 18%,#fafff7 0,#ecf9e8 48%,#def0da 100%)!important;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(41,107,45,.09)!important}
body .home-page .service-art .ico img,body .home-page .home-roadside-v45 .ico img{filter:sepia(.28) saturate(2.15) hue-rotate(68deg) brightness(1.16) contrast(.96) drop-shadow(0 8px 7px rgba(12,58,28,.18))!important}
body .home-page .service-tile{border-color:#dce7df!important;background:linear-gradient(145deg,#fff,#fbfefb)!important}
body .home-page .service-tile:hover,body .home-page .service-tile:active{border-color:#b8d9bc!important;background:#f7fcf6!important}
body .home-page .home-roadside-v45{border-color:#cfe3d2!important;background:linear-gradient(145deg,#fff,#f6fbf5)!important}
body .home-page .home-roadside-v45{grid-template-columns:82px minmax(0,1fr) 24px!important;gap:14px!important;min-height:88px!important;padding:12px 14px!important}
body .home-page .home-roadside-v45>span:nth-child(2){min-width:0!important;padding-left:0!important}
body .home-page .home-roadside-v45 b{font-size:14px!important;line-height:1.2!important}
body .home-page .home-roadside-v45 small{margin-top:5px!important;font-size:10px!important;line-height:1.35!important;white-space:normal!important}
body .home-page .service-tile>i,body .home-page .home-roadside-v45>i{right:11px!important;color:#729078!important;font-size:15px!important}
@media(max-width:390px){body .home-page .home-roadside-v45{grid-template-columns:66px minmax(0,1fr) 18px!important;gap:10px!important;padding:10px!important}body .home-page .home-roadside-v45 b{font-size:13.5px!important}}

/* Temporary trip tracking opened only through Telegram startapp */
.shared-trip-mode-v45{background:#edf3ef!important}.shared-trip-mode-v45 .topbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #e0e8e3!important}.shared-trip-mode-v45 #topMenu,.shared-trip-mode-v45 #btnNotifications,.shared-trip-mode-v45 #btnHelp,.shared-trip-mode-v45 #btnProfile,.shared-trip-mode-v45 #roleBadge,.shared-trip-mode-v45 #langSwitch{display:none!important}.shared-trip-mode-v45 #main{padding-bottom:28px!important}
.shared-trip-page-v45{display:grid;gap:12px;padding:12px}.shared-trip-hero-v45{position:relative;overflow:hidden;padding:22px;border-radius:26px;background:radial-gradient(circle at 95% 0,rgba(145,255,85,.22),transparent 38%),linear-gradient(145deg,#061610,#0b3020);color:#fff;box-shadow:0 22px 48px rgba(4,35,20,.2)}.shared-trip-hero-v45 small{display:block;margin-top:16px;color:#9ce57c;font-size:9px;font-weight:850;letter-spacing:.12em}.shared-trip-hero-v45 h1{margin:7px 0 13px;font-size:20px;line-height:1.18;letter-spacing:-.04em}.shared-trip-hero-v45 h1 i{color:#91f258;font-style:normal}.shared-trip-hero-v45>span{display:inline-flex;padding:8px 11px;border:1px solid rgba(145,242,88,.25);border-radius:999px;background:rgba(145,242,88,.1);color:#b7ff8d;font-size:10px;font-weight:800}.shared-trip-live-v45{display:flex;align-items:center;gap:8px;color:#e9f7ed;font-size:10px;font-weight:750}.shared-trip-live-v45 i{width:8px;height:8px;border-radius:50%;background:#8bf34e;box-shadow:0 0 0 6px rgba(139,243,78,.12)}
.shared-trip-map-v45{height:330px;border:1px solid #dce6df;border-radius:24px;background:#e9efeb;overflow:hidden;box-shadow:0 13px 32px rgba(20,46,30,.08)}.shared-trip-car-wrap{background:none!important;border:0!important}.shared-trip-car{display:grid;place-items:center;width:48px;height:48px;border:3px solid #fff;border-radius:17px;background:#e9faef;box-shadow:0 8px 20px rgba(8,54,27,.24)}.shared-trip-car .ico,.shared-trip-car svg{width:43px!important;height:43px!important}
.shared-trip-info-v45{padding:16px;border:1px solid #dde7e1;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(16,43,27,.06)}.shared-trip-driver-v45{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:12px}.shared-trip-driver-v45>span{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#eaf9ef}.shared-trip-driver-v45>span .ico,.shared-trip-driver-v45>span svg{width:50px!important;height:50px!important}.shared-trip-driver-v45 small,.shared-trip-driver-v45 b,.shared-trip-driver-v45 em{display:block}.shared-trip-driver-v45 small{color:#758179;font-size:9px}.shared-trip-driver-v45 b{margin-top:3px;font-size:15px}.shared-trip-driver-v45 em{margin-top:4px;color:#536159;font-size:10px;font-style:normal}.shared-trip-safe-v45{display:flex;gap:10px;margin-top:14px;padding:12px;border-radius:16px;background:#f1f8f3;color:#356246}.shared-trip-safe-v45>.ui-icon,.shared-trip-safe-v45>svg{flex:0 0 auto;width:21px;height:21px}.shared-trip-safe-v45 p{margin:0}.shared-trip-safe-v45 b,.shared-trip-safe-v45 span{display:block}.shared-trip-safe-v45 b{font-size:10.5px}.shared-trip-safe-v45 span{margin-top:3px;color:#61756a;font-size:9.5px;line-height:1.4}.shared-trip-updated-v45{text-align:center;margin-top:11px;color:#859089;font-size:9px}
.shared-trip-loading-v45,.shared-trip-expired-v45{display:grid;justify-items:center;gap:12px;margin:22px 14px;padding:28px 20px;border:1px solid #dce6df;border-radius:27px;background:#fff;text-align:center}.shared-trip-loading-v45:before{content:"";width:34px;height:34px;border:3px solid #e3ebe6;border-top-color:#39c95c;border-radius:50%;animation:spin .8s linear infinite}.shared-trip-expired-v45 img{width:50px;height:50px;border-radius:16px}.shared-trip-expired-v45>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#fff0ed;color:#c84a3d}.shared-trip-expired-v45>span .ui-icon,.shared-trip-expired-v45>span svg{width:28px;height:28px}.shared-trip-expired-v45 h1{margin:3px 0 0;font-size:21px}.shared-trip-expired-v45 p{max-width:320px;margin:0;color:#69756e;font-size:11px;line-height:1.5}.shared-trip-expired-v45 button{min-width:160px;min-height:46px;border:0;border-radius:15px;background:#11251a;color:#fff;font-weight:800}

/* Shared trip v47: complete driver identity, road geometry and a clear exit. */
.shared-trip-hero-head-v47{display:flex;align-items:center;justify-content:space-between;gap:12px}.shared-trip-hero-head-v47>button{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 9px 0 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;font-size:10px;font-weight:800}.shared-trip-hero-head-v47>button span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.12);font-size:17px;font-weight:400;line-height:1}
.shared-trip-route-meta-v47{display:flex;align-items:center;gap:8px;margin:-5px 12px 0;padding:10px 12px;border:1px solid #dce6df;border-radius:15px;background:#fff;box-shadow:0 8px 18px rgba(16,43,27,.05)}.shared-trip-route-meta-v47>span{display:flex;align-items:center;gap:6px;padding-right:10px;border-right:1px solid #e5ece8;color:#526159}.shared-trip-route-meta-v47>span:last-child{border-right:0}.shared-trip-route-meta-v47 svg{width:16px;height:16px;color:#25b954}.shared-trip-route-meta-v47 b{font-size:10px}
.shared-trip-driver-v45{grid-template-columns:56px minmax(0,1fr) 30px}.shared-trip-driver-v45>span>img{width:100%;height:100%;object-fit:cover}.shared-trip-verified-v47{display:grid;place-items:center;width:30px;height:30px;border-radius:11px;background:#e8f9ed;color:#17a747;font-style:normal}.shared-trip-verified-v47 svg{width:17px;height:17px}.shared-trip-car-data-v47{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.shared-trip-car-data-v47>div{min-width:0;padding:11px 12px;border:1px solid #e1e9e4;border-radius:15px;background:#fafcfb}.shared-trip-car-data-v47 small,.shared-trip-car-data-v47 b{display:block}.shared-trip-car-data-v47 small{color:#859089;font-size:8px;font-weight:800;letter-spacing:.08em}.shared-trip-car-data-v47 b{overflow:hidden;margin-top:4px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.shared-trip-call-v47{display:flex;align-items:center;gap:10px;margin-top:9px;padding:12px 14px;border-radius:16px;background:#17291e;color:#fff;text-decoration:none}.shared-trip-call-v47>svg{width:21px;height:21px;color:#8ff05a}.shared-trip-call-v47>span{display:grid}.shared-trip-call-v47 b{font-size:11px}.shared-trip-call-v47 small{margin-top:2px;color:#aebbb3;font-size:9px}

/* Driver verification is a calm status badge, not a loose checkmark. */
.assigned-driver-v35 small.verified-driver-badge-v47{display:inline-flex!important;align-items:center;justify-self:start;gap:5px;width:max-content;margin-top:2px;padding:4px 8px 4px 5px;border:1px solid #cfeeda;border-radius:999px;background:#effaf3;color:#168942;font-size:8.5px;font-weight:800;line-height:1}.assigned-driver-v35 small.verified-driver-badge-v47 svg{width:14px!important;height:14px!important;flex:0 0 14px}.assigned-driver-v35 small.verified-driver-badge-v47 strong{font:inherit;white-space:nowrap}

/* Tab counters v47: independent badges that never collide with labels. */
.tabbar .tab{position:relative!important;min-width:0!important;overflow:visible!important}.tabbar .tab>span{display:block!important;width:100%!important;min-width:0!important;padding:0 2px!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.tabbar .tab>.tab-count{position:absolute!important;z-index:3!important;top:5px!important;right:calc(50% - 23px)!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;min-width:16px!important;width:auto!important;height:16px!important;padding:0 4px!important;border:2px solid #fff!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;box-shadow:0 3px 8px rgba(239,68,68,.28)!important;font-size:8px!important;font-style:normal!important;font-weight:850!important;line-height:1!important}.tabbar .tab.active>.tab-count{border-color:#eafbe5!important}
@media(max-width:380px){.tabbar .tab>span{font-size:8.5px!important;letter-spacing:-.02em!important}.tabbar .tab>.tab-count{right:calc(50% - 21px)!important}}

/* Karuca iOS visual system v48. Native SF typography first; no bundled webfont. */
:root{
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",sans-serif!important;
  --karuca-ios-bg:#f2f2f7;
  --karuca-ios-card:#fff;
  --karuca-ios-text:#1c1c1e;
  --karuca-ios-secondary:#6c6c70;
  --karuca-ios-separator:rgba(60,60,67,.14);
  --karuca-brand-dark:#102118;
  --karuca-brand-green:#62d84e;
  --karuca-brand-lime:#9bf15d;
}
html,body,button,input,select,textarea{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",sans-serif!important;
  font-feature-settings:normal!important;
  font-kerning:normal!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
body{color:var(--karuca-ios-text)!important;background:var(--karuca-ios-bg)!important}
button,input,select,textarea{letter-spacing:-.01em!important}
h1,h2,h3,.brand-word{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Segoe UI",sans-serif!important}

/* Profile v48 — native iOS grouping with Karuca's graphite/lime identity. */
.profile-page{gap:14px!important;padding:14px 12px 30px!important;background:var(--karuca-ios-bg)!important}
.profile-page .profile-hero{overflow:visible!important;padding:18px!important;border:0!important;border-radius:28px!important;background:#fff!important;color:var(--karuca-ios-text)!important;box-shadow:0 8px 30px rgba(16,33,24,.08)!important}
.profile-page .profile-hero:after{content:""!important;position:absolute!important;z-index:0!important;right:0!important;top:0!important;width:150px!important;height:120px!important;border-radius:0 28px 0 100%!important;background:linear-gradient(145deg,rgba(155,241,93,.20),rgba(98,216,78,.04))!important;opacity:1!important;pointer-events:none!important}
.profile-page .profile-identity{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-height:76px!important;padding:0 48px 0 0!important}
.profile-page .avatar-wrap{align-self:start!important;width:68px!important;height:72px!important}
.profile-page .avatar{width:64px!important;height:64px!important;border:3px solid #fff!important;border-radius:22px!important;background:var(--karuca-brand-dark)!important;box-shadow:0 7px 18px rgba(16,33,24,.16)!important}
.profile-page .avatar-edit,.profile-page .avatar-remove{width:24px!important;height:24px!important;border:2px solid #fff!important;font-size:12px!important;box-shadow:0 3px 8px rgba(0,0,0,.12)!important}
.profile-page .avatar-edit{right:0!important;bottom:5px!important;background:var(--karuca-brand-dark)!important;color:var(--karuca-brand-lime)!important}.profile-page .avatar-remove{left:-3px!important;bottom:5px!important;background:#fff!important;color:#ff3b30!important}
.profile-page .profile-identity-copy-v34{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:center!important;gap:2px!important;min-width:0!important}
.profile-page .profile-identity-copy-v34 h1{margin:0!important;color:var(--karuca-ios-text)!important;font-size:20px!important;font-weight:760!important;line-height:1.12!important;letter-spacing:-.035em!important}
.profile-page .profile-identity-copy-v34 p{margin:1px 0 0!important;color:var(--karuca-ios-secondary)!important;font-size:11px!important;line-height:1.3!important}
.profile-page .profile-rating-v34{display:grid!important;grid-template-columns:auto auto auto!important;align-items:center!important;justify-content:start!important;gap:7px!important;width:max-content!important;max-width:100%!important;margin-top:7px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:1!important}
.profile-page .profile-rating-stars-v34{display:flex!important;align-items:center!important;gap:1px!important;flex:0 0 auto!important;height:14px!important;color:#d8d8dc!important}
.profile-page .profile-rating-stars-v34 i{display:grid!important;place-items:center!important;width:13px!important;height:13px!important;flex:0 0 13px!important;color:#d8d8dc!important}.profile-page .profile-rating-stars-v34 i.filled{color:#ffb21a!important}.profile-page .profile-rating-stars-v34 svg{display:block!important;width:13px!important;height:13px!important}
.profile-page .profile-rating-v34>b{color:var(--karuca-ios-text)!important;font-size:12px!important;font-weight:760!important;line-height:14px!important}.profile-page .profile-rating-v34>small{padding-left:7px!important;border-left:1px solid var(--karuca-ios-separator)!important;color:var(--karuca-ios-secondary)!important;font-size:9px!important;line-height:14px!important;white-space:nowrap!important}
.profile-page .profile-settings{position:absolute!important;z-index:3!important;top:18px!important;right:18px!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:14px!important;background:rgba(242,242,247,.92)!important;color:#303a33!important;box-shadow:none!important}.profile-page .profile-settings svg{width:19px!important;height:19px!important}
.profile-page .wallet-grid{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:17px!important}
.profile-page .wallet-card{min-height:86px!important;padding:14px!important;border:0!important;border-radius:19px!important;background:#f2f3f6!important;color:var(--karuca-ios-text)!important;box-shadow:none!important;text-align:left!important}.profile-page .wallet-card small{color:#8a8a8e!important;font-size:9px!important}.profile-page .wallet-card strong{margin-top:7px!important;color:var(--karuca-ios-text)!important;font-size:22px!important;font-weight:760!important;line-height:1!important}.profile-page .wallet-card span{margin-top:7px!important;color:#8a8a8e!important;font-size:8px!important}
.profile-page .donation-card-v41{position:relative!important;z-index:1!important;margin-top:10px!important;padding:13px!important;border:0!important;border-radius:19px!important;background:var(--karuca-brand-dark)!important;color:#fff!important;box-shadow:none!important}.profile-page .donation-star-v41{width:42px!important;height:42px!important;border-radius:14px!important;background:var(--karuca-brand-lime)!important;color:var(--karuca-brand-dark)!important;filter:none!important;font-size:21px!important}.profile-page .donation-card-v41 small{color:var(--karuca-brand-lime)!important}.profile-page .donation-card-v41 strong{color:#fff!important}.profile-page .donation-card-v41 em{color:#acb9b0!important}.profile-page .donation-card-v41>i{color:#d6ded8!important}
.profile-page .cash-policy-card-v40{position:relative!important;z-index:1!important;margin-top:9px!important;padding:13px!important;border:1px solid rgba(50,180,86,.18)!important;border-radius:19px!important;background:#f2faf4!important;color:var(--karuca-ios-text)!important}.profile-page .cash-policy-card-v40>span{background:#30c964!important;color:#fff!important}.profile-page .cash-policy-card-v40 small{color:#29894a!important}.profile-page .cash-policy-card-v40 strong{font-size:13px!important}.profile-page .cash-policy-card-v40 em{color:#6f7872!important}
.profile-page .profile-menu,.profile-page .driver-mode-card,.profile-page .profile-partner-card,.profile-page .profile-editor{border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 5px 20px rgba(16,33,24,.055)!important}.profile-page .profile-menu button,.profile-page .driver-mode-card button,.profile-page .profile-partner-card button{min-height:64px!important;background:#fff!important}.profile-page .profile-menu button+button{border-top:1px solid var(--karuca-ios-separator)!important}.profile-page .menu-icon{border-radius:14px!important;background:#edf7ef!important;color:#278c48!important}
@media(max-width:370px){.profile-page .profile-identity{grid-template-columns:60px minmax(0,1fr)!important;gap:10px!important;padding-right:42px!important}.profile-page .avatar-wrap{width:60px!important}.profile-page .avatar{width:58px!important;height:58px!important;border-radius:19px!important}.profile-page .profile-rating-v34>small{display:none!important}.profile-page .profile-rating-stars-v34 i,.profile-page .profile-rating-stars-v34 svg{width:11px!important;height:11px!important;flex-basis:11px!important}}

/* Karuca Maps v48 — quiet cartography, branded controls and route contrast. */
.leaflet-container{background:#eaf0ec!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif!important}.leaflet-tile-pane{filter:saturate(.72) contrast(.96) brightness(1.025) hue-rotate(8deg)}.leaflet-control-zoom,.map-toolbar{border:1px solid rgba(26,54,37,.10)!important;border-radius:15px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(16,33,24,.12)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.map-btn{color:var(--karuca-brand-dark)!important}.leaflet-popup-content-wrapper{border:1px solid rgba(26,54,37,.10)!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(16,33,24,.15)!important}.leaflet-popup-tip{box-shadow:none!important}

/* Assigned vehicle v49: model, body type and plate get their own measured space. */
.assigned-car-v35{grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important}.assigned-car-v35>div:not(.assigned-car-meta-v49){min-width:0!important}.assigned-car-v35>div:not(.assigned-car-meta-v49)>b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.assigned-car-meta-v49{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:3px!important}.assigned-car-detail-v49{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:center!important;min-width:0!important;min-height:45px!important;padding:7px 10px!important;border:1px solid #dfe7e2!important;border-radius:12px!important;background:#fff!important}.assigned-car-detail-v49>small{display:block!important;margin-bottom:4px!important;color:#8b948e!important;font-size:7px!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important}.assigned-car-detail-v49 .car-type-tag{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important;color:#243029!important;font-size:10px!important;font-weight:760!important;white-space:nowrap!important}.assigned-car-detail-v49 .car-type-icon{width:18px!important;height:18px!important;flex:0 0 18px!important}.assigned-car-detail-v49>em{display:block!important;width:100%!important;padding:0!important;overflow:hidden!important;background:transparent!important;color:#152019!important;font-size:11px!important;font-style:normal!important;font-weight:850!important;letter-spacing:.025em!important;text-overflow:ellipsis!important;white-space:nowrap!important}.assigned-car-detail-v49.plate{border-color:#cfe8d6!important;background:#f6fcf7!important}
@media(max-width:340px){.assigned-car-meta-v49{grid-template-columns:1fr!important}}

/* Karuca 3D route map v50. */
.order-detail-map-v32 .mapboxgl-canvas{outline:0!important}.karuca-3d-point-v50{position:relative;display:grid;justify-items:center;width:38px;height:49px;filter:drop-shadow(0 7px 10px rgba(16,33,24,.20))}.karuca-3d-point-v50>b{position:relative;z-index:2;display:grid;place-items:center;width:30px;height:30px;border:3px solid #fff;border-radius:50%;background:#32c75a;color:#fff;font-size:12px;font-weight:850}.karuca-3d-point-v50.finish>b{background:#102118}.karuca-3d-point-v50>i{position:absolute;z-index:1;top:24px;width:12px;height:18px;background:#32c75a;clip-path:polygon(0 0,100% 0,50% 100%)}.karuca-3d-point-v50.finish>i{background:#102118}.karuca-3d-badge-v50{z-index:4!important;border:1px solid rgba(16,33,24,.10)!important;background:rgba(255,255,255,.92)!important;box-shadow:0 8px 22px rgba(16,33,24,.14)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}

/* Active taxi order v51 — compact iOS hierarchy, comfortable offer cards. */
.taxi-experience-ios .booking-panel{
  gap:12px!important;
  padding:18px 16px calc(25px + env(safe-area-inset-bottom))!important;
  border-radius:28px 28px 0 0!important;
  background:#f5f6f7!important;
}
.taxi-experience-ios .booking-options{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.taxi-experience-ios .booking-options button{
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr) 13px!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  height:58px!important;
  padding:8px 9px!important;
  border:1px solid rgba(37,61,46,.09)!important;
  border-radius:17px!important;
  background:#fff!important;
  color:var(--karuca-ios-text)!important;
  box-shadow:0 5px 16px rgba(16,33,24,.045)!important;
  text-align:left!important;
}
.taxi-experience-ios .booking-options button>svg{
  width:31px!important;height:31px!important;padding:8px!important;
  border-radius:11px!important;background:#edf7ef!important;color:#278c48!important;
}
.taxi-experience-ios .booking-options button>span{display:grid!important;min-width:0!important;gap:2px!important}
.taxi-experience-ios .booking-options button small{overflow:hidden!important;color:#8a8f8b!important;font-size:8px!important;font-weight:650!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.taxi-experience-ios .booking-options button b{overflow:hidden!important;font-size:10.5px!important;font-weight:720!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.taxi-experience-ios .booking-options button>i{color:#a2aaa5!important;font-size:18px!important;font-style:normal!important}
.taxi-experience-ios .price-section{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:78px!important;
  padding:13px 13px 13px 15px!important;
  border:1px solid rgba(37,61,46,.10)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(16,33,24,.045)!important;
}
.taxi-experience-ios .price-section h2{font-size:14px!important;font-weight:730!important;letter-spacing:-.025em!important}
.taxi-experience-ios .price-section p{max-width:230px!important;margin-top:4px!important;font-size:9px!important;line-height:1.35!important}
.taxi-experience-ios .price-input{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:auto!important;min-width:88px!important;height:52px!important;padding:0 13px!important;
  border:0!important;border-radius:16px!important;background:#f0f2f1!important;color:#142018!important;
}
.taxi-experience-ios .price-input strong{font-size:21px!important;font-weight:790!important;letter-spacing:-.04em!important}
.taxi-experience-ios .price-input span{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:8px!important;background:#fff!important;font-size:12px!important}
.taxi-experience-ios .order-feature-chips{display:flex!important;gap:6px!important;margin:0!important;padding:0 1px!important;overflow-x:auto!important;scrollbar-width:none!important}
.taxi-experience-ios .order-feature-chips::-webkit-scrollbar{display:none!important}
.taxi-experience-ios .order-feature-chips>span{flex:0 0 auto!important;padding:6px 9px!important;border:1px solid #e4e8e5!important;border-radius:999px!important;background:#fff!important;color:#55615a!important;font-size:8px!important;font-weight:700!important}
.taxi-experience-ios .offers-head{align-items:flex-start!important;margin-top:6px!important;padding:0 2px!important}
.taxi-experience-ios .offers-head h2{font-size:18px!important;font-weight:760!important;letter-spacing:-.035em!important}
.taxi-experience-ios .offers-head p{margin-top:3px!important;font-size:9px!important;line-height:1.35!important}
.taxi-experience-ios .offers-head>span{min-width:27px!important;height:27px!important;border-radius:10px!important;background:#e9f8ed!important;color:#188c41!important;font-weight:800!important}
.taxi-experience-ios .driver-offers{display:grid!important;gap:8px!important}
.taxi-experience-ios .driver-offer{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  min-height:86px!important;
  padding:12px!important;
  border:1px solid rgba(37,61,46,.10)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(16,33,24,.055)!important;
}
.taxi-experience-ios .offer-avatar{width:48px!important;height:48px!important;border:2px solid #fff!important;box-shadow:0 4px 12px rgba(16,33,24,.14)!important}
.taxi-experience-ios .offer-main{gap:3px!important;min-width:0!important}
.taxi-experience-ios .offer-main b{display:flex!important;align-items:center!important;gap:5px!important;font-size:11.5px!important;font-weight:760!important}
.taxi-experience-ios .offer-main b i{flex:0 0 auto!important;padding:3px 5px!important;border-radius:7px!important;background:#fff6df!important;color:#a76800!important;font-size:7.5px!important}
.taxi-experience-ios .offer-main small{color:#69736d!important;font-size:8.5px!important}
.taxi-experience-ios .offer-main em{color:#909792!important;font-size:8px!important}
.taxi-experience-ios .offer-price{align-items:flex-end!important;min-width:62px!important}
.taxi-experience-ios .offer-price b{font-size:18px!important;font-weight:790!important;letter-spacing:-.04em!important}
.taxi-experience-ios .offer-price small{
  min-width:58px!important;margin-top:6px!important;padding:6px 8px!important;border-radius:10px!important;
  background:var(--karuca-brand-dark)!important;color:#fff!important;font-size:8px!important;font-weight:760!important;line-height:1!important;text-align:center!important;
}
.taxi-experience-ios .driver-offer.confirmed{border-color:#bfe7c9!important;background:linear-gradient(110deg,#fff 58%,#f0fbf3)!important}
.taxi-experience-ios .driver-offer.confirmed .offer-price small{padding:0!important;background:transparent!important;color:#218943!important;line-height:1.2!important}
.taxi-experience-ios .primary-action#openActive{
  height:52px!important;margin-top:2px!important;border-radius:17px!important;
  background:var(--karuca-brand-dark)!important;color:#fff!important;
  box-shadow:0 9px 22px rgba(16,33,24,.16)!important;font-size:13px!important;font-weight:760!important;
}
.taxi-experience-ios .primary-action#openActive:active{background:#1b3324!important;transform:scale(.985)!important}
.taxi-experience-ios .safety-note{
  gap:9px!important;margin:0!important;padding:10px 3px 0!important;border:0!important;border-top:1px solid var(--karuca-ios-separator)!important;border-radius:0!important;background:transparent!important;
}
.taxi-experience-ios .safety-note>span{width:28px!important;height:28px!important;border:0!important;border-radius:10px!important;background:#eaf7ed!important;color:#258d46!important}
.taxi-experience-ios .safety-note b{font-size:9.5px!important;font-weight:700!important}.taxi-experience-ios .safety-note small{font-size:8px!important}

/* Profile editor v51 — native settings card instead of a raw form. */
.profile-page .profile-editor-v51{overflow:hidden!important;margin-bottom:16px!important}
.profile-page .profile-editor-v51 summary{
  display:grid!important;grid-template-columns:40px minmax(0,1fr) 20px!important;align-items:center!important;gap:11px!important;
  min-height:68px!important;padding:12px 14px!important;list-style:none!important;cursor:pointer!important;
}
.profile-page .profile-editor-v51 summary::-webkit-details-marker{display:none!important}
.profile-page .profile-editor-icon-v51{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:14px!important;background:#edf7ef!important;color:#278c48!important}
.profile-page .profile-editor-icon-v51 svg{width:19px!important;height:19px!important}
.profile-page .profile-editor-v51 summary>span:nth-child(2){display:grid!important;gap:3px!important;min-width:0!important}
.profile-page .profile-editor-v51 summary b{font-size:13px!important;font-weight:740!important}.profile-page .profile-editor-v51 summary small{color:#8a918c!important;font-size:9px!important;font-weight:500!important}
.profile-page .profile-editor-v51 summary>i{display:grid!important;place-items:center!important;color:#969d98!important;font-size:20px!important;font-style:normal!important;transition:transform .22s ease!important}
.profile-page .profile-editor-v51[open] summary>i{transform:rotate(180deg)!important}
.profile-page .profile-editor-v51[open] summary{border-bottom:1px solid var(--karuca-ios-separator)!important}
.profile-page .profile-editor-v51 .profile-editor-body{display:grid!important;gap:10px!important;padding:14px!important;background:#fafbfa!important}
.profile-page .profile-editor-v51 label{position:relative!important;display:block!important;margin:0!important}
.profile-page .profile-editor-v51 label>span{position:absolute!important;z-index:2!important;top:9px!important;left:14px!important;color:#858d87!important;font-size:8px!important;font-weight:650!important;pointer-events:none!important}
.profile-page .profile-editor-v51 input{
  box-sizing:border-box!important;width:100%!important;height:58px!important;padding:22px 14px 7px!important;
  border:1px solid #dde4df!important;border-radius:16px!important;background:#fff!important;color:#1d2520!important;
  box-shadow:none!important;font-size:13px!important;outline:none!important;
}
.profile-page .profile-editor-v51 input:focus{border-color:#7bd792!important;box-shadow:0 0 0 3px rgba(49,196,91,.10)!important}
.profile-page .profile-save-v51{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:50px!important;margin-top:2px!important;border-radius:16px!important;background:var(--karuca-brand-dark)!important;color:#fff!important;box-shadow:0 8px 20px rgba(16,33,24,.14)!important}
.profile-page .profile-save-v51 svg{width:17px!important;height:17px!important;color:var(--karuca-brand-lime)!important}
.profile-page .profile-role-v51{display:flex!important;align-items:center!important;justify-content:space-between!important;height:48px!important;margin:0!important;padding:0 14px!important;border:1px solid #e0e5e2!important;border-radius:16px!important;background:#fff!important;color:#303a34!important;font-size:11px!important;font-weight:690!important}
.profile-page .profile-role-v51 i{color:#98a09a!important;font-size:20px!important;font-style:normal!important}
@media(max-width:370px){
  .taxi-experience-ios .booking-options button{grid-template-columns:28px minmax(0,1fr) 10px!important;gap:6px!important;padding:7px!important}
  .taxi-experience-ios .booking-options button>svg{width:28px!important;height:28px!important;padding:7px!important}
  .taxi-experience-ios .price-section{grid-template-columns:minmax(0,1fr) 82px!important;padding-left:12px!important}
  .taxi-experience-ios .price-section p{font-size:8.2px!important}.taxi-experience-ios .price-input{min-width:82px!important;padding:0 10px!important}
}

/* Home v52 — one decisive entry point, without duplicate branding. */
.home-primary-v45{
  padding:23px 18px 17px!important;
  border:1px solid rgba(38,71,49,.09)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(131,235,102,.18),transparent 42%),
    linear-gradient(150deg,#fff 15%,#f8fcf9 100%)!important;
  box-shadow:0 14px 40px rgba(16,33,24,.08)!important;
}
.home-primary-v45:before{content:""!important;position:absolute!important;top:19px!important;left:18px!important;width:30px!important;height:4px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--karuca-brand-dark),var(--karuca-brand-lime))!important}
.home-primary-v45 .home-kicker-v45{display:none!important}
.home-primary-v45 h1{margin:13px 0 0!important;color:var(--karuca-ios-text)!important;font-size:31px!important;font-weight:790!important;line-height:1!important;letter-spacing:-.055em!important}
.home-primary-v45>p{margin:8px 0 16px!important;color:#6f7772!important;font-size:11px!important;line-height:1.35!important}
.home-page .home-search{
  min-height:66px!important;height:auto!important;padding:10px 12px!important;border:1px solid rgba(38,71,49,.10)!important;border-radius:20px!important;
  background:#fff!important;box-shadow:0 8px 22px rgba(16,33,24,.065)!important;color:var(--karuca-ios-text)!important;
}
.home-page .home-search .search-icon{width:44px!important;height:44px!important;border-radius:15px!important;background:var(--karuca-brand-dark)!important;color:var(--karuca-brand-lime)!important}
.home-page .home-search .search-icon svg{width:21px!important;height:21px!important}
.home-page .home-search b{font-size:14px!important;font-weight:760!important;letter-spacing:-.02em!important}.home-page .home-search small{color:#828984!important;font-size:9px!important}
.home-search-arrow-v45{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:11px!important;background:#eef7f0!important;color:#278e47!important;font-size:17px!important}
.home-assurance-v45{margin-top:13px!important;padding:0 3px!important;gap:15px!important}.home-assurance-v45 span{color:#56635a!important;font-size:8.5px!important;font-weight:670!important}.home-assurance-v45 svg{color:#28a94d!important}

/* Live order controls v52 — same interaction language as the rest of Karuca. */
.order-live-v32 .assigned-track-v35{
  min-height:54px!important;padding:8px 12px!important;border:0!important;border-radius:17px!important;
  background:var(--karuca-brand-dark)!important;color:#fff!important;box-shadow:0 8px 20px rgba(16,33,24,.15)!important;
}
.order-live-v32 .assigned-track-v35>svg{width:23px!important;height:23px!important;color:var(--karuca-brand-lime)!important}
.order-live-v32 .assigned-track-v35>span b{font-size:11.5px!important;font-weight:760!important}.order-live-v32 .assigned-track-v35>span small{color:#aebcb2!important;font-size:8px!important}
.order-live-v32 .chat-mini-v33{padding:13px!important;border:1px solid rgba(37,61,46,.10)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 7px 20px rgba(16,33,24,.05)!important}
.order-live-v32 .chat-mini-hd .btn{min-height:39px!important;padding:0 13px!important;border:1px solid #dfe6e1!important;border-radius:13px!important;background:#f5f8f6!important;color:#1e6f38!important;box-shadow:none!important;font-size:10px!important}
.order-live-v32 .chat-mini-preview{margin-top:10px!important;padding:11px 12px!important;border-radius:14px!important;background:#f4f6f5!important;color:#758079!important;font-size:8.5px!important;line-height:1.4!important}
.order-live-v32>hr{margin:4px 0!important;border:0!important;border-top:1px solid var(--karuca-ios-separator)!important}
.order-live-v32 .order-actions-v32{display:grid!important;gap:8px!important}
.order-live-v32 .order-actions-v32 .btn{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:50px!important;padding:0 14px!important;border-radius:16px!important;background:#fff!important;color:#17231c!important;
  border:1px solid #dce4df!important;box-shadow:none!important;font-size:10.5px!important;font-weight:720!important;
}
.order-live-v32 .order-actions-v32 .btn svg{width:18px!important;height:18px!important;color:#278e47!important}
.order-live-v32 .order-actions-v32 #shareTrip{background:#f1f6f2!important}
.order-live-v32 .order-actions-v32 .btn.danger{
  min-height:46px!important;border-color:rgba(255,59,48,.20)!important;background:#fff!important;color:#d9473f!important;font-weight:680!important;
}

/* Premium top-view vehicle marker v52. */
.karuca-car-marker-v52{border:0!important;background:none!important}
.karuca-car-wrap-v52{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border:0!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 7px 20px rgba(9,40,22,.24),0 0 0 1px rgba(16,33,24,.08)!important;transform-origin:50% 50%!important}
.karuca-car-wrap-v52 svg{display:block!important;width:42px!important;height:42px!important;filter:drop-shadow(0 2px 3px rgba(10,42,23,.18))!important}

/* Tracking v53 — the same Mapbox Standard 3D language as the order route. */
.tracking-v35 #mapTrack{position:relative!important;overflow:hidden!important;height:min(56vh,470px)!important;border:1px solid rgba(25,54,36,.10)!important;border-radius:22px!important;background:#e9efeb!important;box-shadow:0 13px 32px rgba(16,43,27,.11)!important}
.tracking-v35 #mapTrack .mapboxgl-canvas{outline:0!important}
.tracking-v35 #mapTrack .mapboxgl-ctrl-top-right{top:10px!important;right:10px!important}
.tracking-v35 #mapTrack .mapboxgl-ctrl-group{overflow:hidden!important;border:1px solid rgba(16,33,24,.10)!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 22px rgba(16,33,24,.13)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important}
.tracking-v35 #mapTrack .mapboxgl-ctrl-group button{width:38px!important;height:38px!important}
.karuca-mapbox-car-v53{display:grid!important;place-items:center!important;width:52px!important;height:52px!important}.karuca-mapbox-car-v53 .karuca-car-wrap-v52{width:50px!important;height:50px!important;border-radius:18px!important}.karuca-mapbox-car-v53 .karuca-car-wrap-v52 svg{width:44px!important;height:44px!important}
.tracking-live-v35{padding:1px 2px 2px!important}.tracking-live-v35 span{color:#258d46!important}.tracking-live-v35>b{background:#edf7ef!important;color:#526158!important}
.tracking-metrics-v35>div,.tracking-route-v35{border-color:rgba(37,61,46,.10)!important;border-radius:17px!important;box-shadow:0 5px 16px rgba(16,33,24,.04)!important}
.tracking-close-v35{min-height:48px!important;border-color:#dce4df!important;border-radius:16px!important;background:#fff!important;color:#17231c!important;font-weight:720!important}

/* Assigned ride v54 — no repeated selection once a driver is linked. */
.taxi-experience-ios .price-locked-v54 .price-input{background:#eef8f0!important;color:#1d8240!important;cursor:default!important}.taxi-experience-ios .price-locked-v54 .price-input span svg{width:14px!important;height:14px!important}
.assigned-summary-v54{display:grid!important;grid-template-columns:48px minmax(0,1fr) 34px!important;align-items:center!important;gap:11px!important;padding:13px!important;border:1px solid #cfe9d6!important;border-radius:20px!important;background:linear-gradient(120deg,#fff 55%,#effaf2)!important;box-shadow:0 7px 20px rgba(16,33,24,.05)!important}
.assigned-summary-v54>.offer-avatar{width:48px!important;height:48px!important}.assigned-summary-v54>span:nth-child(2){display:grid!important;gap:3px!important;min-width:0!important}.assigned-summary-v54 small{color:#278d48!important;font-size:7.5px!important;font-weight:820!important;letter-spacing:.08em!important}.assigned-summary-v54 b{overflow:hidden!important;font-size:12px!important;font-weight:770!important;text-overflow:ellipsis!important;white-space:nowrap!important}.assigned-summary-v54 em{color:#77817b!important;font-size:8.5px!important;font-style:normal!important}.assigned-summary-v54>i{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:12px!important;background:#dff5e5!important;color:#1f9a49!important}.assigned-summary-v54>i svg{width:18px!important;height:18px!important}
.new-order-v54{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:49px!important;margin:0!important;border:1px solid #dce4df!important;border-radius:16px!important;background:#fff!important;color:#183020!important;font-size:10.5px!important;font-weight:720!important}.new-order-v54 svg{width:17px!important;height:17px!important;color:#26944a!important}

/* Assigned vehicle v55 — the illustration is intentional and readable. */
.assigned-car-v35{grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important;padding:9px 10px 10px!important}
.assigned-car-v35>.assigned-car-art-v55{display:grid!important;place-items:center!important;width:58px!important;height:48px!important;border:0!important;border-radius:15px!important;background:linear-gradient(145deg,#eef9ef,#fff)!important;overflow:visible!important}
.assigned-car-art-v55 img{display:block!important;width:66px!important;height:48px!important;object-fit:contain!important;filter:drop-shadow(0 6px 7px rgba(14,44,26,.18))!important}
.assigned-car-detail-v49.body-type .car-type-tag{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;font-size:11px!important}
.assigned-car-detail-v49.body-type .car-type-icon{display:block!important;width:30px!important;height:24px!important;max-width:none!important;flex:none!important;object-fit:contain!important;filter:drop-shadow(0 3px 4px rgba(20,44,29,.14))!important}
@media(max-width:390px){.tracking-v35 #mapTrack{height:49vh!important;min-height:310px!important}}

/* Karuca cartography v56 — quieter framing and one visual language on every 3D map. */
.order-detail-map-v32,.tracking-v35 #mapTrack{isolation:isolate!important}
.order-detail-map-v32:after,.tracking-v35 #mapTrack:after{content:""!important;position:absolute!important;z-index:3!important;inset:0!important;border-radius:inherit!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),inset 0 -38px 58px rgba(15,38,23,.045)!important;pointer-events:none!important}
.order-detail-map-v32 .mapboxgl-map,.tracking-v35 #mapTrack .mapboxgl-map{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif!important}
.order-detail-map-v32 .karuca-3d-point-v50,.tracking-v35 #mapTrack .karuca-3d-point-v50{z-index:5!important}

/* v58 — calmer information architecture: one task, one brand mention, one close action. */
.orders-filters-v58{
  position:sticky!important;z-index:8!important;top:0!important;
  display:flex!important;gap:6px!important;overflow-x:auto!important;
  margin:2px 0 17px!important;padding:5px!important;
  border:1px solid rgba(28,56,37,.08)!important;border-radius:17px!important;
  background:rgba(247,250,248,.94)!important;
  box-shadow:0 8px 24px rgba(16,33,24,.055)!important;
  scrollbar-width:none!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
.orders-filters-v58::-webkit-scrollbar{display:none!important}
.orders-filters-v58 button{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  min-height:44px!important;padding:0 13px!important;border:0!important;border-radius:13px!important;
  background:transparent!important;color:#69736c!important;font:700 10px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif!important;
  white-space:nowrap!important;
}
.orders-filters-v58 button i{display:grid!important;place-items:center!important;min-width:22px!important;height:22px!important;padding:0 5px!important;border-radius:8px!important;background:#e9eeeb!important;color:#69736c!important;font-size:8px!important;font-style:normal!important}
.orders-filters-v58 button.active{background:var(--karuca-brand-dark)!important;color:#fff!important;box-shadow:0 6px 16px rgba(16,33,24,.16)!important}
.orders-filters-v58 button.active i{background:var(--karuca-brand-lime)!important;color:#102118!important}
.orders-section[hidden]{display:none!important}
.orders-page .premium-section-head{margin-bottom:9px!important;padding:0 3px!important}
.orders-page .premium-section-head h2{font-size:19px!important;font-weight:780!important;letter-spacing:-.035em!important}
.orders-page .premium-section-head .section-kicker{display:none!important}

.order-optional-v58{overflow:hidden!important;padding:0!important}
.order-optional-v58>summary{
  display:grid!important;grid-template-columns:42px minmax(0,1fr) 20px!important;align-items:center!important;gap:11px!important;
  min-height:68px!important;padding:10px 13px!important;list-style:none!important;cursor:pointer!important;
}
.order-optional-v58>summary::-webkit-details-marker{display:none!important}
.order-optional-v58>summary>span{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:14px!important;background:#edf7ef!important;color:#238c46!important}
.order-optional-v58>summary>span svg{width:19px!important;height:19px!important}
.order-optional-v58>summary>div{display:grid!important;gap:3px!important;min-width:0!important}
.order-optional-v58>summary b{font-size:12px!important;font-weight:760!important;color:#17231c!important}
.order-optional-v58>summary small{overflow:hidden!important;color:#818a84!important;font-size:8.5px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.order-optional-v58>summary>i{color:#929a95!important;font-size:18px!important;font-style:normal!important;transition:transform .2s ease!important}
.order-optional-v58[open]>summary{border-bottom:1px solid var(--karuca-ios-separator)!important}
.order-optional-v58[open]>summary>i{transform:rotate(180deg)!important}
.order-optional-body-v58{padding:13px!important;background:#fafcfb!important}

.carpool-mode-v58{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;
  padding:5px!important;border:1px solid rgba(32,62,42,.09)!important;border-radius:20px!important;background:#edf2ef!important;
}
.carpool-mode-v58 button{
  display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;
  min-height:62px!important;padding:8px 10px!important;border:0!important;border-radius:16px!important;background:transparent!important;color:#69736d!important;text-align:left!important;
}
.carpool-mode-v58 button>svg{width:19px!important;height:19px!important;margin:auto!important}
.carpool-mode-v58 button>span{display:grid!important;gap:3px!important}.carpool-mode-v58 button b{font-size:10.5px!important;font-weight:760!important}.carpool-mode-v58 button small{font-size:7.5px!important;color:#8a928d!important}
.carpool-mode-v58 button.active{background:#fff!important;color:#183421!important;box-shadow:0 6px 18px rgba(16,33,24,.10)!important}
.carpool-mode-v58 button.active>svg{color:#23a64a!important}.carpool-mode-v58 button.active small{color:#579269!important}

.message-row{min-height:76px!important}
.message-tools-v37 input{min-height:44px!important}

.map-picker-canvas-v11 .mapboxgl-map,.map-picker-canvas-v11 .mapboxgl-canvas{width:100%!important;height:100%!important}
.map-picker-canvas-v11 .mapboxgl-ctrl-logo,.map-picker-canvas-v11 .mapboxgl-ctrl-attrib{display:none!important}
.map-picker-controls-v11 button.is-loading{color:#2a9f4b!important;animation:karuca-location-pulse-v58 1s ease-in-out infinite!important}
.map-picker-controls-v11 button:disabled{opacity:.72!important}
.picker-driver-v58{transform:scale(.82)!important}
@keyframes karuca-location-pulse-v58{50%{transform:scale(.9);box-shadow:0 0 0 8px rgba(42,185,83,.12)!important}}

.parcel-history-v58{overflow:hidden!important;margin-top:4px!important;border:1px solid rgba(32,62,42,.09)!important;border-radius:20px!important;background:#fff!important}
.parcel-history-v58>summary{display:grid!important;grid-template-columns:40px minmax(0,1fr) 20px!important;align-items:center!important;gap:10px!important;min-height:66px!important;padding:11px 13px!important;list-style:none!important}
.parcel-history-v58>summary::-webkit-details-marker{display:none!important}
.parcel-history-v58>summary>span{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:14px!important;background:#edf7ef!important;color:#248d47!important}
.parcel-history-v58>summary>span svg{width:18px!important;height:18px!important}
.parcel-history-v58>summary>div{display:grid!important;gap:3px!important}.parcel-history-v58>summary b{font-size:11.5px!important}.parcel-history-v58>summary small{color:#89918c!important;font-size:8px!important}
.parcel-history-v58>summary>i{font-size:18px!important;font-style:normal!important;color:#929a95!important;transition:transform .2s ease!important}.parcel-history-v58[open]>summary>i{transform:rotate(180deg)!important}
.parcel-history-body-v58{display:grid!important;gap:8px!important;padding:0 10px 10px!important;border-top:1px solid var(--karuca-ios-separator)!important}

@media(max-width:380px){
  .orders-filters-v58 button{padding:0 11px!important}
  .carpool-mode-v58 button{grid-template-columns:30px minmax(0,1fr)!important;gap:6px!important;padding:7px!important}
  .carpool-mode-v58 button>svg{width:17px!important;height:17px!important}
}

/* Saved places are actual destination shortcuts, not decorative navigation. */
.saved-places-v58{--sp-ink:#101814;display:grid;gap:14px;padding:2px 1px 8px;color:var(--sp-ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif}
.saved-places-v58>header{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #dce7df;border-radius:22px;background:linear-gradient(145deg,#f8fffa 0%,#eff9f2 100%)}
.saved-places-v58>header>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:14px;background:#0b2014;color:#5ee786;box-shadow:0 9px 22px rgba(10,31,19,.16)}
.saved-places-v58>header .ui-icon{width:20px;height:20px}
.saved-places-v58 h2{margin:0;font-size:18px;line-height:1.14;letter-spacing:-.035em}
.saved-places-v58 p{margin:5px 0 0;color:#6f7b74;font-size:12px;line-height:1.35}
.saved-place-list-v58{overflow:hidden;border:1px solid #dfe7e1;border-radius:21px;background:#fff;box-shadow:0 15px 34px rgba(17,35,24,.07)}
.saved-place-row-v58{display:grid;grid-template-columns:44px minmax(0,1fr) 38px;align-items:center;gap:10px;min-height:74px;padding:9px 11px;border-bottom:1px solid #edf1ee}
.saved-place-row-v58:last-child{border-bottom:0}
.saved-place-icon-v58{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eef8f1;color:#168b46}
.saved-place-icon-v58 .ui-icon{width:19px;height:19px}
.saved-place-row-v58>button:not(.saved-place-edit-v58){min-width:0;padding:8px 0;border:0;background:none;text-align:left;color:inherit}
.saved-place-row-v58 b,.saved-place-row-v58 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saved-place-row-v58 b{font-size:14px;line-height:1.25;letter-spacing:-.018em}
.saved-place-row-v58 small{margin-top:4px;color:#758078;font-size:11px}
.saved-place-edit-v58{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #dce5de;border-radius:12px;background:#f8faf8;color:#147e40;font-size:20px;font-weight:500}
.saved-place-edit-v58 .ui-icon{width:16px;height:16px}
.saved-place-edit-v58.danger{color:#b34747}
.saved-place-add-v58{min-height:50px!important;border:1px solid #bddfca!important;border-radius:16px!important;background:#f2fbf5!important;color:#116d38!important;box-shadow:none!important;font-weight:760!important}
.saved-place-add-v58 .ui-icon{width:17px;height:17px}

/* One service label + one tariff badge: no repeated “Standard”. */
.order-live-v32 .order-modal-heading{align-items:center!important}
.order-heading-service-v58{display:flex;align-items:center;gap:11px;min-width:0}
.order-heading-service-v58>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d9e9dd;border-radius:15px;background:linear-gradient(145deg,#effbf2,#fff);color:#129247}
.order-heading-service-v58>span svg,.order-heading-service-v58>span .ui-icon{width:23px!important;height:23px!important}
.order-heading-service-v58>div>small{display:block;margin-bottom:2px;color:#7b847e;font-size:8px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}
.order-heading-service-v58 .h2{font-size:21px!important}
.order-live-v32 .order-class-badge{display:flex!important;flex-direction:column;align-items:flex-start;gap:1px;min-width:82px;padding:8px 12px!important;border-color:#d8e7dc!important;border-radius:14px!important;background:#f6faf7!important;color:#101814!important}
.order-live-v32 .order-class-badge small{color:#738078;font-size:7px;font-weight:760;letter-spacing:.09em;text-transform:uppercase}
.order-live-v32 .order-class-badge b{font-size:11px;font-weight:790}
.order-live-v32 .order-details-grid:empty{display:none!important}

/* Native iOS-first typography with the platform system face on Android. */
:root{--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Roboto","Segoe UI",sans-serif!important}
html,body,button,input,select,textarea{font-family:var(--font)!important;font-synthesis:none!important;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important}

/* Transfer formats use bespoke Karuca artwork instead of emoji. */
.transfer-kind-card-v25>.transfer-kind-art-v60{display:grid!important;width:48px!important;height:48px!important;margin:0 0 12px!important;place-items:center!important;border:1px solid #dcece1!important;border-radius:16px!important;background:linear-gradient(145deg,#f3fbf5,#fff)!important;box-shadow:0 8px 20px rgba(12,54,29,.08)!important}
.transfer-kind-art-v60 svg{display:block;width:42px!important;height:42px!important}
.transfer-kind-card-v25.active>.transfer-kind-art-v60{background:linear-gradient(145deg,#dff9e7,#f8fffa)!important;color:#0b753b!important}
.transfer-kind-card-v25 b{font-size:14px!important;font-weight:650!important;letter-spacing:-.02em!important}

/* Trip facts remain compact and wrap safely in narrow Telegram viewports. */
.order-live-v32 .order-trip-meta-v32{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-bottom:10px!important}
.order-live-v32 .order-trip-meta-v32>span{flex:0 1 auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important;line-height:1.2!important}
.order-live-v32 .order-trip-meta-v32>span:first-child{white-space:nowrap!important}
.order-live-v32 .order-details-grid:empty{display:none!important;margin:0!important}

/* Driver cockpit: calm iOS hierarchy, compact routes and dependable targets. */
.driver-line-page{font-family:var(--font)!important}
.driver-line-page .driver-line-hero h1{font-size:30px!important;font-weight:700!important;letter-spacing:-.035em!important}
.driver-line-page .driver-line-hero p{max-width:260px;font-size:14px!important;font-weight:400!important;line-height:1.45!important}
.driver-active-order-v42{padding:16px!important;border-radius:24px!important}
.driver-active-head-v60{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.driver-active-head-v60 small{display:block;margin-bottom:3px;color:#148b43;font-size:9px;font-weight:700;letter-spacing:.1em}
.driver-active-head-v60 h2{margin:0;color:#111914;font-size:21px;font-weight:700;letter-spacing:-.035em}
.driver-active-head-v60>.tag{flex:0 0 auto;padding:7px 10px!important;font-size:10px!important;font-weight:600!important}
.driver-active-body-v60{padding:13px;border:1px solid #e1e8e3;border-radius:19px;background:#fbfdfb}
.driver-active-route-v60{display:grid}
.driver-active-route-v60>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center}
.driver-active-route-v60>div>i{display:grid;width:28px;height:28px;place-items:center;border-radius:10px;background:#22c55e;color:#fff;font-size:10px;font-style:normal;font-weight:700}
.driver-active-route-v60>div:last-child>i{background:#101914}
.driver-active-route-v60>em{width:1px;height:12px;margin:-2px 0 -2px 13.5px;background:#d7dfd9}
.driver-active-route-v60 span{min-width:0}
.driver-active-route-v60 small,.driver-active-route-v60 b{display:block}
.driver-active-route-v60 small{margin-bottom:2px;color:#89938c;font-size:8px;font-weight:650;letter-spacing:.075em}
.driver-active-route-v60 b{overflow-wrap:anywhere;color:#172019;font-size:13px;font-weight:600;line-height:1.35;letter-spacing:-.01em}
.driver-active-meta-v60{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.driver-active-meta-v60>span{display:inline-flex;align-items:center;gap:5px;min-height:31px;padding:0 9px;border:1px solid #e2e8e4;border-radius:10px;background:#fff;color:#667169;font-size:10px;font-weight:500}
.driver-active-meta-v60 .ui-icon{width:14px!important;height:14px!important;color:#168b45}
.driver-active-actions-v60{display:block!important}
.driver-active-actions-v60 .btn{display:flex!important;width:100%;min-height:48px;align-items:center;justify-content:center;gap:10px;border-radius:15px!important;font-size:14px!important;font-weight:650!important}
.driver-active-actions-v60 .btn i{font-style:normal}
.driver-line-page .premium-section-head h2,.driver-line-page>.h2{font-weight:700!important;letter-spacing:-.035em!important}
.driver-job-route>span{font-weight:550!important;line-height:1.35!important}
.driver-job-head b{font-weight:700!important}
@media(max-width:360px){
  .order-live-v32 .order-trip-meta-v32{gap:6px!important}
  .order-live-v32 .order-trip-meta-v32>span{padding:0 8px!important;font-size:9px!important}
  .driver-active-order-v42{padding:13px!important}
  .driver-active-route-v60 b{font-size:12px}
}

/* Home shortcuts: two destinations plus a clearly different places manager. */
.home-page .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.home-page .quick-grid button{position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 18px!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;min-height:78px!important;padding:11px!important;text-align:left!important}
.home-page .quick-grid button>span{grid-row:1/3!important;align-self:center!important;margin:0!important}
.home-page .quick-grid button>b{grid-column:2!important;align-self:end!important;font-size:12px!important}
.home-page .quick-grid button>small{grid-column:2!important;align-self:start!important;overflow:hidden!important;margin-top:2px!important;font-size:9px!important;line-height:1.25!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.home-page .quick-grid button>i{grid-column:3!important;grid-row:1/3!important;color:#738078!important;font-size:15px!important;font-style:normal!important}
.home-page .quick-grid button[data-quick="favorite"]{grid-column:1/-1!important;min-height:72px!important;background:linear-gradient(135deg,#f8fcf9,#f1f8f3)!important}
.home-page .quick-grid button[data-quick="favorite"]>small{white-space:normal!important}
@media(max-width:360px){
  .home-page .quick-grid{grid-template-columns:1fr!important}
  .home-page .quick-grid button[data-quick="favorite"]{grid-column:auto!important}
}

.legal-document-v59{display:grid;gap:12px;padding:1px 0 8px;color:#131b16;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Arial,sans-serif}
.legal-document-v59>header{display:flex;gap:13px;padding:17px;border:1px solid #d7e6dc;border-radius:22px;background:linear-gradient(145deg,#f8fff9,#eef8f1)}
.legal-document-v59>header>span{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:15px;background:#0b2114;color:#61e68a}
.legal-document-v59>header>span .ui-icon{width:21px;height:21px}
.legal-document-v59>header small{color:#168744;font-size:8px;font-weight:800;letter-spacing:.12em}
.legal-document-v59 h2{margin:3px 0 0;font-size:19px;line-height:1.12;letter-spacing:-.035em}
.legal-document-v59>header p{margin:5px 0 0;color:#6e7a72;font-size:11px;line-height:1.35}
.legal-summary-v59{padding:12px 14px;border-left:3px solid #27bd5a;border-radius:4px 14px 14px 4px;background:#f2f8f4;color:#34503e;font-size:11px;font-weight:650;line-height:1.45}
.legal-document-v59>section{display:grid;grid-template-columns:29px minmax(0,1fr);gap:10px;padding:14px 4px;border-bottom:1px solid #e8eeea}
.legal-document-v59>section>span{padding-top:2px;color:#1a9a4c;font-size:9px;font-weight:850;letter-spacing:.08em}
.legal-document-v59 h3{margin:0;font-size:13px;line-height:1.3;letter-spacing:-.015em}
.legal-document-v59>section p{margin:5px 0 0;color:#59635d;font-size:11px;line-height:1.55}
.legal-document-v59 footer{padding-top:4px}.legal-document-v59 footer .btn{width:100%;min-height:50px;border-radius:16px}
.order-legal-note-v59{display:flex;align-items:flex-start;gap:8px;margin:0 4px 4px;padding:3px 2px;color:#7b847e;font-size:8px;line-height:1.4}
.order-legal-note-v59>.ui-icon{flex:0 0 13px;width:13px;height:13px;color:#248c48}
.order-legal-note-v59 button{padding:0;border:0;background:none;color:#147c3e;font:inherit;font-weight:760;text-decoration:underline;text-underline-offset:2px}

/* v61 — Telegram modal lifecycle and stable mobile viewport. */
:root{--karuca-viewport-height:100dvh}
html.modal-open-v61,body.modal-open-v61{
  height:var(--karuca-viewport-height)!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.modal-open-v61 #app{height:var(--karuca-viewport-height)!important;overflow:hidden!important}
#modal{
  height:var(--karuca-viewport-height)!important;
  max-height:var(--karuca-viewport-height)!important;
  overflow:hidden!important;
}
#modal .modal-inner{
  height:var(--karuca-viewport-height)!important;
  max-height:var(--karuca-viewport-height)!important;
  min-height:0!important;
}
#modal .modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
#modal .modal-header .btn{min-width:64px!important;min-height:44px!important}

/* v61 — service tiles keep artwork, copy and affordance in separate columns. */
.home-page .service-grid{align-items:stretch!important}
body .home-page .service-tile{
  grid-template-columns:78px minmax(0,1fr) 18px!important;
  grid-template-rows:1fr!important;
  column-gap:10px!important;
  min-height:126px!important;
  padding:13px 12px!important;
  align-items:center!important;
}
body .home-page .service-tile .service-art{
  grid-column:1!important;
  grid-row:1!important;
  width:78px!important;
  min-width:78px!important;
  height:78px!important;
  overflow:hidden!important;
}
body .home-page .service-tile .service-art>.ico,
body .home-page .service-tile .service-art .ico img{
  width:70px!important;
  height:68px!important;
  max-width:none!important;
  filter:none!important;
}
body .home-page .service-tile>span:nth-child(2){
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  padding:0!important;
}
body .home-page .service-tile strong{
  overflow-wrap:anywhere!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.16!important;
}
body .home-page .service-tile small{
  overflow-wrap:anywhere!important;
  font-size:11px!important;
  line-height:1.28!important;
}
body .home-page .service-tile>i{
  position:static!important;
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  width:18px!important;
  color:#728178!important;
  font-size:17px!important;
  line-height:1!important;
}
body .home-page .home-roadside-v45{
  grid-template-columns:88px minmax(0,1fr) 22px!important;
  min-height:112px!important;
  padding:12px 14px!important;
  align-items:center!important;
}
body .home-page .home-roadside-v45>span:first-child{
  width:88px!important;
  min-width:88px!important;
  height:78px!important;
  overflow:hidden!important;
}
body .home-page .home-roadside-v45>span:first-child .ico,
body .home-page .home-roadside-v45>span:first-child .ico img{
  width:76px!important;
  height:66px!important;
  filter:none!important;
}
body .home-page .home-roadside-v45>i{position:static!important;justify-self:end!important}
@media(max-width:430px){
  body .home-page .service-tile{
    grid-template-columns:64px minmax(0,1fr) 14px!important;
    column-gap:8px!important;
    min-height:112px!important;
    padding:10px!important;
  }
  body .home-page .service-tile .service-art{
    width:64px!important;min-width:64px!important;height:68px!important;
  }
  body .home-page .service-tile .service-art>.ico,
  body .home-page .service-tile .service-art .ico img{width:58px!important;height:58px!important}
  body .home-page .service-tile strong{font-size:13.5px!important}
  body .home-page .service-tile small{font-size:10px!important}
  body .home-page .home-roadside-v45{grid-template-columns:70px minmax(0,1fr) 18px!important;min-height:102px!important;gap:9px!important;padding:10px!important}
  body .home-page .home-roadside-v45>span:first-child{width:70px!important;min-width:70px!important;height:68px!important}
  body .home-page .home-roadside-v45>span:first-child .ico,
  body .home-page .home-roadside-v45>span:first-child .ico img{width:62px!important;height:58px!important}
}
@media(max-width:350px){
  .home-page .service-grid{grid-template-columns:1fr!important}
  body .home-page .service-tile{min-height:92px!important}
}

/* v62 — compact mobile cards: artwork and copy never share the same row. */
@media(max-width:430px){
  body .home-page .service-tile{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:68px auto!important;
    align-content:start!important;
    align-items:start!important;
    row-gap:8px!important;
    min-height:154px!important;
    padding:12px 12px 13px!important;
    overflow:hidden!important;
  }
  body .home-page .service-tile .service-art{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    width:72px!important;
    min-width:72px!important;
    height:68px!important;
    overflow:hidden!important;
  }
  body .home-page .service-tile .service-art>.ico,
  body .home-page .service-tile .service-art .ico,
  body .home-page .service-tile .service-art .ico img{
    display:grid!important;
    place-items:center!important;
    width:64px!important;
    max-width:64px!important;
    height:62px!important;
    max-height:62px!important;
    overflow:hidden!important;
    object-fit:contain!important;
  }
  body .home-page .service-tile>span:nth-child(2){
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    padding-right:17px!important;
  }
  body .home-page .service-tile strong{
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    font-size:14px!important;
    line-height:1.16!important;
  }
  body .home-page .service-tile small{
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  body .home-page .service-tile>i{
    position:absolute!important;
    right:11px!important;
    bottom:13px!important;
    width:auto!important;
    pointer-events:none!important;
  }
}

/* Client orders v95 — one calm full-width screen */
html[data-karuca-design="native-premium"] .orders-page{
  width:calc(100% + 20px)!important;
  max-width:none!important;
  margin:-8px -10px 0!important;
  padding:20px 16px 104px!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:16px!important;
  margin:0!important;
  padding:0 0 18px!important;
  border:0!important;
  border-bottom:1px solid #e7ebe8!important;
  border-radius:0!important;
  background:#fff!important;
  color:#101713!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero::after{
  display:none!important;
  content:none!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero .hero-kicker{
  color:#168447!important;
  font-size:9px!important;
  letter-spacing:.11em!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero h1{
  margin:5px 0 0!important;
  color:#101713!important;
  font-size:31px!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero p{
  max-width:250px!important;
  margin:7px 0 0!important;
  color:#6f7973!important;
  font-size:11px!important;
  line-height:1.4!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero-stats{
  align-self:end!important;
  display:flex!important;
  gap:14px!important;
  margin:0!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero-stats span{
  min-width:42px!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero-stats b{
  color:#101713!important;
  font-size:22px!important;
  line-height:1!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero-stats small{
  margin-top:5px!important;
  color:#7b857f!important;
  font-size:8px!important;
  white-space:nowrap!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-filters-v58{
  display:flex!important;
  gap:18px!important;
  width:100%!important;
  margin:0!important;
  padding:15px 0 0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  scrollbar-width:none!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-filters-v58::-webkit-scrollbar{
  display:none!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-filters-v58 button{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:0 0 9px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#737d77!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:700!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-filters-v58 button.active{
  border-bottom-color:#0b9f50!important;
  background:transparent!important;
  color:#101713!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-filters-v58 button i{
  min-width:auto!important;
  height:auto!important;
  margin-left:3px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:9px!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-section{
  margin-top:24px!important;
}
html[data-karuca-design="native-premium"] .orders-page .premium-section-head{
  margin:0 0 10px!important;
  padding:0 2px!important;
}
html[data-karuca-design="native-premium"] .orders-page .premium-section-head h2{
  color:#101713!important;
  font-size:20px!important;
  line-height:1.12!important;
}
html[data-karuca-design="native-premium"] .orders-page .section-status{
  min-width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#6e7872!important;
  font-size:12px!important;
  font-weight:800!important;
}
html[data-karuca-design="native-premium"] .orders-page .premium-order-list{
  gap:12px!important;
}
@media(max-width:390px){
  html[data-karuca-design="native-premium"] .orders-page{
    padding-inline:14px!important;
  }
  html[data-karuca-design="native-premium"] .orders-page .orders-hero{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  html[data-karuca-design="native-premium"] .orders-page .orders-hero-stats{
    justify-content:flex-start!important;
  }
}

/* Client order v87 — price belongs to the content flow */
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11{
  display:grid!important;
  grid-template-columns:auto 220px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:24px!important;
  padding:16px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .order-section-head-v11{
  justify-content:center!important;
  text-align:center!important;
  margin:0!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11{
  width:220px!important;
  max-width:100%!important;
  height:46px!important;
  margin:0!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  gap:6px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > button{
  width:40px!important;
  height:40px!important;
  min-height:40px!important;
  border-radius:11px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > label,
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 input{
  height:46px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 input{
  font-size:23px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .recommended-note-v26{
  display:none!important;
}
@media(max-width:350px){
  html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:10px!important;
  }
  html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11{
    width:100%!important;
    margin-left:0!important;
  }
}

/* Client order v86 — designed as one native details component */
html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips{
  margin-bottom:12px!important;
  padding:3px!important;
  border-radius:12px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips button{
  min-height:34px!important;
  font-size:11px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11{
  grid-template-columns:minmax(0,1.5fr) minmax(128px,.8fr)!important;
  border:1px solid #e1e5e2!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 > .field-shell-v11{
  min-height:82px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:7px!important;
  padding:11px 12px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 > .field-shell-v11 + .field-shell-v11{
  border-top:0!important;
  border-left:1px solid #e1e5e2!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 input[type="datetime-local"]{
  width:100%!important;
  max-width:none!important;
  height:32px!important;
  font-size:12px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios #passengerControl .counter-v11{
  width:100%!important;
  grid-template-columns:32px minmax(34px,1fr) 32px!important;
  gap:3px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios #passengerControl .counter-v11 button{
  width:32px!important;
  height:32px!important;
  min-height:32px!important;
  border-radius:9px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios #passengerControl .counter-v11 input{
  height:32px!important;
  font-size:14px!important;
}
@media(max-width:350px){
  html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11{
    grid-template-columns:1fr!important;
  }
  html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 > .field-shell-v11 + .field-shell-v11{
    border-left:0!important;
    border-top:1px solid #e1e5e2!important;
  }
}

/* Client order v84 — native compact trip details */
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-block-v11{
  padding:20px 16px!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-block-v11 .order-section-head-v11{
  margin-bottom:12px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-block-v11 .order-section-head-v11 h3{
  font-size:20px!important;
  letter-spacing:-.025em!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:3px!important;
  margin:0 0 14px!important;
  border:1px solid #e1e5e2!important;
  border-radius:13px!important;
  background:#f3f5f4!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips button{
  min-height:38px!important;
  padding:7px 5px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#626b65!important;
  font-size:12px!important;
  font-weight:650!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips button.on,
html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips button.active,
html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips button[aria-pressed="true"]{
  background:#fff!important;
  color:#111814!important;
  box-shadow:0 1px 3px rgba(18,28,22,.08)!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(150px,.75fr)!important;
  gap:0!important;
  border-top:1px solid #e7ebe8!important;
  border-bottom:1px solid #e7ebe8!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 > .field-shell-v11{
  min-width:0!important;
  min-height:86px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:8px!important;
  padding:12px 14px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 > .field-shell-v11 + .field-shell-v11{
  border-left:1px solid #e7ebe8!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 > .field-shell-v11 > span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#68716b!important;
  font-size:11px!important;
  font-weight:650!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 > .field-shell-v11 > span svg{
  width:16px!important;
  height:16px!important;
  color:#172019!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 input[type="datetime-local"]{
  width:100%!important;
  min-width:0!important;
  height:32px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111814!important;
  font-size:13px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios #passengerControl .counter-v11{
  width:100%!important;
  display:grid!important;
  grid-template-columns:34px minmax(42px,1fr) 34px!important;
  align-items:center!important;
  gap:4px!important;
  border:0!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios #passengerControl .counter-v11 button{
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid #dfe4e1!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111814!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios #passengerControl .counter-v11 input{
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111814!important;
  font-size:15px!important;
  font-weight:700!important;
  text-align:center!important;
  box-shadow:none!important;
}
@media(max-width:370px){
  html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11{
    grid-template-columns:1fr!important;
  }
  html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 > .field-shell-v11 + .field-shell-v11{
    border-left:0!important;
    border-top:1px solid #e7ebe8!important;
  }
}
@media(max-width:350px){
  body .home-page .service-tile{
    grid-template-columns:72px minmax(0,1fr) 16px!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    min-height:96px!important;
  }
  body .home-page .service-tile .service-art{grid-column:1!important;grid-row:1!important}
  body .home-page .service-tile>span:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
    padding-right:0!important;
  }
  body .home-page .service-tile>i{
    position:static!important;
    grid-column:3!important;
    grid-row:1!important;
  }
}

/* v63 — compact, optically aligned service cards for Telegram's narrow viewport. */
@media(max-width:430px){
  .home-page .service-grid{gap:10px!important}
  body .home-page .service-tile{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    align-content:center!important;
    column-gap:10px!important;
    min-height:116px!important;
    padding:12px 12px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  body .home-page .service-tile .service-art{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    border-radius:17px!important;
    overflow:hidden!important;
  }
  body .home-page .service-tile .service-art>.ico,
  body .home-page .service-tile .service-art .ico,
  body .home-page .service-tile .service-art .ico img{
    width:52px!important;
    max-width:52px!important;
    height:50px!important;
    max-height:50px!important;
    object-fit:contain!important;
  }
  body .home-page .service-tile>span:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    width:auto!important;
    min-width:0!important;
    padding:0 13px 0 0!important;
  }
  body .home-page .service-tile strong{
    margin:0!important;
    font-size:13px!important;
    font-weight:720!important;
    line-height:1.15!important;
    letter-spacing:-.015em!important;
  }
  body .home-page .service-tile small{
    margin-top:5px!important;
    font-size:9.5px!important;
    line-height:1.22!important;
    color:#7a857e!important;
  }
  body .home-page .service-tile>i{
    position:absolute!important;
    right:10px!important;
    bottom:10px!important;
    width:auto!important;
    font-size:14px!important;
  }
}
@media(max-width:370px){
  .home-page .service-grid{grid-template-columns:1fr!important}
  body .home-page .service-tile{
    grid-template-columns:64px minmax(0,1fr)!important;
    min-height:88px!important;
  }
  body .home-page .service-tile .service-art{width:60px!important;min-width:60px!important;height:60px!important}
}

/* v64 — driver transfers, role switching and a resilient Telegram shortcut. */
.nav-drawer-item[data-drawer-action="role"]{
  margin-top:6px!important;border-color:#dce6df!important;background:#f6f9f7!important;
}
.nav-drawer-item[data-drawer-action="role"]>span:first-child{background:#10251a!important;color:#77e591!important}
.nav-drawer-item[data-drawer-action="role"] b{color:#10251a!important}

.mobile-home-shortcut{
  min-height:92px!important;border:1px solid rgba(133,230,157,.34)!important;border-radius:24px!important;
  background:radial-gradient(circle at 88% 15%,rgba(97,224,128,.19),transparent 33%),linear-gradient(135deg,#07140e 0%,#0d2519 58%,#12351f 100%)!important;
  box-shadow:0 16px 36px rgba(3,26,15,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.mobile-home-shortcut::after{display:none!important}
.mobile-home-shortcut-copy small{display:block!important;margin:0 0 4px!important;color:#75de91!important;font-size:9px!important;font-weight:750!important;letter-spacing:.1em!important}
.mobile-home-shortcut-copy b{font-size:15.5px!important;font-weight:700!important;letter-spacing:-.025em!important}
.mobile-home-shortcut-copy em{margin-top:4px!important;color:rgba(238,249,241,.72)!important;font-size:11px!important}
.mobile-home-shortcut-action{
  min-width:76px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:14px!important;
  background:#e9ffed!important;color:#0b3c1d!important;box-shadow:none!important;font-size:11px!important;font-weight:750!important;
}
.home-shortcut-guide-v64{padding:12px 4px 4px;text-align:center}
.home-shortcut-guide-v64>span{display:grid;width:62px;height:62px;margin:0 auto 16px;place-items:center;border-radius:20px;background:#e9f9ed;color:#178440}
.home-shortcut-guide-v64>span svg{width:28px;height:28px}
.home-shortcut-guide-v64 h2{margin:0;color:#111a14;font-size:24px;letter-spacing:-.035em}
.home-shortcut-guide-v64 p{margin:10px auto 20px;max-width:390px;color:#68736b;font-size:14px;line-height:1.5}

.driver-transfers-page{gap:14px!important}
.driver-publish-hero{
  min-height:168px!important;align-items:flex-end!important;
  background:radial-gradient(circle at 88% 20%,rgba(86,222,122,.2),transparent 34%),linear-gradient(145deg,#06150d,#10301d)!important;
}
.driver-publish-hero h1{max-width:280px;color:#fff!important;font-size:30px!important;font-weight:700!important;letter-spacing:-.04em!important}
.driver-publish-hero p{max-width:310px;color:#b8c9bd!important;font-size:13px!important;line-height:1.45!important}
.driver-publish-hero .hero-large-icon{background:rgba(255,255,255,.09)!important;color:#7fe599!important}
.publish-form-card{padding:16px!important;border:1px solid #dfe8e1!important;border-radius:25px!important;background:#fff!important;box-shadow:0 16px 38px rgba(8,31,17,.08)!important}
.publish-form-head-v64{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:18px}
.publish-form-head-v64>span{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:#e9f8ed;color:#159044}
.publish-form-head-v64>span svg{width:23px;height:23px}
.publish-form-head-v64 small,.driver-published-head-v64 small,.driver-published-top-v64 small{display:block;color:#28834a;font-size:9px;font-weight:750;letter-spacing:.095em}
.publish-form-head-v64 .h2{margin:3px 0 0!important;color:#111a14!important;font-size:21px!important;font-weight:700!important;letter-spacing:-.035em!important}
.publish-form-head-v64 p{margin:5px 0 0;color:#748078;font-size:11px;line-height:1.4}
.publish-section-label-v64{display:flex;align-items:center;gap:10px;margin:18px 0 10px;padding-top:16px;border-top:1px solid #edf1ee}
.publish-section-label-v64>.ui-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#f0f7f2;color:#247d43}
.publish-section-label-v64>.ui-icon svg{width:18px;height:18px}
.publish-section-label-v64 span{min-width:0}
.publish-section-label-v64 b{display:block;color:#172019;font-size:14px;font-weight:680}
.publish-section-label-v64 small{display:block;margin-top:2px;color:#818b84;font-size:10px;line-height:1.3}
.publish-form-card label>span,.publish-note-v64>span{display:block;margin-bottom:6px;color:#68736b;font-size:10px;font-weight:600}
.publish-form-card input,.publish-form-card select,.publish-form-card textarea{
  min-height:48px!important;border:1px solid #dfe6e1!important;border-radius:15px!important;background:#f9fbfa!important;
  color:#172019!important;font-size:14px!important;box-shadow:none!important;
}
.publish-form-card input:focus,.publish-form-card select:focus,.publish-form-card textarea:focus{border-color:#43bb68!important;background:#fff!important;outline:3px solid rgba(48,190,91,.11)!important}
.publish-schedule-grid-v64{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.publish-price-input-v64{position:relative}
.publish-price-input-v64 input{width:100%;padding-right:36px!important}
.publish-price-input-v64 b{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#167a39;font-size:16px}
.publish-note-v64{display:block;margin-top:12px}
.publish-note-v64 textarea{width:100%;min-height:82px!important;resize:vertical}
.publish-transfer-cta-v64{display:flex!important;min-height:54px!important;margin-top:14px!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:17px!important}
.publish-transfer-cta-v64 .ui-icon svg{width:20px;height:20px}

.driver-published-head-v64{display:flex;align-items:flex-end;justify-content:space-between;padding:4px 3px 0}
.driver-published-head-v64 h2{margin:3px 0 0;color:#111a14;font-size:23px;font-weight:700;letter-spacing:-.04em}
.driver-published-head-v64>b{display:grid;width:40px;height:40px;place-items:center;border:1px solid #dce7df;border-radius:14px;background:#fff;color:#173c24;font-size:15px}
.driver-published-list-v64{display:grid!important;gap:12px!important}
.driver-published-card-v64{padding:15px!important;border:1px solid #dfe7e1!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 26px rgba(8,31,17,.06)!important}
.driver-published-top-v64{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}
.driver-published-route-icon-v64{display:grid;width:58px;height:42px;place-items:center;background:transparent;color:#16883e;overflow:visible}
.driver-published-route-icon-v64 img{display:block;width:58px;height:40px;object-fit:contain;filter:drop-shadow(0 6px 7px rgba(10,33,24,.16))}
.driver-published-route-icon-v64 svg{width:21px;height:21px}
.driver-published-top-v64>div{min-width:0}
.driver-published-top-v64 b{display:block;margin-top:3px;color:#111a14;font-size:15px;line-height:1.25}
.driver-published-top-v64 b i{color:#36b85e;font-style:normal}
.driver-published-top-v64>.tag{white-space:nowrap}
.driver-published-stops-v64{margin:11px 0 0;padding:10px 12px;border-radius:13px;background:#f5f8f6}
.driver-published-stops-v64 small{display:block;color:#849087;font-size:9px}
.driver-published-stops-v64 span{display:block;margin-top:3px;color:#344039;font-size:11px;line-height:1.35}
.driver-published-metrics-v64{display:grid;grid-template-columns:1.15fr .8fr .8fr;gap:7px;margin-top:12px}
.driver-published-metrics-v64>span{display:flex;min-width:0;min-height:58px;padding:9px;align-items:center;justify-content:center;gap:5px;border:1px solid #e5ebe7;border-radius:15px;background:#f9fbfa;text-align:center}
.driver-published-metrics-v64 .ui-icon{flex:0 0 auto;color:#27864a}
.driver-published-metrics-v64 .ui-icon svg{width:16px;height:16px}
.driver-published-metrics-v64 b{font-size:11px;line-height:1.2}
.driver-published-metrics-v64 small{color:#849087;font-size:8.5px}
.driver-published-metrics-v64 .price{flex-direction:column;color:#0f7835;font-size:15px;font-weight:750}
.driver-published-actions-v64{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important}
.driver-published-actions-v64 .btn{min-width:0!important;min-height:48px!important;padding:8px 12px!important;border-radius:14px!important;font-size:13px!important}
.driver-published-actions-v64 .btn.primary{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#063d2b!important;color:#fff!important;border-color:#063d2b!important}
.driver-published-actions-v64 .btn.primary small{font-size:9px;font-weight:600;line-height:1.2;color:rgba(255,255,255,.72)}
.driver-published-actions-v64 .btn.danger{grid-column:1/-1;background:#fff!important}
.driver-published-empty-v64{margin:0!important}

.transfer-card-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important}
.transfer-card-main{min-width:0!important}
.transfer-card-side{width:auto!important;min-width:82px!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:10px!important}
.transfer-driver-line{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:5px!important}
.transfer-driver-line .driver-label{display:inline-flex!important;align-items:center!important;gap:4px!important;color:#278348!important;font-size:9px!important;font-weight:650!important}
.transfer-driver-line .driver-label .ui-icon svg{width:13px!important;height:13px!important}
.transfer-driver-line .driver-name{font-size:12px!important;font-weight:700!important}
.transfer-actions .btn{width:100%!important;min-height:46px!important;border-radius:15px!important}

@media(max-width:380px){
  .mobile-home-shortcut{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important}
  .mobile-home-shortcut-icon{width:46px!important;height:46px!important}
  .mobile-home-shortcut-action{grid-column:1/-1!important;width:100%!important}
  .publish-schedule-grid-v64{grid-template-columns:1fr!important}
  .driver-published-metrics-v64{grid-template-columns:1fr 1fr!important}
  .driver-published-metrics-v64 .price{grid-column:1/-1}
  .driver-published-top-v64{grid-template-columns:38px minmax(0,1fr)!important}
  .driver-published-top-v64>.tag{grid-column:2!important;justify-self:start!important}
  .transfer-card-top{grid-template-columns:1fr!important}
  .transfer-card-side{width:100%!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
}

/* ===== karuca-native-premium-v65.css ===== */
/* Karuca Native Premium v65
   New screens use the knp- namespace. Legacy CSS remains only as compatibility. */

:root {
  --knp-canvas: #f4f6f3;
  --knp-surface: #fff;
  --knp-surface-2: #eef3ef;
  --knp-ink: #0d1711;
  --knp-deep: #062819;
  --knp-green: #22c55e;
  --knp-green-pressed: #18a94d;
  --knp-green-tint: #e7f8ec;
  --knp-muted: #68736c;
  --knp-line: #dde5df;
  --knp-warning: #f59e0b;
  --knp-danger: #dc2626;
  --knp-radius-sm: 12px;
  --knp-radius-md: 16px;
  --knp-radius-lg: 22px;
  --knp-shadow-low: 0 8px 24px rgba(13, 23, 17, .06);
  --knp-shadow-raised: 0 16px 40px rgba(13, 23, 17, .10);
  --knp-font: -apple-system, BlinkMacSystemFont, "SF Pro Display",
    "SF Pro Text", Roboto, "Segoe UI", sans-serif;
}

html[data-karuca-design="native-premium"] {
  color-scheme: light;
  background: var(--knp-canvas);
  font-family: var(--knp-font);
  -webkit-text-size-adjust: 100%;
}

html[data-karuca-design="native-premium"] body {
  color: var(--knp-ink);
  background: var(--knp-canvas);
  font-family: var(--knp-font);
  font-size: 15px;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html[data-karuca-design="native-premium"] button,
html[data-karuca-design="native-premium"] input,
html[data-karuca-design="native-premium"] select,
html[data-karuca-design="native-premium"] textarea {
  font: inherit;
}

html[data-karuca-design="native-premium"] button {
  -webkit-tap-highlight-color: transparent;
}

html[data-karuca-design="native-premium"] .main {
  width: min(100%, 620px);
  margin-inline: auto;
  padding-inline: 0;
}

html[data-karuca-design="native-premium"] .topbar {
  border-bottom: 1px solid rgba(13, 23, 17, .07);
  background: rgba(255, 255, 255, .94);
  box-shadow: none;
  backdrop-filter: saturate(140%) blur(18px);
}

html[data-karuca-design="native-premium"] .topbar-inner {
  width: min(100%, 620px);
  min-height: 64px;
  padding: 8px 16px;
  margin-inline: auto;
}

html[data-karuca-design="native-premium"] .top-menu,
html[data-karuca-design="native-premium"] .iconbtn,
html[data-karuca-design="native-premium"] .avatarbtn {
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 16px;
}

html[data-karuca-design="native-premium"] .brand-word {
  color: var(--knp-ink);
  font-size: 18px;
  font-weight: 750;
  letter-spacing: -.02em;
}

html[data-karuca-design="native-premium"] .roleBadge,
html[data-karuca-design="native-premium"] .helpbtn,
html[data-karuca-design="native-premium"] .lang-switch {
  display: none;
}

html[data-karuca-design="native-premium"] .tabbar {
  padding: 0 8px max(8px, env(safe-area-inset-bottom));
  background: transparent;
  border: 0;
  pointer-events: none;
}

html[data-karuca-design="native-premium"] .tabbar-inner {
  width: min(100%, 604px);
  min-height: 72px;
  margin-inline: auto;
  padding: 6px;
  border: 1px solid rgba(13, 23, 17, .08);
  border-radius: 24px;
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--knp-shadow-raised);
  pointer-events: auto;
}

html[data-karuca-design="native-premium"] .tab {
  position: relative;
  min-width: 0;
  min-height: 60px;
  gap: 3px;
  border-radius: 18px;
  color: #7a827d;
  font-size: 12px;
  font-weight: 600;
}

html[data-karuca-design="native-premium"] .tab svg {
  width: 23px;
  height: 23px;
}

html[data-karuca-design="native-premium"] .tab.active {
  color: var(--knp-green);
  background: var(--knp-green-tint);
}

html[data-karuca-design="native-premium"] .tab-count {
  top: 4px;
  left: calc(50% + 7px);
  min-width: 18px;
  height: 18px;
  padding-inline: 5px;
  border: 2px solid var(--knp-surface);
  border-radius: 9px;
  background: var(--knp-danger);
  color: #fff;
  font-size: 10px;
  line-height: 14px;
}

.knp-home {
  display: grid;
  gap: 16px;
  padding: 16px 16px 112px;
}

.knp-home *,
.knp-all-services * {
  box-sizing: border-box;
}

.knp-destination {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--knp-line);
  border-radius: 26px;
  background: var(--knp-surface);
  box-shadow: var(--knp-shadow-low);
}

.knp-destination::after {
  position: absolute;
  z-index: 0;
  right: -42px;
  top: -54px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: var(--knp-green-tint);
  content: "";
}

.knp-destination > * {
  position: relative;
  z-index: 1;
}

.knp-eyebrow {
  margin: 0 0 6px;
  color: #188647;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.knp-destination h1 {
  margin: 0;
  color: var(--knp-ink);
  font-size: clamp(27px, 8vw, 32px);
  font-weight: 760;
  line-height: 1.06;
  letter-spacing: -.035em;
}

.knp-destination > p:not(.knp-eyebrow) {
  max-width: 360px;
  margin: 8px 0 18px;
  color: var(--knp-muted);
  font-size: 14px;
  line-height: 1.45;
}

.knp-search {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 24px;
  align-items: center;
  width: 100%;
  min-height: 72px;
  padding: 10px 14px 10px 10px;
  gap: 12px;
  border: 1px solid var(--knp-line);
  border-radius: 18px;
  background: var(--knp-surface);
  color: var(--knp-ink);
  text-align: left;
}

.knp-search:active,
.knp-service:active,
.knp-place:active,
.knp-all-services-button:active {
  transform: scale(.985);
}

.knp-search-icon,
.knp-place-icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 15px;
  background: var(--knp-green-tint);
  color: #148547;
}

.knp-search-icon svg,
.knp-place-icon svg {
  width: 23px;
  height: 23px;
}

.knp-search-copy,
.knp-place-copy {
  min-width: 0;
}

.knp-search-copy b,
.knp-place-copy b {
  display: block;
  overflow: hidden;
  color: var(--knp-ink);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.knp-search-copy small,
.knp-place-copy small {
  display: block;
  overflow: hidden;
  margin-top: 3px;
  color: var(--knp-muted);
  font-size: 12px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.knp-arrow {
  color: #168847;
  font-size: 21px;
}

.knp-assurance {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 16px;
  color: #405048;
  font-size: 12px;
  font-weight: 600;
}

.knp-assurance span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.knp-assurance svg {
  width: 16px;
  height: 16px;
  color: #148547;
}

.knp-active-trip {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 24px;
  align-items: center;
  min-height: 72px;
  padding: 11px 14px 11px 11px;
  gap: 12px;
  border: 1px solid #bde9ca;
  border-radius: var(--knp-radius-lg);
  background: var(--knp-green-tint);
  color: var(--knp-ink);
  text-align: left;
}

.knp-active-trip > span:first-child {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 15px;
  background: var(--knp-green);
  color: var(--knp-deep);
}

.knp-active-trip svg {
  width: 24px;
  height: 24px;
}

.knp-active-trip b,
.knp-active-trip small {
  display: block;
}

.knp-active-trip b {
  font-size: 15px;
}

.knp-active-trip small {
  margin-top: 2px;
  color: #48715a;
  font-size: 12px;
}

.knp-section {
  min-width: 0;
}

.knp-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin: 4px 2px 12px;
}

.knp-section-head h2 {
  margin: 0;
  color: var(--knp-ink);
  font-size: 20px;
  font-weight: 740;
  line-height: 1.2;
  letter-spacing: -.025em;
}

.knp-section-head p {
  margin: 3px 0 0;
  color: var(--knp-muted);
  font-size: 12px;
}

.knp-service-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.knp-service {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20px;
  grid-template-rows: 76px auto;
  min-width: 0;
  min-height: 152px;
  padding: 12px;
  gap: 8px 6px;
  overflow: hidden;
  border: 1px solid var(--knp-line);
  border-radius: 20px;
  background: var(--knp-surface);
  color: var(--knp-ink);
  text-align: left;
  box-shadow: 0 5px 18px rgba(13, 23, 17, .045);
}

.knp-service-art {
  display: grid;
  grid-column: 1 / -1;
  width: 78px;
  height: 72px;
  place-items: center;
  overflow: hidden;
  border-radius: 17px;
  background: var(--knp-green-tint);
}

.knp-service-art .service-icon,
.knp-service-art img,
.knp-service-art picture {
  display: block;
  max-width: 70px;
  max-height: 62px;
  object-fit: contain;
}

.knp-service-art > .ico {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
}

.knp-service-art > .ico svg {
  width: 64px;
  height: 64px;
  max-width: none;
  max-height: none;
}

.knp-service-copy {
  min-width: 0;
  align-self: end;
}

.knp-service-copy b,
.knp-service-copy small {
  display: block;
}

.knp-service-copy b {
  color: var(--knp-ink);
  font-size: 15px;
  font-weight: 720;
  line-height: 1.2;
}

.knp-service-copy small {
  margin-top: 3px;
  color: var(--knp-muted);
  font-size: 12px;
  line-height: 1.25;
}

.knp-service .knp-arrow {
  align-self: end;
  justify-self: end;
  font-size: 18px;
}

.knp-all-services-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  margin-top: 10px;
  gap: 9px;
  border: 1px solid var(--knp-deep);
  border-radius: 17px;
  background: var(--knp-deep);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.knp-all-services-button svg {
  width: 20px;
  height: 20px;
}

.knp-places {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--knp-line);
  border-radius: var(--knp-radius-lg);
  background: var(--knp-surface);
  box-shadow: var(--knp-shadow-low);
}

.knp-place {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 24px;
  align-items: center;
  min-height: 72px;
  padding: 10px 14px 10px 10px;
  gap: 12px;
  border: 0;
  border-bottom: 1px solid var(--knp-line);
  background: transparent;
  color: var(--knp-ink);
  text-align: left;
}

.knp-place:last-child {
  border-bottom: 0;
}

.knp-community {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  align-items: center;
  min-height: 76px;
  padding: 12px;
  gap: 12px;
  border: 1px solid var(--knp-line);
  border-radius: var(--knp-radius-lg);
  background: var(--knp-surface);
}

.knp-community > img {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  object-fit: cover;
}

.knp-community b,
.knp-community small {
  display: block;
}

.knp-community b {
  font-size: 15px;
}

.knp-community small {
  margin-top: 3px;
  color: var(--knp-muted);
  font-size: 12px;
}

.knp-community button {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 0;
  border-radius: 15px;
  background: var(--knp-green-tint);
  color: #148547;
}

.knp-community svg {
  width: 22px;
  height: 22px;
}

.knp-all-services {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 4px 0 24px;
}

.knp-all-services .knp-service,
.knp-all-services .knp-service:last-child {
  grid-column: auto;
  grid-template-columns: 58px minmax(0, 1fr) 24px;
  grid-template-rows: auto;
  min-height: 76px;
  padding: 8px 12px 8px 8px;
  align-items: center;
  border-radius: 17px;
}

.knp-all-services .knp-service .knp-service-art,
.knp-all-services .knp-service:last-child .knp-service-art {
  grid-column: auto;
  width: 58px;
  height: 58px;
  border-radius: 14px;
}

.knp-all-services .knp-service .knp-service-copy,
.knp-all-services .knp-service:last-child .knp-service-copy {
  align-self: center;
}

.knp-all-services .knp-service .knp-arrow,
.knp-all-services .knp-service:last-child .knp-arrow {
  align-self: center;
}

.knp-all-services .knp-service-copy b {
  font-size: 15px;
}

.knp-all-services .knp-service-art .ico-img > img {
  width: 54px !important;
  height: 54px !important;
  max-width: 54px;
  max-height: 54px;
  object-fit: contain;
}

/* Existing order composer receives the same foundation while its logic remains intact. */
html[data-karuca-design="native-premium"] .modal {
  color: var(--knp-ink);
  font-family: var(--knp-font);
}

html[data-karuca-design="native-premium"] .modal-inner {
  background: var(--knp-canvas);
}

html[data-karuca-design="native-premium"] .modal-header {
  min-height: 64px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--knp-line);
  background: rgba(255, 255, 255, .96);
}

html[data-karuca-design="native-premium"] .modal-header .btn {
  min-width: 56px;
  min-height: 48px;
  border-radius: 15px;
}

html[data-karuca-design="native-premium"] .modal-title {
  color: var(--knp-ink);
  font-size: 17px;
  font-weight: 720;
}

html[data-karuca-design="native-premium"] .order-composer-v11 {
  color: var(--knp-ink);
}

html[data-karuca-design="native-premium"] .order-composer-v11 .order-block-v11,
html[data-karuca-design="native-premium"] .order-composer-v11 .order-service-banner-v11 {
  border: 1px solid var(--knp-line);
  border-radius: var(--knp-radius-lg);
  background: var(--knp-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .order-composer-v11 button,
html[data-karuca-design="native-premium"] .order-composer-v11 input,
html[data-karuca-design="native-premium"] .order-composer-v11 select {
  min-height: 48px;
}

html[data-karuca-design="native-premium"] .order-composer-ios {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 10px 110px;
}

html[data-karuca-design="native-premium"] .order-composer-ios > .order-service-banner-v11,
html[data-karuca-design="native-premium"] .order-composer-ios > .order-strategy {
  display: none;
}

html[data-karuca-design="native-premium"] .order-composer-ios > .route-block-v11 {
  order: 1;
}

html[data-karuca-design="native-premium"] .order-composer-ios > .transfer-kind-section-v25 {
  order: 2;
}

html[data-karuca-design="native-premium"] .order-composer-ios > .vehicle-class-section {
  order: 3;
}

html[data-karuca-design="native-premium"] .order-composer-ios > .price-block-v11 {
  order: 4;
}

html[data-karuca-design="native-premium"] .order-composer-ios > .essentials-block-v11 {
  order: 5;
}

html[data-karuca-design="native-premium"] .order-composer-ios > .order-comment-v34 {
  order: 6;
}

html[data-karuca-design="native-premium"] .order-composer-ios > .order-advanced-v11 {
  order: 7;
}

html[data-karuca-design="native-premium"] .order-composer-ios > .order-cash-note-v40 {
  order: 8;
}

html[data-karuca-design="native-premium"] .order-composer-ios > .order-legal-note-v59 {
  order: 9;
}

html[data-karuca-design="native-premium"] .order-composer-ios > .order-sticky-actions-v11 {
  order: 10;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-block-v11 {
  margin: 0;
  padding: 14px;
  border-radius: 18px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 {
  margin-bottom: 10px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 small {
  display: none;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 h3 {
  margin: 0;
  color: var(--knp-ink);
  font-size: 16px;
  font-weight: 720;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 > span {
  color: var(--knp-muted);
  font-size: 12px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-grid {
  display: flex;
  width: 100%;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-grid::-webkit-scrollbar {
  display: none;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-card {
  flex: 0 0 148px;
  width: 148px;
  min-width: 148px;
  min-height: 86px;
  padding: 8px;
  border: 1px solid var(--knp-line);
  border-radius: 15px;
  background: var(--knp-surface);
  scroll-snap-align: start;
}

/* The legacy carousel fixes every tariff card to the full modal width.
   Keep this bridge until that legacy block is removed. */
html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-grid > .vehicle-class-card {
  flex: 0 0 148px !important;
  width: 148px !important;
  min-width: 148px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-card.active {
  border-color: var(--knp-green);
  background: var(--knp-green-tint);
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-art {
  width: 48px;
  min-width: 48px;
  height: 42px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-art img {
  width: 48px;
  height: 42px;
  object-fit: contain;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 b {
  font-size: 13px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 small {
  display: none;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 {
  grid-template-columns: 48px minmax(110px, 1fr) 48px;
  gap: 8px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > button,
html[data-karuca-design="native-premium"] .order-composer-ios .counter-v11 > button {
  width: 48px;
  height: 48px;
  min-height: 48px;
  border-radius: 14px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 {
  gap: 6px;
  margin-top: 8px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 button {
  min-height: 40px;
  border-radius: 12px;
  font-size: 12px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .recommended-note-v26 {
  margin-top: 8px;
  color: var(--knp-muted);
  font-size: 12px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips button {
  min-height: 42px;
  border-radius: 12px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .field-shell-v11 {
  min-width: 0;
  border-radius: 14px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .field-shell-v11 > span {
  font-size: 12px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .comment-chips-v34 {
  overflow-x: auto;
  scrollbar-width: none;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-cash-note-v40 {
  margin: 0;
  padding: 12px;
  border: 1px solid #bde9ca;
  border-radius: 16px;
  background: var(--knp-green-tint);
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-cash-note-v40 small {
  font-size: 12px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-sticky-actions-v11 {
  border-top: 1px solid var(--knp-line);
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 -10px 30px rgba(13, 23, 17, .08);
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-sticky-actions-v11 .btn.primary {
  min-height: 56px;
  border-radius: 16px;
  background: var(--knp-green);
  color: var(--knp-deep);
  font-weight: 740;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-cancel-v11 {
  display: none;
}

@media (max-width: 359px) {
  .knp-home {
    padding-inline: 12px;
  }

  .knp-destination {
    padding: 20px 16px;
  }

  .knp-service {
    min-height: 148px;
    padding: 10px;
  }

  .knp-service-art {
    width: 70px;
  }

  .knp-service-copy b {
    font-size: 14px;
  }

  .knp-assurance {
    gap: 8px 12px;
  }
}

@media (min-width: 430px) {
  .knp-home {
    padding-inline: 20px;
  }

  .knp-service-grid,
  .knp-all-services {
    gap: 12px;
  }

  .knp-service {
    grid-template-rows: 82px auto;
    min-height: 162px;
    padding: 14px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .knp-search,
  .knp-service,
  .knp-place,
  .knp-all-services-button {
    transition: transform 140ms ease, border-color 140ms ease,
      background-color 140ms ease;
  }
}

/* Approved board alignment — passenger home */
.knp-home-active .top-menu,
.knp-home-active .notification-btn {
  display: none;
}

.knp-home-active .topbar-inner {
  justify-content: space-between;
}

.knp-home-active .brand {
  margin-right: auto;
}

.knp-home-active .brand-word {
  display: none;
}

.knp-home-active .brand-img {
  width: 40px;
  height: 40px;
}

.knp-home-plan {
  gap: 14px;
  padding-top: 8px;
}

.knp-home-plan .knp-destination {
  overflow: visible;
  padding: 6px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.knp-home-plan .knp-destination::after {
  display: none;
}

.knp-home-plan .knp-destination h1 {
  margin: 0 0 10px 2px;
  font-size: 25px;
  line-height: 1.15;
  letter-spacing: -.03em;
}

.knp-home-plan .knp-search {
  grid-template-columns: 34px minmax(0, 1fr) 20px;
  min-height: 52px;
  padding: 6px 12px 6px 8px;
  gap: 8px;
  border-radius: 16px;
  box-shadow: 0 5px 18px rgba(13, 23, 17, .04);
}

.knp-home-plan .knp-search-icon {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  background: transparent;
}

.knp-home-plan .knp-search-icon svg {
  width: 19px;
  height: 19px;
}

.knp-home-plan .knp-search-copy b {
  font-size: 14px;
  font-weight: 600;
}

.knp-home-plan .knp-active-trip {
  grid-template-columns: 42px minmax(0, 1fr) 20px;
  min-height: 62px;
  padding: 8px 12px 8px 8px;
  border-radius: 17px;
}

.knp-home-plan .knp-active-trip > span:first-child {
  width: 42px;
  height: 42px;
  border-radius: 13px;
}

.knp-home-plan .knp-section-head {
  margin: 0 2px 8px;
}

.knp-home-plan .knp-section-head h2 {
  font-size: 17px;
}

.knp-home-plan .knp-service-grid {
  gap: 8px;
}

.knp-home-plan .knp-service {
  grid-template-columns: 64px minmax(0, 1fr);
  grid-template-rows: 1fr;
  align-items: center;
  min-height: 92px;
  padding: 8px;
  gap: 6px;
  border-radius: 17px;
}

.knp-home-plan .knp-service-art {
  grid-column: auto;
  width: 64px;
  height: 64px;
  border-radius: 14px;
}

.knp-home-plan .knp-service-art > .ico {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
}

.knp-home-plan .knp-service-art .ico svg {
  width: 60px;
  height: 60px;
  max-width: none;
  max-height: none;
}

.knp-home-plan .knp-service-copy {
  align-self: center;
}

.knp-home-plan .knp-service-copy b {
  font-size: 14px;
}

.knp-home-plan .knp-service-copy small {
  font-size: 12px;
}

.knp-home-plan .knp-service .knp-arrow {
  display: none;
}

/* Legacy image sizing is declared !important in the v43 bundle.
   These two declarations are the isolated compatibility bridge for migrated cards. */
.knp-home-plan .knp-service-art .ico-img > img {
  width: 60px !important;
  height: 60px !important;
  max-width: 60px;
  max-height: 60px;
  object-fit: contain;
}

.knp-home-plan .knp-all-services-button {
  min-height: 42px;
  margin-top: 8px;
  border-color: var(--knp-line);
  border-radius: 14px;
  background: var(--knp-surface);
  color: var(--knp-ink);
  font-size: 13px;
}

.knp-home-plan .knp-all-services-button svg {
  width: 17px;
  height: 17px;
  color: #168847;
}

.knp-home-plan .knp-places {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.knp-home-plan .knp-place {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 34px auto;
  align-content: center;
  justify-items: start;
  min-width: 0;
  min-height: 76px;
  padding: 8px;
  gap: 4px;
  border: 1px solid var(--knp-line);
  border-radius: 15px;
  background: var(--knp-surface);
}

.knp-home-plan .knp-place-icon {
  width: 34px;
  height: 34px;
  border-radius: 11px;
}

.knp-home-plan .knp-place-icon svg {
  width: 18px;
  height: 18px;
}

.knp-home-plan .knp-place-copy {
  width: 100%;
}

.knp-home-plan .knp-place-copy b {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.knp-home-plan .knp-place-copy small,
.knp-home-plan .knp-place > .knp-arrow {
  display: none;
}

@media (max-width: 359px) {
  .knp-home-plan .knp-service {
    grid-template-columns: 50px minmax(0, 1fr);
    min-height: 84px;
    padding: 6px;
    gap: 5px;
  }

  .knp-home-plan .knp-service-art {
    width: 50px;
    height: 50px;
  }

  .knp-home-plan .knp-service-art .ico svg {
    width: 48px;
    height: 48px;
  }

  .knp-home-plan .knp-service-art .ico-img > img {
    width: 48px !important;
    height: 48px !important;
  }

  .knp-home-plan .knp-service-copy b {
    font-size: 13px;
  }

  .knp-home-plan .knp-service-copy small {
    display: none;
  }

  .knp-home-plan .knp-places {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .knp-home-plan .knp-place {
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: 1fr;
    align-items: center;
    min-height: 58px;
  }
}

/* =========================================================
   Native Premium screen system
   One visual language for every migrated application screen.
   ========================================================= */

html[data-karuca-design="native-premium"] .karuca-page {
  box-sizing: border-box;
  width: 100%;
  max-width: 620px;
  margin-inline: auto;
  padding: 16px 16px 112px;
  gap: 12px;
  background: var(--knp-canvas);
  color: var(--knp-ink);
}

html[data-karuca-design="native-premium"] .karuca-page *,
html[data-karuca-design="native-premium"] .modal *,
html[data-karuca-design="native-premium"] .map-picker-v11 * {
  box-sizing: border-box;
}

html[data-karuca-design="native-premium"] .card,
html[data-karuca-design="native-premium"] .order-block-v11,
html[data-karuca-design="native-premium"] .service-card-v26,
html[data-karuca-design="native-premium"] .premium-card,
html[data-karuca-design="native-premium"] .driver-dashboard-card,
html[data-karuca-design="native-premium"] .driver-job-card {
  border: 1px solid var(--knp-line);
  border-radius: var(--knp-radius-lg);
  background: var(--knp-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .btn {
  min-height: 48px;
  border: 1px solid var(--knp-line);
  border-radius: 15px;
  background: var(--knp-surface);
  color: var(--knp-ink);
  font-weight: 700;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .btn.primary,
html[data-karuca-design="native-premium"] .service-submit-v26 {
  border-color: var(--knp-deep);
  background: var(--knp-deep);
  color: #fff;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] input,
html[data-karuca-design="native-premium"] select,
html[data-karuca-design="native-premium"] textarea {
  min-width: 0;
  border: 1px solid var(--knp-line);
  border-radius: 14px;
  background: var(--knp-surface);
  color: var(--knp-ink);
  box-shadow: none;
}

/* Full-screen point selection. */
html[data-karuca-design="native-premium"] .map-picker-v11 {
  width: min(100%, 620px);
  margin-inline: auto;
  background: #e9eeea;
  font-family: var(--knp-font);
}

html[data-karuca-design="native-premium"] .map-picker-header-v11 {
  left: 12px !important;
  right: 12px !important;
  top: calc(10px + env(safe-area-inset-top)) !important;
  min-height: 58px;
  padding: 8px !important;
  gap: 10px;
  border: 1px solid rgba(221, 229, 223, .9) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 8px 28px rgba(13, 23, 17, .10) !important;
  backdrop-filter: blur(14px);
}

html[data-karuca-design="native-premium"] .map-picker-header-v11 > button {
  width: 42px !important;
  height: 42px !important;
  border: 0;
  border-radius: 13px !important;
  background: var(--knp-surface-2) !important;
  color: var(--knp-ink);
}

html[data-karuca-design="native-premium"] .map-picker-header-v11 small {
  color: #19874a !important;
  font-size: 9px !important;
  font-weight: 750;
  letter-spacing: .08em;
}

html[data-karuca-design="native-premium"] .map-picker-header-v11 b {
  margin-top: 1px;
  font-size: 14px !important;
  font-weight: 720;
}

html[data-karuca-design="native-premium"] .map-search-v11 {
  left: 12px !important;
  right: 12px !important;
  top: calc(78px + env(safe-area-inset-top)) !important;
  height: 52px !important;
  padding: 0 8px;
  border: 1px solid rgba(221, 229, 223, .9) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 7px 22px rgba(13, 23, 17, .08) !important;
}

html[data-karuca-design="native-premium"] .map-search-v11 input {
  min-height: 48px !important;
  border: 0;
  background: transparent;
  font-size: 14px !important;
}

html[data-karuca-design="native-premium"] .map-picker-controls-v11 {
  right: 14px !important;
  bottom: calc(222px + env(safe-area-inset-bottom)) !important;
}

html[data-karuca-design="native-premium"] .map-picker-controls-v11 button {
  width: 48px !important;
  height: 48px !important;
  border: 1px solid var(--knp-line);
  border-radius: 15px !important;
  background: rgba(255, 255, 255, .97) !important;
  color: var(--knp-ink);
  box-shadow: 0 7px 20px rgba(13, 23, 17, .10) !important;
}

html[data-karuca-design="native-premium"] .map-center-pin-v11 span {
  background: var(--knp-deep);
  border-color: #fff;
}

html[data-karuca-design="native-premium"] .map-center-pin-v11.is-a span {
  background: var(--knp-green);
}

html[data-karuca-design="native-premium"] .map-picker-sheet-v11 {
  left: 8px !important;
  right: 8px !important;
  bottom: calc(8px + env(safe-area-inset-bottom)) !important;
  padding: 7px 13px 13px !important;
  border: 1px solid var(--knp-line) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 -12px 38px rgba(13, 23, 17, .12) !important;
  backdrop-filter: blur(18px);
}

html[data-karuca-design="native-premium"] .map-address-v11 {
  grid-template-columns: 32px minmax(0, 1fr);
}

html[data-karuca-design="native-premium"] .map-address-v11 small {
  color: var(--knp-muted);
  font-size: 9px !important;
  font-weight: 700;
  letter-spacing: .04em;
}

html[data-karuca-design="native-premium"] .map-address-v11 b {
  margin-top: 3px;
  color: var(--knp-ink);
  font-size: 13px !important;
  line-height: 1.35;
}

html[data-karuca-design="native-premium"] .map-picker-actions-v11 {
  grid-template-columns: .8fr 1.2fr !important;
  gap: 8px;
}

html[data-karuca-design="native-premium"] .map-picker-actions-v11 .btn.primary {
  border-color: var(--knp-green);
  background: var(--knp-green);
  color: var(--knp-deep);
}

/* New order: route → class → price → details. */
html[data-karuca-design="native-premium"] .order-composer-v11 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 0 92px;
  color: var(--knp-ink);
}

html[data-karuca-design="native-premium"] .order-composer-v11 > .route-block-v11 { order: 1; }
html[data-karuca-design="native-premium"] .order-composer-v11 > .transfer-kind-section-v25 { order: 2; }
html[data-karuca-design="native-premium"] .order-composer-v11 > .vehicle-class-section { order: 3; }
html[data-karuca-design="native-premium"] .order-composer-v11 > .price-block-v11 { order: 4; }
html[data-karuca-design="native-premium"] .order-composer-v11 > .essentials-block-v11 { order: 5; }
html[data-karuca-design="native-premium"] .order-composer-v11 > .order-comment-v34 { order: 6; }
html[data-karuca-design="native-premium"] .order-composer-v11 > .order-advanced-v11 { order: 7; }
html[data-karuca-design="native-premium"] .order-composer-v11 > .order-cash-note-v40 { order: 8; }
html[data-karuca-design="native-premium"] .order-composer-v11 > .order-legal-note-v59 { order: 9; }
html[data-karuca-design="native-premium"] .order-composer-v11 > .order-sticky-actions-v11 { order: 10; }

html[data-karuca-design="native-premium"] .order-service-banner-v11,
html[data-karuca-design="native-premium"] .order-strategy {
  display: none;
}

html[data-karuca-design="native-premium"] .order-block-v11,
html[data-karuca-design="native-premium"] .order-optional-v58,
html[data-karuca-design="native-premium"] .order-advanced-v11 {
  margin: 0;
  padding: 14px;
  border: 1px solid var(--knp-line);
  border-radius: 18px;
  background: var(--knp-surface);
}

html[data-karuca-design="native-premium"] .order-section-head-v11 {
  align-items: end;
  margin-bottom: 12px;
}

html[data-karuca-design="native-premium"] .order-section-head-v11 h3 {
  color: var(--knp-ink);
  font-size: 17px;
  font-weight: 730;
  letter-spacing: -.02em;
}

html[data-karuca-design="native-premium"] .order-section-head-v11 > div > small {
  color: #188647;
  font-size: 9px;
  font-weight: 750;
}

html[data-karuca-design="native-premium"] .order-section-head-v11 > span {
  max-width: 46%;
  color: var(--knp-muted);
  font-size: 10px;
  line-height: 1.25;
  text-align: right;
}

html[data-karuca-design="native-premium"] .vehicle-class-grid {
  display: flex;
  gap: 8px;
  margin-inline: -2px;
  padding: 2px 2px 8px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

html[data-karuca-design="native-premium"] .vehicle-class-grid::-webkit-scrollbar {
  display: none;
}

html[data-karuca-design="native-premium"] .vehicle-class-grid > .vehicle-class-card {
  flex: 0 0 148px !important;
  width: 148px !important;
  min-width: 148px !important;
  min-height: 154px;
  padding: 10px;
  border: 1px solid var(--knp-line);
  border-radius: 16px;
  background: #f8faf8;
  scroll-snap-align: start;
}

html[data-karuca-design="native-premium"] .vehicle-class-grid > .vehicle-class-card.active {
  border-color: var(--knp-green);
  background: var(--knp-green-tint);
  box-shadow: inset 0 0 0 1px var(--knp-green);
}

html[data-karuca-design="native-premium"] .vehicle-class-art {
  height: 64px;
  border-radius: 13px;
  background: #fff;
}

html[data-karuca-design="native-premium"] .vehicle-class-art img {
  width: 82px;
  height: 54px;
  object-fit: contain;
}

html[data-karuca-design="native-premium"] .price-controller-v11 {
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  gap: 8px;
}

html[data-karuca-design="native-premium"] .price-controller-v11 > button {
  width: 48px;
  height: 48px;
  border: 1px solid var(--knp-line);
  border-radius: 14px;
  background: var(--knp-surface-2);
}

html[data-karuca-design="native-premium"] .price-controller-v11 label {
  min-height: 58px;
  border-radius: 16px;
  background: var(--knp-deep);
}

html[data-karuca-design="native-premium"] .price-controller-v11 input,
html[data-karuca-design="native-premium"] .price-controller-v11 label span {
  color: #fff;
}

html[data-karuca-design="native-premium"] .essentials-grid-v11 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

html[data-karuca-design="native-premium"] .field-shell-v11 {
  min-width: 0;
  border: 1px solid var(--knp-line);
  border-radius: 14px;
  background: #f8faf8;
}

html[data-karuca-design="native-premium"] .field-shell-v11 input {
  width: 100%;
  min-width: 0;
}

html[data-karuca-design="native-premium"] .order-sticky-actions-v11 {
  position: fixed;
  z-index: 120;
  left: max(8px, calc(50% - 302px));
  right: max(8px, calc(50% - 302px));
  bottom: calc(8px + env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(156px, 1.25fr);
  align-items: center;
  gap: 8px;
  padding: 8px;
  border: 1px solid var(--knp-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, .97);
  box-shadow: var(--knp-shadow-raised);
  backdrop-filter: blur(18px);
}

html[data-karuca-design="native-premium"] .order-sticky-actions-v11 .order-cancel-v11 {
  display: none;
}

html[data-karuca-design="native-premium"] .order-sticky-actions-v11 .btn.primary {
  min-height: 54px;
  border-color: var(--knp-green);
  background: var(--knp-green);
  color: var(--knp-deep);
}

/* Airport, transfer, parcel, carpool and roadside forms. */
html[data-karuca-design="native-premium"] .service-composer-v26 {
  display: grid;
  gap: 10px;
  padding: 4px 0 110px;
}

html[data-karuca-design="native-premium"] .service-hero-v26,
html[data-karuca-design="native-premium"] .airport-hero {
  padding: 16px;
  border: 1px solid #174631;
  border-radius: 20px;
  background: var(--knp-deep);
  color: #fff;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .service-hero-v26 h2,
html[data-karuca-design="native-premium"] .airport-hero h1 {
  margin: 2px 0 3px;
  color: #fff;
  font-size: 22px;
  font-weight: 740;
  letter-spacing: -.03em;
}

html[data-karuca-design="native-premium"] .service-hero-v26 p,
html[data-karuca-design="native-premium"] .airport-hero p {
  margin: 0;
  color: rgba(255, 255, 255, .68);
  font-size: 12px;
}

html[data-karuca-design="native-premium"] .service-card-v26 {
  padding: 14px;
}

html[data-karuca-design="native-premium"] .service-submit-v26 {
  position: sticky;
  z-index: 20;
  bottom: calc(82px + env(safe-area-inset-bottom));
  min-height: 54px;
  border-radius: 17px;
}

html[data-karuca-design="native-premium"] .country-route-v26,
html[data-karuca-design="native-premium"] .service-grid-v26,
html[data-karuca-design="native-premium"] .transfer-kind-grid-v25 {
  gap: 8px;
}

html[data-karuca-design="native-premium"] .parcel-types-v26,
html[data-karuca-design="native-premium"] .sos-types-v26 {
  gap: 8px;
}

html[data-karuca-design="native-premium"] .parcel-types-v26 button,
html[data-karuca-design="native-premium"] .sos-types-v26 button {
  min-height: 72px;
  border: 1px solid var(--knp-line);
  border-radius: 16px;
  background: #f8faf8;
}

html[data-karuca-design="native-premium"] .parcel-types-v26 button.active,
html[data-karuca-design="native-premium"] .sos-types-v26 button.active {
  border-color: var(--knp-green);
  background: var(--knp-green-tint);
}

/* Orders, offers and live trip use one card grammar. */
html[data-karuca-design="native-premium"] .orders-page,
html[data-karuca-design="native-premium"] .messages-page,
html[data-karuca-design="native-premium"] .profile-page,
html[data-karuca-design="native-premium"] .driver-line-page,
html[data-karuca-design="native-premium"] .driver-requests-page,
html[data-karuca-design="native-premium"] .driver-publish-page {
  padding: 16px 16px 112px !important;
  background: var(--knp-canvas) !important;
}

html[data-karuca-design="native-premium"] .premium-hero,
html[data-karuca-design="native-premium"] .driver-line-hero {
  padding: 18px;
  border: 1px solid var(--knp-line);
  border-radius: 22px;
  background: var(--knp-surface) !important;
  color: var(--knp-ink);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .premium-hero h1,
html[data-karuca-design="native-premium"] .driver-line-hero h1 {
  color: var(--knp-ink);
  font-size: 26px;
  line-height: 1.08;
  letter-spacing: -.035em;
}

html[data-karuca-design="native-premium"] .premium-hero p,
html[data-karuca-design="native-premium"] .driver-line-hero p {
  color: var(--knp-muted);
  font-size: 12px;
}

html[data-karuca-design="native-premium"] .hero-kicker {
  color: #188647;
}

html[data-karuca-design="native-premium"] .order-card,
html[data-karuca-design="native-premium"] .message-row,
html[data-karuca-design="native-premium"] .driver-active-order-v42,
html[data-karuca-design="native-premium"] .driver-job-card {
  border: 1px solid var(--knp-line);
  border-radius: 18px;
  background: var(--knp-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .order-modal-card {
  display: grid;
  gap: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .order-modal-card::before {
  display: none;
}

html[data-karuca-design="native-premium"] .order-modal-heading {
  align-items: center;
  min-height: 52px;
  margin: 0;
  padding: 4px 2px;
}

html[data-karuca-design="native-premium"] .order-class-badge {
  padding: 7px 10px;
  border: 1px solid #bce7c8;
  border-radius: 999px;
  background: var(--knp-green-tint);
  color: #147842;
}

html[data-karuca-design="native-premium"] .order-detail-map-v32 {
  min-height: 210px;
  border: 1px solid var(--knp-line);
  border-radius: 20px;
  overflow: hidden;
  background: #e8eeea;
}

html[data-karuca-design="native-premium"] .order-status-v32,
html[data-karuca-design="native-premium"] .order-price-kpi,
html[data-karuca-design="native-premium"] .order-cash-inline-v40,
html[data-karuca-design="native-premium"] .order-route-v32,
html[data-karuca-design="native-premium"] .order-driver-card-v33,
html[data-karuca-design="native-premium"] .order-offer-v35,
html[data-karuca-design="native-premium"] .driver-status-v34,
html[data-karuca-design="native-premium"] .driver-nav-v34 {
  border: 1px solid var(--knp-line);
  border-radius: 18px;
  background: var(--knp-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .order-status-v32 {
  background: var(--knp-green-tint);
}

html[data-karuca-design="native-premium"] .order-price-kpi {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  min-height: 76px;
  padding: 16px;
  background: var(--knp-deep) !important;
  color: #fff !important;
}

html[data-karuca-design="native-premium"] .order-price-kpi .value {
  color: #fff !important;
  font-size: 30px;
  font-weight: 760;
}

html[data-karuca-design="native-premium"] .order-price-kpi .unit {
  color: rgba(255, 255, 255, .65) !important;
}

html[data-karuca-design="native-premium"] .order-trip-meta-v32 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

html[data-karuca-design="native-premium"] .order-trip-meta-v32 > span {
  min-width: 0;
  min-height: 42px;
  padding: 8px;
  border: 1px solid var(--knp-line);
  border-radius: 13px;
  background: #f8faf8;
  font-size: 10px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[data-karuca-design="native-premium"] .order-offer-list-v35 {
  display: grid;
  gap: 8px;
}

html[data-karuca-design="native-premium"] .order-offer-v35 {
  padding: 12px;
}

html[data-karuca-design="native-premium"] .assigned-car-v35 {
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

html[data-karuca-design="native-premium"] .assigned-car-meta-v49 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

html[data-karuca-design="native-premium"] .assigned-car-detail-v49,
html[data-karuca-design="native-premium"] .assigned-car-detail-v49 em,
html[data-karuca-design="native-premium"] .assigned-car-detail-v49 .tag {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[data-karuca-design="native-premium"] .assigned-car-detail-v49 em,
html[data-karuca-design="native-premium"] .assigned-car-detail-v49 .tag {
  white-space: nowrap;
}

/* Profile: identity first, then quiet system lists. */
html[data-karuca-design="native-premium"] .profile-page .profile-hero {
  padding: 16px !important;
  border: 1px solid var(--knp-line) !important;
  border-radius: 22px !important;
  background: var(--knp-surface) !important;
  color: var(--knp-ink) !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .profile-page .profile-hero::after {
  display: none !important;
}

html[data-karuca-design="native-premium"] .profile-page .wallet-card {
  border: 1px solid var(--knp-line) !important;
  background: #f8faf8 !important;
}

html[data-karuca-design="native-premium"] .profile-page .profile-menu,
html[data-karuca-design="native-premium"] .profile-page .driver-mode-card,
html[data-karuca-design="native-premium"] .profile-page .profile-partner-card {
  overflow: hidden;
  border: 1px solid var(--knp-line) !important;
  border-radius: 20px !important;
  background: var(--knp-surface) !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .profile-page .profile-menu button,
html[data-karuca-design="native-premium"] .profile-page .driver-mode-card button,
html[data-karuca-design="native-premium"] .profile-page .profile-partner-card button {
  min-height: 62px;
  border-bottom: 1px solid var(--knp-line) !important;
  background: transparent !important;
}

html[data-karuca-design="native-premium"] .profile-page .profile-menu button:last-child {
  border-bottom: 0 !important;
}

/* Driver: operational information before marketing copy. */
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero {
  min-height: 112px;
  padding: 18px !important;
  border-color: #174631;
  background: var(--knp-deep) !important;
  color: #fff;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero h1 {
  color: #fff;
  font-size: 26px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero p {
  color: rgba(255, 255, 255, .65);
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero { order: 1 !important; }
html[data-karuca-design="native-premium"] .driver-line-page .driver-dashboard-card { order: 2 !important; }
html[data-karuca-design="native-premium"] .driver-line-page .driver-active-order-v42 { order: 3 !important; }
html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-head-v42 { order: 4 !important; }
html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-controls-v42 { order: 5 !important; }
html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-list-v42 { order: 6 !important; }
html[data-karuca-design="native-premium"] .driver-line-page .driver-location-card-v29 { order: 7 !important; }
html[data-karuca-design="native-premium"] .driver-line-page .demand-card { order: 8 !important; }

html[data-karuca-design="native-premium"] .driver-feed-controls-v42 {
  overflow-x: auto;
  scrollbar-width: none;
}

/* Support is a real product area, not a promotional landing page. */
html[data-karuca-design="native-premium"] .support-hero-v45 {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid #174631;
  border-radius: 20px;
  background: var(--knp-deep) !important;
  color: #fff;
}

html[data-karuca-design="native-premium"] .support-hero-v45 > span {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 15px;
  background: rgba(255, 255, 255, .10);
  color: var(--knp-green);
}

html[data-karuca-design="native-premium"] .support-hero-v45 h2 {
  margin: 2px 0 4px;
  color: #fff;
  font-size: 20px;
  line-height: 1.12;
  letter-spacing: -.025em;
}

html[data-karuca-design="native-premium"] .support-hero-v45 p {
  margin: 0;
  color: rgba(255, 255, 255, .66);
  font-size: 11px;
}

html[data-karuca-design="native-premium"] .support-actions-v45 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 10px;
}

html[data-karuca-design="native-premium"] .support-list-v45,
html[data-karuca-design="native-premium"] .support-compose-v45,
html[data-karuca-design="native-premium"] .support-thread-head-v45 {
  margin-top: 10px;
  padding: 14px;
  border: 1px solid var(--knp-line);
  border-radius: 20px;
  background: var(--knp-surface);
}

html[data-karuca-design="native-premium"] .support-ticket-row-v45 {
  min-height: 72px;
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid var(--knp-line);
  background: transparent;
}

html[data-karuca-design="native-premium"] .support-ticket-row-v45:last-child {
  border-bottom: 0;
}

html[data-karuca-design="native-premium"] .support-compose-v45 select,
html[data-karuca-design="native-premium"] .support-compose-v45 textarea {
  width: 100%;
  margin-top: 6px;
  padding: 12px;
}

html[data-karuca-design="native-premium"] .support-send-v45 {
  width: 100%;
  margin-top: 10px;
}

html[data-karuca-design="native-premium"] .support-thread-v45 {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 4px;
}

html[data-karuca-design="native-premium"] .support-message-v45 {
  max-width: 86%;
  padding: 10px 12px;
  border-radius: 16px;
  background: #eef2ef;
}

html[data-karuca-design="native-premium"] .support-message-v45.mine {
  justify-self: end;
  background: var(--knp-green-tint);
}

html[data-karuca-design="native-premium"] .support-reply-v45 {
  position: sticky;
  bottom: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  gap: 8px;
  padding: 8px;
  border: 1px solid var(--knp-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .97);
}

html[data-karuca-design="native-premium"] .support-reply-v45 button {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 15px;
  background: var(--knp-green);
  color: var(--knp-deep);
}

/* Service-specific heroes intentionally use one solid operational color. */
html[data-karuca-design="native-premium"] .transfer-hero-v23,
html[data-karuca-design="native-premium"] .airport-page .airport-hero {
  min-height: 164px;
  padding: 18px !important;
  border: 1px solid #174631 !important;
  border-radius: 22px !important;
  background: var(--knp-deep) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .transfer-hero-v23::before,
html[data-karuca-design="native-premium"] .transfer-hero-v23::after,
html[data-karuca-design="native-premium"] .airport-page .airport-hero::before,
html[data-karuca-design="native-premium"] .airport-page .airport-hero::after {
  display: none !important;
}

html[data-karuca-design="native-premium"] .transfer-hero-v23 h1,
html[data-karuca-design="native-premium"] .airport-page .airport-hero h1,
html[data-karuca-design="native-premium"] .transfer-hero-v23 p,
html[data-karuca-design="native-premium"] .airport-page .airport-hero p {
  position: relative;
  z-index: 2;
}

html[data-karuca-design="native-premium"] .transfer-hero-v23 h1,
html[data-karuca-design="native-premium"] .airport-page .airport-hero h1 {
  color: #fff !important;
}

html[data-karuca-design="native-premium"] .transfer-hero-v23 p,
html[data-karuca-design="native-premium"] .airport-page .airport-hero p {
  color: rgba(255, 255, 255, .68) !important;
}

html[data-karuca-design="native-premium"] .transfer-planner-v24,
html[data-karuca-design="native-premium"] .transfer-benefit-grid-v23 > *,
html[data-karuca-design="native-premium"] .transfer-quick-v23,
html[data-karuca-design="native-premium"] .transfer-custom-v23,
html[data-karuca-design="native-premium"] .airport-page .premium-section {
  border: 1px solid var(--knp-line) !important;
  border-radius: 20px !important;
  background: var(--knp-surface) !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .airport-page .airport-grid > button {
  min-height: 86px;
  border: 1px solid var(--knp-line);
  border-radius: 16px;
  background: #f8faf8;
}

@media (max-width: 359px) {
  html[data-karuca-design="native-premium"] .karuca-page,
  html[data-karuca-design="native-premium"] .orders-page,
  html[data-karuca-design="native-premium"] .messages-page,
  html[data-karuca-design="native-premium"] .profile-page,
  html[data-karuca-design="native-premium"] .driver-line-page,
  html[data-karuca-design="native-premium"] .driver-requests-page {
    padding-inline: 10px !important;
  }

  html[data-karuca-design="native-premium"] .essentials-grid-v11,
  html[data-karuca-design="native-premium"] .transfer-kind-grid-v25 {
    grid-template-columns: 1fr;
  }

  html[data-karuca-design="native-premium"] .order-trip-meta-v32 {
    grid-template-columns: 1fr 1fr;
  }

  html[data-karuca-design="native-premium"] .order-trip-meta-v32 > span:first-child {
    grid-column: 1 / -1;
  }

  html[data-karuca-design="native-premium"] .order-sticky-actions-v11 {
    left: 6px;
    right: 6px;
    grid-template-columns: .68fr 1.32fr;
  }
}

/* =========================================================
   Approved 20-screen board — exactness pass 48.2
   ========================================================= */

html[data-karuca-design="native-premium"] .app {
  width: 100%;
  max-width: 430px;
  margin-inline: auto;
  background: #f8faf8;
}

html[data-karuca-design="native-premium"] .main,
html[data-karuca-design="native-premium"] .topbar-inner,
html[data-karuca-design="native-premium"] .tabbar-inner {
  width: 100%;
  max-width: 430px !important;
  margin-inline: auto;
}

.knp-home-active .topbar {
  border: 0 !important;
  background: rgba(255, 255, 255, .96) !important;
}

.knp-home-active .topbar-inner {
  position: relative !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 52px !important;
  height: 52px !important;
  padding: 6px 16px !important;
}

.knp-home-active .top-menu,
.knp-home-active #roleBadge,
.knp-home-active .lang-switch,
.knp-home-active .notification-btn,
.knp-home-active .helpbtn {
  display: none !important;
}

.knp-home-active .brand {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  margin: 0 !important;
  transform: none !important;
}

.knp-home-active .brand-img {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
}

.knp-home-active .brand-word {
  display: none !important;
}

.knp-home-active .spacer {
  display: block !important;
  flex: 1 1 auto !important;
}

.knp-home-active .top-profile {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  width: auto !important;
  margin: 0 !important;
  transform: none !important;
}

.knp-home-active .avatarbtn {
  display: grid !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 50% !important;
  background: #eef3ef !important;
}

.knp-home-active .top-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: inherit !important;
}

.knp-home-active .main {
  padding: 12px 14px 104px !important;
}

.knp-home-plan {
  gap: 12px !important;
  padding: 0 !important;
}

.knp-home-plan .knp-destination h1 {
  margin: 0 0 9px !important;
  font-size: 23px !important;
  font-weight: 760 !important;
  letter-spacing: -.035em !important;
}

.knp-home-plan .knp-search {
  min-height: 48px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.knp-home-plan .knp-section-head {
  margin: 0 0 7px !important;
}

.knp-home-plan .knp-section-head h2 {
  font-size: 15px !important;
  font-weight: 760 !important;
}

.knp-home-plan .knp-service-grid {
  gap: 7px !important;
}

.knp-home-plan .knp-service {
  position: relative;
  isolation: isolate;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  min-height: 76px !important;
  padding: 6px 7px !important;
  gap: 3px !important;
  overflow: hidden;
  border-color: #dfe6e1 !important;
  border-radius: 15px !important;
  box-shadow: none !important;
}

.knp-home-plan .knp-service::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 64%;
  height: 20px;
  opacity: .82;
  background: linear-gradient(165deg, transparent 0 32%, #d9f5df 33% 64%, transparent 65%);
}

.knp-home-plan .knp-service-art {
  width: 72px !important;
  height: 64px !important;
  overflow: visible !important;
  border-radius: 12px !important;
  background: transparent !important;
}

.knp-home-plan .knp-service-art .ico-img {
  overflow: visible !important;
}

.knp-home-plan .knp-service-art .ico-img > img {
  width: 88px !important;
  height: 72px !important;
  max-width: none !important;
  max-height: none !important;
  margin-left: -8px;
  object-fit: contain !important;
  filter: saturate(.88) contrast(1.04);
}

.knp-home-plan .knp-service-copy b {
  font-size: 13px !important;
  line-height: 1.08 !important;
}

.knp-home-plan .knp-service-copy small {
  margin-top: 3px !important;
  font-size: 10.5px !important;
  line-height: 1.14 !important;
}

.knp-home-plan .knp-all-services-button {
  min-height: 36px !important;
  margin-top: 6px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
}

.knp-home-plan .knp-places {
  gap: 5px !important;
}

.knp-home-plan .knp-place {
  grid-template-rows: 28px auto !important;
  min-height: 61px !important;
  padding: 6px !important;
  gap: 3px !important;
  border-radius: 12px !important;
}

.knp-home-plan .knp-place-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
}

.knp-home-plan .knp-place-icon svg {
  width: 15px !important;
  height: 15px !important;
}

.knp-home-plan .knp-place-copy b {
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.knp-home-plan .knp-community {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 40px !important;
  min-height: 58px !important;
  padding: 8px !important;
  gap: 9px !important;
  border-radius: 14px !important;
}

.knp-home-plan .knp-community > img {
  width: 38px !important;
  height: 38px !important;
}

.knp-home-plan .knp-community b {
  font-size: 12px !important;
}

.knp-home-plan .knp-community small {
  overflow: hidden;
  font-size: 10px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.knp-home-plan .knp-community button {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios {
  gap: 8px !important;
  padding: 8px 8px 92px !important;
  background: #f7f9f7 !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios > .order-service-banner-v11 {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-block-v11 {
  padding: 10px !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 {
  margin-bottom: 8px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 small {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 h3 {
  font-size: 16px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-preview-v11 {
  min-height: 158px !important;
  height: 158px !important;
  margin: 0 0 6px !important;
  border-radius: 14px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-preview-placeholder-v11 {
  min-height: 158px !important;
  padding: 18px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-v11 {
  border: 0 !important;
  border-radius: 0 !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11 {
  min-height: 48px !important;
  padding: 0 2px !important;
  border-bottom: 1px solid #e4e9e5 !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-marker-v11 {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  font-size: 11px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11 button {
  width: 44px !important;
  height: 44px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-connector-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .route-status-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .route-estimate-v21,
html[data-karuca-design="native-premium"] .order-composer-ios .zone-auto-v28,
html[data-karuca-design="native-premium"] .order-composer-ios .add-route-stop-v34 {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-grid {
  display: flex !important;
  gap: 7px !important;
  padding: 0 0 2px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-card {
  flex: 0 0 138px !important;
  min-height: 76px !important;
  padding: 7px !important;
  scroll-snap-align: start;
  border-radius: 13px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-art {
  width: 54px !important;
  height: 44px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 small {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-sticky-actions-v11 {
  left: 50% !important;
  right: auto !important;
  width: min(430px, 100vw) !important;
  padding: 8px 10px max(8px, env(safe-area-inset-bottom)) !important;
  transform: translateX(-50%);
  border-top: 1px solid #e3e9e4 !important;
  background: rgba(255,255,255,.97) !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-sticky-actions-v11 .btn.primary {
  min-height: 52px !important;
  border-radius: 13px !important;
}

@media (max-width: 359px) {
  .knp-home-active .main {
    padding-inline: 10px !important;
  }

  .knp-home-plan .knp-service {
    grid-template-columns: 62px minmax(0, 1fr) !important;
    min-height: 72px !important;
  }

  .knp-home-plan .knp-service-art {
    width: 62px !important;
  }

  .knp-home-plan .knp-service-art .ico-img > img {
    width: 76px !important;
    height: 66px !important;
  }
}

/* ===== karuca-board-v66.css ===== */
/*
 * Karuca approved 20-screen board
 * One restrained, native-feeling system for passenger, driver and support flows.
 */

:root {
  --kb-green: #079447;
  --kb-green-strong: #006f35;
  --kb-green-soft: #eaf8ef;
  --kb-ink: #111714;
  --kb-muted: #68716c;
  --kb-line: #dfe6e1;
  --kb-surface: #fff;
  --kb-canvas: #f5f7f5;
  --kb-danger: #e3484f;
  --kb-amber: #d99019;
  --kb-radius: 18px;
  --kb-radius-sm: 13px;
  --kb-shadow: 0 12px 30px rgba(24, 45, 34, .07);
}

html[data-karuca-design="native-premium"],
html[data-karuca-design="native-premium"] body,
html[data-karuca-design="native-premium"] button,
html[data-karuca-design="native-premium"] input,
html[data-karuca-design="native-premium"] select,
html[data-karuca-design="native-premium"] textarea {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
    "Inter", "Segoe UI", sans-serif !important;
  letter-spacing: -.012em;
}

html[data-karuca-design="native-premium"] body {
  color: var(--kb-ink);
  background: #e9eeea;
}

html[data-karuca-design="native-premium"] .app {
  width: min(100%, 430px);
  min-height: 100dvh;
  margin-inline: auto;
  overflow: clip;
  background: var(--kb-canvas);
  box-shadow: 0 0 0 1px rgba(11, 33, 22, .06), 0 22px 70px rgba(11, 33, 22, .16);
}

html[data-karuca-design="native-premium"] .main {
  background:
    radial-gradient(circle at 88% 0, rgba(205, 245, 219, .4), transparent 210px),
    var(--kb-canvas);
}

/* Shared shell */
html[data-karuca-design="native-premium"] .topbar {
  border-bottom: 1px solid var(--kb-line) !important;
  background: rgba(255,255,255,.94) !important;
  backdrop-filter: blur(18px) saturate(1.2);
}

html[data-karuca-design="native-premium"] .topbar-inner {
  min-height: 62px !important;
  padding-inline: 14px !important;
}

html[data-karuca-design="native-premium"] .top-menu,
html[data-karuca-design="native-premium"] .iconbtn,
html[data-karuca-design="native-premium"] .avatarbtn {
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 14px !important;
}

html[data-karuca-design="native-premium"] .brand-word {
  font-weight: 760 !important;
  letter-spacing: -.035em;
}

html[data-karuca-design="native-premium"] .karuca-page {
  width: 100%;
  max-width: none !important;
  padding: 16px 14px 104px !important;
}

html[data-karuca-design="native-premium"] .karuca-page h1,
html[data-karuca-design="native-premium"] .karuca-page .h1 {
  margin: 0;
  font-size: clamp(26px, 7vw, 32px) !important;
  line-height: 1.03 !important;
  font-weight: 770 !important;
  letter-spacing: -.045em !important;
}

html[data-karuca-design="native-premium"] .karuca-page h2,
html[data-karuca-design="native-premium"] .karuca-page .h2 {
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 750 !important;
  letter-spacing: -.035em !important;
}

html[data-karuca-design="native-premium"] .card,
html[data-karuca-design="native-premium"] .premium-section,
html[data-karuca-design="native-premium"] .item,
html[data-karuca-design="native-premium"] .profile-hero,
html[data-karuca-design="native-premium"] .profile-menu,
html[data-karuca-design="native-premium"] .driver-mode-card,
html[data-karuca-design="native-premium"] .profile-partner-card {
  border: 1px solid var(--kb-line) !important;
  border-radius: var(--kb-radius) !important;
  background: var(--kb-surface) !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .btn,
html[data-karuca-design="native-premium"] .primary-action,
html[data-karuca-design="native-premium"] .secondary-action {
  min-height: 48px;
  border-radius: 14px !important;
  font-weight: 720 !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .btn.primary,
html[data-karuca-design="native-premium"] .primary-action {
  border-color: var(--kb-green) !important;
  color: #fff !important;
  background: var(--kb-green) !important;
}

html[data-karuca-design="native-premium"] .btn.primary:active,
html[data-karuca-design="native-premium"] .primary-action:active {
  background: var(--kb-green-strong) !important;
  transform: scale(.985);
}

html[data-karuca-design="native-premium"] input,
html[data-karuca-design="native-premium"] select,
html[data-karuca-design="native-premium"] textarea {
  min-height: 48px;
  border: 1px solid var(--kb-line) !important;
  border-radius: 13px !important;
  color: var(--kb-ink) !important;
  background: #fff !important;
}

/* Home: approved board composition */
html[data-karuca-design="native-premium"] .knp-home-plan {
  padding: 16px 14px 110px !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-section {
  margin-top: 18px !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-section-head {
  margin-bottom: 9px !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-section-head h2 {
  font-size: 18px !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-places {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(134px, 42%) !important;
  grid-template-columns: none !important;
  gap: 9px !important;
  margin-inline: -14px !important;
  padding: 1px 14px 8px !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-places::-webkit-scrollbar {
  display: none;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place {
  position: relative;
  display: grid !important;
  grid-template: 42px auto / 42px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 92px !important;
  padding: 10px !important;
  gap: 7px 9px !important;
  overflow: hidden;
  scroll-snap-align: start;
  border: 1px solid var(--kb-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 5px 14px rgba(21, 46, 32, .04) !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place::after {
  position: absolute;
  inset: auto -18px -23px auto;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--place-glow, #e9f8ee);
  content: "";
  opacity: .75;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place-icon {
  grid-row: 1;
  grid-column: 1;
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  color: var(--place-color, #078e46) !important;
  background: var(--place-bg, #e9f8ef) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65);
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place-icon svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 1.75;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place-copy {
  grid-row: 2;
  grid-column: 1 / -1;
  min-width: 0;
  text-align: left;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place-copy b {
  display: block;
  margin-bottom: 2px;
  overflow: hidden;
  font-size: 13px !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place-copy small {
  display: block !important;
  overflow: hidden;
  color: var(--kb-muted);
  font-size: 10px !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place > .knp-arrow {
  display: grid !important;
  grid-row: 1;
  grid-column: 2;
  place-self: center end;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 50%;
  color: var(--place-color, #078e46);
  background: var(--place-bg, #e9f8ef);
  font-size: 13px;
}

.knp-place.is-work {
  --place-color: #2169c8;
  --place-bg: #eaf2ff;
  --place-glow: #e1ecff;
}

.knp-place.is-favorite {
  --place-color: #a46e00;
  --place-bg: #fff5d9;
  --place-glow: #ffedba;
}

.knp-place.is-add {
  --place-color: #7152b9;
  --place-bg: #f1ecff;
  --place-glow: #e8ddff;
}

/* All services */
html[data-karuca-design="native-premium"] .all-services-v65 {
  padding: 10px 12px 28px !important;
  background: var(--kb-canvas) !important;
}

html[data-karuca-design="native-premium"] .all-services-v65 .service-choice-v65 {
  min-height: 78px !important;
  padding: 9px 12px 9px 8px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .all-services-v65 .service-choice-art-v65 {
  width: 86px !important;
  min-width: 86px !important;
  height: 58px !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, #f0fbf4, #e5f7ec) !important;
}

html[data-karuca-design="native-premium"] .all-services-v65 .service-choice-art-v65 img {
  width: 94px !important;
  height: 66px !important;
  object-fit: contain;
}

/* Map picker and live maps */
html[data-karuca-design="native-premium"] .map-picker-v11,
html[data-karuca-design="native-premium"] .tracking-v35 {
  color: var(--kb-ink);
  background: var(--kb-canvas) !important;
}

html[data-karuca-design="native-premium"] .map-picker-header-v11 {
  top: max(10px, env(safe-area-inset-top)) !important;
  left: 12px !important;
  right: 12px !important;
  min-height: 58px !important;
  border: 1px solid rgba(215,225,218,.9) !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 10px 24px rgba(17,36,26,.12) !important;
  backdrop-filter: blur(16px);
}

html[data-karuca-design="native-premium"] .map-search-v11 {
  top: calc(max(10px, env(safe-area-inset-top)) + 68px) !important;
  left: 12px !important;
  right: 12px !important;
  min-height: 52px !important;
  border: 1px solid rgba(215,225,218,.9) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 8px 20px rgba(17,36,26,.1) !important;
}

html[data-karuca-design="native-premium"] .map-picker-sheet-v11 {
  border-radius: 24px 24px 0 0 !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 -12px 32px rgba(12,35,23,.12) !important;
}

html[data-karuca-design="native-premium"] .map-picker-actions-v11 {
  gap: 8px !important;
}

html[data-karuca-design="native-premium"] .tracking-live-v35 {
  margin: 0 0 10px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--kb-line);
  border-radius: 15px;
  background: #fff;
}

html[data-karuca-design="native-premium"] .tracking-v35 .map-full {
  min-height: 360px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 18px !important;
  overflow: hidden;
}

html[data-karuca-design="native-premium"] .tracking-metrics-v35 {
  gap: 8px !important;
}

html[data-karuca-design="native-premium"] .tracking-metrics-v35 > div,
html[data-karuca-design="native-premium"] .tracking-route-v35 {
  border: 1px solid var(--kb-line) !important;
  border-radius: 15px !important;
  background: #fff !important;
}

/* Booking / new trip */
html[data-karuca-design="native-premium"] .booking-page,
html[data-karuca-design="native-premium"] .order-composer-ios {
  background: var(--kb-canvas) !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-block-v11 {
  margin: 0 !important;
  border: 1px solid var(--kb-line) !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-card.active {
  border-color: var(--kb-green) !important;
  background: var(--kb-green-soft) !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-sticky-actions-v11 {
  box-shadow: 0 -8px 24px rgba(22,46,32,.07) !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios #oPrice {
  color: var(--kb-ink) !important;
  background: #fff !important;
  -webkit-text-fill-color: var(--kb-ink) !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-stepper-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .price-control-v11 {
  color: var(--kb-ink) !important;
  background: #092c1b !important;
}

/* Orders, proposals, live trip and completed trip */
html[data-karuca-design="native-premium"] .orders-page .order-card,
html[data-karuca-design="native-premium"] .orders-page .item,
html[data-karuca-design="native-premium"] .order-modal-card,
html[data-karuca-design="native-premium"] .order-live-v32 {
  border: 1px solid var(--kb-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .order-modal-card {
  padding: 12px !important;
}

html[data-karuca-design="native-premium"] .order-detail-map-v32 {
  min-height: 218px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 16px !important;
  overflow: hidden;
}

html[data-karuca-design="native-premium"] .order-status-v32,
html[data-karuca-design="native-premium"] .order-price-kpi,
html[data-karuca-design="native-premium"] .cash-inline-v40 {
  border: 1px solid #cce9d7 !important;
  border-radius: 16px !important;
  background: #f1fbf5 !important;
}

html[data-karuca-design="native-premium"] .order-price-kpi strong {
  display: inline-flex;
  direction: ltr;
  font-size: 28px !important;
  letter-spacing: -.04em;
}

html[data-karuca-design="native-premium"] .order-route-v32,
html[data-karuca-design="native-premium"] .order-details-grid,
html[data-karuca-design="native-premium"] .order-driver-card-v33,
html[data-karuca-design="native-premium"] .chat-mini-v33,
html[data-karuca-design="native-premium"] .driver-nav-v34 {
  border: 1px solid var(--kb-line) !important;
  border-radius: 17px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .assigned-driver-v35 {
  align-items: center !important;
}

html[data-karuca-design="native-premium"] .verified-driver-badge-v47 {
  width: max-content;
  margin-top: 5px !important;
  padding: 4px 8px !important;
  border: 1px solid #bee4ca;
  border-radius: 999px;
  color: #06753a;
  background: #effaf3;
}

html[data-karuca-design="native-premium"] .assigned-car-v35 {
  grid-template-columns: 54px minmax(0,1fr) !important;
  gap: 10px !important;
}

html[data-karuca-design="native-premium"] .assigned-car-art-v55 {
  width: 54px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: var(--kb-green-soft) !important;
}

html[data-karuca-design="native-premium"] .assigned-car-meta-v49 {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

html[data-karuca-design="native-premium"] .assigned-car-detail-v49 {
  min-width: 0;
  padding: 9px 10px !important;
  border: 1px solid var(--kb-line);
  border-radius: 12px;
  overflow: hidden;
}

html[data-karuca-design="native-premium"] .assigned-car-detail-v49 em,
html[data-karuca-design="native-premium"] .assigned-car-detail-v49 .tag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Profile */
html[data-karuca-design="native-premium"] .profile-page {
  display: grid;
  gap: 12px;
}

html[data-karuca-design="native-premium"] .profile-hero {
  padding: 14px !important;
  background:
    radial-gradient(circle at 93% 4%, #d8f8e1, transparent 145px),
    #fff !important;
}

html[data-karuca-design="native-premium"] .profile-identity {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) 44px !important;
  gap: 12px !important;
  align-items: center !important;
}

html[data-karuca-design="native-premium"] .profile-rating-stars-v34 {
  display: inline-flex !important;
  gap: 1px;
}

html[data-karuca-design="native-premium"] .profile-rating-stars-v34 svg {
  width: 15px !important;
  height: 15px !important;
}

html[data-karuca-design="native-premium"] .wallet-grid {
  gap: 8px !important;
}

html[data-karuca-design="native-premium"] .wallet-card {
  min-height: 84px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 15px !important;
  background: rgba(249,250,249,.92) !important;
}

html[data-karuca-design="native-premium"] .profile-menu,
html[data-karuca-design="native-premium"] .profile-menu.compact {
  overflow: hidden;
}

html[data-karuca-design="native-premium"] .profile-menu > button,
html[data-karuca-design="native-premium"] .profile-menu.compact > button,
html[data-karuca-design="native-premium"] .profile-partner-card > button {
  min-height: 62px !important;
  border-bottom: 1px solid var(--kb-line) !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .profile-menu > button:last-child {
  border-bottom: 0 !important;
}

html[data-karuca-design="native-premium"] .menu-icon,
html[data-karuca-design="native-premium"] .profile-editor-icon-v51 {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  color: var(--kb-green) !important;
  background: var(--kb-green-soft) !important;
}

html[data-karuca-design="native-premium"] .profile-editor-v51 {
  border: 1px solid var(--kb-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
}

/* Service families: transfer, airport, parcel, carpool, roadside */
html[data-karuca-design="native-premium"] .transfers-page,
html[data-karuca-design="native-premium"] .airport-page {
  display: grid;
  gap: 12px;
}

html[data-karuca-design="native-premium"] .premium-hero,
html[data-karuca-design="native-premium"] .airport-hero {
  min-height: 132px !important;
  padding: 18px !important;
  border: 1px solid #0b4a2b !important;
  border-radius: 20px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #06351f, #07552d) !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .airport-grid {
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 8px !important;
}

html[data-karuca-design="native-premium"] .airport-grid > button {
  min-height: 78px !important;
  padding: 11px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 15px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .airport-benefits {
  overflow: hidden;
}

html[data-karuca-design="native-premium"] .benefit-row {
  min-height: 64px !important;
  border-bottom: 1px solid var(--kb-line) !important;
}

html[data-karuca-design="native-premium"] .transfer-pilot-v23,
html[data-karuca-design="native-premium"] .service-shell-v26 {
  display: grid;
  gap: 12px;
  color: var(--kb-ink);
  background: var(--kb-canvas) !important;
}

html[data-karuca-design="native-premium"] .transfer-hero-v23 {
  min-height: 148px !important;
  padding: 18px !important;
  overflow: hidden;
  border: 1px solid #0b4a2b !important;
  border-radius: 20px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #052f1c, #07552d) !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .transfer-planner-v24,
html[data-karuca-design="native-premium"] .transfer-quick-v23,
html[data-karuca-design="native-premium"] .transfer-custom-v23,
html[data-karuca-design="native-premium"] .service-card-v26,
html[data-karuca-design="native-premium"] .service-history-wrap-v26 {
  padding: 14px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .transfer-place-v24,
html[data-karuca-design="native-premium"] .transfer-route-card-v23,
html[data-karuca-design="native-premium"] .carpool-ride-v26 {
  min-height: 62px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .carpool-driver-route-v96 {
  min-height: 88px !important;
  grid-template-columns: 34px minmax(0,1fr) 36px !important;
  padding: 14px !important;
  border-color: rgba(0,151,73,.28) !important;
}

html[data-karuca-design="native-premium"] .carpool-driver-route-v96 .carpool-driver-label-v96 {
  margin: 0 0 4px !important;
  color: var(--kb-green-strong) !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

html[data-karuca-design="native-premium"] .carpool-driver-route-v96 > button {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: var(--kb-ink) !important;
  font-size: 20px !important;
}

html[data-karuca-design="native-premium"] .parcel-types-v26 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 8px !important;
}

html[data-karuca-design="native-premium"] .parcel-types-v26 button {
  min-height: 82px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 15px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .parcel-types-v26 button.active {
  border-color: var(--kb-green) !important;
  color: var(--kb-green-strong) !important;
  background: var(--kb-green-soft) !important;
}

html[data-karuca-design="native-premium"] .carpool-mode-v58 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 8px !important;
}

html[data-karuca-design="native-premium"] .carpool-mode-v58 button {
  min-height: 72px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 15px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .carpool-mode-v58 button.active {
  border-color: var(--kb-green) !important;
  background: var(--kb-green-soft) !important;
}

html[data-karuca-design="native-premium"] .roadside-service-grid-v26 button,
html[data-karuca-design="native-premium"] .sos-type-grid button {
  border: 1px solid var(--kb-line) !important;
  border-radius: 15px !important;
  background: #fff !important;
}

/* Driver line, requests and routes */
html[data-karuca-design="native-premium"] .driver-page,
html[data-karuca-design="native-premium"] .driver-line-page {
  padding-inline: 14px !important;
}

html[data-karuca-design="native-premium"] .driver-hero,
html[data-karuca-design="native-premium"] .driver-line-hero {
  min-height: 150px !important;
  padding: 20px !important;
  border-radius: 22px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #052f1c, #064526) !important;
}

html[data-karuca-design="native-premium"] .driver-current-card,
html[data-karuca-design="native-premium"] .driver-request-card,
html[data-karuca-design="native-premium"] .transfer-card {
  border: 1px solid var(--kb-line) !important;
  border-radius: 17px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .driver-dashboard-v60,
html[data-karuca-design="native-premium"] .driver-active-v60,
html[data-karuca-design="native-premium"] .driver-location-card-v29,
html[data-karuca-design="native-premium"] .driver-publish-form-v64,
html[data-karuca-design="native-premium"] .driver-request-section {
  margin-top: 12px !important;
  padding: 14px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .driver-stat-grid > div,
html[data-karuca-design="native-premium"] .driver-pref-grid > label,
html[data-karuca-design="native-premium"] .driver-distance-grid-v35 > span {
  border: 1px solid var(--kb-line) !important;
  border-radius: 14px !important;
  background: #fafbfa !important;
}

html[data-karuca-design="native-premium"] .online-switch {
  min-height: 48px !important;
  padding: 8px 12px !important;
  border: 1px solid #c9e8d4 !important;
  border-radius: 999px !important;
  color: var(--kb-green-strong) !important;
  background: var(--kb-green-soft) !important;
}

html[data-karuca-design="native-premium"] .driver-operations-map-v29 {
  min-height: 280px !important;
  margin-top: 12px !important;
  overflow: hidden;
  border: 1px solid var(--kb-line) !important;
  border-radius: 16px !important;
}

html[data-karuca-design="native-premium"] .driver-published-card-v64 {
  border: 1px solid var(--kb-line) !important;
  border-radius: 17px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .driver-request-card .btn,
html[data-karuca-design="native-premium"] .driver-current-card .btn {
  min-height: 46px;
}

/* Verification, onboarding, roadside provider */
html[data-karuca-design="native-premium"] .provider-onboarding-v45,
html[data-karuca-design="native-premium"] .provider-form-v45 {
  display: grid;
  gap: 12px;
}

html[data-karuca-design="native-premium"] .provider-onboarding-hero-v45 {
  padding: 18px !important;
  border-radius: 20px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #12331f, #064526) !important;
}

html[data-karuca-design="native-premium"] .provider-services-v45 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html[data-karuca-design="native-premium"] .provider-services-v45 button,
html[data-karuca-design="native-premium"] .car-type-option {
  min-height: 76px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 15px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .provider-services-v45 button.active,
html[data-karuca-design="native-premium"] .car-type-option.active {
  border-color: var(--kb-green) !important;
  background: var(--kb-green-soft) !important;
}

html[data-karuca-design="native-premium"] .driver-docs-correction-v64 {
  padding: 14px !important;
  border: 1px solid #f1c37b !important;
  border-radius: 15px !important;
  color: #6d4300 !important;
  background: #fff8e9 !important;
}

/* Support */
html[data-karuca-design="native-premium"] .support-page,
html[data-karuca-design="native-premium"] .support-center-v45 {
  display: grid;
  gap: 12px;
}

html[data-karuca-design="native-premium"] .support-ticket,
html[data-karuca-design="native-premium"] .support-ticket-v45,
html[data-karuca-design="native-premium"] .support-new-v45 {
  border: 1px solid var(--kb-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .support-hero-v45 {
  padding: 18px !important;
  border-radius: 20px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #052f1c, #07552d) !important;
}

html[data-karuca-design="native-premium"] .support-actions-v45,
html[data-karuca-design="native-premium"] .support-list-v45,
html[data-karuca-design="native-premium"] .support-compose-v45 {
  padding: 14px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .support-ticket-row-v45 {
  min-height: 68px !important;
  border-bottom: 1px solid var(--kb-line) !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .support-ticket-icon-v45,
html[data-karuca-design="native-premium"] .support-compose-head-v45 > svg {
  color: var(--kb-green) !important;
  background: var(--kb-green-soft) !important;
}

html[data-karuca-design="native-premium"] .support-message-v45 {
  max-width: 86% !important;
  border-radius: 16px !important;
}

html[data-karuca-design="native-premium"] .support-message-v45.mine {
  color: #fff !important;
  background: var(--kb-green) !important;
}

/* One bottom navigation language */
html[data-karuca-design="native-premium"] .tabbar {
  left: 50% !important;
  right: auto !important;
  width: min(430px, 100vw) !important;
  transform: translateX(-50%) !important;
  border-top: 1px solid var(--kb-line) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 -10px 28px rgba(24, 45, 34, .06) !important;
  backdrop-filter: blur(18px);
}

html[data-karuca-design="native-premium"] .tabbar button,
html[data-karuca-design="native-premium"] .tab {
  min-height: 58px !important;
  border-radius: 15px !important;
}

html[data-karuca-design="native-premium"] .tabbar button.active,
html[data-karuca-design="native-premium"] .tab.active {
  color: var(--kb-green) !important;
  background: var(--kb-green-soft) !important;
}

/* Fullscreen modal follows same native shell */
html[data-karuca-design="native-premium"] .modal {
  background: rgba(11, 20, 15, .58) !important;
  backdrop-filter: blur(5px);
}

html[data-karuca-design="native-premium"] .modal-inner {
  width: min(100%, 430px) !important;
  border: 0 !important;
  background: var(--kb-canvas) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.2) !important;
}

html[data-karuca-design="native-premium"] .modal-header {
  min-height: 62px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid var(--kb-line) !important;
  background: rgba(255,255,255,.96) !important;
  backdrop-filter: blur(18px);
}

html[data-karuca-design="native-premium"] .modal-header .btn {
  min-height: 44px !important;
  padding-inline: 13px !important;
}

html[data-karuca-design="native-premium"] .modal-title {
  overflow: hidden;
  font-size: 16px !important;
  font-weight: 750 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 359px) {
  html[data-karuca-design="native-premium"] .karuca-page,
  html[data-karuca-design="native-premium"] .knp-home-plan {
    padding-inline: 10px !important;
  }

  html[data-karuca-design="native-premium"] .knp-home-plan .knp-places {
    grid-auto-columns: 145px !important;
    margin-inline: -10px !important;
    padding-inline: 10px !important;
  }

  html[data-karuca-design="native-premium"] .profile-identity {
    grid-template-columns: 56px minmax(0, 1fr) 42px !important;
    gap: 9px !important;
  }

  html[data-karuca-design="native-premium"] .assigned-car-meta-v49,
  html[data-karuca-design="native-premium"] .provider-services-v45 {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-karuca-design="native-premium"] *,
  html[data-karuca-design="native-premium"] *::before,
  html[data-karuca-design="native-premium"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* ===== karuca-plan-fidelity-v67.css ===== */
/*
 * Karuca plan-fidelity pass.
 * Structural corrections based on the approved 20-screen board.
 */

html[data-karuca-design="native-premium"] .modal-body,
html[data-karuca-design="native-premium"] .order-composer-ios,
html[data-karuca-design="native-premium"] .order-composer-ios * {
  min-width: 0;
  box-sizing: border-box;
}

html[data-karuca-design="native-premium"] .map-picker-v11 {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
}

/* Screen 1 — saved places: four clear, equal destinations, no cut-off text. */
html[data-karuca-design="native-premium"] .knp-home-plan .knp-places {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-auto-columns: auto !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  min-height: 91px !important;
  padding: 8px 7px !important;
  gap: 7px !important;
  overflow: hidden !important;
  border-radius: 15px !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place::after {
  right: -25px !important;
  bottom: -28px !important;
  width: 62px !important;
  height: 62px !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place-icon {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place-icon svg {
  width: 18px !important;
  height: 18px !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place-copy {
  display: block !important;
  width: 100%;
  min-width: 0;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place-copy b {
  font-size: 11px !important;
  line-height: 1.15 !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place-copy small {
  display: -webkit-box !important;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 8.5px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-service-art,
html[data-karuca-design="native-premium"] .knp-all-services .knp-service-art {
  overflow: hidden !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-service-art .ico-img,
html[data-karuca-design="native-premium"] .knp-home-plan .knp-service-art .ico-img > img,
html[data-karuca-design="native-premium"] .knp-all-services .knp-service-art .ico-img,
html[data-karuca-design="native-premium"] .knp-all-services .knp-service-art .ico-img > img {
  max-width: 100% !important;
  max-height: 100% !important;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-place > .knp-arrow {
  position: absolute !important;
  top: 10px;
  right: 7px;
  display: grid !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 11px !important;
}

/* Screens 3–4 — route and new order. */
html[data-karuca-design="native-premium"] .order-composer-ios {
  width: 100% !important;
  max-width: 100% !important;
  padding: 10px 10px 104px !important;
  gap: 10px !important;
  overflow-x: clip !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-block-v11 {
  align-self: stretch !important;
  width: auto !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding: 12px !important;
  overflow: hidden !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-block-v11 {
  order: 1;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-section {
  order: 2;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 {
  order: 3;
}

html[data-karuca-design="native-premium"] .order-composer-ios .essentials-block-v11 {
  order: 4;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-comment-v34 {
  order: 5;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-strategy,
html[data-karuca-design="native-premium"] .order-composer-ios .transfer-kind-section-v25 {
  order: 6;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-advanced-v11 {
  order: 7;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-cash-note-v40 {
  order: 8;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-legal-note-v59 {
  order: 9;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-sticky-actions-v11 {
  order: 10;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 {
  align-items: baseline !important;
  gap: 8px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 > span {
  max-width: 45%;
  overflow: hidden;
  font-size: 9px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  overflow: visible !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-section .vehicle-class-grid > .vehicle-class-card {
  position: relative;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 76px !important;
  padding: 8px !important;
  gap: 2px 7px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  justify-content: normal !important;
  justify-self: stretch !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-card.active {
  border-color: #0b9b4c !important;
  background: linear-gradient(145deg, #f5fff8, #e9f9ee) !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-art {
  grid-row: 1 / 3;
  grid-column: 1;
  width: 58px !important;
  height: 48px !important;
  padding: 4px !important;
  border-radius: 12px !important;
  background: #f2f5f3 !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-art img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 {
  display: grid !important;
  grid-column: 2;
  gap: 2px !important;
  text-align: left !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 b {
  overflow: hidden;
  font-size: 13px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 small {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 em {
  color: var(--kb-muted) !important;
  font-size: 10px !important;
  font-style: normal;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-check-v11 {
  top: 7px !important;
  right: 7px !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 11px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-control-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .price-stepper-v11 {
  display: grid !important;
  grid-template-columns: 48px minmax(110px, 1fr) 48px !important;
  width: min(100%, 290px) !important;
  margin-inline: auto !important;
  gap: 8px !important;
  background: transparent !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-control-v11 button,
html[data-karuca-design="native-premium"] .order-composer-ios .price-stepper-v11 button {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-input-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .price-value-v11 {
  width: 100% !important;
  max-width: none !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: #082b1a !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios #oPrice {
  width: 100% !important;
  min-width: 0 !important;
  padding-inline: 12px !important;
  text-align: center !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .grid2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
}

/* Airport form: no desktop rows squeezed into the phone. */
html[data-karuca-design="native-premium"] #airportFields {
  display: grid !important;
  gap: 10px !important;
  width: 100% !important;
}

html[data-karuca-design="native-premium"] #airportFields > .h2 {
  margin: 0 !important;
}

html[data-karuca-design="native-premium"] #airportFields .airport-search-v45 {
  position: relative;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 50px !important;
  padding: 0 12px !important;
  gap: 8px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] #airportFields .airport-search-v45 input {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html[data-karuca-design="native-premium"] #airportFields #airportSel {
  width: 100% !important;
}

html[data-karuca-design="native-premium"] #airportFields .seg {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  padding: 4px !important;
  gap: 4px !important;
  border-radius: 14px !important;
  background: #eef2ef !important;
}

html[data-karuca-design="native-premium"] #airportFields .seg-btn {
  width: 100% !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 11px !important;
}

html[data-karuca-design="native-premium"] #airportFields .seg-btn.active {
  color: #fff !important;
  background: var(--kb-green) !important;
}

html[data-karuca-design="native-premium"] #airportFields .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 112px !important;
  align-items: stretch !important;
  width: 100% !important;
  gap: 8px !important;
}

html[data-karuca-design="native-premium"] #airportFields .row input,
html[data-karuca-design="native-premium"] #airportFields .row button {
  width: 100% !important;
  min-width: 0 !important;
}

html[data-karuca-design="native-premium"] #airportFields .zone-auto-v28 {
  display: none !important;
}

html[data-karuca-design="native-premium"] .orders-hero .hero-kicker,
html[data-karuca-design="native-premium"] .orders-hero h1,
html[data-karuca-design="native-premium"] .orders-hero p {
  color: #fff !important;
}

html[data-karuca-design="native-premium"] .orders-filters-v58 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 4px !important;
  width: 100% !important;
  overflow: hidden !important;
}

html[data-karuca-design="native-premium"] .orders-filters-v58 button {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 5px !important;
  gap: 3px !important;
  font-size: 9px !important;
  white-space: nowrap !important;
}

html[data-karuca-design="native-premium"] .orders-filters-v58 button i {
  min-width: 18px !important;
  height: 18px !important;
  padding-inline: 3px !important;
}

html[data-karuca-design="native-premium"] .knp-all-services-button,
html[data-karuca-design="native-premium"] #homeAutoChatV65,
html[data-karuca-design="native-premium"] .transfer-back-v23,
html[data-karuca-design="native-premium"] .transfer-swap-v24,
html[data-karuca-design="native-premium"] #customTransferV23,
html[data-karuca-design="native-premium"] .chat-mini-v33 .btn,
html[data-karuca-design="native-premium"] .mapboxgl-ctrl button,
html[data-karuca-design="native-premium"] .leaflet-control button,
html[data-karuca-design="native-premium"] .leaflet-control a {
  min-width: 44px !important;
  min-height: 44px !important;
}

html[data-karuca-design="native-premium"] .avatar-edit {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
}

html[data-karuca-design="native-premium"] #mapOverlayClose,
html[data-karuca-design="native-premium"] #mapSearchClear,
html[data-karuca-design="native-premium"] .profile-settings,
html[data-karuca-design="native-premium"] .route-swap-v26,
html[data-karuca-design="native-premium"] .map-btn {
  min-width: 44px !important;
  min-height: 44px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios button,
html[data-karuca-design="native-premium"] .order-live-v32 button,
html[data-karuca-design="native-premium"] .driver-line-page button,
html[data-karuca-design="native-premium"] .driver-publish-page button,
html[data-karuca-design="native-premium"] #chatOpen {
  min-height: 44px !important;
  height: auto !important;
}

html[data-karuca-design="native-premium"] .driver-publish-page button {
  min-width: 44px !important;
}

html[data-karuca-design="native-premium"] .profile-page .profile-identity-copy-v34,
html[data-karuca-design="native-premium"] .profile-page .profile-rating-v34 {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-karuca-design="native-premium"] .profile-page .profile-identity-copy-v34 h1 {
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html[data-karuca-design="native-premium"] .profile-page .profile-rating-v34 {
  grid-template-columns: minmax(0, auto) auto minmax(0, 1fr) !important;
  overflow: hidden !important;
}

html[data-karuca-design="native-premium"] .profile-page .profile-rating-stars-v34 {
  width: 60px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html[data-karuca-design="native-premium"] .profile-page .profile-rating-stars-v34 i,
html[data-karuca-design="native-premium"] .profile-page .profile-rating-stars-v34 svg {
  width: 10px !important;
  height: 10px !important;
  flex-basis: 10px !important;
}

html[data-karuca-design="native-premium"] .service-composer-v26 {
  padding-bottom: 88px !important;
}

html[data-karuca-design="native-premium"] .service-composer-v26 .service-submit-v26 {
  bottom: 8px !important;
}

html[data-karuca-design="native-premium"] .sos-types-v26 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html[data-karuca-design="native-premium"] .sos-types-v26 button {
  min-width: 0 !important;
  min-height: 92px !important;
  padding: 10px 6px !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: center !important;
}

html[data-karuca-design="native-premium"] .sos-types-v26 button b {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  line-height: 1.2 !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11 {
  width: 100% !important;
  max-width: 100% !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11 {
  grid-template-columns: 28px minmax(0, 1fr) 44px !important;
}

@media (max-width: 359px) {
  html[data-karuca-design="native-premium"] .knp-home-plan .knp-places {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-karuca-design="native-premium"] .knp-home-plan .knp-place {
    min-height: 76px !important;
  }

  html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-grid {
    grid-template-columns: 1fr !important;
  }

  html[data-karuca-design="native-premium"] #airportFields .row {
    grid-template-columns: 1fr !important;
  }
}

/* ===== karuca-master-plan-v68.css ===== */
/*
 * Karuca master plan v68
 * Canonical visual layer for the approved 20-screen product board.
 * Business logic remains in app-v45.js; this file owns the visual language.
 */

:root {
  --karuca-bg: #f6f7f5;
  --karuca-surface: #ffffff;
  --karuca-soft: #f0f3f0;
  --karuca-ink: #0a110d;
  --karuca-muted: #717a74;
  --karuca-line: #dfe5e0;
  --karuca-green: #08a844;
  --karuca-green-bright: #20c75a;
  --karuca-green-deep: #052d1b;
  --karuca-green-soft: #e8f8ed;
  --karuca-red: #d92d36;
  --karuca-amber: #e89a13;
  --karuca-radius-card: 18px;
  --karuca-radius-control: 13px;
  --karuca-shadow: 0 7px 22px rgba(5, 45, 27, .055);
  --karuca-font: -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html[data-karuca-design="native-premium"] body,
html[data-karuca-design="native-premium"] body * {
  font-family: var(--karuca-font) !important;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[data-karuca-design="native-premium"],
html[data-karuca-design="native-premium"] body {
  color: var(--karuca-ink);
  background: var(--karuca-bg);
  font-family: var(--karuca-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
}

html[data-karuca-design="native-premium"] *,
html[data-karuca-design="native-premium"] *::before,
html[data-karuca-design="native-premium"] *::after {
  box-sizing: border-box;
}

html[data-karuca-design="native-premium"] button,
html[data-karuca-design="native-premium"] input,
html[data-karuca-design="native-premium"] select,
html[data-karuca-design="native-premium"] textarea {
  font-family: var(--karuca-font);
}

html[data-karuca-design="native-premium"] button {
  min-height: 44px;
  cursor: pointer;
}

html[data-karuca-design="native-premium"] .main {
  width: min(100%, 430px);
  margin-inline: auto;
}

/* Native frame */
html[data-karuca-design="native-premium"] .topbar {
  min-height: 58px;
  border-bottom: 1px solid var(--karuca-line);
  background: rgba(255, 255, 255, .97);
  box-shadow: none;
  backdrop-filter: blur(18px) saturate(140%);
}

html[data-karuca-design="native-premium"] .topbar-inner {
  width: min(100%, 430px);
  min-height: 58px;
  padding: 6px 12px;
}

html[data-karuca-design="native-premium"] .top-menu,
html[data-karuca-design="native-premium"] .iconbtn,
html[data-karuca-design="native-premium"] .avatarbtn {
  width: 44px;
  min-width: 44px;
  height: 44px;
  border: 0;
  border-radius: 13px;
  background: var(--karuca-soft);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .brand {
  gap: 8px;
}

html[data-karuca-design="native-premium"] .brand-img {
  width: 32px;
  height: 32px;
}

html[data-karuca-design="native-premium"] .brand-word {
  color: var(--karuca-ink);
  font-size: 17px;
  font-weight: 750;
}

html[data-karuca-design="native-premium"] .tabbar {
  padding: 0;
  border: 0;
  background: transparent;
}

html[data-karuca-design="native-premium"] .tabbar-inner {
  width: min(100%, 430px);
  min-height: 64px;
  margin: 0 auto;
  padding: 4px 8px max(4px, env(safe-area-inset-bottom));
  border: 1px solid var(--karuca-line);
  border-bottom: 0;
  border-radius: 22px 22px 0 0;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 -5px 18px rgba(5, 45, 27, .045);
}

html[data-karuca-design="native-premium"] .tab {
  min-height: 54px;
  border-radius: 15px;
  color: #7e8580;
  font-size: 9.5px;
  font-weight: 590;
}

html[data-karuca-design="native-premium"] .tab svg {
  width: 20px;
  height: 20px;
}

html[data-karuca-design="native-premium"] .tab.active {
  color: var(--karuca-green);
  background: var(--karuca-green-soft);
}

/* Home — screen 1 */
html[data-karuca-design="native-premium"] .knp-home-plan {
  gap: 14px;
  padding: 18px 14px 92px;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-destination {
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-destination::after {
  display: none;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-destination h1 {
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: 780;
  line-height: 1.05;
  letter-spacing: -.045em;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-search {
  grid-template-columns: 36px minmax(0, 1fr) 22px;
  min-height: 52px;
  padding: 7px 12px 7px 7px;
  gap: 8px;
  border: 1px solid var(--karuca-line);
  border-radius: 15px;
  background: var(--karuca-surface);
  box-shadow: var(--karuca-shadow);
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-search-icon {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: transparent;
  color: var(--karuca-green);
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-search-icon svg {
  width: 18px;
  height: 18px;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-search-copy b {
  font-size: 13px;
  font-weight: 650;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-active-trip {
  grid-template-columns: 38px minmax(0, 1fr) 18px;
  min-height: 58px;
  padding: 9px;
  gap: 9px;
  border-color: #ccebd5;
  border-radius: 15px;
  background: var(--karuca-surface);
  box-shadow: var(--karuca-shadow);
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-active-trip > span:first-child {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: #fff;
  background: var(--karuca-green);
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-active-trip b {
  font-size: 13px;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-active-trip small {
  font-size: 10px;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-section-head {
  margin: 0 1px 8px;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-section-head h2 {
  font-size: 15px;
  font-weight: 730;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-service {
  grid-template-columns: 64px minmax(0, 1fr);
  grid-template-rows: auto;
  align-items: center;
  min-height: 82px;
  padding: 8px;
  gap: 8px;
  border: 1px solid var(--karuca-line);
  border-radius: 15px;
  background: var(--karuca-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-service-art {
  grid-column: 1;
  grid-row: 1;
  width: 64px;
  height: 64px;
  border-radius: 14px;
  background: var(--karuca-green-soft);
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-service-art .ico-img,
html[data-karuca-design="native-premium"] .knp-home-plan .knp-service-art .ico-img > img {
  width: 62px;
  max-width: 62px;
  height: 54px;
  max-height: 54px;
  object-fit: contain;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-service-copy {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-service-copy b {
  font-size: 12px;
  font-weight: 710;
  line-height: 1.15;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-service-copy small {
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.2;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-service .knp-arrow {
  display: none;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-all-services-button {
  min-height: 36px;
  margin-top: 6px;
  border: 1px solid var(--karuca-line);
  border-radius: 11px;
  color: var(--karuca-ink);
  background: var(--karuca-surface);
  font-size: 11px;
  font-weight: 580;
}

html[data-karuca-design="native-premium"] .knp-home-plan .knp-routes {
  padding: 12px;
  overflow: hidden;
  border: 1px solid var(--karuca-line);
  border-radius: 18px;
  background: var(--karuca-surface);
}

html[data-karuca-design="native-premium"] .knp-routes-head {
  align-items: end;
  margin-bottom: 10px;
}

html[data-karuca-design="native-premium"] .knp-routes-head .knp-eyebrow {
  display: block;
  margin-bottom: 3px;
  color: #118444;
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .13em;
}

html[data-karuca-design="native-premium"] .knp-routes-head button {
  min-height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: 10px;
  color: #137f42;
  background: #ebf8ef;
  font-size: 9px;
  font-weight: 650;
}

html[data-karuca-design="native-premium"] .knp-route-list {
  overflow: hidden;
  border: 1px solid #e1e8e3;
  border-radius: 14px;
  background: #fff;
}

html[data-karuca-design="native-premium"] .knp-route-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 16px;
  align-items: center;
  width: 100%;
  min-height: 54px;
  padding: 7px 10px;
  gap: 9px;
  border: 0;
  color: var(--karuca-ink);
  background: transparent;
  text-align: left;
}

html[data-karuca-design="native-premium"] .knp-route-row + .knp-route-row {
  border-top: 1px solid #edf1ee;
}

html[data-karuca-design="native-premium"] .knp-route-icon,
html[data-karuca-design="native-premium"] .knp-route-actions > button > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: #078b43;
  background: #e8f8ed;
}

html[data-karuca-design="native-premium"] .knp-route-row.is-work .knp-route-icon {
  color: #286db4;
  background: #ebf3ff;
}

html[data-karuca-design="native-premium"] .knp-route-icon svg,
html[data-karuca-design="native-premium"] .knp-route-actions svg {
  width: 32px;
  height: 32px;
}

html[data-karuca-design="native-premium"] .knp-place-art-v69 {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}

html[data-karuca-design="native-premium"] .knp-route-icon .knp-place-art-v69 svg {
  width: 34px;
  height: 34px;
}

html[data-karuca-design="native-premium"] .knp-route-copy {
  min-width: 0;
}

html[data-karuca-design="native-premium"] .knp-route-copy b {
  display: block;
  font-size: 11px;
  font-weight: 680;
  line-height: 1.2;
}

html[data-karuca-design="native-premium"] .knp-route-copy small {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: var(--karuca-muted);
  font-size: 8px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-karuca-design="native-premium"] .knp-route-arrow {
  color: #789086;
  font-size: 20px;
  font-weight: 400;
}

html[data-karuca-design="native-premium"] .knp-route-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 8px;
}

html[data-karuca-design="native-premium"] .knp-route-actions > button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  min-width: 0;
  min-height: 48px;
  padding: 6px 8px;
  column-gap: 7px;
  border: 1px solid #e2e9e4;
  border-radius: 13px;
  color: var(--karuca-ink);
  background: #f8faf8;
  text-align: left;
}

html[data-karuca-design="native-premium"] .knp-route-actions > button > span {
  grid-row: 1 / 3;
  width: 34px;
  height: 34px;
}

html[data-karuca-design="native-premium"] .knp-route-actions > button:first-child > span {
  color: #9a6b00;
  background: #fff3cd;
}

html[data-karuca-design="native-premium"] .knp-route-actions b {
  overflow: hidden;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-karuca-design="native-premium"] .knp-route-actions small {
  overflow: hidden;
  color: var(--karuca-muted);
  font-size: 7px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-karuca-design="native-premium"] .knp-community {
  min-height: 54px;
  padding: 7px 8px;
  border: 1px solid var(--karuca-line);
  border-radius: 14px;
  background: var(--karuca-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .knp-community img {
  width: 38px;
  height: 38px;
}

html[data-karuca-design="native-premium"] .knp-community b {
  font-size: 11px;
}

html[data-karuca-design="native-premium"] .knp-community small {
  font-size: 8.5px;
}

html[data-karuca-design="native-premium"] .knp-home-ad {
  position: relative;
  display: block;
  min-height: 154px;
  padding: 13px;
  overflow: hidden;
  border: 1px solid #b8ddc1;
  border-radius: 20px;
  color: #09271a;
  background:
    radial-gradient(circle at 82% 15%, rgba(255,255,255,.72), transparent 28%),
    linear-gradient(126deg, #effaf1 0%, #dff6df 54%, #98ea82 100%);
  box-shadow: 0 10px 28px rgba(18, 91, 48, .1);
  cursor: pointer;
}

html[data-karuca-design="native-premium"] .knp-home-ad:focus-visible {
  outline: 3px solid rgba(39, 201, 93, .35);
  outline-offset: 2px;
}

html[data-karuca-design="native-premium"] .knp-home-ad::after {
  position: absolute;
  right: -18px;
  bottom: 22px;
  width: 82px;
  height: 82px;
  border: 1px solid rgba(8, 70, 38, .14);
  border-radius: 50%;
  content: "";
}

html[data-karuca-design="native-premium"] .knp-home-ad-head,
html[data-karuca-design="native-premium"] .knp-home-ad-foot {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

html[data-karuca-design="native-premium"] .knp-home-ad-head > small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

html[data-karuca-design="native-premium"] .knp-home-ad-head > small i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #0ca34f;
  box-shadow: 0 0 0 4px rgba(12, 163, 79, .12);
}

html[data-karuca-design="native-premium"] .knp-home-ad-head > em {
  color: rgba(9, 39, 26, .58);
  font-size: 6.5px;
  font-style: normal;
  font-weight: 720;
  letter-spacing: .15em;
}

html[data-karuca-design="native-premium"] .knp-home-ad-body {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 76px;
  align-items: center;
  min-height: 78px;
  gap: 10px;
}

html[data-karuca-design="native-premium"] .knp-home-ad-art {
  position: relative;
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 22px 22px 8px 22px;
  color: #dfffe3;
  background: linear-gradient(145deg, #0b2d1d, #07502a);
  box-shadow: 0 11px 22px rgba(8, 62, 34, .22);
  transform: rotate(3deg);
}

html[data-karuca-design="native-premium"] .knp-home-ad-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html[data-karuca-design="native-premium"] .knp-home-ad-art strong {
  position: relative;
  z-index: 2;
  font-size: 31px;
  font-weight: 850;
  letter-spacing: -.06em;
}

html[data-karuca-design="native-premium"] .knp-home-ad-ring {
  position: absolute;
  width: 45px;
  height: 45px;
  border: 1px solid rgba(143, 243, 145, .38);
  border-radius: 50%;
}

html[data-karuca-design="native-premium"] .knp-home-ad-spark {
  position: absolute;
  top: 7px;
  right: 9px;
  color: #9ef29b;
  font-size: 10px;
  font-style: normal;
}

html[data-karuca-design="native-premium"] .knp-home-ad-copy {
  min-width: 0;
}

html[data-karuca-design="native-premium"] .knp-home-ad-copy b {
  display: block;
  max-width: 185px;
  font-size: 15px;
  font-weight: 760;
  letter-spacing: -.025em;
  line-height: 1.08;
}

html[data-karuca-design="native-premium"] .knp-home-ad-copy em {
  display: -webkit-box;
  max-width: 195px;
  margin-top: 6px;
  overflow: hidden;
  color: rgba(9, 39, 26, .64);
  font-size: 7.5px;
  font-style: normal;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html[data-karuca-design="native-premium"] .knp-home-ad-foot {
  min-height: 34px;
  padding-top: 8px;
  border-top: 1px solid rgba(8, 70, 38, .12);
}

html[data-karuca-design="native-premium"] .knp-home-ad-foot > span {
  color: rgba(9, 39, 26, .5);
  font-size: 6.8px;
  font-weight: 600;
}

html[data-karuca-design="native-premium"] .knp-home-ad-foot > b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 8.5px;
  font-weight: 730;
}

html[data-karuca-design="native-premium"] .knp-home-ad-foot > b i {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 9px;
  color: #fff;
  background: #092d1d;
  font-size: 12px;
  font-style: normal;
}

html[data-karuca-design="native-premium"] .ad-request-hero-v69 {
  padding: 16px;
  border: 1px solid #bce4c5;
  border-radius: 20px;
  color: #0a2c1d;
  background:
    radial-gradient(circle at 92% 12%, rgba(117, 232, 127, .6), transparent 34%),
    linear-gradient(135deg, #f0fbf2, #dff6e3);
}

html[data-karuca-design="native-premium"] .ad-request-hero-v69 > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #087d3d;
  font-size: 8px;
  font-weight: 760;
  letter-spacing: .12em;
}

html[data-karuca-design="native-premium"] .ad-request-hero-v69 > span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #13b657;
  box-shadow: 0 0 0 5px rgba(19, 182, 87, .12);
}

html[data-karuca-design="native-premium"] .ad-request-hero-v69 h2 {
  max-width: 260px;
  margin: 13px 0 7px;
  font-size: 24px;
  font-weight: 760;
  letter-spacing: -.04em;
  line-height: 1.04;
}

html[data-karuca-design="native-premium"] .ad-request-hero-v69 p {
  max-width: 320px;
  margin: 0;
  color: #577064;
  font-size: 11px;
  line-height: 1.45;
}

html[data-karuca-design="native-premium"] .ad-request-form-v69 {
  display: grid;
  gap: 12px;
  padding: 14px 2px 8px;
}

html[data-karuca-design="native-premium"] .ad-request-grid-v69 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

html[data-karuca-design="native-premium"] .ad-request-form-v69 label:not(.ad-request-consent-v69) {
  display: grid;
  gap: 6px;
}

html[data-karuca-design="native-premium"] .ad-request-form-v69 label > span {
  color: #52645a;
  font-size: 9px;
  font-weight: 620;
}

html[data-karuca-design="native-premium"] .ad-request-form-v69 input,
html[data-karuca-design="native-premium"] .ad-request-form-v69 select,
html[data-karuca-design="native-premium"] .ad-request-form-v69 textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px;
  border: 1px solid #dbe4de;
  border-radius: 13px;
  color: #122219;
  background: #fff;
  font: inherit;
  font-size: 12px;
  outline: none;
}

html[data-karuca-design="native-premium"] .ad-request-form-v69 textarea {
  min-height: 104px;
  line-height: 1.4;
  resize: vertical;
}

html[data-karuca-design="native-premium"] .ad-request-form-v69 input:not([type="checkbox"]):focus,
html[data-karuca-design="native-premium"] .ad-request-form-v69 select:focus,
html[data-karuca-design="native-premium"] .ad-request-form-v69 textarea:focus {
  border-color: #16aa53;
  box-shadow: 0 0 0 3px rgba(22, 170, 83, .1);
}

html[data-karuca-design="native-premium"] .ad-request-prefix-v69 {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  overflow: hidden;
  border: 1px solid #dbe4de;
  border-radius: 13px;
  background: #f3f7f4;
}

html[data-karuca-design="native-premium"] .ad-request-prefix-v69 b {
  text-align: center;
  color: #148148;
  font-size: 14px;
}

html[data-karuca-design="native-premium"] .ad-request-prefix-v69 input {
  border: 0;
  border-radius: 0;
}

html[data-karuca-design="native-premium"] .ad-request-consent-v69 {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 9px 11px;
  border-radius: 12px;
  background: #f3f7f4;
}

html[data-karuca-design="native-premium"] .ad-request-consent-v69 input {
  position: relative;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid #a9b8af !important;
  border-radius: 7px !important;
  outline: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html[data-karuca-design="native-premium"] .ad-request-consent-v69 input:checked {
  border-color: #0d9f4a !important;
  background-color: #0d9f4a !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 10 3 3 7-7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 18px !important;
}

html[data-karuca-design="native-premium"] .ad-request-consent-v69 input:focus,
html[data-karuca-design="native-premium"] .ad-request-consent-v69 input:focus-visible,
html[data-karuca-design="native-premium"] .ad-request-consent-v69 input:active {
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .ad-request-consent-v69 span {
  font-size: 9px;
  line-height: 1.4;
}

html[data-karuca-design="native-premium"] .ad-request-submit-v69 {
  min-height: 52px;
}

html[data-karuca-design="native-premium"] .ad-request-submit-v69 .ui-icon {
  width: 18px;
  height: 18px;
}

html[data-karuca-design="native-premium"] .ad-request-note-v69 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #718078;
  font-size: 8px;
  line-height: 1.3;
  text-align: center;
}

html[data-karuca-design="native-premium"] .ad-request-note-v69 .ui-icon {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  color: #1b9250;
}

html[data-karuca-design="native-premium"] .ad-request-message-v69 {
  min-height: 16px;
  color: #ba3030;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
}

html[data-karuca-design="native-premium"] .ad-request-success-v69 {
  display: grid;
  justify-items: center;
  padding: 22px 12px;
  text-align: center;
}

html[data-karuca-design="native-premium"] .ad-request-success-v69 > .ui-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  color: #fff;
  background: #12ae52;
}

html[data-karuca-design="native-premium"] .ad-request-success-v69 > small {
  margin-top: 13px;
  color: #138047;
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .08em;
}

html[data-karuca-design="native-premium"] .ad-request-success-v69 h2 {
  margin: 8px 0 5px;
  font-size: 22px;
}

html[data-karuca-design="native-premium"] .ad-request-success-v69 p {
  max-width: 310px;
  margin: 0 0 18px;
  color: #67746d;
  font-size: 11px;
  line-height: 1.45;
}

html[data-karuca-design="native-premium"] .ad-request-success-v69 .btn {
  width: 100%;
}

html[data-karuca-design="native-premium"] .saved-places-v58 > header > span,
html[data-karuca-design="native-premium"] .saved-place-icon-v58 {
  overflow: hidden;
  color: inherit;
  background: #eff9f2;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .saved-places-v58 > header > span {
  flex-basis: 48px;
  height: 48px;
  border: 1px solid #d3ebda;
  border-radius: 16px;
}

html[data-karuca-design="native-premium"] .saved-place-icon-v58 {
  width: 44px;
  height: 44px;
}

html[data-karuca-design="native-premium"] .saved-places-v58 .knp-place-art-v69 svg {
  width: 40px;
  height: 40px;
}

html[data-karuca-design="native-premium"] .saved-place-edit-v58 {
  min-height: 38px;
  border-color: #dbe5de;
  border-radius: 13px;
  background: #f5f8f6;
}

html[data-karuca-design="native-premium"] .saved-place-edit-v58 .ui-icon {
  width: 17px;
  height: 17px;
}

html[data-karuca-design="native-premium"] .saved-place-add-v58 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

html[data-karuca-design="native-premium"] .saved-place-add-v58 .knp-place-art-v69 {
  width: 32px;
  height: 32px;
}

html[data-karuca-design="native-premium"] .saved-place-add-v58 .knp-place-art-v69 svg {
  width: 30px;
  height: 30px;
}

/* Screen 2 — all services */
html[data-karuca-design="native-premium"] .knp-all-services {
  display: grid;
  gap: 5px;
  padding: 2px 0 10px;
}

html[data-karuca-design="native-premium"] .knp-all-services .knp-service {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 20px;
  grid-template-rows: auto;
  align-items: center;
  min-height: 63px;
  padding: 5px 8px;
  gap: 8px;
  border: 0;
  border-bottom: 1px solid var(--karuca-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .knp-all-services .knp-service-art {
  grid-column: 1;
  grid-row: 1;
  width: 54px;
  height: 50px;
  border-radius: 12px;
  background: var(--karuca-green-soft);
}

html[data-karuca-design="native-premium"] .knp-all-services .knp-service-art .ico-img,
html[data-karuca-design="native-premium"] .knp-all-services .knp-service-art .ico-img > img {
  width: 52px;
  max-width: 52px;
  height: 44px;
  max-height: 44px;
  object-fit: contain;
}

html[data-karuca-design="native-premium"] .knp-all-services .knp-service-copy {
  grid-column: 2;
}

html[data-karuca-design="native-premium"] .knp-all-services .knp-service-copy b {
  font-size: 13px;
  font-weight: 690;
}

html[data-karuca-design="native-premium"] .knp-all-services .knp-service-copy small {
  font-size: 9px;
}

html[data-karuca-design="native-premium"] .knp-all-services .knp-service .knp-arrow {
  display: block;
  grid-column: 3;
  color: #8c948e;
  font-size: 15px;
}

/* Shared modal frame for screens 2–20 */
html[data-karuca-design="native-premium"] .modal {
  background: rgba(7, 14, 10, .42);
  backdrop-filter: blur(6px);
}

html[data-karuca-design="native-premium"] .modal-inner {
  width: min(100%, 430px);
  max-width: 430px;
  border: 0;
  border-radius: 24px 24px 0 0;
  background: var(--karuca-bg);
  box-shadow: 0 20px 70px rgba(0, 0, 0, .2);
}

html[data-karuca-design="native-premium"] .modal-head {
  min-height: 58px;
  padding: 7px 10px;
  border-bottom: 1px solid var(--karuca-line);
  background: var(--karuca-surface);
}

html[data-karuca-design="native-premium"] .modal-title {
  font-size: 15px;
  font-weight: 730;
}

html[data-karuca-design="native-premium"] .modal-close,
html[data-karuca-design="native-premium"] .modal-back {
  min-width: 44px;
  height: 44px;
  border: 1px solid var(--karuca-line);
  border-radius: 13px;
  background: var(--karuca-bg);
}

html[data-karuca-design="native-premium"] .modal-body {
  padding: 10px;
  background: var(--karuca-bg);
}

/* Screens 3, 4 and 12 — route composer */
html[data-karuca-design="native-premium"] .order-composer-ios {
  padding: 0 0 86px;
  gap: 8px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-block-v11 {
  padding: 11px;
  border: 1px solid var(--karuca-line);
  border-radius: var(--karuca-radius-card);
  background: var(--karuca-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 {
  margin-bottom: 9px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 h2,
html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 .h2 {
  font-size: 15px;
  font-weight: 730;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-map-v11 {
  min-height: 154px;
  border: 0;
  border-radius: 14px;
  background: #edf2ee;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-v11 {
  margin-top: 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11 {
  grid-template-columns: 28px minmax(0, 1fr) 44px;
  min-height: 48px;
  border-bottom: 1px solid var(--karuca-line);
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11 input {
  min-height: 44px;
  border: 0;
  background: transparent;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  overflow: visible !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-section .vehicle-class-grid > .vehicle-class-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 40px auto !important;
  min-height: 78px !important;
  padding: 5px 3px !important;
  gap: 4px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background: var(--karuca-bg) !important;
  text-align: center !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-card.active {
  border-color: var(--karuca-green) !important;
  background: var(--karuca-green-soft) !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-art {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: 40px !important;
  padding: 0 !important;
  background: transparent !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 {
  grid-column: 1 !important;
  grid-row: 2 !important;
  text-align: center !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 b {
  font-size: 9.5px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 em {
  display: none;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-control-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .price-stepper-v11 {
  grid-template-columns: 44px minmax(100px, 150px) 44px;
  justify-content: center;
  gap: 7px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-control-v11 button,
html[data-karuca-design="native-premium"] .order-composer-ios .price-stepper-v11 button {
  width: 44px;
  min-width: 44px;
  height: 44px;
  border-radius: 12px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-input-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .price-value-v11 {
  min-height: 44px;
  border-radius: 12px;
  color: #fff;
  background: var(--karuca-green-deep);
  font-size: 21px;
  font-weight: 760;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-sticky-actions-v11 {
  padding: 8px 10px max(8px, env(safe-area-inset-bottom));
  border-top: 1px solid var(--karuca-line);
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 -7px 20px rgba(5, 45, 27, .06);
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-sticky-actions-v11 .btn,
html[data-karuca-design="native-premium"] .service-submit-v26,
html[data-karuca-design="native-premium"] .btn.primary {
  min-height: 48px;
  border: 0;
  border-radius: 13px;
  color: #fff;
  background: var(--karuca-green);
  box-shadow: none;
  font-weight: 700;
}

/* Screens 6–10 — offers and trip states */
html[data-karuca-design="native-premium"] .order-live-v32 {
  display: grid;
  gap: 9px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .order-live-v32 > * {
  min-width: 0;
}

html[data-karuca-design="native-premium"] .order-modal-heading,
html[data-karuca-design="native-premium"] .order-status-v32,
html[data-karuca-design="native-premium"] .order-price-kpi,
html[data-karuca-design="native-premium"] .cash-inline-v40,
html[data-karuca-design="native-premium"] .order-route-v32,
html[data-karuca-design="native-premium"] .driver-card-v32,
html[data-karuca-design="native-premium"] .chat-mini-v33,
html[data-karuca-design="native-premium"] .driver-status-v34,
html[data-karuca-design="native-premium"] .order-safety-v33 {
  padding: 11px;
  border: 1px solid var(--karuca-line);
  border-radius: var(--karuca-radius-card);
  background: var(--karuca-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .order-modal-heading {
  min-height: 64px;
}

html[data-karuca-design="native-premium"] .order-detail-map-v32 {
  min-height: 218px;
  overflow: hidden;
  border: 1px solid var(--karuca-line);
  border-radius: var(--karuca-radius-card);
  background: #edf2ee;
}

html[data-karuca-design="native-premium"] .order-status-v32 {
  grid-template-columns: 40px minmax(0, 1fr);
  min-height: 62px;
  border-color: #cbe9d4;
  background: var(--karuca-green-soft);
}

html[data-karuca-design="native-premium"] .order-status-v32 > span {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  color: var(--karuca-green);
  background: #fff;
}

html[data-karuca-design="native-premium"] .order-status-v32 b {
  font-size: 14px;
}

html[data-karuca-design="native-premium"] .order-price-kpi {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-height: 72px;
  border-color: #cbe9d4;
  background: var(--karuca-green-soft);
}

html[data-karuca-design="native-premium"] .order-price-kpi .value {
  color: var(--karuca-ink) !important;
  font-size: 29px;
  font-weight: 790;
  letter-spacing: -.04em;
}

html[data-karuca-design="native-premium"] .order-price-kpi .unit {
  color: #087737;
  font-size: 9px;
  font-weight: 740;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html[data-karuca-design="native-premium"] .order-trip-meta-v32 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

html[data-karuca-design="native-premium"] .order-trip-meta-v32 > span {
  justify-content: center;
  min-width: 0;
  padding: 7px 4px;
  overflow: hidden;
  border: 1px solid var(--karuca-line);
  border-radius: 10px;
  background: var(--karuca-surface);
  font-size: 8.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-karuca-design="native-premium"] .order-actions-v32 {
  display: grid;
  gap: 7px;
}

html[data-karuca-design="native-premium"] .order-actions-v32 .btn {
  min-height: 46px;
  border-radius: 13px;
}

html[data-karuca-design="native-premium"] .order-state-offered .order-modal-heading,
html[data-karuca-design="native-premium"] .order-state-offered .order-detail-map-v32,
html[data-karuca-design="native-premium"] .order-state-offered .order-status-v32,
html[data-karuca-design="native-premium"] .order-state-offered .order-price-kpi,
html[data-karuca-design="native-premium"] .order-state-offered .order-cash-inline-v40,
html[data-karuca-design="native-premium"] .order-state-offered .order-route-v32,
html[data-karuca-design="native-premium"] .order-state-offered .order-trip-meta-v32 {
  display: none;
}

html[data-karuca-design="native-premium"] .order-offers-v35 {
  display: grid;
  gap: 8px;
}

html[data-karuca-design="native-premium"] .order-offers-head-v35 {
  padding: 8px 2px;
}

html[data-karuca-design="native-premium"] .order-offer-list-v35 {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--karuca-line);
  border-radius: var(--karuca-radius-card);
  background: var(--karuca-surface);
}

html[data-karuca-design="native-premium"] .order-offer-v35 {
  padding: 10px;
  border: 0;
  border-bottom: 1px solid var(--karuca-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .order-state-taken .order-price-kpi,
html[data-karuca-design="native-premium"] .order-state-taken .order-cash-inline-v40,
html[data-karuca-design="native-premium"] .order-state-taken .order-route-v32,
html[data-karuca-design="native-premium"] .order-state-taken .order-trip-meta-v32,
html[data-karuca-design="native-premium"] .order-state-arrived .order-price-kpi,
html[data-karuca-design="native-premium"] .order-state-arrived .order-cash-inline-v40,
html[data-karuca-design="native-premium"] .order-state-arrived .order-route-v32,
html[data-karuca-design="native-premium"] .order-state-arrived .order-trip-meta-v32,
html[data-karuca-design="native-premium"] .order-state-in_progress .order-price-kpi,
html[data-karuca-design="native-premium"] .order-state-in_progress .order-cash-inline-v40,
html[data-karuca-design="native-premium"] .order-state-in_progress .order-route-v32,
html[data-karuca-design="native-premium"] .order-state-in_progress .order-trip-meta-v32 {
  display: none;
}

html[data-karuca-design="native-premium"] .order-state-taken .order-detail-map-v32,
html[data-karuca-design="native-premium"] .order-state-arrived .order-detail-map-v32,
html[data-karuca-design="native-premium"] .order-state-in_progress .order-detail-map-v32 {
  min-height: 235px;
}

html[data-karuca-design="native-premium"] .order-driver-section-v33 {
  display: grid;
  gap: 7px;
}

html[data-karuca-design="native-premium"] .order-driver-card-v33 {
  padding: 10px;
  overflow: hidden;
  border: 1px solid var(--karuca-line);
  border-radius: var(--karuca-radius-card);
  background: var(--karuca-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .assigned-track-v35 {
  min-height: 46px;
  margin-top: 7px;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-modal-heading,
html[data-karuca-design="native-premium"] .order-state-completed .order-detail-map-v32,
html[data-karuca-design="native-premium"] .order-state-completed .order-status-v32,
html[data-karuca-design="native-premium"] .order-state-completed .order-cash-inline-v40,
html[data-karuca-design="native-premium"] .order-state-completed .order-route-v32,
html[data-karuca-design="native-premium"] .order-state-completed .order-trip-meta-v32 {
  display: none;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-price-kpi {
  justify-content: center;
  min-height: 92px;
  border: 0;
  background: transparent;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-price-kpi .value {
  font-size: 35px;
}

html[data-karuca-design="native-premium"] .order-completed-rating-v68 {
  padding: 13px;
  border: 1px solid var(--karuca-line);
  border-radius: var(--karuca-radius-card);
  background: var(--karuca-surface);
  text-align: center;
}

html[data-karuca-design="native-premium"] .order-completed-rating-v68 > small {
  color: var(--karuca-green);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: .08em;
}

html[data-karuca-design="native-premium"] .order-completed-rating-v68 h2 {
  margin: 5px 0 8px;
  font-size: 17px;
}

html[data-karuca-design="native-premium"] .order-completed-rating-v68 button {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  padding: 0;
  gap: 10px;
  border: 0;
  color: var(--karuca-green);
  background: transparent;
  font-size: 28px;
}

html[data-karuca-design="native-premium"] .order-completed-rating-v68 p {
  margin: 4px 0 0;
  color: var(--karuca-muted);
  font-size: 10px;
}

/* Screens 11, 13–15 — service lists and composers */
html[data-karuca-design="native-premium"] .transfer-page,
html[data-karuca-design="native-premium"] .service-composer-v26,
html[data-karuca-design="native-premium"] .carpool-page-v26,
html[data-karuca-design="native-premium"] .parcel-page-v26 {
  gap: 8px;
  padding: 0 0 82px;
}

html[data-karuca-design="native-premium"] .transfer-card,
html[data-karuca-design="native-premium"] .transfer-card-v23,
html[data-karuca-design="native-premium"] .carpool-card-v26,
html[data-karuca-design="native-premium"] .parcel-card-v26 {
  padding: 10px;
  border: 0;
  border-bottom: 1px solid var(--karuca-line);
  border-radius: 0;
  background: var(--karuca-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .sos-types-v26 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

html[data-karuca-design="native-premium"] .sos-types-v26 button {
  min-height: 86px;
  padding: 7px;
  border: 1px solid var(--karuca-line);
  border-radius: 14px;
  background: var(--karuca-surface);
  box-shadow: none;
}

/* Screen 5 — profile */
html[data-karuca-design="native-premium"] .profile-page {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 12px 12px 92px;
}

html[data-karuca-design="native-premium"] .profile-page .profile-hero {
  padding: 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .profile-page .profile-hero::after,
html[data-karuca-design="native-premium"] .profile-page .profile-partner-card,
html[data-karuca-design="native-premium"] .profile-page .donation-card-v41,
html[data-karuca-design="native-premium"] .profile-page .cash-policy-card-v40 {
  display: none;
}

html[data-karuca-design="native-premium"] .profile-page .wallet-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid var(--karuca-line);
  border-radius: 14px;
  background: var(--karuca-line);
}

html[data-karuca-design="native-premium"] .profile-page .wallet-card {
  display: grid;
  min-height: 70px;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background: var(--karuca-surface);
  box-shadow: none;
  text-align: center;
}

html[data-karuca-design="native-premium"] .profile-page .wallet-card small,
html[data-karuca-design="native-premium"] .profile-page .wallet-card span {
  color: var(--karuca-muted);
  font-size: 9px;
}

html[data-karuca-design="native-premium"] .profile-page .wallet-card strong {
  color: var(--karuca-ink);
  font-size: 20px;
}

html[data-karuca-design="native-premium"] .profile-page .profile-menu,
html[data-karuca-design="native-premium"] .profile-page .driver-mode-card,
html[data-karuca-design="native-premium"] .profile-page .profile-settings-card-v34 {
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--karuca-line);
  border-radius: var(--karuca-radius-card);
  background: var(--karuca-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .profile-page .profile-hero {
  order: 1;
}

html[data-karuca-design="native-premium"] .profile-page .profile-editor-v51 {
  order: 2;
}

html[data-karuca-design="native-premium"] .profile-page .profile-menu:not(.compact) {
  order: 3;
}

html[data-karuca-design="native-premium"] .profile-page .profile-menu.compact {
  order: 4;
}

html[data-karuca-design="native-premium"] .profile-page .driver-mode-card {
  order: 5;
}

html[data-karuca-design="native-premium"] .profile-page #menuHistory,
html[data-karuca-design="native-premium"] .profile-page #menuAutoChat,
html[data-karuca-design="native-premium"] .profile-page #profileAddToScreen,
html[data-karuca-design="native-premium"] .profile-page #menuGreenCard,
html[data-karuca-design="native-premium"] .profile-page #shareApp,
html[data-karuca-design="native-premium"] .profile-page #menuAbout {
  display: none;
}

html[data-karuca-design="native-premium"] .profile-page .profile-editor-v51 {
  overflow: hidden;
  border: 1px solid var(--karuca-line);
  border-radius: var(--karuca-radius-card);
  background: var(--karuca-surface);
}

html[data-karuca-design="native-premium"] .profile-page .profile-editor-v51 > summary {
  min-height: 50px;
  padding: 8px 12px;
  list-style: none;
}

html[data-karuca-design="native-premium"] .profile-page .profile-menu button,
html[data-karuca-design="native-premium"] .profile-page .driver-mode-card button {
  min-height: 49px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid var(--karuca-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
}

/* Screens 16–18 — driver */
html[data-karuca-design="native-premium"] .driver-line-page,
html[data-karuca-design="native-premium"] .driver-publish-page {
  gap: 9px;
  padding: 12px 12px 92px;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero {
  min-height: 66px !important;
  padding: 5px 2px;
  border: 0;
  border-radius: 0;
  color: var(--karuca-ink);
  background: transparent;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero h1 {
  font-size: 22px;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero p {
  display: none;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero .hero-kicker {
  color: var(--karuca-green-deep);
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero .hero-refresh {
  color: var(--karuca-green-deep);
  background: var(--karuca-mint);
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-dashboard-card,
html[data-karuca-design="native-premium"] .driver-line-page .driver-active-order-v42,
html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-controls-v42,
html[data-karuca-design="native-premium"] .driver-line-page .driver-location-card-v29,
html[data-karuca-design="native-premium"] .driver-line-page .demand-card {
  padding: 10px;
  border: 1px solid var(--karuca-line);
  border-radius: var(--karuca-radius-card);
  background: var(--karuca-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .driver-feed-list-v42 {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--karuca-line);
  border-radius: var(--karuca-radius-card);
  background: var(--karuca-surface);
}

html[data-karuca-design="native-premium"] .driver-feed-list-v42 > * {
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--karuca-line);
  border-radius: 0;
  box-shadow: none;
}

/* Screens 19–20 — verification and support */
html[data-karuca-design="native-premium"] .support-center-v45,
html[data-karuca-design="native-premium"] .support-page {
  gap: 8px;
  padding: 0 0 82px;
}

html[data-karuca-design="native-premium"] .support-hero-v45 {
  padding: 12px;
  border: 1px solid var(--karuca-line);
  border-radius: var(--karuca-radius-card);
  color: var(--karuca-ink);
  background: var(--karuca-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .support-hero-v45 h2 {
  font-size: 18px;
}

html[data-karuca-design="native-premium"] .support-actions-v45,
html[data-karuca-design="native-premium"] .support-list-v45,
html[data-karuca-design="native-premium"] .support-compose-v45,
html[data-karuca-design="native-premium"] .support-thread-head-v45 {
  padding: 10px;
  border: 1px solid var(--karuca-line);
  border-radius: var(--karuca-radius-card);
  background: var(--karuca-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .support-ticket-row-v45 {
  min-height: 58px;
  padding: 8px;
  border: 0;
  border-bottom: 1px solid var(--karuca-line);
  border-radius: 0;
  background: transparent;
}

/* Maps are pale, labelled and readable in every flow. */
html[data-karuca-design="native-premium"] .mapboxgl-map,
html[data-karuca-design="native-premium"] .leaflet-container {
  color: var(--karuca-ink);
  font-family: var(--karuca-font);
  background: #edf2ee;
}

html[data-karuca-design="native-premium"] .mapboxgl-ctrl-group,
html[data-karuca-design="native-premium"] .leaflet-bar {
  overflow: hidden;
  border: 1px solid var(--karuca-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--karuca-shadow);
}

/* Never allow horizontal drift inside a phone. */
html[data-karuca-design="native-premium"] .karuca-page,
html[data-karuca-design="native-premium"] .modal-body,
html[data-karuca-design="native-premium"] .order-composer-ios,
html[data-karuca-design="native-premium"] .profile-page,
html[data-karuca-design="native-premium"] .driver-line-page {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

@media (max-width: 359px) {
  html[data-karuca-design="native-premium"] .knp-home-plan {
    padding-inline: 10px;
  }

  html[data-karuca-design="native-premium"] .knp-home-plan .knp-service {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  html[data-karuca-design="native-premium"] .knp-home-plan .knp-service-art {
    width: 54px;
    height: 56px;
  }

  html[data-karuca-design="native-premium"] .knp-route-actions {
    grid-template-columns: 1fr;
  }

  html[data-karuca-design="native-premium"] .ad-request-grid-v69 {
    grid-template-columns: 1fr;
  }

  html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* -------------------------------------------------------------------------
   v68.1 — literal alignment with the approved 20-screen master board.
   This remains the final cascade layer: every rule below describes a visible
   component from that board and removes legacy dashboard-style density.
   ------------------------------------------------------------------------- */

/* 11 — published transfers are a list first, not a promotional landing page. */
html[data-karuca-design="native-premium"] .transfer-market-plan {
  min-height: 100%;
  padding: 0 12px 92px;
  background: var(--karuca-bg);
}

html[data-karuca-design="native-premium"] .plan-screen-heading {
  position: sticky;
  z-index: 5;
  top: 0;
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  align-items: center;
  min-height: 58px;
  margin-inline: -12px;
  padding: 6px 12px;
  border-bottom: 1px solid var(--karuca-line);
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(18px);
}

html[data-karuca-design="native-premium"] .plan-screen-heading h1 {
  margin: 0;
  color: var(--karuca-ink);
  font-size: 16px;
  font-weight: 740;
  text-align: center;
  letter-spacing: -.02em;
}

html[data-karuca-design="native-premium"] .plan-back-button,
html[data-karuca-design="native-premium"] .plan-filter-button {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid var(--karuca-line);
  border-radius: 13px;
  color: var(--karuca-ink);
  background: var(--karuca-surface);
}

html[data-karuca-design="native-premium"] .plan-filter-button {
  justify-self: end;
}

html[data-karuca-design="native-premium"] .transfer-plan-list {
  display: grid;
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid var(--karuca-line);
  border-radius: 18px;
  background: var(--karuca-surface);
}

html[data-karuca-design="native-premium"] .transfer-plan-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) 70px 48px;
  gap: 8px;
  align-items: center;
  min-height: 82px;
  padding: 10px 11px;
  border: 0;
  border-bottom: 1px solid var(--karuca-line);
  color: var(--karuca-ink);
  text-align: left;
  background: transparent;
}

html[data-karuca-design="native-premium"] .transfer-plan-row:last-child {
  border-bottom: 0;
}

html[data-karuca-design="native-premium"] .transfer-plan-route,
html[data-karuca-design="native-premium"] .transfer-plan-driver {
  display: grid;
  min-width: 0;
}

html[data-karuca-design="native-premium"] .transfer-plan-route b {
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-karuca-design="native-premium"] .transfer-plan-route b i {
  color: var(--karuca-green);
  font-style: normal;
}

html[data-karuca-design="native-premium"] .transfer-plan-route small,
html[data-karuca-design="native-premium"] .transfer-plan-driver small {
  margin-top: 4px;
  color: var(--karuca-muted);
  font-size: 9px;
  line-height: 1.35;
}

html[data-karuca-design="native-premium"] .transfer-plan-driver {
  justify-items: center;
  text-align: center;
}

html[data-karuca-design="native-premium"] .transfer-plan-driver i {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
  background: var(--karuca-green-deep);
}

html[data-karuca-design="native-premium"] .transfer-plan-row strong {
  color: var(--karuca-green-deep);
  font-size: 16px;
  text-align: right;
}

html[data-karuca-design="native-premium"] .plan-primary-footer,
html[data-karuca-design="native-premium"] .driver-route-compose-cta {
  display: flex;
  width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
  border: 0;
  border-radius: 14px;
  color: #fff;
  font: 750 13px/1 var(--karuca-font);
  background: var(--karuca-green);
}

/* 12–15 — service screens share one compact iOS grammar. */
html[data-karuca-design="native-premium"] .service-hero-v26 {
  min-height: 0;
  padding: 10px 11px;
  border: 1px solid var(--karuca-line);
  border-radius: 17px;
  color: var(--karuca-ink);
  background: var(--karuca-surface);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .service-hero-v26 > span {
  width: 38px;
  height: 38px;
}

html[data-karuca-design="native-premium"] .service-hero-v26 h2 {
  margin: 1px 0 0;
  font-size: 18px;
  letter-spacing: -.025em;
}

html[data-karuca-design="native-premium"] .service-hero-v26 p {
  display: none;
}

html[data-karuca-design="native-premium"] .service-card-v26,
html[data-karuca-design="native-premium"] .airport-order-v26 > section,
html[data-karuca-design="native-premium"] .parcel-order-v26 > section,
html[data-karuca-design="native-premium"] .carpool-order-v26 > section {
  margin: 0;
  padding: 11px;
  border: 1px solid var(--karuca-line);
  border-radius: 17px;
  background: var(--karuca-surface);
  box-shadow: none;
}

/* 16 — driver line: one status, current order, nearby orders. */
html[data-karuca-design="native-premium"] .driver-line-page .driver-stat-grid,
html[data-karuca-design="native-premium"] .driver-line-page .driver-pref-grid,
html[data-karuca-design="native-premium"] .driver-line-page #saveDriverPrefs,
html[data-karuca-design="native-premium"] .driver-line-page .driver-location-card-v29,
html[data-karuca-design="native-premium"] .driver-line-page .demand-card,
html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-controls-v42 {
  display: none !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-dashboard-card {
  padding: 0 !important;
  overflow: hidden;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-dashboard-head {
  align-items: center;
  min-height: 58px;
  padding: 9px 11px;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-dashboard-head .small {
  display: none;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-dashboard-head .h2 {
  font-size: 14px;
}

html[data-karuca-design="native-premium"] .driver-line-page .online-switch {
  min-height: 34px;
  padding: 5px 9px;
  border-radius: 12px;
  color: var(--karuca-green-deep);
  background: var(--karuca-mint);
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-active-order-v42 {
  padding: 11px;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-active-route-v60 b {
  font-size: 12px;
  line-height: 1.3;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-head-v42 {
  margin: 4px 0 0;
  padding: 2px 2px 0;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-head-v42 h2 {
  font-size: 18px;
}

html[data-karuca-design="native-premium"] .driver-feed-list-v42 .driver-job-card-v42,
html[data-karuca-design="native-premium"] .driver-feed-list-v42 .item {
  min-height: 78px;
  padding: 10px;
}

/* 17 — a driver's request is a compact bid card, not the client receipt. */
html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .order-detail-map-v32 {
  height: 180px !important;
}

html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .order-modal-heading,
html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .order-status-v32,
html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .order-cash-v32,
html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .order-cash-inline-v40,
html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .order-details-grid,
html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .order-client-price-v32,
html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .driver-nav-v34,
html[data-karuca-design="native-premium"] .order-role-driver.order-state-new > .small {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .order-price-kpi .value,
html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .order-price-kpi .unit {
  color: var(--karuca-green-deep) !important;
}

html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .order-route-card-v32 {
  margin-top: 8px;
}

html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .order-driver-actions-v32,
html[data-karuca-design="native-premium"] .order-role-driver.order-state-new .driver-bid-panel {
  position: sticky;
  bottom: 0;
  z-index: 3;
  padding: 10px;
  border: 1px solid var(--karuca-line);
  border-radius: 16px;
  background: #fff;
}

/* 18 — routes list first; composer opens deliberately. */
html[data-karuca-design="native-premium"] .driver-publish-page .driver-publish-hero {
  min-height: 62px !important;
  padding: 5px 2px;
  border: 0;
  border-radius: 0;
  color: var(--karuca-ink);
  background: transparent;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .driver-publish-page .driver-publish-hero p,
html[data-karuca-design="native-premium"] .driver-publish-page .driver-publish-hero .hero-large-icon {
  display: none;
}

html[data-karuca-design="native-premium"] .driver-publish-page .driver-publish-hero h1 {
  font-size: 22px;
}

html[data-karuca-design="native-premium"] .driver-publish-page .driver-publish-hero .hero-kicker {
  color: var(--karuca-green-deep);
}

html[data-karuca-design="native-premium"] .driver-publish-page .publish-form-card {
  display: none;
  order: 5;
  padding: 11px;
  border: 1px solid var(--karuca-line);
  border-radius: 17px;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .driver-publish-page.is-composing .publish-form-card {
  display: block;
}

html[data-karuca-design="native-premium"] .driver-publish-page .driver-route-compose-cta {
  order: 4;
}

html[data-karuca-design="native-premium"] .driver-publish-page .driver-published-head-v64 {
  order: 2;
  margin: 0;
}

html[data-karuca-design="native-premium"] .driver-publish-page .driver-published-list-v64,
html[data-karuca-design="native-premium"] .driver-publish-page .driver-published-empty-v64 {
  order: 3;
}

html[data-karuca-design="native-premium"] .driver-publish-page .driver-published-card-v64 {
  padding: 10px;
  border: 1px solid var(--karuca-line);
  border-radius: 16px;
  box-shadow: none;
}

/* 19 — AI verification as a readable checklist. */
html[data-karuca-design="native-premium"] .driver-verification-plan {
  display: grid;
  gap: 10px;
}

html[data-karuca-design="native-premium"] .driver-verification-plan > header {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-radius: 17px;
  color: #fff;
  background: var(--karuca-green-deep);
}

html[data-karuca-design="native-premium"] .driver-verification-plan > header > span {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 13px;
  background: rgba(255,255,255,.12);
}

html[data-karuca-design="native-premium"] .driver-verification-plan header small,
html[data-karuca-design="native-premium"] .driver-verification-plan header h2 {
  margin: 0;
}

html[data-karuca-design="native-premium"] .driver-verification-plan header small {
  color: #86e5ad;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .12em;
}

html[data-karuca-design="native-premium"] .driver-verification-plan header h2 {
  margin-top: 3px;
  font-size: 17px;
}

html[data-karuca-design="native-premium"] .driver-verification-list {
  overflow: hidden;
  border: 1px solid var(--karuca-line);
  border-radius: 17px;
  background: #fff;
}

html[data-karuca-design="native-premium"] .driver-verification-list > div {
  display: grid;
  grid-template-columns: 30px minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 52px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--karuca-line);
}

html[data-karuca-design="native-premium"] .driver-verification-list > div:last-child {
  border-bottom: 0;
}

html[data-karuca-design="native-premium"] .driver-verification-list span {
  color: var(--karuca-green);
}

html[data-karuca-design="native-premium"] .driver-verification-list b {
  font-size: 12px;
}

html[data-karuca-design="native-premium"] .driver-verification-list em {
  color: var(--karuca-green-deep);
  font-size: 10px;
  font-style: normal;
}

html[data-karuca-design="native-premium"] .driver-ai-verdict {
  display: grid;
  grid-template-columns: 36px 1fr 26px;
  gap: 9px;
  align-items: center;
  padding: 10px;
  border: 1px solid #bee7cd;
  border-radius: 16px;
  background: var(--karuca-mint);
}

html[data-karuca-design="native-premium"] .driver-ai-verdict small,
html[data-karuca-design="native-premium"] .driver-ai-verdict b {
  display: block;
}

html[data-karuca-design="native-premium"] .driver-ai-verdict small {
  color: var(--karuca-green-deep);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .12em;
}

html[data-karuca-design="native-premium"] .driver-ai-verdict b {
  margin-top: 3px;
  font-size: 11px;
}

html[data-karuca-design="native-premium"] .driver-ai-verdict i {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-style: normal;
  background: var(--karuca-green);
}

/* Composer precision fixes: one light price control, contained counters and
   native disclosure chevrons. */
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) 44px;
  gap: 8px;
  width: min(100%, 270px);
  margin-inline: auto;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-block-v11 {
  padding: 10px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .recommended-note-v26,
html[data-karuca-design="native-premium"] .order-composer-ios > .order-advanced-v11,
html[data-karuca-design="native-premium"] .order-composer-ios > .order-cash-note-v40,
html[data-karuca-design="native-premium"] .order-composer-ios > .order-legal-note-v59 {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 {
  gap: 6px;
  margin-top: 8px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 button {
  min-height: 34px;
  padding: 5px 7px;
  border-radius: 11px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .recommended-note-v26 {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips {
  gap: 5px;
  margin-bottom: 7px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips button {
  min-height: 32px;
  padding: 5px 7px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-comment-v34 {
  min-height: 64px !important;
  padding: 0 !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-comment-v34 > summary {
  min-height: 62px !important;
  padding: 8px 10px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > button {
  width: 44px;
  min-width: 0;
  height: 44px;
  border: 1px solid var(--karuca-line);
  border-radius: 13px;
  color: var(--karuca-ink);
  background: var(--karuca-soft);
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > label {
  display: grid;
  grid-template-columns: minmax(0,1fr) 24px;
  height: 44px;
  min-width: 0;
  align-items: center;
  overflow: hidden;
  border: 1.5px solid var(--karuca-green) !important;
  border-radius: 13px;
  color: var(--karuca-ink) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 input {
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 0 2px 0 12px;
  border: 0 !important;
  color: var(--karuca-ink) !important;
  font-size: 23px;
  font-weight: 720;
  text-align: center;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 label > span {
  display: grid;
  height: 100%;
  place-items: center;
  color: var(--karuca-green-deep) !important;
  font-size: 15px;
  font-weight: 750;
  background: transparent !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 8px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .field-shell-v11 {
  min-width: 0;
  padding: 8px;
}

html[data-karuca-design="native-premium"] .order-composer-ios #passengerControl {
  overflow: hidden;
}

html[data-karuca-design="native-premium"] .order-composer-ios .counter-v11 {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr) 32px;
  gap: 4px;
  width: 100%;
  min-width: 0;
}

html[data-karuca-design="native-premium"] .order-composer-ios .counter-v11 button,
html[data-karuca-design="native-premium"] .order-composer-ios .counter-v11 input {
  width: 100% !important;
  min-width: 0 !important;
  height: 36px;
  margin: 0;
  padding: 0;
  border-radius: 11px;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .order-composer-ios .counter-v11 input {
  border: 1px solid var(--karuca-line);
  text-align: center;
  background: #fff;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-comment-v34 summary > i,
html[data-karuca-design="native-premium"] .order-composer-ios .order-advanced-v11 summary > i {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  overflow: hidden;
  border-right: 1.6px solid #718078;
  border-bottom: 1.6px solid #718078;
  color: transparent;
  font-size: 0;
  transform: rotate(-45deg);
  transition: transform .18s ease;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-comment-v34[open] summary > i,
html[data-karuca-design="native-premium"] .order-composer-ios .order-advanced-v11[open] summary > i {
  transform: rotate(45deg) translate(-2px,-2px);
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-legal-note-v59 {
  display: flex;
  min-height: 38px;
  align-items: flex-start;
  gap: 7px;
  margin: 0;
  padding: 7px 10px;
  color: var(--karuca-muted);
  font-size: 9px;
  line-height: 1.4;
  text-align: left;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-legal-note-v59 .ui-icon {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  margin-top: 1px;
  color: var(--karuca-green-deep);
}

@media (max-width: 349px) {
  html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 {
    grid-template-columns: 1fr;
  }
}

/* Trip states follow the master board: map/status/driver, without repeating
   service, tariff, price and chat on the same viewport. */
html[data-karuca-design="native-premium"] .order-state-taken .order-modal-heading,
html[data-karuca-design="native-premium"] .order-state-arrived .order-modal-heading,
html[data-karuca-design="native-premium"] .order-state-in_progress .order-modal-heading,
html[data-karuca-design="native-premium"] .order-state-taken .order-price-kpi,
html[data-karuca-design="native-premium"] .order-state-arrived .order-price-kpi,
html[data-karuca-design="native-premium"] .order-state-in_progress .order-price-kpi,
html[data-karuca-design="native-premium"] .order-state-taken .order-trip-meta-v32,
html[data-karuca-design="native-premium"] .order-state-arrived .order-trip-meta-v32,
html[data-karuca-design="native-premium"] .order-state-in_progress .order-trip-meta-v32,
html[data-karuca-design="native-premium"] .order-state-taken .chat-mini-v33,
html[data-karuca-design="native-premium"] .order-state-arrived .chat-mini-v33,
html[data-karuca-design="native-premium"] .order-state-in_progress .chat-mini-v33 {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-state-offered .order-price-kpi,
html[data-karuca-design="native-premium"] .order-state-offered .order-trip-meta-v32 {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-state-taken .order-detail-map-v32,
html[data-karuca-design="native-premium"] .order-state-arrived .order-detail-map-v32,
html[data-karuca-design="native-premium"] .order-state-in_progress .order-detail-map-v32 {
  height: 220px;
}

html[data-karuca-design="native-premium"] .order-state-in_progress .order-driver-section-v33 {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-state-in_progress .order-route-v32 {
  display: grid !important;
}

html[data-karuca-design="native-premium"] .order-state-completed {
  display: flex;
  flex-direction: column;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-price-kpi {
  display: flex;
  align-items: baseline;
  gap: 10px;
  order: 1;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-price-kpi .value {
  color: var(--karuca-green-deep) !important;
  font-size: 27px;
  font-weight: 790;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-price-kpi .unit {
  color: var(--karuca-green-deep) !important;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-completed-rating-v68 {
  order: 2;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-driver-section-v33 {
  order: 3;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-actions-v32 {
  order: 4;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-trip-meta-v32,
html[data-karuca-design="native-premium"] .order-state-completed .order-details-grid,
html[data-karuca-design="native-premium"] .order-state-completed .chat-mini-v33,
html[data-karuca-design="native-premium"] .order-state-completed .order-safety-v33,
html[data-karuca-design="native-premium"] .order-state-completed .order-driver-section-v33 .order-subhead-v33,
html[data-karuca-design="native-premium"] .order-state-completed .assigned-track-v35 {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-driver-section-v33 {
  min-height: 0;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-driver-card-v33 {
  gap: 7px;
  min-height: 0;
  padding: 10px;
}

html[data-karuca-design="native-premium"] .order-state-completed .assigned-car-v35 {
  min-height: 54px;
  height: auto;
}

/* 49.3 — clear mobile order composer.
   One vertical decision path, generous touch targets and no compressed pairs. */
html[data-karuca-design="native-premium"] .order-composer-ios {
  gap: 10px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-block-v11 {
  padding: 13px !important;
  border-color: #dce6df !important;
  border-radius: 19px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 {
  display: flex;
  min-height: 25px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 > div {
  min-width: 0;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 > div > small {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 h3 {
  margin: 0;
  color: #0b1811;
  font-size: 17px;
  font-weight: 760;
  line-height: 1.2;
  letter-spacing: -.018em;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 > span {
  max-width: 142px;
  padding-top: 3px;
  color: #7a8780;
  font-size: 10px;
  line-height: 1.25;
  text-align: right;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-map-v11 {
  min-height: 158px;
  border: 1px solid #dbe5de;
  border-radius: 17px;
  background: linear-gradient(145deg, #f4f8f5, #edf3ef);
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-v11 {
  margin-top: 9px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11 {
  grid-template-columns: 30px minmax(0, 1fr) 48px;
  min-height: 53px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11 input {
  min-height: 50px;
  font-size: 15px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-section .vehicle-class-grid > .vehicle-class-card {
  position: relative;
  grid-template-columns: 68px minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  min-height: 82px !important;
  align-items: center !important;
  padding: 9px !important;
  gap: 7px !important;
  border-color: #e2e9e4 !important;
  border-radius: 16px !important;
  text-align: left !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-card.active {
  border-color: #22b65d !important;
  background: linear-gradient(145deg, #f4fff7, #e6f8eb) !important;
  box-shadow: inset 0 0 0 1px rgba(34, 182, 93, .08) !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-art {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 68px !important;
  height: 54px !important;
  place-self: center !important;
  border-radius: 13px;
  background: linear-gradient(145deg, #f5f8f6, #eaf1ec) !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-art img {
  width: 88% !important;
  height: 88% !important;
  object-fit: contain;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 {
  display: grid !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  gap: 3px;
  min-width: 0;
  text-align: left !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 b {
  color: #0e1913;
  font-size: 13px !important;
  font-weight: 730;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-copy-v11 small {
  display: block !important;
  color: #748079;
  font-size: 9.5px;
  line-height: 1.25;
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-check-v11 {
  top: 7px !important;
  right: 7px !important;
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  background: var(--karuca-green);
  font-size: 11px;
  box-shadow: 0 3px 8px rgba(15, 130, 66, .18);
}

html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-card:not(.active) .vehicle-class-check-v11 {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 {
  grid-template-columns: 48px minmax(0, 1fr) 48px !important;
  gap: 9px;
  width: 100% !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > button {
  width: 48px;
  height: 52px;
  border-radius: 15px;
  font-size: 18px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > label {
  height: 52px;
  grid-template-columns: minmax(0, 1fr) 32px;
  border-radius: 15px;
  background: #fafffb !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 input {
  height: 50px;
  padding-left: 32px;
  font-size: 27px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 label > span {
  font-size: 16px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 {
  display: grid;
  grid-template-columns: 1fr 1fr 1.35fr;
  gap: 7px;
  margin-top: 9px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 button {
  min-width: 0;
  min-height: 42px;
  padding: 7px 5px;
  border: 0;
  border-radius: 13px;
  font-size: 11px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  padding: 4px;
  border-radius: 14px;
  background: #f3f6f4;
}

html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips button {
  min-height: 40px;
  border: 0;
  border-radius: 11px;
  color: #4f5d55;
  background: transparent;
}

html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips button.active {
  color: #087a3c;
  background: #fff;
  box-shadow: 0 2px 8px rgba(12, 55, 31, .08);
}

html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 {
  grid-template-columns: 1fr !important;
  gap: 8px;
  margin-top: 9px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .field-shell-v11 {
  display: grid;
  grid-template-columns: minmax(116px, auto) minmax(0, 1fr);
  min-height: 58px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px !important;
  border: 1px solid #e1e8e3;
  border-radius: 15px;
  background: #fff;
}

html[data-karuca-design="native-premium"] .order-composer-ios .field-shell-v11 > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #4f5b54;
  font-size: 12px;
  font-weight: 680;
}

html[data-karuca-design="native-premium"] .order-composer-ios .field-shell-v11 > span .ui-icon {
  width: 21px;
  height: 21px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .field-shell-v11 > input {
  min-width: 0;
  min-height: 42px;
  border: 0;
  border-radius: 11px;
  background: #f5f7f6;
  text-align: right;
}

html[data-karuca-design="native-premium"] .order-composer-ios .counter-v11 {
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  gap: 6px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .counter-v11 button,
html[data-karuca-design="native-premium"] .order-composer-ios .counter-v11 input {
  height: 42px;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-comment-v34 {
  border-radius: 17px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-comment-v34 > summary {
  min-height: 68px !important;
  padding: 9px 12px !important;
}

/* Parcel — light, legible product identity instead of a dark low-contrast bar. */
html[data-karuca-design="native-premium"] .service-hero-v26.parcel {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  min-height: 96px;
  align-items: center;
  gap: 13px;
  padding: 13px !important;
  overflow: hidden;
  border: 1px solid #dce7df !important;
  border-radius: 21px !important;
  color: #102018 !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(126, 89, 220, .14), transparent 34%),
    linear-gradient(135deg, #f8fffa 0%, #ecf8ef 100%) !important;
}

html[data-karuca-design="native-premium"] .service-hero-v26.parcel > span {
  display: grid;
  width: 68px !important;
  height: 68px !important;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(100, 70, 175, .12);
  border-radius: 18px;
  color: #6845c3;
  background: linear-gradient(145deg, #fff, #eee8ff);
  box-shadow: 0 9px 24px rgba(60, 40, 105, .1);
}

html[data-karuca-design="native-premium"] .service-hero-v26.parcel > span img,
html[data-karuca-design="native-premium"] .service-hero-v26.parcel > span svg {
  width: 58px !important;
  height: 58px !important;
  object-fit: contain;
}

html[data-karuca-design="native-premium"] .service-hero-v26.parcel small {
  color: #168349 !important;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
}

html[data-karuca-design="native-premium"] .service-hero-v26.parcel h2 {
  margin-top: 4px;
  color: #0d1b14 !important;
  font-size: 20px;
  line-height: 1.08;
}

html[data-karuca-design="native-premium"] .service-hero-v26.parcel p {
  display: block;
  margin: 5px 0 0;
  color: #647169;
  font-size: 11px;
  line-height: 1.35;
}

html[data-karuca-design="native-premium"] .parcel-history-v58 > summary {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  min-height: 76px;
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
}

html[data-karuca-design="native-premium"] .parcel-history-v58 > summary > .ui-icon {
  width: 48px;
  height: 48px;
  padding: 13px;
  border-radius: 15px;
  color: #0b9149;
  background: #e9f8ee;
}

html[data-karuca-design="native-premium"] .parcel-history-v58 .history-action-v69 {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  color: #087a3c;
  font-size: 11px;
  font-weight: 720;
}

html[data-karuca-design="native-premium"] .parcel-history-v58 .history-action-v69 i {
  width: 9px;
  height: 9px;
  border-right: 1.7px solid currentColor;
  border-bottom: 1.7px solid currentColor;
  transform: rotate(45deg) translate(-2px, -2px);
  transition: transform .18s ease;
}

html[data-karuca-design="native-premium"] .parcel-history-v58[open] .history-action-v69 i {
  transform: rotate(225deg) translate(-1px, -1px);
}

@media (max-width: 360px) {
  html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-section .vehicle-class-grid > .vehicle-class-card {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    padding: 7px !important;
  }

  html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-art {
    width: 58px !important;
  }

  html[data-karuca-design="native-premium"] .order-composer-ios .field-shell-v11 {
    grid-template-columns: 1fr;
  }

  html[data-karuca-design="native-premium"] .order-composer-ios .field-shell-v11 > input {
    text-align: left;
  }

  html[data-karuca-design="native-premium"] .parcel-history-v58 .history-action-v69 {
    font-size: 0;
  }
}

/* v49.3.1 — native disclosure indicators and legible compact counters */
.details-chevron-v70 {
  display: block !important;
  flex: 0 0 10px !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 3px 4px 10px !important;
  border: 0 !important;
  border-right: 1.75px solid #78837c !important;
  border-bottom: 1.75px solid #78837c !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: rotate(45deg) !important;
  transition: transform .18s ease !important;
}

details[open] > summary .details-chevron-v70 {
  margin-bottom: -3px !important;
  transform: rotate(225deg) !important;
}

.counter-v11 button {
  color: #18211b !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
  .details-chevron-v70 {
    transition: none !important;
  }
}

/* v49.3.4 — compact actions remain comfortably tappable */
#homeManagePlacesV69 {
  min-height: 40px;
  padding-inline: 14px;
}

/* v50.0.1 — familiar home navigation: menu left, Karuca centered. */
html[data-karuca-design="native-premium"] body.knp-home-active .topbar-inner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 62px !important;
  height: 62px !important;
  padding: 9px 12px !important;
}

html[data-karuca-design="native-premium"] body.knp-home-active #topMenu {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: flex !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 11px 10px !important;
  border-radius: 14px !important;
  background: var(--karuca-soft) !important;
  transform: none !important;
  transition: background-color .15s ease !important;
}

html[data-karuca-design="native-premium"] body.knp-home-active .brand {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  height: 44px !important;
  min-width: 0 !important;
  margin: 0 !important;
  gap: 7px !important;
  transform: translate(-50%, -50%) !important;
}

html[data-karuca-design="native-premium"] body.knp-home-active .brand-img {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
}

html[data-karuca-design="native-premium"] body.knp-home-active .brand-word {
  display: inline !important;
  font-size: 19px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}

html[data-karuca-design="native-premium"] body.knp-home-active .top-profile {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: flex !important;
  width: auto !important;
  margin-left: auto !important;
}

/* Real transfer marketplace: direct route search and one clear publishing action. */
html[data-karuca-design="native-premium"] .transfer-market-search-v73 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid var(--karuca-line);
  border-radius: 18px;
  background: var(--karuca-surface);
}

html[data-karuca-design="native-premium"] .transfer-market-search-v73 label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

html[data-karuca-design="native-premium"] .transfer-market-search-v73 label > span {
  color: var(--karuca-muted);
  font-size: 9px;
  font-weight: 680;
}

html[data-karuca-design="native-premium"] .transfer-market-search-v73 input {
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 0 11px;
  border: 1px solid var(--karuca-line);
  border-radius: 13px;
  outline: 0;
  color: var(--karuca-ink);
  font-size: 12px;
  background: var(--karuca-soft);
}

html[data-karuca-design="native-premium"] .transfer-market-search-v73 > button {
  grid-column: 1 / -1;
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 0;
  border-radius: 13px;
  color: #fff;
  font-size: 12px;
  font-weight: 740;
  background: var(--karuca-green-deep);
}

html[data-karuca-design="native-premium"] .transfer-market-search-v73 > button .ui-icon,
html[data-karuca-design="native-premium"] .plan-primary-footer .ui-icon {
  width: 18px;
  height: 18px;
}

/* -------------------------------------------------------------------------
   v74 — client transfer marketplace.
   A real-data catalogue, route details and a thumb-friendly booking flow.
   ------------------------------------------------------------------------- */
html[data-karuca-design="native-premium"] .transfer-market-v74 {
  --transfer-ink: #102018;
  --transfer-deep: #073c26;
  --transfer-green: #08a657;
  --transfer-mint: #eaf8ef;
  --transfer-line: #dce7df;
  min-height: 100%;
  padding: 0 14px calc(118px + env(safe-area-inset-bottom, 0px));
  color: var(--transfer-ink);
  background:
    radial-gradient(circle at 100% 0, rgba(59,205,116,.10), transparent 230px),
    #f7faf8;
}

html[data-karuca-design="native-premium"] .transfer-head-v74 {
  position: sticky;
  z-index: 8;
  top: 0;
  display: grid;
  grid-template-columns: 46px 1fr 46px;
  align-items: center;
  min-height: 72px;
  margin: 0 -14px;
  padding: 7px 14px;
  border-bottom: 1px solid rgba(220,231,223,.88);
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(18px) saturate(1.2);
}

html[data-karuca-design="native-premium"] .transfer-head-v74 > button {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid var(--transfer-line);
  border-radius: 15px;
  color: var(--transfer-ink);
  background: #f8fbf9;
}

html[data-karuca-design="native-premium"] .transfer-head-v74 > button:last-child { justify-self: end; }
html[data-karuca-design="native-premium"] .transfer-head-v74 .ui-icon,
html[data-karuca-design="native-premium"] .transfer-head-v74 svg { width: 20px; height: 20px; }
html[data-karuca-design="native-premium"] .transfer-head-v74 > div { min-width: 0; text-align: center; }
html[data-karuca-design="native-premium"] .transfer-head-v74 small {
  display: block;
  color: var(--transfer-green);
  font-size: 8px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: .14em;
}
html[data-karuca-design="native-premium"] .transfer-head-v74 h1 {
  margin: 5px 0 0;
  color: var(--transfer-ink);
  font-size: 21px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: -.04em;
}

html[data-karuca-design="native-premium"] .transfer-search-v74 {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--transfer-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(8,48,28,.07);
}

html[data-karuca-design="native-premium"] .transfer-search-route-v74 {
  position: relative;
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--transfer-line);
  border-radius: 18px;
}

html[data-karuca-design="native-premium"] .transfer-search-route-v74 label {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 10px;
  align-items: center;
  min-height: 68px;
  margin: 0;
  padding: 8px 52px 8px 12px;
  color: var(--transfer-ink);
  background: #fff;
}

html[data-karuca-design="native-premium"] .transfer-search-route-v74 label + button + label {
  border-top: 1px solid var(--transfer-line);
}

html[data-karuca-design="native-premium"] .transfer-search-route-v74 label > span:last-child {
  display: grid;
  min-width: 0;
}

html[data-karuca-design="native-premium"] .transfer-search-route-v74 small,
html[data-karuca-design="native-premium"] .transfer-search-options-v74 small {
  color: #708077;
  font-size: 10px;
  font-weight: 600;
}

html[data-karuca-design="native-premium"] .transfer-search-route-v74 input {
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--transfer-ink);
  font-size: 15px;
  font-weight: 680;
  background: transparent;
}

html[data-karuca-design="native-premium"] .transfer-search-route-v74 input::placeholder { color: #97a29c; font-weight: 570; }

html[data-karuca-design="native-premium"] #transferSwapV74 {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 10px;
  display: grid;
  width: 40px;
  height: 40px;
  translate: 0 -50%;
  place-items: center;
  border: 1px solid #cee4d6;
  border-radius: 14px;
  color: var(--transfer-deep);
  font-size: 19px;
  font-weight: 700;
  background: var(--transfer-mint);
}

html[data-karuca-design="native-premium"] .transfer-route-point-v74 {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
  background: var(--transfer-green);
}
html[data-karuca-design="native-premium"] .transfer-route-point-v74.finish { background: #15211b; }
html[data-karuca-design="native-premium"] .transfer-route-point-v74.stop { color: var(--transfer-deep); background: #dff6e8; }

html[data-karuca-design="native-premium"] .transfer-search-options-v74 {
  display: grid;
  grid-template-columns: minmax(0,1.3fr) minmax(112px,.7fr);
  gap: 10px;
}

html[data-karuca-design="native-premium"] .transfer-search-options-v74 label {
  display: grid;
  grid-template-columns: 24px minmax(0,1fr);
  gap: 9px;
  align-items: center;
  min-height: 58px;
  margin: 0;
  padding: 8px 11px;
  border: 1px solid var(--transfer-line);
  border-radius: 16px;
  color: var(--transfer-green);
  background: #fbfdfc;
}

html[data-karuca-design="native-premium"] .transfer-search-options-v74 label > .ui-icon { width: 21px; height: 21px; }
html[data-karuca-design="native-premium"] .transfer-search-options-v74 label > span:last-child { display: grid; min-width: 0; }
html[data-karuca-design="native-premium"] .transfer-search-options-v74 input,
html[data-karuca-design="native-premium"] .transfer-search-options-v74 select {
  height: 25px;
  min-width: 0;
  padding: 0 18px 0 0;
  border: 0;
  color: var(--transfer-ink);
  font-size: 13px;
  font-weight: 680;
  background-color: transparent;
}

html[data-karuca-design="native-premium"] .transfer-search-submit-v74 {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  border-radius: 17px;
  color: #fff;
  font-size: 14px;
  font-weight: 740;
  background: var(--transfer-deep);
  box-shadow: 0 10px 24px rgba(7,60,38,.16);
}
html[data-karuca-design="native-premium"] .transfer-search-submit-v74 .ui-icon { width: 20px; height: 20px; }

html[data-karuca-design="native-premium"] .transfer-results-head-v74 {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin: 22px 2px 10px;
}
html[data-karuca-design="native-premium"] .transfer-results-head-v74 h2 { margin: 4px 0 0; font-size: 20px; font-weight: 760; letter-spacing: -.035em; }
html[data-karuca-design="native-premium"] .transfer-results-head-v74 small { color: #738078; font-size: 10px; }
html[data-karuca-design="native-premium"] .transfer-results-head-v74 label { margin: 0; }
html[data-karuca-design="native-premium"] .transfer-results-head-v74 select {
  width: 140px;
  height: 42px;
  padding: 0 30px 0 11px;
  border: 1px solid var(--transfer-line);
  border-radius: 14px;
  color: var(--transfer-deep);
  font-size: 11px;
  font-weight: 680;
  background-color: #fff;
}

html[data-karuca-design="native-premium"] .transfer-results-v74 { display: grid; gap: 12px; }
html[data-karuca-design="native-premium"] .transfer-card-v74 {
  position: relative;
  overflow: hidden;
  padding: 15px;
  border: 1px solid var(--transfer-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(11,51,30,.055);
}
html[data-karuca-design="native-premium"] .transfer-card-hit-v74 {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  border: 0;
  background: transparent;
}
html[data-karuca-design="native-premium"] .transfer-card-v74:active { transform: scale(.992); }
html[data-karuca-design="native-premium"] .transfer-card-top-v74 {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
}
html[data-karuca-design="native-premium"] .transfer-route-v74 {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 5px 9px;
  align-items: center;
  min-width: 0;
}
html[data-karuca-design="native-premium"] .transfer-route-v74 > span:not(.transfer-route-point-v74) { display: grid; min-width: 0; }
html[data-karuca-design="native-premium"] .transfer-route-v74 > span small { color: #7a8780; font-size: 9px; }
html[data-karuca-design="native-premium"] .transfer-route-v74 > span b { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
html[data-karuca-design="native-premium"] .transfer-route-v74 > i { width: 2px; height: 13px; margin-left: 13px; background: #b9dfc7; }
html[data-karuca-design="native-premium"] .transfer-price-v74 { display: grid; align-content: start; justify-items: end; min-width: 70px; }
html[data-karuca-design="native-premium"] .transfer-price-v74 b { color: var(--transfer-deep); font-size: 22px; line-height: 1; letter-spacing: -.04em; }
html[data-karuca-design="native-premium"] .transfer-price-v74 small { margin-top: 4px; color: #78847d; font-size: 9px; }

html[data-karuca-design="native-premium"] .transfer-trip-meta-v74 {
  display: flex;
  gap: 7px;
  margin: 14px -2px 0;
  overflow-x: auto;
  scrollbar-width: none;
}
html[data-karuca-design="native-premium"] .transfer-trip-meta-v74::-webkit-scrollbar { display: none; }
html[data-karuca-design="native-premium"] .transfer-trip-meta-v74 > span {
  display: grid;
  grid-template-columns: 18px auto;
  flex: 0 0 auto;
  min-width: 78px;
  min-height: 48px;
  padding: 7px 9px;
  border-radius: 14px;
  color: var(--transfer-green);
  background: #f1f7f3;
}
html[data-karuca-design="native-premium"] .transfer-trip-meta-v74 .ui-icon { grid-row: 1 / 3; align-self: center; width: 16px; height: 16px; }
html[data-karuca-design="native-premium"] .transfer-trip-meta-v74 b { color: var(--transfer-ink); font-size: 11px; line-height: 1.2; }
html[data-karuca-design="native-premium"] .transfer-trip-meta-v74 small { color: #7b8780; font-size: 8px; line-height: 1.2; }

html[data-karuca-design="native-premium"] .transfer-driver-v74 {
  display: grid;
  grid-template-columns: 40px minmax(0,1fr) 24px;
  gap: 10px;
  align-items: center;
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px solid #edf1ee;
}
html[data-karuca-design="native-premium"] .transfer-driver-v74 > span:nth-child(2) { display: grid; min-width: 0; }
html[data-karuca-design="native-premium"] .transfer-driver-v74 b { font-size: 12px; }
html[data-karuca-design="native-premium"] .transfer-driver-v74 small { overflow: hidden; margin-top: 2px; color: #718078; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
html[data-karuca-design="native-premium"] .transfer-card-arrow-v74 { color: var(--transfer-green); font-size: 25px; text-align: right; }
html[data-karuca-design="native-premium"] .transfer-avatar-v74 {
  display: grid;
  width: 40px;
  height: 40px;
  overflow: hidden;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 14px;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 760;
  background: var(--transfer-deep);
  box-shadow: 0 0 0 1px #dce7df;
}
html[data-karuca-design="native-premium"] .transfer-avatar-v74.large { width: 52px; height: 52px; border-radius: 18px; font-size: 17px; }
html[data-karuca-design="native-premium"] .transfer-avatar-v74 img { width: 100%; height: 100%; object-fit: cover; }

html[data-karuca-design="native-premium"] .transfer-publish-dock-v74 {
  position: sticky;
  z-index: 6;
  bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  margin-top: 14px;
  padding: 7px 0;
  background: linear-gradient(transparent, #f7faf8 26%);
}
html[data-karuca-design="native-premium"] .transfer-publish-dock-v74 button {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) 20px;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-height: 58px;
  padding: 9px 13px;
  border: 1px solid #cde6d5;
  border-radius: 18px;
  color: var(--transfer-deep);
  text-align: left;
  background: #eaf8ef;
  box-shadow: 0 10px 24px rgba(10,70,39,.09);
}
html[data-karuca-design="native-premium"] .transfer-publish-dock-v74 .ui-icon { display: grid; width: 38px; height: 38px; padding: 9px; border-radius: 13px; color: #fff; background: var(--transfer-deep); }
html[data-karuca-design="native-premium"] .transfer-publish-dock-v74 button > span:nth-child(2) { display: grid; }
html[data-karuca-design="native-premium"] .transfer-publish-dock-v74 b { font-size: 12px; }
html[data-karuca-design="native-premium"] .transfer-publish-dock-v74 small { margin-top: 2px; color: #658071; font-size: 9px; }
html[data-karuca-design="native-premium"] .transfer-publish-dock-v74 i { font-size: 24px; font-style: normal; }

html[data-karuca-design="native-premium"] .transfer-empty-v74,
html[data-karuca-design="native-premium"] .transfer-info-v74 {
  display: grid;
  justify-items: center;
  padding: 28px 20px;
  border: 1px solid var(--transfer-line);
  border-radius: 22px;
  text-align: center;
  background: #fff;
}
html[data-karuca-design="native-premium"] .transfer-empty-v74 > .ui-icon,
html[data-karuca-design="native-premium"] .transfer-info-v74 > .ui-icon { display: grid; width: 52px; height: 52px; padding: 13px; border-radius: 18px; color: var(--transfer-green); background: var(--transfer-mint); }
html[data-karuca-design="native-premium"] .transfer-empty-v74 h2,
html[data-karuca-design="native-premium"] .transfer-info-v74 h2 { margin: 15px 0 6px; font-size: 19px; }
html[data-karuca-design="native-premium"] .transfer-empty-v74 p { margin: 0; color: #708077; font-size: 12px; line-height: 1.5; }
html[data-karuca-design="native-premium"] .transfer-empty-v74 button { min-height: 44px; margin-top: 16px; padding: 0 16px; border: 1px solid #c9e2d2; border-radius: 14px; color: var(--transfer-deep); font-weight: 700; background: var(--transfer-mint); }
html[data-karuca-design="native-premium"] .transfer-info-v74 ol { margin: 15px 0 20px; padding-left: 24px; color: #536158; font-size: 13px; line-height: 1.55; text-align: left; }

/* Route detail modal. */
html[data-karuca-design="native-premium"] .transfer-detail-v74,
html[data-karuca-design="native-premium"] .transfer-book-v74,
html[data-karuca-design="native-premium"] .transfer-booked-v74 {
  display: grid;
  gap: 12px;
  padding: 2px 0 26px;
  color: var(--transfer-ink, #102018);
}
html[data-karuca-design="native-premium"] .transfer-detail-v74 > section,
html[data-karuca-design="native-premium"] .transfer-book-v74 > section {
  border: 1px solid #dce7df;
  border-radius: 21px;
  background: #fff;
}
html[data-karuca-design="native-premium"] .transfer-detail-hero-v74 {
  padding: 17px;
  background:
    linear-gradient(145deg, rgba(225,247,233,.92), #fff 70%) !important;
}
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 5px 11px;
  align-items: center;
}
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 > div { display: grid; }
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 small { color: #728078; font-size: 9px; }
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 b { margin-top: 1px; font-size: 17px; letter-spacing: -.02em; }
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 em { margin-top: 3px; color: #46715a; font-size: 10px; font-style: normal; }
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 > i { width: 2px; height: 20px; margin-left: 13px; background: #a8dcbc; }

html[data-karuca-design="native-premium"] .transfer-detail-driver-v74 { padding: 16px; }
html[data-karuca-design="native-premium"] .transfer-section-label-v74 { margin-bottom: 12px; color: #789083; font-size: 9px; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
html[data-karuca-design="native-premium"] .transfer-driver-profile-v74 { display: grid; grid-template-columns: 52px minmax(0,1fr) 36px; gap: 11px; align-items: center; }
html[data-karuca-design="native-premium"] .transfer-driver-profile-v74 > span:nth-child(2) { display: grid; min-width: 0; }
html[data-karuca-design="native-premium"] .transfer-driver-profile-v74 b { font-size: 15px; }
html[data-karuca-design="native-premium"] .transfer-driver-profile-v74 small { margin-top: 4px; color: #728078; font-size: 10px; }
html[data-karuca-design="native-premium"] .transfer-verified-v74 { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 12px; color: var(--transfer-green); background: var(--transfer-mint); }
html[data-karuca-design="native-premium"] .transfer-verified-v74 .ui-icon { width: 18px; height: 18px; }
html[data-karuca-design="native-premium"] .transfer-vehicle-v74 { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 12px; align-items: center; margin-top: 14px; padding: 11px; border-radius: 16px; background: #f3f7f4; }
html[data-karuca-design="native-premium"] .transfer-vehicle-v74 > img,
html[data-karuca-design="native-premium"] .transfer-vehicle-v74 > span { display: grid; width: 72px; height: 48px; object-fit: cover; place-items: center; overflow: hidden; border-radius: 12px; color: var(--transfer-green); background: #e3f3e8; }
html[data-karuca-design="native-premium"] .transfer-vehicle-v74 > span .ui-icon { width: 32px; height: 32px; }
html[data-karuca-design="native-premium"] .transfer-vehicle-v74 > div { display: grid; }
html[data-karuca-design="native-premium"] .transfer-vehicle-v74 small { color: #79867e; font-size: 9px; }
html[data-karuca-design="native-premium"] .transfer-vehicle-v74 b { margin-top: 2px; font-size: 13px; }
html[data-karuca-design="native-premium"] .transfer-vehicle-v74 em { justify-self: start; margin-top: 5px; padding: 3px 7px; border: 1px solid #d7e2da; border-radius: 7px; color: #27352d; font-size: 9px; font-style: normal; font-weight: 740; background: #fff; }

html[data-karuca-design="native-premium"] .transfer-amenities-v74 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; }
html[data-karuca-design="native-premium"] .transfer-amenities-v74 > span { display: grid; min-height: 88px; align-content: center; justify-items: center; padding: 9px 5px; text-align: center; background: #fbfdfb; }
html[data-karuca-design="native-premium"] .transfer-amenities-v74 .ui-icon { width: 21px; height: 21px; margin-bottom: 7px; color: var(--transfer-green); }
html[data-karuca-design="native-premium"] .transfer-amenities-v74 b { font-size: 10px; }
html[data-karuca-design="native-premium"] .transfer-amenities-v74 small { margin-top: 3px; color: #839087; font-size: 7px; line-height: 1.25; }
html[data-karuca-design="native-premium"] .transfer-note-v74,
html[data-karuca-design="native-premium"] .transfer-payment-v74 { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 11px; align-items: start; padding: 14px; }
html[data-karuca-design="native-premium"] .transfer-note-v74 > .ui-icon,
html[data-karuca-design="native-premium"] .transfer-payment-v74 > .ui-icon { display: grid; width: 38px; height: 38px; padding: 9px; border-radius: 13px; color: var(--transfer-green); background: var(--transfer-mint); }
html[data-karuca-design="native-premium"] .transfer-note-v74 b,
html[data-karuca-design="native-premium"] .transfer-payment-v74 b { font-size: 12px; }
html[data-karuca-design="native-premium"] .transfer-note-v74 p,
html[data-karuca-design="native-premium"] .transfer-payment-v74 small { display: block; margin: 4px 0 0; color: #738078; font-size: 10px; line-height: 1.45; }
html[data-karuca-design="native-premium"] .transfer-detail-total-v74 { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; }
html[data-karuca-design="native-premium"] .transfer-detail-total-v74 > span { display: grid; min-height: 70px; align-content: center; padding: 13px 16px; }
html[data-karuca-design="native-premium"] .transfer-detail-total-v74 > span + span { border-left: 1px solid #e5ece7; }
html[data-karuca-design="native-premium"] .transfer-detail-total-v74 small { color: #78857d; font-size: 9px; }
html[data-karuca-design="native-premium"] .transfer-detail-total-v74 b { margin-top: 3px; color: var(--transfer-deep); font-size: 21px; }
html[data-karuca-design="native-premium"] .transfer-detail-cta-v74 { min-height: 54px; border: 0; border-radius: 17px; color: #fff; font-size: 15px; font-weight: 750; background: var(--transfer-green); box-shadow: 0 12px 26px rgba(8,166,87,.18); }
html[data-karuca-design="native-premium"] .transfer-detail-cta-v74:disabled { color: #86928b; background: #e7ece9; box-shadow: none; }

/* Booking and confirmation. */
html[data-karuca-design="native-premium"] .transfer-book-summary-v74 { padding: 15px; }
html[data-karuca-design="native-premium"] .transfer-book-summary-v74 > div { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px; align-items: center; }
html[data-karuca-design="native-premium"] .transfer-book-summary-v74 > div > span:last-child { display: grid; }
html[data-karuca-design="native-premium"] .transfer-book-summary-v74 small { color: #7a8880; font-size: 9px; }
html[data-karuca-design="native-premium"] .transfer-book-summary-v74 b { font-size: 14px; }
html[data-karuca-design="native-premium"] .transfer-book-summary-v74 > i { display: block; width: 2px; height: 15px; margin: 3px 0 3px 13px; background: #abdcbf; }
html[data-karuca-design="native-premium"] .transfer-book-summary-v74 p { display: flex; align-items: center; gap: 6px; margin: 13px 0 0; padding-top: 11px; border-top: 1px solid #edf1ee; color: #506359; font-size: 11px; }
html[data-karuca-design="native-premium"] .transfer-book-summary-v74 p .ui-icon { width: 16px; height: 16px; color: var(--transfer-green); }
html[data-karuca-design="native-premium"] .transfer-book-section-v74 { padding: 16px; }
html[data-karuca-design="native-premium"] .transfer-seat-stepper-v74 { display: grid; grid-template-columns: 48px minmax(0,1fr) 48px; gap: 10px; align-items: center; }
html[data-karuca-design="native-premium"] .transfer-seat-stepper-v74 button { width: 48px; height: 48px; border: 1px solid #cfe2d6; border-radius: 16px; color: var(--transfer-deep); font-size: 21px; background: var(--transfer-mint); }
html[data-karuca-design="native-premium"] .transfer-seat-stepper-v74 button:disabled { opacity: .4; }
html[data-karuca-design="native-premium"] .transfer-seat-stepper-v74 span { display: grid; justify-items: center; }
html[data-karuca-design="native-premium"] .transfer-seat-stepper-v74 b { font-size: 24px; line-height: 1; }
html[data-karuca-design="native-premium"] .transfer-seat-stepper-v74 small,
html[data-karuca-design="native-premium"] .transfer-capacity-v74 { color: #75837b; font-size: 9px; }
html[data-karuca-design="native-premium"] .transfer-capacity-v74 { display: block; margin-top: 10px; text-align: center; }
html[data-karuca-design="native-premium"] .transfer-book-section-v74 label { margin: 10px 0 0; color: #617067; font-size: 10px; }
html[data-karuca-design="native-premium"] .transfer-book-section-v74 input { min-height: 50px; margin-top: 5px; border-color: #dce7df; border-radius: 15px; color: var(--transfer-ink); font-size: 15px; background: #fbfdfb; }
html[data-karuca-design="native-premium"] .transfer-payment-v74 { background: #effaf3 !important; }
html[data-karuca-design="native-premium"] .transfer-book-total-v74 { position: sticky; bottom: 0; display: grid; grid-template-columns: auto minmax(170px,1fr); gap: 12px; align-items: center; padding: 10px; box-shadow: 0 -12px 30px rgba(9,47,27,.06); }
html[data-karuca-design="native-premium"] .transfer-book-total-v74 > span { display: grid; min-width: 74px; padding-left: 5px; }
html[data-karuca-design="native-premium"] .transfer-book-total-v74 small { color: #74827a; font-size: 9px; }
html[data-karuca-design="native-premium"] .transfer-book-total-v74 b { color: var(--transfer-deep); font-size: 21px; }
html[data-karuca-design="native-premium"] .transfer-book-total-v74 button { min-height: 52px; border: 0; border-radius: 16px; color: #fff; font-size: 13px; font-weight: 750; background: var(--transfer-green); }
html[data-karuca-design="native-premium"] .transfer-book-total-v74 button:disabled { opacity: .65; }
html[data-karuca-design="native-premium"] .transfer-book-legal-v74 { margin: 0 10px; color: #738078; font-size: 9px; line-height: 1.45; text-align: center; }
html[data-karuca-design="native-premium"] .transfer-booked-v74 { justify-items: center; padding: 28px 12px; text-align: center; }
html[data-karuca-design="native-premium"] .transfer-booked-check-v74 { display: grid; width: 76px; height: 76px; place-items: center; border-radius: 26px; color: #fff; background: var(--transfer-green); box-shadow: 0 18px 36px rgba(8,166,87,.22); }
html[data-karuca-design="native-premium"] .transfer-booked-check-v74 .ui-icon { width: 35px; height: 35px; }
html[data-karuca-design="native-premium"] .transfer-booked-v74 > small { margin-top: 7px; color: #688075; font-size: 9px; font-weight: 720; letter-spacing: .08em; }
html[data-karuca-design="native-premium"] .transfer-booked-v74 h2 { margin: 0; font-size: 24px; letter-spacing: -.04em; }
html[data-karuca-design="native-premium"] .transfer-booked-v74 > p { max-width: 300px; margin: -3px 0 4px; color: #6e7c74; font-size: 12px; line-height: 1.5; }
html[data-karuca-design="native-premium"] .transfer-booked-route-v74 { display: flex; width: 100%; align-items: center; justify-content: center; gap: 12px; min-height: 64px; padding: 10px; border: 1px solid #dce7df; border-radius: 18px; background: #f7faf8; }
html[data-karuca-design="native-premium"] .transfer-booked-route-v74 b { font-size: 13px; }
html[data-karuca-design="native-premium"] .transfer-booked-route-v74 i { color: var(--transfer-green); font-style: normal; }
html[data-karuca-design="native-premium"] .transfer-booked-facts-v74 { display: grid; grid-template-columns: 1fr 1fr; width: 100%; overflow: hidden; border: 1px solid #dce7df; border-radius: 18px; }
html[data-karuca-design="native-premium"] .transfer-booked-facts-v74 span { display: grid; min-height: 64px; align-content: center; }
html[data-karuca-design="native-premium"] .transfer-booked-facts-v74 span + span { border-left: 1px solid #dce7df; }
html[data-karuca-design="native-premium"] .transfer-booked-facts-v74 small { color: #75827b; font-size: 9px; }
html[data-karuca-design="native-premium"] .transfer-booked-facts-v74 b { color: var(--transfer-deep); font-size: 18px; }
html[data-karuca-design="native-premium"] .transfer-booked-v74 > .btn { width: 100%; min-height: 52px; border-radius: 16px; }

@media (max-width: 360px) {
  html[data-karuca-design="native-premium"] .transfer-market-v74 { padding-inline: 10px; }
  html[data-karuca-design="native-premium"] .transfer-head-v74 { margin-inline: -10px; padding-inline: 10px; }
  html[data-karuca-design="native-premium"] .transfer-results-head-v74 { align-items: stretch; flex-direction: column; }
  html[data-karuca-design="native-premium"] .transfer-results-head-v74 select { width: 100%; }
  html[data-karuca-design="native-premium"] .transfer-card-top-v74 { grid-template-columns: 1fr; }
  html[data-karuca-design="native-premium"] .transfer-price-v74 { grid-auto-flow: column; align-items: center; justify-content: start; gap: 6px; }
  html[data-karuca-design="native-premium"] .transfer-search-options-v74 { grid-template-columns: 1fr; }
}

/* Driver registration — Karuca vehicle family, transparent studio renders. */
html[data-karuca-design="native-premium"] .car-type-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

html[data-karuca-design="native-premium"] .car-type-option {
  position: relative !important;
  display: grid !important;
  min-width: 0 !important;
  min-height: 92px !important;
  grid-template-rows: 56px auto !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 3px !important;
  padding: 8px 5px 7px !important;
  overflow: hidden !important;
  border: 1px solid #dce5df !important;
  border-radius: 17px !important;
  background: #fff !important;
  box-shadow: 0 6px 18px rgba(15, 42, 27, .035) !important;
}

html[data-karuca-design="native-premium"] .car-type-option::after {
  content: "" !important;
  position: absolute !important;
  right: -12px !important;
  bottom: -22px !important;
  width: 74px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: rgba(38, 202, 99, .07) !important;
  pointer-events: none !important;
}

html[data-karuca-design="native-premium"] .car-type-option img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: 96px !important;
  height: 56px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 7px 6px rgba(4, 22, 13, .16)) !important;
  transform: scale(1.06) !important;
}

html[data-karuca-design="native-premium"] .car-type-label {
  position: relative !important;
  z-index: 1 !important;
  max-width: 100% !important;
  color: #18251d !important;
  font-size: 10px !important;
  font-weight: 720 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html[data-karuca-design="native-premium"] .car-type-option.active {
  border-color: #10a654 !important;
  background: #f1fbf5 !important;
  box-shadow: 0 0 0 2px rgba(16, 166, 84, .1), 0 9px 22px rgba(5, 81, 40, .08) !important;
}

html[data-karuca-design="native-premium"] .car-type-option.active::before {
  content: "✓" !important;
  position: absolute !important;
  z-index: 3 !important;
  top: 7px !important;
  right: 7px !important;
  display: grid !important;
  width: 18px !important;
  height: 18px !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  background: #18b85e !important;
  box-shadow: 0 4px 10px rgba(11, 123, 60, .2) !important;
}

/* v76 — exact approved transfer board: catalogue → route → booking → ticket. */
html[data-karuca-design="native-premium"] .transfer-market-v74 {
  padding-inline: 12px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .transfer-head-plan-v76 {
  position: relative !important;
  display: grid !important;
  min-height: auto !important;
  grid-template-columns: minmax(0,1fr) 42px !important;
  margin: 0 !important;
  padding: 20px 2px 12px !important;
  border: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

html[data-karuca-design="native-premium"] .transfer-head-plan-v76 > div { text-align: left !important; }
html[data-karuca-design="native-premium"] #transferBackV74 { display: none !important; }
html[data-karuca-design="native-premium"] .transfer-head-plan-v76 h1 {
  margin: 0 !important;
  font-size: 30px !important;
  font-weight: 760 !important;
  letter-spacing: -.05em !important;
}
html[data-karuca-design="native-premium"] .transfer-head-plan-v76 p {
  margin: 6px 0 0 !important;
  color: #66726b !important;
  font-size: 12px !important;
}
html[data-karuca-design="native-premium"] .transfer-head-plan-v76 > button:not(.sr-only) {
  align-self: start !important;
  justify-self: end !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 13px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .transfer-search-v74 {
  gap: 10px !important;
  margin-top: 0 !important;
  padding: 12px !important;
  border-radius: 17px !important;
  box-shadow: 0 9px 24px rgba(8, 48, 28, .055) !important;
}
html[data-karuca-design="native-premium"] .transfer-search-route-v74 {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 40px minmax(0,1fr) !important;
  gap: 5px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html[data-karuca-design="native-premium"] .transfer-search-route-v74 label {
  display: grid !important;
  min-height: 57px !important;
  grid-template-columns: 1fr !important;
  padding: 7px 9px !important;
  border: 1px solid var(--transfer-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
}
html[data-karuca-design="native-premium"] .transfer-search-route-v74 label + button + label { border-top: 1px solid var(--transfer-line) !important; }
html[data-karuca-design="native-premium"] .transfer-search-route-v74 label > .transfer-route-point-v74 { display: none !important; }
html[data-karuca-design="native-premium"] .transfer-search-route-v74 input {
  width: 100% !important;
  font-size: 13px !important;
}
html[data-karuca-design="native-premium"] .transfer-city-field-v77 {
  position: relative !important;
  display: grid !important;
  min-width: 0 !important;
}
html[data-karuca-design="native-premium"] .transfer-city-field-v77 > small {
  overflow: hidden !important;
  color: #5e6b64 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html[data-karuca-design="native-premium"] .transfer-city-field-v77 > input {
  min-width: 0 !important;
  padding: 3px 0 0 !important;
  color: #0c1d14 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
}
html[data-karuca-design="native-premium"] .transfer-city-field-v77 > input::placeholder {
  color: #8c9891 !important;
  font-size: 12px !important;
  font-weight: 560 !important;
  opacity: 1 !important;
}
html[data-karuca-design="native-premium"] .transfer-city-suggest-v77 {
  position: absolute !important;
  z-index: 80 !important;
  top: calc(100% + 10px) !important;
  left: -10px !important;
  width: max(230px, calc(100% + 48px)) !important;
  max-height: 254px !important;
  overflow-y: auto !important;
  padding: 6px !important;
  border: 1px solid #d7e3da !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 18px 44px rgba(4,31,17,.16) !important;
  backdrop-filter: blur(18px) !important;
}
html[data-karuca-design="native-premium"] .transfer-city-suggest-v77[hidden] { display: none !important; }
html[data-karuca-design="native-premium"] .transfer-city-suggest-v77 button {
  display: grid !important;
  width: 100% !important;
  min-height: 48px !important;
  grid-template-columns: 30px minmax(0,1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #102119 !important;
  text-align: left !important;
  background: transparent !important;
}
html[data-karuca-design="native-premium"] .transfer-city-suggest-v77 button:active,
html[data-karuca-design="native-premium"] .transfer-city-suggest-v77 button:focus-visible {
  outline: none !important;
  background: #edf9f1 !important;
}
html[data-karuca-design="native-premium"] .transfer-city-suggest-v77 button > span:first-child {
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  border-radius: 9px !important;
  color: #078b46 !important;
  background: #e8f8ee !important;
}
html[data-karuca-design="native-premium"] .transfer-city-suggest-v77 .ui-icon { width: 16px !important; height: 16px !important; }
html[data-karuca-design="native-premium"] .transfer-city-suggest-v77 button > span:last-child { display: grid !important; min-width: 0 !important; }
html[data-karuca-design="native-premium"] .transfer-city-suggest-v77 b {
  overflow: hidden !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html[data-karuca-design="native-premium"] .transfer-city-suggest-v77 small {
  overflow: hidden !important;
  color: #748078 !important;
  font-size: 10px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html[data-karuca-design="native-premium"] #transferSwapV74 {
  position: static !important;
  align-self: center !important;
  width: 36px !important;
  height: 36px !important;
  translate: none !important;
  border-radius: 50% !important;
  color: var(--transfer-green) !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(6, 74, 37, .1) !important;
}
html[data-karuca-design="native-premium"] .transfer-search-options-v74 {
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
}
html[data-karuca-design="native-premium"] .transfer-search-options-v74 label {
  min-height: 52px !important;
  border-radius: 12px !important;
}
html[data-karuca-design="native-premium"] .transfer-search-options-v74 label > span:last-child {
  overflow: hidden !important;
}
html[data-karuca-design="native-premium"] .transfer-search-options-v74 input,
html[data-karuca-design="native-premium"] .transfer-search-options-v74 select {
  width: 100% !important;
  min-width: 0 !important;
  padding-right: 2px !important;
  color: #102119 !important;
  font-size: 12px !important;
  font-weight: 680 !important;
}
html[data-karuca-design="native-premium"] .transfer-search-options-v74 input[type="date"] {
  appearance: auto !important;
  -webkit-appearance: auto !important;
}
html[data-karuca-design="native-premium"] .transfer-search-submit-v74 {
  min-height: 48px !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, #10b85d, #07974a) !important;
}

html[data-karuca-design="native-premium"] .transfer-filter-plan-v76 {
  display: grid !important;
  gap: 7px !important;
  margin: 12px 0 8px !important;
}
html[data-karuca-design="native-premium"] .transfer-filter-plan-v76 > small { color: #6d7972 !important; font-size: 10px !important; }
html[data-karuca-design="native-premium"] .transfer-filter-pills-v76 {
  display: grid !important;
  grid-template-columns: 1fr .9fr 1fr 40px !important;
  gap: 5px !important;
}
html[data-karuca-design="native-premium"] .transfer-filter-pills-v76 button {
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 0 8px !important;
  border: 1px solid #d8e2db !important;
  border-radius: 13px !important;
  color: #27352d !important;
  font-size: 10px !important;
  font-weight: 680 !important;
  background: #fff !important;
}
html[data-karuca-design="native-premium"] .transfer-filter-pills-v76 button.active {
  border-color: var(--transfer-deep) !important;
  color: #fff !important;
  background: var(--transfer-deep) !important;
}
html[data-karuca-design="native-premium"] .transfer-filter-pills-v76 .ui-icon { width: 17px !important; height: 17px !important; }

html[data-karuca-design="native-premium"] .transfer-results-v74 { gap: 8px !important; }
html[data-karuca-design="native-premium"] .transfer-card-plan-v76 {
  padding: 12px !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
html[data-karuca-design="native-premium"] .transfer-route-title-v76 { display: grid !important; min-width: 0 !important; }
html[data-karuca-design="native-premium"] .transfer-route-title-v76 b {
  overflow: hidden !important;
  font-size: 15px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html[data-karuca-design="native-premium"] .transfer-route-title-v76 i { color: var(--transfer-green) !important; font-style: normal !important; }
html[data-karuca-design="native-premium"] .transfer-route-title-v76 small { margin-top: 3px !important; color: #6e7973 !important; font-size: 10px !important; }
html[data-karuca-design="native-premium"] .transfer-card-plan-v76 .transfer-price-v74 b { font-size: 19px !important; }
html[data-karuca-design="native-premium"] .transfer-line-v76 {
  display: grid !important;
  grid-template-columns: auto minmax(24px,1fr) auto minmax(24px,1fr) auto !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 10px !important;
}
html[data-karuca-design="native-premium"] .transfer-line-v76 > span { display: grid !important; }
html[data-karuca-design="native-premium"] .transfer-line-v76 b { font-size: 10px !important; }
html[data-karuca-design="native-premium"] .transfer-line-v76 small { color: #758078 !important; font-size: 8px !important; }
html[data-karuca-design="native-premium"] .transfer-line-v76 > i {
  position: relative !important;
  height: 2px !important;
  background: #90bca2 !important;
}
html[data-karuca-design="native-premium"] .transfer-line-v76 > i::before,
html[data-karuca-design="native-premium"] .transfer-line-v76 > i::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 6px !important;
  height: 6px !important;
  border: 1px solid #4a8060 !important;
  border-radius: 50% !important;
  background: #fff !important;
  transform: translateY(-50%) !important;
}
html[data-karuca-design="native-premium"] .transfer-line-v76 > i::before { left: 0 !important; }
html[data-karuca-design="native-premium"] .transfer-line-v76 > i::after { right: 0 !important; }
html[data-karuca-design="native-premium"] .transfer-driver-plan-v76 {
  grid-template-columns: 36px minmax(0,.8fr) minmax(100px,1.2fr) !important;
  margin-top: 10px !important;
  padding-top: 9px !important;
}
html[data-karuca-design="native-premium"] .transfer-driver-plan-v76 .transfer-avatar-v74 { width: 34px !important; height: 34px !important; border-radius: 50% !important; }
html[data-karuca-design="native-premium"] .transfer-driver-plan-v76 > span:nth-child(2) b i { color: var(--transfer-green) !important; font-style: normal !important; }
html[data-karuca-design="native-premium"] .transfer-vehicle-mini-v76 { display: grid !important; justify-items: end !important; min-width: 0 !important; }
html[data-karuca-design="native-premium"] .transfer-vehicle-mini-v76 b,
html[data-karuca-design="native-premium"] .transfer-vehicle-mini-v76 small { max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html[data-karuca-design="native-premium"] .transfer-vehicle-mini-v76 b { font-size: 10px !important; }
html[data-karuca-design="native-premium"] .transfer-vehicle-mini-v76 small { color: var(--transfer-green) !important; font-size: 8px !important; }
html[data-karuca-design="native-premium"] .transfer-card-actions-v76 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 9px !important;
  padding-top: 8px !important;
  border-top: 1px solid #edf1ee !important;
}
html[data-karuca-design="native-premium"] .transfer-card-actions-v76 > span { display: flex !important; align-items: center !important; gap: 5px !important; color: #68756e !important; font-size: 9px !important; }
html[data-karuca-design="native-premium"] .transfer-card-actions-v76 .ui-icon { width: 15px !important; height: 15px !important; }
html[data-karuca-design="native-premium"] .transfer-card-actions-v76 button {
  min-height: 34px !important;
  padding: 0 15px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 720 !important;
  background: var(--transfer-deep) !important;
}
html[data-karuca-design="native-premium"] .transfer-publish-dock-v74 button {
  min-height: 48px !important;
  grid-template-columns: 22px minmax(0,1fr) 16px !important;
  border-color: var(--transfer-deep) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}
html[data-karuca-design="native-premium"] .transfer-publish-dock-v74 .ui-icon { width: 20px !important; height: 20px !important; padding: 0 !important; color: var(--transfer-deep) !important; background: transparent !important; }
html[data-karuca-design="native-premium"] .transfer-publish-dock-v74 small { display: none !important; }

html[data-karuca-design="native-premium"] .transfer-map-plan-v76 {
  position: relative !important;
  min-height: 205px !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #edf5ef !important;
}
html[data-karuca-design="native-premium"] .transfer-map-loading-v76,
html[data-karuca-design="native-premium"] .transfer-map-fallback-v76 {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 8px !important;
  color: var(--transfer-deep) !important;
}
html[data-karuca-design="native-premium"] .transfer-map-loading-v76 .ui-icon,
html[data-karuca-design="native-premium"] .transfer-map-fallback-v76 .ui-icon { width: 28px !important; height: 28px !important; }
html[data-karuca-design="native-premium"] .transfer-map-loading-v76 span,
html[data-karuca-design="native-premium"] .transfer-map-fallback-v76 b { font-size: 12px !important; }

html[data-karuca-design="native-premium"] .transfer-book-options-v76 {
  display: grid !important;
  overflow: hidden !important;
  border: 1px solid #dce7df !important;
  border-radius: 18px !important;
  background: #fff !important;
}
html[data-karuca-design="native-premium"] .transfer-book-options-v76 label {
  display: flex !important;
  min-height: 55px !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 !important;
  padding: 10px 13px !important;
}
html[data-karuca-design="native-premium"] .transfer-book-options-v76 label + label { border-top: 1px solid #e6ece8 !important; }
html[data-karuca-design="native-premium"] .transfer-book-options-v76 label > span { display: flex !important; align-items: center !important; gap: 8px !important; }
html[data-karuca-design="native-premium"] .transfer-book-options-v76 .ui-icon { width: 19px !important; height: 19px !important; color: var(--transfer-deep) !important; }
html[data-karuca-design="native-premium"] .transfer-book-options-v76 input[type="checkbox"] { width: 42px !important; height: 24px !important; accent-color: var(--transfer-green) !important; }
html[data-karuca-design="native-premium"] .transfer-book-section-v74 textarea {
  width: 100% !important;
  min-height: 78px !important;
  margin-top: 5px !important;
  padding: 12px !important;
  border: 1px solid #dce7df !important;
  border-radius: 14px !important;
  resize: vertical !important;
}
html[data-karuca-design="native-premium"] #transferBookFormulaV76 { display: block !important; margin-bottom: 3px !important; color: #425249 !important; font-style: normal !important; }

html[data-karuca-design="native-premium"] .transfer-ticket-v76 {
  display: grid !important;
  grid-template-columns: 112px minmax(0,1fr) !important;
  width: 100% !important;
  gap: 13px !important;
  align-items: center !important;
  padding: 12px !important;
  border: 1px solid #dce7df !important;
  border-radius: 18px !important;
}
html[data-karuca-design="native-premium"] .transfer-ticket-v76 > div { display: grid !important; text-align: left !important; }
html[data-karuca-design="native-premium"] .transfer-ticket-v76 > div > b { font-size: 15px !important; }
html[data-karuca-design="native-premium"] .transfer-ticket-v76 > div > b i { color: var(--transfer-green) !important; font-style: normal !important; }
html[data-karuca-design="native-premium"] .transfer-ticket-v76 > div > small,
html[data-karuca-design="native-premium"] .transfer-ticket-v76 > div > em { margin-top: 5px !important; color: #6b7971 !important; font-size: 10px !important; font-style: normal !important; }
html[data-karuca-design="native-premium"] .transfer-ticket-v76 hr { width: 100% !important; margin: 10px 0 5px !important; border: 0 !important; border-top: 1px solid #e5ece7 !important; }
html[data-karuca-design="native-premium"] .transfer-ticket-v76 .ui-icon { width: 14px !important; height: 14px !important; vertical-align: middle !important; }
html[data-karuca-design="native-premium"] .transfer-qr-v76 {
  display: grid !important;
  width: 106px !important;
  height: 106px !important;
  grid-template-columns: repeat(9,1fr) !important;
  gap: 1px !important;
  padding: 7px !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px #dce7df !important;
}
html[data-karuca-design="native-premium"] .transfer-qr-v76 i { background: transparent !important; }
html[data-karuca-design="native-premium"] .transfer-qr-v76 i.on { background: #08140d !important; }
html[data-karuca-design="native-premium"] .transfer-booked-driver-v76 {
  display: grid !important;
  grid-template-columns: 40px minmax(0,1fr) !important;
  width: 100% !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 11px 13px !important;
  border: 1px solid #dce7df !important;
  border-radius: 16px !important;
  text-align: left !important;
}
html[data-karuca-design="native-premium"] .transfer-booked-driver-v76 > span:last-child { display: grid !important; }
html[data-karuca-design="native-premium"] .transfer-booked-driver-v76 b { font-size: 12px !important; }
html[data-karuca-design="native-premium"] .transfer-booked-driver-v76 small { color: #718078 !important; font-size: 9px !important; }
html[data-karuca-design="native-premium"] .transfer-status-v76 {
  display: grid !important;
  width: 100% !important;
  gap: 8px !important;
  padding: 14px !important;
  border: 1px solid #dce7df !important;
  border-radius: 16px !important;
  text-align: left !important;
}
html[data-karuca-design="native-premium"] .transfer-status-v76 > span { display: grid !important; grid-template-columns: 24px 1fr !important; align-items: center !important; font-size: 10px !important; }
html[data-karuca-design="native-premium"] .transfer-status-v76 > span i { display: grid !important; width: 22px !important; height: 22px !important; place-items: center !important; border-radius: 50% !important; color: #66746c !important; font-style: normal !important; background: #edf1ee !important; }
html[data-karuca-design="native-premium"] .transfer-status-v76 > span.done i { color: #fff !important; background: var(--transfer-deep) !important; }

/* v77 — approved transfer search, vehicle privacy and persistent booking action. */
html[data-karuca-design="native-premium"] .transfer-vehicle-mini-v76 {
  display: grid !important;
  min-width: 0 !important;
  grid-template-columns: auto minmax(0,1fr) !important;
  gap: 7px !important;
  align-items: center !important;
}
html[data-karuca-design="native-premium"] .transfer-vehicle-mini-v76 > img {
  width: 42px !important;
  height: 28px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
}
html[data-karuca-design="native-premium"] .transfer-vehicle-mini-v76 > span {
  display: grid !important;
  min-width: 0 !important;
}
html[data-karuca-design="native-premium"] .transfer-plate-private-v77 {
  max-width: 240px !important;
  color: #547062 !important;
  font-size: 9px !important;
  font-weight: 620 !important;
  line-height: 1.3 !important;
}
html[data-karuca-design="native-premium"] .transfer-book-v74 {
  padding-bottom: 8px !important;
}
html[data-karuca-design="native-premium"] .transfer-book-total-v74 {
  position: sticky !important;
  z-index: 60 !important;
  right: 0 !important;
  bottom: -1px !important;
  left: 0 !important;
  display: grid !important;
  width: 100% !important;
  grid-template-columns: 90px minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px !important;
  border-color: #cfe3d5 !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 -14px 32px rgba(6,49,26,.12) !important;
  backdrop-filter: blur(18px) !important;
}
html[data-karuca-design="native-premium"] .transfer-book-total-v74 > span {
  min-width: 0 !important;
  padding-left: 2px !important;
}
html[data-karuca-design="native-premium"] .transfer-book-total-v74 button {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  padding: 0 12px !important;
  color: #fff !important;
  background: linear-gradient(180deg,#0bb75a,#078f47) !important;
  box-shadow: 0 9px 20px rgba(7,143,71,.18) !important;
}
html[data-karuca-design="native-premium"] .transfer-duration-detail-v77 {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 12px 0 0 !important;
  padding-top: 11px !important;
  border-top: 1px solid #dce9e0 !important;
  color: #205c3b !important;
  font-size: 11px !important;
  font-weight: 680 !important;
}

/* v78 — coherent booking controls, modal geometry and compact profile metrics. */
html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-check-v11 {
  position: absolute !important;
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-card.active .vehicle-class-check-v11 {
  color: #fff !important;
  background: #18b85b !important;
}
html[data-karuca-design="native-premium"] .transfer-book-options-v76 input[type="checkbox"] {
  position: relative !important;
  width: 44px !important;
  height: 26px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  outline: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: #d8dfda !important;
  box-shadow: inset 0 0 0 1px rgba(8, 45, 24, .06) !important;
  transition: background-color .18s ease !important;
}
html[data-karuca-design="native-premium"] .transfer-book-options-v76 input[type="checkbox"]::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(5, 31, 16, .18) !important;
  transition: transform .18s cubic-bezier(.2,.8,.2,1) !important;
}
html[data-karuca-design="native-premium"] .transfer-book-options-v76 input[type="checkbox"]:checked {
  background: #0aa653 !important;
}
html[data-karuca-design="native-premium"] .transfer-book-options-v76 input[type="checkbox"]:checked::after {
  transform: translateX(18px) !important;
}
html[data-karuca-design="native-premium"] .transfer-detail-cta-v74 {
  display: block !important;
  width: 100% !important;
  min-height: 54px !important;
  color: #fff !important;
  background: linear-gradient(180deg, #0ab65a, #078d46) !important;
  box-shadow: 0 12px 24px rgba(7, 143, 71, .2) !important;
}
html[data-karuca-design="native-premium"] .transfer-detail-cta-v74:disabled {
  color: #77837c !important;
  background: #e7ece9 !important;
  box-shadow: none !important;
}
html[data-karuca-design="native-premium"] .transfer-cancel-v78 {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 9px !important;
  border: 1px solid #f0b8b8 !important;
  border-radius: 15px !important;
  color: #d92929 !important;
  background: #fffafa !important;
  box-shadow: none !important;
}
html[data-karuca-design="native-premium"] .transfer-cancel-v78.armed {
  border-color: #d92929 !important;
  color: #fff !important;
  background: #d92929 !important;
}
html[data-karuca-design="native-premium"] .profile-page .profile-rating-v34 {
  overflow: visible !important;
  min-height: 18px !important;
}
html[data-karuca-design="native-premium"] .profile-page .profile-rating-stars-v34 {
  height: 18px !important;
  overflow: visible !important;
  line-height: 18px !important;
}
html[data-karuca-design="native-premium"] .profile-page .profile-rating-stars-v34 i,
html[data-karuca-design="native-premium"] .profile-page .profile-rating-stars-v34 svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  overflow: visible !important;
}
html[data-karuca-design="native-premium"] .modal-inner {
  border-radius: 0 !important;
}
html[data-karuca-design="native-premium"] .transfer-empty-v74 button {
  min-height: 46px !important;
  padding: 0 18px !important;
  border: 1px solid #d8e0da !important;
  border-radius: 13px !important;
  color: #153c27 !important;
  background: #fff !important;
  box-shadow: 0 5px 14px rgba(7, 35, 20, .05) !important;
}
html[data-karuca-design="native-premium"] .transfer-empty-v74 button:active {
  color: #0a7139 !important;
  background: #f7f9f7 !important;
  transform: scale(.985) !important;
}

/* v79 — calm, aligned transfer filters without browser-native blue controls. */
html[data-karuca-design="native-premium"] .transfer-search-v74 {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid #dce5df !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 10px 26px rgba(7, 33, 18, .055) !important;
}
html[data-karuca-design="native-premium"] .transfer-search-route-v74 {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 42px minmax(0,1fr) !important;
  gap: 8px !important;
  align-items: stretch !important;
}
html[data-karuca-design="native-premium"] .transfer-search-route-v74 > label,
html[data-karuca-design="native-premium"] .transfer-search-options-v74 > label {
  min-width: 0 !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid #dce5df !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}
html[data-karuca-design="native-premium"] .transfer-search-route-v74 .transfer-route-point-v74 {
  display: none !important;
}
html[data-karuca-design="native-premium"] .transfer-city-field-v77 {
  display: grid !important;
  min-width: 0 !important;
  align-content: center !important;
  gap: 5px !important;
}
html[data-karuca-design="native-premium"] .transfer-city-field-v77 input,
html[data-karuca-design="native-premium"] .transfer-search-options-v74 input {
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  color: #101b14 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-karuca-design="native-premium"] .transfer-search-v74 input:focus,
html[data-karuca-design="native-premium"] .transfer-search-v74 button:focus,
html[data-karuca-design="native-premium"] .transfer-search-v74 input:focus-visible,
html[data-karuca-design="native-premium"] .transfer-search-v74 button:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}
html[data-karuca-design="native-premium"] #transferSwapV74 {
  align-self: center !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border: 1px solid #d7e2da !important;
  border-radius: 50% !important;
  color: #078f47 !important;
  background: #fff !important;
  box-shadow: 0 5px 12px rgba(7, 49, 25, .07) !important;
}
html[data-karuca-design="native-premium"] .transfer-search-options-v74 {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 8px !important;
}
html[data-karuca-design="native-premium"] .transfer-search-options-v74 > label {
  display: grid !important;
  grid-template-columns: 24px minmax(0,1fr) !important;
  gap: 8px !important;
  align-items: center !important;
}
html[data-karuca-design="native-premium"] .transfer-search-options-v74 > label > span {
  display: grid !important;
  min-width: 0 !important;
  gap: 4px !important;
}
html[data-karuca-design="native-premium"] .transfer-passenger-stepper-v79 {
  display: grid !important;
  grid-template-columns: 30px minmax(24px,1fr) 30px !important;
  gap: 2px !important;
  align-items: center !important;
  min-width: 0 !important;
}
html[data-karuca-design="native-premium"] .transfer-passenger-stepper-v79 button {
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #0a6e39 !important;
  background: #f1f5f2 !important;
  box-shadow: none !important;
}
html[data-karuca-design="native-premium"] .transfer-passenger-stepper-v79 button:disabled {
  color: #a5afa9 !important;
}
html[data-karuca-design="native-premium"] .transfer-passenger-stepper-v79 output {
  color: #111c15 !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  text-align: center !important;
}
@media (max-width: 370px) {
  html[data-karuca-design="native-premium"] .transfer-search-route-v74 {
    grid-template-columns: minmax(0,1fr) 36px minmax(0,1fr) !important;
    gap: 5px !important;
  }
  html[data-karuca-design="native-premium"] #transferSwapV74 {
    width: 36px !important;
    height: 36px !important;
  }
  html[data-karuca-design="native-premium"] .transfer-search-options-v74 > label {
    padding-inline: 8px !important;
  }
}

/* v91 — light native driver status. The line status is a control, not a hero. */
html[data-karuca-design="native-premium"] .driver-line-page .driver-dashboard-card {
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 8px 26px rgba(15, 32, 22, .075) !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-shift-v70 {
  min-height: 82px !important;
  padding: 15px 16px !important;
  color: #0b1710 !important;
  background: #fff !important;
  border-bottom: 1px solid #e7ece9 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-live-dot-v70 {
  margin-top: 7px !important;
  background: #11b95d !important;
  box-shadow: 0 0 0 5px rgba(17, 185, 93, .11) !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-shift-copy-v70 small {
  color: #078044 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-shift-copy-v70 b {
  color: #0b1710 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-shift-copy-v70 p {
  color: #6f7b73 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .online-switch-v70 {
  display: flex !important;
  min-width: 52px !important;
  min-height: 44px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: flex-end !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .online-switch-v70 > span {
  width: 51px !important;
  height: 31px !important;
  background: #d8dfda !important;
  box-shadow: inset 0 0 0 1px rgba(7, 45, 27, .035) !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .online-switch-v70 > span::after {
  top: 2px !important;
  left: 2px !important;
  width: 27px !important;
  height: 27px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .online-switch-v70 input:checked + span {
  background: #18c564 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .online-switch-v70 input:checked + span::after {
  transform: translateX(20px) !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .online-switch-v70 em {
  display: none !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-stat-grid-v70 {
  display: grid !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .driver-pref-grid {
  display: grid !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 #saveDriverPrefs {
  display: flex !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-job-card .bid-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: 46px 46px !important;
  gap: 8px !important;
  min-height: 0 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-job-card .bid-actions [data-confirm-price] {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-height: 46px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-job-card .bid-actions [data-open] {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 82px !important;
  min-height: 46px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-job-card .bid-actions [data-bidprice] {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-job-card .bid-actions [data-bid] {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 82px !important;
  min-height: 46px !important;
}
html[data-karuca-design="native-premium"] .transfer-book-v74 input:focus,
html[data-karuca-design="native-premium"] .transfer-book-v74 textarea:focus,
html[data-karuca-design="native-premium"] .transfer-book-v74 input:focus-visible,
html[data-karuca-design="native-premium"] .transfer-book-v74 textarea:focus-visible {
  border-color: #8ba696 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
html[data-karuca-design="native-premium"] .transfer-book-options-v76 input[type="checkbox"]:focus,
html[data-karuca-design="native-premium"] .transfer-book-options-v76 input[type="checkbox"]:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(8, 45, 24, .08) !important;
}
html[data-karuca-design="native-premium"] .transfer-duration-detail-v77 .ui-icon {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
}
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 {
  gap: 3px 10px !important;
}
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 b {
  font-size: 14px !important;
  line-height: 1.2 !important;
}
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 > i {
  height: 14px !important;
}
/* v80 — verified transfer routes, booking state and premium ticket */
.transfer-card-v74.has-client-booking-v80{
  border-color:#7fc99d!important;
  box-shadow:0 10px 28px rgba(8,72,43,.09)!important;
}
.transfer-client-booking-v80{
  width:100%;min-height:52px;margin:0 0 12px;padding:9px 12px;border:0;border-radius:13px;
  display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:10px;
  color:#075c36;background:#eefaf3;text-align:left;
}
.transfer-client-booking-v80.confirmed{background:#e4f8ec;color:#034f2d}
.transfer-client-booking-v80>svg:first-child{width:20px;height:20px;padding:5px;border-radius:50%;color:#fff;background:#08a955;box-sizing:content-box}
.transfer-client-booking-v80 span{display:flex;min-width:0;flex-direction:column;gap:2px}
.transfer-client-booking-v80 b{font-size:13px;line-height:1.25}
.transfer-client-booking-v80 small{font-size:10px;line-height:1.25;color:#5d7769}
.transfer-client-booking-v80>svg:last-child{width:16px;height:16px}
.transfer-card-v74.has-client-booking-v80 .transfer-card-actions-v76 button:disabled{
  opacity:1!important;color:#075c36!important;background:#edf8f1!important;border:1px solid #b9dfc8!important;
}
.my-transfer-ticket-v80{display:grid;gap:12px;padding:2px 0 18px}
.my-transfer-ticket-head-v80{text-align:center;padding:6px 8px 2px}
.my-transfer-ticket-head-v80>small{display:block;margin-top:10px;color:#718079;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.my-transfer-ticket-head-v80 h2{margin:3px 0 0;color:#073c27;font-size:24px;letter-spacing:.035em}
.my-transfer-status-v80{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#fff7e8;color:#8a5a00;font-size:12px}
.my-transfer-status-v80.confirmed{background:#e8f8ee;color:#087044}
.my-transfer-status-v80 svg{width:16px;height:16px}
.my-transfer-qr-v80{margin:0!important}
.my-transfer-map-v80{height:210px!important;min-height:210px!important;border-radius:18px!important;overflow:hidden}
.my-transfer-driver-v80{display:grid;gap:10px;padding:14px;border:1px solid #dce6df;border-radius:18px;background:#fff}
.my-transfer-driver-v80 .transfer-driver-profile-v74{padding:0}
.my-transfer-driver-v80 .transfer-driver-profile-v74 span{display:flex;min-width:0;flex-direction:column}
.my-transfer-driver-v80 .transfer-driver-profile-v74 em{font-size:10px;color:#6d7872;font-style:normal}
.my-transfer-phone-v80{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #b9ddc8;border-radius:13px;color:#075c36;text-decoration:none;background:#f7fcf9}
.my-transfer-phone-v80 svg{width:20px;height:20px}
.my-transfer-phone-v80 span{display:flex;flex-direction:column;gap:2px}
.my-transfer-phone-v80 small{font-size:9px;color:#718079}
.my-transfer-phone-v80 b{font-size:14px}
.my-transfer-private-v80{display:flex;align-items:center;gap:7px;margin:0;padding:9px 10px;border-radius:12px;color:#64736b;background:#f4f7f5;font-size:10px;line-height:1.35}
.my-transfer-private-v80 svg{width:16px;height:16px;flex:none}
.my-transfer-ticket-v80>.btn{min-height:50px;margin:0!important;border-radius:14px}

/* v81 — readable route summary, compact Karuca switches and contact fallback. */
html[data-karuca-design="native-premium"] .transfer-detail-hero-v74 {
  padding: 15px !important;
  border: 1px solid #dce6df !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(8, 43, 27, .055) !important;
}
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 0 12px !important;
  align-items: start !important;
}
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 > div {
  min-height: 48px !important;
  padding: 1px 0 9px !important;
}
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 small {
  color: #65746c !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 b {
  margin-top: 2px !important;
  color: #0b2116 !important;
  font-size: 17px !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
}
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 em {
  margin-top: 4px !important;
  color: #47705a !important;
  font-size: 10px !important;
  font-weight: 620 !important;
}
html[data-karuca-design="native-premium"] .transfer-detail-route-v74 > i {
  width: 2px !important;
  height: 24px !important;
  margin: -8px 0 -1px 14px !important;
  border-radius: 99px !important;
  background: #9ad9b4 !important;
}
html[data-karuca-design="native-premium"] .transfer-duration-detail-v77 {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 9px 0 0 !important;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 14px !important;
  color: #0a5f39 !important;
  background: #edf8f1 !important;
}
html[data-karuca-design="native-premium"] .transfer-duration-detail-v77 > .ui-icon {
  width: 18px !important;
  height: 18px !important;
  padding: 9px !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: #079d4e !important;
  box-sizing: content-box !important;
}
html[data-karuca-design="native-premium"] .transfer-duration-detail-v77 > span {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 2px !important;
}
html[data-karuca-design="native-premium"] .transfer-duration-detail-v77 small {
  color: #607268 !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  text-transform: uppercase !important;
  letter-spacing: .055em !important;
}
html[data-karuca-design="native-premium"] .transfer-duration-detail-v77 b {
  color: #073e28 !important;
  font-size: 16px !important;
  font-weight: 780 !important;
}
html[data-karuca-design="native-premium"] .transfer-book-options-v76 label {
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
html[data-karuca-design="native-premium"] .transfer-book-options-v76 input[type="checkbox"] {
  display: block !important;
  flex: 0 0 46px !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #d8e0db !important;
  box-shadow: inset 0 0 0 1px rgba(7, 50, 29, .07) !important;
}
html[data-karuca-design="native-premium"] .transfer-book-options-v76 input[type="checkbox"]::after {
  top: 3px !important;
  left: 3px !important;
  width: 22px !important;
  height: 22px !important;
}
html[data-karuca-design="native-premium"] .transfer-book-options-v76 input[type="checkbox"]:checked {
  background: #079d4e !important;
}
html[data-karuca-design="native-premium"] .transfer-book-options-v76 input[type="checkbox"]:checked::after {
  transform: translateX(18px) !important;
}
.my-transfer-phone-v80.telegram {
  color: #075c36 !important;
  background: #eef8f3 !important;
}
.driver-booking-summary-v81 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
  margin: 14px 0 2px !important;
  overflow: hidden !important;
  border: 1px solid #dce6df !important;
  border-radius: 14px !important;
  background: #dce6df !important;
}
.driver-booking-summary-v81 > span {
  display: flex !important;
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 9px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 4px !important;
  text-align: center !important;
  background: #fff !important;
}
.driver-booking-summary-v81 small {
  color: #68766e !important;
  font-size: 8px !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
}
.driver-booking-summary-v81 b {
  color: #073e28 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

/* ========================================================================
   KARUCA DRIVER SYSTEM v90
   Unified driver cabinet + branded sound controls.
   ======================================================================== */
html[data-karuca-design="native-premium"] .driver-line-page,
html[data-karuca-design="native-premium"] .driver-publish-page,
html[data-karuca-design="native-premium"] .driver-requests-page {
  --driver-ink: #0b1710;
  --driver-muted: #67736b;
  --driver-line: #dce5df;
  --driver-green: #079d4e;
  --driver-green-deep: #063c27;
  --driver-mint: #eff8f2;
  gap: 12px !important;
  padding-bottom: 104px !important;
  color: var(--driver-ink) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero,
html[data-karuca-design="native-premium"] .driver-publish-page .driver-publish-hero,
html[data-karuca-design="native-premium"] .driver-requests-page .driver-requests-hero {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 2px 8px !important;
  align-items: center !important;
  color: var(--driver-ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero::before,
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero::after,
html[data-karuca-design="native-premium"] .driver-publish-page .driver-publish-hero::before,
html[data-karuca-design="native-premium"] .driver-publish-page .driver-publish-hero::after,
html[data-karuca-design="native-premium"] .driver-requests-page .driver-requests-hero::before,
html[data-karuca-design="native-premium"] .driver-requests-page .driver-requests-hero::after {
  display: none !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero h1,
html[data-karuca-design="native-premium"] .driver-publish-page .driver-publish-hero h1,
html[data-karuca-design="native-premium"] .driver-requests-page .driver-requests-hero h1 {
  margin: 3px 0 3px !important;
  color: var(--driver-ink) !important;
  font-size: 31px !important;
  font-weight: 760 !important;
  line-height: 1.05 !important;
  letter-spacing: -.045em !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero p,
html[data-karuca-design="native-premium"] .driver-publish-page .driver-publish-hero p,
html[data-karuca-design="native-premium"] .driver-requests-page .driver-requests-hero p {
  max-width: 300px !important;
  color: var(--driver-muted) !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .hero-kicker,
html[data-karuca-design="native-premium"] .driver-publish-page .hero-kicker,
html[data-karuca-design="native-premium"] .driver-requests-page .hero-kicker {
  color: #087842 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .15em !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .hero-refresh,
html[data-karuca-design="native-premium"] .driver-publish-page .hero-large-icon,
html[data-karuca-design="native-premium"] .driver-requests-page .hero-large-icon {
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  place-items: center !important;
  flex: 0 0 44px !important;
  color: #075d36 !important;
  background: #fff !important;
  border: 1px solid var(--driver-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(8, 35, 20, .07) !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-dashboard-card {
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--driver-line) !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 30px rgba(8, 35, 20, .07) !important;
}

.driver-shift-v70 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 16px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #062d1f 0%, #075437 100%) !important;
}

.driver-shift-copy-v70 {
  display: grid !important;
  grid-template-columns: 10px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
}

.driver-live-dot-v70 {
  width: 9px !important;
  height: 9px !important;
  margin-top: 5px !important;
  border-radius: 50% !important;
  background: #46ed84 !important;
  box-shadow: 0 0 0 5px rgba(70, 237, 132, .13), 0 0 18px rgba(70, 237, 132, .8) !important;
}

.driver-shift-copy-v70 small,
.driver-shift-copy-v70 b,
.driver-shift-copy-v70 p {
  display: block !important;
  margin: 0 !important;
}

.driver-shift-copy-v70 small {
  color: #8fcca8 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
}

.driver-shift-copy-v70 b {
  margin-top: 3px !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 740 !important;
  letter-spacing: -.02em !important;
}

.driver-shift-copy-v70 p {
  margin-top: 3px !important;
  color: #bfd2c7 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

.online-switch-v70 {
  display: grid !important;
  min-width: 74px !important;
  min-height: 61px !important;
  padding: 8px !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 5px !important;
  color: #fff !important;
  background: rgba(255, 255, 255, .09) !important;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: 16px !important;
  cursor: pointer !important;
}

.online-switch-v70 input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.online-switch-v70 > span {
  position: relative !important;
  display: block !important;
  width: 40px !important;
  height: 24px !important;
  background: #51645a !important;
  border-radius: 999px !important;
  transition: background .2s ease !important;
}

.online-switch-v70 > span::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 18px !important;
  height: 18px !important;
  background: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 7px rgba(0, 0, 0, .24) !important;
  transition: transform .2s ease !important;
}

.online-switch-v70 input:checked + span {
  background: #27d767 !important;
}

.online-switch-v70 input:checked + span::after {
  transform: translateX(16px) !important;
}

.online-switch-v70 em {
  max-width: 68px !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 8px !important;
  font-style: normal !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.driver-stat-grid-v70 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 12px 8px !important;
  border-bottom: 1px solid #e6ece8 !important;
}

.driver-stat-grid-v70 > div {
  display: grid !important;
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 5px 8px !important;
  align-content: center !important;
  gap: 2px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: left !important;
}

.driver-stat-grid-v70 > div + div {
  border-left: 1px solid #e6ece8 !important;
}

.driver-stat-grid-v70 small,
.driver-stat-grid-v70 em {
  overflow: hidden !important;
  color: #77827b !important;
  font-size: 8px !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.driver-stat-grid-v70 b {
  overflow: hidden !important;
  color: var(--driver-ink) !important;
  font-size: 20px !important;
  font-weight: 760 !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.driver-line-settings-v70 {
  border: 0 !important;
}

.driver-line-settings-v70 > summary {
  display: flex !important;
  min-height: 50px !important;
  padding: 0 16px !important;
  align-items: center !important;
  justify-content: space-between !important;
  list-style: none !important;
  cursor: pointer !important;
}

.driver-line-settings-v70 > summary::-webkit-details-marker {
  display: none !important;
}

.driver-line-settings-v70 > summary > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #21452f !important;
}

.driver-line-settings-v70 > summary .ui-icon {
  width: 18px !important;
  height: 18px !important;
  color: #0b8d4a !important;
}

.driver-line-settings-v70 > summary b {
  font-size: 12px !important;
  font-weight: 690 !important;
}

.driver-line-settings-v70 > summary > i {
  width: 8px !important;
  height: 8px !important;
  border-right: 1.5px solid #758178 !important;
  border-bottom: 1.5px solid #758178 !important;
  transform: rotate(45deg) !important;
  transition: transform .2s ease !important;
}

.driver-line-settings-v70[open] > summary > i {
  transform: rotate(225deg) !important;
}

.driver-line-settings-v70 .driver-pref-grid {
  margin: 0 12px 10px !important;
  padding: 12px !important;
  background: #f6f8f7 !important;
  border: 0 !important;
  border-radius: 16px !important;
}

.driver-line-settings-v70 #saveDriverPrefs {
  width: calc(100% - 24px) !important;
  margin: 0 12px 12px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-active-order-v42,
html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-controls-v42,
html[data-karuca-design="native-premium"] .driver-line-page .driver-location-card-v29,
html[data-karuca-design="native-premium"] .driver-line-page .demand-card,
html[data-karuca-design="native-premium"] .driver-publish-page .card,
html[data-karuca-design="native-premium"] .driver-requests-page .driver-request-section {
  border: 1px solid var(--driver-line) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 9px 24px rgba(8, 35, 20, .055) !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-head-v42 {
  margin-top: 6px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-head-v42 h2 {
  color: var(--driver-ink) !important;
  font-size: 23px !important;
  font-weight: 750 !important;
  letter-spacing: -.035em !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-job-card {
  border: 1px solid var(--driver-line) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(8, 35, 20, .05) !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-job-head b {
  color: #063d27 !important;
}

/* Branded sound settings */
.sound-settings-v70 {
  display: grid !important;
  gap: 12px !important;
  padding-bottom: 24px !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
}

.sound-brand-v70 {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 13px !important;
  padding: 18px !important;
  color: #fff !important;
  background: #063c27 !important;
  border-radius: 22px !important;
}

.sound-brand-v70 > span {
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  place-items: center !important;
  color: #55e78c !important;
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 16px !important;
}

.sound-brand-v70 .ui-icon {
  width: 25px !important;
  height: 25px !important;
}

.sound-brand-v70 small {
  color: #65dd93 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .15em !important;
}

.sound-brand-v70 h2 {
  margin: 4px 0 5px !important;
  color: #fff !important;
  font-size: 20px !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

.sound-brand-v70 p {
  margin: 0 !important;
  color: #bfd2c7 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

.sound-setting-row-v70 {
  position: relative !important;
  display: flex !important;
  min-height: 72px !important;
  padding: 13px 15px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  background: #fff !important;
  border: 1px solid #dce5df !important;
  border-radius: 18px !important;
}

.sound-setting-row-v70 > span {
  display: grid !important;
  gap: 3px !important;
}

.sound-setting-row-v70 b {
  color: #0b1710 !important;
  font-size: 14px !important;
}

.sound-setting-row-v70 small {
  color: #707d74 !important;
  font-size: 10px !important;
}

.sound-setting-row-v70 input {
  position: absolute !important;
  opacity: 0 !important;
}

.sound-setting-row-v70 > i {
  position: relative !important;
  display: block !important;
  width: 48px !important;
  height: 28px !important;
  flex: 0 0 48px !important;
  background: #d7dfda !important;
  border-radius: 999px !important;
  transition: background .2s ease !important;
}

.sound-setting-row-v70 > i::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 22px !important;
  height: 22px !important;
  background: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 7px rgba(6, 30, 16, .22) !important;
  transition: transform .2s ease !important;
}

.sound-setting-row-v70 input:checked + i {
  background: #0aac58 !important;
}

.sound-setting-row-v70 input:checked + i::after {
  transform: translateX(20px) !important;
}

.sound-preview-grid-v70 {
  display: grid !important;
  gap: 8px !important;
}

.sound-preview-grid-v70 button {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  min-height: 62px !important;
  padding: 9px 12px !important;
  align-items: center !important;
  gap: 10px !important;
  text-align: left !important;
  background: #fff !important;
  border: 1px solid #dce5df !important;
  border-radius: 16px !important;
}

.sound-preview-grid-v70 button > .ui-icon {
  width: 42px !important;
  height: 42px !important;
  padding: 10px !important;
  color: #087842 !important;
  background: #edf8f1 !important;
  border-radius: 13px !important;
}

.sound-preview-grid-v70 button span {
  display: grid !important;
  gap: 2px !important;
}

.sound-preview-grid-v70 button b {
  color: #101a13 !important;
  font-size: 13px !important;
}

.sound-preview-grid-v70 button small,
.sound-note-v70 {
  color: #748078 !important;
  font-size: 10px !important;
}

.sound-note-v70 {
  margin: 2px 4px 0 !important;
  line-height: 1.4 !important;
}

@media (max-width: 370px) {
  .driver-shift-v70 {
    grid-template-columns: minmax(0, 1fr) 68px !important;
    padding: 14px !important;
  }
  .online-switch-v70 {
    min-width: 66px !important;
  }
  .driver-stat-grid-v70 {
    padding-inline: 4px !important;
  }
  .driver-stat-grid-v70 b {
    font-size: 17px !important;
  }
}

/* DRIVER v92 final cascade */
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero .hero-refresh{display:none!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-dashboard-card{padding:0!important;background:#fff!important;border:1px solid #e1e8e3!important;border-radius:22px!important;overflow:hidden!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-stat-grid-v70{padding:10px 12px!important;gap:0!important;background:#fff!important;border-bottom:1px solid #edf1ee!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-stat-grid-v70>div{padding:8px 10px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-stat-grid-v70>div+div{border-left:1px solid #edf1ee!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70{background:#fff!important;border:0!important;border-radius:0!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .driver-pref-grid{display:grid!important;gap:12px!important;padding:14px 16px 8px!important;background:#fff!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .driver-pref-grid>label{padding:0!important;border:0!important;background:#fff!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 input[type="number"]{height:50px!important;padding:0 14px!important;border:1px solid #dce4de!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
html[data-karuca-design="native-premium"] .driver-line-page #saveDriverPrefs{display:block!important;width:calc(100% - 32px)!important;min-height:48px!important;margin:8px 16px 16px!important;border-radius:14px!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-job-head{grid-template-columns:78px minmax(0,1fr) auto!important;gap:8px!important}
html[data-karuca-design="native-premium"] .driver-line-page .job-service-premium-v92{width:78px!important;height:48px!important;min-width:78px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html[data-karuca-design="native-premium"] .driver-line-page .job-service-premium-v92 img{width:78px!important;height:48px!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 7px 7px rgba(11,23,16,.14))!important}
html[data-karuca-design="native-premium"] .driver-line-page .job-head-trailing-v92{display:grid!important;justify-items:end!important;gap:5px!important}
html[data-karuca-design="native-premium"] .driver-line-page .passenger-peek-v92{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:50%!important;overflow:hidden!important;background:#fff!important;border:1px solid #dde5df!important;color:#183526!important}
html[data-karuca-design="native-premium"] .driver-line-page .passenger-peek-v92 img{width:100%!important;height:100%!important;object-fit:cover!important}
html[data-karuca-design="native-premium"] .driver-line-page .job-distance{max-width:96px!important;padding:4px 7px!important;background:#fff!important;border:1px solid #dfe7e1!important;color:#446052!important;font-size:8px!important}
html[data-karuca-design="native-premium"] .driver-line-page .job-service-premium-v92 img{transform:scale(1.5)!important;transform-origin:center!important}
html[data-karuca-design="native-premium"] .driver-line-page .passenger-peek-v92 svg{width:18px!important;height:18px!important;fill:none!important;stroke:#183526!important;stroke-width:1.8!important;stroke-linecap:round!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .toggle-row{position:relative!important;grid-template-columns:minmax(0,1fr) 46px!important;min-height:52px!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .toggle-row span{grid-column:1!important;grid-row:1!important;padding-right:10px!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .toggle-row input{grid-column:2!important;grid-row:1!important;width:46px!important;height:28px!important;margin:0!important;appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:999px!important;background:#dce4de!important;box-shadow:inset 0 0 0 1px rgba(11,23,16,.04)!important;transition:.18s ease!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .toggle-row input:before{content:""!important;display:block!important;width:24px!important;height:24px!important;margin:2px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 6px rgba(11,23,16,.18)!important;transition:.18s ease!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .toggle-row input:checked{background:#16bf61!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .toggle-row input:checked:before{transform:translateX(18px)!important}
html[data-karuca-design="native-premium"] .driver-line-page #saveDriverPrefs{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0 18px!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .driver-pref-grid label.toggle-row{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;align-items:center!important}
html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .driver-pref-grid label.toggle-row input[type="checkbox"]{display:block!important;grid-column:2!important;grid-row:1!important;width:46px!important;min-width:46px!important;height:28px!important;margin:0!important;appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:999px!important;background:#dce4de!important}

/* DRIVER v93 — compact settings and an unambiguous native switch */
html[data-karuca-design="native-premium"] .driver-line-page .driver-dashboard-card {
  box-shadow: 0 12px 34px rgba(15, 31, 22, .07) !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .settings-summary {
  min-height: 54px !important;
  padding: 0 16px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .driver-pref-grid {
  gap: 9px !important;
  padding: 12px 16px 6px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .driver-pref-grid > label:first-child {
  display: grid !important;
  gap: 6px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .driver-pref-grid > label:first-child > span {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 input[type="number"] {
  height: 44px !important;
  font-size: 15px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-settings-v70 .driver-pref-grid small {
  font-size: 9px !important;
  line-height: 1.35 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-native-toggle-v93 {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 52px !important;
  padding: 7px 0 !important;
  background: #fff !important;
  cursor: pointer !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-native-toggle-v93 > span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-native-toggle-v93 b {
  color: #17221b !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-native-toggle-v93 small {
  color: #7b877f !important;
  font-size: 9px !important;
  font-weight: 500 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-native-toggle-v93 > input[type="checkbox"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-native-toggle-v93 > i {
  position: relative !important;
  display: block !important;
  grid-column: 2 !important;
  width: 44px !important;
  height: 26px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #d9e0db !important;
  box-shadow: inset 0 0 0 1px rgba(15, 31, 22, .04) !important;
  transition: background .18s ease !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-native-toggle-v93 > i::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(15, 31, 22, .2) !important;
  transition: transform .18s ease !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-native-toggle-v93 > input:checked + i {
  background: #12bd60 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-native-toggle-v93 > input:checked + i::before {
  transform: translateX(18px) !important;
}

html[data-karuca-design="native-premium"] .driver-line-page #saveDriverPrefs {
  width: calc(100% - 32px) !important;
  min-height: 44px !important;
  margin: 6px 16px 14px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* DRIVER v93.1 — neutral canvas and tighter order feed */
html[data-karuca-design="native-premium"] .driver-line-page {
  gap: 0 !important;
  padding: 8px 14px 94px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-line-hero {
  padding: 12px 2px 6px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-dashboard-card {
  margin: 6px 0 20px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-head-v42 {
  align-items: center !important;
  gap: 10px !important;
  padding: 0 2px 10px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-head-v42 span {
  margin-bottom: 3px !important;
  color: #08783f !important;
  font-size: 9px !important;
  letter-spacing: .11em !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-head-v42 h2 {
  font-size: 23px !important;
  letter-spacing: -.55px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-head-v42 p {
  max-width: 260px !important;
  margin-top: 5px !important;
  color: #737d77 !important;
  font-size: 9px !important;
  line-height: 1.4 !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-head-v42 > b {
  display: inline-flex !important;
  width: auto !important;
  height: 28px !important;
  min-width: 28px !important;
  flex: 0 0 auto !important;
  padding: 0 9px !important;
  border: 1px solid #dce3de !important;
  border-radius: 999px !important;
  color: #152019 !important;
  background: #fff !important;
  box-shadow: none !important;
  font-size: 12px !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-list-v42 {
  gap: 10px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .driver-line-page .driver-feed-list-v42 > .driver-job-card {
  border: 1px solid #dfe5e1 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(15, 31, 22, .045) !important;
}

/* DRIVER v94 — bottom navigation belongs to the screen, not to a floating card */
html[data-karuca-design="native-premium"] body:has(.driver-line-page) .tabbar {
  position: fixed !important;
  right: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  box-sizing: border-box !important;
  width: min(100%, 430px) !important;
  margin: 0 !important;
  padding: 6px 8px max(6px, env(safe-area-inset-bottom, 0px)) !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  border-top: 1px solid #e5e9e6 !important;
  border-radius: 18px 18px 0 0 !important;
  background: #fff !important;
  box-shadow: 0 -8px 24px rgba(15, 31, 22, .07) !important;
}

html[data-karuca-design="native-premium"] body:has(.driver-line-page) .tabbar-inner {
  width: 100% !important;
  min-height: 56px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html[data-karuca-design="native-premium"] body:has(.driver-line-page) .tabbar .tab {
  height: 56px !important;
  min-height: 56px !important;
  border-radius: 14px !important;
}

/* DRIVER TRANSFERS v95 — compact route hub and a true full-screen composer */
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  min-height: 100% !important;
  padding: 18px 14px 96px !important;
  color: #142018 !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-intro-v95 {
  padding: 0 2px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-intro-v95 .hero-kicker {
  display: block !important;
  margin-bottom: 5px !important;
  color: #08783f !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-intro-v95 h1 {
  margin: 0 !important;
  font-size: 29px !important;
  font-weight: 760 !important;
  line-height: 1.05 !important;
  letter-spacing: -.75px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-intro-v95 p {
  margin: 8px 0 0 !important;
  color: #6f7973 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-summary-v95 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  overflow: hidden !important;
  border: 1px solid #e0e5e2 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(15, 31, 22, .055) !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-summary-v95 > div {
  display: grid !important;
  min-width: 0 !important;
  min-height: 72px !important;
  align-content: center !important;
  gap: 3px !important;
  padding: 12px 10px !important;
  border-right: 1px solid #e7ebe8 !important;
  text-align: left !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-summary-v95 > div:last-child {
  border-right: 0 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-summary-v95 b {
  font-size: 21px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-summary-v95 span {
  overflow: hidden !important;
  color: #7d8781 !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-route-compose-cta {
  display: inline-flex !important;
  order: 4 !important;
  width: 100% !important;
  min-height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 15px !important;
  color: #fff !important;
  background: #079c4d !important;
  box-shadow: none !important;
  font: 700 13px/1 var(--karuca-font, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif) !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-route-compose-cta .ui-icon {
  width: 20px !important;
  height: 20px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-head-v64 {
  display: flex !important;
  order: 2 !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 4px 2px 0 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-head-v64 h2 {
  margin: 3px 0 0 !important;
  font-size: 19px !important;
  letter-spacing: -.35px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-head-v64 > span {
  max-width: 150px !important;
  color: #7c8680 !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
  text-align: right !important;
}

html[data-karuca-design="native-premium"] .driver-published-empty-v95 {
  display: grid !important;
  order: 3 !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  min-height: 112px !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px !important;
  border: 1px solid #e0e5e2 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(15, 31, 22, .045) !important;
}

html[data-karuca-design="native-premium"] .driver-published-empty-v95 img {
  display: block !important;
  width: 74px !important;
  height: 54px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 9px rgba(15, 31, 22, .12)) !important;
}

html[data-karuca-design="native-premium"] .driver-published-empty-v95 small {
  color: #08783f !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
}

html[data-karuca-design="native-premium"] .driver-published-empty-v95 h2 {
  margin: 4px 0 3px !important;
  font-size: 16px !important;
}

html[data-karuca-design="native-premium"] .driver-published-empty-v95 p {
  margin: 0 !important;
  color: #737d77 !important;
  font-size: 10px !important;
  line-height: 1.38 !important;
}

html[data-karuca-design="native-premium"] .driver-published-terms-v95 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 9px 0 0 !important;
}

html[data-karuca-design="native-premium"] .driver-published-terms-v95 > span {
  display: inline-flex !important;
  min-height: 28px !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 9px !important;
  border: 1px solid #e2e7e4 !important;
  border-radius: 999px !important;
  color: #536058 !important;
  background: #fff !important;
  font-size: 9px !important;
  font-weight: 600 !important;
}

html[data-karuca-design="native-premium"] .driver-published-terms-v95 .ui-icon {
  width: 14px !important;
  height: 14px !important;
  color: #078447 !important;
}

html[data-karuca-design="native-premium"].driver-transfer-composer-open,
html[data-karuca-design="native-premium"].driver-transfer-composer-open body {
  overflow: hidden !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-form-card {
  display: none !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .publish-form-card {
  position: fixed !important;
  z-index: 10020 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  display: block !important;
  box-sizing: border-box !important;
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  margin: 0 !important;
  padding: 0 16px calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  transform: translateX(-50%) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #142018 !important;
  background: #f6f8f6 !important;
  box-shadow: 0 0 0 100vmax rgba(12, 18, 14, .38) !important;
  overscroll-behavior: contain !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-composer-head-v95 {
  position: sticky !important;
  z-index: 2 !important;
  top: 0 !important;
  display: grid !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-height: 64px !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: max(8px, env(safe-area-inset-top, 0px)) 12px 8px !important;
  margin: 0 -16px 12px !important;
  transform: none !important;
  border-bottom: 1px solid #e1e6e3 !important;
  background: rgba(255, 255, 255, .96) !important;
  backdrop-filter: blur(18px) !important;
}

@media (max-width: 600px) {
  html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .publish-form-card {
    right: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    transform: none !important;
    background: #fff !important;
    box-shadow: none !important;
  }
}

html[data-karuca-design="native-premium"] .driver-transfer-composer-head-v95 button {
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid #e1e6e3 !important;
  border-radius: 14px !important;
  color: #142018 !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-composer-head-v95 button .ui-icon {
  width: 20px !important;
  height: 20px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-composer-head-v95 > div {
  min-width: 0 !important;
  text-align: center !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-composer-head-v95 small {
  display: block !important;
  color: #08783f !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-composer-head-v95 h2 {
  overflow: hidden !important;
  margin: 3px 0 0 !important;
  font-size: 15px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-form-head-v64,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-section-label-v64,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .transfer-country-grid-v30,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-city-row-v64,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .transfer-stops-builder-v30,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-schedule-grid-v64,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-transfer-options-v95,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-note-v64 {
  box-sizing: border-box !important;
  margin: 0 0 12px !important;
  padding: 14px !important;
  border: 1px solid #e1e6e3 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-form-head-v64 {
  grid-template-columns: 42px minmax(0, 1fr) !important;
}

html[data-karuca-design="native-premium"] .driver-route-kind-v95 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  padding: 5px !important;
  border: 1px solid #e1e6e3 !important;
  border-radius: 18px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .driver-route-kind-v95 label {
  position: relative !important;
  min-width: 0 !important;
  cursor: pointer !important;
}

html[data-karuca-design="native-premium"] .driver-route-kind-v95 input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-karuca-design="native-premium"] .driver-route-kind-v95 label > span {
  position: relative !important;
  display: grid !important;
  min-height: 78px !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  gap: 3px 8px !important;
  padding: 10px 34px 10px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: #fff !important;
  transition: border-color .16s ease, background .16s ease !important;
}

html[data-karuca-design="native-premium"] .driver-route-kind-v95 .ui-icon {
  grid-row: 1 / 3 !important;
  width: 28px !important;
  height: 28px !important;
  align-self: center !important;
  color: #087f45 !important;
}

html[data-karuca-design="native-premium"] .driver-route-kind-v95 b {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

html[data-karuca-design="native-premium"] .driver-route-kind-v95 small {
  color: #7c8680 !important;
  font-size: 8px !important;
  line-height: 1.25 !important;
}

html[data-karuca-design="native-premium"] .driver-route-kind-v95 input:checked + span {
  border-color: #079c4d !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px #079c4d !important;
}

html[data-karuca-design="native-premium"] .driver-route-kind-v95 input:checked + span::after {
  content: "✓" !important;
  position: absolute !important;
  top: 9px !important;
  right: 9px !important;
  display: grid !important;
  width: 20px !important;
  height: 20px !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: #079c4d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 #trSwapCountries {
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  align-self: end !important;
  place-items: center !important;
  margin-bottom: 2px !important;
  padding: 0 !important;
  border: 1px solid #dce3de !important;
  border-radius: 14px !important;
  color: #087f45 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 #trSwapCountries .ui-icon {
  width: 21px !important;
  height: 21px !important;
}

html[data-karuca-design="native-premium"] .transfer-kind-v95 {
  display: inline-flex !important;
  width: fit-content !important;
  min-height: 22px !important;
  align-items: center !important;
  margin-bottom: 4px !important;
  padding: 0 8px !important;
  border: 1px solid #dce3de !important;
  border-radius: 999px !important;
  color: #08783f !important;
  background: #fff !important;
  font-size: 8px !important;
  font-weight: 750 !important;
  letter-spacing: .04em !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-form-head-v64 > span {
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  background: #f3f6f4 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-form-card input,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-form-card select,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-form-card textarea {
  min-height: 48px !important;
  border: 1px solid #dce3de !important;
  border-radius: 14px !important;
  color: #142018 !important;
  background: #fff !important;
  box-shadow: none !important;
  outline: 0 !important;
  font-family: var(--karuca-font, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif) !important;
  font-size: 14px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-form-card input:focus,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-form-card select:focus,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-form-card textarea:focus {
  border-color: #079c4d !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px #079c4d !important;
  outline: 0 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 {
  display: grid !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 > label,
html[data-karuca-design="native-premium"] .driver-transfer-options-v95 > div {
  display: grid !important;
  min-height: 58px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid #e7ebe8 !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 > :last-child {
  border-bottom: 0 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 > label > span,
html[data-karuca-design="native-premium"] .driver-transfer-options-v95 > div > span {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  color: #142018 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 .ui-icon {
  width: 20px !important;
  height: 20px !important;
  color: #087f45 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 b {
  font-size: 12px !important;
  font-weight: 650 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 small {
  color: #7c8680 !important;
  font-size: 9px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 input[type="checkbox"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 label > i {
  position: relative !important;
  display: block !important;
  width: 44px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: #dce2de !important;
  transition: background .18s ease !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 label > i::before {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(15, 31, 22, .2) !important;
  transition: transform .18s ease !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 input:checked + i {
  background: #12bd60 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 input:checked + i::before {
  transform: translateX(18px) !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-transfer-cta-v64 {
  position: static !important;
  z-index: auto !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 4px 0 0 !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: #079c4d !important;
  box-shadow: 0 10px 24px rgba(7, 156, 77, .18) !important;
}

/* v50.1.20 — aligned trip conditions and Android safe-area spacing */
html[data-karuca-design="native-premium"] .driver-transfer-options-v95 > label,
html[data-karuca-design="native-premium"] .driver-transfer-options-v95 > div {
  min-height: 72px !important;
  padding: 12px 16px !important;
  gap: 14px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 .driver-condition-copy-v95 {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 11px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 .driver-condition-copy-v95 > span {
  display: grid !important;
  min-width: 0 !important;
  gap: 3px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 .driver-condition-copy-v95 b,
html[data-karuca-design="native-premium"] .driver-transfer-options-v95 .driver-condition-copy-v95 small {
  display: block !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 .driver-condition-copy-v95 b {
  font-size: 13px !important;
  color: #142018 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-options-v95 .driver-condition-copy-v95 small {
  font-size: 10px !important;
  font-weight: 450 !important;
  color: #7b847e !important;
}

html[data-karuca-design="native-premium"] .driver-condition-confirm-v95 {
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  border: 1px solid #dce4df !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #079c4d !important;
}

html[data-karuca-design="native-premium"] .driver-condition-confirm-v95 .ui-icon,
html[data-karuca-design="native-premium"] .driver-condition-confirm-v95 svg {
  width: 16px !important;
  height: 16px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-note-v64 {
  padding: 16px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-note-v64 textarea {
  min-height: 98px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-transfer-cta-v64 {
  margin: 6px 0 calc(22px + env(safe-area-inset-bottom, 0px)) !important;
}

/* v50.1.20 — the composer is a regular screen, not a nested sticky header */
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-composer-back-v95 {
  display: inline-flex !important;
  width: auto !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 2px 0 12px !important;
  padding: 0 13px !important;
  border: 1px solid #dfe5e1 !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #172019 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-composer-back-v95 .ui-icon {
  width: 18px !important;
  height: 18px !important;
}

/* v50.1.21 — publish is a regular Transfers tab screen */
html[data-karuca-design="native-premium"].driver-transfer-composer-open,
html[data-karuca-design="native-premium"].driver-transfer-composer-open body {
  overflow: auto !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing > :not(.publish-form-card) {
  display: none !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .publish-form-card {
  position: static !important;
  z-index: auto !important;
  inset: auto !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 12px 14px 22px !important;
  overflow: visible !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"].driver-transfer-composer-open .tabbar {
  visibility: visible !important;
  pointer-events: auto !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .transfer-stops-head-v30 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .transfer-stops-head-v30 > div {
  min-width: 0 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .transfer-stops-head-v30 b {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .transfer-stops-head-v30 small {
  display: block !important;
  margin-top: 3px !important;
  color: #7c8680 !important;
  font-size: 9px !important;
  line-height: 1.3 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 #trAddStop {
  display: inline-flex !important;
  min-width: 104px !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 12px !important;
  border: 1px solid #dce3de !important;
  border-radius: 13px !important;
  color: #087f45 !important;
  background: #fff !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 #trAddStop .ui-icon {
  width: 18px !important;
  height: 18px !important;
}

html[data-karuca-design="native-premium"].driver-transfer-composer-open .tabbar {
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 370px) {
  html[data-karuca-design="native-premium"] .driver-transfer-summary-v95 > div {
    padding-inline: 8px !important;
  }

  html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-schedule-grid-v64,
  html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .publish-city-row-v64 {
    grid-template-columns: 1fr !important;
  }
}

/* Driver routes: monochrome status and one aligned information rail. */
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-top-v64 > .tag.status-active {
  position: relative !important;
  display: inline-flex !important;
  min-height: 28px !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 10px !important;
  border: 1px solid #dce3de !important;
  border-radius: 999px !important;
  color: #162019 !important;
  background: #fff !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 650 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-top-v64 > .tag.status-active::before {
  content: "" !important;
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  border-radius: 50% !important;
  background: #079c4d !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-metrics-v64 {
  display: grid !important;
  grid-template-columns: 1.25fr .85fr .85fr !important;
  gap: 0 !important;
  margin-top: 12px !important;
  overflow: hidden !important;
  border: 1px solid #dfe5e1 !important;
  border-radius: 15px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-metrics-v64 > span {
  display: grid !important;
  min-width: 0 !important;
  min-height: 64px !important;
  grid-template-columns: 19px minmax(0, 1fr) !important;
  align-items: center !important;
  align-content: center !important;
  gap: 7px !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-right: 1px solid #e5e9e6 !important;
  border-radius: 0 !important;
  color: #162019 !important;
  background: #fff !important;
  text-align: left !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-metrics-v64 > span:last-child {
  border-right: 0 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-metrics-v64 > span > span {
  display: grid !important;
  min-width: 0 !important;
  gap: 3px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-metrics-v64 small {
  color: #7a847e !important;
  font-size: 8px !important;
  font-weight: 550 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-metrics-v64 b {
  overflow: hidden !important;
  color: #162019 !important;
  font-size: 11px !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-metrics-v64 .ui-icon {
  width: 18px !important;
  height: 18px !important;
  color: #079c4d !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-metrics-v64 .price {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: center !important;
  gap: 4px !important;
  color: #162019 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-metrics-v64 .price b {
  color: #087f45 !important;
  font-size: 15px !important;
}

@media (max-width: 370px) {
  html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-metrics-v64 {
    grid-template-columns: 1fr 1fr 1fr !important;
  }

  html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-metrics-v64 .price {
    grid-column: auto !important;
  }

  html[data-karuca-design="native-premium"] .driver-transfer-hub-v95 .driver-published-metrics-v64 > span {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    padding-inline: 9px !important;
  }
}

/* Keep the primary driver navigation available while composing a route. */
html[data-karuca-design="native-premium"].driver-transfer-composer-open .tabbar {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* v50.1.22 — use the available Telegram viewport on this data-heavy screen. */
html[data-karuca-design="native-premium"].driver-transfer-composer-open .app,
html[data-karuca-design="native-premium"].driver-transfer-composer-open .main,
html[data-karuca-design="native-premium"].driver-transfer-composer-open .topbar-inner,
html[data-karuca-design="native-premium"].driver-transfer-composer-open .tabbar,
html[data-karuca-design="native-premium"].driver-transfer-composer-open .tabbar-inner {
  width: 100% !important;
  max-width: 520px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing {
  padding-inline: 0 !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .publish-form-card {
  padding-inline: 10px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .publish-form-head-v64,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .publish-section-label-v64,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .transfer-country-grid-v30,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .publish-city-row-v64,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .transfer-stops-builder-v30,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .publish-schedule-grid-v64,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .driver-transfer-options-v95,
html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .publish-note-v64 {
  padding-inline: 12px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .transfer-stop-row-v30 {
  grid-template-columns: 28px minmax(82px, .72fr) minmax(118px, 1.28fr) 38px !important;
  gap: 7px !important;
}

html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .transfer-stop-row-v30 > button {
  width: 38px !important;
  height: 42px !important;
}

@media (max-width: 390px) {
  html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .publish-form-card {
    padding-inline: 7px !important;
  }

  html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .transfer-stop-row-v30 {
    grid-template-columns: 27px minmax(0, 1fr) 36px !important;
  }

  html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .transfer-stop-row-v30 [data-stop-country],
  html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .transfer-stop-row-v30 [data-stop-city] {
    grid-column: 2 !important;
  }

  html[data-karuca-design="native-premium"] .driver-transfer-hub-v95.is-composing .transfer-stop-row-v30 [data-stop-remove] {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
  }
}

/* ========================================================================
   DRIVER REQUESTS v96 — operational queue, matched rides and history.
   ======================================================================== */
html[data-karuca-design="native-premium"] .driver-requests-v96 {
  display: flex !important;
  min-height: calc(100dvh - 70px) !important;
  flex-direction: column !important;
  gap: 18px !important;
  padding: 20px 14px 104px !important;
  color: #111a15 !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .driver-requests-title-v96 {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 0 2px !important;
}

html[data-karuca-design="native-premium"] .driver-requests-title-v96 > div {
  min-width: 0 !important;
}

html[data-karuca-design="native-premium"] .driver-requests-title-v96 > div > span,
html[data-karuca-design="native-premium"] .driver-requests-group-v96 > header span {
  display: block !important;
  color: #087943 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
}

html[data-karuca-design="native-premium"] .driver-requests-title-v96 h1 {
  margin: 4px 0 4px !important;
  color: #0c1711 !important;
  font-size: 31px !important;
  font-weight: 760 !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

html[data-karuca-design="native-premium"] .driver-requests-title-v96 p {
  margin: 0 !important;
  color: #69746d !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

html[data-karuca-design="native-premium"] .driver-requests-total-v96 {
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  place-items: center !important;
  flex: 0 0 44px !important;
  border: 1px solid #dce3de !important;
  border-radius: 15px !important;
  color: #0a3d29 !important;
  background: #fff !important;
  font-size: 18px !important;
  font-weight: 760 !important;
  letter-spacing: -.03em !important;
}

html[data-karuca-design="native-premium"] .driver-requests-stats-v96 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  overflow: hidden !important;
  border: 1px solid #dce3de !important;
  border-radius: 19px !important;
  background: #fff !important;
  box-shadow: 0 10px 26px rgba(10, 28, 18, .05) !important;
}

html[data-karuca-design="native-premium"] .driver-requests-stats-v96 > div {
  display: grid !important;
  min-width: 0 !important;
  min-height: 82px !important;
  align-content: center !important;
  gap: 2px !important;
  padding: 12px !important;
}

html[data-karuca-design="native-premium"] .driver-requests-stats-v96 > div + div {
  border-left: 1px solid #e4e9e6 !important;
}

html[data-karuca-design="native-premium"] .driver-requests-stats-v96 small {
  overflow: hidden !important;
  color: #7b857f !important;
  font-size: 7px !important;
  font-weight: 750 !important;
  letter-spacing: .07em !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html[data-karuca-design="native-premium"] .driver-requests-stats-v96 b {
  color: #101a14 !important;
  font-size: 22px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}

html[data-karuca-design="native-premium"] .driver-requests-stats-v96 span {
  color: #8a938e !important;
  font-size: 8px !important;
}

html[data-karuca-design="native-premium"] .driver-requests-group-v96 {
  display: grid !important;
  gap: 11px !important;
}

html[data-karuca-design="native-premium"] .driver-requests-group-v96 > header {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 0 2px !important;
}

html[data-karuca-design="native-premium"] .driver-requests-group-v96 > header h2 {
  margin: 3px 0 2px !important;
  color: #101a14 !important;
  font-size: 22px !important;
  font-weight: 750 !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}

html[data-karuca-design="native-premium"] .driver-requests-group-v96 > header p {
  margin: 0 !important;
  color: #7b857f !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
}

html[data-karuca-design="native-premium"] .driver-requests-group-v96 > header > b {
  display: grid !important;
  width: 32px !important;
  height: 32px !important;
  place-items: center !important;
  flex: 0 0 32px !important;
  border: 1px solid #dfe5e1 !important;
  border-radius: 11px !important;
  color: #163021 !important;
  background: #fff !important;
  font-size: 13px !important;
}

html[data-karuca-design="native-premium"] .driver-requests-list-v96 {
  display: grid !important;
  gap: 12px !important;
}

html[data-karuca-design="native-premium"] .driver-request-card-v96 {
  display: grid !important;
  gap: 12px !important;
  padding: 14px !important;
  border: 1px solid #dce3de !important;
  border-radius: 21px !important;
  background: #fff !important;
  box-shadow: 0 10px 26px rgba(10, 28, 18, .055) !important;
}

html[data-karuca-design="native-premium"] .driver-request-card-v96.is-assigned {
  border-color: #0b4a31 !important;
  box-shadow: 0 12px 28px rgba(6, 58, 36, .09) !important;
}

html[data-karuca-design="native-premium"] .driver-request-card-v96.is-history {
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .driver-request-card-top-v96 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html[data-karuca-design="native-premium"] .driver-request-service-v96 {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 9px !important;
}

html[data-karuca-design="native-premium"] .driver-request-service-v96 img {
  width: 58px !important;
  height: 38px !important;
  flex: 0 0 58px !important;
  object-fit: contain !important;
}

html[data-karuca-design="native-premium"] .driver-request-service-v96 span {
  display: grid !important;
  gap: 2px !important;
}

html[data-karuca-design="native-premium"] .driver-request-service-v96 small {
  color: #6f7973 !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

html[data-karuca-design="native-premium"] .driver-request-service-v96 b {
  color: #111a15 !important;
  font-size: 15px !important;
}

html[data-karuca-design="native-premium"] .driver-request-status-v96 {
  display: inline-flex !important;
  min-height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 9px !important;
  border: 1px solid #dce3de !important;
  border-radius: 999px !important;
  color: #39443d !important;
  background: #fff !important;
  font-size: 8px !important;
  font-weight: 720 !important;
  white-space: nowrap !important;
}

html[data-karuca-design="native-premium"] .driver-request-status-v96.status-taken,
html[data-karuca-design="native-premium"] .driver-request-status-v96.status-arrived,
html[data-karuca-design="native-premium"] .driver-request-status-v96.status-in_progress {
  border-color: #073d29 !important;
  color: #fff !important;
  background: #073d29 !important;
}

html[data-karuca-design="native-premium"] .driver-request-status-v96.status-cancelled {
  border-color: #efd5d5 !important;
  color: #a53636 !important;
}

html[data-karuca-design="native-premium"] .driver-request-route-v96 {
  position: relative !important;
  display: grid !important;
  gap: 9px !important;
  padding: 12px !important;
  border-radius: 16px !important;
  background: #f5f7f6 !important;
}

html[data-karuca-design="native-premium"] .driver-request-route-v96::before {
  content: "" !important;
  position: absolute !important;
  top: 27px !important;
  bottom: 27px !important;
  left: 17px !important;
  width: 1px !important;
  background: #bdc7c0 !important;
}

html[data-karuca-design="native-premium"] .driver-request-route-v96 > span {
  position: relative !important;
  display: grid !important;
  min-width: 0 !important;
  grid-template-columns: 12px minmax(0, 1fr) !important;
  gap: 0 8px !important;
}

html[data-karuca-design="native-premium"] .driver-request-route-v96 i {
  width: 9px !important;
  height: 9px !important;
  margin-top: 4px !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: #16bd5d !important;
  box-shadow: 0 0 0 1px #16bd5d !important;
}

html[data-karuca-design="native-premium"] .driver-request-route-v96 > span:last-child i {
  background: #111a15 !important;
  box-shadow: 0 0 0 1px #111a15 !important;
}

html[data-karuca-design="native-premium"] .driver-request-route-v96 small,
html[data-karuca-design="native-premium"] .driver-request-route-v96 b {
  grid-column: 2 !important;
}

html[data-karuca-design="native-premium"] .driver-request-route-v96 small {
  color: #89928d !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}

html[data-karuca-design="native-premium"] .driver-request-route-v96 b {
  overflow: hidden !important;
  color: #111a15 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-karuca-design="native-premium"] .driver-request-meta-v96 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  overflow: hidden !important;
  border: 1px solid #e0e6e2 !important;
  border-radius: 15px !important;
}

html[data-karuca-design="native-premium"] .driver-request-meta-v96 > span {
  display: grid !important;
  min-width: 0 !important;
  min-height: 58px !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-content: center !important;
  gap: 1px 6px !important;
  padding: 9px !important;
}

html[data-karuca-design="native-premium"] .driver-request-meta-v96 > span + span {
  border-left: 1px solid #e5e9e6 !important;
}

html[data-karuca-design="native-premium"] .driver-request-meta-v96 .ui-icon {
  width: 16px !important;
  height: 16px !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  color: #087943 !important;
}

html[data-karuca-design="native-premium"] .driver-request-meta-v96 small {
  overflow: hidden !important;
  color: #8a938e !important;
  font-size: 7px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html[data-karuca-design="native-premium"] .driver-request-meta-v96 b {
  overflow: hidden !important;
  color: #1c2820 !important;
  font-size: 9px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html[data-karuca-design="native-premium"] .driver-request-passenger-v96 {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding-top: 2px !important;
}

html[data-karuca-design="native-premium"] .driver-request-avatar-v96 {
  display: grid !important;
  width: 42px !important;
  height: 42px !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid #dfe5e1 !important;
  border-radius: 14px !important;
  color: #173a27 !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .driver-request-avatar-v96 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html[data-karuca-design="native-premium"] .driver-request-avatar-v96 .ui-icon {
  width: 19px !important;
  height: 19px !important;
}

html[data-karuca-design="native-premium"] .driver-request-passenger-v96 > div {
  display: grid !important;
  min-width: 0 !important;
  gap: 1px !important;
}

html[data-karuca-design="native-premium"] .driver-request-passenger-v96 small {
  color: #89928d !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}

html[data-karuca-design="native-premium"] .driver-request-passenger-v96 b {
  overflow: hidden !important;
  color: #111a15 !important;
  font-size: 12px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-karuca-design="native-premium"] .driver-request-passenger-v96 em {
  overflow: hidden !important;
  color: #7b857f !important;
  font-size: 8px !important;
  font-style: normal !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-karuca-design="native-premium"] .driver-request-passenger-v96 strong {
  color: #073d29 !important;
  font-size: 20px !important;
  font-weight: 780 !important;
  letter-spacing: -.04em !important;
}

html[data-karuca-design="native-premium"] .driver-request-open-v96 {
  display: flex !important;
  min-height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid #073d29 !important;
  border-radius: 15px !important;
  color: #fff !important;
  background: #073d29 !important;
  font-size: 13px !important;
  font-weight: 720 !important;
}

html[data-karuca-design="native-premium"] .driver-request-open-v96.secondary {
  color: #17231b !important;
  background: #fff !important;
  border-color: #dce3de !important;
}

html[data-karuca-design="native-premium"] .driver-request-open-v96 .ui-icon {
  width: 17px !important;
  height: 17px !important;
}

html[data-karuca-design="native-premium"] .driver-requests-empty-v96 {
  display: grid !important;
  min-height: 190px !important;
  place-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 24px !important;
  border: 1px dashed #d7dfda !important;
  border-radius: 20px !important;
  text-align: center !important;
}

html[data-karuca-design="native-premium"] .driver-requests-empty-v96.compact {
  min-height: 150px !important;
}

html[data-karuca-design="native-premium"] .driver-requests-empty-v96 .ui-icon {
  width: 24px !important;
  height: 24px !important;
  color: #087943 !important;
}

html[data-karuca-design="native-premium"] .driver-requests-empty-v96 h2,
html[data-karuca-design="native-premium"] .driver-requests-empty-v96 h3,
html[data-karuca-design="native-premium"] .driver-requests-empty-v96 p {
  margin: 0 !important;
}

html[data-karuca-design="native-premium"] .driver-requests-empty-v96 h2,
html[data-karuca-design="native-premium"] .driver-requests-empty-v96 h3 {
  font-size: 17px !important;
}

html[data-karuca-design="native-premium"] .driver-requests-empty-v96 p {
  max-width: 290px !important;
  color: #78827b !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

@media (max-width: 370px) {
  html[data-karuca-design="native-premium"] .driver-requests-v96 {
    padding-inline: 9px !important;
  }

  html[data-karuca-design="native-premium"] .driver-request-meta-v96 {
    grid-template-columns: 1.35fr .65fr !important;
  }

  html[data-karuca-design="native-premium"] .driver-request-meta-v96 > span:nth-child(3) {
    grid-column: 1 / -1 !important;
    border-top: 1px solid #e5e9e6 !important;
    border-left: 0 !important;
  }
}

/* Driver live trip v50.3.2 — route, passenger contact and four-step state rail. */
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  overflow: visible !important;
}
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97::before { display:none !important; }
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97 > span::after {
  content:"" !important; position:absolute !important; z-index:-1 !important; top:13px !important;
  left:calc(50% + 14px) !important; width:calc(100% - 28px) !important; height:3px !important;
  border-radius:99px !important; background:#dfe4e0 !important;
}
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97 > span:last-child::after { display:none !important; }
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97 > span.active:has(+ span.active)::after { background:#08a957 !important; }
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97 i {
  border:2px solid #dfe4e0 !important; background:#fff !important; color:#8b948e !important;
}
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97 .active i {
  border-color:#08a957 !important; background:#08a957 !important; color:#fff !important;
  box-shadow:0 0 0 4px rgba(8,169,87,.10) !important;
}
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-trip-progress-v97 b {
  max-width:76px !important; min-height:24px !important; text-align:center !important; line-height:1.15 !important;
}
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .chat-peer-mini-v33 > div {
  display:flex !important; min-width:0 !important; flex-direction:column !important; align-items:flex-start !important;
}
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-peer-username-v97 {
  display:inline-block !important; max-width:190px !important; margin-top:2px !important; overflow:hidden !important;
  color:#087b42 !important; font-size:12px !important; line-height:1.2 !important; text-decoration:underline !important;
  text-decoration-color:rgba(8,123,66,.28) !important; text-underline-offset:2px !important; text-overflow:ellipsis !important; white-space:nowrap !important;
}
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-chat-button-v97 .ui-icon,
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-chat-button-v97 .ui-icon svg {
  display:block !important; width:21px !important; height:21px !important; opacity:1 !important; visibility:visible !important;
}
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-map-badge-v32 {
  top:14px !important; right:auto !important; bottom:auto !important; left:14px !important; display:flex !important;
  width:auto !important; min-width:158px !important; max-width:min(58%,220px) !important; padding:10px 12px 10px 17px !important; flex-direction:column !important; align-items:flex-start !important;
  border:1px solid rgba(11,35,21,.08) !important; border-radius:15px !important; background:rgba(255,255,255,.95) !important;
  box-shadow:0 8px 28px rgba(11,35,21,.14) !important; backdrop-filter:blur(14px) !important;
}
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-map-badge-v32::before {
  content:"" !important; position:absolute !important; top:12px !important; bottom:12px !important; left:8px !important;
  width:3px !important; border-radius:999px !important; background:#08a957 !important;
}
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-map-badge-v32 b { color:#0b1710 !important; font-size:13px !important; }
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-map-badge-v32 span {
  display:block !important; max-width:100% !important; margin-top:3px !important; overflow:hidden !important;
  color:#59645d !important; font-size:10px !important; text-overflow:ellipsis !important; white-space:nowrap !important;
}
.order-map-destination-v97 {
  position:absolute !important; z-index:5 !important; right:14px !important; bottom:18px !important; display:flex !important;
  max-width:48% !important; padding:8px 10px !important; flex-direction:column !important; border:1px solid rgba(11,35,21,.08) !important;
  border-radius:12px !important; background:rgba(255,255,255,.94) !important; box-shadow:0 8px 22px rgba(11,35,21,.12) !important; pointer-events:none !important;
}
.order-map-destination-v97 small { color:#7a847e !important; font-size:8px !important; font-weight:700 !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
.order-map-destination-v97 b { overflow:hidden !important; color:#101612 !important; font-size:11px !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.karuca-driver-car-leaflet-v97 { border:0 !important; background:transparent !important; }
.karuca-driver-car-leaflet-v97 > span {
  display:grid !important; width:58px !important; height:38px !important; place-items:center !important;
  border:2px solid rgba(255,255,255,.96) !important; border-radius:13px !important; background:rgba(255,255,255,.94) !important;
  box-shadow:0 8px 18px rgba(7,32,17,.25) !important; transform:rotate(-9deg) !important;
}
.karuca-driver-car-leaflet-v97 img { width:53px !important; height:31px !important; object-fit:contain !important; }
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .driver-cancel-trip-v97 {
  width:100% !important; min-height:42px !important; margin-top:8px !important; border:0 !important;
  background:transparent !important; color:#d12b2b !important; font:inherit !important; font-size:13px !important; font-weight:650 !important;
}
.driver-cancel-sheet-v97[hidden] { display:none !important; }
.driver-cancel-sheet-v97 {
  position:fixed !important; z-index:2147483600 !important; inset:0 !important; display:flex !important;
  align-items:flex-end !important; justify-content:center !important; padding:18px !important; background:rgba(6,14,9,.42) !important; backdrop-filter:blur(5px) !important;
}
.driver-cancel-dialog-v97 {
  width:min(100%,520px) !important; padding:18px !important; border-radius:24px !important; background:#fff !important; box-shadow:0 24px 70px rgba(6,14,9,.25) !important;
}
.driver-cancel-head-v97 { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:12px !important; }
.driver-cancel-head-v97 small { color:#8b948e !important; font-size:9px !important; font-weight:750 !important; letter-spacing:.09em !important; }
.driver-cancel-head-v97 h3 { margin:4px 0 0 !important; color:#111713 !important; font-size:21px !important; }
.driver-cancel-head-v97 button {
  width:38px !important; height:38px !important; border:1px solid #e2e6e3 !important; border-radius:50% !important;
  background:#fff !important; color:#303a34 !important; font-size:24px !important;
}
.driver-cancel-dialog-v97 > p { margin:9px 0 14px !important; color:#66716a !important; font-size:13px !important; line-height:1.4 !important; }
.driver-cancel-reasons-v97 { display:flex !important; margin-bottom:14px !important; gap:7px !important; flex-wrap:wrap !important; }
.driver-cancel-reasons-v97 button {
  min-height:36px !important; padding:8px 11px !important; border:1px solid #dde3df !important; border-radius:999px !important;
  background:#fff !important; color:#303a34 !important; font:inherit !important; font-size:11px !important;
}
.driver-cancel-reasons-v97 button.selected { border-color:#173d29 !important; background:#173d29 !important; color:#fff !important; }
.driver-cancel-dialog-v97 > label { display:block !important; margin:0 0 7px !important; color:#303a34 !important; font-size:12px !important; font-weight:650 !important; }
.driver-cancel-dialog-v97 textarea {
  width:100% !important; min-height:98px !important; margin-bottom:12px !important; padding:13px !important; resize:none !important;
  border:1px solid #dce3de !important; border-radius:15px !important; background:#fff !important; color:#111713 !important; font:inherit !important; font-size:14px !important; outline:none !important;
}
.driver-cancel-dialog-v97 textarea:focus { border-color:#173d29 !important; box-shadow:0 0 0 3px rgba(23,61,41,.08) !important; }

/* Trip map: navigation-grade top-view vehicle with no tile or capsule behind it. */
.karuca-driver-car-v97,
.karuca-driver-car-leaflet-v97,
.karuca-driver-car-leaflet-v97 > span,
.karuca-driver-car-v97 .karuca-car-wrap-v52,
.karuca-driver-car-leaflet-v97 .karuca-car-wrap-v52 {
  display:grid !important;
  width:46px !important;
  height:54px !important;
  place-items:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.karuca-driver-car-v97 .karuca-car-wrap-v52 svg,
.karuca-driver-car-leaflet-v97 .karuca-car-wrap-v52 svg {
  display:block !important;
  width:42px !important;
  height:50px !important;
  filter:drop-shadow(0 4px 5px rgba(5,18,11,.34)) !important;
}
.driver-cancel-head-v97 button {
  display:grid !important;
  width:40px !important;
  min-width:40px !important;
  height:40px !important;
  padding:0 !important;
  place-items:center !important;
  border:1px solid #dfe5e1 !important;
  border-radius:50% !important;
  line-height:0 !important;
}
.driver-cancel-head-v97 button svg {
  display:block !important;
  width:18px !important;
  height:18px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
}
.driver-cancel-reasons-v97 {
  max-height:132px !important;
  padding-right:3px !important;
  overflow:auto !important;
  scrollbar-width:thin !important;
}

/* The map is the primary trip surface: give the route enough height and keep
   overlays from hiding its endpoints on compact Telegram viewports. */
html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-detail-map-v32 {
  height:292px !important;
  min-height:292px !important;
}
@media (max-width:390px) {
  html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-detail-map-v32 {
    height:278px !important;
    min-height:278px !important;
  }
  html[data-karuca-design="native-premium"] #modal.driver-active-trip-modal-v97 .order-map-badge-v32 {
    min-width:150px !important;
    max-width:56% !important;
  }
}

/* v100 — unified Telegram/Safari/Android viewport and safe-area contract. */
:root {
  --karuca-viewport-height: 100dvh;
  --karuca-visual-viewport-height: 100dvh;
}

html[data-karuca-design="native-premium"] #modal .modal-inner {
  position: relative !important;
  height: var(--karuca-viewport-height) !important;
  max-height: var(--karuca-viewport-height) !important;
}

html[data-karuca-design="native-premium"] #modal .modal-body {
  min-height: 0 !important;
  padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  scrollbar-gutter: stable;
}

html[data-karuca-design="native-premium"] #modal.order-composer-modal-v100 .modal-inner {
  padding-bottom: 0 !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios {
  padding-bottom: 0 !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .order-sticky-actions-v11 {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: auto !important;
}

@supports not (height: 100dvh) {
  :root {
    --karuca-viewport-height: var(--karuca-visual-viewport-height, 100vh);
  }
}

@media (max-width: 430px) {
  html[data-karuca-design="native-premium"] #modal .modal-body {
    padding-inline: 10px !important;
  }

  html[data-karuca-design="native-premium"] .order-composer-ios .order-sticky-actions-v11 {
    grid-template-columns: minmax(0, .72fr) minmax(158px, 1.28fr) !important;
  }
}
/* v80 — client orders: vehicle-led, calm and task-focused. */
html[data-karuca-design="native-premium"] .orders-page{
  --co-ink:#101b14;--co-muted:#748078;--co-line:#e2e8e3;--co-green:#079c4b;--co-dark:#073d28;
}
html[data-karuca-design="native-premium"] .client-order-card-v80{
  display:block!important;padding:15px!important;border:1px solid var(--co-line)!important;border-radius:23px!important;
  background:#fff!important;box-shadow:0 12px 34px rgba(12,34,21,.065)!important;overflow:hidden!important;
}
html[data-karuca-design="native-premium"] .client-order-card-v80.is-active{border-color:#cbded1!important;box-shadow:0 16px 38px rgba(7,61,40,.095)!important}
html[data-karuca-design="native-premium"] .client-order-top-v80{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:11px;align-items:center}
html[data-karuca-design="native-premium"] .client-order-vehicle-v80{display:grid;place-items:center;width:76px;height:58px;overflow:visible;background:transparent}
html[data-karuca-design="native-premium"] .client-order-vehicle-v80 img{display:block;width:76px;height:58px;object-fit:contain;filter:drop-shadow(0 9px 9px rgba(8,22,14,.16))}
html[data-karuca-design="native-premium"] .client-order-title-v80{display:grid;min-width:0;gap:2px}
html[data-karuca-design="native-premium"] .client-order-title-v80 small{color:var(--co-green);font-size:8px;font-weight:800;letter-spacing:.11em}
html[data-karuca-design="native-premium"] .client-order-title-v80 strong{color:var(--co-ink);font-size:17px;line-height:1.1;letter-spacing:-.035em}
html[data-karuca-design="native-premium"] .client-order-title-v80 em{overflow:hidden;color:var(--co-muted);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
html[data-karuca-design="native-premium"] .client-order-price-v80{display:grid;justify-items:end;gap:6px}
html[data-karuca-design="native-premium"] .client-order-price-v80>b{color:var(--co-dark);font-size:20px;line-height:1}
html[data-karuca-design="native-premium"] .client-order-price-v80 .tag{max-width:105px;padding:6px 8px!important;border:0!important;border-radius:9px!important;background:#f0f3f1!important;color:#506057!important;font-size:8px!important;text-align:center}
html[data-karuca-design="native-premium"] .client-order-card-v80.is-active .client-order-price-v80 .tag{background:#0b412d!important;color:#fff!important}
html[data-karuca-design="native-premium"] .client-order-route-v80{margin:14px 0 11px;padding:12px 13px;border:1px solid #e8ece9;border-radius:17px;background:#f8faf9}
html[data-karuca-design="native-premium"] .client-order-route-v80>div{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;align-items:center;min-height:39px}
html[data-karuca-design="native-premium"] .client-order-route-v80>div>span{display:grid;min-width:0;gap:1px}
html[data-karuca-design="native-premium"] .client-order-route-v80 small{color:#8a948e;font-size:7.5px;font-weight:730;text-transform:uppercase;letter-spacing:.08em}
html[data-karuca-design="native-premium"] .client-order-route-v80 b{overflow:hidden;color:var(--co-ink);font-size:11.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
html[data-karuca-design="native-premium"] .route-marker-v80{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#19c55b;color:#fff;font-size:9px;font-style:normal;font-weight:850}
html[data-karuca-design="native-premium"] .route-marker-v80.finish{background:#111a16}
html[data-karuca-design="native-premium"] .route-connector-v80{display:block;width:1px;height:8px;margin:-4px 0 -4px 12px;background:#b9c7bd}
html[data-karuca-design="native-premium"] .client-order-meta-v80{display:grid;grid-template-columns:1.35fr .7fr 1fr;border:1px solid #e8ece9;border-radius:16px;overflow:hidden}
html[data-karuca-design="native-premium"] .client-order-meta-v80>span{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;padding:10px 9px;min-width:0}
html[data-karuca-design="native-premium"] .client-order-meta-v80>span+span{border-left:1px solid #e8ece9}
html[data-karuca-design="native-premium"] .client-order-meta-v80 .ui-icon{grid-row:1/3;align-self:center;width:17px;height:17px;color:var(--co-green)}
html[data-karuca-design="native-premium"] .client-order-meta-v80 small{color:#909993;font-size:7px}
html[data-karuca-design="native-premium"] .client-order-meta-v80 b{overflow:hidden;color:#26322a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
html[data-karuca-design="native-premium"] .client-order-driver-v80,.client-order-search-v80{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:10px;align-items:center;margin-top:11px;padding:10px;border-radius:16px;background:#f3f7f4}
html[data-karuca-design="native-premium"] .client-order-driver-avatar-v80{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:50%;background:#0b412d;color:#fff;font-weight:800}
html[data-karuca-design="native-premium"] .client-order-driver-avatar-v80 img{width:100%;height:100%;object-fit:cover}
html[data-karuca-design="native-premium"] .client-order-driver-v80>span:nth-child(2),html[data-karuca-design="native-premium"] .client-order-search-v80>div{display:grid;gap:2px}
html[data-karuca-design="native-premium"] .client-order-driver-v80 small,.client-order-search-v80 small{color:var(--co-muted);font-size:8px}
html[data-karuca-design="native-premium"] .client-order-driver-v80 b,.client-order-search-v80 b{color:var(--co-ink);font-size:11px}
html[data-karuca-design="native-premium"] .client-order-driver-v80>i{color:var(--co-green)}
html[data-karuca-design="native-premium"] .client-order-pulse-v80{width:12px;height:12px;margin-left:12px;border-radius:50%;background:#20c85e;box-shadow:0 0 0 7px rgba(32,200,94,.13)}
html[data-karuca-design="native-premium"] .client-order-actions-v80{display:flex;gap:8px;margin-top:11px}
html[data-karuca-design="native-premium"] .client-order-actions-v80 button{min-height:48px;border:1px solid #dce4de;border-radius:15px;background:#fff;color:#17231b;font-size:11px;font-weight:780}
html[data-karuca-design="native-premium"] .client-order-actions-v80 .client-order-open-v80{display:flex;flex:1;align-items:center;justify-content:space-between;padding:0 15px}
html[data-karuca-design="native-premium"] .client-order-actions-v80 .primary{border-color:#073d28;background:#073d28;color:#fff;box-shadow:0 9px 20px rgba(7,61,40,.15)}
html[data-karuca-design="native-premium"] .client-order-actions-v80 .primary span{color:#78e39d;font-size:17px}
html[data-karuca-design="native-premium"] .client-order-card-v80.is-history{box-shadow:none!important}
html[data-karuca-design="native-premium"] .client-order-card-v80.is-history .client-order-vehicle-v80 img{opacity:.8}
@media(max-width:390px){
  html[data-karuca-design="native-premium"] .client-order-top-v80{grid-template-columns:64px minmax(0,1fr) auto;gap:8px}
  html[data-karuca-design="native-premium"] .client-order-vehicle-v80,html[data-karuca-design="native-premium"] .client-order-vehicle-v80 img{width:64px;height:52px}
  html[data-karuca-design="native-premium"] .client-order-title-v80 strong{font-size:15px}
  html[data-karuca-design="native-premium"] .client-order-price-v80>b{font-size:18px}
  html[data-karuca-design="native-premium"] .client-order-meta-v80{grid-template-columns:1.25fr .7fr 1fr}
  html[data-karuca-design="native-premium"] .client-order-meta-v80>span{padding:9px 7px;column-gap:5px}
}

/* v81 — client order composer: full-width route, large live map and in-flow actions. */
html[data-karuca-design="native-premium"] #modal.order-composer-modal-v100 .modal-inner{
  width:min(100%,520px)!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios{
  gap:12px!important;
  padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-block-v11{
  padding:12px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-preview-v11{
  position:relative!important;
  width:100%!important;
  height:270px!important;
  margin:0 0 12px!important;
  border:1px solid #dce5df!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#e7ece8!important;
  box-shadow:0 14px 34px rgba(10,37,23,.10)!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-map-badge-v22{
  left:12px!important;
  bottom:12px!important;
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 9px 26px rgba(13,35,24,.16)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-v11{
  display:grid!important;
  gap:8px!important;
  width:100%!important;
  padding:0!important;
  overflow:visible!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 48px!important;
  gap:9px!important;
  min-height:60px!important;
  padding:5px 6px 5px 10px!important;
  border:1px solid #dfe6e1!important;
  border-radius:17px!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11 input{
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:16px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11 button{
  width:48px!important;
  height:48px!important;
  border:0!important;
  border-radius:14px!important;
  background:#f1f5f2!important;
  color:#087b40!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-connector-v11{display:none!important}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11{
  grid-template-columns:46px minmax(0,1fr) 46px!important;
  gap:10px!important;
  width:100%!important;
  max-width:330px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>button{
  width:46px!important;
  height:46px!important;
  border:1px solid #dfe5e1!important;
  border-radius:15px!important;
  background:#f5f7f5!important;
  color:#17221b!important;
  font-size:22px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>label{
  height:58px!important;
  border:1.5px solid #079c4b!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>label input{
  color:#111914!important;
  font-size:28px!important;
  font-weight:650!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>label span{
  color:#087b40!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11{
  grid-template-columns:1fr 1fr!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 #useRecommendedPrice{
  grid-column:1/-1!important;
  min-height:40px!important;
  color:#0a6540!important;
  background:#f4f7f5!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11{
  grid-template-columns:1fr!important;
  gap:9px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .order-comment-static-v81{
  display:grid!important;
  gap:10px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .order-comment-static-v81 .order-section-head-v11{
  margin:0!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .order-comment-static-v81 .order-section-head-v11 small{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  background:#eef5f0!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .comment-field-v34{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .comment-field-v34>span{display:none!important}
html[data-karuca-design="native-premium"] .order-composer-ios .comment-field-v34 textarea{
  min-height:104px!important;
  width:100%!important;
  padding:14px!important;
  border:1px solid #dfe5e1!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
  resize:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .order-sticky-actions-v11{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  position:static!important;
  margin-top:10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios #oCreate{
  min-height:56px!important;
  border-radius:17px!important;
  background:#079c4b!important;
  color:#fff!important;
  font-size:16px!important;
  box-shadow:0 12px 25px rgba(7,156,75,.20)!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .order-cancel-v11{
  min-height:48px!important;
  border:0!important;
  background:transparent!important;
  color:#7b837e!important;
}
@media(max-width:390px){
  html[data-karuca-design="native-premium"] .order-composer-ios .route-preview-v11{height:236px!important}
}

/* v82 — taxi composer is one continuous mobile screen, not a stack of cards. */
html[data-karuca-design="native-premium"] #modal.order-composer-modal-v100 .modal-inner{
  width:min(100%,520px)!important;
  border-radius:0!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] #modal.order-composer-modal-v100 .modal-header{
  border-bottom:1px solid #e9eeeb!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] #modal.order-composer-modal-v100 .modal-body{
  padding:0!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios{
  display:block!important;
  padding:0 0 max(20px,env(safe-area-inset-bottom))!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .order-service-banner-v11{
  display:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios #taxiFields>.order-section-head-v11{
  display:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .order-block-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .order-advanced-v11{
  margin:0!important;
  padding:20px 16px!important;
  border:0!important;
  border-bottom:1px solid #e9eeeb!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-block-v11{
  padding:0 16px 18px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-preview-v11{
  width:calc(100% + 32px)!important;
  height:292px!important;
  margin:0 -16px 0!important;
  border:0!important;
  border-radius:0!important;
  background:#eef1ef!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-v11{
  gap:0!important;
  margin:0!important;
  padding:8px 0 0!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11{
  grid-template-columns:32px minmax(0,1fr) 48px!important;
  min-height:64px!important;
  margin:0!important;
  padding:4px 0!important;
  border:0!important;
  border-bottom:1px solid #e9eeeb!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11:last-of-type{
  border-bottom:0!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11 button{
  width:44px!important;
  height:44px!important;
  border-radius:12px!important;
  background:#f4f6f4!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11:focus-within,
html[data-karuca-design="native-premium"] .order-composer-ios input:focus,
html[data-karuca-design="native-premium"] .order-composer-ios textarea:focus,
html[data-karuca-design="native-premium"] .order-composer-ios select:focus{
  border-color:#dfe5e1!important;
  outline:0!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-editor-line-v11 input:focus{
  border:0!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .route-status-v11{
  display:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .zone-auto-v28,
html[data-karuca-design="native-premium"] .order-composer-ios .route-estimate-v21,
html[data-karuca-design="native-premium"] .order-composer-ios .recommended-note-v26{
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .zone-auto-v28,
html[data-karuca-design="native-premium"] .order-composer-ios .route-estimate-v21{
  margin-top:8px!important;
  padding:10px 0!important;
  border-top:1px solid #edf0ee!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11{
  margin:0 0 14px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11>div>small{
  display:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .order-section-head-v11 h3{
  font-size:19px!important;
  letter-spacing:-.025em!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-grid{
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-card{
  min-height:76px!important;
  border:0!important;
  border-bottom:1px solid #e9eeeb!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-card.active{
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .vehicle-class-card.active:before{
  content:""!important;
  position:absolute!important;
  inset:10px auto 10px 0!important;
  width:3px!important;
  border-radius:3px!important;
  background:#08a64f!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11{
  max-width:306px!important;
  margin:0 auto!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  gap:8px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>label{
  height:50px!important;
  border:1px solid #dfe5e1!important;
  border-radius:12px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>button{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>label input{
  font-size:24px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>label:focus-within{
  border-color:#bfc8c2!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>button,
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 button,
html[data-karuca-design="native-premium"] .order-composer-ios .schedule-chips button,
html[data-karuca-design="native-premium"] .order-composer-ios .counter-v11 button{
  border-color:#e2e7e4!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 #useRecommendedPrice{
  grid-column:auto!important;
  background:#fff!important;
  border:1px solid #dfe5e1!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11{
  grid-template-columns:1fr 1fr 1.3fr!important;
  gap:7px!important;
  margin-top:10px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 button{
  min-height:38px!important;
  padding:6px!important;
  border-radius:11px!important;
  font-size:11px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .field-shell-v11{
  border:0!important;
  border-bottom:1px solid #e9eeeb!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .comment-field-v34 textarea{
  border:0!important;
  border-bottom:1px solid #dfe5e1!important;
  border-radius:0!important;
  padding:12px 0!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .comment-field-v34{
  display:block!important;
  grid-template-columns:1fr!important;
  width:100%!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .comment-field-v34 textarea{
  display:block!important;
  min-width:100%!important;
  max-width:100%!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .order-sticky-actions-v11{
  margin:0!important;
  padding:20px 16px 0!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios #oCreate{
  border-radius:14px!important;
  box-shadow:none!important;
}
@media(max-width:390px){
  html[data-karuca-design="native-premium"] .order-composer-ios .route-preview-v11{height:260px!important}
}

/* Client order v83 — compact Bolt-like price selector */
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11{
  padding:22px 16px!important;
  border-top:1px solid #e7ebe8!important;
  border-bottom:1px solid #e7ebe8!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .order-section-head-v11{
  margin:0!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .order-section-head-v11 h3{
  font-size:20px!important;
  letter-spacing:-.025em!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .order-section-head-v11 > span{
  display:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11{
  width:min(100%,330px)!important;
  max-width:330px!important;
  margin-inline:auto!important;
  height:56px!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) 50px!important;
  gap:10px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:visible!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > button{
  width:50px!important;
  height:50px!important;
  min-height:50px!important;
  align-self:center!important;
  border:1px solid #dfe4e1!important;
  border-radius:14px!important;
  background:#f5f6f5!important;
  color:#111814!important;
  font-size:20px!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > button:first-child{
  border-right:1px solid #dfe4e1!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > button:last-child{
  border-left:1px solid #dfe4e1!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > label{
  height:56px!important;
  border:1px solid #dfe4e1!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 input{
  height:56px!important;
  font-size:28px!important;
  font-weight:750!important;
  letter-spacing:-.035em!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 label > span{
  color:#111814!important;
  font-size:16px!important;
  font-weight:700!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11{
  display:none!important;
  width:min(100%,220px)!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:10px auto 0!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 button{
  min-height:36px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#545d57!important;
  font-size:12px!important;
  font-weight:650!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 #useRecommendedPrice{
  display:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 button[data-price-add="-2"]{
  grid-column:1!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 button[data-price-add="2"]{
  grid-column:2!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .recommended-note-v26{
  display:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11:focus-within,
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 label:focus-within{
  outline:0!important;
  box-shadow:none!important;
  border-color:#cfd5d1!important;
}
@media(max-width:360px){
  html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11 button[data-price-add="2"]{
    grid-column:2!important;
  }
}

/* Client order v85 — final compact details alignment */
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11{
  width:min(100%,280px)!important;
  max-width:280px!important;
  height:50px!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  gap:8px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > button{
  width:44px!important;
  height:44px!important;
  min-height:44px!important;
  border-radius:12px!important;
  font-size:18px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > label,
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 input{
  height:50px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > label{
  border-radius:12px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 input{
  font-size:25px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  border-top:1px solid #e7ebe8!important;
  border-bottom:1px solid #e7ebe8!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 > .field-shell-v11{
  min-width:0!important;
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:minmax(135px,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 14px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 > .field-shell-v11 + .field-shell-v11{
  border-left:0!important;
  border-top:1px solid #e7ebe8!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 input[type="datetime-local"]{
  width:190px!important;
  max-width:48vw!important;
  min-width:0!important;
  height:36px!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
  color:#111814!important;
  font-size:13px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios #passengerControl .counter-v11{
  width:148px!important;
  display:grid!important;
  grid-template-columns:36px minmax(42px,1fr) 36px!important;
  align-items:center!important;
  gap:4px!important;
  margin-left:auto!important;
  border:0!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios #passengerControl .counter-v11 button{
  width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  border:1px solid #dfe4e1!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111814!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios #passengerControl .counter-v11 input{
  width:100%!important;
  min-width:0!important;
  height:36px!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
  color:#111814!important;
  font-size:15px!important;
  font-weight:700!important;
  text-align:center!important;
  box-shadow:none!important;
}
@media(max-width:370px){
  html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 > .field-shell-v11{
    grid-template-columns:1fr!important;
  }
  html[data-karuca-design="native-premium"] .order-composer-ios .essentials-grid-v11 input[type="datetime-local"],
  html[data-karuca-design="native-premium"] .order-composer-ios #passengerControl .counter-v11{
    width:100%!important;
    max-width:none!important;
  }
}

/* Client order v89 — one centered price axis */
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  padding:22px 16px 24px!important;
  text-align:center!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .order-section-head-v11{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0!important;
  text-align:center!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .order-section-head-v11 h3{
  width:100%!important;
  margin:0!important;
  text-align:center!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .price-controller-v11{
  margin:0 auto!important;
}

/* Client offers v91 — premium, calm and readable */
html[data-karuca-design="native-premium"] .order-offers-v35{
  display:grid!important;
  gap:18px!important;
  margin:0!important;
  padding:22px 16px 24px!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .order-offers-head-v35{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:12px!important;
  padding:0!important;
}
html[data-karuca-design="native-premium"] .order-offers-head-v35 h3{
  margin:0!important;
  color:#101713!important;
  font-size:21px!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}
html[data-karuca-design="native-premium"] .order-offers-head-v35 p{
  margin:5px 0 0!important;
  color:#717b75!important;
  font-size:12px!important;
  line-height:1.4!important;
}
html[data-karuca-design="native-premium"] .order-offers-head-v35>span{
  width:34px!important;
  height:34px!important;
  border:1px solid #dfe5e1!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#0d1711!important;
  font-size:13px!important;
  font-weight:800!important;
}
html[data-karuca-design="native-premium"] .order-offer-list-v35{
  display:grid!important;
  gap:12px!important;
  border:0!important;
  background:transparent!important;
}
html[data-karuca-design="native-premium"] .order-offer-v35{
  padding:15px!important;
  border:1px solid #dde4df!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(11,24,16,.055)!important;
}
html[data-karuca-design="native-premium"] .order-offer-driver-v35{
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:11px!important;
}
html[data-karuca-design="native-premium"] .order-offer-driver-v35>span{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  background:#10251a!important;
}
html[data-karuca-design="native-premium"] .order-offer-driver-v35 b{
  font-size:16px!important;
  line-height:1.2!important;
}
html[data-karuca-design="native-premium"] .order-offer-driver-v35 small{
  margin-top:3px!important;
  color:#69736d!important;
  font-size:11px!important;
}
html[data-karuca-design="native-premium"] .order-offer-driver-v35>em{
  grid-column:2!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  max-width:100%!important;
  margin-top:3px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#168447!important;
  font-size:10px!important;
  line-height:1.25!important;
}
html[data-karuca-design="native-premium"] .order-offer-driver-v35>em svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}
html[data-karuca-design="native-premium"] .order-offer-car-v35{
  grid-template-columns:78px minmax(0,1fr)!important;
  margin-top:14px!important;
  padding:13px 0 0!important;
  border-top:1px solid #edf0ee!important;
  border-radius:0!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .order-offer-car-v35>span{
  width:78px!important;
  height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  color:inherit!important;
}
html[data-karuca-design="native-premium"] .order-offer-car-v35>span small{
  color:#168447!important;
  font-size:8px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
html[data-karuca-design="native-premium"] .order-offer-car-v35>span img{
  width:72px!important;
  height:44px!important;
  object-fit:contain!important;
}
html[data-karuca-design="native-premium"] .order-offer-car-v35>div{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
html[data-karuca-design="native-premium"] .order-offer-car-v35>div small{
  color:#737d77!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[data-karuca-design="native-premium"] .order-offer-car-v35>div b{
  overflow:hidden!important;
  color:#111713!important;
  font-size:13px!important;
  line-height:1.3!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-karuca-design="native-premium"] .order-offer-bottom-v35{
  grid-template-columns:82px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:14px!important;
  padding-top:13px!important;
  border-top:1px solid #edf0ee!important;
}
html[data-karuca-design="native-premium"] .order-offer-bottom-v35 small{
  color:#78827c!important;
  font-size:9px!important;
  letter-spacing:.055em!important;
}
html[data-karuca-design="native-premium"] .order-offer-bottom-v35 strong{
  color:#0d1711!important;
  font-size:26px!important;
}
html[data-karuca-design="native-premium"] .order-offer-bottom-v35 button{
  min-height:48px!important;
  border-radius:14px!important;
  background:#009e50!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
}
html[data-karuca-design="native-premium"] .order-offer-actions-v94{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  min-width:0!important;
}
html[data-karuca-design="native-premium"] .order-offer-actions-v94 .btn.primary{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
}
html[data-karuca-design="native-premium"] .order-offer-actions-v94 .order-offer-reject-v94{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  padding:0 8px!important;
  border:1px solid #efb7b7!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#c93434!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

html[data-karuca-design="native-premium"] .taxi-experience-ios .offers-head{
  align-items:center!important;
  margin:0 0 12px!important;
}
html[data-karuca-design="native-premium"] .taxi-experience-ios .offers-head h2{
  font-size:21px!important;
  line-height:1.12!important;
}
html[data-karuca-design="native-premium"] .taxi-experience-ios .offers-head p{
  margin-top:5px!important;
  font-size:11px!important;
}
html[data-karuca-design="native-premium"] .taxi-experience-ios .offers-head>span{
  min-width:34px!important;
  height:34px!important;
  border:1px solid #dfe5e1!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#101713!important;
}
html[data-karuca-design="native-premium"] .taxi-experience-ios .driver-offers{
  gap:12px!important;
}
html[data-karuca-design="native-premium"] .taxi-experience-ios .driver-offer{
  min-height:112px!important;
  grid-template-columns:48px minmax(0,1fr) minmax(122px,36%)!important;
  gap:11px!important;
  padding:14px!important;
  border:1px solid #dde4df!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(11,24,16,.05)!important;
}
html[data-karuca-design="native-premium"] .taxi-experience-ios .offer-avatar{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  background:#10251a!important;
}
html[data-karuca-design="native-premium"] .taxi-experience-ios .offer-main b{
  font-size:15px!important;
  line-height:1.2!important;
}
html[data-karuca-design="native-premium"] .taxi-experience-ios .offer-main small,
html[data-karuca-design="native-premium"] .taxi-experience-ios .offer-main em{
  margin-top:3px!important;
  color:#6f7973!important;
  font-size:10px!important;
}
html[data-karuca-design="native-premium"] .taxi-experience-ios .offer-price b{
  color:#0d1711!important;
  font-size:22px!important;
}
html[data-karuca-design="native-premium"] .taxi-experience-ios .offer-price small{
  min-width:122px!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:7px!important;
  padding:0 12px!important;
  border-radius:13px!important;
  background:#009e50!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
}

/* Client map picker v91 — full-screen map, fixed app bars, no floating cards */
html[data-karuca-design="native-premium"] .map-picker-v11{
  max-width:540px!important;
  background:#eef1ef!important;
}
html[data-karuca-design="native-premium"] .map-picker-header-v11{
  left:0!important;
  right:0!important;
  top:0!important;
  min-height:calc(64px + env(safe-area-inset-top))!important;
  padding:calc(10px + env(safe-area-inset-top)) 16px 10px!important;
  border:0!important;
  border-bottom:1px solid rgba(17,24,20,.09)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
html[data-karuca-design="native-premium"] .map-picker-header-v11>button{
  width:44px!important;
  height:44px!important;
  border:1px solid #e1e6e3!important;
  border-radius:13px!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .map-picker-header-v11 small{
  color:#158447!important;
  font-size:9px!important;
  letter-spacing:.09em!important;
}
html[data-karuca-design="native-premium"] .map-picker-header-v11 b{
  margin-top:2px!important;
  color:#111713!important;
  font-size:15px!important;
}
html[data-karuca-design="native-premium"] .map-search-v11{
  left:16px!important;
  right:16px!important;
  top:calc(76px + env(safe-area-inset-top))!important;
  height:52px!important;
  padding:0 8px!important;
  border:1px solid #dce3de!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(11,24,16,.09)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-karuca-design="native-premium"] .map-search-v11 input,
html[data-karuca-design="native-premium"] .map-search-v11 input:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .map-picker-controls-v11{
  right:16px!important;
  bottom:calc(190px + env(safe-area-inset-bottom))!important;
}
html[data-karuca-design="native-premium"] .map-picker-controls-v11 button{
  width:46px!important;
  height:46px!important;
  border:1px solid #dce3de!important;
  border-radius:14px!important;
  box-shadow:0 6px 18px rgba(11,24,16,.11)!important;
}
html[data-karuca-design="native-premium"] .map-picker-sheet-v11{
  left:0!important;
  right:0!important;
  bottom:0!important;
  padding:10px 16px calc(14px + env(safe-area-inset-bottom))!important;
  border:0!important;
  border-top:1px solid #dfe5e1!important;
  border-radius:22px 22px 0 0!important;
  background:#fff!important;
  box-shadow:0 -8px 28px rgba(11,24,16,.1)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-karuca-design="native-premium"] .map-address-v11 b{
  max-height:40px!important;
  color:#101713!important;
  font-size:13px!important;
  line-height:1.35!important;
}
html[data-karuca-design="native-premium"] .map-picker-actions-v11{
  grid-template-columns:1fr!important;
  gap:0!important;
  margin-top:12px!important;
}
html[data-karuca-design="native-premium"] .map-picker-actions-v11 .btn.ghost{
  display:none!important;
}
html[data-karuca-design="native-premium"] .map-picker-actions-v11 .btn.primary{
  min-height:52px!important;
  border-radius:14px!important;
  background:#009e50!important;
  box-shadow:none!important;
  font-size:13px!important;
}
html[data-karuca-design="native-premium"] .order-modal-card.order-state-offered.order-role-client{
  width:calc(100% + 20px)!important;
  min-height:0!important;
  margin:0 -10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-modal-card.order-state-offered.order-role-client::before{
  display:none!important;
  content:none!important;
}
html[data-karuca-design="native-premium"] .order-modal-card.order-state-offered.order-role-client>.order-offers-v35{
  width:100%!important;
  min-height:0!important;
  padding:22px 20px 16px!important;
}
html[data-karuca-design="native-premium"] .order-modal-card.order-state-offered.order-role-client>hr{
  display:none!important;
}
html[data-karuca-design="native-premium"] .order-modal-card.order-state-offered.order-role-client>.order-actions-v32{
  margin:0 20px 18px!important;
  padding-top:14px!important;
  border-top:1px solid #e7ebe8!important;
}
html[data-karuca-design="native-premium"] .order-modal-card.order-state-offered.order-role-client .order-offers-head-v35{
  margin:0 0 14px!important;
}
html[data-karuca-design="native-premium"] .order-modal-card.order-state-offered.order-role-client .order-offer-v35{
  min-height:0!important;
}
@media(max-width:390px){
  html[data-karuca-design="native-premium"] .taxi-experience-ios .driver-offer{
    grid-template-columns:44px minmax(0,1fr) 112px!important;
    padding:12px!important;
  }
  html[data-karuca-design="native-premium"] .taxi-experience-ios .offer-price small{
    min-width:112px!important;
  }
}

/* Client orders v95 final cascade */
html[data-karuca-design="native-premium"] .orders-page{
  width:calc(100% + 20px)!important;
  max-width:none!important;
  margin:-8px -10px 0!important;
  padding:20px 16px 104px!important;
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:16px!important;
  margin:0!important;
  padding:0 0 18px!important;
  border:0!important;
  border-bottom:1px solid #e7ebe8!important;
  border-radius:0!important;
  background:#fff!important;
  color:#101713!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero::after{
  display:none!important;
  content:none!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero .hero-kicker{color:#168447!important}
html[data-karuca-design="native-premium"] .orders-page .orders-hero h1{color:#101713!important}
html[data-karuca-design="native-premium"] .orders-page .orders-hero p{color:#6f7973!important}
html[data-karuca-design="native-premium"] .orders-page .orders-hero-stats span{
  min-width:42px!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero-stats b{color:#101713!important}
html[data-karuca-design="native-premium"] .orders-page .orders-hero-stats small{color:#7b857f!important}
html[data-karuca-design="native-premium"] .orders-page .orders-filters-v58{
  display:flex!important;
  gap:18px!important;
  margin:0!important;
  padding:15px 0 0!important;
  overflow-x:auto!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-filters-v58 button{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:0 0 9px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#737d77!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-filters-v58 button.active{
  border-bottom-color:#0b9f50!important;
  background:transparent!important;
  color:#101713!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-filters-v58 button i,
html[data-karuca-design="native-premium"] .orders-page .section-status{
  min-width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-section{margin-top:24px!important}
@media(max-width:390px){
  html[data-karuca-design="native-premium"] .orders-page .orders-hero{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
}

html[data-karuca-design="native-premium"] .knp-screen-orders,
html[data-karuca-design="native-premium"] .knp-screen-orders .app,
html[data-karuca-design="native-premium"] .knp-screen-orders .main{
  background:#fff!important;
}
html[data-karuca-design="native-premium"] .orders-page .orders-hero::before,
html[data-karuca-design="native-premium"] .orders-page .orders-hero::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Client taxi price v96 — compact native row */
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .order-section-head-v11{
  margin-bottom:8px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 #priceModeHint{
  display:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  margin:0!important;
  padding:13px 0!important;
  border-top:1px solid #edf0ee!important;
  border-bottom:1px solid #edf0ee!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>label{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>label>small{
  color:#747e78!important;
  font-size:10px!important;
  font-weight:700!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>label>span{
  display:flex!important;
  align-items:baseline!important;
  gap:5px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 input{
  width:72px!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#101713!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:800!important;
  text-align:left!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11>label b{
  color:#101713!important;
  font-size:17px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-stepper-actions-v96{
  display:grid!important;
  grid-template-columns:44px 44px!important;
  gap:6px!important;
  padding:3px!important;
  border:1px solid #e0e5e2!important;
  border-radius:14px!important;
  background:#f4f6f4!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-stepper-actions-v96 button{
  width:44px!important;
  height:40px!important;
  min-width:44px!important;
  min-height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#101713!important;
  box-shadow:0 1px 3px rgba(12,24,17,.06)!important;
  font-size:20px!important;
}
html[data-karuca-design="native-premium"] .order-composer-ios .price-quick-v11,
html[data-karuca-design="native-premium"] .order-composer-ios .price-block-v11 .recommended-note-v26{
  display:none!important;
}
/* Completed client trip — one calm receipt instead of nested cards */
html[data-karuca-design="native-premium"] .order-state-completed {
  display: grid;
  gap: 12px;
  padding: 0 12px 18px;
  border: 0;
  background: #fff;
  box-shadow: none;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-price-kpi {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  min-height: 74px;
  padding: 18px 16px;
  gap: 9px;
  border: 1px solid #dce7df;
  border-radius: 18px;
  background: #f5fbf7;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-price-kpi .value {
  color: #071b11;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-price-kpi .unit {
  color: #177b46;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-driver-section-v33 {
  gap: 0;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-subhead-v33,
html[data-karuca-design="native-premium"] .order-state-completed .assigned-track-v35,
html[data-karuca-design="native-premium"] .order-state-completed > hr {
  display: none;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-driver-card-v33 {
  display: grid;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e0e7e2;
  border-radius: 18px;
  background: #fff;
}

html[data-karuca-design="native-premium"] .order-state-completed .assigned-driver-v35 {
  min-height: 74px;
  padding: 14px;
  border-bottom: 1px solid #edf1ee;
}

html[data-karuca-design="native-premium"] .order-state-completed .assigned-driver-v35 > span {
  width: 46px;
  height: 46px;
}

html[data-karuca-design="native-premium"] .order-state-completed .assigned-car-v35 {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr) auto;
  min-height: 92px;
  padding: 14px;
  gap: 12px;
  align-items: center;
  border: 0;
  border-radius: 0;
  background: #fff;
}

html[data-karuca-design="native-premium"] .order-state-completed .assigned-car-art-v55 {
  width: 66px;
  height: 48px;
  border: 0;
  background: transparent;
}

html[data-karuca-design="native-premium"] .order-state-completed .assigned-car-meta-v49 {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
  justify-content: end;
}

html[data-karuca-design="native-premium"] .order-state-completed .assigned-car-detail-v49 {
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-actions-v32 {
  display: grid;
  gap: 8px;
  margin: 0;
}

html[data-karuca-design="native-premium"] .order-state-completed .order-actions-v32 .btn {
  width: 100%;
  min-height: 50px;
  margin: 0;
  border-radius: 15px;
}

/* Client price control — one aligned native stepper: minus / amount / plus */
html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 {
  display: grid !important;
  grid-template-columns: 46px minmax(92px, 1fr) 46px !important;
  align-items: center !important;
  width: min(100%, 268px) !important;
  min-height: 58px !important;
  margin-inline: auto !important;
  padding: 5px 0 !important;
  gap: 8px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > label {
  display: flex !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > label > small {
  display: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > label > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 > label b {
  position: static !important;
  margin: 0 !important;
  transform: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-controller-v11 input {
  width: 60px !important;
  height: 44px !important;
  font-size: 28px !important;
  text-align: center !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-stepper-actions-v96 {
  display: contents !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios .price-stepper-actions-v96 button {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  border: 1px solid #dde3df !important;
  border-radius: 14px !important;
  background: #f7f8f7 !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios #priceMinus {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html[data-karuca-design="native-premium"] .order-composer-ios #pricePlus {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

/* Client messages v50.4.15 — calm, full-width conversation list */
html[data-karuca-design="native-premium"] .messages-page {
  display: block !important;
  min-height: calc(100dvh - var(--topbar-h, 64px) - var(--tabbar-h, 72px)) !important;
  margin: 0 !important;
  padding: 24px 18px 28px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .messages-page > .screen-heading {
  align-items: center !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 0 2px 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .messages-page > .screen-heading > div {
  min-width: 0 !important;
}

html[data-karuca-design="native-premium"] .messages-page > .screen-heading h1 {
  margin: 0 0 5px !important;
  color: #101713 !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

html[data-karuca-design="native-premium"] .messages-page > .screen-heading p {
  margin: 0 !important;
  color: #727c76 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html[data-karuca-design="native-premium"] .messages-page > .screen-heading .heading-icon {
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  margin-left: 14px !important;
  border: 1px solid #dce3de !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #087b3b !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .messages-page > .screen-heading .heading-icon .ui-icon {
  width: 22px !important;
  height: 22px !important;
  stroke-width: 1.9 !important;
}

html[data-karuca-design="native-premium"] .messages-page .messages-notice {
  grid-template-columns: 34px minmax(0,1fr) !important;
  gap: 10px !important;
  margin: 14px 0 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #dce8e0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #17231c !important;
}

html[data-karuca-design="native-premium"] .messages-page .messages-notice > span {
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  background: #edf8f1 !important;
  color: #079447 !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .messages-page .messages-notice b {font-size: 12px !important}
html[data-karuca-design="native-premium"] .messages-page .messages-notice small {color: #748078 !important;font-size: 9px !important}

html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 {
  gap: 0 !important;
  margin: 16px 0 0 !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 > label {
  grid-template-columns: 22px minmax(0,1fr) !important;
  gap: 10px !important;
  min-height: 50px !important;
  padding: 0 15px !important;
  border: 1px solid #dce3de !important;
  border-radius: 15px !important;
  background: #fff !important;
  color: #57635c !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 > label:focus-within {
  border-color: #168b46 !important;
  box-shadow: 0 0 0 1px #168b46 !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 > label .ui-icon {
  width: 20px !important;
  height: 20px !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 input {
  min-width: 0 !important;
  height: 48px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #141b17 !important;
  font-size: 13px !important;
  font-weight: 550 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 input::placeholder {
  color: #98a19b !important;
  opacity: 1 !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 > div {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 0 !important;
  margin-top: 14px !important;
  padding: 0 !important;
  border-bottom: 1px solid #e4e9e5 !important;
  border-radius: 0 !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 > div button {
  position: relative !important;
  min-height: 43px !important;
  padding: 0 4px 11px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #7b847e !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 > div button.active {
  color: #101713 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 > div button.active::after {
  content: "" !important;
  position: absolute !important;
  right: 8px !important;
  bottom: -1px !important;
  left: 8px !important;
  height: 2px !important;
  border-radius: 999px 999px 0 0 !important;
  background: #0aa04b !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 i {
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border-radius: 9px !important;
  background: #eef1ef !important;
  color: #6e7972 !important;
  font-size: 8px !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 button.active i {
  background: #e7f6ec !important;
  color: #087f3d !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-list {
  gap: 0 !important;
  margin: 12px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  overflow: visible !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-row {
  grid-template-columns: 50px minmax(0,1fr) 16px !important;
  gap: 12px !important;
  min-height: 82px !important;
  margin: 0 !important;
  padding: 14px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid #e8ece9 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-row:first-child {border-top: 0 !important}
html[data-karuca-design="native-premium"] .messages-page .message-row:last-child {border-bottom: 0 !important}
html[data-karuca-design="native-premium"] .messages-page .message-row:active {background: #f7f9f7 !important;transform: none !important}

html[data-karuca-design="native-premium"] .messages-page .message-avatar {
  width: 50px !important;
  height: 50px !important;
  border: 1px solid #dde4df !important;
  border-radius: 50% !important;
  background: #102d20 !important;
  color: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-content {gap: 3px !important}
html[data-karuca-design="native-premium"] .messages-page .message-top b {color: #101713 !important;font-size: 14px !important;font-weight: 760 !important}
html[data-karuca-design="native-premium"] .messages-page .message-top time {color: #929b95 !important;font-size: 9px !important}
html[data-karuca-design="native-premium"] .messages-page .message-content small {color: #68736c !important;font-size: 10px !important}
html[data-karuca-design="native-premium"] .messages-page .message-content em {
  align-self: flex-start !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #098b43 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}
html[data-karuca-design="native-premium"] .messages-page .message-row > i {color: #98a19b !important;font-size: 20px !important}

html[data-karuca-design="native-premium"] .messages-page .message-empty-filter-v37 {
  gap: 7px !important;
  margin: 22px 0 0 !important;
  padding: 38px 20px !important;
  border: 1px solid #e1e7e3 !important;
  border-radius: 18px !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .messages-page .message-empty-filter-v37 > .ui-icon {
  width: 38px !important;
  height: 38px !important;
  padding: 9px !important;
  border: 1px solid #dce6df !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #168c46 !important;
}

@media (max-width:390px) {
  html[data-karuca-design="native-premium"] .messages-page {padding: 20px 16px 24px !important}
  html[data-karuca-design="native-premium"] .messages-page > .screen-heading h1 {font-size: 28px !important}
  html[data-karuca-design="native-premium"] .messages-page > .screen-heading .heading-icon {width: 42px !important;height: 42px !important}
  html[data-karuca-design="native-premium"] .messages-page .message-tools-v37 > div button {font-size: 10px !important}
}

/* Parcel composer v50.4.17 — same clean product grammar as the other services */
html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) {
  gap: 12px !important;
  padding: 0 0 calc(18px + env(safe-area-inset-bottom)) !important;
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) .service-hero-v26.parcel {
  grid-template-columns: 64px minmax(0,1fr) !important;
  min-height: 86px !important;
  align-items: center !important;
  gap: 13px !important;
  margin: 0 !important;
  padding: 5px 4px 14px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #101713 !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) .service-hero-v26.parcel > span {
  width: 64px !important;
  height: 64px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #0b7f3d !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) .service-hero-v26.parcel > span img,
html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) .service-hero-v26.parcel > span svg {
  width: 64px !important;
  height: 54px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 7px 8px rgba(17,24,19,.14)) !important;
}

html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) .service-hero-v26.parcel small {
  color: #07823f !important;
  font-size: 9px !important;
  font-weight: 820 !important;
  letter-spacing: .11em !important;
}

html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) .service-hero-v26.parcel h2 {
  margin: 4px 0 3px !important;
  color: #101713 !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
}

html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) .service-hero-v26.parcel p {
  display: block !important;
  margin: 0 !important;
  color: #6e7972 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) > .service-card-v26 {
  border-color: #e0e6e2 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-karuca-design="native-premium"] .service-composer-v26 #shCreate {
  position: static !important;
  z-index: auto !important;
  width: 100% !important;
  min-height: 54px !important;
  margin: 2px 0 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #08a64f !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  box-shadow: 0 12px 28px rgba(8,116,58,.2) !important;
}

html[data-karuca-design="native-premium"] #modal:has(#shCreate) .modal-inner {
  background: #fff !important;
}

html[data-karuca-design="native-premium"] .service-composer-v26 #shCreate:active {
  transform: scale(.985) !important;
  background: #078e44 !important;
}

@media (max-width:390px) {
  html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) .service-hero-v26.parcel {
    grid-template-columns: 58px minmax(0,1fr) !important;
    padding-inline: 2px !important;
  }
  html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) .service-hero-v26.parcel > span {width: 58px !important;height: 58px !important}
  html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) .service-hero-v26.parcel > span img,
  html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) .service-hero-v26.parcel > span svg {width: 58px !important;height: 50px !important}
  html[data-karuca-design="native-premium"] .service-composer-v26:has(#shCreate) .service-hero-v26.parcel h2 {font-size: 21px !important}
}