.dds-app [hidden] { display: none !important; }
.dds-access-preview-banner { position: sticky; top: 64px; z-index: 39; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; padding: 12px 24px; border-bottom: 1px solid var(--c-accent-border); background: var(--c-accent-soft); color: var(--c-text); font-size: 13px; box-shadow: 0 3px 8px var(--c-shadow); }
.dds-app .nav-sidebar { top: calc(64px + var(--access-preview-height, 0px)); height: calc(100dvh - 64px - var(--access-preview-height, 0px)); }
.dds-access-preview-banner > div { display: flex; flex: 1 1 320px; min-width: 0; align-items: baseline; flex-wrap: wrap; gap: 6px 16px; overflow-wrap: anywhere; }
.dds-access-preview-banner p { flex-basis: 100%; margin: 0; }
.dds-access-preview-banner button { flex-shrink: 0; }
.dds-access-preview-create:empty { display: none; }
.dds-access-preview-create { margin: 16px 0; padding: 16px; border: 1px solid var(--c-border); border-radius: 12px; background: var(--c-surface-2); }
.dds-access-preview-create .dds-form-help { margin: 8px 0; }
.dds-access-preview-link { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.dds-access-preview-link .dds-form-help, .dds-access-preview-link input { flex-basis: 100%; }
.dds-access-preview-link input { width: 100%; min-width: 0; font-size: 12px; }
.dds-access-preview-link a { padding: 10px 14px; border: 1px solid var(--c-border); border-radius: 8px; color: var(--c-accent-text); text-decoration: none; font-weight: 600; }
.dds-symbols { position: absolute; width: 0; height: 0; overflow: hidden; }
.dds-app .ui-icon { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.dds-app .app-header-actions { margin-left: auto; }
.dds-app .app-user-chip { max-width: 250px; }
.dds-user-chip { border: 0; font: inherit; text-align: left; cursor: pointer; }
.dds-user-chip:focus-visible, .dds-app button:focus-visible, .dds-app [tabindex="-1"]:focus-visible { outline: 2px solid var(--c-accent-border); outline-offset: 2px; }
.dds-notification-center { position: relative; }
.dds-bell-button { position: relative; }
.dds-bell-badge { position: absolute; top: -5px; right: -5px; display: inline-grid; min-width: 19px; height: 19px; padding: 0 5px; place-items: center; border: 2px solid var(--c-header-bg); border-radius: 999px; background: var(--c-danger-text); color: #fff; font-size: 9px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.dds-bell-badge[data-tone="action"] { background: var(--c-accent); color: var(--c-on-accent); }
.dds-notification-popover { position: absolute; top: calc(100% + 10px); right: 0; z-index: 55; width: min(390px, calc(100vw - 24px)); max-height: min(620px, calc(100dvh - 82px)); overflow: hidden; border: 1px solid var(--c-border); border-radius: 16px; background: var(--c-surface); color: var(--c-text); box-shadow: 0 18px 54px var(--c-shadow-strong); }
.dds-popover-heading { display: flex; align-items: center; justify-content: space-between; padding: 14px 14px 10px 16px; gap: 12px; border-bottom: 1px solid var(--c-border-soft); }
.dds-popover-heading > div { display: grid; gap: 2px; }
.dds-popover-heading strong { font-size: 14px; }
.dds-popover-heading span { color: var(--c-text-3); font-size: 10px; }
.dds-popover-heading .ui-icon-button { width: 32px; height: 32px; flex-basis: 32px; }
.dds-notification-preview { max-height: 450px; overflow-y: auto; padding: 10px; }
.dds-notification-all { width: 100%; min-height: 44px; padding: 9px 14px; border: 0; border-top: 1px solid var(--c-border-soft); background: var(--c-surface-2); color: var(--c-accent-text); font-size: 11px; font-weight: 700; cursor: pointer; }
.dds-notification-all:hover { background: var(--c-accent-soft); }
.dds-app .nav-item[aria-expanded="true"] .nav-expand-icon { transform: rotate(90deg); }
.dds-auth-stage { min-height: calc(100dvh - 64px); display: grid; place-items: center; padding: 28px 16px; }
.dds-login-card { width: min(420px, 100%); padding: 30px; border: 1px solid var(--c-border); border-radius: 18px; background: var(--c-surface); box-shadow: 0 14px 40px var(--c-shadow); }
.dds-login-icon { width: 44px; height: 44px; margin-bottom: 18px; }
.dds-login-card h1, .dds-page-heading h1 { margin: 2px 0 7px; font-size: 24px; font-weight: 800; letter-spacing: -.35px; }
.dds-login-card form { margin-top: 24px; }
.dds-login-card .form-field { margin-bottom: 16px; }
.dds-full-button { width: 100%; margin-top: 7px; }
.dds-eyebrow { margin: 0 0 4px; color: var(--c-text-3); font-size: 11px; font-weight: 600; }
.dds-muted { margin: 0; color: var(--c-text-3); font-size: 12px; }
.dds-sandbox-note { margin: 24px 0 0; padding-top: 18px; border-top: 1px solid var(--c-border-soft); color: var(--c-text-3); font-size: 10px; text-align: center; }
.dds-nav-footer { margin-top: auto; padding: 20px 10px 4px; color: var(--c-nav-text-dim); font-size: 10px; line-height: 1.65; }
.dds-nav-footer p { margin: 0 0 5px; color: var(--c-nav-text); font-weight: 600; }
.nav-collapsed .dds-nav-footer { display: none; }
.dds-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 16px; }
.dds-view { min-width: 0; }
.dds-app .app-main { padding-top: 16px; }
@media (min-width: 769px) {
  .dds-app .nav-sidebar, .dds-app .app-brand-cluster { width: 256px; flex-basis: 256px; }
}
/* Integration panels are native content of this main area, with no inner shell. */
#view-integrations { width: 100%; min-width: 0; margin: 0; padding: 0; container: integration-content / inline-size; }
#view-integrations .app-page, #view-integrations .integration-view { width: 100%; min-width: 0; margin: 0; padding: 0; }
#view-integrations .page-heading { gap: 12px; margin-bottom: 12px; padding: 0; }
#view-integrations .page-heading > div { min-width: 0; }
#view-integrations .page-heading h1 { font-size: 21px; line-height: 1.3; overflow-wrap: anywhere; }
#view-integrations .page-kicker { display: none; }
#view-integrations .page-subtitle { margin-top: 4px; font-size: 12px; overflow-wrap: anywhere; }
#view-integrations .page-heading-actions { flex-wrap: wrap; }
#view-integrations .table-wrap { width: 100%; min-width: 0; max-width: 100%; }
#view-integrations .journal-filters { flex-wrap: wrap; min-width: 0; }
#view-integrations .journal-filters .filter-field { flex: 1 1 180px; }
#view-integrations .standalone-panel { width: 100%; max-width: 780px; }
#view-integrations .integration-workspace-status { margin: 0 0 12px; color: var(--c-text-3); font-size: 12px; }
@container integration-content (max-width: 760px) {
  #view-integrations .analytics-filter-grid, #view-integrations .sales-filter-grid, #view-integrations .uds-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view-integrations .uds-filter-grid .uds-source-filter { grid-column: 1 / -1; }
  #view-integrations .analytics-filter-grid .ui-action-button, #view-integrations .uds-filter-grid .ui-action-button { justify-self: start; }
  #view-integrations .uds-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view-integrations .journal-heading { align-items: flex-start; flex-direction: column; }
  #view-integrations .journal-filters { width: 100%; }
}
@container integration-content (max-width: 520px) {
  #view-integrations .analytics-filter-grid, #view-integrations .sales-filter-grid, #view-integrations .uds-filter-grid, #view-integrations .uds-status-grid, #view-integrations .sync-status-grid { grid-template-columns: minmax(0, 1fr); }
  #view-integrations .analytics-filter-grid .ui-range-field, #view-integrations .uds-filter-grid .ui-range-field { grid-column: 1 / -1; }
  #view-integrations .analytics-filter-grid .ui-action-button, #view-integrations .uds-filter-grid .ui-action-button { width: 100%; }
  #view-integrations .journal-filters .filter-field { flex-basis: 100%; }
}
.dds-page-heading { gap: 12px; margin-bottom: 12px; }
.dds-page-heading h1 { margin: 0; font-size: 21px; line-height: 1.3; }
.dds-page-heading .dds-eyebrow { display: none; }
.dds-page-heading .dds-muted { margin-top: 4px; }
.dds-operation-actionbar { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.dds-operation-actionbar .dds-balance-summary { position: relative; min-width: 220px; margin: 0; flex: 1 1 auto; }
.dds-operation-actionbar .dds-balance-toggle { display: flex; width: auto; min-height: 44px; padding: 5px 10px; gap: 9px; }
.dds-operation-actionbar .dds-balance-toggle .ui-soft-icon-tile { width: 30px; height: 30px; flex-basis: 30px; }
.dds-operation-actionbar .dds-balance-copy { display: flex; align-items: baseline; gap: 10px; }
.dds-operation-actionbar .dds-balance-copy > span { font-size: 12px; }
.dds-operation-actionbar .dds-balance-copy strong { font-size: 18px; }
.dds-operation-actionbar .dds-wallet-popover { position: absolute; z-index: 45; top: 100%; left: 0; width: min(700px, calc(100vw - 310px)); max-height: min(560px, calc(100dvh - 210px)); overflow: auto; box-shadow: 0 14px 40px var(--c-shadow-strong); }
.dds-operation-actionbar .dds-create-actions { flex: 0 0 auto; }
.dds-operation-actionbar .dds-operations-heading { flex: 0 0 auto; margin: 0; }
.dds-operation-actionbar .dds-balance-summary { min-width: 0; }
#wallets-scope { margin: 6px 10px 0; max-width: 70ch; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
#operation-create-hint { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: var(--c-info-bg); color: var(--c-info-text); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.dds-operation-actionbar { flex-wrap: wrap; }
.dds-operations-heading h1 { font-size: 20px; white-space: nowrap; }
.dds-counterparty-filters { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(150px, .4fr) minmax(150px, .4fr); gap: 12px; margin-bottom: 12px; }
.dds-counterparty-filters .form-field { margin: 0; }
.dds-counterparty-rules { margin: 14px 0; padding: 12px; border: 1px solid var(--c-border); border-radius: 10px; }
.dds-counterparty-rules legend { padding: 0 5px; font-size: 13px; font-weight: 650; }
.dds-group-choices { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 10px 0; }
.dds-counterparty-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.dds-modal-sheet.dds-employee-card { width: min(1050px, calc(100vw - 32px)); }
.dds-employee-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 20px; }
.dds-employee-overview > section { min-width: 0; }
.dds-employee-overview h3 { margin: 0 0 14px; }
.dds-employee-wallets-table { min-width: 760px; }
.dds-employee-wallets-table select { width: 100%; min-width: 160px; }
.dds-employee-wallet-effective { min-width: 260px; max-width: 420px; }
.dds-employee-wallet-effective p { margin: 0 0 7px; }
.dds-permissions-table .dds-field-note, .dds-employee-wallets-table .dds-field-note { display: block; max-width: 150px; margin-top: 5px; }
.dds-profile-access { margin-top: 24px; }
@media (max-width: 700px) {
  .dds-employee-overview { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
.dds-permissions-section { margin-top: 20px; }
.dds-permissions-section > h3 { margin-bottom: 6px; }
.dds-permissions-section > .dds-muted { margin-bottom: 12px; }
.dds-permissions-table { min-width: 660px; }
.dds-permissions-table input[type=checkbox] { width: 18px; height: 18px; accent-color: var(--c-accent); }
.dds-permissions-table td:not(:first-child) { vertical-align: middle; }
.dds-employee-summary { margin: 0 0 18px; }
.dds-employee-tabs { display: flex; gap: 4px; padding: 4px; background: var(--c-surface-2); border-radius: 12px; margin: 0 0 22px; width: fit-content; }
.dds-employee-tabs [role=tab] { border: 0; border-radius: 9px; background: transparent; color: var(--c-text-2); font: inherit; font-size: 13px; font-weight: 650; padding: 11px 22px; cursor: pointer; }
.dds-employee-tabs [role=tab][aria-selected=true] { background: var(--c-surface); color: var(--c-text); box-shadow: 0 1px 5px var(--c-shadow); }
.dds-employee-tabs [role=tab]:disabled { opacity: .45; cursor: default; }
.dds-modal-sheet.dds-employee-card { width: min(930px, calc(100vw - 32px)); padding: 26px 30px; }
.dds-employee-card-heading h2 { margin: 3px 0 6px; }
.dds-employee-card-heading .dds-muted { margin: 0; }
.dds-employee-section-title { padding: 8px 0 0; margin-bottom: -2px; }
.dds-employee-section-title h3 { margin: 0 0 5px; font-size: 16px; }
.dds-employee-section-title p { margin: 0; font-size: 12px; }
#employee-form-mount .dds-form-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 18px 22px; }
#employee-form-mount .form-field { margin: 0; }
#employee-form-mount label { font-size: 13px; }
#employee-form-mount input, #employee-form-mount select { min-height: 44px; }
#employee-form-mount .dds-modal-actions { position: sticky; bottom: -26px; background: var(--c-surface); border-top: 1px solid var(--c-border-soft); padding: 16px 0; margin-bottom: -12px; z-index: 2; }
.dds-employee-extra { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--c-border-soft); color: var(--c-text-2); font-size: 12px; }
.dds-employee-extra summary { cursor: pointer; margin-bottom: 12px; }
.dds-employee-close-warning { padding: 14px; margin-bottom: 16px; background: var(--c-warning-bg, var(--c-accent-soft)); border-radius: 10px; }
.dds-employee-close-warning p { margin: 0 0 10px; }
.dds-employee-close-warning button { margin: 0 8px 6px 0; }
.dds-team-toolbar { display: grid; grid-template-columns: minmax(220px,1.6fr) minmax(170px,1fr) minmax(155px,.8fr) auto; align-items: end; gap: 16px; margin: 18px 0 12px; }
.dds-team-toolbar .form-field { margin: 0; }
.dds-team-toolbar input, .dds-team-toolbar select, .dds-team-toolbar > button { min-height: 42px; }
.dds-team-count { margin: 0 0 12px; font-size: 12px; }
.dds-team-table td { padding-top: 14px; padding-bottom: 14px; }
.dds-team-table .dds-employee-name-link { border: 0; background: transparent; padding: 5px 0; box-shadow: none; color: var(--c-text); font-size: 14px; font-weight: 700; text-align: left; }
.dds-team-table .dds-employee-name-link:hover { color: var(--c-accent-text); text-decoration: underline; }
.dds-team-table td p { margin: 0 0 5px; }
@media (max-width: 760px) {
  .dds-team-toolbar { grid-template-columns: 1fr 1fr; gap: 12px; }
  .dds-team-toolbar .form-field:first-child { grid-column: 1 / -1; }
  .dds-team-toolbar > button { grid-column: 1 / -1; }
  .dds-modal-sheet.dds-employee-card { padding: 18px; }
  #employee-form-mount .dds-form-grid { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .dds-employee-tabs { max-width: 100%; }
  .dds-employee-tabs [role=tab] { padding: 10px 14px; }
  #employee-form-mount .dds-modal-actions { bottom: -18px; }
}
@media (max-width: 900px) {
  .dds-operation-actionbar { flex-wrap: wrap; }
  .dds-operation-actionbar .dds-balance-summary { flex-basis: 100%; }
  .dds-operation-actionbar .dds-wallet-popover { width: min(700px, calc(100vw - 40px)); }
  .dds-counterparty-filters { grid-template-columns: 1fr 1fr; }
  .dds-counterparty-filters .form-field:first-child { grid-column: 1 / -1; }
}
.dds-create-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.dds-create-button { min-height: 44px; padding-inline: 14px; gap: 7px; border: 1px solid var(--c-border-2); box-shadow: 0 3px 10px var(--c-shadow); }
.dds-create-button .ui-icon { width: 16px; height: 16px; }
.dds-create-button.income { border-color: color-mix(in srgb, var(--c-success-text) 45%, var(--c-border)); background: var(--c-success-bg); color: var(--c-success-text); }
.dds-create-button.expense { border-color: color-mix(in srgb, var(--c-danger-text) 42%, var(--c-border)); background: var(--c-danger-bg); color: var(--c-danger-text); }
.dds-create-button.transfer { border-color: color-mix(in srgb, var(--c-info-text) 42%, var(--c-border)); background: var(--c-info-bg); color: var(--c-info-text); }
.dds-create-button:hover:not(:disabled) { filter: brightness(.98); box-shadow: 0 5px 14px var(--c-shadow-strong); transform: translateY(-1px); }
.dds-create-button:disabled { cursor: not-allowed; filter: grayscale(.35); opacity: .48; box-shadow: none; }
.dds-context-line { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: var(--c-text-3); font-size: 10px; margin-bottom: 22px; }
.dds-context-line .status-badge { white-space: normal; text-align: left; }
.dds-notice, .dds-inline-message { margin: 12px 0; padding: 12px 14px; border: 1px solid var(--c-border); border-radius: 10px; background: var(--c-info-bg); color: var(--c-info-text); font-size: 12px; overflow-wrap: anywhere; }
.dds-notice[data-tone="error"], .dds-inline-message { background: var(--c-danger-bg); color: var(--c-danger-text); }
.dds-notice[data-tone="success"], .dds-inline-message[data-tone="success"] { background: var(--c-success-bg); color: var(--c-success-text); }
.dds-success-toast { position: fixed; top: 74px; left: 50%; z-index: 90; width: max-content; max-width: min(520px, calc(100vw - 32px)); margin: 0; padding: 12px 16px; border: 1px solid var(--c-success-text); border-radius: 12px; background: var(--c-success-bg); color: var(--c-success-text); box-shadow: 0 8px 24px var(--c-shadow-strong); font-size: 13px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; transform: translateX(-50%); pointer-events: none; }
.dds-inline-message[data-tone="info"] { background: var(--c-info-bg); color: var(--c-info-text); }
.dds-loading { padding: 8px 0; color: var(--c-text-3); font-size: 12px; }
.dds-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.dds-section-heading h2 { margin: 0 0 3px; font-size: 16px; font-weight: 700; }
.dds-admin-create-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.dds-admin-catalog-section + .dds-admin-catalog-section { margin-top: 22px; }
.dds-admin-catalog-section > h3 { margin: 0 0 10px; color: var(--c-text-2); font-size: 13px; }
.dds-balance-summary { margin: 0 0 18px; }
.dds-balance-toggle { display: grid; grid-template-columns: 38px minmax(150px, auto) 1fr 18px; align-items: center; width: 100%; min-height: 62px; padding: 10px 14px; gap: 11px; border: 1px solid var(--c-border); border-radius: 14px; background: linear-gradient(135deg, var(--c-surface), var(--c-surface-2)); color: var(--c-text); text-align: left; cursor: pointer; box-shadow: 0 3px 14px var(--c-shadow); }
.dds-balance-toggle:hover, .dds-balance-toggle[aria-expanded="true"] { border-color: var(--c-accent-border); box-shadow: 0 6px 20px var(--c-accent-shadow); }
.dds-balance-toggle .ui-soft-icon-tile { width: 38px; height: 38px; flex-basis: 38px; background: var(--c-accent-soft); color: var(--c-accent-text); }
.dds-balance-copy { display: grid; min-width: 0; gap: 2px; }
.dds-balance-copy > span { color: var(--c-text-3); font-size: 10px; font-weight: 700; }
.dds-balance-copy strong { overflow: hidden; font-size: 19px; line-height: 1.1; letter-spacing: -.25px; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
.dds-balance-copy strong.is-negative, .dds-wallet-compact-value.is-negative { color: var(--c-danger-text); }
.dds-balance-meta { justify-self: end; color: var(--c-text-3); font-size: 11px; }
.dds-balance-chevron { color: var(--c-text-3); transition: transform .18s ease; }
.dds-balance-toggle[aria-expanded="true"] .dds-balance-chevron { transform: rotate(180deg); }
.dds-wallet-popover { margin-top: 10px; padding: 14px; border: 1px solid var(--c-border); border-radius: 14px; background: var(--c-surface); }
.dds-wallet-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); align-items: start; gap: 14px; }
.dds-wallet-group { min-width: 0; border: 1px solid var(--c-border-soft); border-radius: 10px; overflow: hidden; }
.dds-wallet-group-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto 14px; align-items: center; gap: 8px; min-height: 54px; padding: 12px; background: var(--c-surface-2); cursor: pointer; list-style: none; }
.dds-wallet-group-heading::-webkit-details-marker { display: none; }
.dds-wallet-group-heading h3 { margin: 0; color: var(--c-text-2); font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }
.dds-wallet-group-heading strong { white-space: nowrap; font-size: 13px; font-variant-numeric: tabular-nums; }
.dds-wallet-group-heading .ui-icon { width: 14px; height: 14px; transition: transform .18s ease; }
.dds-wallet-group[open] .dds-wallet-group-heading .ui-icon { transform: rotate(180deg); }
.dds-wallet-group-heading:focus-visible { outline: 2px solid var(--c-accent-border); outline-offset: -2px; }
.dds-wallet-group-heading strong.is-negative { color: var(--c-danger-text); }
.dds-wallet-inline-list { display: grid; margin: 0; padding: 0 12px; list-style: none; }
.dds-wallet-inline-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 12px; min-height: 44px; padding: 11px 0; color: var(--c-text-2); font-size: 13px; line-height: 1.5; }
.dds-wallet-inline-item + .dds-wallet-inline-item { border-top: 1px solid var(--c-border-soft); }
.dds-wallet-compact-name { min-width: 0; overflow-wrap: anywhere; }
.dds-wallet-compact-value { white-space: nowrap; text-align: right; font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
.dds-wallet-note { margin: 12px 0 0; color: var(--c-text-3); font-size: 12px; }
.dds-wallet-popover > .dds-empty { padding-block: 22px; }
.dds-tabs { display: flex; gap: 4px; margin-bottom: 0; border-bottom: 1px solid var(--c-border); overflow-x: auto; }
.dds-tab { flex-shrink: 0; padding: 12px 16px; min-height: 44px; border: 1px solid var(--c-border-soft); border-bottom: 0; border-radius: 10px 10px 0 0; background: var(--c-surface-2); color: var(--c-text-2); font-weight: 600; font-size: 12px; cursor: pointer; }
.dds-tab.is-active { color: var(--c-accent-text); background: var(--c-accent-soft); border-color: var(--c-accent-border); }
.dds-tab span:not(:empty) { margin-left: 4px; font-variant-numeric: tabular-nums; }
.dds-panel { padding: 20px 0 0; }
.dds-operation-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.dds-filter-button { min-height: 40px; gap: 7px; }
.dds-filter-button .ui-icon { width: 16px; height: 16px; }
.dds-filter-sheet { width: min(570px, 100%); }
.dds-filter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.dds-filter-grid .form-field { margin: 0; }
.is-column-filter .dds-filter-grid { grid-template-columns: minmax(0, 1fr); }
.dds-filter-actions { flex-wrap: nowrap; }
.dds-action-spacer { flex: 1 1 auto; }
.dds-text-button { min-height: 40px; padding: 5px 0; border: 0; background: none; color: var(--c-text-2); font-size: 11px; font-weight: 600; text-align: left; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.dds-text-button:hover { color: var(--c-accent-text); }
.dds-list-heading { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin: 17px 2px 11px; }
.dds-list-heading .dds-muted { font-size: 10px; }
.dds-table-wrap { overflow-x: auto; border: 1px solid var(--c-border); border-radius: 14px; background: var(--c-surface); }
.dds-table { border-collapse: collapse; width: 100%; min-width: 840px; font-size: 12px; }
.dds-table.dds-admin-table { min-width: 650px; }
.dds-table th { padding: 11px 13px; background: var(--c-surface-2); color: var(--c-text-2); font-size: 10px; font-weight: 700; text-align: left; white-space: nowrap; }
.dds-table td { padding: 13px; border-top: 1px solid var(--c-border-soft); vertical-align: top; }
.dds-table tbody tr:hover { background: var(--c-surface-2); }
.dds-table tbody tr.is-archived { color: var(--c-text-3); opacity: .72; }
.dds-catalog-filters { display: grid; grid-template-columns: minmax(180px, 1.4fr) repeat(3, minmax(145px, 1fr)); gap: 10px; margin: 0 0 14px; }
.dds-catalog-filters .form-field { margin: 0; }
.dds-catalog-filters input, .dds-catalog-filters select { min-height: 42px; }
.dds-article-table { min-width: 760px; }
.dds-article-description { display: block; max-width: 340px; margin-top: 4px; color: var(--c-text-3); font-size: 10px; font-weight: 400; }
.dds-table .dds-date-cell { white-space: nowrap; font-variant-numeric: tabular-nums; font-size: 11px; }
.dds-report-filters { display: grid; grid-template-columns: minmax(220px, 1.3fr) minmax(140px, .8fr) minmax(160px, 1fr) minmax(160px, 1fr) auto; align-items: end; margin-bottom: 10px; padding: 10px 12px; gap: 10px; border: 1px solid var(--c-border); border-radius: 14px; background: var(--c-surface); box-shadow: 0 2px 10px var(--c-shadow); }
.dds-report-filters .form-field { min-width: 0; margin: 0; }
.dds-report-filters .ui-range-field { grid-column: auto; }
.dds-report-filters input:not([type="checkbox"]):not(.ui-native-control), .dds-report-filters select:not(.ui-native-control), .dds-report-filters .ui-control-trigger { min-height: 44px; }
.dds-report-zero { align-self: end; min-height: 44px; max-width: 180px; padding: 0 4px; white-space: normal; font-size: 12px; }
.dds-report-direction-label { display: flex; align-items: center; gap: 6px; }
.dds-report-direction-label label { font-size: 12px; }
.dds-info-popover { position: relative; color: var(--c-text-3); }
.dds-info-popover summary { list-style: none; cursor: pointer; font-size: 16px; line-height: 18px; }
.dds-info-popover summary::-webkit-details-marker { display: none; }
.dds-info-popover p { position: absolute; right: 0; top: 22px; z-index: 25; width: min(300px, 75vw); margin: 0; padding: 12px; border: 1px solid var(--c-border); border-radius: 10px; background: var(--c-surface); box-shadow: 0 5px 20px var(--c-shadow); font-size: 12px; line-height: 1.5; }
.dds-report-scroll { overflow: auto; max-height: calc(100dvh - 290px); min-height: 160px; overscroll-behavior: contain; }
.dds-report-scroll .dds-report-table thead th { position: sticky; top: 0; z-index: 3; background: var(--c-surface-2); box-shadow: 0 1px 0 var(--c-border); }
.dds-report-scroll .dds-report-table thead th:first-child { z-index: 4; }
.app-main:has(#view-dds-report:not([hidden])) > .dds-page-footer { display: none; }
.dds-report-filters .dds-report-submit { min-height: 44px; padding-inline: 14px; }
#report-updated-at { margin: 0 0 12px; color: var(--c-text-3); font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
#report-updated-at:empty { display: none; }
#view-dds-report > .dds-page-heading > .dds-row-actions { min-width: 0; max-width: none; gap: 8px; }
#report-refresh { min-height: 44px; max-width: 100%; padding-inline: 14px; white-space: normal; }
.dds-report-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-bottom: 12px; gap: 8px; }
.dds-report-direction-note { margin: 12px 0; padding: 12px 14px; background: var(--c-info-bg); color: var(--c-info-text); border-radius: 10px; font-size: 13px; }
.dds-report-kpi { display: grid; min-width: 0; min-height: 70px; align-content: center; padding: 10px 12px; gap: 5px; border: 1px solid var(--c-border-soft); border-radius: 11px; background: var(--c-surface-2); }
.dds-report-kpi span { color: var(--c-text-2); font-size: 11px; font-weight: 600; line-height: 1.4; }
.dds-report-kpi strong { color: var(--c-text); font-size: 16px; font-weight: 800; line-height: 1.2; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; white-space: normal; }
.dds-report-kpi.income strong { color: var(--c-success-text); }
.dds-report-kpi.expense strong { color: var(--c-danger-text); }
.dds-report-kpi.negative strong { color: var(--c-danger-text); }
.dds-report-table { min-width: 760px; font-size: 13px; }
.dds-report-table th { font-size: 11px; }
.dds-report-table td { font-size: 13px; line-height: 1.45; }
.dds-report-table th:not(:first-child), .dds-report-table td:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dds-report-table th:first-child, .dds-report-table td:first-child { position: sticky; left: 0; z-index: 1; width: 250px; min-width: 250px; max-width: 320px; overflow-wrap: anywhere; white-space: normal; background: var(--c-surface); }
.dds-report-table thead th:first-child { z-index: 2; background: var(--c-surface-2); }
.dds-report-table .dds-report-activity > * { padding-block: 11px; background: var(--c-surface-3); color: var(--c-text); font-weight: 800; }
.dds-report-table .dds-report-kind > * { background: var(--c-surface-2); color: var(--c-text-2); font-weight: 750; }
.dds-report-table .dds-report-kind > :first-child { padding-left: 24px; background: var(--c-surface-2); }
.dds-report-table .dds-report-article > :first-child { padding-left: 40px; }
.dds-report-table .dds-report-total > * { border-top-color: var(--c-border-2); background: var(--c-accent-soft); color: var(--c-accent-text); font-weight: 800; }
.dds-report-table .dds-report-total > :first-child { background: var(--c-accent-soft); }
.dds-report-table .dds-report-balance > * { background: var(--c-surface-2); font-weight: 750; }
.dds-report-table .dds-report-balance > :first-child { background: var(--c-surface-2); }
.dds-report-table .dds-report-boundary > * { color: var(--c-warn-text); }
.dds-report-value-negative { color: var(--c-danger-text); }
.dds-report-value-positive { color: var(--c-success-text); }
.dds-report-archive-label { color: var(--c-text-3); font-size: 10px; font-weight: 500; }
.dds-report-method { margin-top: 12px; line-height: 1.55; }
.dds-report-cell-button { appearance: none; display: block; width: 100%; border: 0; border-radius: 4px; padding: 2px 0; background: transparent; color: inherit; font: inherit; font-variant-numeric: tabular-nums; text-align: right; cursor: pointer; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; }
.dds-report-cell-button:hover, .dds-report-cell-button:focus-visible { text-decoration-color: currentColor; background: var(--c-accent-soft); }
.dds-report-cell-button:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 3px; }
.dds-modal-sheet.dds-report-drilldown-sheet { display: flex; flex-direction: column; width: min(1200px, 100%); overflow: hidden; }
.dds-report-drilldown-sheet .dds-modal-heading { flex-shrink: 0; margin-bottom: 8px; }
#report-drilldown-content { min-height: 80px; overflow: auto; overscroll-behavior: contain; }
.dds-report-drilldown-table { min-width: 850px; }
.dds-report-drilldown-table tbody tr { cursor: pointer; }
.dds-report-drilldown-table tbody tr:hover { background: var(--c-accent-soft); }
.dds-report-drilldown-table td:last-child { max-width: 300px; white-space: normal; overflow-wrap: anywhere; }
.dds-report-drilldown-pagination { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; padding-top: 12px; }
.dds-denomination-editor { margin: 16px 0; }
.dds-denomination-editor h3 { margin-bottom: 10px; font-size: 14px; }
.dds-denomination-table { width: 100%; min-width: 0; table-layout: fixed; }
.dds-denomination-table th:first-child { width: 24%; }
.dds-denomination-table td, .dds-denomination-table th { padding: 5px 8px; text-align: right; }
.dds-denomination-table input { width: 100%; min-width: 0; min-height: 34px; padding: 5px 8px; text-align: right; font-variant-numeric: tabular-nums; }
.dds-denomination-summary { margin: 8px 0; text-align: right; font-weight: 700; }
.dds-denomination-history-event { margin: 12px 0; padding: 10px; border: 1px solid var(--c-border); border-radius: 8px; }
.dds-denomination-history-event summary { cursor: pointer; line-height: 1.5; }
.dds-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.dds-article-catalog { display: grid; gap: 22px; }
.dds-article-activity { display: grid; gap: 11px; }
.dds-article-activity-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 0 2px; }
.dds-article-activity-heading h3 { margin: 0; font-size: 15px; font-weight: 750; letter-spacing: -.1px; }
.dds-article-activity-heading > span { color: var(--c-text-3); font-size: 10px; white-space: nowrap; }
.dds-article-groups { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 12px; }
.dds-article-group { min-width: 0; overflow: hidden; border: 1px solid var(--c-border); border-radius: 14px; background: var(--c-surface); box-shadow: 0 2px 10px var(--c-shadow); }
.dds-article-group-heading { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 10px 13px; gap: 10px; border-bottom: 1px solid var(--c-border-soft); background: linear-gradient(135deg, var(--c-surface-2), var(--c-surface)); }
.dds-article-group-heading h4 { margin: 0; min-width: 0; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
.dds-article-group-heading > span { display: inline-grid; min-width: 23px; height: 23px; padding: 0 6px; place-items: center; border-radius: 999px; background: var(--c-accent-soft); color: var(--c-accent-text); font-size: 9px; font-weight: 750; }
.dds-article-group .dds-table-wrap { border: 0; border-radius: 0; }
.dds-article-group .dds-table { min-width: 760px; }
.dds-article-description { max-width: 310px; }
.dds-operation-label { display: flex; align-items: center; gap: 8px; font-weight: 700; }
.dds-operation-label .ui-icon { width: 15px; height: 15px; flex-shrink: 0; }
.dds-operation-comment { max-width: 240px; margin: 6px 0 0; color: var(--c-text-2); font-size: 11px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.dds-operation-meta { display: block; margin-top: 6px; color: var(--c-text-3); font-size: 10px; overflow-wrap: anywhere; }
.dds-route { max-width: 230px; font-size: 11px; overflow-wrap: anywhere; }
.dds-route span { display: block; color: var(--c-text-3); margin-top: 4px; }
.dds-money { white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: 700; }
.dds-money.income { color: var(--c-success-text); }
.dds-money.expense { color: var(--c-danger-text); }
.dds-row-actions { display: flex; flex-wrap: wrap; gap: 5px; min-width: 140px; max-width: 240px; }
.dds-small-button { min-height: 32px; padding: 5px 8px; border: 1px solid var(--c-border-2); border-radius: 8px; background: var(--c-surface); color: var(--c-text-2); cursor: pointer; font-size: 10px; font-weight: 600; }
.dds-small-button:hover { background: var(--c-surface-3); }
.dds-small-button.primary { color: var(--c-accent-text); background: var(--c-accent-soft); border-color: var(--c-accent-border); }
.dds-small-button.danger { color: var(--c-danger-text); }
.dds-empty { display: grid; justify-items: center; gap: 7px; padding: 34px 20px; border: 1px dashed var(--c-border-2); border-radius: 14px; background: var(--c-surface); text-align: center; color: var(--c-text-3); }
.dds-empty h3 { margin: 0; color: var(--c-text); font-size: 14px; }
.dds-empty p { margin: 0; max-width: 420px; font-size: 12px; }
.dds-wallet-grid > .dds-empty { grid-column: 1 / -1; }
.dds-load-more { display: flex; justify-content: center; gap: 12px; margin-top: 16px; }
.dds-section-actions { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.dds-page-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 30px; padding-top: 14px; border-top: 1px solid var(--c-border); color: var(--c-text-3); font-size: 10px; }
.dds-notification { display: flex; align-items: flex-start; gap: 13px; padding: 15px; margin-bottom: 9px; border: 1px solid var(--c-border); border-radius: 13px; background: var(--c-surface); }
.dds-notification.is-unread { border-left: 3px solid var(--c-accent-border); background: linear-gradient(90deg, var(--c-accent-soft), var(--c-surface) 28%); }
.dds-notification.is-compact { gap: 10px; padding: 11px; margin-bottom: 7px; box-shadow: none; }
.dds-notification.is-compact > .ui-soft-icon-tile { width: 30px; height: 30px; flex-basis: 30px; border-radius: 8px; }
.dds-notification > .ui-soft-icon-tile { flex-shrink: 0; }
.dds-notification-copy { min-width: 0; flex: 1 1 auto; }
.dds-notification-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.dds-notification-heading .status-badge { flex-shrink: 0; }
.dds-notification h3 { font-size: 13px; margin: 0 0 5px; }
.dds-notification.is-compact h3 { font-size: 11px; }
.dds-notification p { margin: 5px 0; color: var(--c-text-2); font-size: 12px; overflow-wrap: anywhere; }
.dds-notification.is-compact p { margin: 3px 0; font-size: 10px; }
.dds-notification .dds-small-button { margin-top: 5px; }
.dds-notification-actions { max-width: none; margin-top: 7px; }
.dds-notification.is-compact .dds-small-button { min-height: 30px; margin-top: 2px; padding: 4px 7px; }
.dds-notifications-list { margin-top: 16px; }
.dds-browser-notifications { display: grid; gap: 10px; min-width: 0; margin: 0 0 16px; padding: 14px; border: 1px solid var(--c-border); border-radius: 12px; background: var(--c-surface); color: var(--c-text); }
.dds-browser-notifications h3 { margin: 0; font-size: 14px; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.dds-browser-notifications > p { margin: 0; max-width: 80ch; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.dds-browser-notifications > .ui-action-button { justify-self: start; min-height: 44px; max-width: 100%; padding: 10px 14px; font-size: 12px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
.dds-notifications-sheet { width: min(720px, 100%); }
.dds-confirmations { margin-bottom: 22px; }
.dds-confirmations > h3 { font-size: 14px; margin: 0 0 12px; }
.dds-profile-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(320px, 1.15fr); align-items: start; gap: 14px; }
.dds-profile-card, .dds-sessions-card { padding: 18px; border: 1px solid var(--c-border); border-radius: 14px; background: var(--c-surface); box-shadow: 0 2px 10px var(--c-shadow); }
.dds-max-binding { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--c-border-soft); }
.dds-max-binding h3 { margin: 0 0 5px; font-size: 14px; }
.dds-max-binding .dds-inline-message { margin-top: 8px; }
.dds-profile-card h2 { margin: 0 0 15px; font-size: 16px; }
.dds-profile-card .form-field { margin-bottom: 12px; }
.dds-profile-details { display: grid; margin: 0; gap: 13px; }
.dds-profile-details > div { display: grid; grid-template-columns: minmax(75px, .4fr) 1fr; gap: 12px; padding-bottom: 11px; border-bottom: 1px solid var(--c-border-soft); }
.dds-profile-details dt { color: var(--c-text-3); font-size: 10px; font-weight: 700; }
.dds-profile-details dd { margin: 0; overflow-wrap: anywhere; font-size: 12px; font-weight: 650; }
.dds-sessions-card { margin-top: 14px; }
.dds-session-list { display: grid; gap: 8px; }
.dds-session-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px; border: 1px solid var(--c-border-soft); border-radius: 11px; background: var(--c-surface-2); }
.dds-session-card > div { min-width: 0; }
.dds-session-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.dds-session-heading h3 { margin: 0; font-size: 12px; }
.dds-session-card p { margin: 5px 0 0; overflow-wrap: anywhere; }
.dds-users-table { min-width: 720px; }
.dds-check-field { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 12px; }
.dds-check-field input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--c-accent-text); }
.dds-layer { position: fixed; inset: 0; z-index: 70; display: grid; align-items: center; justify-items: center; padding: 20px; background: var(--c-overlay-strong); }
.dds-modal-open { overflow: hidden; }
.dds-modal-sheet { width: min(620px, 100%); max-height: calc(100dvh - 40px); overflow-y: auto; padding: 22px; border: 1px solid var(--c-border); border-radius: 16px; background: var(--c-surface); color: var(--c-text); box-shadow: 0 20px 64px var(--c-shadow-strong); }
.dds-modal-small { width: min(490px, 100%); }
.dds-history-sheet { width: min(850px, 100%); }
.dds-modal-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.dds-modal-heading h2 { margin: 0; font-size: 18px; font-weight: 700; overflow-wrap: anywhere; }
.dds-modal-heading > .ui-icon-button { flex-shrink: 0; }
.dds-modal-sheet fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
.dds-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
.dds-form-grid .form-field { margin: 0; }
.dds-checkbox-line { display: flex; align-items: flex-start; gap: 10px; margin-top: 18px; font-weight: 600; line-height: 1.5; }
.dds-checkbox-line input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 3px; }
.dds-accrual-editor, .dds-split-editor { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--c-border-soft); }
.dds-accrual-editor h3, .dds-split-editor h3 { margin: 0 0 8px; font-size: 16px; }
.dds-accrual-preview { margin-top: 10px; min-width: 0; }
.dds-accrual-schedule { padding: 10px 12px; border: 1px solid var(--c-border-soft); border-radius: 10px; overflow-wrap: anywhere; }
.dds-accrual-schedule summary { cursor: pointer; font-size: 13px; line-height: 1.5; }
.dds-allocation-list { margin: 12px 0 0; max-height: 250px; overflow-y: auto; }
.dds-allocation-list > div { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; }
.dds-allocation-list dd { margin: 0; white-space: nowrap; }
.dds-split-toolbar, .dds-split-part-heading { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin-top: 12px; }
.dds-split-part-heading { margin: 0 0 12px; }
.dds-split-part-heading h4 { margin: 0; }
.dds-operation-part { margin-top: 12px; padding: 14px; border: 1px solid var(--c-border); border-radius: 12px; min-width: 0; }
.dds-operation-part input, .dds-operation-part select, .dds-operation-part textarea { width: 100%; min-width: 0; min-height: 40px; }
.dds-split-summary { position: sticky; top: 0; z-index: 1; padding: 10px; background: var(--c-surface); border: 1px solid var(--c-border-soft); border-radius: 8px; font-size: 13px; line-height: 1.5; }
.dds-split-summary.is-invalid { border-color: var(--c-danger, #b42318); }
.dds-source-review-label { display: block; margin-top: 5px; font-size: 12px; font-weight: 650; color: var(--c-warning-text, #9a6200); }
.dds-source-review { padding: 14px; margin: 14px 0; border: 1px solid var(--c-warning-text, #9a6200); border-radius: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.dds-source-review p { margin: 8px 0 0; }
.dds-form-wide { grid-column: 1 / -1; }
.dds-field-note { display: block; min-height: 16px; margin-top: 5px; color: var(--c-text-3); font-size: 10px; font-variant-numeric: tabular-nums; }
.dds-form-help { margin: 14px 0 0; padding: 11px 13px; border-radius: 10px; background: var(--c-surface-2); color: var(--c-text-2); font-size: 11px; }
.dds-modal-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.dds-modal-actions .ui-action-button { padding-inline: 13px; }
.dds-modal-sheet textarea { resize: vertical; min-height: 90px; }
#operation-layer .dds-modal-heading { margin-bottom: 16px; }
#operation-form .form-field { gap: 5px; }
#operation-form .form-field > label { font-size: 12px; line-height: 1.4; }
#operation-form :is(input:not(.ui-native-control):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select:not(.ui-native-control), .ui-control-trigger) { min-height: 44px; font-size: 14px; }
#operation-form .form-field:not([hidden]):has(:is(input, select, textarea)[required]:not([type="hidden"]):is(:not([hidden]), .ui-native-control)) > label::after { content: " *"; color: var(--c-text-3); }
#operation-form .dds-field-optional { color: var(--c-text-3); font-weight: 400; }
#operation-form .dds-field-note { min-height: 0; margin-top: 0; font-size: 12px; line-height: 1.4; }
#operation-form .dds-field-note:empty, #operation-form .dds-form-help:empty { display: none; }
#operation-form .dds-field-error { margin-top: 0; line-height: 1.4; }
#operation-form .dds-form-help { margin-top: 10px; padding: 8px 10px; font-size: 12px; line-height: 1.45; }
#operation-form .dds-accrual-editor, #operation-form .dds-split-editor { margin-top: 14px; padding-top: 12px; }
#operation-form .dds-accrual-editor > .dds-form-help, #operation-form .dds-split-editor > .dds-form-help { margin: 0 0 12px; }
#operation-form .dds-accrual-editor h3, #operation-form .dds-split-editor h3 { font-size: 14px; }
#operation-form .dds-split-toolbar:has(> button[hidden]:only-child) { display: none; }
#operation-form .dds-modal-actions { margin-top: 16px; }
#operation-comment { min-height: 64px; max-height: 180px; resize: vertical; }
.dds-operation-grid:has(#operation-direction-field[hidden]) #operation-comment-field { grid-column: 1 / -1; }
#operation-form:has(#operation-split-field:not([hidden])) #operation-amount-field { grid-column: 1 / -1; }
.dds-history-event { margin-top: 16px; padding: 16px; border: 1px solid var(--c-border); border-radius: 12px; }
.dds-history-event h3 { margin: 0 0 5px; font-size: 13px; }
.dds-history-event > p { margin: 6px 0 12px; font-size: 11px; color: var(--c-text-3); }
.dds-history-reason { padding: 10px; border-radius: 8px; background: var(--c-warn-bg); color: var(--c-warn-text); overflow-wrap: anywhere; white-space: pre-wrap; }
.dds-history-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 11px; }
.dds-history-table th { text-align: left; font-size: 10px; padding: 8px; background: var(--c-surface-2); }
.dds-history-table td { vertical-align: top; padding: 8px; border-top: 1px solid var(--c-border-soft); overflow-wrap: anywhere; white-space: pre-wrap; }
.dds-history-table th:first-child { width: 23%; }
.dds-opening-summary { white-space: nowrap; font-weight: 700; font-variant-numeric: tabular-nums; }
.dds-opening-summary span { display: block; margin-top: 3px; color: var(--c-text-3); font-size: 10px; font-weight: 500; }
.dds-fixed-date { margin: 0 0 12px; color: var(--c-text-3); font-size: 11px; }
.dds-table tbody tr.is-focused { outline: 2px solid var(--c-accent-border); outline-offset: -2px; background: var(--c-accent-soft); }
.dds-operation-table { table-layout: fixed; font-size: 13px; }
.dds-operation-table .dds-route { font-size: 13px; }
.dds-operation-table .dds-row-actions { min-width: 0; max-width: none; flex-wrap: nowrap; }
.dds-operation-table .dds-small-button { min-height: 36px; font-size: 12px; }
.dds-operation-table th { padding: 10px 12px; font-size: 12px; }
.dds-operation-table td { padding: 14px 12px; vertical-align: middle; font-size: 13px; }
.dds-operation-table .dds-date-cell { width: 86px; white-space: nowrap; font-size: 12px; }
.dds-operation-table .dds-money { width: 120px; text-align: right; }
.dds-operation-table th.dds-money .dds-column-filter { justify-content: flex-end; }
.dds-operation-table .dds-operation-wallet { width: 13%; overflow-wrap: anywhere; }
.dds-operation-table .dds-operation-article { width: 13%; }
.dds-operation-table .dds-operation-direction { width: 12%; overflow-wrap: anywhere; }
.dds-operation-table .dds-operation-counterparty { width: 15%; overflow-wrap: anywhere; }
.dds-operation-row { cursor: pointer; }
.dds-operation-row:hover { background: var(--c-surface-2); }
.dds-operation-row:hover > td { background: var(--c-surface-2); }
.dds-operation-row:focus-visible { outline: 2px solid var(--c-accent-border); outline-offset: -2px; }
.dds-operation-row:focus-visible > td { background: var(--c-accent-soft); }
.dds-operation-table .is-focused > td { background: var(--c-accent-soft); }
.dds-operation-table .dds-operation-comment { max-width: none; margin: 0; font-size: inherit; line-height: 1.45; }
.dds-operation-table .dds-operation-accrual { width: 52px; padding-inline: 6px; text-align: center; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dds-operation-article { color: var(--c-text-2); overflow-wrap: anywhere; }
.dds-column-filter { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 3px 0; border: 0; background: transparent; color: inherit; font: inherit; font-size: 12px; font-weight: 600; text-align: left; cursor: pointer; }
.dds-column-filter.is-icon-only { width: 36px; padding-inline: 8px; gap: 0; }
.dds-column-filter .ui-icon { width: 13px; height: 13px; opacity: .45; flex-shrink: 0; }
.dds-column-filter:hover, .dds-column-filter.is-active { color: var(--c-accent-text); }
.dds-column-filter.is-active .ui-icon { opacity: 1; }
.dds-floating-operation-header { position: fixed; z-index: 25; overflow: hidden; border: 1px solid var(--c-border); border-radius: 10px 10px 0 0; background: var(--c-surface-2); box-shadow: 0 3px 8px var(--c-shadow); }
.dds-floating-operation-header table { table-layout: fixed; margin: 0; }
.dds-floating-operation-header th { box-sizing: border-box; }
.dds-status-control { position: relative; display: inline-flex; }
.dds-status-icon { display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 8px; border: 0; border-radius: 50%; background: var(--c-surface-2); color: var(--c-text-3); cursor: pointer; }
.dds-status-icon.success { color: var(--c-success-text); background: var(--c-success-bg); }
.dds-status-icon.warning { color: var(--c-warn-text); background: var(--c-warn-bg); }
.dds-status-icon.danger { color: var(--c-danger-text); background: var(--c-danger-bg); }
.dds-status-icon .ui-icon { width: 18px; height: 18px; }
.dds-status-tooltip { position: absolute; bottom: calc(100% + 6px); left: 0; right: auto; z-index: 20; display: none; width: max-content; max-width: 240px; padding: 8px 10px; border: 1px solid var(--c-border); border-radius: 8px; background: var(--c-surface); color: var(--c-text); box-shadow: 0 4px 18px var(--c-shadow); font-size: 12px; font-weight: 400; white-space: normal; }
.dds-status-control.is-open .dds-status-tooltip { display: block; }
.dds-operation-table .dds-operation-status { width: 56px; padding-inline: 8px; text-align: center; }
.dds-operation-table th.dds-operation-status .dds-column-filter { justify-content: center; }
.dds-operation-details-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 22px; }
.dds-operation-details-heading .dds-money { font-size: 26px; }
.dds-operation-details-fields { margin: 0; display: grid; gap: 0; }
.dds-operation-details-fields > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--c-border-soft); }
.dds-operation-details-fields dt { color: var(--c-text-3); font-size: 13px; }
.dds-operation-details-fields dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; }
#operation-details-content .dds-small-button { min-height: 44px; padding: 9px 13px; font-size: 13px; }
#view-operations { container: operations-content / inline-size; }
.dds-operation-quick-filters { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(220px, 300px) auto auto; gap: 10px; align-items: end; width: 100%; }
.dds-export-menu { position: relative; }
.dds-export-menu > summary { min-height: 44px; list-style: none; cursor: pointer; }
.dds-export-menu > summary::-webkit-details-marker { display: none; }
.dds-export-menu > summary::after { content: "⌄"; margin-left: 8px; }
.dds-export-options { position: absolute; top: calc(100% + 6px); right: 0; z-index: 35; display: grid; gap: 4px; min-width: 165px; padding: 6px; border: 1px solid var(--c-border); border-radius: 10px; background: var(--c-surface); box-shadow: 0 6px 20px var(--c-shadow); }
.dds-export-options button { justify-content: flex-start; min-height: 40px; }
.dds-operation-quick-filters .form-field { margin: 0; min-width: 0; }
.dds-operation-quick-filters .ui-range-field { grid-column: auto; }
.dds-operation-quick-filters .dds-filter-button { min-height: 44px; }
.dds-operation-quick-filters .dds-operation-search > label,
.dds-operation-quick-filters .ui-range-field > label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
#view-operations .dds-list-heading { margin-top: 10px; margin-bottom: 8px; }
.dds-filter-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.dds-filter-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; max-width: 100%; padding: 6px 10px; border: 1px solid var(--c-accent-border); border-radius: 9px; background: var(--c-accent-soft); color: var(--c-accent-text); font: inherit; font-size: 12px; cursor: pointer; overflow-wrap: anywhere; text-align: left; }
.dds-filter-chip:hover { filter: brightness(.97); }
.dds-filter-chip .ui-icon { width: 14px; height: 14px; flex-shrink: 0; }
.dds-filter-chip-clear { background: transparent; border-color: transparent; color: var(--c-text-2); text-decoration: underline; }
.dds-field-error { display: block; color: var(--c-danger-text); font-size: 12px; margin-top: 6px; }
.dds-field-invalid input, .dds-field-invalid select, .dds-field-invalid textarea, .dds-field-invalid .ui-control-trigger { border-color: var(--c-danger-text); }
.dds-wallet-field-balance { font-size: 12px; }
.dds-saved-operation-link { margin-left: 12px; }
@media (max-width: 700px) {
  .dds-operation-quick-filters { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
  .dds-operation-search { grid-column: 1 / -1; }
  .dds-filter-chip { min-height: 40px; }
}
@container operations-content (max-width: 700px) {
  .dds-operation-quick-filters { grid-template-columns: minmax(0, 1fr) auto; }
  .dds-operation-search { grid-column: 1 / -1; }
}
@media (max-width: 1280px) {
  .dds-report-filters { grid-template-columns: repeat(3, minmax(140px, 1fr)); }
  .dds-report-zero { grid-column: auto; justify-self: start; }
  .dds-report-submit { justify-self: stretch; }
}
@media (max-width: 960px) {
  .dds-page-heading { align-items: flex-start; }
  .dds-catalog-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dds-report-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dds-report-zero { grid-column: auto; }
  .dds-report-zero, .dds-report-submit { justify-self: start; }
  .dds-report-summary { grid-template-columns: repeat(3, minmax(125px, 1fr)); }
  .dds-profile-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 768px) {
  body.dds-nav-open { overflow: hidden; }
  .dds-layer { padding: 12px; }
  .dds-modal-sheet { max-height: calc(100dvh - 24px); padding: 18px; }
  .dds-nav-footer { margin-top: 30px; }
  .dds-create-actions { justify-content: flex-start; }
  .dds-report-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dds-notification-popover { position: fixed; top: 70px; right: 8px; left: 8px; width: auto; max-height: calc(100dvh - 78px); }
}
.dds-auto-import-stage { margin: 0 0 20px; max-width: 76ch; }
.dds-table.dds-auto-import-table { min-width: 1050px; }
.dds-auto-import-name { min-width: 190px; font-weight: 600; }
.dds-auto-import-name > span { display: block; margin-top: 5px; font-size: 11px; font-weight: 400; }
.dds-auto-import-preview { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--c-border); }
.dds-auto-import-preview > p { margin: 0 0 10px; }
.dds-auto-import-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 16px 0; }
.dds-auto-import-metric { display: flex; flex-direction: column; gap: 6px; padding: 12px; border: 1px solid var(--c-border); border-radius: 10px; }
.dds-auto-import-metric strong { font-size: 18px; overflow-wrap: anywhere; }
.dds-table.dds-auto-import-preview-table { min-width: 760px; }
.dds-auto-import-preview-table td:last-child { min-width: 220px; max-width: 380px; white-space: normal; }
.dds-auto-import-preview-actions { display: flex; justify-content: flex-end; margin-top: 14px; }
.dds-rule-switch { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 4px; border: 0; background: transparent; color: var(--c-text); font: inherit; cursor: pointer; }
.dds-rule-switch-track { display: inline-block; position: relative; width: 38px; height: 22px; border-radius: 20px; background: var(--c-text-3); }
.dds-rule-switch-track::after { content: ""; position: absolute; width: 16px; height: 16px; top: 3px; left: 3px; border-radius: 50%; background: var(--c-surface); }
.dds-rule-switch[aria-checked="true"] .dds-rule-switch-track { background: var(--c-accent); }
.dds-rule-switch[aria-checked="true"] .dds-rule-switch-track::after { transform: translateX(16px); }
.dds-rule-switch:focus-visible { outline: 2px solid var(--c-accent-border); outline-offset: 3px; border-radius: 5px; }
@media (max-width: 640px) {
  .dds-auto-import-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dds-auto-import-preview-table td:last-child { min-width: 0; max-width: none; }
  .dds-table-wrap:has(.dds-operation-table) { overflow: visible; border: 0; background: transparent; }
  .dds-operation-table { min-width: 0; }
  .dds-operation-table thead, .dds-article-table thead, .dds-users-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
  .dds-operation-table tbody { display: grid; gap: 10px; }
  .dds-operation-table tr { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; column-gap: 6px; align-items: center; padding: 12px; border: 1px solid var(--c-border); border-radius: 13px; background: var(--c-surface); box-shadow: 0 2px 9px var(--c-shadow); }
  .dds-operation-table td[class] { min-width: 0; width: auto; padding: 4px; border: 0; }
  .dds-operation-table td.dds-operation-status { grid-column: 1; grid-row: 1; padding: 0; }
  .dds-operation-table td.dds-date-cell { grid-column: 2; grid-row: 1; color: var(--c-text-3); }
  .dds-operation-table td.dds-money { grid-column: 3; grid-row: 1; text-align: right; }
  .dds-operation-table td.dds-operation-wallet { grid-column: 1 / -1; grid-row: 2; }
  .dds-operation-table td.dds-operation-article { grid-column: 1 / -1; grid-row: 3; }
  .dds-operation-table td.dds-operation-direction { grid-column: 1 / -1; grid-row: 4; }
  .dds-operation-table td.dds-operation-counterparty { grid-column: 1 / -1; grid-row: 5; }
  .dds-operation-table td.dds-operation-accrual { grid-column: 1 / -1; grid-row: 6; text-align: left; }
  .dds-operation-table td.dds-operation-comment-cell { grid-column: 1 / -1; grid-row: 7; }
  .dds-operation-table td:is(.dds-operation-wallet, .dds-operation-article, .dds-operation-direction, .dds-operation-counterparty, .dds-operation-accrual, .dds-operation-comment-cell) { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 8px; max-width: none; font-size: 12px; }
  .dds-operation-table td:is(.dds-operation-wallet, .dds-operation-article, .dds-operation-direction, .dds-operation-counterparty, .dds-operation-accrual, .dds-operation-comment-cell)::before { content: attr(data-label); color: var(--c-text-3); font-size: 12px; font-weight: 600; }
  .dds-operation-table .dds-operation-comment { max-width: none; }
  .dds-operation-table .dds-row-actions { max-width: none; }
  .dds-table-wrap:has(.dds-article-table) { overflow: visible; border: 0; background: transparent; }
  .dds-article-table { min-width: 0; }
  .dds-article-table tbody { display: grid; gap: 8px; }
  .dds-article-table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px; border: 1px solid var(--c-border-soft); border-radius: 10px; background: var(--c-surface); }
  .dds-article-table td { display: grid; align-content: start; gap: 3px; padding: 5px; border: 0; overflow-wrap: anywhere; }
  .dds-article-table td::before { color: var(--c-text-3); font-size: 9px; font-weight: 700; }
  .dds-article-table td::before { content: attr(data-label); }
  .dds-article-table td:nth-child(1), .dds-article-table td:nth-child(5) { grid-column: 1 / -1; }
  .dds-article-table .dds-row-actions { max-width: none; }
  .dds-admin-table-wrap { overflow: visible; border: 0; background: transparent; }
  .dds-table.dds-admin-table { width: 100%; max-width: 100%; min-width: 0; table-layout: fixed; }
  .dds-admin-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
  .dds-admin-table tbody { display: grid; width: 100%; max-width: 100%; min-width: 0; gap: 10px; }
  .dds-admin-table tr { display: grid; width: 100%; max-width: 100%; min-width: 0; grid-template-columns: minmax(0, 1fr); padding: 12px; border: 1px solid var(--c-border); border-radius: 13px; background: var(--c-surface); box-shadow: 0 2px 9px var(--c-shadow); box-sizing: border-box; }
  .dds-admin-table td { display: grid; width: 100%; max-width: 100%; min-width: 0; padding: 6px 4px; gap: 3px; border: 0; white-space: normal; overflow-wrap: anywhere; box-sizing: border-box; }
  .dds-admin-table td::before { content: attr(data-label); color: var(--c-text-3); font-size: 9px; font-weight: 700; line-height: 1.25; }
  .dds-admin-table td[data-label="Кошелёк"] { padding-top: 2px; color: var(--c-text); font-size: 13px; font-weight: 750; }
  .dds-admin-table td[data-label="Действия"] { padding-top: 9px; }
  .dds-admin-table .dds-opening-summary { white-space: normal; }
  .dds-admin-table .dds-row-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: 100%; min-width: 0; gap: 7px; box-sizing: border-box; }
  .dds-admin-table .dds-small-button { width: 100%; max-width: 100%; min-width: 0; min-height: 40px; padding: 7px 6px; line-height: 1.25; white-space: normal; overflow-wrap: anywhere; box-sizing: border-box; }
  .dds-table-wrap:has(.dds-users-table) { overflow: visible; border: 0; background: transparent; }
  .dds-users-table { min-width: 0; }
  .dds-users-table tbody { display: grid; gap: 10px; }
  .dds-users-table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px; border: 1px solid var(--c-border); border-radius: 13px; background: var(--c-surface); }
  .dds-users-table td { display: grid; gap: 3px; padding: 5px; border: 0; overflow-wrap: anywhere; }
  .dds-users-table td::before { content: attr(data-label); color: var(--c-text-3); font-size: 9px; font-weight: 700; }
  .dds-users-table td:first-child, .dds-users-table td:last-child { grid-column: 1 / -1; }
  .dds-users-table .dds-row-actions { max-width: none; }
  .dds-operation-table td.is-empty { display: none; }
  .dds-operation-table .dds-small-button { min-height: 40px; }
  .dds-operation-details-fields > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .dds-operation-details-heading .dds-money { font-size: 24px; }
  .dds-status-icon { width: 40px; height: 40px; }
  .dds-status-tooltip { left: 0; right: auto; }
  .dds-operation-table .dds-row-actions { flex-wrap: wrap; justify-content: flex-end; }
  .dds-operation-table .dds-money { font-size: 13px; }
}
@media (max-width: 520px) {
  .dds-browser-notifications > .ui-action-button { width: 100%; }
  .dds-page-heading { flex-direction: column; align-items: stretch; gap: 16px; }
  .dds-create-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; gap: 6px; }
  .dds-create-button { min-width: 0; padding-inline: 7px; justify-content: center; font-size: 10px; }
  .dds-create-button .ui-icon { width: 14px; height: 14px; }
  .dds-section-heading { align-items: flex-start; flex-direction: column; }
  .dds-admin-create-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .dds-admin-create-actions .ui-action-button { justify-content: center; min-width: 0; padding-inline: 8px; }
  .dds-balance-toggle { grid-template-columns: 34px minmax(0, 1fr) 16px; min-height: 58px; padding: 9px 11px; }
  .dds-balance-toggle .ui-soft-icon-tile { width: 34px; height: 34px; flex-basis: 34px; }
  .dds-balance-copy strong { font-size: 17px; }
  .dds-balance-meta { display: none; }
  .dds-wallet-popover { padding: 10px; }
  .dds-wallet-groups { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .dds-filter-grid, .dds-catalog-filters { grid-template-columns: minmax(0, 1fr); }
  .dds-report-filters, .dds-report-summary { grid-template-columns: minmax(0, 1fr); }
  .dds-report-filters .ui-range-field { grid-column: auto; }
  .dds-report-zero, .dds-report-submit { width: 100%; justify-self: stretch; }
  .dds-report-submit { justify-content: center; }
  .dds-report-kpi { min-height: 66px; }
  .dds-report-table th:first-child, .dds-report-table td:first-child { width: 205px; min-width: 205px; max-width: 205px; }
  .dds-form-grid { grid-template-columns: minmax(0, 1fr); }
  .dds-tab { padding-inline: 12px; font-size: 11px; }
  .dds-login-card { padding: 24px 20px; }
  .dds-small-button { min-height: 40px; }
  .dds-modal-actions .ui-action-button { flex: 1 1 130px; }
  .dds-page-footer { align-items: flex-start; flex-direction: column; gap: 4px; }
  .dds-context-line { gap: 8px; }
  .dds-history-event { padding: 11px; }
  .dds-layer { align-items: end; padding: 0; }
  .dds-modal-sheet { width: 100%; max-height: 92dvh; padding: 18px 16px max(18px, env(safe-area-inset-bottom)); border-radius: 18px 18px 0 0; }
  .dds-filter-sheet { min-height: min(92dvh, 680px); }
  .dds-filter-actions { position: sticky; bottom: calc(-1 * max(18px, env(safe-area-inset-bottom))); margin-inline: -16px; padding: 12px 16px max(18px, env(safe-area-inset-bottom)); border-top: 1px solid var(--c-border); background: var(--c-surface); }
  .dds-action-spacer { display: none; }
  .dds-filter-actions .dds-text-button { margin-right: auto; }
  .dds-session-card { align-items: stretch; flex-direction: column; }
  .dds-notification > .ui-soft-icon-tile { display: none; }
  .dds-notification-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
  .dds-notification-actions { width: 100%; }
  .dds-notification-actions .dds-small-button { flex: 1 1 115px; }
}
@media (max-width: 390px) {
  .dds-app .app-header-actions { gap: 4px; }
  .dds-bell-button, .dds-app #theme-toggle, .dds-app #logout { width: 34px; height: 34px; flex-basis: 34px; }
}
/* DDS administration: one catalog table on desktop and compact records on mobile. */
#view-admin-dds > .dds-page-heading { margin-bottom: 12px; }
#view-admin-dds > .dds-page-heading .dds-muted { display: none; }
.dds-admin-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 12px 0; }
.dds-admin-toolbar .ui-action-button { padding: 8px 13px; gap: 8px; }
.dds-admin-history { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 6px 0; border: 0; background: transparent; color: var(--c-text-2); font: inherit; font-size: 12px; cursor: pointer; }
.dds-admin-history .ui-icon { width: 18px; height: 18px; }
.dds-article-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--c-border); border-bottom: 0; border-radius: 12px 12px 0 0; background: var(--c-surface); }
.dds-article-search { flex: 1 1 230px; max-width: 330px; margin: 0; }
.dds-article-kind-chips { display: flex; align-items: center; gap: 8px; }
.dds-article-kind-chip { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 40px; padding: 7px 12px; border: 1px solid var(--c-border); border-radius: 9px; background: var(--c-surface); color: var(--c-text); font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; }
.dds-article-kind-chip.is-active { background: var(--c-accent-soft); border-color: var(--c-accent-border); }
.dds-admin-count { display: inline-grid; place-items: center; min-width: 22px; padding: 2px 6px; border-radius: 7px; background: var(--c-surface-3); color: var(--c-text-2); font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.dds-article-archived { margin-left: auto; font-size: 12px; }
.dds-article-extra-filters { position: relative; }
.dds-article-extra-filters > summary { display: grid; place-items: center; width: 40px; height: 40px; list-style: none; border: 1px solid var(--c-border); border-radius: 9px; cursor: pointer; }
.dds-article-extra-filters > summary::-webkit-details-marker, .dds-admin-row-menu > summary::-webkit-details-marker { display: none; }
.dds-article-extra-filters > .form-field { position: absolute; z-index: 28; top: calc(100% + 6px); right: 0; width: 230px; padding: 12px; margin: 0; border: 1px solid var(--c-border); border-radius: 10px; background: var(--c-surface); box-shadow: 0 6px 20px var(--c-shadow); }
.dds-admin-table-frame { overflow: visible; border-radius: 12px; }
#articles-content > .dds-admin-table-frame { border-radius: 0 0 12px 12px; }
.dds-admin-article-table, .dds-wallet-admin-table { min-width: 0; table-layout: fixed; font-size: 13px; }
.dds-admin-article-table th, .dds-wallet-admin-table th { padding: 10px 12px; font-size: 12px; }
.dds-admin-article-table td { padding: 2px 12px; vertical-align: middle; font-size: 13px; line-height: 1.4; }
.dds-admin-article-table th:nth-child(1) { width: 25%; }
.dds-admin-article-table th:nth-child(2) { width: 15%; }
.dds-admin-article-table th:nth-child(3) { width: 18%; }
.dds-admin-article-table th:last-child { width: 88px; }
.dds-admin-article-name { font-weight: 650; overflow-wrap: anywhere; }
.dds-admin-article-name .status-badge { display: inline-block; margin-left: 6px; }
.dds-admin-article-movement { white-space: nowrap; }
.dds-admin-article-movement .ui-icon { display: inline-block; width: 16px; height: 16px; margin-right: 7px; vertical-align: middle; }
.dds-admin-article-movement.income .ui-icon { color: var(--c-success-text); }
.dds-admin-article-movement.expense .ui-icon { color: var(--c-danger-text); }
.dds-admin-article-activity, .dds-admin-article-description { color: var(--c-text-2); overflow-wrap: anywhere; }
.dds-admin-article-actions { white-space: nowrap; text-align: right; }
.dds-admin-icon-button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; min-height: 32px; padding: 6px; border: 0; border-radius: 7px; background: transparent; color: var(--c-text-2); font-size: 23px; line-height: 1; cursor: pointer; list-style: none; }
.dds-admin-icon-button:hover { background: var(--c-surface-3); }
.dds-admin-icon-button .ui-icon { width: 16px; height: 16px; }
.dds-admin-row-menu { position: relative; display: inline-block; vertical-align: middle; }
.dds-admin-menu-items { position: absolute; top: calc(100% + 4px); right: 0; z-index: 30; display: grid; min-width: 190px; padding: 5px; border: 1px solid var(--c-border); border-radius: 9px; background: var(--c-surface); box-shadow: 0 8px 24px var(--c-shadow); }
.dds-admin-menu-items .dds-small-button { min-height: 38px; border: 0; background: transparent; border-radius: 6px; text-align: left; font-size: 12px; white-space: nowrap; }
.dds-admin-menu-items .dds-small-button:hover { background: var(--c-surface-2); }
.dds-admin-history-list { display: grid; gap: 6px; }
.dds-admin-history-list .dds-small-button { min-height: 42px; padding: 8px 12px; text-align: left; font-size: 13px; }
.dds-admin-opening-note { margin: 12px 0; padding: 10px 12px; border: 1px solid var(--c-border); border-radius: 10px; color: var(--c-text-2); font-size: 12px; }
.dds-wallet-admin-table th:first-child { width: 25%; }
.dds-wallet-admin-table th:nth-child(2), .dds-wallet-admin-table th:nth-child(3) { width: 18%; text-align: right; }
.dds-wallet-admin-table th:nth-child(5) { width: 100px; }
.dds-wallet-admin-table th:last-child { width: 54px; }
.dds-wallet-admin-table td { padding: 10px 12px; vertical-align: middle; font-size: 13px; }
.dds-wallet-admin-group > td { padding: 7px 12px; background: var(--c-surface-2); }
.dds-wallet-admin-group-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dds-wallet-admin-group-toggle { display: inline-flex; align-items: center; gap: 9px; min-height: 32px; padding: 0; border: 0; background: none; color: var(--c-text); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.dds-wallet-admin-group-toggle .ui-icon { width: 16px; height: 16px; }
.dds-wallet-admin-group-toggle[aria-expanded="false"] .ui-icon { transform: rotate(-90deg); }
.dds-wallet-admin-name { overflow-wrap: anywhere; }
.dds-wallet-admin-name > .ui-icon { display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-right: 9px; }
.dds-wallet-state-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--c-text-3); margin-right: 8px; vertical-align: middle; }
.dds-wallet-state-dot.is-ready { background: var(--c-success-text); }
.dds-wallet-admin-opening, .dds-wallet-admin-balance { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dds-wallet-admin-opening small { display: block; color: var(--c-text-3); font-size: 11px; }
.dds-wallet-admin-balance { font-weight: 600; }
.dds-wallet-admin-responsible { color: var(--c-text-2); overflow-wrap: anywhere; }
.dds-wallet-admin-responsible .ui-icon { display: none; }
.dds-wallet-admin-access, .dds-wallet-admin-actions { text-align: right; }
.dds-wallet-access-button { padding-inline: 0; min-height: 32px; border: 0; background: transparent; color: var(--c-accent-text); font-size: 12px; }
.dds-opening-set { background: var(--c-warn-bg); color: var(--c-warn-text); border-color: transparent; font-size: 12px; }
.is-opening-unset .dds-wallet-admin-balance { color: var(--c-warn-text); font-weight: 500; }
.dds-wallet-admin-empty > td { color: var(--c-text-3); font-size: 12px; }
.dds-admin-modal-form .form-field > label { font-size: 12px; }
.dds-admin-modal-form .dds-field-note, .dds-admin-modal-form .dds-form-help { font-size: 12px; line-height: 1.45; }
.dds-admin-modal-form .dds-form-help:empty { display: none; }
.dds-admin-modal-form .dds-field-optional { color: var(--c-text-3); font-weight: 400; }
.dds-admin-modal-form textarea { min-height: 64px; }
.dds-admin-modal-form .dds-modal-actions { margin-top: 16px; }
.dds-wallet-access-list { display: grid; max-height: 220px; overflow-y: auto; gap: 0; margin-top: 12px; }
.dds-wallet-access-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; min-height: 42px; border: 0; border-top: 1px solid var(--c-border-soft); background: transparent; color: var(--c-text); text-align: left; font: inherit; font-size: 12px; cursor: pointer; }
.dds-wallet-access-row > span:last-child { color: var(--c-text-3); text-align: right; }
@media (min-width: 761px) {
  #view-admin-dds { position: relative; }
  #view-admin-dds > .dds-page-heading { min-height: 40px; padding-right: 260px; margin-bottom: 8px; align-items: center; }
  #view-admin-dds > .dds-tabs { padding-right: 190px; }
  #view-admin-dds > .dds-panel { padding-top: 12px; }
  #view-admin-dds .dds-admin-toolbar { height: 0; margin: 0; }
  #view-admin-dds .dds-admin-toolbar > :first-child { position: absolute; top: 0; right: 0; }
  #view-admin-dds .dds-admin-toolbar > .dds-admin-history { position: absolute; top: 50px; right: 0; }
  #view-admin-dds .dds-admin-opening-note { margin-top: 0; }
}
@media (max-width: 760px) {
  .dds-admin-toolbar { flex-wrap: wrap; gap: 8px; }
  .dds-admin-toolbar .dds-admin-create-actions { display: flex; width: auto; }
  .dds-admin-history { margin-left: auto; font-size: 11px; }
  .dds-article-toolbar { padding: 0 0 12px; border: 0; background: transparent; border-radius: 0; gap: 8px; }
  .dds-article-search { flex-basis: 100%; max-width: none; }
  .dds-article-kind-chips { gap: 6px; flex: 1 1 auto; }
  .dds-article-kind-chip { flex: 1; gap: 6px; padding: 7px 9px; }
  .dds-article-archived { order: 3; width: 100%; min-height: 32px; }
  .dds-admin-article-table thead, .dds-wallet-admin-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .dds-admin-article-table tbody { display: block; }
  .dds-admin-article-table tr { display: grid; grid-template-columns: auto minmax(0, 1fr) 70px; gap: 4px 8px; padding: 12px; border: 0; border-bottom: 1px solid var(--c-border-soft); border-radius: 0; box-shadow: none; background: var(--c-surface); }
  .dds-admin-article-table tr:last-child { border-bottom: 0; }
  .dds-admin-article-table td { display: block; padding: 0; border: 0; font-size: 12px; }
  .dds-admin-article-table td::before { display: none; }
  #articles-content > .dds-admin-table-frame { border: 1px solid var(--c-border); border-radius: 12px; }
  .dds-admin-article-table td.dds-admin-article-name { grid-column: 1 / 3; grid-row: 1; font-size: 14px; }
  .dds-admin-article-table td.dds-admin-article-movement { grid-column: 1; grid-row: 2; }
  .dds-admin-article-table td.dds-admin-article-activity { grid-column: 2 / 4; grid-row: 2; }
  .dds-admin-article-table .dds-admin-article-activity::before { display: inline; content: "· "; }
  .dds-admin-article-table td.dds-admin-article-description { grid-column: 1 / -1; grid-row: 3; }
  .dds-admin-article-table .dds-admin-article-description.is-empty { display: none; }
  .dds-admin-article-table td.dds-admin-article-actions { grid-column: 3; grid-row: 1; justify-self: end; }
  .dds-admin-article-table .dds-admin-icon-button { width: 32px; height: 32px; }
  #wallet-admin-content > .dds-admin-table-frame { border: 0; background: transparent; }
  .dds-admin-opening-note { padding: 0; border: 0; font-size: 12px; }
  .dds-wallet-admin-table, .dds-wallet-admin-table tbody { display: block; width: 100%; }
  .dds-wallet-admin-table .dds-wallet-admin-group { display: block; margin-top: 14px; }
  .dds-wallet-admin-group > td { display: block; padding: 0 0 8px; border: 0; background: transparent; }
  .dds-wallet-admin-group-toggle { font-size: 15px; }
  .dds-wallet-admin-table .dds-wallet-admin-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; margin-bottom: 10px; padding: 13px; border: 1px solid var(--c-border); border-radius: 12px; background: var(--c-surface); }
  .dds-wallet-admin-table .dds-wallet-admin-row.is-opening-unset { border-color: var(--c-warn-text); }
  .dds-wallet-admin-row > td { min-width: 0; padding: 0; border: 0; font-size: 13px; }
  .dds-wallet-admin-row .dds-wallet-admin-name { grid-column: 1; grid-row: 1; font-size: 15px; }
  .dds-wallet-admin-name > .ui-icon, .dds-wallet-state-dot { display: none; }
  .dds-wallet-admin-row .dds-wallet-admin-actions { grid-column: 2; grid-row: 1; }
  .dds-wallet-admin-row .dds-wallet-admin-balance { grid-column: 1 / -1; grid-row: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .dds-wallet-admin-row .dds-wallet-admin-balance::before { content: attr(data-label); color: var(--c-text-3); font-size: 12px; font-weight: 400; }
  .dds-wallet-admin-row .dds-wallet-admin-responsible { grid-column: 1 / -1; grid-row: 3; display: flex; align-items: center; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid var(--c-border-soft); }
  .dds-wallet-admin-responsible .ui-icon { display: inline-block; width: 18px; height: 18px; flex-shrink: 0; }
  .dds-wallet-admin-row .dds-wallet-admin-opening { grid-column: 1; grid-row: 4; align-self: center; text-align: left; white-space: normal; }
  .dds-wallet-admin-row .dds-wallet-admin-opening::before { content: "Начальный: "; color: var(--c-text-3); font-size: 12px; }
  .dds-wallet-admin-row .dds-wallet-admin-access { grid-column: 2; grid-row: 4; }
  .dds-wallet-admin-empty > td { display: block; padding: 10px 0; border: 0; }
  .dds-wallet-admin-table tr[hidden] { display: none; }
}
@media (prefers-reduced-motion: reduce) { .dds-app *, .dds-app *::before, .dds-app *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }

/* DDS live operations: independent totals, selection, and responsible wallets. */
.dds-app { --dds-operations-nav-width: 256px; --dds-operations-footer-fallback-height: 100px; }
.dds-app .app-shell.nav-collapsed { --dds-operations-nav-width: 72px; }
#view-operations { padding-bottom: calc(var(--dds-operations-footer-height, var(--dds-operations-footer-fallback-height)) + 16px); }
#operations-content [data-operation-id] { scroll-margin-bottom: calc(var(--dds-operations-footer-height, var(--dds-operations-footer-fallback-height)) + 16px); }
.app-main:has(#view-operations:not([hidden])) > .dds-page-footer { display: none; }
.dds-operations-footer { position: fixed; inset-inline-start: var(--dds-operations-nav-width); inset-inline-end: 0; bottom: 0; z-index: 30; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 10px 24px; max-height: 50dvh; overflow: auto; padding: 10px 18px calc(10px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--c-border); background: var(--c-surface); color: var(--c-text); box-shadow: 0 -4px 16px var(--c-shadow); transition: inset-inline-start .18s ease; }
.dds-operation-totals-block { display: flex; flex-direction: column; align-items: flex-end; min-width: 0; max-width: 100%; gap: 7px; margin-left: auto; }
#operations-totals { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px 22px; min-height: 26px; font-variant-numeric: tabular-nums; }
.dds-operation-total { white-space: nowrap; }
.dds-selection-summary { display: flex; align-items: center; flex-wrap: wrap; min-width: 0; max-width: 100%; gap: 8px 14px; padding: 7px 12px; background: var(--c-accent-soft); border-radius: 9px; font-size: 13px; }
.dds-operation-table .dds-operation-selection { width: 38px; padding-inline: 8px; text-align: center; }
.dds-operation-selection input { width: 17px; height: 17px; accent-color: var(--c-accent); cursor: pointer; }
.dds-operation-table .is-selected > td { background: var(--c-accent-soft); }
#operations-totals .dds-loading, .dds-selection-summary .dds-loading { display: inline-flex; align-items: center; gap: 8px; }
#operations-totals .dds-loading::before, .dds-selection-summary .dds-loading::before { content: ''; width: 14px; height: 14px; border: 2px solid var(--c-border); border-top-color: var(--c-accent-text); border-radius: 50%; animation: dds-totals-spin .8s linear infinite; }
@keyframes dds-totals-spin { to { transform: rotate(360deg); } }
.dds-operation-actionbar .dds-responsible-summary { flex: 0 1 auto; }
.dds-responsible-popover { position: absolute; z-index: 46; top: 100%; right: 0; width: min(410px, calc(100vw - 40px)); max-height: 360px; overflow: auto; padding: 14px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: 12px; box-shadow: 0 14px 40px var(--c-shadow-strong); }
#responsible-wallets-toggle:disabled { opacity: 1; cursor: default; }
#responsible-wallets-toggle:disabled .dds-balance-chevron { display: none; }
.dds-list-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
@media (max-width: 768px) {
  .dds-app .app-shell, .dds-app .app-shell.nav-collapsed { --dds-operations-nav-width: 0px; --dds-operations-footer-fallback-height: 180px; }
  .dds-operations-footer { padding-inline: 14px; gap: 8px 14px; }
}
@media (max-width: 700px) {
  .dds-operation-table td.dds-operation-selection { grid-column: 1; grid-row: 8; padding-top: 8px; }
  .dds-operation-totals-block { width: 100%; }
  #operations-totals { gap: 8px 14px; font-size: 13px; }
  .dds-selection-summary { width: 100%; }
  .dds-operation-actionbar .dds-responsible-summary { flex-basis: auto; }
}
@media (prefers-reduced-motion: reduce) { #operations-totals .dds-loading::before, .dds-selection-summary .dds-loading::before { animation: none; } }
@media (max-width: 640px) { .dds-access-preview-banner { align-items: flex-start; padding: 10px 12px; font-size: 12px; } .dds-access-preview-banner button { max-width: 120px; } }

/* Operations workspace: the same flat, compact surface language as payroll. */
#view-operations { --dds-operations-line: var(--c-border-soft); --dds-operations-selected: color-mix(in srgb, var(--c-accent-soft) 55%, var(--c-surface)); }
#view-operations .dds-operation-quick-filters { grid-template-columns: auto minmax(150px, 1fr) minmax(220px, 275px) 40px 40px; align-items: center; gap: 10px; margin: 0 0 12px; }
#view-operations .dds-operations-heading { margin: 0 8px 0 0; }
#view-operations .dds-operations-heading h1 { margin: 0; font-size: 26px; font-weight: 700; line-height: 1.2; letter-spacing: -.6px; }
#view-operations .dds-operation-search { position: relative; }
#view-operations .dds-operation-search-icon { position: absolute; left: 12px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--c-text-3); pointer-events: none; }
#view-operations .dds-operation-period { position: relative; min-width: 0; }
#view-operations .dds-operation-period-trigger { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 40px; padding: 9px 12px; border: 1px solid var(--c-border); border-radius: 8px; background: var(--c-surface); color: var(--c-text); font: inherit; font-size: 13px; font-weight: 500; text-align: left; cursor: pointer; }
#view-operations .dds-operation-period-trigger > .ui-icon { flex: 0 0 18px; width: 18px; height: 18px; }
#view-operations .dds-operation-period-trigger > .ui-icon:first-child { color: var(--c-accent-text); }
#view-operations #operation-period-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-operations .dds-operation-period-trigger .dds-period-chevron { width: 15px; height: 15px; flex-basis: 15px; color: var(--c-text-3); }
#view-operations .dds-operation-period-trigger[aria-expanded="true"] .dds-period-chevron { transform: rotate(180deg); }
#view-operations .dds-operation-period-trigger:hover { border-color: var(--c-border-2); }
#view-operations .dds-operation-period-trigger:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }
#view-operations .dds-operation-period-menu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 45; display: grid; width: max(100%, 205px); max-width: calc(100vw - 32px); gap: 3px; padding: 6px; border: 1px solid var(--c-border); border-radius: 9px; background: var(--c-surface); box-shadow: 0 5px 16px var(--c-shadow); }
#view-operations .dds-operation-period-menu > button { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 39px; padding: 9px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--c-text); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
#view-operations .dds-operation-period-menu > button > .ui-icon { width: 17px; height: 17px; visibility: hidden; }
#view-operations .dds-operation-period-menu > button:hover, #view-operations .dds-operation-period-menu > button:focus-visible { background: var(--c-surface-2); outline: 2px solid var(--c-accent); outline-offset: -2px; }
#view-operations .dds-operation-period-menu > button[aria-checked="true"] { background: var(--c-accent-soft); color: var(--c-accent-text); }
#view-operations .dds-operation-period-menu > button[aria-checked="true"] > .ui-icon { visibility: visible; }
#view-operations .dds-operation-period-menu > button:disabled { opacity: .45; cursor: default; }
#view-operations #quick-filter-search { width: 100%; min-height: 40px; padding: 9px 12px 9px 38px; border: 1px solid var(--c-border); border-radius: 8px; background: var(--c-surface); color: var(--c-text); font-size: 13px; }
#view-operations #quick-filter-search::placeholder { color: var(--c-text-3); opacity: 1; }
#view-operations .dds-operation-quick-filters .ui-control-trigger { min-height: 40px; padding: 9px 10px; gap: 7px; border-color: var(--c-border); border-radius: 8px; box-shadow: none; font-size: 13px; }
#view-operations .dds-operation-quick-filters .ui-control-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-operations :is(.dds-filter-button, .dds-export-icon-menu > summary) { display: inline-flex; align-items: center; justify-content: center; width: 40px; min-width: 40px; height: 40px; min-height: 40px; padding: 0; border: 1px solid var(--c-border); border-radius: 8px; background: var(--c-surface); color: var(--c-text); box-shadow: none; }
#view-operations :is(.dds-filter-button, .dds-export-icon-menu > summary):hover { border-color: var(--c-border-2); background: var(--c-surface-2); }
#view-operations :is(.dds-filter-button, .dds-export-icon-menu > summary) > .ui-icon { width: 19px; height: 19px; }
#view-operations .dds-export-icon-menu > summary::after { display: none; }
#view-operations .dds-operation-actionbar { display: grid; grid-template-columns: minmax(190px, 1fr) minmax(150px, .8fr) auto; align-items: center; gap: 20px; min-height: 70px; margin: 0 0 10px; padding: 11px 16px; border: 1px solid var(--dds-operations-line); border-radius: 10px; background: var(--c-surface); }
#view-operations .dds-operation-actionbar .dds-balance-summary { min-width: 0; margin: 0; }
#view-operations .dds-operation-actionbar .dds-responsible-summary { padding-left: 20px; border-left: 1px solid var(--dds-operations-line); }
#view-operations .dds-operation-actionbar .dds-balance-toggle { display: flex; align-items: center; justify-content: flex-start; gap: 12px; width: 100%; min-height: 42px; padding: 0; border: 0; border-radius: 6px; background: transparent; box-shadow: none; }
#view-operations .dds-operation-actionbar .dds-balance-toggle:hover { background: var(--c-surface-2); }
#view-operations .dds-balance-toggle:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 4px; }
#view-operations .dds-balance-toggle > .ui-soft-icon-tile { display: none; }
#view-operations .dds-operation-actionbar .dds-balance-copy { display: grid; gap: 3px; }
#view-operations .dds-operation-actionbar .dds-balance-copy > span { font-size: 12px; font-weight: 400; line-height: 1.3; }
#view-operations .dds-operation-actionbar .dds-balance-copy strong { font-size: 20px; font-weight: 650; line-height: 1.3; letter-spacing: -.25px; }
#view-operations .dds-balance-chevron { width: 15px; height: 15px; flex: 0 0 15px; }
#view-operations .dds-create-actions { gap: 8px; flex-wrap: nowrap; }
#view-operations .dds-create-button { min-height: 38px; padding: 8px 12px; gap: 7px; border: 1px solid var(--c-border); border-radius: 8px; background: var(--c-surface); color: var(--c-text); box-shadow: none; font-size: 13px; font-weight: 500; }
#view-operations .dds-create-button.income .ui-icon { color: var(--c-success-text); }
#view-operations .dds-create-button.expense .ui-icon { color: var(--c-danger-text); }
#view-operations .dds-create-button:hover:not(:disabled) { border-color: var(--c-border-2); background: var(--c-surface-2); box-shadow: none; transform: none; filter: none; }
#view-operations .dds-list-heading { justify-content: flex-start; gap: 8px; min-height: 28px; margin: 4px 0 8px; }
#view-operations .dds-list-heading:has(#operations-updated[hidden]) { min-height: 0; margin: 0; }
#view-operations #operations-caption { font-size: 12px; }
#view-operations #operations-updated { margin-left: auto; min-height: 30px; padding: 4px 10px; box-shadow: none; font-size: 12px; }
#view-operations .dds-operation-select-mode { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 5px; border: 0; border-radius: 6px; background: transparent; color: var(--c-text-3); cursor: pointer; }
#view-operations .dds-operation-select-mode .ui-icon { width: 18px; height: 18px; }
#view-operations .dds-operation-select-mode:hover { background: var(--c-surface); color: var(--c-text); }
#view-operations .dds-operation-select-mode[aria-pressed="true"] { background: var(--c-accent-soft); color: var(--c-accent-text); }
#view-operations :is(.dds-operation-select-mode, .dds-filter-button, .dds-export-icon-menu > summary):focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }
#view-operations .dds-table-wrap { border-color: var(--dds-operations-line); border-radius: 9px; box-shadow: none; }
.dds-operation-table th { padding: 7px 10px; background: var(--c-surface-2); font-size: 12px; font-weight: 600; }
.dds-operation-table td { padding: 12px 10px; font-size: 13px; line-height: 1.45; }
.dds-operation-table .dds-date-cell { width: 82px; font-size: 12px; }
.dds-operation-table .dds-operation-status { width: 44px; padding-inline: 5px; }
.dds-operation-table .dds-operation-accrual { width: 50px; }
.dds-operation-table .dds-operation-wallet { width: 13%; }
.dds-operation-table .dds-operation-direction { width: 11%; }
.dds-operation-table .dds-operation-counterparty { width: 14%; }
.dds-operation-table .dds-money { width: 118px; font-weight: 650; }
.dds-operation-table .dds-money.expense { color: var(--c-text); }
.dds-operation-table .dds-column-filter { min-height: 30px; gap: 5px; }
.dds-operation-table .dds-column-filter.is-icon-only { width: 30px; padding-inline: 7px; }
.dds-operation-table .dds-status-icon { width: 30px; height: 30px; padding: 6px; border-radius: 6px; background: transparent; }
.dds-operation-table .dds-status-icon:hover { background: var(--c-surface-2); }
.dds-operation-table .dds-status-icon .ui-icon { width: 18px; height: 18px; }
.dds-floating-operation-header { border-color: var(--c-border-soft); border-radius: 9px 9px 0 0; box-shadow: 0 1px 0 var(--c-border-soft); }
.dds-operation-table .dds-operation-selection { display: none; width: 36px; padding-inline: 8px; }
[data-selection-mode="true"] .dds-operation-selection { display: table-cell; }
.dds-operation-row { user-select: none; -webkit-touch-callout: none; }
#view-operations[data-selection-mode="true"] .dds-operation-row { user-select: none; }
.dds-operation-table .is-selected > td, .dds-operation-table .is-selected:hover > td { background: var(--dds-operations-selected, var(--c-accent-soft)); }
#view-operations .dds-operations-footer { gap: 8px 18px; padding: 10px 18px calc(10px + env(safe-area-inset-bottom, 0px)); box-shadow: none; border-color: var(--dds-operations-line); }
#view-operations .dds-operation-totals-block { flex-direction: row; align-items: center; gap: 18px; }
#view-operations #operations-totals { align-items: center; gap: 8px 20px; font-size: 13px; }
#view-operations #operations-totals .dds-muted { font-size: 12px; }
#view-operations .dds-operation-total-options { display: flex; align-items: center; gap: 12px; padding-left: 18px; border-left: 1px solid var(--dds-operations-line); }
#view-operations .dds-operation-total-options > .dds-check-field { margin: 0; font-size: 12px; font-weight: 400; white-space: nowrap; }
#view-operations .dds-operation-total-options > .dds-check-field input { width: 16px; height: 16px; }
#view-operations .dds-selection-summary { padding: 6px 10px; gap: 7px 12px; font-size: 12px; }
#view-operations .dds-selection-summary .dds-small-button { min-height: 30px; padding: 4px 8px; border-radius: 6px; box-shadow: none; }

@container operations-content (max-width: 930px) {
  #view-operations .dds-operation-quick-filters { display: flex; flex-wrap: wrap; gap: 10px; }
  #view-operations .dds-operations-heading { order: 0; flex: 1 1 calc(50% - 10px); margin: 0; }
  #view-operations .dds-operations-heading h1 { font-size: 23px; }
  #view-operations .dds-operation-quick-filters .dds-operation-period { order: 1; flex: 0 1 275px; }
  #view-operations .dds-operation-search { order: 2; flex: 1 1 calc(100% - 100px); }
  #view-operations .dds-filter-button { order: 3; flex: 0 0 40px; }
  #view-operations #operations-export-actions { order: 4; flex: 0 0 40px; }
  #view-operations .dds-operation-actionbar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 12px; padding: 10px 12px; }
  #view-operations .dds-operation-actionbar .dds-responsible-summary { padding-left: 12px; }
  #view-operations .dds-operation-actionbar .dds-balance-copy strong { font-size: 18px; }
  #view-operations .dds-create-button { padding-inline: 9px; font-size: 12px; }
}
@media (max-width: 768px) {
  #view-operations .dds-operation-quick-filters { gap: 8px; margin-bottom: 10px; }
  #view-operations .dds-operations-heading { flex: 1 1 calc(50% - 8px); }
  #view-operations .dds-operations-heading h1 { font-size: 21px; letter-spacing: -.45px; }
  #view-operations .dds-operation-quick-filters .dds-operation-period { flex: 1 1 calc(50% - 8px); min-width: 0; }
  #view-operations .dds-operation-period-trigger { gap: 6px; padding-inline: 9px; font-size: 12px; }
  #view-operations .dds-operation-quick-filters .ui-range-field .ui-control-trigger { gap: 5px; padding-inline: 8px; font-size: 11px; }
  #view-operations .dds-operation-search { flex-basis: calc(100% - 96px); }
  #view-operations .dds-operation-actionbar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; padding: 12px; margin-bottom: 8px; }
  #view-operations .dds-operation-actionbar .dds-balance-copy > span { font-size: 11px; }
  #view-operations .dds-operation-actionbar .dds-balance-toggle { gap: 7px; }
  #view-operations .dds-operation-actionbar .dds-balance-copy strong { font-size: 18px; }
  #view-operations .dds-create-actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; width: 100%; padding-top: 12px; margin-top: 10px; border-top: 1px solid var(--dds-operations-line); }
  #view-operations .dds-create-button { justify-content: center; min-width: 0; min-height: 38px; padding-inline: 6px; font-size: 12px; }
  #view-operations .dds-list-heading { margin-bottom: 7px; }
  #view-operations .dds-operation-actionbar .dds-wallet-popover { width: min(700px, calc(100vw - 48px)); }
  #view-operations .dds-responsible-popover { width: min(410px, calc(100vw - 48px)); }
  #view-operations .dds-table-wrap { overflow: visible; border: 0; background: transparent; }
  #view-operations .dds-operation-table { min-width: 0; }
  #view-operations .dds-operation-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
  #view-operations .dds-operation-table tbody { display: grid; gap: 9px; }
  #view-operations .dds-operation-table tr { display: grid; position: relative; grid-template-columns: minmax(0, 1fr) minmax(105px, auto); align-items: start; gap: 4px 10px; padding: 11px 13px 12px; border: 1px solid var(--dds-operations-line); border-radius: 9px; background: var(--c-surface); box-shadow: none; }
  #view-operations .dds-operation-table td[class] { display: block; min-width: 0; width: auto; padding: 0; border: 0; font-size: 12px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
  #view-operations .dds-operation-table td[class]::before { display: none; }
  #view-operations .dds-operation-table td.dds-date-cell { grid-column: 1; grid-row: 1; align-self: center; color: var(--c-text-3); }
  #view-operations .dds-operation-table td.dds-operation-status { grid-column: 2; grid-row: 1; justify-self: end; height: 24px; }
  #view-operations .dds-operation-table .dds-status-icon { width: 30px; height: 28px; margin: -2px -5px 0 0; padding: 5px; }
  #view-operations .dds-operation-table .dds-status-tooltip { left: auto; right: 0; max-width: min(240px, calc(100vw - 48px)); }
  #view-operations .dds-operation-table td.dds-operation-article { grid-column: 1; grid-row: 2; align-self: baseline; font-size: 14px; font-weight: 650; color: var(--c-text); }
  #view-operations .dds-operation-table td.dds-money { grid-column: 2; grid-row: 2; align-self: baseline; text-align: right; font-size: 16px; font-weight: 650; letter-spacing: -.2px; white-space: nowrap; }
  #view-operations .dds-operation-table td.dds-operation-wallet { grid-column: 1; grid-row: 3; padding-top: 3px; color: var(--c-text-3); }
  #view-operations .dds-operation-table td.dds-operation-direction { grid-column: 2; grid-row: 3; padding-top: 3px; text-align: right; color: var(--c-text-3); }
  #view-operations .dds-operation-table td.dds-operation-counterparty { grid-column: 1 / -1; grid-row: 4; color: var(--c-text-2); }
  #view-operations .dds-operation-table td.dds-operation-accrual { grid-column: 1 / -1; grid-row: 5; color: var(--c-text-3); text-align: left; font-size: 11px; }
  #view-operations .dds-operation-table td.dds-operation-accrual::before { display: inline; content: "Месяц начисления: "; font: inherit; }
  #view-operations .dds-operation-table td.dds-operation-comment-cell { grid-column: 1 / -1; grid-row: 6; color: var(--c-text-3); }
  #view-operations .dds-operation-table td.dds-operation-selection { display: none; }
  #view-operations[data-selection-mode="true"] .dds-operation-table td.dds-operation-selection { position: absolute; top: 9px; right: 10px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; }
  #view-operations[data-selection-mode="true"] .dds-operation-table td.dds-operation-status { margin-right: 33px; }
  #view-operations .dds-operation-table .is-selected, #view-operations .dds-operation-table .is-selected:hover { border-color: var(--c-accent); background: var(--dds-operations-selected); }
  #view-operations .dds-operation-table .is-selected > td { background: transparent; }
  #view-operations .dds-operation-table td.is-empty { display: none; }
  #view-operations .dds-operations-footer { padding: 9px 14px calc(9px + env(safe-area-inset-bottom, 0px)); gap: 8px; }
  #view-operations .dds-operation-totals-block { flex-direction: column; align-items: stretch; width: 100%; gap: 6px; }
  #view-operations #operations-totals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: stretch; gap: 10px; width: 100%; }
  #view-operations .dds-operation-total { display: grid; gap: 2px; min-width: 0; white-space: normal; }
  #view-operations .dds-operation-total + .dds-operation-total { padding-left: 10px; border-left: 1px solid var(--dds-operations-line); }
  #view-operations .dds-operation-total strong { font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; }
  #view-operations .dds-operation-total-options { justify-content: space-between; min-height: 22px; padding: 0; border: 0; }
  #view-operations .dds-operation-total-options > .dds-check-field { min-height: 22px; font-size: 11px; }
  #view-operations .dds-operation-total-options > .dds-operation-select-mode { height: 22px; padding: 2px 6px; }
  #view-operations .dds-selection-summary { width: 100%; }
}