/* Warehouse v7.2 — precise, non-fictional sync status + supply sorting */
#krv72-sync{position:fixed;right:22px;bottom:86px;width:min(405px,calc(100vw - 24px));z-index:9000;display:flex;align-items:flex-start;gap:15px;padding:18px 18px 16px;background:#fff;border:1px solid #d7e7ff;border-radius:17px;box-shadow:0 18px 55px #122b4d2b;color:#182d48;animation:krv72-in .22s ease-out}
#krv72-sync[data-state=error]{border-color:#ffd1d1}
#krv72-sync[data-state=success]{border-color:#bbefd5}
#krv72-sync-title{display:block;font-size:15px;font-weight:850;letter-spacing:-.15px}
#krv72-sync-message{font-size:12px;line-height:1.5;color:#576e89;margin-top:6px;overflow-wrap:anywhere}
#krv72-sync-clock{margin-top:9px;font-size:11px;color:#7a8da5;font-variant-numeric:tabular-nums}
.krv72-sync-body{min-width:0;flex:1}
.krv72-orbit{flex:none;margin-top:1px;width:31px;height:31px;border-radius:50%;border:3px solid #dbeaff;border-top-color:#1883ff;animation:krv72-spin .78s linear infinite}
#krv72-sync[data-state=success] .krv72-orbit{border-color:#22ae7d;animation:none;position:relative}
#krv72-sync[data-state=success] .krv72-orbit:after{content:'✓';color:#fff;position:absolute;inset:0;text-align:center;line-height:25px;font-weight:900}
#krv72-sync[data-state=error] .krv72-orbit{border-color:#fbe1e1;border-top-color:#eb5252;animation:none}
#krv72-sync-close{background:#f2f5fa;border-radius:9px;font-size:21px;width:27px;height:27px;color:#58708b;line-height:1;flex:none}
body.krv72-syncing [onclick="manualSync()"]{pointer-events:none;opacity:.65}
body.krv72-syncing [onclick="manualSync()"]:before{content:' ';width:11px;height:11px;display:inline-block;vertical-align:middle;margin-right:6px;border-radius:50%;border:2px solid #fff8;border-top-color:currentColor;animation:krv72-spin .7s linear infinite}
#krv72-supply-list{display:flex;flex-direction:column;gap:2px}
#krv72-supply-list .krv72-row{display:flex;align-items:center;min-width:0;gap:1px;position:relative;border-radius:10px}
#krv72-supply-list .krv72-row>.side-btn{min-width:0;flex:1;width:auto;padding-right:5px}
#krv72-supply-list .krv72-row .side-left{min-width:0;overflow:hidden}
#krv72-supply-list .krv72-row .side-left>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.krv72-controls{display:flex;align-items:center;gap:0;flex:none;opacity:.65;transition:opacity .15s}
.krv72-row:hover .krv72-controls,.krv72-controls:focus-within{opacity:1}
.krv72-handle,.krv72-arrow{display:grid;place-items:center;min-width:18px;height:29px;padding:0 2px;color:#fff;background:transparent;border-radius:5px;font-size:15px;cursor:grab;user-select:none}
.krv72-arrow{cursor:pointer;font-size:12px;min-width:15px}
.krv72-handle:hover,.krv72-arrow:hover,.krv72-handle:focus-visible,.krv72-arrow:focus-visible{background:#fff3;outline:0}
.krv72-row.krv72-dragging{opacity:.4}
.krv72-drop-before:before,.krv72-drop-after:after{content:'';position:absolute;left:8px;right:6px;height:3px;background:#e7f2ff;border-radius:8px;box-shadow:0 0 0 2px #1883ff3b;z-index:4}
.krv72-drop-before:before{top:-3px}.krv72-drop-after:after{bottom:-3px}
@keyframes krv72-spin{to{transform:rotate(360deg)}}
@keyframes krv72-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){#krv72-sync{right:10px;bottom:76px}.krv72-controls{opacity:1}}
@media(prefers-reduced-motion:reduce){#krv72-sync,.krv72-orbit,body.krv72-syncing [onclick="manualSync()"]:before{animation:none!important}}
