.classification-row { display:flex; align-items:center; gap:6px; min-width:0; border-bottom:1px solid var(--line); padding:0 12px 0 4px; }
.classification-row .client-row { flex:1; min-width:0; border:0; padding:16px 10px; grid-template-columns:minmax(0,1fr) 110px 100px 20px; }
.classification-handle { flex:0 0 44px; width:44px; height:48px; padding:10px; border:0; color:var(--muted); background:transparent; cursor:grab; touch-action:none; }
.classification-handle:active { cursor:grabbing; }
.classification-trigger { flex-shrink:0; min-height:44px; padding:8px 10px; gap:6px; font-size:13px; color:var(--ink); background:var(--surface,#fff); }
.classification-trigger svg { width:15px; height:15px; }
.classification-hint { margin:0 0 12px; color:var(--muted); font-size:12px; }
.classification-tabs { position:sticky; top:64px; z-index:9; background:var(--page); flex-wrap:wrap; overflow:visible; gap:4px; }
.classification-tabs button { padding:8px 12px; }
.classification-drop-target { outline:2px solid var(--primary,#28679a); outline-offset:2px; background:var(--surface,#fff)!important; }
.classification-dragging { opacity:.4; }
.classification-ghost { position:fixed; z-index:10000; pointer-events:none; width:172px; max-height:90px; overflow:hidden; padding:12px; background:var(--surface,#fff); color:var(--ink); border:1px solid var(--line); box-shadow:0 8px 24px #20334226; border-radius:8px; }
.classification-ghost .classification-handle,.classification-ghost .classification-trigger,.classification-ghost svg,.classification-ghost .row-owner,.classification-ghost .row-date { display:none; }
.classification-ghost .client-row { display:block; min-height:0; padding:0; border:0; }
.classification-dialog { width:min(420px,calc(100vw - 24px)); max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); margin:auto; padding:24px; border:1px solid var(--line); border-radius:12px; background:var(--surface,#fff); color:var(--ink); overflow:auto; }
.classification-dialog::backdrop { background:#20334266; }
.classification-dialog [hidden] { display:none!important; }
.classification-dialog header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; }
.classification-dialog h2 { margin:0; font-size:20px; }
.classification-dialog header button { width:44px; height:44px; padding:10px; }
.classification-dialog label { display:grid; gap:8px; }
.classification-dialog select { width:100%; min-height:48px; margin-top:8px; font-size:16px; }
.classification-dialog [data-routing-recipient]:not(:empty) { margin-top:20px; }
.classification-help { color:var(--muted); font-size:13px; line-height:1.6; margin:16px 0; }
.classification-dialog footer { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; margin-top:24px; }
.classification-dialog footer button { min-height:44px; }
.classification-error { color:var(--red,#a22f3a); font-size:13px; overflow-wrap:anywhere; margin:14px 0; }
.classification-status { color:var(--muted); font-size:13px; }
.classification-trigger:focus-visible,.classification-handle:focus-visible { outline:2px solid var(--primary,#28679a); outline-offset:2px; }
@media(max-width:900px){ .classification-tabs { top:0; } .classification-row .client-row { grid-template-columns:minmax(0,1fr) 16px; gap:8px; } }
@media(max-width:480px){ .classification-row { padding-right:4px; gap:0; } .classification-row .client-row { padding:16px 6px; } .classification-trigger { font-size:12px; padding:8px; } .classification-handle { flex-basis:36px; width:36px; padding:8px; } .classification-dialog { padding:20px; } }
