/* Approved mobile ocean palette. Screen-only paint; existing layout and type stay intact. */
@media screen {
  body.mobile-ui-active {
    --mo-bg:#edf3fa; --mo-top:#123866; --mo-top-ink:#fff; --mo-ink:#193959;
    --mo-muted:#627f9d; --mo-primary:#2865d6; --mo-light:#eaf1ff; --mo-border:#dbe5f2;
    --mo-blue:#277ee4; --mo-teal:#15a58b; --mo-orange:#df951f; --mo-purple:#7d70c8; --mo-paper:#fff;
    --bw-blue:var(--mo-primary); --bw-blue-hover:#2057bd; --bw-bg:var(--mo-bg);
    --bw-paper:var(--mo-paper); --bw-ink:var(--mo-ink); --bw-muted:var(--mo-muted);
    --bw-line:var(--mo-border); --bw-control-line:#c8d8ec; --bw-soft:var(--mo-light);
    background:var(--mo-bg)!important; color:var(--mo-ink)!important;
  }
  body.mobile-ui-active #mainView,
  body.mobile-ui-active #content,
  body.mobile-ui-active .mobile-hub {background:var(--mo-bg)!important}
  body.mobile-ui-active #mainView>.mobile-system-topbar {background:var(--mo-top)!important;border-color:var(--mo-border)!important;box-shadow:0 2px 8px #12335408!important}
  body.mobile-ui-active #mainView>.mobile-system-topbar :is(strong,small) {color:var(--mo-top-ink)!important}
  body.mobile-ui-active #mainView>.mobile-system-topbar :is(.mobile-app-back,.mobile-app-menu,.mobile-overview-avatar) {background:#ffffff20!important;color:var(--mo-top-ink)!important;border-color:#ffffff24!important;box-shadow:none!important}
  body.mobile-ui-active #content :is(.mobile-module-directory,.mobile-module-groups,.mobile-business-directory,.reimbursements-page,.reim-record-row,.reim-detail-shell,.reim-modal-card) {background:var(--mo-paper)!important;border-color:var(--mo-border)!important}
  body.mobile-ui-active #content :is(.mobile-module-entry,.mobile-module-group) {background:transparent!important;border-color:var(--mo-border)!important;color:var(--mo-ink)!important}
  body.mobile-ui-active #content .mobile-module-group>h3 {color:var(--mo-muted)!important}
  body.mobile-ui-active #content .mobile-module-entry {--mo-tone:var(--mo-blue)}
  body.mobile-ui-active #content :is([data-mobile-module="projectContracts"],[data-mobile-module="maintenances"],[data-mobile-module="receivables"],[data-mobile-module="materials"],[data-mobile-module="attendance"]) {--mo-tone:var(--mo-teal)}
  body.mobile-ui-active #content :is([data-mobile-module="quotes"],[data-mobile-module="reimbursements"],[data-mobile-module="purchases"],[data-mobile-module="payroll"]) {--mo-tone:var(--mo-orange)}
  body.mobile-ui-active #content :is([data-mobile-module="assets"],[data-mobile-module="financeInvoices"],[data-mobile-module="fixedAssets"],[data-mobile-module="venueTemplates"],[data-mobile-module="system"]) {--mo-tone:var(--mo-purple)}
  body.mobile-ui-active #content .mobile-module-entry .suite-module-icon {background:var(--mo-tone)!important;color:#fff!important;border-color:transparent!important;border-radius:8px!important;box-shadow:0 2px 5px #16375e0b!important}
  body.mobile-ui-active #mobileNav {background:var(--mo-paper)!important;border-color:var(--mo-border)!important}
  body.mobile-ui-active #mobileNav .mobile-system-bottom-nav-item {background:transparent!important;color:var(--mo-muted)!important}
  body.mobile-ui-active #mobileNav .mobile-system-bottom-nav-item.active {background:var(--mo-light)!important;color:var(--mo-primary)!important}
  body.mobile-ui-active .reimbursements-page {box-shadow:0 4px 14px #16375e08!important}
  body.mobile-ui-active .reimbursements-page :is(.reim-list-head,.reim-filters,.reim-pagination) :is(input,select,summary,button):not(.danger,.warn,[data-submit]) {border-color:var(--mo-border)!important;background:var(--mo-paper)!important;color:var(--mo-primary)!important}
  body.mobile-ui-active .reimbursements-page :is(.reim-filters,.reim-pagination) :is(input,select) {color:var(--mo-ink)!important}
  body.mobile-ui-active .reimbursements-page .reim-list-head .reim-primary {background:var(--mo-primary)!important;color:#fff!important;border-color:var(--mo-primary)!important;box-shadow:0 2px 5px #1a4a9020!important}
  body.mobile-ui-active .reimbursements-page :is(.reim-list-head,.reim-filters,.reim-pagination) {border-color:var(--mo-border)!important}
  body.mobile-ui-active .reim-record-row :is(strong,.reim-money) {color:var(--mo-ink)!important}
  body.mobile-ui-active .reim-record-row td>small:not(.warn,.warning,.danger,.error,.success) {color:var(--mo-muted)!important}
  body.mobile-ui-active .reim-record-row [data-detail] {color:var(--mo-primary)!important}
  body.mobile-ui-active .reim-record-row .reim-status:not(.warn,.warning,.danger,.error,.success,.is-overdue) {background:var(--mo-light)!important;color:var(--mo-primary)!important}

  /* Home: use each existing icon slot; paired money cards keep equal visual weight. */
  body.mobile-ui-active #content .mobile-overview {color:var(--mo-ink)!important}
  body.mobile-ui-active #content :is(.mobile-overview-heading h1,.mobile-overview-section h2,.mobile-overview-metric>strong,.mobile-overview-alert-label) {color:var(--mo-ink)!important}
  body.mobile-ui-active #content :is(.mobile-overview-heading time,.mobile-overview-scope,.mobile-overview-money-label,.mobile-overview-section>header>span,.mobile-overview-alert>strong>small) {color:var(--mo-muted)!important}
  body.mobile-ui-active #content :is(.mobile-overview-metric,.mobile-overview-alert) {--mo-tone:var(--mo-blue);background:var(--mo-paper)!important;border-color:var(--mo-border)!important;box-shadow:0 3px 12px #16375e08!important}
  body.mobile-ui-active #content :is(.mobile-overview-metric:first-child,[data-overview-group="receipts"],[data-overview-group="contracts"],[data-overview-group="materials"]) {--mo-tone:var(--mo-teal)}
  body.mobile-ui-active #content :is([data-overview-group="approvals"],[data-overview-group="settlements"]) {--mo-tone:var(--mo-orange)}
  body.mobile-ui-active #content :is([data-overview-group="equipment"],[data-overview-group="invoices"]) {--mo-tone:var(--mo-purple)}
  body.mobile-ui-active #content :is(.mobile-overview-alert-icon,.mobile-overview-money-label>span) {background:var(--mo-tone)!important;color:#fff!important;border-radius:4px!important;box-shadow:0 0 0 3px var(--mo-tone)!important}
  body.mobile-ui-active #content .mobile-overview-alert>strong {color:var(--mo-ink)!important}
  body.mobile-ui-active #content :is([data-overview-refresh],.mobile-workspace-refresh) {background:var(--mo-light)!important;color:var(--mo-primary)!important;border-color:var(--mo-border)!important;border-radius:7px!important}
  body.mobile-ui-active #content .mobile-overview-alert:active {background:var(--mo-light)!important}

  /* Work and personal applications: category accents share the directory palette.
     Existing urgency borders/text continue to belong to the work queue. */
  body.mobile-ui-active #content .mobile-work-item {--mo-tone:var(--mo-blue);background:var(--mo-paper)!important;border-top-color:var(--mo-border)!important;border-right-color:var(--mo-border)!important;border-bottom-color:var(--mo-border)!important;box-shadow:0 2px 8px #16375e06!important}
  body.mobile-ui-active #content .mobile-work-item:is([data-mobile-work-key^="application:reimbursements:"],[data-mobile-work-key^="application:fundRequests:"],[data-mobile-work-key^="application:purchases:"],[data-mobile-work-key^="workflow:legacy:reimbursements:"],[data-mobile-work-key^="workflow:legacy:fundRequests:"],[data-mobile-work-key^="workflow:legacy:purchases:"]) {--mo-tone:var(--mo-orange)}
  body.mobile-ui-active #content .mobile-work-item:is([data-mobile-work-key^="technical:"],[data-mobile-work-key^="workflow:leaves:"],[data-mobile-work-key^="workflow:attendanceCorrections:"],[data-mobile-work-key^="inventory-count:"]) {--mo-tone:var(--mo-teal)}
  body.mobile-ui-active #content .mobile-work-item:is([data-mobile-work-key^="workflow:fixedAsset"],[data-mobile-work-key^="workflow:legacy:financeInvoices:"]) {--mo-tone:var(--mo-purple)}
  body.mobile-ui-active #content .mobile-work-item[data-attention="normal"] {border-left-color:var(--mo-border)!important;box-shadow:inset 3px 0 var(--mo-tone),0 2px 8px #16375e06!important}
  body.mobile-ui-active #content .mobile-work-item-meta>span:first-child {color:var(--mo-tone)!important}
  body.mobile-ui-active #content :is(.mobile-work-item>strong,.mobile-work-heading,.mobile-workspace-summary>strong) {color:var(--mo-ink)!important}
  body.mobile-ui-active #content :is(.mobile-work-item-action,.mobile-person-app-toggle) {color:var(--mo-primary)!important}
  body.mobile-ui-active #content .mobile-workspace-filters button {background:var(--mo-paper)!important;color:var(--mo-muted)!important;border-color:var(--mo-border)!important}
  body.mobile-ui-active #content .mobile-workspace-filters button[aria-pressed="true"] {background:var(--mo-primary)!important;color:#fff!important;border-color:var(--mo-primary)!important;box-shadow:0 2px 5px #1a4a9016!important}
  body.mobile-ui-active #content .mobile-workspace-empty {background:var(--mo-paper)!important;border-color:var(--mo-border)!important;color:var(--mo-muted)!important;box-shadow:inset 3px 0 #c8d8ec!important}

  /* Personal page: paint the existing cards, without adding a header, row or icon column. */
  body.mobile-ui-active #content .mobile-person-card {background:var(--mo-paper)!important;border-color:var(--mo-border)!important;box-shadow:inset 0 3px var(--mo-primary),0 3px 12px #16375e08!important}
  body.mobile-ui-active #content .mobile-person-card h1 {color:var(--mo-ink)!important}
  body.mobile-ui-active #content .mobile-person-card p {color:var(--mo-muted)!important}
  body.mobile-ui-active #content .mobile-person-entry {background:var(--mo-paper)!important;border-color:var(--mo-border)!important;box-shadow:inset 3px 0 var(--mo-orange),0 2px 8px #16375e06!important}
  body.mobile-ui-active #content .mobile-person-entry[data-mobile-module="myAttendance"] {box-shadow:inset 3px 0 var(--mo-teal),0 2px 8px #16375e06!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='7' fill='%2315a58b'/%3E%3Cg fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='7.5' width='15' height='15' rx='2'/%3E%3Cpath d='M10 5.5v4m8-4v4M7 12h14m-10 5 2 2 4-4'/%3E%3C/g%3E%3C/svg%3E")!important;background-size:28px 28px!important;background-position:right 14px center!important;background-repeat:no-repeat!important}
  body.mobile-ui-active #content .mobile-person-entry[data-mobile-module="myAttendance"]>strong {color:#107f6b!important}
  body.mobile-ui-active #content .mobile-person-entry[data-mobile-personal-applications]>strong {color:#996419!important}
  body.mobile-ui-active #content .mobile-person-app-toggle svg {background:var(--mo-orange)!important;color:#fff!important;border-radius:4px!important;box-shadow:0 0 0 2px var(--mo-orange)!important}
  body.mobile-ui-active #content .mobile-person-entry small {color:var(--mo-muted)!important}
  body.mobile-ui-active #content .mobile-person-entry:active {background:var(--mo-light)!important}
  body.mobile-ui-active #content .mobile-person-logout {background:#fff0f2!important;color:#a72f43!important;border-color:#efc3cc!important;box-shadow:none!important}

  /* Shared business forms, details and paging consume the same palette.
     Only paint is overridden; semantic status/error/disabled controls are excluded. */
  body.mobile-ui-active :is(.cw-header,.cw-footer,.system-dialog-header,.system-dialog-footer,.reim-detail-header,.reim-editor-actions,.bf-header) {background-color:#f6f9fe!important;border-color:var(--mo-border)!important}
  body.mobile-ui-active :is(.cw-shell,.system-dialog,.reim-detail-shell,.reim-modal-card,.bf-shell) {border-color:var(--mo-border)!important}
  body.mobile-ui-active :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]),select,textarea):not(:disabled):not([readonly]):not([aria-invalid="true"]):not(.is-invalid,.invalid):not(:where(.mr-report *,.ar-report *,.ir-report *)) {background-color:var(--mo-paper)!important;color:var(--mo-ink)!important;border-color:#c8d8ec!important}
  body.mobile-ui-active :is(input,select,textarea):focus-visible:not([aria-invalid="true"]):not(.is-invalid,.invalid):not(:where(.mr-report *,.ar-report *,.ir-report *)) {border-color:var(--mo-primary)!important;outline-color:#2865d680!important;box-shadow:0 0 0 3px #2865d614!important}
  body.mobile-ui-active :is(.hub-pagination,.mobile-personal-pagination,.mobile-overview-list-pagination) button:not(:disabled) {background:var(--mo-paper)!important;color:var(--mo-primary)!important;border-color:#c8d8ec!important}
  body.mobile-ui-active :is(.task-accept-action,#proposalFileUploadToggle,.payables-workspace-tools>button:not(.secondary),.receivable-detail-actions>.receive-receivable):not(:disabled) {background:var(--mo-primary)!important;color:#fff!important;border-color:var(--mo-primary)!important;box-shadow:0 2px 5px #1a4a9016!important}
  body.mobile-ui-active :is(.fw-tabs button[aria-pressed="true"],[data-pt-business][aria-pressed="true"]) {background:var(--mo-primary)!important;color:#fff!important;border-color:var(--mo-primary)!important}
}