.categories-screen{display:grid;gap:14px}.category-kind-tabs{display:flex;gap:6px;width:max-content;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff}.category-kind-tabs button{min-height:36px;padding:0 16px;border-radius:7px;color:var(--muted);font-size:12px}.category-kind-tabs button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue);font-weight:650}
.categories-screen .account-group>.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:9px;padding:10px;border:0;border-radius:0;background:#f8fafc;overflow:visible}
html[data-ui] .categories-screen .account{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:minmax(76px,auto);gap:8px;padding:9px!important;align-items:stretch;min-width:0;border:1px solid var(--line);border-radius:11px;position:relative;overflow:hidden}html[data-ui] .categories-screen .account-grip{grid-column:1;grid-row:1;display:grid;place-items:center;width:34px;min-width:34px;color:#8ca1b4;cursor:grab;touch-action:none;border-right:1px solid var(--line);border-radius:7px}html[data-ui] .categories-screen .account-grip:active{cursor:grabbing}html[data-ui] .categories-screen .account-grip .icon{width:16px;height:20px}
.category-open{position:static;grid-column:2;grid-row:1;display:grid;grid-template-rows:auto auto;align-content:center;gap:5px;min-width:0;padding:4px;text-align:left;border-radius:8px}.category-open:hover{background:#f2f7fc}.category-open-readonly{cursor:default}.category-open .row{display:grid!important;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:0!important;min-width:0}.category-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}.category-comment{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.category-kind-note{font-size:11px;color:var(--muted)}
html[data-ui] .categories-screen .account-tools{position:static;grid-column:3;grid-row:1;display:flex;align-items:flex-start;gap:1px;padding-left:4px;border-left:1px solid var(--line);z-index:auto}html[data-ui] .categories-screen .account-tools .icon-button{width:31px;height:32px}html[data-ui] .categories-screen .account-favorite{color:#9cabb9;background:transparent}html[data-ui] .categories-screen .account-favorite[aria-pressed=true]{color:#d59a18;background:transparent}html[data-ui] .categories-screen .account-favorite[aria-pressed=true] .icon{fill:#f5c44c;stroke:currentColor}html[data-ui] .categories-screen .account:hover{background:#fbfdff;border-color:#cbdceb}html[data-ui] .categories-screen .account:hover .category-icon{filter:none;background:var(--base)}html[data-ui] .categories-screen .account.is-favorite{grid-template-columns:minmax(0,1fr) auto;background:#fff;border-color:var(--line)}html[data-ui] .categories-screen .account.is-favorite .category-open{grid-column:1}html[data-ui] .categories-screen .account.is-favorite .account-tools{grid-column:2}
.category-editor textarea{min-height:88px;resize:vertical}.category-trash-section{display:grid;gap:10px}.category-editor .icon-choice-grid{grid-template-columns:repeat(8,minmax(42px,1fr))!important}
@media(max-width:740px){.category-kind-tabs{width:100%}.category-kind-tabs button{flex:1}.category-editor .icon-choice-grid{grid-template-columns:repeat(5,minmax(42px,1fr))!important}.categories-screen .account-group>.account-grid{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}html[data-ui] .categories-screen .account{grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:minmax(70px,auto);gap:7px;min-height:78px;padding:7px!important}html[data-ui] .categories-screen .account-grip{width:30px;min-width:30px}html[data-ui] .categories-screen .account-tools{grid-column:3;grid-row:1;align-items:center;padding-left:2px;gap:0}html[data-ui] .categories-screen .account-tools .icon-button{width:38px;height:40px}html[data-ui] .categories-screen .account.is-favorite{grid-template-columns:minmax(0,1fr) auto}html[data-ui] .categories-screen .account.is-favorite .account-tools{grid-column:2}.category-open{padding:2px}.category-name{font-size:13px}}
@media(prefers-reduced-motion:reduce){.categories-screen .account{animation:none!important}}