/* Individually opted-in task treatments. No unscoped dialog/form selectors.
   Existing feature code retains controls, visibility, focus and action order. */
.pm-panel{--pm-radius:16px;--pm-gap:var(--space-md,12px)}
.pm-panel:not([data-pm-treatment="workspace"],[data-pm-treatment="media"],[data-pm-treatment="popover"],[data-pm-treatment="tooltip"],[data-pm-treatment="consent-banner"]){
  width:min(var(--pm-width,640px),calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px);
  box-sizing:border-box;border:1px solid var(--border);border-radius:var(--pm-radius);
  background:var(--surface);color:var(--text);box-shadow:var(--elev-4);
  overscroll-behavior:contain;overflow-y:auto;
  font-family:Inter,"Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
dialog.pm-panel::backdrop{background:color-mix(in srgb,var(--illustration-ink) 36%,transparent);backdrop-filter:blur(2px)}
.pm-panel .pm-heading{display:flex!important;align-items:center;gap:12px;font-size:21px!important;line-height:1.3!important;letter-spacing:-.4px;min-width:0;max-width:100%;overflow-wrap:anywhere;margin-top:0;text-align:start}
.pm-panel .pm-heading .pm-art{display:inline-flex;width:64px;height:52px;flex:0 0 64px;align-items:center;justify-content:center;background:none;border:0;box-shadow:none;border-radius:0;pointer-events:none}
.pm-panel .pm-art-svg{width:64px!important;height:52px!important;max-width:none!important;flex-shrink:0;display:block;overflow:visible;object-fit:contain}
.pm-panel .pm-existing-art{display:none!important}
.pm-panel .pm-heading{font-family:Inter,"Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-weight:650!important}
/* The landlord shell keeps its approved type pairing at the existing sizes. */
body.ow .pm-panel{font-family:"Open Sans",Arial,sans-serif}
body.ow .pm-panel .pm-heading{font-family:Poppins,"Open Sans",sans-serif!important;font-weight:600!important}
.pm-panel:not([data-pm-treatment="workspace"]) .ow-dialog-body{padding:var(--space-lg,16px)!important;gap:var(--space-md,12px)!important}
.pm-panel:not([data-pm-treatment="workspace"]) .ow-dialog-form :is(.ow-field,.ow-field-row){margin-bottom:0!important}
.pm-panel:not([data-pm-treatment="workspace"]) .ow-dialog-form .ow-field{gap:6px!important}
.pm-panel[data-pm-treatment="drawer"] .pm-actions{position:sticky;bottom:calc(-1 * var(--space-lg,16px));padding-bottom:var(--space-md,12px)}
.pm-panel .pm-field-group{gap:var(--pm-gap);min-width:0}
.pm-panel>:not(style,script){min-width:0;max-width:100%}
.pm-panel .pm-heading{flex:1;white-space:normal!important}
.pm-panel :is(.ow-field,.ac-field,.rt-field){min-width:0}
.pm-panel input[type="file"]{max-width:100%;min-width:0;box-sizing:border-box}
.pm-panel :is(.ow-input,.ow-select,.ow-textarea,.ac-field input,.ac-field select,.ac-field textarea,.slc-input){border-radius:9px;border-color:var(--border-strong);box-shadow:none;min-height:44px}
.pm-panel :is(input,textarea,select,button,a):focus-visible{outline:3px solid var(--brand-deep-purple);outline-offset:3px}
.pm-panel :is(.ow-btn,.rt-btn,.slc-btn,.to-btn){min-height:44px;border-radius:9px;white-space:normal}
.pm-panel :is(.ow-btn.primary,.rt-btn-action,.slc-go:not(.slc-destructive)){background:var(--ink-purple-lime);border-color:var(--ink-purple-lime);color:var(--illustration-ink);box-shadow:none}
.pm-panel :is(.ow-btn.danger,.slc-destructive){color:var(--surface);background:var(--danger);border-color:var(--danger);box-shadow:none}
.pm-panel .pm-actions{gap:10px;flex-wrap:wrap;padding-top:var(--space-md,12px);margin-top:var(--space-md,12px);border-top:1px solid var(--border);background:var(--surface)}
.pm-panel .pm-money{font-size:22px!important;font-weight:650;font-variant-numeric:tabular-nums;background:var(--menu-lavender);min-height:52px}
.pm-panel .pm-expense-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px}
.pm-panel .pm-expense-form>*{grid-column:1/-1;min-width:0;margin-bottom:0!important}
.pm-panel .pm-expense-form>label:has([name="date"]),.pm-panel .pm-expense-form>label:has([name="category"]){grid-column:auto}
.pm-panel .pm-expense-extras{border-top:1px solid var(--border);padding-top:4px}
.pm-panel .pm-expense-extras>summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-size:13px;font-weight:600}
.pm-panel .pm-expense-extras>.ow-field{margin:12px 0 0!important}
.pm-panel :is(button[aria-label^="Close"],button[aria-label^="close"]){min-width:44px;min-height:44px;border-radius:9px}
.pm-panel[data-pm-treatment="ledger"] :is(input[type="number"],input[type="date"]){font-variant-numeric:tabular-nums}
.pm-panel[data-pm-treatment="upload"] input[type="file"]{box-sizing:border-box;width:100%;max-width:100%;min-height:76px;padding:18px 12px;border:1px dashed var(--illustration-lavender);background:var(--menu-lavender);border-radius:10px}
.pm-panel[data-pm-treatment="upload"] input::file-selector-button{padding:9px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);margin-right:12px}
.pm-panel[data-pm-treatment="compose"] textarea{min-height:132px;line-height:1.6;resize:vertical}
.pm-panel[data-pm-treatment="decision"]{--pm-radius:14px;--pm-gap:12px}
.pm-panel[data-pm-treatment="decision"] .pm-art{width:52px;flex-basis:52px}
.pm-panel[data-pm-treatment="decision"] .pm-art-svg{width:52px!important;height:44px!important}
.pm-panel[data-pm-treatment="decision"] :is(.slc-danger,.ow-notice){border-radius:8px;line-height:1.6}
.pm-panel[data-pm-treatment="decision"] .slc-actions{display:flex;justify-content:flex-end}
.pm-panel[data-pm-treatment="security"] :is(input[autocomplete="one-time-code"],#pv-code){letter-spacing:.22em;font-size:22px}
.pm-panel[data-pm-treatment="security"] :is(.ow-notice,[role="status"]:not(:empty)){border-radius:8px;padding:10px 12px;background:var(--menu-lavender)}
.pm-panel[data-pm-treatment="allocation"] :is(input[type="number"],output){font-variant-numeric:tabular-nums}
.pm-panel[data-pm-treatment="allocation"] :is(output,.ac-review){background:var(--menu-lavender);border-radius:8px;padding:12px}
.pm-panel[data-pm-treatment="rules"] .ac-review{border:1px solid var(--illustration-lavender);border-radius:10px;background:var(--menu-lavender);padding:16px}
.pm-panel[data-pm-treatment="comparison"] :is(.ac-review,.plan-card){border-radius:12px}
.pm-panel:is([data-pm-treatment="table"],[data-pm-treatment="report"],[data-pm-treatment="review"]) table{width:100%;font-variant-numeric:tabular-nums}
.pm-panel:is([data-pm-treatment="table"],[data-pm-treatment="report"],[data-pm-treatment="review"]) :is(th,td){padding:12px 14px;vertical-align:top}
.pm-panel[data-pm-treatment="code"] :is(textarea,pre){font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
.pm-panel[data-pm-treatment="selection"] :is(input[type="search"],[type="text"]){min-height:44px}
.pm-panel[data-pm-treatment="contact"] :is(input[type="email"],input[type="tel"]){min-width:0}
.pm-panel[data-pm-treatment="timeline"] :is(ol,ul){line-height:1.7}
.pm-panel[data-pm-treatment="export"] .pm-heading{margin-bottom:16px}
.pm-panel[data-pm-treatment="permissions"] fieldset{border-radius:10px}
.pm-panel[data-pm-treatment="workspace"] .pm-heading{font-size:20px!important;gap:10px}
.pm-panel[data-pm-treatment="workspace"] .pm-art{width:48px;height:40px;flex-basis:48px}
.pm-panel[data-pm-treatment="workspace"] .pm-art-svg{width:48px!important;height:40px!important}
/* Drawings with wide margins are scaled so they fill the 40px heading like Tenants (about 37px tall). */
.pm-panel[data-pm-treatment="workspace"] .pm-art[data-scene="house"] .pm-art-svg{transform:translate(-.4px,1.2px) scale(1.13)}
.pm-panel[data-pm-treatment="workspace"] .pm-art[data-scene="messages"] .pm-art-svg{transform:translate(-.2px,-1.1px) scale(1.27)}
.pm-panel[data-pm-treatment="workspace"] .pm-art[data-scene="payments"] .pm-art-svg{transform:translate(-.8px,-.2px) scale(1.21)}
.pm-panel[data-pm-treatment="workspace"] .pm-art[data-scene="screening"] .pm-art-svg{transform:scale(1.11)}
.pm-panel[data-pm-treatment="workspace"] .pm-art[data-scene="calendar"] .pm-art-svg{transform:scale(1.25)}
.pm-panel[data-pm-treatment="workspace"] .pm-art[data-scene="guide"] .pm-art-svg{transform:translate(.1px,-.6px) scale(1.27)}
.pm-panel[data-pm-treatment="workspace"] .pm-art[data-scene="settings"] .pm-art-svg{transform:translate(.1px,.5px) scale(1.19)}
.pm-panel[data-pm-treatment="popover"]{max-width:calc(100vw - 24px);border-radius:12px}
.pm-panel[data-pm-treatment="popover"] .pm-heading{font-size:15px!important;gap:8px}
.pm-panel[data-pm-treatment="popover"] .pm-art{width:36px;height:30px;flex-basis:36px}
.pm-panel[data-pm-treatment="popover"] .pm-art-svg{width:36px!important;height:30px!important}
.pm-panel[data-pm-treatment="tooltip"]{max-width:min(340px,calc(100vw - 24px));font-size:13px;line-height:1.6;padding:12px 14px;border-radius:9px}
.pm-panel[data-pm-treatment="media"] :is(button[aria-label*="Close"],button[aria-label*="Next"],button[aria-label*="Previous"]){min-width:44px;min-height:44px}
.pm-panel[data-pm-treatment="consent-banner"] :is(button,a){min-height:44px}
.pm-panel.pm-enter .pm-art-subject{transform-box:fill-box;transform-origin:center;animation:pm-settle .55s cubic-bezier(.23,1,.32,1) both}
.pm-panel.pm-enter .pm-art-detail{transform-box:fill-box;transform-origin:center;animation:pm-detail .5s cubic-bezier(.23,1,.32,1) .12s both}
.pm-panel.pm-enter .pm-art-coin{animation-name:pm-deliver;animation-delay:.12s}
.pm-panel.pm-enter .pm-art-person{animation-name:pm-deliver;animation-delay:.08s}
.pm-panel.pm-enter .pm-art-person-two{animation-name:pm-deliver;animation-delay:.16s}
.pm-panel.pm-enter .pm-art-tool{animation-name:pm-turn;animation-delay:.1s}
.pm-panel.pm-enter .pm-art[data-scene="mileage"] .pm-art-subject,
.pm-panel.pm-enter .pm-art[data-scene="payment-transfer-v1"] .pm-art-subject,
.pm-panel.pm-enter .pm-art[data-scene="messages"] .pm-art-subject{animation-name:pm-deliver}
.pm-panel.pm-enter .pm-art[data-scene="maintenance"] .pm-art-detail,
.pm-panel.pm-enter .pm-art[data-scene="settings"] .pm-art-subject{animation-name:pm-turn}
.pm-panel[data-pm-treatment="decision"] .pm-art *{animation:none!important}
@keyframes pm-settle{from{opacity:.15;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes pm-detail{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes pm-deliver{from{opacity:.15;transform:translateX(-7px)}to{opacity:1;transform:none}}
@keyframes pm-turn{from{opacity:.3;transform:rotate(-10deg)}to{opacity:1;transform:none}}
@media(max-width:640px){
  .pm-panel:not([data-pm-treatment="workspace"],[data-pm-treatment="media"],[data-pm-treatment="popover"],[data-pm-treatment="tooltip"],[data-pm-treatment="consent-banner"]){max-width:calc(100vw - 20px)!important;width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px);--pm-radius:14px;--pm-gap:12px}
  .pm-panel .pm-heading{font-size:19px!important;gap:10px}
  .pm-panel .pm-art{width:52px!important;height:44px!important;flex-basis:52px!important}
  .pm-panel .pm-art-svg{width:52px!important;height:44px!important}
  .pm-panel :is(.ow-field-row,.ac-grid,.rt-2){grid-template-columns:minmax(0,1fr)}
  .pm-panel .ow-field-row{flex-wrap:wrap}
  .pm-panel :is(.ow-field-row,.ac-grid)>*{min-width:0;max-width:100%;flex-basis:100%}
  .pm-panel :is(input:not([type="radio"],[type="checkbox"],[type="file"]),select,textarea){font-size:16px!important;max-width:100%;box-sizing:border-box}
  .pm-panel :is(button,.ow-btn,.rt-btn,.slc-btn){min-height:44px}
  .pm-panel .pm-actions{position:static}
  .pm-panel .pm-expense-form{grid-template-columns:minmax(0,1fr)}
  .pm-panel .pm-heading{padding-inline-end:4px}
  .pm-panel[data-pm-treatment="workspace"] .pm-art{width:36px!important;height:30px!important;flex-basis:36px!important}
  .pm-panel[data-pm-treatment="workspace"] .pm-art-svg{width:36px!important;height:30px!important}
  .pm-panel[data-pm-treatment="conversation"] .gc-layout{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.pm-panel .pm-art *{animation:none!important;transition:none!important}}

/* Ending and deleting confirmations (data-slc-tone="danger-band"): a soft red header band, as on
   Delete lease, with 80px art and faint circles in the right-hand corner the title never reaches. */
.slc-scrim[data-slc-tone="danger-band"] .slc-modal { overflow: hidden; }
.slc-scrim[data-slc-tone="danger-band"] .slc-modal > .slc-title {
  display: flex; align-items: center; gap: 16px; box-sizing: border-box; width: calc(100% + 48px); max-width: none;
  margin: -24px -24px 16px; padding: 20px 72px 20px 24px; color: var(--text); --ui-section: 24px;
  background:
    radial-gradient(circle at calc(100% + 14px) -10px, rgb(255 255 255 / .6) 0 70px, transparent 71px),
    radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--danger) 10%, transparent) 0 52px, transparent 53px),
    radial-gradient(circle at 78% 120%, color-mix(in srgb, var(--danger) 7%, transparent) 0 30px, transparent 31px),
    linear-gradient(100deg, color-mix(in srgb, var(--danger) 6%, white), color-mix(in srgb, var(--danger) 16%, white));
}
/* The shared popup sizes are !important; these win by specificity. */
.slc-scrim[data-slc-tone="danger-band"] .slc-title > .pm-art { display: inline-flex; flex: 0 0 80px !important; width: 80px !important; height: 64px !important; max-width: 80px; max-height: 64px; background: none; box-shadow: none; border: 0; }
.slc-scrim[data-slc-tone="danger-band"] .slc-title > .pm-art > img { width: 80px !important; height: 64px !important; max-width: 80px; max-height: 64px; object-fit: contain; }
@media (max-width: 480px) {
  .slc-scrim[data-slc-tone="danger-band"] .slc-modal > .slc-title { padding-right: 44px; --ui-section: 20px; }
  .slc-scrim[data-slc-tone="danger-band"] .slc-title > .pm-art { flex-basis: 56px !important; width: 56px !important; height: 45px !important; }
  .slc-scrim[data-slc-tone="danger-band"] .slc-title > .pm-art > img { width: 56px !important; height: 45px !important; }
}

/* Question confirmations (data-slc-tone="brand-band"): the dialog standard's purple header with a white
   one-row title, 80px art straight on the band (56px on phones) and faint circles away from the title. */
.slc-scrim[data-slc-tone="brand-band"] .slc-modal { position: relative; overflow: hidden; --pm-width: 560px !important; }
.slc-scrim[data-slc-tone="brand-band"] .slc-modal > .slc-title {
  display: flex; align-items: center; gap: 12px; box-sizing: border-box; width: calc(100% + 48px); max-width: none;
  margin: -24px -24px 16px; padding: 12px 60px 12px 16px; color: #fff; white-space: nowrap !important; --ui-section: 19px;
  background:
    radial-gradient(circle at calc(100% + 40px) calc(100% + 60px), rgb(255 255 255 / .07) 0 90px, transparent 91px),
    linear-gradient(100deg, var(--brand-purple-fill-1, #5220b4), var(--brand-purple-fill-2, #4602a3));
}
.slc-scrim[data-slc-tone="brand-band"] .slc-title > .pm-art { display: inline-flex; flex: 0 0 80px !important; width: 80px !important; height: 64px !important; max-width: 80px; max-height: 64px; background: none; box-shadow: none; border: 0; }
.slc-scrim[data-slc-tone="brand-band"] .slc-title > .pm-art > img { width: 80px !important; height: 64px !important; max-width: 80px; max-height: 64px; object-fit: contain; }
.slc-scrim[data-slc-tone="brand-band"] .slc-title:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.slc-scrim[data-slc-tone="brand-band"] .slc-actions { border-top: 0 !important; padding-top: 0; }
.slc-scrim[data-slc-tone="brand-band"] .slc-x { color: #fff; }
.slc-scrim[data-slc-tone="brand-band"] .slc-x:hover { background: rgb(255 255 255 / .14); }
@media (max-width: 480px) {
  .slc-scrim[data-slc-tone="brand-band"] .slc-modal > .slc-title { white-space: normal !important; padding-right: 52px; --ui-section: 17px; }
  .slc-scrim[data-slc-tone="brand-band"] .slc-title > .pm-art { flex-basis: 56px !important; width: 56px !important; height: 45px !important; }
  .slc-scrim[data-slc-tone="brand-band"] .slc-title > .pm-art > img { width: 56px !important; height: 45px !important; }
}
/* The optional close button (sl-confirm closeButton). */
.slc-x { position: absolute; top: 10px; right: 8px; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 6px; background: none; color: var(--text, #0f172a); font-size: 22px; line-height: 1; cursor: pointer; }
.slc-x:hover { background: var(--surface-alt, #f1f5f9); }
.slc-x:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* A confirmation working on its action (sl-confirm busyText): a small spinner in the button. */
.slc-scrim[data-busy] .slc-btn[aria-busy="true"] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; opacity: 1; cursor: progress; }
.slc-spin { width: 14px; height: 14px; flex: none; border-radius: 50%; border: 2px solid rgb(255 255 255 / .45); border-top-color: #fff; animation: slc-spin .8s linear infinite; }
@keyframes slc-spin { to { transform: rotate(360deg); } }
/* A deleted row fades, then folds closed, before the page reloads. */
.ow-row-removing { overflow: hidden; animation: ow-row-remove .7s ease-in-out forwards; }
@keyframes ow-row-remove { 0% { opacity: 1; max-height: 120px; } 50% { opacity: 0; max-height: 120px; } 100% { opacity: 0; max-height: 0; padding-top: 0; padding-bottom: 0; border-width: 0; } }
@media (prefers-reduced-motion: reduce) { .slc-spin { animation: none; } }