.name-tag{--nt-phase:0s;--nt-period:5.6s;isolation:isolate;background:linear-gradient(135deg, var(--nt-hi) 0%, var(--nt-mid) 45%, var(--nt-lo) 100%);max-width:100%;box-shadow:0 0 0 1px var(--nt-edge), inset 0 0 0 1px #ffffff38, 0 1px 3px #140e0433;color:var(--nt-ink);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;border-radius:999px;flex:none;align-items:center;gap:5px;padding:2px 10px 2px 6px;font-size:11px;font-weight:800;line-height:1.3;display:inline-flex;position:relative;overflow:hidden}.name-tag-sm{gap:4px;padding:1px 8px 1px 5px;font-size:10px}.name-tag-lg{gap:7px;padding:4px 14px 4px 9px;font-size:13px}.name-tag-icon{z-index:1;width:13px;height:13px;color:var(--nt-ink);flex:none;position:relative}.name-tag-sm .name-tag-icon{width:11px;height:11px}.name-tag-lg .name-tag-icon{width:17px;height:17px}.name-tag-text{z-index:1;position:relative}.name-tag-foil{box-shadow:0 0 0 1px var(--nt-edge), inset 0 0 0 1px #fffceb99, 0 1px 3px #2e200040;background:linear-gradient(135deg, var(--nt-hi) 0%, var(--nt-mid) 30%, var(--nt-lo) 58%, var(--nt-mid) 80%, var(--nt-hi) 100%)}.name-tag-foil:after{content:"";z-index:0;pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 38%,#ffffffb3 50%,#0000 62%);position:absolute;inset:0;transform:translate(-120%)}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .name-tag-foil:after{animation:name-tag-gleam var(--nt-period) ease-in-out infinite;animation-delay:calc(var(--nt-phase) * -1)}}@keyframes name-tag-gleam{0%{opacity:0;transform:translate(-120%)}3%{opacity:1}14%{opacity:1}17%,to{opacity:0;transform:translate(120%)}}@media print{.name-tag-foil:after{display:none}}.name-tag-slot{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;display:inline-flex}.tag-picker{gap:12px;display:grid}.tag-picker-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tag-picker-cell{border:1px solid var(--line,#d9d2c3);background:var(--card,#fff);min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-content:start;gap:6px;padding:10px 12px;display:grid}.tag-picker-cell:hover:not([disabled]){border-color:var(--ink,#2a2a2a)}.tag-picker-cell:focus-visible{outline:3px solid var(--focus,#1d4ed8);outline-offset:2px}.tag-picker-cell[aria-pressed=true]{border-color:var(--ink,#2a2a2a);box-shadow:0 0 0 2px var(--ink,#2a2a2a)}.tag-picker-cell[aria-disabled=true]{cursor:not-allowed}.tag-picker-cell[aria-disabled=true] .tag-picker-pill{filter:grayscale();opacity:.55}.tag-picker-pill{align-items:center;gap:8px;min-height:24px;display:flex}.tag-picker-note{color:var(--muted,#5b5547);margin:0;font-size:12px;line-height:1.35}.tag-picker-lock{align-items:center;gap:4px;font-weight:600;display:inline-flex}.tag-picker-none{font-size:13px;font-weight:600}.tag-preview-row{border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.tag-preview-row.is-light{background:#f8f4ea}.tag-preview-row.is-dark{background:#1b1a17}ul.pts-ledger>li.tag-admin-row{grid-template-columns:minmax(300px,auto) 1fr auto;justify-content:stretch;align-items:center;gap:16px;display:grid}.tag-admin-previews{gap:6px;display:grid}.tag-admin-previews .tag-preview-row{flex-wrap:nowrap}@media (width<=800px){ul.pts-ledger>li.tag-admin-row{grid-template-columns:1fr}}.name-tag-row{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.name-tag-compact,.name-tag-sm.name-tag-compact,.name-tag-lg.name-tag-compact{justify-content:center;width:22px;height:22px;padding:0}.name-tag-sm.name-tag-compact{width:19px;height:19px}.name-tag-lg.name-tag-compact{width:28px;height:28px}.name-tag-slot{cursor:pointer;border-radius:999px;outline:none;display:inline-flex}.name-tag-slot:focus-visible{outline:2px solid var(--focus-ring,currentColor);outline-offset:2px}.name-tag-slot{position:relative}@media (hover:hover){.name-tag-slot[data-compact]:hover:after{content:attr(data-label);z-index:30;color:#f3ecdc;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#111;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:800;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff40,0 4px 10px #0006}}