.shell.screen-operations .client-operations {
    display: grid;
    gap: 22px;
}

.shell.screen-operations .operations-head {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin: 0;
}

.shell.screen-operations .operations-head > div { min-width: 0; flex: 1; }
.shell.screen-operations .operations-head button { flex: none; }
.shell.screen-operations .operations-kicker {
    display: block;
    margin-bottom: 7px;
    color: hsl(var(--muted-foreground));
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.shell.screen-operations .operations-head h2 { margin-bottom: 6px; font-size: clamp(20px, 2vw, 24px); }
.shell.screen-operations .operations-head p { margin: 0; max-width: 66ch; line-height: 1.5; }

.shell.screen-operations .operations-filters {
    display: grid;
    gap: 18px;
    padding: 20px;
    border: 1px solid hsl(var(--border));
    border-radius: var(--radius-lg);
    background: hsl(var(--muted) / .35);
}
.shell.screen-operations .operations-filter-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.shell.screen-operations .operations-filter-intro strong { color: hsl(var(--foreground)); font-size: 15px; }
.shell.screen-operations .operations-filter-intro p { margin: 4px 0 0; color: hsl(var(--muted-foreground)); font-size: 13px; line-height: 1.5; }
.shell.screen-operations .operations-filter-intro button { flex: none; }
.shell.screen-operations .operations-filter-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.shell.screen-operations .operations-filter-grid label { display: grid; align-content: start; gap: 7px; min-width: 0; margin: 0; }
.shell.screen-operations .operations-filter-grid label > span { color: hsl(var(--foreground)); font-size: 13px; font-weight: 600; }
.shell.screen-operations .operations-filter-grid select,
.shell.screen-operations .operations-filter-grid input {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    color: hsl(var(--foreground));
    background: hsl(var(--background));
    border-color: hsl(var(--input));
}
.shell.screen-operations .operations-filter-grid .operations-search-field { grid-column: span 3; }
.shell.screen-operations .operations-filter-grid input::placeholder { color: hsl(var(--muted-foreground)); }

.shell.screen-operations .operations-list-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
}
.shell.screen-operations .operations-list-head h3 { margin: 0; color: hsl(var(--foreground)); font-size: 16px; }
.shell.screen-operations .operations-count { margin: 4px 0 0; color: hsl(var(--muted-foreground)); font-size: 13px; }
.shell.screen-operations .operations-cost-note { max-width: 42ch; margin: 0; color: hsl(var(--muted-foreground)); font-size: 12px; line-height: 1.5; text-align: right; }

.shell.screen-operations .operations-table-wrap {
    width: 100%;
    margin: 0;
    border: 1px solid hsl(var(--border));
    border-radius: var(--radius-lg);
    background: hsl(var(--card));
    overflow-x: auto;
}
.shell.screen-operations .operations-table-wrap table { min-width: 980px; }
.shell.screen-operations .operations-table-wrap th {
    color: hsl(var(--muted-foreground));
    background: hsl(var(--muted) / .45);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}
.shell.screen-operations .operations-table-wrap td { color: hsl(var(--foreground)); vertical-align: middle; }
.shell.screen-operations .operations-table-wrap tbody tr:hover td { background: hsl(var(--muted) / .3); }
.shell.screen-operations .operations-table-wrap .numeric { white-space: nowrap; font-variant-numeric: tabular-nums; }
.shell.screen-operations .operations-table-wrap .operations-date { color: hsl(var(--muted-foreground)); white-space: nowrap; font-variant-numeric: tabular-nums; }
.shell.screen-operations .operations-table-wrap .operations-reference { max-width: 240px; overflow-wrap: anywhere; font-weight: 600; }
.shell.screen-operations .operations-direction {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    background: hsl(var(--secondary));
    color: hsl(var(--secondary-foreground));
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}
.shell.screen-operations .operations-direction.payin { background: hsl(var(--primary) / .1); color: hsl(var(--foreground)); }
.shell.screen-operations .operations-table-wrap .source,
.shell.screen-operations .operations-table-wrap .status { white-space: nowrap; }

.shell.screen-operations .operations-empty {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 48px 24px;
    border: 1px dashed hsl(var(--border));
    border-radius: var(--radius-lg);
    background: hsl(var(--muted) / .22);
    text-align: center;
}
.shell.screen-operations .operations-empty strong { color: hsl(var(--foreground)); font-size: 16px; }
.shell.screen-operations .operations-empty p { margin: 0; color: hsl(var(--muted-foreground)); font-size: 13px; line-height: 1.5; }
.shell.screen-operations .operations-empty button { margin-top: 10px; }

@media (max-width: 900px) {
    .shell.screen-operations .operations-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .shell.screen-operations .operations-filter-grid .operations-search-field { grid-column: span 2; }
}
@media (max-width: 650px) {
    .shell.screen-operations .operations-head,
    .shell.screen-operations .operations-filter-intro,
    .shell.screen-operations .operations-list-head { flex-direction: column; align-items: stretch; }
    .shell.screen-operations .operations-head button,
    .shell.screen-operations .operations-filter-intro button { width: 100%; }
    .shell.screen-operations .operations-filters { padding: 16px; }
    .shell.screen-operations .operations-filter-grid { grid-template-columns: minmax(0, 1fr); }
    .shell.screen-operations .operations-filter-grid .operations-search-field { grid-column: auto; }
    .shell.screen-operations .operations-cost-note { max-width: none; text-align: left; }
    .shell.screen-operations .operations-empty { padding: 36px 18px; }
}