/* Used on (used-on.js): where a directory record sits in Studio. Flat and ruled: Jost, ink lines,
   no shadows, gradients, dots or colored bars. Day and Night tokens from vault/workspace-tokens.css. */
.uo { margin: 16px 0; padding-top: 12px; border-top: 1px solid var(--ws-line, #dedcd3); color: var(--ws-ink, inherit); font-family: var(--ws-ui, Jost, Arial, sans-serif); font-size: 16px; line-height: 1.45; }
.uo-title { margin: 0 0 6px; font: 600 16px/1.3 var(--ws-ui, Jost, Arial, sans-serif); letter-spacing: 0; text-transform: none; color: var(--ws-ink, inherit); }
.uo-note { margin: 4px 0; color: var(--ws-soft, inherit); font-size: 15px; }
.uo-jobs, .uo-lines { list-style: none; margin: 0; padding: 0; }
.uo-job { padding: 8px 0; border-bottom: 1px solid var(--ws-line, #dedcd3); }
.uo-job:first-child { border-top: 1px solid var(--ws-line, #dedcd3); }
.uo-jobname { font-weight: 600; }
.uo-lines { margin-top: 2px; }
.uo-line { display: grid; grid-template-columns: minmax(0, 11em) minmax(0, 1fr); gap: 2px 14px; align-items: baseline; padding: 2px 0; font-size: 15px; }
.uo-line--past { color: var(--ws-soft, inherit); }
.uo-when { font-variant-numeric: tabular-nums; }
.uo-what { overflow-wrap: anywhere; }
.uo-link { color: var(--ws-ink, inherit); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; font-variant-numeric: tabular-nums; }
.uo-link:hover { text-decoration-thickness: 2px; }
.uo-link:focus-visible { outline: 2px solid var(--ws-ink, currentColor); outline-offset: 2px; }
/* Gear Room item page: tape, then job, dates, holder and the Fieldbook job on one wrapping line. */
.uo-gear .uo-gline { grid-template-columns: 7.5em minmax(0, 1fr); align-items: center; padding: 8px 0; border-bottom: 1px solid var(--ws-line, #dedcd3); }
.uo-gear .uo-gline:first-child { border-top: 1px solid var(--ws-line, #dedcd3); }
.uo-gear .uo-tape { justify-self: start; }
.uo-gmain { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 14px; min-width: 0; }
.uo-who { color: var(--ws-soft, inherit); }
@media (max-width: 520px) { .uo-gear .uo-gline { grid-template-columns: minmax(0, 1fr); gap: 4px; } .uo-line { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 4px 0; } }
@media (pointer: coarse) { .uo-link { display: inline-flex; align-items: center; min-height: 44px; } }
/* The map's place card is compact; keep the type at 14px or more there. */
.fbm-detail .uo { margin: 12px 0 0; font-size: 14px; }
.fbm-detail .uo-title { font-size: 15px; }
.fbm-detail .uo-line, .fbm-detail .uo-note { font-size: 14px; }
@media print { .uo { display: none !important; } }