.stage-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 10px;border:1px solid transparent;border-radius:var(--radius-full);font:var(--weight-strong) var(--text-xs)/1.4 var(--font-ui);letter-spacing:0;white-space:nowrap}.stage-badge--pre{border-color:var(--info-line);background:var(--surface-brand-soft);color:var(--brand-text-strong)}.stage-badge--pre .v-icon{color:var(--brand)}.stage-badge--post{background:var(--surface-inverse);color:var(--ink-inverse)}.stage-badge--done{border-color:var(--success-line);background:var(--success-soft);color:var(--success-text)}.stage-badge--closed{border-color:var(--hairline-strong);background:var(--surface-sunken);color:var(--ink-secondary)}.stage-name{display:inline-flex;align-items:center;gap:var(--space-2)}.stage-name__mark{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;border-radius:var(--radius-full)}.stage-name--pre .stage-name__mark{background:var(--surface-brand-soft);color:var(--brand);box-shadow:inset 0 0 0 1px var(--info-line)}.stage-name--post .stage-name__mark{background:var(--surface-inverse);color:var(--ink-inverse)}.line-tag{display:inline-flex;align-items:center;gap:5px;justify-self:start;align-self:start;padding:3px 10px 3px 8px;border:1px solid var(--hairline-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--ink);font:var(--weight-strong) var(--text-xs)/1.4 var(--font-ui);white-space:nowrap}.line-tag--fix,.line-tag--urgent{border-color:var(--error-line);background:var(--error-soft);color:var(--error-text)}.line-tag--due,.line-tag--review{border-color:var(--warning-line);background:var(--warning-soft);color:var(--warning-text)}.line-tag--note{color:var(--ink-secondary)}.line-tag--next{border-color:var(--info-line);background:var(--surface-brand-soft);color:var(--brand-text-strong)}.line-tag--next .v-icon{color:var(--brand)}.line-tag--clear{border-color:var(--success-line);background:var(--success-soft);color:var(--success-text)}.line-tag--upload{border-color:var(--ink);color:var(--ink)}.shipment-cell .stage-badge{justify-self:start}.hint{position:relative;display:inline-flex;vertical-align:middle}.hint__trigger{position:relative;display:inline-grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--ink-secondary);cursor:help}.hint__trigger:after{content:"";position:absolute;inset:-10px}.hint__trigger:focus-visible,.hint__trigger:hover{color:var(--ink);background:var(--surface-sunken)}.hint__trigger:focus-visible{outline:2px solid transparent;box-shadow:var(--focus-ring)}.hint__bubble{display:none;position:absolute;z-index:20;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:min(280px,calc(100vw - 32px));padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-inverse);color:var(--ink-inverse);font:var(--weight-body) var(--text-xs)/1.45 var(--font-ui);text-align:left;transform:translateX(-50%) translateY(4px);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease),transform var(--duration-base) var(--ease),visibility 0s linear var(--duration-base);box-shadow:var(--shadow-md);pointer-events:none}.hint__bubble:after{content:"";position:absolute;top:100%;left:50%;border:6px solid transparent;border-top:6px solid var(--surface-inverse);transform:translateX(-50%)}.hint:focus-within .hint__bubble,.hint:hover .hint__bubble{display:block;opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition-delay:0s;animation:hint-in var(--duration-base) var(--ease) both}@keyframes hint-in{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:760px){.hint:focus-within .hint__bubble,.hint:hover .hint__bubble,.hint__bubble{left:auto;right:-8px;transform:none;animation:none}.hint__bubble:after{left:auto;right:14px;transform:none}}@media (prefers-reduced-motion:reduce){.hint__bubble{transition:none;animation:none}}