/* Owner-requested mobile workflow presentation. Data and actions stay in the app. */
body.acct-expenses-ui #aw-workspace .aw-workspace-head {
  background: var(--brand-deep-purple, #3B2A8C);
  color: #fff;
  padding: 16px 64px 16px 16px;
  border-radius: 4px;
  border: 0;
}
body.acct-expenses-ui #aw-workspace .aw-context :is(h1,h2) { color: #fff; }
body.acct-expenses-ui #aw-workspace .aw-workspace-head :is(.aw-menu-toggle,.ow-iconbtn,.ow-menu > summary) {
  background: #fff; color: #042238;
}
body.acct-expenses-ui #aw-workspace .expense-page-summary {
  position: relative; isolation: isolate; overflow: hidden; display: grid; gap: 4px;
  min-height: 116px; margin: 0 0 16px; padding: 16px 116px 16px 16px;
  background: var(--surface, #fff); border: 2px solid var(--border); border-radius: 4px;
}
body.acct-expenses-ui #aw-workspace .expense-page-summary::after {
  content: ''; position: absolute; z-index: -1; inset: 12px 8px 12px auto; width: 96px;
  background: url('/images/illustrations/signature/accounting-recap.webp') center / contain no-repeat;
}
body.acct-expenses-ui #aw-workspace .expense-page-summary :is(p,strong) { margin: 0; }
body.acct-expenses-ui #aw-workspace .expense-page-summary strong { font: 700 var(--ui-metric, 28px)/1.4 'Open Sans',sans-serif; overflow-wrap: anywhere; }
body.acct-expenses-ui #aw-workspace .expense-page-summary p { font-size: var(--ui-caption,14px); }
body.acct-expenses-ui #aw-workspace .expense-mobile-filters > summary { display: none; }
body.acct-expenses-ui #aw-workspace .expense-table .expense-description { font-weight: 600; }
body.acct-expenses-ui #aw-workspace .expense-table .expense-description small { display: block; font-size: var(--ui-caption,14px); line-height: 1.5; }
@media (max-width: 720px) {
  body.acct-expenses-ui #aw-workspace .expense-page-summary { grid-template-columns: minmax(0,1fr) auto; align-items: center; min-height: 0; padding: 16px; }
  body.acct-expenses-ui #aw-workspace .expense-page-summary strong { font-size: var(--ui-section,22px); }
  body.acct-expenses-ui #aw-workspace .expense-page-summary .expense-summary-context { grid-column: 1/-1; }
  body.acct-expenses-ui #aw-workspace .expense-page-summary::after { opacity: .12; }
  body.acct-expenses-ui #aw-workspace .expense-mobile-filters { margin-bottom: 12px; }
  body.acct-expenses-ui #aw-workspace .expense-mobile-filters > summary { display: list-item; min-height: 44px; padding: 10px 12px; color: var(--text); font-size: var(--ui-body,16px); font-weight: 600; cursor: pointer; }
  .mobile-workflow-heading { position: relative; isolation: isolate; background: var(--brand-deep-purple,#3B2A8C); padding: 16px; border-radius: 4px; }
  .mobile-workflow-heading > * { min-width: 0; max-width: 100%; }
  .mobile-workflow-heading .rt-actions { flex-wrap: wrap; }
  .mobile-workflow-heading::before { content: ''; position: absolute; z-index: -1; inset: 4px 8px 4px auto; width: 112px; opacity: .18; background: var(--workflow-art) center / contain no-repeat; pointer-events: none; }
  .workflow-documents { --workflow-art: url('/images/illustrations/signature/documents.webp'); }
  .workflow-payments { --workflow-art: url('/images/illustrations/signature/accounting-recap.webp'); }
  .workflow-maintenance { --workflow-art: url('/images/illustrations/signature/maintenance.webp'); }
  .mobile-workflow-heading :is(h1,.rt-sub) { --text-secondary: #fff; --text: #fff; color: #fff; }
  body.acct-expenses-ui #aw-workspace .aw-workspace-head { position: sticky; top: 0; z-index: 4; padding: 12px 52px 12px 12px; }
  body.acct-expenses-ui #aw-workspace .expense-page-summary { padding-right: 96px; }
  body.acct-expenses-ui #aw-workspace .expense-page-summary::after { width: 76px; }
  body.acct-expenses-ui #aw-workspace .expense-table-wrap { border: 0; background: transparent; overflow: visible; }
  body.acct-expenses-ui #aw-workspace .acct-card:has(.expense-table) { border: 0; background: transparent; }
  body.acct-expenses-ui #aw-workspace .acct-expense-tablehead { padding-inline: 0; border: 0; }
  body.acct-expenses-ui #aw-workspace .expense-table tbody { display: grid; gap: 12px; }
  body.acct-expenses-ui #aw-workspace .expense-table tr {
    border: 2px solid var(--border); border-radius: 4px; padding: 12px;
    background: var(--surface,#fff); gap: 8px; margin-bottom: 12px;
  }
  body.acct-expenses-ui #aw-workspace .expense-table .expense-description { --ui-body: var(--ui-rem,1rem); font-size: var(--ui-body); }
  body.acct-expenses-ui #aw-workspace .expense-table :is(.expense-date,.expense-category) { font-size: var(--ui-caption,14px); }
  body.acct-expenses-ui #aw-workspace .expense-table .expense-amount { --ui-body: var(--ui-rem,1rem); font-size: var(--ui-body); }
  body.ow-messages-page .iw-workspace-head,
  #renter-home .rh-welcome,
  .showing-shell > h1,
  body.ow-lease-audit .pt-eyebrow {
    color: #fff; background: var(--brand-deep-purple,#3B2A8C); border-radius: 4px;
    padding: 16px; min-width: 0;
  }
  body.ow-messages-page .iw-workspace-head .iw-context,
  body.ow-messages-page .iw-workspace-head .iw-context b { color: #fff; }
  body.ow-messages-page #iw-workspace .iw-workspace-head .iw-context b { --ui-body: var(--ui-section); --ui-regular: 600; font-size: var(--ui-section); font-weight: 600; line-height: 1.4; }
  body.ow-messages-page .iw-workspace-head :is(.iw-menu-toggle,.iw-workspace-close) { color: #042238; background: #fff; }
  body.ow-messages-page .ow-msg-head { background: var(--surface-alt,#F2ECFF); border-bottom: 2px solid var(--border); }
  body.ow-messages-page #iw-workspace .ow-msg-head { display: grid; grid-template-columns: 44px minmax(0,1fr) 44px 44px; gap: 8px; }
  body.ow-messages-page #iw-workspace .ow-msg-head > .ow-sig-avatar { grid-column: 1; grid-row: 1; align-self: start; }
  body.ow-messages-page #iw-workspace .ow-msg-head > .ow-msg-who { grid-column: 2/-1; grid-row: 1; width: auto; max-width: none; }
  body.ow-messages-page #iw-workspace .ow-msg-head .ow-msg-who > b { white-space: normal; overflow: visible; text-overflow: clip; max-width: none; }
  body.ow-messages-page #iw-workspace .ow-msg-head > .ow-msg-back { grid-column: 1; grid-row: 2; }
  body.ow-messages-page #iw-workspace .ow-msg-head > .ow-msg-call { grid-column: 2; grid-row: 2; justify-self: start; }
  body.ow-messages-page #iw-workspace .ow-msg-head > .iw-star-form { grid-column: 3; grid-row: 2; }
  body.ow-messages-page #iw-workspace .ow-msg-head > .ow-msg-info { grid-column: 4; grid-row: 2; }
  body.ow-messages-page .ow-msg-who { min-width: 0; overflow-wrap: anywhere; }
  body.ow-messages-page .ow-msg-head .ow-msg-who small { font-size: var(--ui-caption,14px); line-height: 1.5; white-space: normal; }
  #renter-home .rh-welcome :is(h1,.rh-term,.rt-home-address,.rh-help-link) { color: #fff; }
  #renter-home .rh-welcome .rt-home-switch > button { background: #fff; color: #042238; }
  .showing-shell > h1 { font-size: var(--ui-title,26px); line-height: 1.4; }
  .showing-shell .showing-property { border: 2px solid var(--border,#dedbe6); border-radius: 4px; padding: 12px; }
  .showing-shell .showing-address { overflow-wrap: anywhere; }
  body.ow-lease-audit .pt-eyebrow { display: block; font-size: var(--ui-body,16px); }
  body.ow-lease-audit .pt-result :is(.pt-check b,.pt-check p,.pt-note,.pt-cat-blurb) { font-size: var(--ui-body,1rem); line-height: 1.5; }
  :is(body.acct-expenses-ui,body.ow-messages-page) :is(.aw-workspace-head,.iw-workspace-head) > :is(button,a):focus-visible,
  :is(body.acct-expenses-ui,body.ow-messages-page) :is(.aw-workspace-actions,.iw-workspace-actions) > :is(button,a):focus-visible,
  :is(body.acct-expenses-ui,body.ow-messages-page) :is(.aw-workspace-actions,.iw-workspace-actions) > details > summary:focus-visible,
  #renter-home .rh-welcome .rh-help-link:focus-visible,
  .mobile-workflow-heading > :is(button,a):focus-visible,
  .mobile-workflow-heading .rt-actions > :is(button,a):focus-visible { --btn-action-ring: #fff; outline: 3px solid #fff; outline-offset: 3px; }
}

@media (max-width: 720px) {
  body.ow.ow-web-navigation.has-get-app:is(.acct-expenses-ui,.ow-messages-page) { --ow-get-app-height: 0px; }
  body.ow.ow-web-navigation:is(.acct-expenses-ui,.ow-messages-page) .ow-get-app:not([hidden]) { display: none; }
  body.ow-messages-page #iw-workspace .ow-msg-side-head { display: none; }
  body.acct-expenses-ui #aw-workspace:has(.expense-mobile-filters[data-compact-tools]) .acct-expense-tablehead { display: none; }
  body.acct-expenses-ui #aw-workspace .expense-mobile-filters .acct-ledger-tabs { flex-wrap: wrap; overflow: visible; gap: 8px 16px; }
  body.acct-expenses-ui #aw-workspace .expense-mobile-filters > button { margin-block: 8px; }
  body.acct-expenses-ui #add-dlg .acct-gap-dialoghead {
    position: sticky; top: 0; z-index: 10;
    margin: -16px -16px 8px; padding: 12px 16px;
    background: var(--brand-purple-deep-1); color: var(--text-on-dark);
  }
  body.acct-expenses-ui #add-dlg .acct-gap-dialoghead h3 { color: #fff; }
  body.acct-expenses-ui #add-dlg .acct-gap-dialoghead button { background: #fff; color: var(--text,#042238); }
  body.acct-expenses-ui #add-dlg .acct-expense-fields > .ow-field-row {
    display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,10rem),1fr)); gap: 12px;
  }
  body.acct-expenses-ui #add-dlg .acct-expense-fields > .ow-field-row > * { min-width: 0; }
  body.acct-expenses-ui #aw-workspace .expense-table tbody {
    gap: 0; border: 2px solid var(--border); border-radius: 4px; background: var(--surface);
  }
  body.acct-expenses-ui #aw-workspace .expense-page-summary { padding-right: 16px; }
  body.acct-expenses-ui #aw-workspace #aw-workspace-panel .aw-workspace-pane { padding-top: 0; }
  body.acct-expenses-ui #aw-workspace #aw-workspace-panel .aw-workspace-head { grid-template-columns: auto minmax(0,1fr); margin-top: 0; }
  body.acct-expenses-ui #aw-workspace #aw-workspace-panel .aw-context { --ui-title: 1.5rem; grid-column: 2; grid-row: 1; margin-right: 0; }
  body.acct-expenses-ui #aw-workspace #aw-workspace-panel .aw-workspace-actions { grid-column: 1/-1; grid-row: 2; }
  body.acct-expenses-ui #aw-workspace .expense-table tr {
    margin: 0; border: 0; border-bottom: 1px solid var(--border); border-radius: 0;
  }
  body.acct-expenses-ui #aw-workspace .expense-table tr:last-child { border-bottom: 0; }
  .showing-shell .showing-confirmation { border: 2px solid var(--border); border-radius: 4px; padding: 16px; }
  .showing-shell .showing-confirmation-head {
    margin: -16px -16px 16px; padding: 16px; background: var(--brand-purple-fill-2); color: var(--text-on-dark);
  }
  #main-content .showing-shell .showing-confirmation-title { color: var(--text-on-dark); }
}

@media (max-width: 720px) {
  body.acct-expenses-ui #aw-workspace.expense-compact-header #aw-workspace-panel .aw-workspace-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    margin-inline: -14px;
    padding: 12px 64px 12px 16px;
    border-radius: 0;
    background: var(--brand-purple-deep-1);
    z-index: 1;
  }
  body.acct-expenses-ui #aw-workspace.expense-compact-header #aw-workspace-panel .aw-context {
    grid-area: 1 / 1;
  }
  body.acct-expenses-ui #aw-workspace.expense-compact-header #aw-workspace-panel .aw-workspace-actions {
    grid-area: 1 / 2;
    width: auto;
  }
  #aw-workspace.expense-compact-header .aw-workspace-actions :is(.expense-action-detail, .ow-record-search-btn) { display: none; }
  body.acct-expenses-ui #aw-workspace.expense-compact-header #aw-workspace-panel .aw-workspace-actions > .primary {
    min-height: 44px;
    padding-inline: 12px;
    font-size: 14px;
  }
  #aw-workspace.expense-compact-header .expense-header-tools:not([hidden]) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-block: 8px;
  }
  #aw-workspace .expense-header-tools :is(button, summary) { min-width: 44px; min-height: 44px; }
  #aw-workspace.expense-compact-header .aw-workspace-close:focus-visible,
  #aw-workspace.expense-compact-header .aw-workspace-actions > .primary:focus-visible {
    outline: 2px solid var(--text-on-dark);
    outline-offset: 2px;
  }
}

@media (max-width: 359px) {
  #aw-workspace.expense-compact-header .aw-context .pm-art { display: none; }
}

.expense-row-attachment { display: none; }
@media (max-width: 720px) {
  body.acct-expenses-ui #aw-workspace .expense-table tr.expense-compact-row {
    grid-template-columns: minmax(0,1fr) auto 44px;
    gap: 4px 8px;
    padding: 8px 12px;
  }
  body.acct-expenses-ui #aw-workspace .expense-compact-row .expense-amount { grid-area: 1 / 2; }
  body.acct-expenses-ui #aw-workspace .expense-compact-row .acct-row-act {
    grid-area: 1 / 3 / span 2;
    align-self: start;
  }
  body.acct-expenses-ui #aw-workspace .expense-compact-row .expense-description { grid-column: 1 / 3; min-width: 0; }
  body.acct-expenses-ui #aw-workspace .expense-compact-row :is(.expense-edit,.expense-receipt-cell,.expense-category) { display: none; }
  body.acct-expenses-ui #aw-workspace .expense-compact-row .ow-rowmenu > summary {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
  }
  .expense-compact-row .expense-menu-category {
    padding: 8px 12px;
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
  }
  .expense-compact-row .expense-row-attachment {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    vertical-align: middle;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
  }
}