.cq-page {
  min-width: 0;
  width: 100%;
  padding: 24px 32px 40px;
  background: #f3f3f1;
  color: #111;
  color-scheme: light;
  font-family: inherit;
  line-height: 1.4;
}
.cq-page *, .cq-page *::before, .cq-page *::after { box-sizing: border-box; }
.cq-page [hidden] { display: none !important; }
.cq-page button, .cq-page input, .cq-page a { font-family: inherit; }
.cq-page button { cursor: pointer; }
.cq-page button:disabled { cursor: not-allowed; opacity: .48; }
.cq-page :is(button, a, input):focus-visible { outline: 2px solid #111; outline-offset: 3px; }
.cq-page svg { width: 16px; height: 16px; flex: none; }
.cq-page .cq-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
/* Popovers stay outside the card edge; each visible surface keeps the rounded clipping. */
.cq-page .cq-card { min-width: 0; background: #fff; border: 1px solid #e6e6e4; border-radius: 14px; }
.cq-page .cq-mobile-back { display: none; }
.cq-page .cq-top-toolbar { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid #ececea; border-radius: 14px 14px 0 0; }
.cq-page .cq-source { position: relative; flex: none; min-width: 0; max-width: 50%; }
.cq-page .cq-source-trigger { display: flex; align-items: center; gap: 6px; height: 38px; max-width: 100%; margin: 0; padding: 0 10px; border: 1px solid #cfcfcb; border-radius: 10px; background: #fff; color: #111; font-size: 14px; font-weight: 400; line-height: 1; white-space: nowrap; }
.cq-page .cq-source-trigger > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.cq-page .cq-source-trigger > svg { width: 14px; height: 14px; transition: transform .15s; }
.cq-page .cq-source-trigger:is(.cq-active, [aria-expanded="true"]) { border-color: #111; }
.cq-page .cq-source-trigger[aria-expanded="true"] > svg { transform: rotate(180deg); }
.cq-page .cq-source-overlay { position: fixed; inset: 0; z-index: 40; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; cursor: default; }
.cq-page .cq-source-menu { position: absolute; top: 44px; left: 0; z-index: 41; display: flex; flex-direction: column; gap: 2px; min-width: 180px; padding: 4px; border: 1px solid #e3e3e0; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.12); }
.cq-page .cq-source-menu [role="option"] { display: flex; align-items: center; gap: 10px; min-height: 40px; margin: 0; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: #111; font-size: 14px; font-weight: 400; text-align: left; }
.cq-page .cq-source-menu [role="option"]:is(:hover, :focus-visible, [aria-selected="true"]) { background: #f5f5f3; }
.cq-page .cq-source-menu [aria-selected="true"] { font-weight: 600; }
.cq-page .cq-source-check { display: flex; flex: none; width: 15px; }
.cq-page .cq-source-check svg { width: 15px; height: 15px; stroke-width: 1.8; }
.cq-page .cq-source-name { flex: 1; }
.cq-page .cq-source-count { color: #6b6b6b; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.cq-page .cq-tabs-wrap { display: flex; flex: 1 1 auto; justify-content: flex-end; min-width: 0; }
.cq-page .cq-tabs { display: flex; gap: 2px; max-width: 100%; padding: 2px; border: 1px solid #e3e3e0; border-radius: 10px; background: #f5f5f3; }
.cq-page .cq-tabs [role="tab"] { position: relative; display: flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 32px; margin: 0; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; color: #6b6b6b; font-size: 12.5px; font-weight: 400; line-height: 1.3; white-space: nowrap; }
.cq-page .cq-tabs [aria-selected="true"] { background: #fff; color: #111; font-weight: 600; box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.cq-page .cq-tab-count { position: absolute; top: -7px; right: -3px; display: flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border: 2px solid #fff; border-radius: 999px; background: #c8102e; color: #fff; font-size: 10px; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; }
.cq-page .cq-filter-toolbar { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 12px; min-width: 0; padding: 16px 14px; }
.cq-page .cq-search { position: relative; flex: 1 1 280px; min-width: 0; margin: 0; }
.cq-page .cq-search > svg { position: absolute; top: 50%; left: 13px; width: 17px; height: 17px; transform: translateY(-50%); color: #555; pointer-events: none; }
.cq-page .cq-search input { display: block; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0 14px 0 40px; border: 1px solid #cfcfcb; border-radius: 10px; background: #fff; color: #111; font-size: 15px; line-height: 44px; box-shadow: none; }
.cq-page .cq-search input::placeholder { color: #6b6b6b; opacity: 1; }
.cq-page .cq-date-trigger { display: flex; flex: 0 1 240px; align-items: center; justify-content: center; gap: 8px; min-width: 190px; height: 44px; margin: 0; padding: 0 12px; border: 1px solid #cfcfcb; border-radius: 10px; background: #fff; color: #111; font-size: 15px; font-weight: 400; text-align: left; }
.cq-page .cq-date-trigger:is(.cq-active, .cq-date-open) { border-color: #111; }
.cq-page .cq-date-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cq-page .cq-date-chevron { display: flex; flex: none; }
.cq-page .cq-date-chevron svg { width: 14px; height: 14px; }
.cq-page .cq-export { display: flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 1px solid #cfcfcb; border-radius: 10px; background: #fff; color: #111; text-decoration: none; }
.cq-page .cq-export svg { width: 18px; height: 18px; }
.cq-page .cq-export:hover { background: #f5f5f3; }
.cq-page .cq-export[aria-disabled="true"] { opacity: .48; cursor: not-allowed; }
.cq-page .cq-notice:empty { display: none; }
.cq-page .cq-notice { padding: 12px 14px; border-top: 1px solid #ececea; color: #6b6b6b; font-size: 14px; }
.cq-page .cq-error { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; color: #b42318; overflow-wrap: anywhere; }
.cq-page .cq-error button { flex: none; min-height: 36px; padding: 0 12px; border: 1px solid #d6d6d3; border-radius: 8px; background: #fff; color: #111; font-size: 13px; }
.cq-page .cq-desktop-table { max-width: 100%; overflow-x: auto; border-top: 1px solid #ececea; overscroll-behavior-inline: contain; }
.cq-page .cq-table { display: table; width: 100%; min-width: 960px; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; background: #fff; color: #111; font-size: 13.5px; table-layout: auto; }
.cq-page .cq-table thead { display: table-header-group; }
.cq-page .cq-table tbody { display: table-row-group; }
.cq-page .cq-table tr { display: table-row; border: 0; background: transparent; }
.cq-page .cq-table th { display: table-cell; padding: 10px; border: 0; border-bottom: 1px solid #ececea; background: #fafaf9; color: #111; font-size: 13.5px; font-weight: 600; text-align: left; white-space: nowrap; vertical-align: middle; }
.cq-page .cq-table td { display: table-cell; padding: 7px 10px; border: 0; border-bottom: 1px solid #efefed; color: #111; font-size: 13.5px; font-weight: 400; vertical-align: middle; box-shadow: none; }
.cq-page .cq-table tbody tr:hover { background: #fcfcfb; }
.cq-page .cq-table td::before { display: none; }
.cq-page .cq-sort { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #111; font: inherit; font-weight: 600; text-align: left; white-space: nowrap; }
.cq-page .cq-sort span { font-size: 12px; }
.cq-page .cq-date-cell, .cq-page .cq-phone-cell, .cq-page .cq-amount-cell { white-space: nowrap; font-variant-numeric: tabular-nums; }
.cq-page .cq-time { display: block; margin-top: 2px; color: #777; font-size: 12px; }
.cq-page .cq-owner-cell { max-width: 230px; overflow-wrap: anywhere; }
.cq-page .cq-muted { color: #999; }
.cq-page .cq-name-cell { max-width: 170px; overflow-wrap: anywhere; }
.cq-page .cq-manager-cell { max-width: 120px; overflow-wrap: anywhere; }
.cq-page .cq-table .cq-actions-cell { text-align: center; }
.cq-page .cq-bindings { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 6px; }
.cq-page .cq-binding { display: inline-flex; align-items: center; justify-content: center; gap: 4px; max-width: 100%; min-height: 26px; margin: 0; padding: 0 9px; border: 0; border-radius: 7px; font-size: 13px; font-weight: 500; line-height: 1.4; white-space: nowrap; }
.cq-page .cq-binding > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.cq-page .cq-binding svg { width: 13px; height: 13px; stroke-width: 1.9; }
.cq-page .cq-unbound { background: #fbf1dc; color: #7a5200; }
.cq-page .cq-bound { background: #e8f4ea; color: #1d6b38; }
.cq-page .cq-reserved, .cq-page .cq-resolved { background: #f0f0ee; color: #555; }
.cq-page .cq-row-actions { display: flex; align-items: center; justify-content: center; gap: 8px; }
.cq-page .cq-receipt-button, .cq-page .cq-link-button { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: 6px; min-height: 32px; margin: 0; padding: 0 12px 0 10px; border: 1px solid #d6d6d3; border-radius: 999px; background: #fff; color: #111; font-size: 13.5px; font-weight: 500; white-space: nowrap; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.cq-page .cq-receipt-button:hover { border-color: #111; background: #f5f5f3; }
.cq-page .cq-link-button { padding: 0 14px; border-color: #111; background: #111; color: #fff; box-shadow: none; }
.cq-page .cq-link-button svg { width: 15px; height: 15px; }
.cq-page .cq-unlink-button { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: 6px; min-height: 32px; margin: 0; padding: 0 12px 0 10px; border: 1px solid #e5b4b4; border-radius: 999px; background: #fff; color: #b42318; font-size: 13.5px; font-weight: 500; white-space: nowrap; }
.cq-page .cq-unlink-button:hover { border-color: #b42318; background: #fef3f2; }
.cq-page .cq-unlink-button svg { width: 15px; height: 15px; }
:root[data-theme="dark"] .cq-page .cq-unlink-button { background-color: var(--card); border-color: #7a2e2e; color: #f97066; }
.cq-page .cq-row-notes { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-top: 5px; color: #6b6b6b; font-size: 11.5px; line-height: 1.45; overflow-wrap: anywhere; white-space: normal; }
.cq-page .cq-note-link { display: inline-flex; align-items: center; gap: 3px; max-width: 100%; margin: 0; padding: 0; border: 0; background: transparent; color: #555; font: inherit; text-align: left; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.cq-page .cq-note-link svg { width: 13px; height: 13px; }
.cq-page .cq-mobile-list { display: none; }
.cq-page .cq-empty { padding: 36px 16px; border-top: 1px solid #ececea; color: #6b6b6b; font-size: 14px; text-align: center; }
.cq-page .cq-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border-radius: 0 0 14px 14px; background: #fff; color: #6b6b6b; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.cq-page .cq-pagination-actions { display: flex; gap: 8px; }
.cq-page .cq-pagination button { min-height: 32px; margin: 0; padding: 0 10px; border: 1px solid #d6d6d3; border-radius: 8px; background: #fff; color: #111; font-size: 12.5px; }
.cq-page .cq-pagination button:hover:not(:disabled) { background: #f5f5f3; }
.cq-page [data-cq-results] { border-radius: 0 0 14px 14px; }
.cq-page [data-cq-results]:focus-visible { outline: 2px solid #111; outline-offset: -2px; }
.cq-page .cq-card .cq-link-button { color: #fff; }
.cq-page .cq-card .cq-bound { color: #1d6b38; }
.cq-page .cq-card .cq-unbound { color: #7a5200; }
.cq-page .cq-card .cq-reserved, .cq-page .cq-card .cq-resolved { color: #555; }

@media (max-width: 768px) {
  .cq-page { padding: 0 10px 24px; }
  .cq-page .cq-mobile-back { display: flex; align-items: center; height: 44px; background: transparent; }
  .cq-page .cq-mobile-back button { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0 0 0 -10px; padding: 0; border: 0; border-radius: 10px; background: transparent; color: #111; }
  .cq-page .cq-mobile-back svg { width: 20px; height: 20px; }
  /* Three tabs (owner, 14.11.2026) do not fit beside the source picker: they take their own full-width row. */
  .cq-page .cq-top-toolbar { flex-wrap: wrap; }
  .cq-page .cq-source { max-width: 100%; }
  .cq-page .cq-tabs-wrap { flex: 1 1 100%; }
  .cq-page .cq-tabs { width: 100%; }
  .cq-page .cq-tabs [role="tab"] { flex: 1 1 0; min-width: 0; padding: 0 12px; white-space: normal; text-align: center; line-height: 1.15; }
  .cq-page .cq-filter-toolbar { flex-wrap: nowrap; gap: 8px; }
  .cq-page .cq-search { flex: 1 1 0; }
  .cq-page .cq-date-trigger { flex: 0 0 44px; width: 44px; min-width: 44px; padding: 0; }
  .cq-page .cq-date-label, .cq-page .cq-date-chevron { display: none; }
  .cq-page .cq-desktop-table { display: none; }
  .cq-page .cq-mobile-list { display: block; border-top: 1px solid #ececea; }
  .cq-page .cq-mobile-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,auto); gap: 4px 10px; min-width: 0; padding: 12px 14px; border-bottom: 1px solid #f0f0ee; }
  .cq-page .cq-mobile-name { min-width: 0; overflow: hidden; color: #111; font-size: 14.5px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
  .cq-page .cq-mobile-amount { max-width: 100%; color: #111; font-size: 17px; font-weight: 700; line-height: 1.4; letter-spacing: -.01em; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
  .cq-page .cq-mobile-meta { grid-column: 1; min-width: 0; overflow: hidden; color: #6b6b6b; font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
  .cq-page .cq-mobile-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; margin-top: 6px; }
  .cq-page .cq-mobile-id { display: flex; flex: 1 1 60px; align-items: center; gap: 6px; min-width: 0; min-height: 32px; margin: 0; padding: 0 9px; border: 1px solid #e3e3e0; border-radius: 8px; background: #fff; color: #111; font-size: 12.5px; }
  .cq-page .cq-mobile-id span { flex: 1; min-width: 0; overflow: hidden; font-family: ui-monospace,Menlo,monospace; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
  .cq-page .cq-mobile-id svg { width: 15px; height: 15px; }
  .cq-page .cq-mobile-link { min-height: 32px; padding: 0 12px; border-radius: 8px; font-size: 13px; }
  .cq-page .cq-mobile-card .cq-binding { min-height: 32px; padding: 0 10px; border-radius: 8px; font-size: 12.5px; }
  .cq-page .cq-mobile-card .cq-binding svg { width: 14px; height: 14px; }
  .cq-page .cq-mobile-card .cq-row-notes { grid-column: 1 / -1; min-width: 0; font-size: 12px; }
  .cq-page .cq-mobile-card .cq-note-link { min-height: 32px; }
  .cq-page .cq-pagination { gap: 8px; }
  .cq-page .cq-pagination-actions { margin-left: auto; }
}
@media (max-width: 360px) {
  .cq-page .cq-source-trigger { padding: 0 8px; gap: 4px; }
  .cq-page .cq-tabs [role="tab"] { padding: 0 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .cq-page .cq-source-trigger > svg { transition: none; }
}
/* Dark theme: hard-coded light colours above mapped to the shared theme tokens (style.css?v=f324eb4f701eafc355191ea5). Light mode is unchanged. */
:root[data-theme="dark"] .cq-page { background-color: var(--bg); color: var(--text); }
:root[data-theme="dark"] .cq-page :is(button, a, input):focus-visible { outline-color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-card { background-color: var(--card); border-color: var(--line); }
:root[data-theme="dark"] .cq-page .cq-top-toolbar { border-bottom-color: var(--line); }
:root[data-theme="dark"] .cq-page .cq-source-trigger { background-color: var(--card); border-color: var(--border); color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-source-trigger:is(.cq-active, [aria-expanded="true"]) { border-color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-source-menu { background-color: var(--card); border-color: var(--line); }
:root[data-theme="dark"] .cq-page .cq-source-menu [role="option"] { color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-source-menu [role="option"]:is(:hover, :focus-visible, [aria-selected="true"]) { background-color: #262626; }
:root[data-theme="dark"] .cq-page .cq-source-count { color: var(--muted); }
:root[data-theme="dark"] .cq-page .cq-tabs { background-color: #262626; border-color: var(--line); }
:root[data-theme="dark"] .cq-page .cq-tabs [role="tab"] { color: var(--muted); }
:root[data-theme="dark"] .cq-page .cq-tabs [aria-selected="true"] { background-color: var(--card); color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-tab-count { border-color: var(--line); }
:root[data-theme="dark"] .cq-page .cq-search > svg { color: #d0d0d0; }
:root[data-theme="dark"] .cq-page .cq-search input { background-color: var(--card); border-color: var(--border); color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-search input::placeholder { color: var(--muted); }
:root[data-theme="dark"] .cq-page .cq-date-trigger { background-color: var(--card); border-color: var(--border); color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-date-trigger:is(.cq-active, .cq-date-open) { border-color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-export { background-color: var(--card); border-color: var(--border); color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-export:hover { background-color: #262626; }
:root[data-theme="dark"] .cq-page .cq-notice { border-top-color: var(--line); color: var(--muted); }
:root[data-theme="dark"] .cq-page .cq-error { color: var(--red); }
:root[data-theme="dark"] .cq-page .cq-error button { background-color: var(--card); border-color: var(--border); color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-desktop-table { border-top-color: var(--line); }
:root[data-theme="dark"] .cq-page .cq-table { background-color: var(--card); color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-table th { background-color: #262626; border-bottom-color: var(--line); color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-table td { border-bottom-color: var(--line); color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-table tbody tr:hover { background-color: #262626; }
:root[data-theme="dark"] .cq-page .cq-sort { color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-time { color: var(--muted); }
:root[data-theme="dark"] .cq-page .cq-muted { color: var(--muted); }
:root[data-theme="dark"] .cq-page .cq-unbound { background-color: #3b301b; color: var(--amber); }
:root[data-theme="dark"] .cq-page .cq-bound { background-color: #193b2b; color: var(--green); }
:root[data-theme="dark"] .cq-page .cq-reserved, :root[data-theme="dark"] .cq-page .cq-resolved { background-color: #262626; color: #d0d0d0; }
:root[data-theme="dark"] .cq-page .cq-receipt-button, :root[data-theme="dark"] .cq-page .cq-link-button { background-color: var(--card); border-color: var(--border); color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-receipt-button:hover { background-color: #262626; border-color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-link-button { background-color: var(--strong); border-color: var(--text); color: var(--on); }
:root[data-theme="dark"] .cq-page .cq-row-notes { color: var(--muted); }
:root[data-theme="dark"] .cq-page .cq-note-link { color: #d0d0d0; }
:root[data-theme="dark"] .cq-page .cq-empty { border-top-color: var(--line); color: var(--muted); }
:root[data-theme="dark"] .cq-page .cq-pagination { background-color: var(--card); color: var(--muted); }
:root[data-theme="dark"] .cq-page .cq-pagination button { background-color: var(--card); border-color: var(--border); color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-pagination button:hover:not(:disabled) { background-color: #262626; }
:root[data-theme="dark"] .cq-page [data-cq-results]:focus-visible { outline-color: var(--text); }
:root[data-theme="dark"] .cq-page .cq-card .cq-bound { color: var(--green); }
:root[data-theme="dark"] .cq-page .cq-card .cq-unbound { color: var(--amber); }
:root[data-theme="dark"] .cq-page .cq-card .cq-reserved, :root[data-theme="dark"] .cq-page .cq-card .cq-resolved { color: #d0d0d0; }
@media (max-width: 768px){
 :root[data-theme="dark"] .cq-page .cq-mobile-back button { color: var(--text); }
 :root[data-theme="dark"] .cq-page .cq-mobile-list { border-top-color: var(--line); }
 :root[data-theme="dark"] .cq-page .cq-mobile-card { border-bottom-color: var(--line); }
 :root[data-theme="dark"] .cq-page .cq-mobile-name { color: var(--text); }
 :root[data-theme="dark"] .cq-page .cq-mobile-amount { color: var(--text); }
 :root[data-theme="dark"] .cq-page .cq-mobile-meta { color: var(--muted); }
 :root[data-theme="dark"] .cq-page .cq-mobile-id { background-color: var(--card); border-color: var(--line); color: var(--text); }
}
:root[data-theme="dark"] .cq-page { color-scheme: dark; }