.fi-resource-orders.fi-resource-view-record-page{--ov-surface: #ffffff;--ov-surface-2: #f6f8fb;--ov-line: #e0e5ee;--ov-line-strong: #cdd4e0;--ov-ink: #1a2233;--ov-ink-2: #4a5568;--ov-ink-3: #7b8598;--ov-accent: #2563eb;--ov-accent-weak: #eff6ff;--ov-accent-ink: #1d4ed8;--ov-good: #12855c;--ov-good-bg: #dcf3e8;--ov-warn: #9a6a00;--ov-warn-bg: #fbf0d4;--ov-crit: #c8324a;--ov-crit-bg: #fbe4e8;--ov-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace}.dark .fi-resource-orders.fi-resource-view-record-page{--ov-surface: #111827;--ov-surface-2: #1a2233;--ov-line: rgba(255, 255, 255, .09);--ov-line-strong: rgba(255, 255, 255, .16);--ov-ink: #f3f4f6;--ov-ink-2: #c3cad6;--ov-ink-3: #8b94a5;--ov-accent: #60a5fa;--ov-accent-weak: rgba(59, 130, 246, .15);--ov-accent-ink: #93c5fd;--ov-good: #34d399;--ov-good-bg: rgba(16, 185, 129, .14);--ov-warn: #fbbf24;--ov-warn-bg: rgba(245, 158, 11, .13);--ov-crit: #fb7185;--ov-crit-bg: rgba(244, 63, 94, .13)}.fi-resource-orders.fi-resource-view-record-page .fi-section:not(.fi-section-not-contained){border-radius:12px;border:1px solid var(--ov-line);box-shadow:0 1px 2px #141e370a,0 4px 16px #141e370d}.fi-resource-orders.fi-resource-view-record-page .fi-section-header-heading{font-size:13px;font-weight:650;letter-spacing:.02em}.fi-resource-orders.fi-resource-view-record-page .fi-section-header .fi-icon{color:var(--ov-accent)}.fi-resource-orders.fi-resource-view-record-page .fi-in-entry .fi-in-entry-label,.fi-resource-orders.fi-resource-view-record-page .fi-in-entry .fi-fo-field-label,.fi-resource-orders.fi-resource-view-record-page .fi-in-entry-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ov-ink-3);font-weight:600}.ov-heading{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.ov-order-number{font-family:var(--ov-mono, ui-monospace, Menlo, Consolas, monospace);letter-spacing:-.02em}.ov-copy-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ov-line, #e0e5ee);border-radius:6px;padding:3px 7px;font-size:12px;font-weight:500;color:var(--ov-ink-3, #7b8598);background:transparent;cursor:pointer}.ov-copy-button:hover{color:var(--ov-accent, #2563eb);border-color:var(--ov-accent, #2563eb)}.ov-copy-button svg{width:14px;height:14px}.ov-stepper{display:grid;grid-template-columns:repeat(5,1fr)}.ov-stepper-canceled{opacity:.55}.ov-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding-top:4px}.ov-step-bar{position:absolute;top:11px;right:50%;width:100%;height:3px;background:var(--ov-line);z-index:0}.ov-step-bar-done{background:var(--ov-good)}.ov-step-dot{display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:var(--ov-surface);border:2px solid var(--ov-line-strong);z-index:1}.ov-step-dot svg{width:11px;height:11px;color:#fff}.ov-step-done .ov-step-dot{background:var(--ov-good);border-color:var(--ov-good)}.ov-step-active .ov-step-dot{background:var(--ov-accent);border-color:var(--ov-accent);box-shadow:0 0 0 4px var(--ov-accent-weak)}.ov-step-label{display:flex;flex-direction:column;gap:2px;font-size:12.5px;font-weight:600;color:var(--ov-ink-3)}.ov-step-done .ov-step-label{color:var(--ov-ink-2)}.ov-step-active .ov-step-label{color:var(--ov-accent-ink)}.ov-step-status{font-size:11px;font-weight:600}.ov-pipeline-current{font-size:13px;color:var(--ov-ink-2)}.ov-pipeline-current b{color:var(--ov-ink)}.ov-artwork-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 640px){.ov-artwork-grid{grid-template-columns:1fr}}.ov-artwork-tile{border:1px solid var(--ov-line);border-radius:8px;overflow:hidden;background:var(--ov-surface-2)}.ov-artwork-thumb{aspect-ratio:6 / 4;display:flex;align-items:center;justify-content:center;position:relative;background:var(--ov-surface-2)}.ov-artwork-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ov-artwork-side{position:absolute;top:8px;left:10px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ov-ink-3);background:color-mix(in srgb,var(--ov-surface) 80%,transparent);border-radius:4px;padding:1px 6px}.ov-artwork-empty{font-size:12px;color:var(--ov-ink-3)}.ov-artwork-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-top:1px solid var(--ov-line);background:var(--ov-surface)}.ov-artwork-name{font-size:12px;font-weight:600;color:var(--ov-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-artwork-link,.ov-proof-link{font-size:12px;font-weight:600;color:var(--ov-accent);white-space:nowrap}.ov-artwork-link:hover,.ov-proof-link:hover{text-decoration:underline}.ov-proof-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;background:var(--ov-surface-2);border:1px solid var(--ov-line);border-radius:8px;font-size:13px;color:var(--ov-ink)}.ov-proof-name{display:inline-flex;align-items:center;gap:8px;font-weight:600}.ov-proof-name svg{width:18px;height:18px;color:var(--ov-crit)}.ov-balance-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:8px;padding:12px 14px;margin-bottom:14px;background:var(--ov-crit-bg);border:1px solid color-mix(in srgb,var(--ov-crit) 25%,transparent)}.ov-balance-banner .ov-balance-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--ov-crit)}.ov-balance-banner .ov-balance-amount{font-family:var(--ov-mono);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;color:var(--ov-crit)}.ov-balance-banner.ov-balance-settled{background:var(--ov-good-bg);border-color:color-mix(in srgb,var(--ov-good) 25%,transparent)}.ov-balance-banner.ov-balance-settled .ov-balance-label,.ov-balance-banner.ov-balance-settled .ov-balance-amount{color:var(--ov-good)}.ov-balance-banner.ov-balance-pending{background:var(--ov-surface-2);border-color:var(--ov-line-strong)}.ov-balance-banner.ov-balance-pending .ov-balance-label,.ov-balance-banner.ov-balance-pending .ov-balance-amount{color:var(--ov-ink-3)}.ov-money-rows{display:flex;flex-direction:column}.ov-money-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--ov-line);font-size:13.5px}.ov-money-row:last-child{border-bottom:0}.ov-money-label{color:var(--ov-ink-2);display:flex;align-items:center;gap:7px;min-width:0}.ov-money-value{font-family:var(--ov-mono);font-variant-numeric:tabular-nums;font-weight:550;color:var(--ov-ink);white-space:nowrap}.ov-money-row-total{border-top:1.5px solid var(--ov-line-strong);margin-top:4px;padding-top:12px}.ov-money-row-total .ov-money-label{font-weight:650;color:var(--ov-ink)}.ov-money-row-total .ov-money-value{font-size:15px;font-weight:700}.ov-money-value-good{color:var(--ov-good)}.ov-transactions-heading{margin-top:16px;margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:650;color:var(--ov-ink-3)}.ov-transactions{width:100%;border-collapse:collapse;font-size:13px;border:1px solid var(--ov-line);border-radius:8px;overflow:hidden}.ov-transactions th{text-align:left;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ov-ink-3);font-weight:650;padding:8px 12px;border-bottom:1px solid var(--ov-line);background:var(--ov-surface-2);white-space:nowrap}.ov-transactions td{padding:9px 12px;border-bottom:1px solid var(--ov-line);color:var(--ov-ink);vertical-align:middle}.ov-transactions tr:last-child td{border-bottom:0}.ov-transactions td.ov-money-value{font-weight:500}.ov-transactions td.ov-transactions-intent{font-family:var(--ov-mono, ui-monospace, Menlo, Consolas, monospace),serif;font-size:11.5px;color:var(--ov-ink-2);white-space:nowrap}.ov-transactions-empty{text-align:center;font-size:12.5px;color:var(--ov-ink-3);font-style:italic}.ov-notes{display:flex;flex-direction:column}.ov-note-tabs{display:flex;flex-direction:row;border-bottom:1px solid var(--ov-line)}.ov-note-tab{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-bottom:1px solid transparent;font-size:12px;font-weight:500;color:var(--ov-ink-2);background:none;cursor:pointer}.ov-note-tab:hover{color:var(--ov-ink)}.ov-note-tab-active{border-bottom-color:var(--ov-accent);color:var(--ov-ink)}.ov-note-tab-count{display:inline-flex;align-items:center;padding:0 5px;border-radius:4px;background:var(--ov-surface-2);font-size:10px;font-weight:600;color:var(--ov-ink-2)}.ov-note-form{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:10px}.ov-note-textarea{width:100%;min-height:56px;padding:6px 8px;border:1px solid var(--ov-line-strong);border-radius:6px;background:var(--ov-surface);font-size:12px;line-height:1.45;color:var(--ov-ink);resize:vertical}.ov-note-textarea::-moz-placeholder{color:var(--ov-ink-3)}.ov-note-textarea::placeholder{color:var(--ov-ink-3)}.ov-note-textarea:focus{outline:none;border-color:var(--ov-accent);box-shadow:0 0 0 2px var(--ov-accent-weak)}.ov-note-textarea:disabled{opacity:.5;cursor:not-allowed}.ov-note-error{font-size:11px;color:var(--ov-crit)}.ov-note-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.ov-note-empty{font-size:12px;font-style:italic;color:var(--ov-ink-3)}.ov-note{display:flex;gap:8px}.ov-note-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px;border-radius:999px;background:var(--ov-accent-weak);font-size:10px;font-weight:600;color:var(--ov-accent-ink)}.ov-note-card{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--ov-line);border-radius:8px;background:var(--ov-surface-2)}.ov-note-head{display:flex;align-items:flex-start;gap:6px}.ov-note-author{overflow:hidden;font-size:11px;font-weight:600;color:var(--ov-ink);text-overflow:ellipsis;white-space:nowrap}.ov-note-time{flex-shrink:0;font-size:10px;color:var(--ov-ink-3)}.ov-note-menu{margin-left:auto}.ov-note-body{margin-top:2px;font-size:12px;line-height:1.5;color:var(--ov-ink-2);white-space:pre-line;overflow-wrap:anywhere}.ov-note-edit{margin-top:4px}.ov-note-edit-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:6px}.ov-note-see-all{align-self:flex-start;margin-top:8px;font-size:11px;font-weight:500;color:var(--ov-accent);background:none;cursor:pointer}.ov-note-see-all:hover{text-decoration:underline}
