/* Tactile queue, inherited light/dark monitor tokens; motion communicates a rank change. */
.priority-panel{margin:24px 0;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:14px}
.priority-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.priority-heading h2,.priority-dialog h2{font-size:20px;margin:0 0 6px;font-weight:750}
.priority-heading p,.priority-footer p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.priority-live{font-size:12px;font-weight:700;white-space:nowrap;color:var(--text);padding:8px 12px;border:1px solid var(--border);border-radius:30px}
.priority-list{list-style:none;margin:0;padding:0;min-height:90px;position:relative}
.proxy-auth-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:13px;color:var(--muted);flex-wrap:wrap}
#priority-password-block[hidden],#pool-password-block[hidden]{display:none}
.priority-row{display:grid;grid-template-columns:36px 42px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:16px 8px;border-bottom:1px solid var(--border);position:relative;background:var(--card);transition:background .18s ease-out}
.priority-row:first-child{background:color-mix(in srgb,var(--blue) 8%,var(--card));border-radius:10px 10px 0 0}
.priority-row.is-dragging{z-index:2;background:color-mix(in srgb,var(--blue) 14%,var(--card));box-shadow:0 12px 26px rgba(16,24,40,.15)}
.priority-panel button,.priority-dialog button{font:inherit;font-size:13px;min-height:44px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:9px;padding:0 14px;cursor:pointer}
.priority-panel button:hover:not(:disabled),.priority-dialog button:hover:not(:disabled){background:color-mix(in srgb,var(--blue) 12%,var(--card))}
.priority-panel button:disabled,.priority-dialog button:disabled{opacity:.45;cursor:default}
.priority-panel button:focus-visible,.priority-dialog button:focus-visible,.priority-dialog input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.priority-panel .priority-grip{padding:0;min-width:36px;cursor:grab;touch-action:none;border-color:transparent;background:transparent}
.priority-panel .priority-grip:active{cursor:grabbing}
.priority-panel svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.priority-rank{font-size:26px;font-weight:750;color:var(--muted);font-variant-numeric:tabular-nums}
.priority-row:first-child .priority-rank{color:var(--blue)}
.priority-name{font-size:16px;font-weight:750;display:flex;align-items:center;gap:10px}
.priority-role{font-size:11px;font-weight:500;color:var(--muted)}
.priority-node{font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere;line-height:1.5}
.priority-row>div{min-width:0}
.priority-line-picker{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.priority-line-picker[hidden]{display:none}
.priority-line-picker select{flex:1 1 180px;width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit;font-size:14px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px}
.priority-line-picker select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.priority-delay{display:flex;align-items:center;justify-content:flex-end;gap:8px;text-align:right;font-size:13px;font-variant-numeric:tabular-nums;min-width:150px}
.priority-delay-reading{min-width:72px}.priority-delay small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.priority-panel .priority-row-probe{min-height:34px;padding:0 10px;color:var(--primary);font-size:12px;font-weight:700;white-space:nowrap}
.priority-movers{display:flex;gap:4px}
.priority-panel .priority-movers button{width:36px;padding:0}
.priority-footer{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-top:18px}
.priority-footer .priority-rules{font-size:11px;margin-top:5px;max-width:620px}
.priority-actions{display:flex;gap:8px;flex-shrink:0}
.priority-panel .priority-primary,.priority-dialog .priority-primary{background:var(--text);color:var(--card);border-color:var(--text);font-weight:700}
.priority-panel .priority-primary:hover:not(:disabled),.priority-dialog .priority-primary:hover:not(:disabled){background:var(--text);filter:brightness(.85)}
.priority-message{font-size:12px;line-height:1.7;margin:16px 0 0;min-height:20px;color:var(--muted)}
.priority-message[data-state="dirty"]{color:var(--text);font-weight:650}
.priority-message[data-state="error"],#priority-auth-error{color:#bc3434}
.priority-message[data-state="saved"]{color:var(--text)}
.priority-message[data-state="saved"]{padding:12px;background:color-mix(in srgb,#16834b 12%,var(--card));font-size:14px;font-weight:650;border-radius:8px}
.pool-panel summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:44px;align-items:center}
.pool-panel summary strong{font-size:18px}.pool-panel summary span,.pool-description{font-size:14px;color:var(--muted)}
.pool-panel label{font-size:14px}.pool-panel input[type="search"],.pool-panel input[type="password"]{font:inherit;font-size:16px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:8px;min-height:44px;padding:8px 12px;max-width:100%}
#pool-search{display:block;width:100%;margin:8px 0 12px}.pool-toolbar{display:flex;gap:8px;flex-wrap:wrap}#pool-count{font-size:14px;margin:14px 0}
#pool-group{display:block;width:100%;margin:8px 0 16px;min-height:44px;font:inherit;font-size:16px;padding:8px 12px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:8px}
#pool-list{max-height:380px;overflow:auto;overscroll-behavior:contain;border-block:1px solid var(--border)}
.pool-option{display:flex;align-items:center;gap:12px;padding:12px 4px;min-height:50px;border-bottom:1px solid var(--border);cursor:pointer}
.pool-option:has(input:checked){background:color-mix(in srgb,var(--blue) 8%,var(--card))}.pool-option input{width:20px;height:20px;flex-shrink:0;accent-color:var(--blue)}
.pool-option span{flex:1;overflow-wrap:anywhere}.pool-option small{color:var(--muted);white-space:nowrap}.pool-option b{display:inline-block;font-size:11px;color:#a94b10;margin-left:8px}
.pool-warning{font-size:13px;line-height:1.7;color:var(--muted)}#pool-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#pool-form p{flex-basis:100%}#pool-result{font-size:14px;line-height:1.7}
#proxy-feedback{position:fixed;z-index:2147483000;bottom:24px;right:24px;width:min(380px,calc(100% - 32px));display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--card);color:var(--text);border:0;border-radius:12px;box-shadow:0 8px 32px #0002;animation:feedback-in .18s ease-out}
#proxy-feedback[hidden]{display:none}#proxy-feedback>div{flex:1;min-width:0}#proxy-feedback strong{font-size:14px;line-height:1.5;font-weight:650}#proxy-feedback p{font-size:13px;color:var(--muted);line-height:1.6;margin:3px 0 0;overflow-wrap:anywhere}
#proxy-feedback button{background:transparent;border:0;color:var(--muted);border-radius:6px;width:32px;min-height:32px;padding:6px;cursor:pointer;margin:-4px -4px 0 0}#proxy-feedback button:hover{background:var(--bg)}#proxy-feedback button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
#proxy-feedback svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#proxy-feedback>.feedback-icon{flex-shrink:0;margin-top:1px;color:var(--blue)}
#proxy-feedback[data-state="success"]>.feedback-icon{color:#16834b}#proxy-feedback[data-state="error"]>.feedback-icon{color:#bc3434}
@keyframes feedback-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){#proxy-feedback{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){#proxy-feedback{animation:none}}
:root[data-theme="dark"] .pool-option b{color:#ffb27a}
.priority-disconnect{display:flex;align-items:center;gap:14px;margin-top:16px;border-top:1px solid var(--border);padding-top:16px;flex-wrap:wrap}
.priority-disconnect p{flex:1 1 220px;margin:0;font-size:12px;line-height:1.7;color:var(--muted)}
.priority-panel .priority-disconnect button{color:#bc3434}
:root[data-theme="dark"] .priority-panel .priority-disconnect button{color:#ff9b9b}
.priority-dialog{max-width:460px;width:calc(100% - 32px);padding:28px;border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--text);box-shadow:0 18px 60px rgba(0,0,0,.2)}
.priority-dialog::backdrop{background:rgba(16,24,40,.45)}
#priority-preview{font-size:16px;font-weight:700;line-height:1.6}
.priority-dialog-note{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:22px}
.priority-dialog label{display:block;font-size:13px;margin-bottom:8px;font-weight:700}
.priority-dialog input{width:100%;height:46px;padding:0 12px;font:inherit;font-size:16px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}
#priority-auth-error{font-size:12px;min-height:20px;line-height:1.6}
.priority-dialog .priority-actions{justify-content:flex-end}
:root[data-theme="dark"] #priority-auth-error,:root[data-theme="dark"] .priority-message[data-state="error"]{color:#ff9b9b}
@media(max-width:650px){.priority-panel{padding:16px}.priority-heading{align-items:flex-start;flex-direction:column;gap:10px}.priority-row{grid-template-columns:28px 25px minmax(0,1fr) auto;gap:8px;padding:14px 0}.priority-delay{grid-column:3;justify-content:flex-start;text-align:left;grid-row:auto}.priority-delay-reading{min-width:0}.priority-delay small{display:inline;margin-left:8px}.priority-movers{grid-column:4;grid-row:1 / span 2}.priority-row .priority-grip{grid-row:1 / span 2;min-width:28px}.priority-rank{grid-row:1 / span 2;font-size:22px}.priority-footer{align-items:stretch;flex-direction:column}.priority-actions{justify-content:flex-end}.priority-role{font-size:10px}.priority-name{gap:6px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.priority-row{transition:none}}

.priority-panel .priority-row-toggle{min-height:44px;padding:0 12px;white-space:nowrap;color:#bc3434;font-weight:650}
.priority-row[data-disabled="true"] .priority-row-toggle{color:var(--primary)}
.priority-state{font-size:12px;font-weight:650;color:#bc3434;white-space:nowrap}
:root[data-theme="dark"] .priority-state,:root[data-theme="dark"] .priority-row:not([data-disabled="true"]) .priority-row-toggle{color:#ff9b9b}
@media(max-width:650px){.priority-delay{flex-wrap:wrap}.priority-name{flex-wrap:wrap}}