/* KAN-425: one policy tone for office rows and shared unit pills. */
:root { --atlas-policy-tone: var(--accent-secondary, var(--accent-primary)); }
.atlas-unit-pills { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:6px; }
.atlas-unit-pills .agent-view-pill { display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:999px; border:1px solid var(--pill-state-idle-border); background:var(--pill-state-idle-bg) !important; color:var(--pill-state-idle-text); text-decoration:none; font:inherit; font-size:12px; min-height:30px; }
.atlas-unit-pills .agent-view-pill.is-selected { border-color:var(--pill-state-active-border); background:var(--pill-state-active-bg) !important; color:var(--pill-state-active-text); }
.atlas-unit-pill svg,.of-policy-icon svg { width:16px; height:16px; flex-shrink:0; color:color-mix(in srgb,var(--atlas-policy-tone) 50%,var(--text-primary)); }
.atlas-unit-pill.is-empty { background:color-mix(in srgb,var(--text-primary) 2%,transparent) !important; border-style:dashed; }
.atlas-unit-pill:focus-visible,.cf-variation button:focus-visible { outline:2px solid var(--accent-primary); outline-offset:3px; }
.atlas-unit-target { outline:2px solid var(--accent-primary); outline-offset:3px; }
#box-prices [data-office-facts] { display:grid; gap:8px; margin-top:8px; }
.office-fact-row { display:flex; flex-direction:column; gap:6px; min-width:0; padding:10px; border-radius:8px; background:color-mix(in srgb,var(--atlas-policy-tone) 8%,var(--bg-dark-secondary)); color:var(--text-primary); }
.office-fact-row:not(.is-editing) { display:grid; grid-template-columns:minmax(0, 1fr) minmax(80px, .55fr); align-items:center; min-height:var(--of-price-row-height,64px); box-sizing:border-box; }
.office-fact-row:not(.is-editing) .of-row-heading { min-width:0; }
.office-fact-row:not(.is-editing) .of-row-heading strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.office-fact-row:not(.is-editing) .of-value { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right; }
.office-fact-row .of-help,.office-fact-row .of-status { grid-column:1 / -1; }
.of-row-heading { display:flex; align-items:center; gap:8px; min-height:28px; font-size:13px; }
.of-row-heading strong { font-weight:500; overflow-wrap:anywhere; }
.of-row-heading .of-delete { margin-left:auto; }
#office-package-actions .of-policy-icon { width:32px; height:32px; padding:0; }
#box-prices .of-delete { display:flex; align-items:center; justify-content:center; width:24px !important; height:24px !important; min-width:24px !important; padding:0; line-height:1; border:0 !important; border-radius:8px !important; background:transparent !important; box-shadow:none !important; font-size:0 !important; color:var(--status-danger,#ef4444); cursor:pointer; }
#box-prices .of-delete svg { width:14px !important; height:14px !important; fill:currentColor !important; stroke:none !important; }
#box-prices .of-delete:hover,#box-prices .of-delete:focus-visible { background:color-mix(in srgb,var(--status-danger,#ef4444) 12%,transparent) !important; }
body.atlas-light-theme #box-prices .of-delete { color:#b91c1c !important; }
/* Match mobile-ticket-reader's price trash override without its price selector. */
@media (max-width:768px) { :root body #box-prices .of-delete { color:#ff453a !important; } }
.of-value { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; }
.of-help,.of-status { font-size:12px; color:var(--text-secondary); margin:0; line-height:1.5; }
.of-status[data-status="conflict"],.of-status[data-status="invalid"],.of-status[data-status="error"] { color:var(--status-warning); }
.of-source { display:grid; gap:4px; font-size:12px; color:var(--text-secondary); }
.office-fact-row .filter-input,.of-picker .filter-input { width:100%; min-width:0; box-sizing:border-box; font:inherit; font-size:13px; }
.office-fact-row textarea { resize:vertical; min-height:28px; }
.of-picker { display:grid; gap:8px; padding:12px; border:1px solid var(--border-color); border-radius:8px; }
.of-picker label { display:grid; gap:5px; color:var(--text-secondary); font-size:12px; }
.of-picker-actions,.of-choices { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.of-terms { display:grid; gap:8px; }
.of-terms > div { display:grid; gap:5px; }
.of-catalog-icon { width:16px; height:16px; display:inline-flex; align-items:center; margin-right:6px; vertical-align:middle; }
.of-catalog-icon svg { width:16px; height:16px; }
.cf-variation { margin:8px 0; }
.cf-variation-units { display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
.atlas-unit-tooltip { position:fixed; z-index:99999; max-width:min(300px,calc(100vw - 20px)); box-sizing:border-box; padding:10px 12px; border:1px solid var(--border-color); border-radius:10px; background:var(--bg-dark-secondary); color:var(--text-primary); font-size:12px; line-height:1.5; white-space:pre-line; box-shadow:0 4px 16px color-mix(in srgb,var(--text-primary) 12%,transparent); pointer-events:none; }