/* Matete off · compact, expressive mobile foundation (2026-10-11).
   Non-destructive visual layer; existing character assets and financial flows remain intact. */
:root { --matete-accent:#087c6d; --matete-ink:#173b34; --matete-focus:#087c6d; }
:focus-visible { outline:3px solid var(--matete-focus); outline-offset:3px; }
@media (max-width:760px) {
  /* The bottom navigation already owns mobile navigation. */
  .topbar .mobile-menu { display:none !important; }
  .topbar { gap:8px; }
  .page-content { min-width:0; }
  /* Smaller category tiles: three readable columns instead of two oversized cards. */
  .category-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:10px 0; }
  .category-gallery-tile { aspect-ratio:auto; min-height:104px; padding:9px 5px; gap:6px; border-radius:15px; box-shadow:0 2px 8px #173f3710; }
  .category-gallery-icon { width:46px; height:46px; border-radius:13px; font-size:27px; }
  .category-gallery-tile strong { font-size:12px; line-height:1.2; }
  .category-gallery-tile small { font-size:10px; line-height:1.15; }
  /* Financial account information remains visible while reducing dead space. */
  .cloud-account-card { padding:9px 10px; }
  .cloud-account-instruments { gap:4px; margin-top:5px; }
  .cloud-account-no-instruments { display:none; }
  /* Compact category editor touch targets, without changing actions. */
  .category-action-preview > span { font-size:38px; }
}
@media (max-width:360px) {
  .category-gallery { gap:6px; }
  .category-gallery-tile { min-height:100px; }
  .category-gallery-icon { width:40px; height:40px; font-size:24px; }
}
@media (prefers-reduced-motion:reduce) {
  .category-gallery-tile { transition:none !important; }
}

/* Home: approved information hierarchy, without replacing MateteVisuals. */
.home-screen .home-welcome { margin-bottom:12px; }
.home-screen .home-welcome h1 { font-size:clamp(24px,4vw,34px); line-height:1.13; margin:6px 0; }
.home-secondary-actions { margin-top:14px; }
.home-secondary-actions h2 { margin:0 0 9px; font-size:15px; color:var(--matete-ink); }
.home-secondary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.home-secondary-grid button { display:flex; align-items:center; gap:9px; min-width:0; min-height:56px; padding:10px; border:1px solid #dae6de; border-radius:13px; background:#fffefa; color:#20473b; text-align:left; cursor:pointer; }
.home-secondary-grid button:hover { background:#ecf7f0; border-color:#7ac5ad; }
.home-secondary-grid button > span { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:10px; background:#ddf2e9; color:#087c6d; }
.home-secondary-grid button:nth-child(2) > span { background:#f8e8c5; color:#785119; }
.home-secondary-grid button:nth-child(3) > span { background:#e3ebfa; color:#3d639a; }
.home-secondary-grid button:nth-child(4) > span { background:#eee5fa; color:#7252a3; }
.home-secondary-grid button strong { font-size:12px; line-height:1.2; }
.home-screen .home-cashboxes { margin-top:12px; }
@media(max-width:760px) {
 .home-screen .home-welcome { margin-bottom:10px; }
 .home-screen .home-welcome h1 { font-size:25px; }
 .home-secondary-grid button { min-height:52px; padding:8px; }
 .home-screen .home-session-copy { display:none; }
}

/* More: mobile icon gallery instead of long administrative rows. */
@media(max-width:760px) {
 .more-presentation .more-menu-layout { display:block; }
 .more-presentation .more-brand-panel { display:none; }
 .more-presentation .more-menu-groups { display:grid; gap:14px; }
 .more-presentation .more-menu-rows { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .more-presentation .more-row { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:98px; padding:9px 5px; border:1px solid #dfe9e2; border-radius:15px; background:#fffefa; text-align:center; }
 .more-presentation .more-row .more-row-icon { display:grid; place-items:center; flex:none; width:42px; height:42px; margin:0; border-radius:12px; background:#dff3e9; color:#13745f; }
 .more-presentation .more-row:nth-child(4n + 2) .more-row-icon { background:#f8ebcc; color:#8a5a15; }
 .more-presentation .more-row:nth-child(4n + 3) .more-row-icon { background:#e2ebfa; color:#426ca3; }
 .more-presentation .more-row:nth-child(4n) .more-row-icon { background:#eee5fa; color:#7957a2; }
 .more-presentation .more-row strong { font-size:11px; line-height:1.2; overflow-wrap:anywhere; }
 .more-presentation .more-row small,.more-presentation .more-row > b { display:none; }
 .more-presentation .more-group { margin:0; padding:0; background:transparent; box-shadow:none; }
 .more-presentation .more-group h2 { margin:0 0 8px; font-size:14px; }
}

/* Empty data is a resolved state, not an error. Use official Matete art. */
.matete-empty-state { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:190px; padding:14px; border:1px dashed #c5dfd2; border-radius:18px; background:#f5fbf6; text-align:center; color:#2b5a49; }
.matete-empty-state .matete-character-slot { display:block; width:min(120px,35vw); }
.matete-empty-state .matete-character { width:100%; height:auto; object-fit:contain; }
.matete-empty-state strong { font-size:15px; }
.matete-empty-state span:not(.matete-character-slot) { font-size:12px; color:#557468; }
.matete-summary-details { margin:8px 0; padding:8px 10px; border-radius:10px; background:#f4f8f3; color:#526e60; font-size:11px; }
.matete-summary-details summary { cursor:pointer; font-weight:600; }
.matete-summary-details p { margin:8px 0 0; line-height:1.45; }
@media(max-width:760px) {
 .cloud-money-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:10px; }
 .cloud-money-summary > .analysis-label, .cloud-money-summary > .matete-summary-details { grid-column:1 / -1; }
 .cloud-money-summary > div { display:grid; gap:3px; min-width:0; padding:10px; border-radius:11px; background:#e8f4ed; }
 .cloud-money-summary > div > span { font-size:11px; color:#5b7767; }
 .cloud-money-summary > div > strong { font-size:15px; overflow-wrap:anywhere; }
}

/* Login: the existing official character, with visual feedback during authentication. */
.cloud-login-card { position:relative; overflow:hidden; }
.matete-login-character { display:flex; justify-content:center; margin:0 auto 4px; max-width:170px; }
.matete-login-character .matete-character-slot { display:block; width:100%; }
.matete-login-character .matete-character { width:100%; height:auto; max-height:145px; object-fit:contain; filter:drop-shadow(0 7px 8px #0e4d4224); }
.cloud-login-card h1 { margin-top:4px; }
.cloud-login-card:has(#cloud-login-gate-form button[type=submit]:disabled) .matete-login-character { animation:matete-signin-bob .85s ease-in-out infinite alternate; }
@keyframes matete-signin-bob { from { transform:translateY(2px) rotate(-2deg); } to { transform:translateY(-5px) rotate(2deg); } }
@media(prefers-reduced-motion:reduce) { .cloud-login-card .matete-login-character { animation:none !important; } }
@media(max-width:760px) { .matete-login-character { max-width:135px; } .matete-login-character .matete-character { max-height:112px; } }


/* Shared palette and density. Preferences apply to both authentication and app. */
:root { --interface-scale:1; --refresh-surface:#fffefa; --refresh-ink:#173b34; }
:root[data-matete-theme="dark"] { color-scheme:dark; --canvas:#142422; --paper:#203632; --refresh-surface:#203632; --refresh-ink:#ecf5ef; --forest:#82d9b8; --forest-deep:#c0efda; --line:#415a53; --muted:#baccc3; --pastel-mint:#284e41; --pastel-sky:#274254; --pastel-peach:#573b32; --pastel-lemon:#51492e; --pastel-lilac:#413551; color:var(--refresh-ink); }
:root[data-matete-theme="pastel"] { --canvas:#f4eef8; --paper:#fffbff; --refresh-surface:#fffbff; --line:#e3d9ef; --forest:#66528b; --forest-deep:#49366c; --teal:#79bbaa; --matete-accent:#66528b; --matete-focus:#66528b; }
:root[data-matete-theme="fluor"] { --canvas:#15231d; --paper:#223528; --refresh-surface:#223528; --refresh-ink:#f3ffe9; --forest:#b6ff50; --forest-deep:#d2ff96; --line:#567044; --muted:#d1e0ba; --teal:#b6ff50; --matete-accent:#b6ff50; --matete-focus:#f6ff70; color-scheme:dark; color:var(--refresh-ink); }
:root[data-matete-theme="light"] { --matete-accent:#087c6d; }
body { color:var(--refresh-ink); }
.app-shell, .cloud-auth-gate { font-size:calc(16px * var(--interface-scale)); }
.page-heading h1 { font-size:calc(clamp(26px,4vw,36px) * var(--interface-scale)); }
.page-heading .subheading, .more-row strong, .field-input, .field-select, .button { font-size:calc(14px * var(--interface-scale)); }
.panel, .cloud-login-card, .account-card, .category-gallery-tile { background:var(--refresh-surface); color:var(--refresh-ink); }
.field-input, .field-select, .cloud-login-card input { background:var(--refresh-surface); color:var(--refresh-ink); border-color:var(--line); }
:root:is([data-matete-theme="dark"],[data-matete-theme="fluor"]) .topbar { background:var(--paper);color:var(--refresh-ink); }
:root:is([data-matete-theme="dark"],[data-matete-theme="fluor"]) :is(.panel h2,.page-heading h1,.cloud-login-card h1,.more-row strong,.account-details strong,.refresh-preferences h2) { color:var(--refresh-ink); }
:root:is([data-matete-theme="dark"],[data-matete-theme="fluor"]) .sidebar { background:#102923; }
:root:is([data-matete-theme="dark"],[data-matete-theme="fluor"]) .button-primary { background:#087c6d;color:white; }
:root[data-matete-theme="fluor"] .button-primary { background:#b6ff50;color:#183121; }
:root:is([data-matete-theme="dark"],[data-matete-theme="fluor"]) :is(.more-row,.mobile-nav,.integration-panel,.cloud-account-card) { background:var(--paper);color:var(--refresh-ink);border-color:var(--line); }
[hidden] { display:none !important; }
.visually-hidden { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.refresh-heading-character { width:100px;height:100px;flex-shrink:0; }
.refresh-heading-character .matete-character { width:100%;height:100%; }
.refresh-heading-character img { max-width:100%;max-height:100%;object-fit:contain; }
.refresh-menu { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px; }
.refresh-menu .more-row { display:flex;flex-direction:column;justify-content:center;gap:9px;min-height:108px;text-align:center;padding:12px 6px;border:1px solid var(--line);border-radius:18px;background:var(--paper); }
.refresh-menu .more-row > b { display:none; }
.refresh-menu .more-row-icon { width:48px;height:48px;font-size:30px;border-radius:15px;background:var(--pastel-mint); }
.refresh-menu .more-row:nth-of-type(5n+2) .more-row-icon { background:var(--pastel-sky); }
.refresh-menu .more-row:nth-of-type(5n+3) .more-row-icon { background:var(--pastel-peach); }
.refresh-menu .more-row:nth-of-type(5n+4) .more-row-icon { background:var(--pastel-lilac); }
.refresh-menu .more-row:nth-of-type(5n+5) .more-row-icon { background:var(--pastel-lemon); }
.refresh-menu .more-row strong { font-size:calc(13px * var(--interface-scale));line-height:1.2; }
.refresh-extra { padding:12px 0;margin:12px 0;color:var(--muted); }
.refresh-extra summary { cursor:pointer;min-height:44px;padding:10px 0; }
.refresh-extra .more-actions { flex-wrap:wrap; }
.refresh-preferences { padding:22px;max-width:700px; }
.refresh-preferences h2 { margin:0 0 15px; }
.refresh-preferences h2:not(:first-child) { margin-top:30px; }
.refresh-theme-options { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
.refresh-theme { padding:12px 8px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--refresh-ink);min-height:100px; }
.refresh-swatch { display:block;height:45px;border-radius:8px;margin-bottom:8px;border:1px solid #78958a; }
.swatch-light { background:linear-gradient(135deg,#fafbf7 65%,#087c6d 65%); }
.swatch-dark { background:linear-gradient(135deg,#203632 65%,#82d9b8 65%); }
.swatch-pastel { background:linear-gradient(135deg,#eee0f8 65%,#8a6db6 65%); }
.swatch-fluor { background:linear-gradient(135deg,#203528 65%,#b6ff50 65%); }
:is(.refresh-theme,.refresh-scale-options button,.refresh-report-tabs button)[aria-pressed="true"] { border:2px solid var(--matete-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--matete-focus) 15%,transparent); }
.refresh-scale-options { display:flex;gap:8px;flex-wrap:wrap; }
.refresh-toggle { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line); }
.refresh-toggle input { width:24px;height:24px;accent-color:#087c6d; }
.refresh-account-menu, .refresh-integrations { padding:5px 16px; }
.refresh-account-menu .more-row,.refresh-integrations .more-row { min-height:72px;border-bottom:1px solid var(--line); }
.refresh-account-menu .more-row:last-child,.refresh-integrations .more-row:last-child { border:0; }
.refresh-account-menu .more-row-icon,.refresh-integrations .more-row-icon { font-size:25px;background:var(--pastel-mint); }
.refresh-catalog-search { display:grid;gap:6px;margin:12px 0 18px;max-width:600px; }
.refresh-password-toggle { min-height:36px;justify-self:end;background:transparent !important;color:var(--forest) !important;border:0 !important;margin:0 0 4px !important;padding:4px 10px !important;font-size:14px !important; }
.cloud-auth-gate { align-items:center;overflow:auto;padding:24px 16px; }
.cloud-login-card { position:relative;padding:25px 28px;max-width:440px;margin:auto; }
.cloud-login-logo { width:78%;max-height:82px;margin:0 auto 8px; }
.matete-login-character { height:155px;margin:0 auto 6px; }
.matete-login-character img { height:100%;max-width:100%;object-fit:contain; }
.cloud-login-card h1 { font-size:28px;margin:8px 0 20px; }
.cloud-login-card form { display:grid;gap:8px; }
.cloud-login-card input { min-height:48px; }
.cloud-login-card form > button[type=submit] { min-height:50px;margin-top:8px; }
.refresh-report-filters { display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:16px; }
.refresh-report-filters label { display:grid;gap:6px;font-size:13px;color:var(--muted);min-width:0; }
.refresh-report-total { margin:14px 0;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--pastel-mint); }
.refresh-report-total > div:first-child { display:grid;gap:5px; }
.refresh-report-total strong { font-size:calc(clamp(28px,4vw,40px) * var(--interface-scale));color:var(--refresh-ink); }
.refresh-report-total > div:last-child { height:110px;width:110px; }
.refresh-report-total img { max-width:100%;max-height:110px;object-fit:contain; }
.refresh-report-tabs { display:flex;overflow-x:auto;gap:7px;padding:4px 2px 12px; }
.refresh-report-tabs button { padding:11px 15px;white-space:nowrap;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--refresh-ink);min-height:44px; }
.refresh-report-list { padding:6px 18px; }
.refresh-report-list article { display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line); }
.refresh-report-list article:last-child { border:0; }
.refresh-report-dot { width:12px;height:12px;border-radius:50%;flex-shrink:0; }
.refresh-report-list article > div { flex:1;min-width:0; }
.refresh-report-list article > span:last-child { text-align:right;font-size:14px; }
.refresh-report-list small { display:block;color:var(--muted);font-size:12px;margin-top:4px; }
.refresh-report-bar { display:block;background:var(--line);height:6px;border-radius:8px;overflow:hidden;margin-top:8px; }
.refresh-report-bar i { display:block;height:100%;background:var(--teal); }
.refresh-calendar { padding:18px; }
.refresh-calendar-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px; }
.refresh-day { min-height:55px;display:grid;align-content:center;gap:3px;position:relative;border:1px solid var(--line);border-radius:8px;color:var(--refresh-ink);background:color-mix(in srgb,var(--teal) calc(var(--day-intensity) * 75%),var(--paper)); }
.refresh-day small { font-size:9px;color:inherit; }
.refresh-evolution .refresh-day { min-height:100px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:var(--paper); }
.refresh-evolution .refresh-day i { display:block;width:60%;background:var(--teal);border-radius:4px 4px 0 0; }
@media(max-width:760px) {
  .refresh-menu { grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
  .refresh-menu .more-row { min-height:93px;padding:8px 5px; }
  .refresh-menu .more-row-icon { width:39px;height:39px;font-size:26px;border-radius:12px; }
  .refresh-menu .more-row strong { font-size:calc(12px * var(--interface-scale)); }
  .refresh-heading-character { width:80px;height:80px; }
  .more-presentation .page-heading { display:flex;align-items:center;gap:8px; }
  .more-presentation .page-heading > div:first-child { flex:1; }
  .refresh-theme-options { gap:6px; }
  .refresh-theme { padding:8px 4px;font-size:12px; }
  .refresh-preferences { padding:18px; }
  .refresh-report-filters { grid-template-columns:1fr 1fr;padding:12px;gap:8px; }
  .refresh-report-filters label:first-child { grid-column:1/-1; }
  .refresh-report-total { padding:16px; }
  .refresh-report-total > div:last-child { width:80px;height:80px; }
  .refresh-report-total img { max-height:80px; }
  .refresh-report-tabs button { font-size:12px;padding:10px 12px; }
  .refresh-calendar { padding:12px; }
  .refresh-calendar-grid { gap:4px; }
  .refresh-day { min-height:45px; }
  .cloud-auth-gate { padding:16px;align-items:flex-start; }
  .cloud-login-card { padding:20px 24px;margin:auto; }
  .matete-login-character { height:140px; }
  .category-gallery-tile { aspect-ratio:1;min-height:0; }
  .account-card { padding:12px; }
}
@media(max-height:650px) { .matete-login-character { height:90px; } .cloud-login-card { padding-top:15px;padding-bottom:15px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important;transition-duration:.01ms !important; } }
.refresh-category-groups { padding:18px;margin-top:18px; }
.refresh-group-assignment { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line); }
.refresh-group-assignment small { display:block;color:var(--muted);font-size:11px;margin-top:4px; }
.mobile-nav .matete-ui-icon { width:24px;height:24px; }
.matete-boot-character { width:220px;height:220px;margin:20px auto; }
.matete-boot-character img { max-width:100%;max-height:100%;object-fit:contain; }
.refresh-menu .more-row-icon .matete-ui-icon { width:27px;height:27px;stroke-width:1.9; }
@media(max-width:760px) {
 .topbar { display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:8px 14px; }
 .topbar .mobile-brand { flex:0 1 155px;width:155px;min-width:110px; }
 .topbar .mobile-brand-logo { width:100%;height:auto;max-height:42px;object-fit:contain; }
 .topbar .topbar-actions { margin-left:auto; }
 .topbar .top-add { width:42px;height:42px;min-width:42px;min-height:42px;padding:0;font-size:0;display:grid;place-items:center;border-radius:13px; }
 .topbar .top-add > span { font-size:24px;line-height:1; }
}
.cloud-account-card[data-account-type="cash"] .cloud-account-instruments:has(.cloud-account-no-instruments) { display:none; }
.more-presentation .page-heading { flex-direction:row;justify-content:space-between;text-align:left; }
.more-presentation .page-heading > div:first-child { width:auto;min-width:0; }
.more-presentation .refresh-heading-character { width:72px;height:72px; }
:root:is([data-matete-theme="dark"],[data-matete-theme="fluor"]) :is(.button-secondary,.button-quiet,.refresh-password-toggle) { background:var(--paper);color:var(--refresh-ink);border-color:var(--line); }

/* Analysis: explicit account scope, real calendar and stacked evolution. */
.refresh-report-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
.refresh-report-context { font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere; }
.refresh-report-total > div:first-child { min-width:0; }
.refresh-report-total > div:last-child { flex-shrink:0; }
.refresh-report-origin { padding:16px 18px;margin-bottom:12px; }
.refresh-report-origin h2 { font-size:16px;margin:0 0 10px; }
.refresh-account-legend { display:flex;flex-wrap:wrap;gap:8px;margin:12px 0; }
.refresh-account-legend > span { display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;font-size:12px;max-width:100%;overflow-wrap:anywhere; }
.refresh-account-legend i,.refresh-day-movements > article > i { width:9px;height:9px;border-radius:50%;flex-shrink:0; }
.refresh-account-legend strong { font-size:12px; }
.refresh-calendar-months { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:20px; }
.refresh-calendar-month h3 { text-transform:capitalize;font-size:16px;margin:12px 0; }
.refresh-weekday { text-align:center;color:var(--muted);font-size:11px;padding:6px 0; }
.refresh-calendar .refresh-day { min-height:72px;align-content:start;padding:8px 3px;background:var(--paper);text-align:center;font-size:15px; }
.refresh-calendar .refresh-day.has-expenses { background:var(--pastel-mint); }
.refresh-day[aria-pressed="true"] { outline:2px solid var(--matete-focus);outline-offset:1px; }
.refresh-calendar .refresh-day small { font-size:10px;overflow-wrap:anywhere; }
.refresh-calendar-outside { min-height:72px;text-align:center;padding-top:8px;color:var(--muted);opacity:.45; }
.refresh-day-dots { display:flex;justify-content:center;gap:3px;flex-wrap:wrap;margin-top:4px; }
.refresh-day-dots i { width:6px;height:6px;border-radius:50%; }
.refresh-day-detail { margin-top:20px;border-top:1px solid var(--line);padding-top:12px; }
.refresh-day-detail h3 { font-size:16px;text-transform:capitalize; }
.refresh-day-movements article { display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:12px 0; }
.refresh-day-movements article > div { flex:1;min-width:0; }
.refresh-day-movements strong,.refresh-day-movements span,.refresh-day-movements small { display:block;overflow-wrap:anywhere; }
.refresh-day-movements strong { font-size:13px; }
.refresh-day-movements span,.refresh-day-movements small { font-size:11px;color:var(--muted);margin-top:4px; }
.refresh-day-movements b { font-size:12px;text-align:right;max-width:34%;overflow-wrap:anywhere; }
.refresh-evolution-scroll { overflow-x:auto;max-width:100%;padding:14px 0; }
.refresh-evolution-chart { display:flex;align-items:end;gap:5px;min-width:100%;width:max-content;border-bottom:1px solid var(--line); }
.refresh-evolution-column { flex:1 0 58px;min-width:58px;max-width:85px;display:flex;flex-direction:column;align-items:center;padding:4px 3px;border:0;background:transparent;color:var(--refresh-ink); }
.refresh-evolution-value { font-size:10px;min-height:24px; }
.refresh-evolution-track { position:relative;display:flex;align-items:end;height:160px;width:80%;background:color-mix(in srgb,var(--line) 30%,transparent); }
.refresh-evolution-stack { width:100%;display:flex;flex-direction:column-reverse;min-height:0; }
.refresh-evolution-stack i { display:block;width:100%; }
.refresh-evolution-column small { font-size:10px;margin-top:8px;white-space:nowrap; }
@media(max-width:760px) {
  .refresh-report-filters label:first-child,.refresh-report-filters label:nth-child(2) { grid-column:1/-1; }
  .refresh-calendar .refresh-day { min-height:68px; }
  .refresh-report-origin { padding:12px; }
  .refresh-report-tabs { flex-wrap:wrap;overflow:visible;gap:6px; }
  .refresh-report-tabs button { flex:1 0 auto; }
}


/* Keep the saved confirmation compact while the list refreshes. */
.incoming-resolution-feedback .matete-process-screen { grid-template-columns:96px minmax(0,1fr); padding:12px; }
.incoming-resolution-feedback .matete-flow-logo { grid-column:1/-1; width:120px; height:auto; margin:0 0 8px; }
.incoming-resolution-feedback .matete-stage-art { width:96px; min-width:0; }
.incoming-resolution-feedback .matete-stage-art .matete-character { width:96px; height:112px; object-fit:contain; }
.incoming-resolution-feedback .matete-stage-copy { min-width:0; }
.incoming-resolution-feedback .matete-stage-copy h3 { font-size:22px; }
.incoming-resolution-feedback .matete-document-name { overflow-wrap:anywhere; }


/* Analysis filters occupy one row until the user needs them. */
.refresh-report-filter-panel { padding:0; margin:0 0 12px; }
.refresh-report-filter-panel > summary { display:flex; align-items:center; gap:10px; min-height:48px; padding:10px 14px; cursor:pointer; list-style:none; }
.refresh-report-filter-panel > summary::-webkit-details-marker { display:none; }
.refresh-report-filter-panel > summary strong { font-size:14px; }
.refresh-report-filter-panel > summary span { margin-left:auto; font-size:12px; color:var(--muted); }
.refresh-report-filter-panel > summary::after { content:'⌄'; color:var(--matete-accent); }
.refresh-report-filter-panel[open] > summary::after { content:'⌃'; }
.refresh-report-filter-panel[open] > summary { border-bottom:1px solid var(--line); }
.refresh-report-filter-panel .refresh-report-filters { padding:12px; gap:10px; }
@media(max-width:760px) {
  .refresh-report-filter-panel .refresh-report-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .refresh-report-filter-panel .refresh-report-filters label { grid-column:auto; font-size:12px; gap:4px; }
  .refresh-report-filter-panel .field-select { width:100%; min-width:0; min-height:44px; height:44px; padding:8px 25px 8px 9px; font-size:14px; text-overflow:ellipsis; }
  .refresh-report-total { padding:14px; margin:12px 0; gap:8px; }
  .refresh-report-total > div:last-child { width:72px; height:80px; }
  .refresh-report-total img { max-height:80px; }
  .refresh-report-total strong { font-size:calc(26px * var(--interface-scale)); overflow-wrap:anywhere; }
  .refresh-report-tabs { flex-wrap:nowrap; overflow-x:auto; gap:6px; padding-bottom:10px; }
  .refresh-report-tabs button { flex:0 0 auto; padding:8px 12px; min-height:44px; font-size:13px; }
}

@media(max-width:760px) {
  .refresh-analysis-heading .page-heading { margin:0 0 12px; text-align:left; }
  .refresh-analysis-heading .eyebrow { display:none; }
  .refresh-analysis-heading h1 { font-size:26px; margin:0 0 4px; }
  .refresh-analysis-heading .subheading { font-size:14px; margin:0; }
}


/* Quick payment choices and account management on small screens. */
.fast-unassigned-sources { grid-column:1/-1; width:100%; }
.fast-unassigned-sources > summary { min-height:44px; padding:12px; cursor:pointer; color:var(--muted); font-size:13px; }
.fast-unassigned-sources .cloud-expense-source-choice { width:100%; }
.cloud-account-instruments > summary { cursor:pointer; padding:10px 0; min-height:44px; font-size:13px; color:var(--muted); }
.cloud-account-instruments:not([open]) > :not(summary) { display:none; }
.account-action-menu { position:relative; }
.account-action-menu > summary { display:grid; place-items:center; width:44px; height:44px; cursor:pointer; font-size:24px; list-style:none; }
.account-action-menu > summary::-webkit-details-marker { display:none; }
.account-action-menu[open] > button { position:absolute; right:0; top:44px; z-index:3; background:var(--paper); box-shadow:0 3px 12px #0002; }
.compact-settings-toolbar { display:flex; justify-content:flex-end; margin:0 0 8px; }
.compact-access-note { margin-top:12px; }
:root:is([data-matete-theme="dark"],[data-matete-theme="fluor"]) .mobile-brand-logo { background:#fcfbf5; padding:4px 8px; border-radius:8px; }
@media(max-width:760px) {
  .cloud-account-card .cloud-account-row { display:grid; grid-template-columns:40px minmax(0,1fr) 44px 44px; gap:8px; padding:10px 0; align-items:center; }
  .cloud-account-row > .home-box-icon { width:40px; height:40px; font-size:24px; grid-row:1/3; }
  .cloud-account-row > .category-name { grid-column:2; grid-row:1; font-size:15px; line-height:1.25; min-width:0; overflow-wrap:anywhere; }
  .cloud-account-row > .category-name small { font-size:11px; }
  .cloud-account-row > .cloud-account-balance { grid-column:2; grid-row:2; font-size:14px; text-align:left; }
  .cloud-account-row > .icon-button { grid-column:3; grid-row:1/3; width:44px; height:44px; }
  .cloud-account-row > .account-action-menu { grid-column:4; grid-row:1/3; }
  .cloud-account-instruments { margin-left:48px; }
  .cloud-account-instrument { grid-template-columns:minmax(0,1fr) 44px; gap:6px; padding:8px; }
  .cloud-account-instrument > .button { grid-column:1/-1; justify-self:end; min-height:40px; padding:8px 12px; font-size:12px; }
  .cloud-account-instruments-heading .button { font-size:12px; padding:8px 12px; min-height:40px; }
  .cloud-cashbox-switcher { min-width:0; max-width:100%; overflow-x:auto; scrollbar-width:none; }
  .cloud-cashbox-switcher::-webkit-scrollbar { display:none; }
  .toolbar:has(.cloud-cashbox-switcher) { display:flex; flex-wrap:wrap; gap:8px; }
  .toolbar:has(.cloud-cashbox-switcher) > .cloud-cashbox-switcher { flex:1 1 100%; }
  .toolbar:has(.cloud-cashbox-switcher) > .button { margin-left:auto; min-height:40px; padding:8px 12px; font-size:12px; }
  .compact-settings-heading .eyebrow { display:none; }
  .compact-settings-heading .page-heading { text-align:left; margin:0 0 10px; }
  .compact-settings-heading h1 { font-size:26px; margin:0 0 4px; }
  .compact-settings-heading .subheading { font-size:14px; margin:0; }
  .compact-settings-heading .home-actions, .compact-settings-heading .more-actions { margin-top:10px; }
  .compact-settings-heading .home-actions .button, .compact-settings-heading .more-actions .button { padding:10px 14px; min-height:44px; font-size:14px; }
  .cloud-expense-fast-sources { max-height:48dvh; overflow-y:auto; overscroll-behavior:contain; }
  .cloud-expense-source-choice { min-height:64px; padding:10px 12px; }
  .cloud-expense-source-choice strong { font-size:15px; }
  .cloud-expense-source-choice small { font-size:12px; }
}
.fast-payment-search { margin:0 0 8px; min-height:44px; font-size:14px; }