/* Personal Finance 2.17 — in-place Home order editor.
   All surfaces use the existing five-theme variables. */
.home-organize-trigger:disabled{opacity:.45;cursor:not-allowed}
.home-order-editor{padding:18px 18px 16px;border-radius:19px}
.home-order-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-order-title h2{font-size:19px;line-height:1.3;margin:0}
.home-order-close{border:0;background:transparent;color:var(--muted);font-size:25px;
 width:33px;height:33px;display:grid;place-items:center;border-radius:9px;cursor:pointer}
.home-order-intro{font-size:12px;color:var(--muted);line-height:1.5;margin:7px 0 15px}
.home-order-list{display:grid;gap:7px}
.home-order-row{display:flex;align-items:center;gap:9px;min-height:52px;
 border:1px solid var(--border);background:var(--panel);border-radius:12px;
 padding:7px 9px;transition:border-color .12s,background .12s,opacity .12s}
.home-order-row.fixed{background:var(--panel2)}
.home-order-row.muted{background:var(--panel2);opacity:.75}
.home-order-row.drag-source{border-style:dashed;opacity:.55;background:var(--panel2)}
.home-order-row.drop-target{border:2px solid var(--mint);padding:6px 8px;
 background:var(--panel2)}
.home-order-grip{width:30px;height:36px;flex:none;border:0;background:transparent;
 color:var(--muted);border-radius:8px;display:grid;place-items:center;
 cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.home-order-grip:active{cursor:grabbing}
.home-order-lock{width:30px;min-width:30px;text-align:center;font-size:22px;
 color:var(--muted);opacity:.7}
.home-order-name{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.home-order-name strong{font-size:12px;font-weight:730;line-height:1.35;overflow-wrap:break-word}
.home-order-name small{font-size:10px;color:var(--muted)}
.home-order-pinned{font-size:10px;white-space:nowrap;color:var(--muted)}
.home-order-controls{display:flex;gap:3px;flex:none}
.home-order-mini{display:grid;place-items:center;width:32px;height:34px;min-width:32px;
 color:var(--text);border:1px solid var(--border);border-radius:9px;background:var(--panel2);
 font-size:17px;font-weight:650;cursor:pointer}
.home-order-mini:disabled{opacity:.27;cursor:not-allowed}
.home-order-mini svg{width:16px;height:16px;display:block}
.home-order-mini:hover:not(:disabled){background:var(--panel)}
.home-order-grip:focus-visible,.home-order-mini:focus-visible,.home-order-close:focus-visible,
.home-order-actions button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.home-order-caption{font-size:11px;line-height:1.45;margin:13px 0 14px;color:var(--muted)}
.home-order-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}
.home-order-actions-right{display:flex;gap:7px;align-items:center;margin-left:auto}
.home-order-actions .btn{min-height:42px;white-space:nowrap}
.home-edit-preview{margin-top:19px;position:relative}
.home-edit-preview::before{content:'Предпросмотр — изменения ещё не сохранены';
 display:block;margin:0 0 10px;color:var(--muted);font-size:11px}
.home-edit-preview[inert]{user-select:none}
@media(max-width:760px){
 .home-order-editor{padding:15px 12px;border-radius:17px}
 .home-order-title h2{font-size:17px}
 .home-order-row{padding:7px;gap:5px;min-height:54px}
 .home-order-controls{gap:3px}
 .home-order-mini{width:30px;min-width:30px;min-height:35px}
 .home-order-grip,.home-order-lock{width:27px;min-width:27px}
 .home-order-actions{align-items:stretch}
 .home-order-actions>.btn{flex:1 1 130px}
}
@media(max-width:355px){
 .home-order-row{gap:4px;padding:6px 5px}
 .home-order-mini{width:28px;min-width:28px}
 .home-order-controls{gap:2px}
 .home-order-name strong{font-size:11px}
 .home-order-pinned{font-size:9px}
 .home-topline .top-actions{gap:3px}
 .home-topline .top-actions .home-icon-button{min-width:39px;width:39px}
}

.home-order-lock svg{width:18px;height:18px;display:inline-block;vertical-align:middle}
@media(max-width:355px){.home-topline h1{font-size:22px;white-space:nowrap}}