/* DJIVA — управление порядком счетов, тёмная и светлая темы */
.gup-fn-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:12px 1px 13px}
.gup-fn-order-head h1{font-size:23px;font-weight:750;letter-spacing:-.025em;margin:0 0 7px}
.gup-fn-order-head p{color:var(--mu);font-size:13px;line-height:1.46;margin:0;max-width:470px}
.gup-fn-order-done{flex:0 0 auto;border:0;background:linear-gradient(115deg,#ffc451,#f4932d);color:#251700;border-radius:13px;padding:10px 14px;min-height:42px;font-size:14px;font-weight:760}
.gup-fn-order-done:disabled{opacity:.5}
.gup-fn-order-hint{background:rgba(107,162,235,.10);border:1px solid rgba(107,162,235,.19);border-radius:13px;padding:12px;color:var(--tx);font-size:12px;line-height:1.44;margin-bottom:15px}
.gup-fn-order-group{padding:12px;border:1px solid var(--line);border-radius:19px;background:var(--surface);margin-bottom:13px}
.gup-fn-order-group-title{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 5px 12px;font-size:15px;font-weight:720}
.gup-fn-order-group-title span:last-child{font-size:12px;color:var(--mu);border:1px solid var(--line);border-radius:10px;padding:3px 9px}
.gup-fn-order-list{display:flex;flex-direction:column;gap:6px}
.gup-fn-order-item{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;gap:6px;padding:4px 5px;border:1px solid rgba(114,143,174,.20);border-radius:13px;background:rgba(9,17,27,.23);transition:background .15s,border-color .15s}
.gup-fn-order-item.selected{border-color:rgba(106,165,236,.55);background:rgba(92,147,213,.09)}
.gup-fn-order-item.dragging{background:rgba(95,155,236,.2);border-color:#6ba8f4;opacity:.84;box-shadow:0 9px 25px rgba(0,0,0,.28)}
.gup-fn-order-select{display:flex;align-items:center;gap:9px;min-width:0;border:0;background:transparent;text-align:left;color:var(--tx);font:inherit;padding:6px 1px}
.gup-fn-order-select .gup-fn-account-icon{flex:0 0 30px}
.gup-fn-order-name{display:flex;flex-direction:column;min-width:0;gap:4px;font-size:14px;font-weight:620;overflow-wrap:anywhere}
.gup-fn-order-name small{font-size:10px;color:var(--mu);font-weight:450;line-height:1.25}
.gup-fn-order-chevron{font-size:17px;color:var(--mu);margin-left:auto}
.gup-fn-order-handle{width:44px;min-height:46px;border:1px solid var(--line);background:var(--surface-3);border-radius:11px;color:var(--bl);font-size:29px;line-height:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.gup-fn-order-handle:active{cursor:grabbing}
.gup-fn-order-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:6px;margin:1px 0 3px}
.gup-fn-order-actions button{border:1px solid var(--line);color:var(--tx);background:var(--surface-3);border-radius:10px;padding:7px 4px;min-height:37px;font-size:12px;font-weight:630}
.gup-fn-order-actions .gup-fn-order-change{color:var(--bl);background:rgba(110,168,255,.09)}
.gup-fn-order-empty{color:var(--mu);font-size:13px;padding:10px;margin:0}
.gup-fn-account-group-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.gup-fn-account-group-choice button{background:var(--surface-3);border:1px solid var(--line);border-radius:12px;padding:10px 6px;color:var(--tx);font-size:12px;line-height:1.32;min-height:58px}
.gup-fn-account-group-choice button.active{border-color:var(--bl);background:rgba(80,150,240,.15);color:var(--tx);box-shadow:inset 0 0 0 1px rgba(80,150,240,.2)}
html[data-theme="light"] .gup-fn-order-item{background:#fafbfc}
html[data-theme="light"] .gup-fn-order-item.selected{background:#edf5ff}
html[data-theme="light"] .gup-fn-order-item.dragging{background:#daeafe}
html[data-theme="light"] .gup-fn-order-hint{background:#e9f3ff}
html[data-theme="light"] .gup-fn-order-handle{background:#edf3fa}
@media(max-width:374px){
 .gup-fn-order-group{padding:8px}
 .gup-fn-order-head{gap:5px}
 .gup-fn-order-head h1{font-size:20px}
 .gup-fn-order-head p{font-size:12px}
 .gup-fn-order-done{padding:9px 10px}
 .gup-fn-order-name{font-size:13px}
 .gup-fn-order-actions button{font-size:11px}
 .gup-fn-account-group-choice button{font-size:11px}
}

/* Drag & drop: исходная карточка остаётся в списке,
   плавающая копия не перехватывает жест. */
.gup-fn-order-item.gup-fn-drag-source{
  opacity:.25;
  border-style:dashed;
  background:rgba(110,168,255,.08);
}
.gup-fn-order-item.gup-fn-drag-ghost{
  position:fixed!important;
  z-index:550!important;
  pointer-events:none!important;
  opacity:.98;
  border-color:var(--bl);
  background:var(--surface-2);
  box-shadow:0 16px 38px rgba(0,0,0,.48);
  transform:scale(1.018);
  transform-origin:center center;
  margin:0!important;
}
.gup-fn-order-item.gup-fn-drop-before{
  box-shadow:0 -4px 0 -1px var(--am);
}
.gup-fn-order-item.gup-fn-drop-after{
  box-shadow:0 4px 0 -1px var(--am);
}
.gup-fn-order-handle{
  -webkit-touch-callout:none;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
html[data-theme="light"] .gup-fn-drag-ghost{
  background:#e8f2ff!important;
}