/* Maseer / sky & silver, user reference 2026-09-03.
   Decorative cyan matches the reference; text-bearing cyan is contrast-adjusted.
   Keep layout, fixed chrome, order state labels and the red monetary emphasis. */
body[data-maseer-app="true"],
body[data-maseer-app="true"] :is(.delivery-driver-view,.delivery-settings-view,.dd-sheet,.dd-order-dialog) {
  --dd-sky:#00a6d6;
  --dd-sky-text:#00769b;
  --dd-row-blue:#0080a6;
  --dd-row-gray:#eef0f2;
  --dd-sage:var(--dd-sky);
  --dd-sage-light:#d7e6ec;
  --dd-ink:#1b2025;
  --dd-ink-soft:#59636b;
  --dd-text:var(--dd-ink);
  --dd-surface:#fff;
  --dd-canvas:#fff;
  --dd-line:#dce2e6;
  --dd-border:var(--dd-line);
  --dd-primary:var(--dd-sky-text);
  --dd-primary-strong:#006987;
  --dd-primary-soft:#edf5f8;
  --dd-soft-surface:#f5f6f7;
  --dd-success:#306452;
  --dd-success-soft:#eff6f3;
  --ink:var(--dd-ink);--ink2:var(--dd-ink-soft);--text:var(--dd-ink);
  --line:var(--dd-line);--border:var(--dd-line);
  --red:var(--dd-sky-text);--red-deep:#006987;--red-light:#edf5f8;
  color:var(--dd-ink);background:#fff;color-scheme:light;
}
body[data-maseer-app="true"] :is(.dd-page,.delivery-settings-view) { color:var(--dd-ink); }
body[data-maseer-app="true"] .dd-page .dd-hero { box-shadow:0 3px 16px rgb(27 32 37 / 5%);border-bottom-color:var(--dd-line); }
body[data-maseer-app="true"] .dd-hero :is(p,.dd-network) { color:var(--dd-ink-soft); }
body[data-maseer-app="true"] .dd-page .dd-refresh { color:var(--dd-sky-text);background:#f1f4f6;border-color:var(--dd-line);border-radius:14px; }
body[data-maseer-app="true"] .dd-page .dd-my-orders-card { border:1px solid var(--dd-line);border-top:3px solid var(--dd-sky);border-radius:18px;box-shadow:0 4px 18px rgb(27 32 37 / 4%);padding:16px; }
body[data-maseer-app="true"] .dd-my-orders-totals dd { color:var(--dd-sky-text);font-variant-numeric:tabular-nums; }
body[data-maseer-app="true"] .dd-my-orders-card :is(dt,p),
body[data-maseer-app="true"] .dd-page :is(.dd-section-head p,.dd-market-head small,.dd-section-heading p,.dd-muted) { color:var(--dd-ink-soft); }
body[data-maseer-app="true"] .dd-page .dd-my-orders-head button { background:var(--dd-soft-surface);color:var(--dd-sky-text);border-color:var(--dd-line); }
body[data-maseer-app="true"] .dd-page .dd-market-head { border-color:var(--dd-line);box-shadow:none;padding-block:16px; }
body[data-maseer-app="true"] .dd-page .dd-market-head h2 { color:#343e46;line-height:1.5; }
body[data-maseer-app="true"] .dd-page .dd-market-head p { color:var(--dd-ink-soft); }
body[data-maseer-app="true"] .dd-interest-banner { border-color:var(--dd-line);background:#f7f8f9;color:var(--dd-ink-soft);border-radius:12px; }
body[data-maseer-app="true"] .dd-interest-banner :is(svg,small) { color:var(--dd-sky-text); }
body[data-maseer-app="true"] .dd-page .dd-filter-trigger { color:var(--dd-sky-text);background:#f3f5f6;border:1px solid var(--dd-line);border-radius:12px; }
body[data-maseer-app="true"] .dd-page .dd-result-count { border-color:var(--dd-line);background:#f5f6f7;color:var(--dd-ink-soft); }
body[data-maseer-app="true"] .dd-page .dd-result-count b { color:var(--dd-sky-text); }

/* Quiet silver tabs, cyan icon/text, and a second non-color active indicator. */
body[data-maseer-app="true"] .dd-page :is(.dd-tabs,.dd-bottom-navigation) { background:#f5f6f7;border-color:var(--dd-line);box-shadow:0 -3px 16px rgb(27 32 37 / 5%); }
body[data-maseer-app="true"] .dd-page :is(.dd-tabs,.dd-bottom-navigation) button { color:var(--dd-sky-text);background:#eef0f2;border:1px solid transparent;border-top:3px solid transparent;border-radius:12px;box-shadow:none; }
body[data-maseer-app="true"] .dd-page :is(.dd-tabs,.dd-bottom-navigation) button.active { color:var(--dd-sky-text);background:#fff;border-color:#d7e6ec;border-top-color:var(--dd-sky-text);box-shadow:0 2px 6px rgb(27 32 37 / 5%);font-weight:800; }
body[data-maseer-app="true"] .dd-page :is(.dd-tabs,.dd-bottom-navigation) button svg { color:inherit; }
body[data-maseer-app="true"] .dd-page .dd-admin-tools .dd-btn-secondary { color:var(--dd-sky-text);background:#f3f5f6;border:1px solid var(--dd-line);border-radius:12px; }

/* Alternate actual data rows, not statuses: ordering and explicit state remain. */
body[data-maseer-app="true"] .dd-page .dd-market-table-wrap { border:1px solid var(--dd-line);border-radius:16px;box-shadow:none; }
body[data-maseer-app="true"] .dd-page .dd-orders-summary th { color:#4d5962;background:#f5f6f7;border:0;border-bottom:1px solid var(--dd-line);font-weight:700; }
body[data-maseer-app="true"] .dd-page .dd-orders-summary .dd-market-row { --dd-row-bg:var(--dd-row-gray);--dd-row-fg:#171b1f;--dd-row-accent:transparent; }
body[data-maseer-app="true"] .dd-page .dd-orders-summary .dd-market-row:nth-child(odd) { --dd-row-bg:var(--dd-row-blue);--dd-row-fg:#fff; }
body[data-maseer-app="true"] .dd-page .dd-orders-summary .dd-market-row > td { color:var(--dd-row-fg);background:var(--dd-row-bg);border:0;border-bottom:4px solid #fff;box-shadow:none; }
body[data-maseer-app="true"] .dd-page .dd-orders-summary .dd-market-row :is(.dd-party-toggle,.dd-party-text,.dd-party-text b,.dd-party-text small,.dd-summary-commission bdi,.dd-summary-status) { color:var(--dd-row-fg);opacity:1; }
body[data-maseer-app="true"] .dd-page .dd-orders-summary .dd-market-row .dd-party-toggle { background:transparent; }
body[data-maseer-app="true"] .dd-page .dd-orders-summary .dd-summary-value bdi { color:var(--dd-order-emphasis,#b42318);background:#fff;border-radius:7px;padding:4px 3px;line-height:1.6; }
body[data-maseer-app="true"] .dd-page .dd-orders-summary .dd-claim-inline { color:var(--dd-order-emphasis,#b42318);background:#fff;border:1px solid #dce2e6;border-radius:10px;box-shadow:0 2px 5px rgb(27 32 37 / 5%); }
body[data-maseer-app="true"] .dd-page .dd-orders-summary .dd-summary-status { padding:5px 3px;border:1px solid currentColor;border-radius:8px;font-weight:800; }
body[data-maseer-app="true"] .dd-page .dd-orders-summary .dd-party-toggle:focus-visible { outline:2px solid var(--dd-row-fg);outline-offset:2px; }

/* Carry the same design through forms, history, suppliers, reports and dialogs. */
body[data-maseer-app="true"] :is(.dd-suppliers-page,.dd-order-dialog,.dd-billing-card,.dd-interest-all,.dd-interest-modes label,.dd-supplier-list,.dd-more-links button) { border-color:var(--dd-line);color:var(--dd-ink); }
body[data-maseer-app="true"] :is(.dd-interest-all,.dd-interest-modes label:has(input:checked)) { background:#edf5f8;border-color:var(--dd-sky-text); }
body[data-maseer-app="true"] :is(.dd-supplier-choice input[type="checkbox"],.dd-interest-modes input[type="radio"]) { accent-color:var(--dd-sky-text); }
body[data-maseer-app="true"] .dd-supplier-choice small { color:var(--dd-ink-soft); }
body[data-maseer-app="true"] .dd-supplier-list .dd-supplier-choice + .dd-supplier-choice { border-top-color:var(--dd-line); }
body[data-maseer-app="true"] .dd-interest-save { border-color:var(--dd-line); }
body[data-maseer-app="true"] .dd-more-links button { background:#f5f6f7; }
body[data-maseer-app="true"] .dd-more-links svg { color:var(--dd-sky-text); }
body[data-maseer-app="true"] .dd-order-dialog { box-shadow:0 24px 80px rgb(27 32 37 / 20%); }
body[data-maseer-app="true"] .dd-order-dialog::backdrop { background:rgb(27 32 37 / 42%); }
body[data-maseer-app="true"] .dd-order-dialog :is(.dd-order-dialog-head,.dd-order-dialog-footer,.dd-market-privacy) { border-color:var(--dd-line);color:var(--dd-ink-soft); }
body[data-maseer-app="true"] .dd-order-dialog-head h2 { color:var(--dd-ink); }
body[data-maseer-app="true"] .dd-order-dialog .dd-market-detail-grid small { color:var(--dd-ink-soft); }
body[data-maseer-app="true"] .dd-order-dialog .dd-market-detail-grid b { color:var(--dd-ink); }
body[data-maseer-app="true"] .dd-order-dialog .dd-market-detail-grid :is(.dd-order-value,.dd-delivery-fee) b { color:var(--dd-order-emphasis,#b42318); }
body[data-maseer-app="true"] .dd-order-dialog-footer .dd-modal-claim { background:#fff;color:var(--dd-order-emphasis,#b42318);border-color:#ccd7dd; }
body[data-maseer-app="true"] .dd-order-dialog-footer .dd-btn-secondary { color:var(--dd-sky-text);background:#f3f5f6;border-color:var(--dd-line); }
body[data-maseer-app="true"] .dd-page :is(.dd-order-card,.dd-admin-summary article,.dd-report-kpis article,.dd-definition-grid > section) { border:1px solid var(--dd-line);box-shadow:0 3px 12px rgb(27 32 37 / 3%); }
body[data-maseer-app="true"] .dd-page :is(.dd-admin-summary,.dd-report-kpis) article b { color:var(--dd-sky-text); }
body[data-maseer-app="true"] .dd-page .dd-confirm { background:#f3f5f6;color:var(--dd-ink-soft); }
body[data-maseer-app="true"] .dd-page .dd-history-list article { border-color:var(--dd-line);background:#f5f6f7; }
body[data-maseer-app="true"] .dd-page .dd-history-list article:nth-child(even) { background:#fff; }
body[data-maseer-app="true"] .delivery-settings-head { border-color:var(--dd-line);border-top-color:var(--dd-sky); }
body[data-maseer-app="true"] .delivery-settings-head :is(h2,p,small),
body[data-maseer-app="true"] .delivery-settings-view .card { color:var(--dd-ink)!important; }
body[data-maseer-app="true"] #onboarding-shell { border-color:var(--dd-line)!important;box-shadow:0 8px 28px rgb(27 32 37 / 6%)!important; }
body[data-maseer-app="true"] #onboarding-shell :is(h2,h3,p,label,small,span,div,button) { color:var(--dd-ink)!important; }
body[data-maseer-app="true"] #onboarding-shell :is(button,input),
body[data-maseer-app="true"] #onboarding-body > div { border-color:var(--dd-line)!important; }
body[data-maseer-app="true"] #onboarding-shell button[aria-pressed="true"] { background:#edf5f8!important;box-shadow:inset 0 -3px var(--dd-sky-text); }
body[data-maseer-app="true"] :is(button,a,input,select,textarea):focus-visible { outline:2px solid var(--dd-sky-text);outline-offset:3px; }
@media(hover:hover) {
  body[data-maseer-app="true"] .dd-page .dd-orders-summary .dd-claim-inline:hover { background:#f6f8fa; }
  body[data-maseer-app="true"] .dd-page .dd-orders-summary .dd-market-row:hover > td { box-shadow:inset 0 1px rgb(255 255 255 / 40%),inset 0 -4px rgb(27 32 37 / 6%); }
}
body[data-maseer-app="true"] .dd-page button:active { filter:brightness(.96); }
@media(max-width:600px) {
  body[data-maseer-app="true"] .dd-page .dd-my-orders-card { padding:12px; }
  body[data-maseer-app="true"] .dd-page .dd-my-orders-totals { margin-block:8px 4px; }
  body[data-maseer-app="true"] .dd-page .dd-market-head { padding:12px;gap:12px; }
  body[data-maseer-app="true"] .dd-page .dd-orders-summary .dd-summary-value bdi { padding:3px 2px; }
}

/* Maseer mobile surface correction, 2026-09-04.
   The native Android container already applies system-bar insets, so the web
   chrome must not add them a second time. */
body[data-maseer-app="true"],
body[data-maseer-app="true"] :is(.app,.app-content,#view,.delivery-driver-view,.delivery-settings-view,.dd-page,.dd-content) {
  background:#fff!important;
}
body[data-maseer-app="true"] .dd-page .dd-hero,
body[data-maseer-app="true"] .dd-page .dd-bottom-navigation {
  background:#f5f6f7!important;
  border-color:#cfe5ee!important;
}
body[data-maseer-app="true"] .dd-page .dd-hero {
  padding:8px 12px!important;
  min-height:64px;
  box-shadow:0 2px 10px rgb(0 105 135 / 7%);
}
body[data-maseer-app="true"] .dd-page .dd-bottom-navigation {
  padding:6px 4px!important;
  border-top:1px solid #cfe5ee!important;
  border-inline:0!important;
  box-shadow:0 -3px 14px rgb(0 105 135 / 8%);
}
body[data-maseer-app="true"] .dd-page .dd-bottom-navigation button {
  min-height:54px;
  padding:5px 2px;
}
body[data-maseer-app="true"] .dd-page :is(
  .dd-my-orders-card,.dd-market-head,.dd-market-table-wrap,.dd-order-card,
  .dd-report-filters,.dd-report-kpis article,.dd-report-intro,
  .dd-suppliers-page,.dd-interest-banner,.dd-more-links button,
  .dd-admin-summary article,.dd-definition-grid>section
) {
  background:#fff!important;
  border-color:#cfe5ee!important;
  box-shadow:0 3px 14px rgb(0 105 135 / 4%);
}
body[data-maseer-app="true"] .delivery-settings-view :is(.card,.delivery-settings-head),
body[data-maseer-app="true"] .dd-sheet,
body[data-maseer-app="true"] .dd-order-dialog {
  background:#fff!important;
  border-color:#cfe5ee!important;
}
body[data-maseer-app="true"] .dd-page .dd-my-orders-card {
  border-top:3px solid var(--dd-sky)!important;
}
body[data-maseer-app="true"] #view .dd-page :is(.dd-network,.dd-my-orders-card p,.dd-market-head small,.dd-interest-banner span) {
  font-size:.75rem!important;
  line-height:1.55;
}
body[data-maseer-app="true"] .delivery-branding-locked {
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px;
}
body[data-maseer-app="true"] .delivery-branding-locked>svg {
  width:24px;
  height:24px;
  flex:0 0 24px;
  color:var(--dd-sky-text);
}
body[data-maseer-app="true"] .delivery-branding-locked b { display:block; color:var(--dd-ink); }
body[data-maseer-app="true"] .delivery-branding-locked p { margin:5px 0 0; color:var(--dd-ink-soft); line-height:1.7; }

@media(max-width:600px) {
  body[data-maseer-app="true"] .dd-page:not(.dd-header-shell) { padding-inline:12px; }
  body[data-maseer-app="true"] .dd-page .dd-product-logo { width:40px;height:40px;flex-basis:40px; }
  body[data-maseer-app="true"] .dd-page .dd-product-name b { font-size:.8125rem; }
  body[data-maseer-app="true"] .dd-page .dd-refresh { width:44px;height:44px; }
  body[data-maseer-app="true"] .dd-page .dd-my-orders-card { padding:12px!important;margin-bottom:12px; }
  body[data-maseer-app="true"] .dd-page .dd-my-orders-head h2 { font-size:1rem; }
  body[data-maseer-app="true"] .dd-page .dd-my-orders-totals { margin:7px 0 3px; }
  body[data-maseer-app="true"] .dd-page .dd-my-orders-totals dd { font-size:1.3rem;line-height:1.35; }
  body[data-maseer-app="true"] .dd-page .dd-my-orders-card>p { margin-top:4px; }
  body[data-maseer-app="true"] .dd-page .dd-marketplace { gap:10px; }
  body[data-maseer-app="true"] .dd-page .dd-market-head { padding:11px!important;gap:9px;align-items:center; }
  body[data-maseer-app="true"] .dd-page .dd-market-head h2 { font-size:1.15rem; }
  body[data-maseer-app="true"] .dd-page .dd-market-head>div:first-child>small { display:none; }
  body[data-maseer-app="true"] .dd-page .dd-market-actions { gap:6px; }
  body[data-maseer-app="true"] .dd-page .dd-filter-trigger { min-width:86px;padding-inline:10px; }
  body[data-maseer-app="true"] .dd-page .dd-interest-banner { min-height:46px;padding:8px 12px; }
}