/* ===================================================================
   Panel "ledger" layer: matches the public pages (landing.css).
   Loads AFTER theme-sunrise.css on the horizontal user layout only. It changes
   colours, type, borders and spacing; it never touches markup, forms
   or scripts. Remove the file and the old look is back.
   =================================================================== */
body.theme-sunrise {
  --lg-bg: #f7f6f2;
  --lg-surface: #ffffff;
  --lg-ink: #15171a;
  --lg-muted: #55595f;
  --lg-faint: #80848b;
  --lg-rule: #e4e1d9;
  --lg-rule-strong: #cfcbc1;
  --lg-accent: #c2410c;
  --lg-accent-bright: #ea580c;
  --lg-accent-soft: #fff0e5;
  --lg-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --lg-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  background: var(--lg-bg) !important;
  color: var(--lg-ink);
  font-family: var(--lg-sans) !important;
}
body.theme-sunrise .page, body.theme-sunrise .page-main { background: transparent !important; }
body.theme-sunrise input, body.theme-sunrise select, body.theme-sunrise textarea, body.theme-sunrise button,
body.theme-sunrise .btn, body.theme-sunrise h1, body.theme-sunrise h2, body.theme-sunrise h3, body.theme-sunrise h4,
body.theme-sunrise h5, body.theme-sunrise h6, body.theme-sunrise .card-title, body.theme-sunrise table,
body.theme-sunrise .nav-link, body.theme-sunrise .dropdown-item { font-family: var(--lg-sans) !important; }

/* ---------- header: ink bar, orange only for the active item ---------- */
body.theme-sunrise div.header.top.top-unified, body.theme-sunrise div.header.top,
body.theme-sunrise #headerMenuCollapse.header, body.theme-sunrise div.header.collapse {
  background: var(--lg-ink) !important; background-color: var(--lg-ink) !important; box-shadow: none !important; border-bottom: 1px solid #000 !important; }
body.theme-sunrise .header .nav-tabs .nav-link { background: transparent !important; }
body.theme-sunrise .header .nav-tabs .nav-link.active { background: transparent !important; color: #fff !important; box-shadow: inset 0 -2px 0 var(--lg-accent-bright) !important; border-radius: 0 !important; }
body.theme-sunrise .header.top-unified .nav-link { color: #c9c7c2 !important; font-weight: 500 !important; }
body.theme-sunrise .header.top-unified .nav-link:hover,
body.theme-sunrise .header.top-unified .nav-link.active { color: #fff !important; }
body.theme-sunrise .header.top-unified .nav-link.active { box-shadow: inset 0 -2px 0 var(--lg-accent-bright); }
body.theme-sunrise .header.top-unified .support-count { background: var(--lg-accent-bright) !important; color: #fff !important; }

/* ---------- page titles ---------- */
body.theme-sunrise h1.page-title, body.theme-sunrise .page-title h1, body.theme-sunrise .page-title {
  font-weight: 750 !important; letter-spacing: -0.02em; color: var(--lg-ink) !important; }
body.theme-sunrise .page-title .fe, body.theme-sunrise .page-title i { color: var(--lg-faint) !important; }

/* ---------- cards: thin rule, no shadow ---------- */
body.theme-sunrise .card { background: var(--lg-surface) !important; border: 1px solid var(--lg-rule-strong) !important;
  border-radius: 10px !important; box-shadow: none !important; }
body.theme-sunrise .card-header { background: transparent !important; border-bottom: 1px solid var(--lg-rule) !important; }
body.theme-sunrise .card-header, body.theme-sunrise .card-title, body.theme-sunrise .card-header h3,
body.theme-sunrise .card-header h4 { font-weight: 650 !important; letter-spacing: -0.01em; color: var(--lg-ink) !important; }
body.theme-sunrise .card-header .fe, body.theme-sunrise .card-header .fa { color: var(--lg-faint) !important; }

/* ---------- stat tiles: quiet icon, mono figure ---------- */
body.theme-sunrise .stamp { background: var(--lg-accent-soft) !important; color: var(--lg-accent) !important; border-radius: 8px !important; box-shadow: none !important; }
body.theme-sunrise .stamp .fe, body.theme-sunrise .stamp i { color: var(--lg-accent) !important; }
body.theme-sunrise .card .number {
  font-family: var(--lg-mono) !important; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }

/* ---------- buttons: ink primary, orange reserved for emphasis ---------- */
body.theme-sunrise .btn { border-radius: 6px !important; box-shadow: none !important; font-weight: 600 !important; }
body.theme-sunrise .btn-primary, body.theme-sunrise .btn-primary:focus {
  background: var(--lg-ink) !important; border-color: var(--lg-ink) !important; color: #fff !important; }
body.theme-sunrise .btn-primary:hover { opacity: .88; }
body.theme-sunrise .btn-outline-primary, body.theme-sunrise .btn-secondary, body.theme-sunrise .btn-outline-secondary {
  background: var(--lg-surface) !important; color: var(--lg-ink) !important; border: 1px solid var(--lg-rule-strong) !important; }
body.theme-sunrise a:not(.btn):not(.nav-link):not(.dropdown-item) { color: var(--lg-accent); }

/* ---------- form fields: white, thin border ---------- */
body.theme-sunrise .form-control, body.theme-sunrise .custom-select, body.theme-sunrise select.form-control {
  background-color: var(--lg-surface) !important; border: 1px solid var(--lg-rule-strong) !important;
  border-radius: 6px !important; box-shadow: none !important; color: var(--lg-ink) !important; }
body.theme-sunrise .form-control:focus { border-color: var(--lg-accent-bright) !important; box-shadow: 0 0 0 3px rgba(234, 88, 12, .12) !important; }
body.theme-sunrise label, body.theme-sunrise .form-label { font-weight: 600 !important; color: var(--lg-ink) !important; font-size: 13px !important; }

/* ---------- tables: ledger rows ---------- */
body.theme-sunrise .table thead th { font: 500 11px/1.3 var(--lg-mono) !important; text-transform: uppercase; letter-spacing: .06em;
  color: var(--lg-faint) !important; border-bottom: 1px solid var(--lg-ink) !important; background: transparent !important; }
body.theme-sunrise .table td { border-top: 1px solid var(--lg-rule) !important; font-variant-numeric: tabular-nums; }
body.theme-sunrise .table-hover tbody tr:hover, body.theme-sunrise .table-striped tbody tr:nth-of-type(odd) { background: #fbfaf7 !important; }
body.theme-sunrise .table tbody tr { background: transparent !important; }

/* ---------- status badges: soft, readable ---------- */
body.theme-sunrise .badge { border-radius: 4px !important; font: 500 11px/1 var(--lg-mono) !important; padding: 4px 7px !important; box-shadow: none !important; }
body.theme-sunrise .badge-success { background: #e8f5ec !important; color: #17663a !important; }
body.theme-sunrise .badge-warning { background: #fdf3dc !important; color: #8a5a00 !important; }
body.theme-sunrise .badge-danger  { background: #fde8e6 !important; color: #a1271b !important; }
body.theme-sunrise .badge-info, body.theme-sunrise .badge-primary { background: #eaf1fb !important; color: #1d4f91 !important; }
body.theme-sunrise .badge-default, body.theme-sunrise .badge-secondary { background: #efeee9 !important; color: #4c4f55 !important; }

/* ---------- order-status tabs (All / Pending / ...) ---------- */
body.theme-sunrise .page-main .nav-pills .nav-link { color: var(--lg-muted) !important; border-radius: 6px !important; }
body.theme-sunrise .page-main .nav-pills .nav-link.active {
  background: var(--lg-ink) !important; color: #fff !important; box-shadow: none !important; }

/* ---------- new order: platform cards ---------- */
body.theme-sunrise .platform-card { border: 1px solid var(--lg-rule-strong) !important; border-radius: 8px !important; box-shadow: none !important; background: var(--lg-surface) !important; }
body.theme-sunrise .platform-card.active, body.theme-sunrise .platform-card.is-active,
body.theme-sunrise .platform-card[aria-pressed="true"] { border-color: var(--lg-ink) !important; box-shadow: inset 0 0 0 1px var(--lg-ink) !important; }

/* ---------- footer: ink, same as header ---------- */
body.theme-sunrise .footer.dark { background: var(--lg-ink) !important; }

/* ---------- order status filter (All / Pending / ...) ---------- */
body.theme-sunrise .order_btn_group .btn { background: transparent !important; border: 1px solid transparent !important; color: var(--lg-muted) !important; font-weight: 500 !important; padding: 7px 12px !important; }
body.theme-sunrise .order_btn_group .btn:hover { color: var(--lg-ink) !important; border-color: var(--lg-rule-strong) !important; }
body.theme-sunrise .order_btn_group .btn.btn-primary { background: var(--lg-ink) !important; border-color: var(--lg-ink) !important; color: #fff !important; }

/* ---------- logo: the home page wordmark, no icon ---------- */
body.theme-sunrise .header.top-unified .brand-mark { display: none !important; }
body.theme-sunrise .header.top-unified .brand-name { display: inline !important; color: #fff !important; font: 600 19px/1 var(--lg-sans) !important; letter-spacing: -0.01em; }
body.theme-sunrise .header.top-unified .brand-name .wm-acc { color: var(--lg-accent-bright) !important; }

/* ---------- footer wordmark (blocks/footer.php) ---------- */
body.theme-sunrise .footer .panel-wordmark { display: inline-block; color: #fff !important; font: 600 20px/1 var(--lg-sans); letter-spacing: -0.01em; text-decoration: none !important; }
body.theme-sunrise .footer .panel-wordmark .wm-acc { color: var(--lg-accent-bright); }

/* ===================================================================
   Public pages on general_page / blog layouts (services, API docs,
   FAQ, terms, blog). Those layouts add body.theme-sunrise and use the
   theme's ledger header/footer (.lp); keep their link colours.
   =================================================================== */
body.theme-sunrise .lp-footer a:not(.lp-btn), body.theme-sunrise .lp .crumbs a { color: inherit !important; }
body.theme-sunrise .lp-footer a:not(.lp-btn):hover { color: var(--lg-ink) !important; }
body.theme-sunrise .lp-header .right a.login { color: var(--lg-muted) !important; }

/* ---------- services list: category bars and platform tiles ---------- */
body.theme-sunrise .services-list-card .services-category-header > td { background: var(--lg-bg) !important; color: var(--lg-ink) !important;
  border-top: 1px solid var(--lg-rule-strong) !important; border-bottom: 1px solid var(--lg-rule-strong) !important; }
body.theme-sunrise .services-list-card .services-category-title-bar,
body.theme-sunrise .services-list-card .services-category-title-bar .title { color: var(--lg-ink) !important; font-weight: 700 !important; }
body.theme-sunrise .services-list-card .services-category-toggle { color: var(--lg-faint) !important; }
body.theme-sunrise .brand-category-compact.platform-card-compact { border: 1px solid var(--lg-rule-strong) !important; border-radius: 6px !important;
  background: var(--lg-surface) !important; box-shadow: none !important; color: var(--lg-muted) !important; }
body.theme-sunrise .brand-category-compact.platform-card-compact.is-selected { background: var(--lg-ink) !important; border-color: var(--lg-ink) !important; }
body.theme-sunrise .brand-category-compact.platform-card-compact.is-selected .platform-card-compact-icon,
body.theme-sunrise .brand-category-compact.platform-card-compact.is-selected .platform-card-compact-label { color: #fff !important; }

/* ---------- service finder ----------
   Line 1: the sentence "I need [goal] [platform] [kind] service", the three
   choices as equal 38px boxes. Line 2: the team-picks toggle, then the
   button — same height. The order is set with CSS (markup untouched). */
body.theme-sunrise .svc-finder { background: var(--lg-surface) !important; border: 1px solid var(--lg-rule-strong) !important; border-radius: 10px !important; padding: 20px 24px !important; }
body.theme-sunrise .svc-finder-spark { display: none !important; }
body.theme-sunrise .svc-finder-head { margin-bottom: 14px !important; }
body.theme-sunrise .svc-finder-title { font: 500 12px/1 var(--lg-mono) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--lg-faint) !important; }
body.theme-sunrise .svc-finder-form { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px 8px !important; }
body.theme-sunrise .svc-finder-form::after { content: ""; order: 5; flex-basis: 100%; height: 0; }
body.theme-sunrise .svc-finder-text { font: 500 17px/38px var(--lg-sans) !important; color: var(--lg-muted) !important; }
body.theme-sunrise .svc-finder-select { -webkit-appearance: none; appearance: none; height: 38px !important; max-width: 100%;
  padding: 0 32px 0 12px !important; border: 1px solid var(--lg-rule-strong) !important; border-radius: 6px !important; box-shadow: none !important;
  background: var(--lg-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2355595f' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center / 10px 6px !important;
  font: 600 15px/36px var(--lg-sans) !important; color: var(--lg-ink) !important; cursor: pointer; }
body.theme-sunrise .svc-finder-select:hover { border-color: var(--lg-ink) !important; }
body.theme-sunrise .svc-finder-select:focus { border-color: var(--lg-accent-bright) !important; box-shadow: 0 0 0 3px rgba(234, 88, 12, .12) !important; outline: none; }
body.theme-sunrise .svc-finder label.svc-finder-hp { order: 6; display: inline-flex !important; align-items: center; gap: 8px; height: 38px; margin: 0 !important;
  padding: 0 14px !important; border: 1px solid var(--lg-rule-strong) !important; border-radius: 6px !important; background: var(--lg-surface) !important;
  font: 500 14px/1 var(--lg-sans) !important; color: var(--lg-muted) !important; cursor: pointer; }
body.theme-sunrise .svc-finder label.svc-finder-hp:has(input:checked) { border-color: var(--lg-ink) !important; color: var(--lg-ink) !important; }
body.theme-sunrise .svc-finder-hp input { accent-color: var(--lg-accent) !important; width: 15px; height: 15px; margin: 0 !important; }
body.theme-sunrise .svc-finder .btn.svc-finder-go { order: 7; display: inline-flex !important; align-items: center; gap: 8px; height: 38px; margin: 0 !important;
  padding: 0 16px !important; border-radius: 6px !important; background: var(--lg-accent) !important; border: 1px solid var(--lg-accent) !important;
  color: #fff !important; font: 600 14px/1 var(--lg-sans) !important; }
body.theme-sunrise .svc-finder .btn.svc-finder-go:hover { opacity: .9; }
body.theme-sunrise .svc-finder-more { margin-top: 14px !important; }
body.theme-sunrise .svc-finder-expand { color: var(--lg-muted) !important; font: 500 13px/1 var(--lg-sans) !important; padding: 0 !important; }
body.theme-sunrise .svc-finder-expand:hover { color: var(--lg-ink) !important; }
body.theme-sunrise .svc-finder-count { background: var(--lg-accent) !important; }
body.theme-sunrise .svc-finder-panel { background: transparent !important; border: 0 !important; border-top: 1px solid var(--lg-rule) !important; border-radius: 0 !important; padding: 14px 0 0 !important; }
body.theme-sunrise .svc-finder-glabel { font: 500 11px/1 var(--lg-mono) !important; letter-spacing: .06em; color: var(--lg-faint) !important; }
body.theme-sunrise .svc-chip { height: 32px; padding: 0 12px !important; border-radius: 6px !important; border: 1px solid var(--lg-rule-strong) !important; background: var(--lg-surface) !important; color: var(--lg-muted) !important; font: 500 13px/30px var(--lg-sans) !important; }
body.theme-sunrise .svc-chip[aria-pressed="true"] { background: var(--lg-ink) !important; border-color: var(--lg-ink) !important; color: #fff !important; }
body.theme-sunrise .svc-finder-results-head { color: var(--lg-ink) !important; }
body.theme-sunrise .svc-finder-item { border: 1px solid var(--lg-rule-strong) !important; border-radius: 6px !important; }
body.theme-sunrise .svc-eta-none, body.theme-sunrise .or-desc-eta .svc-eta-none { color: var(--lg-faint); font-size: 12px; }
@media (max-width: 575px) {
  body.theme-sunrise .svc-finder { padding: 16px !important; }
  body.theme-sunrise .svc-finder-text { font-size: 15px !important; }
  body.theme-sunrise .svc-finder-select { flex: 1 1 100% !important; }
  body.theme-sunrise .svc-finder label.svc-finder-hp, body.theme-sunrise .svc-finder .btn.svc-finder-go { flex: 1 1 100%; justify-content: center; width: auto !important; }
}

/* Ledger header/footer on Bootstrap-container pages: align with .container (1200px, 12px gutter). */
@media (min-width: 1280px) {
  body.theme-sunrise .lp .wrap { max-width: 1200px; padding: 0 12px; }
}

/* ===================================================================
   Services page polish (2026-10-12)
   =================================================================== */
/* "Expand search": clearer, chevron only; a proper keyboard focus ring
   instead of the browser outline hugging the text after a click. */
body.theme-sunrise .svc-finder-expand { font: 500 14px/1 var(--lg-sans) !important; color: var(--lg-ink) !important; padding: 6px 2px !important; border-radius: 4px; }
body.theme-sunrise .svc-finder-expand .fa-sliders { display: none !important; }
body.theme-sunrise .svc-finder-expand:focus { outline: none !important; box-shadow: none !important; }
body.theme-sunrise .svc-finder-expand:focus-visible { outline: 2px solid var(--lg-accent-bright) !important; outline-offset: 3px; }
body.theme-sunrise .svc-finder .btn.svc-finder-go:focus { box-shadow: none !important; }
body.theme-sunrise .svc-finder .btn.svc-finder-go:focus-visible { outline: 2px solid var(--lg-accent-bright); outline-offset: 2px; }

/* The three choices get the same minimum width so the sentence reads evenly. */
@media (min-width: 576px) { body.theme-sunrise .svc-finder-select { min-width: 160px; } }
/* Phones: the choices stack, so "I need" / "service" would stand alone. */
@media (max-width: 575px) { body.theme-sunrise .svc-finder-text { display: none !important; } }

/* Page titles: no legacy icon next to the heading. */
body.theme-sunrise .page-title > i.fe, body.theme-sunrise h1.page-title > i { display: none !important; }

/* Services table: rate / min / max as ledger figures. */
body.theme-sunrise .services-list-card td.svc-num { font-family: var(--lg-mono) !important; font-variant-numeric: tabular-nums; font-size: 13px; }

/* Platform tiles: one row (All + 6), the rest behind "More platforms";
   phones get a single horizontally scrolling row with every platform. */
body.theme-sunrise .services-platform-filter .services-platform-grid { display: flex !important; flex-wrap: wrap; gap: 8px !important; }
body.theme-sunrise .services-platform-filter .brand-category-compact.platform-card-compact { flex: 0 0 auto; width: auto !important; min-height: 38px !important; padding: 0 14px !important; }
body.theme-sunrise .services-platform-filter:not(.is-expanded) .pf-extra:not(.is-selected) { display: none !important; }
body.theme-sunrise .services-platform-filter .pf-more { display: inline-flex; align-items: center; height: 38px; padding: 0 14px; border: 1px dashed var(--lg-rule-strong);
  border-radius: 6px; background: transparent; color: var(--lg-muted); font: 500 13px/1 var(--lg-sans); cursor: pointer; }
body.theme-sunrise .services-platform-filter .pf-more:hover { color: var(--lg-ink); border-color: var(--lg-ink); }
@media (max-width: 575px) {
  body.theme-sunrise .services-platform-filter .services-platform-grid { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
  body.theme-sunrise .services-platform-filter .services-platform-grid::-webkit-scrollbar { display: none; }
  body.theme-sunrise .services-platform-filter .pf-extra { display: inline-flex !important; }
  body.theme-sunrise .services-platform-filter .pf-more { display: none !important; }
}

/* WhatsApp button: smaller and tucked into the corner on phones. */
@media (max-width: 575px) {
  body.theme-sunrise .wa-float { width: 46px !important; height: 46px !important; right: 12px !important; bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important; }
  body.theme-sunrise .wa-float svg, body.theme-sunrise .wa-float img { width: 26px !important; height: 26px !important; }
}

/* ===================================================================
   2026-10-12 round 2: one-colour wordmark, fonts, New order page
   =================================================================== */
/* Wordmark in one colour everywhere (orange reads on the ink bar too). */
body.theme-sunrise .header.top-unified .brand-name { color: var(--lg-accent-bright) !important; }
body.theme-sunrise .header.top-unified .brand-name .wm-acc,
body.theme-sunrise .footer .panel-wordmark .wm-acc { color: inherit !important; }
body.theme-sunrise .footer .panel-wordmark { color: var(--lg-accent-bright) !important; }

/* One typeface: some components ask for Poppins directly. :where() keeps
   this at zero specificity, so icon fonts (.fa/.fe) and the mono figures
   declared above still win. */
body.theme-sunrise :where(*:not(i):not(.fa):not(.fe):not(code):not(pre):not(kbd)) { font-family: var(--lg-sans) !important; }
body.theme-sunrise .card .number, body.theme-sunrise .services-list-card td.svc-num,
body.theme-sunrise .table thead th, body.theme-sunrise .badge { font-family: var(--lg-mono) !important; }

/* ---------- New order ---------- */
/* Single order / Mass order: a segmented control instead of orange pills. */
body.theme-sunrise .card .nav-tabs { gap: 6px; border: 0 !important; }
body.theme-sunrise .card .nav-tabs > li > a { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px !important;
  border: 1px solid var(--lg-rule-strong) !important; border-radius: 6px !important; background: var(--lg-surface) !important;
  color: var(--lg-muted) !important; font: 600 14px/1 var(--lg-sans) !important; box-shadow: none !important; text-decoration: none !important; }
body.theme-sunrise .card .nav-tabs > li > a.active { background: var(--lg-ink) !important; border-color: var(--lg-ink) !important; color: #fff !important; }
body.theme-sunrise .card .nav-tabs > li > a .fa { color: inherit !important; opacity: .7; }

/* Selectize (Search / Category): one white field, not grey inside white. */
body.theme-sunrise .selectize-control.form-control { border: 0 !important; padding: 0 !important; background: transparent !important; height: auto !important; box-shadow: none !important; }
body.theme-sunrise .selectize-control .selectize-input { background: var(--lg-surface) !important; border: 1px solid var(--lg-rule-strong) !important; border-radius: 6px !important;
  box-shadow: none !important; min-height: 40px; padding: 9px 12px !important; font-size: 15px !important; color: var(--lg-ink) !important; }
body.theme-sunrise .selectize-control .selectize-input.focus { border-color: var(--lg-accent-bright) !important; box-shadow: 0 0 0 3px rgba(234, 88, 12, .12) !important; }
body.theme-sunrise .selectize-dropdown { border: 1px solid var(--lg-rule-strong) !important; border-radius: 6px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .08) !important; }
body.theme-sunrise .selectize-dropdown .active { background: var(--lg-bg) !important; color: var(--lg-ink) !important; }

/* Platform cards: the selected one is ink, its check badge too. */
body.theme-sunrise .platform-card { box-shadow: none !important; }
body.theme-sunrise .platform-card.is-selected { border-color: var(--lg-ink) !important; box-shadow: inset 0 0 0 1px var(--lg-ink) !important; background: var(--lg-surface) !important; }
body.theme-sunrise .platform-card.is-selected .platform-card-icon, body.theme-sunrise .platform-card.is-selected .platform-card-label { color: var(--lg-ink) !important; }
body.theme-sunrise .platform-card-check { background: var(--lg-ink) !important; color: #fff !important; }

/* "Add new" title icon and the running total. */
body.theme-sunrise .content-header-title h4 { font-weight: 700 !important; }
body.theme-sunrise .content-header-title h4 > i { color: var(--lg-faint) !important; }
body.theme-sunrise p.total_charge { background: var(--lg-accent-soft) !important; border: 0 !important; color: var(--lg-accent) !important;
  font: 600 14px/1 var(--lg-mono) !important; padding: 10px 12px !important; border-radius: 6px !important; box-shadow: none !important; cursor: default; }

/* ---------- Service card (#order_resume) ---------- */
body.theme-sunrise .order_resume.or-sunrise { background: var(--lg-surface) !important; border: 1px solid var(--lg-rule-strong) !important; border-radius: 10px !important; box-shadow: none !important; overflow: hidden; }
body.theme-sunrise .or-sunrise .or-hero { background: var(--lg-surface) !important; padding: 18px 20px 16px !important; border-bottom: 1px solid var(--lg-rule) !important; }
body.theme-sunrise .or-sunrise .or-hero-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
body.theme-sunrise .or-sunrise .or-id-badge { background: #efeee9 !important; color: var(--lg-muted) !important; border: 0 !important; font: 500 12px/1 var(--lg-mono) !important; padding: 5px 8px !important; border-radius: 4px !important; }
body.theme-sunrise .or-sunrise .or-platform-chip { background: transparent !important; border: 1px solid var(--lg-rule) !important; box-shadow: none !important; }
body.theme-sunrise .or-sunrise .or-title { font: 650 17px/1.35 var(--lg-sans) !important; color: var(--lg-ink) !important; margin: 0 !important; }
body.theme-sunrise .or-sunrise .or-stat-strip { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--lg-rule) !important; background: transparent !important; }
body.theme-sunrise .or-sunrise .or-stat { padding: 12px 14px !important; border: 0 !important; border-right: 1px solid var(--lg-rule) !important; background: transparent !important; min-width: 0; }
body.theme-sunrise .or-sunrise .or-stat:last-child { border-right: 0 !important; }
body.theme-sunrise .or-sunrise .or-stat-label { font: 500 10.5px/1.3 var(--lg-mono) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--lg-faint) !important; margin-bottom: 6px; }
body.theme-sunrise .or-sunrise .or-stat-value { font: 600 15px/1.25 var(--lg-mono) !important; color: var(--lg-ink) !important; overflow-wrap: anywhere; }
body.theme-sunrise .or-sunrise .or-stat-unit { color: var(--lg-faint) !important; font-weight: 500; margin-right: 1px; }
body.theme-sunrise .or-sunrise .or-description { padding: 16px 20px 20px !important; background: transparent !important; }
body.theme-sunrise .or-sunrise .or-desc-head { display: block !important; margin-bottom: 10px; }
body.theme-sunrise .or-sunrise .or-desc-label { font: 500 10.5px/1 var(--lg-mono) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--lg-faint) !important; margin-bottom: 8px; }
body.theme-sunrise .or-sunrise .or-desc-badges { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-start !important; }
/* the delivery time is already in the stat strip */
body.theme-sunrise .or-sunrise .or-desc-eta { display: none !important; }
body.theme-sunrise .or-sunrise .service-details { background: var(--lg-bg) !important; border: 1px solid var(--lg-rule) !important; border-radius: 6px !important; color: var(--lg-muted) !important; font-size: 14px; }
@media (max-width: 575px) {
  body.theme-sunrise .or-sunrise .or-stat-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.theme-sunrise .or-sunrise .or-stat:nth-child(2) { border-right: 0 !important; }
  body.theme-sunrise .or-sunrise .or-stat:nth-child(-n+2) { border-bottom: 1px solid var(--lg-rule) !important; }
}

/* Order tabs + total: theme-sunrise.css styles these through .tabs-list and
   .total_charge.btn-info with high specificity — match and outrank them. */
body.theme-sunrise .card .tabs-list .nav-tabs > li > a,
body.theme-sunrise .card .card-header .tabs-list .nav-tabs .nav-link {
  height: 38px; display: inline-flex !important; align-items: center; gap: 8px;
  padding: 0 14px !important; border-radius: 6px !important; border: 1px solid var(--lg-rule-strong) !important;
  background: var(--lg-surface) !important; color: var(--lg-muted) !important; box-shadow: none !important; font-weight: 600 !important; }
body.theme-sunrise .card .tabs-list .nav-tabs > li > a.active,
body.theme-sunrise .card .tabs-list .nav-tabs > li > a.show,
body.theme-sunrise .card .tabs-list .nav-tabs > li.active > a,
body.theme-sunrise .card .card-header .tabs-list .nav-tabs .nav-link.active {
  background: var(--lg-ink) !important; border-color: var(--lg-ink) !important; color: #fff !important; box-shadow: none !important; }
body.theme-sunrise .card .tabs-list .nav-tabs > li > a:hover:not(.active) { border-color: var(--lg-ink) !important; color: var(--lg-ink) !important; }
body.theme-sunrise #result_total_charge p.total_charge.btn-info {
  background: var(--lg-accent-soft) !important; border-color: var(--lg-accent-soft) !important; color: var(--lg-accent) !important; }

/* ---------- Service card v2: badges under the title, "Service sheet" ---------- */
body.theme-sunrise .or-sunrise .or-hero-badges { margin-top: 12px; }
body.theme-sunrise .or-sunrise .or-hero-badges .svc-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
body.theme-sunrise .or-sunrise .or-hero-badges:empty, body.theme-sunrise .or-sunrise .or-hero-badges .or-desc-svc-badges:empty { display: none; }
body.theme-sunrise .or-sunrise .or-description > .or-desc-label { margin-bottom: 6px; }
body.theme-sunrise .or-sunrise .or-spec { margin: 0; }
body.theme-sunrise .or-sunrise .or-spec-row { display: flex; align-items: baseline; gap: 10px; padding: 7px 0; }
body.theme-sunrise .or-sunrise .or-spec-row dt { order: 0; flex: none; margin: 0; font: 500 11px/1.4 var(--lg-mono) !important;
  letter-spacing: .06em; text-transform: uppercase; color: var(--lg-faint); }
body.theme-sunrise .or-sunrise .or-spec-row::after { content: ""; order: 1; flex: 1 1 16px; min-width: 16px; border-bottom: 1px dotted var(--lg-rule-strong); transform: translateY(-4px); }
body.theme-sunrise .or-sunrise .or-spec-row dd { order: 2; margin: 0; max-width: 68%; text-align: right; font: 500 14px/1.4 var(--lg-sans); color: var(--lg-ink); }
body.theme-sunrise .or-sunrise .or-notes { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--lg-rule); }
body.theme-sunrise .or-sunrise .or-notes .or-desc-label { margin-bottom: 8px; }