/* RA3 자산 상세 (redesign 8.3): the parts that are this page's alone -- the head, the ⋯ menu, the in-page tabs, the
   chain's lanes, the page's two columns of cards, its name-value rows and tables. Every shared part (lx-card, lx-st,
   lx-bdg, lx-btn, lx-lk, lx-node, lx-chain, lx-stat, lx-empty, lx-note, lx-pager …) is RF1's redesign-rf1.css; this
   file only lays them out. Scoped to #entity-root, so the older #entity-root rules of screens-agents.css lose to it. */

#entity-root .ra3-page{display:flex;flex-direction:column;gap:20px;word-break:keep-all;overflow-wrap:break-word}
#entity-root .ra3-body,#entity-root .ra3-panel,#entity-root .ra3-col{display:flex;flex-direction:column;gap:20px;min-width:0}
#entity-root .ra3-panel[hidden]{display:none}
/* A person's 정책 · 키: the policy card and the key card are two cards of one place, apart as the page's cards are. */
#entity-root [data-entity-slot="policy"]:not([hidden]){display:flex;flex-direction:column;gap:20px;min-width:0}

/* ← 목록 · 3 / 39 · 이전 · 다음 */
#entity-root .ra3-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 12px;font-size:var(--ds-fs-xs)}
#entity-root .ra3-list .lx-lbl{font-variant-numeric:tabular-nums}
/* The same line in the frame's place beside the path (portalShell.placeSlot, 8.3-1): the place lays it out, the line
   adds no margin of its own. */
.lx-place-slot .ra3-list{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0}
.lx-place-slot .ra3-list .lx-lbl{font-variant-numeric:tabular-nums}
/* The top line is one row: the steps stand close (no box of their own until pressed or over). */
.lx-place-slot .ra3-list [data-entity-back]{padding:0;border:0;background:none;font:inherit;font-weight:500;white-space:nowrap}
.lx-place-slot .ra3-list .lx-btn-s{height:24px;padding:0 6px;font-size:inherit}
.lx-place-slot .ra3-list .lx-btn-s:disabled{border-color:transparent;background:transparent}

/* The head: state badge, name and whose; the reason in one sentence; the rest in one line; 할 일 만들기 and ⋯. */
#entity-root .ra3-head{display:flex;align-items:flex-start;gap:14px}
#entity-root .ra3-av{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:var(--ds-accent-soft);color:var(--ds-accent-text)}
#entity-root .ra3-head-text{flex:1 1 0;min-width:0}
#entity-root .ra3-head-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
#entity-root .ra3-head .ra3-name{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;color:var(--ds-text);font-size:var(--ds-fs-lg);font-weight:650;letter-spacing:-.01em}
#entity-root .ra3-lede{margin:6px 0 0}
#entity-root .ra3-line{margin:2px 0 0;color:var(--ds-text-3);font-size:var(--ds-fs-sm)}
#entity-root .ra3-acts{display:flex;flex:none;align-items:center;gap:8px}
#entity-root .ra3-make:empty{display:none}

/* ⋯: a small menu under its button (Esc and a press outside close it). */
#entity-root .ra3-more{position:relative}
#entity-root .ra3-more>summary{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ds-line);border-radius:8px;background:var(--ds-surface);color:var(--ds-text-2);list-style:none;cursor:pointer}
#entity-root .ra3-more>summary:hover,#entity-root .ra3-more[open]>summary{background:var(--ds-surface-2);color:var(--ds-text)}
#entity-root .ra3-more>summary::-webkit-details-marker{display:none}
#entity-root .ra3-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:30;display:flex;flex-direction:column;min-width:248px;padding:6px;border:1px solid var(--ds-line);border-radius:10px;background:var(--ds-surface);box-shadow:var(--ds-shadow-pop)}
#entity-root .ra3-menu .ra3-menu-i{display:block;width:100%;min-height:34px;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:var(--ds-text);font:inherit;font-size:var(--ds-fs-sm);font-weight:500;text-align:left;white-space:nowrap;cursor:pointer;transform:none}
#entity-root .ra3-menu .ra3-menu-i:hover,#entity-root .ra3-menu .ra3-menu-i:focus-visible{background:var(--ds-surface-2);color:var(--ds-text)}
#entity-root .ra3-menu .ra3-menu-i:disabled{color:var(--ds-muted);background:transparent;cursor:not-allowed;opacity:1}

/* The person's tabs (until the frame gives a screen its own tabs in the top line). */
#entity-root .ra3-tabs{display:flex;flex-wrap:wrap;gap:2px;margin:0 0 -4px}
#entity-root .ra3-tabs .ra3-tab{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--ds-text-2);font:inherit;font-size:var(--ds-fs-sm);font-weight:500;white-space:nowrap;cursor:pointer;transform:none}
#entity-root .ra3-tabs .ra3-tab:hover{background:var(--ds-surface-2);color:var(--ds-text)}
#entity-root .ra3-tabs .ra3-tab[aria-selected="true"]{background:var(--ds-surface-3);color:var(--ds-text);font-weight:650}
#entity-root .ra3-tabs .lx-n{color:var(--ds-text-3);font-size:var(--ds-fs-xs);font-weight:500}
#entity-root .ra3-tabs .lx-n:empty{display:none}

/* Cards in two columns (2fr / 1fr), one under 900px. */
#entity-root .ra3-cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:start}
#entity-root .ra3-card{margin:0;min-width:0}
#entity-root .ra3-card-h{min-width:0}
#entity-root .ra3-card-h .lx-h2{margin:0}
#entity-root .ra3-click[hidden]{display:none}

/* Name and value rows (redesign .kv), each a row so a jump to it lands on it. */
#entity-root .ra3-kv{display:flex;flex-direction:column}
#entity-root .ra3-kv-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 16px;padding:8px 0;border-bottom:1px solid var(--ds-line);font-size:var(--ds-fs-sm)}
#entity-root .ra3-kv-row:last-child{border-bottom:0}
/* The right column is a third of the page: its names take less, so a value is not three lines at 1280. */
#entity-root .ra3-cols>.ra3-col+.ra3-col .ra3-kv-row{grid-template-columns:84px minmax(0,1fr)}
#entity-root .ra3-kv-k{color:var(--ds-text-3);font-size:var(--ds-fs-xs)}
#entity-root .ra3-kv-v{min-width:0;color:var(--ds-text)}
/* A name with no break in it (a long person's) is cut with …, never wider than its cell (X238). */
#entity-root .ra3-kv-v>.lx-lk{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
#entity-root .ra3-kv+.ra3-kv{margin-top:8px;padding-top:8px;border-top:1px solid var(--ds-line)}
#entity-root .ra3-flash{background:var(--ds-accent-soft);transition:background .3s}
#entity-root .ra3-missing{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 8px}
#entity-root .ra3-missing b{color:var(--ds-text-2);font-weight:600}
#entity-root .ra3-reasons{display:flex;flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none}
#entity-root .ra3-why{display:block;margin-top:2px}
/* A reason's target with its why, and its 다음 동작, wrap as wholes (UR30-20 u26): a line breaks between them, never inside. */
#entity-root .ra3-who,#entity-root .ra3-reasons>li>span.lx-lbl{display:inline-block;max-width:100%;overflow-wrap:anywhere}
#entity-root .ra3-lines{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}
#entity-root .ra3-lines .ra3-lines{margin-top:2px;padding-left:12px}
#entity-root .ra3-after{margin:8px 0 0}
#entity-root .ra3-none{margin:0}
#entity-root .ra3-help{display:inline-grid;place-items:center;width:18px;height:18px;min-width:18px;margin-left:4px;padding:0;border:1px solid var(--ds-line-strong);border-radius:50%;background:var(--ds-surface);color:var(--ds-text-3);font-size:12px;font-weight:600;line-height:1;vertical-align:middle;cursor:help;transform:none}
#entity-root .ra3-help:hover{background:var(--ds-surface-2);color:var(--ds-text)}

/* Numbers of today (redesign .stat) */
#entity-root .ra3-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:4px}
#entity-root .ra3-fig{font-variant-numeric:tabular-nums}

/* Tables (redesign 6.6): no column lines, 46px rows, gray 13px heads; never a table scrolling in a table. */
#entity-root .ra3-table-wrap{min-width:0}
#entity-root table.ra3-table{display:table;width:100%;border-collapse:collapse;font-size:var(--ds-fs-sm)}
#entity-root table.ra3-table th{padding:8px 6px;border:0;border-bottom:1px solid var(--ds-line);background:transparent;color:var(--ds-text-3);font-size:var(--ds-fs-xs);font-weight:500;text-align:left;white-space:nowrap}
/* A cell's text wraps in its cell, the last one too (a key's models, an issue's title): the Portal's
   .table-wrap td:last-child{white-space:nowrap} is for an action column and these tables have none. */
#entity-root table.ra3-table td{height:46px;padding:9px 6px;border:0;border-bottom:1px solid var(--ds-line);color:var(--ds-text);vertical-align:middle;white-space:normal;overflow-wrap:anywhere}
#entity-root table.ra3-table tr:last-child td{border-bottom:0}
#entity-root table.ra3-table .ra3-at{color:var(--ds-text-3);font-size:var(--ds-fs-xs);white-space:nowrap}
#entity-root .ra3-fold>summary{display:inline-block;margin-top:8px;list-style:none;cursor:pointer;font-size:var(--ds-fs-xs)}
#entity-root .ra3-fold>summary::-webkit-details-marker{display:none}

/* The chain card: lanes left to right (as many as the answer has), each its first three nodes and 외 n개. */
#entity-root .ra3-chain{grid-template-columns:repeat(var(--ra3-lanes,5),minmax(0,1fr));margin:0;padding:0;list-style:none}
#entity-root .ra3-lane .lx-lane-h b{color:var(--ds-text-2);font-weight:600}
#entity-root .ra3-lane>button.lx-node,#entity-root .ra3-lane-more>button.lx-node{width:100%;text-align:left;cursor:pointer}
#entity-root .ra3-lane-more{display:flex;flex-direction:column;gap:6px}
#entity-root .ra3-lane-more[hidden]{display:none}
#entity-root .ra3-lane-rest{align-self:flex-start;padding:2px 10px;font-size:var(--ds-fs-xs)}
#entity-root .ra3-glance{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0 0 14px}
#entity-root .ra3-glance>div{display:flex;align-items:center;gap:6px}
#entity-root .ra3-glance dt{color:var(--ds-text-3);font-size:var(--ds-fs-xs)}
#entity-root .ra3-glance dd{margin:0}
#entity-root .ra3-er-actions{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}

/* An agent's line of jumps to its sections. */
#entity-root .ra3-jumps{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 -4px;font-size:var(--ds-fs-sm)}

/* Forms: the purpose, the person's budget, the related issues' find. */
#entity-root .ra3-purpose-row,#entity-root .ra3-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin-top:12px}
#entity-root .ra3-field{display:flex;flex-direction:column;gap:4px;min-width:180px;margin:0}
#entity-root .ra3-form-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%}
#entity-root .ra3-change{margin-top:14px}
#entity-root .ra3-change>summary{list-style:none;cursor:pointer}
#entity-root .ra3-change>summary::-webkit-details-marker{display:none}
#entity-root .ra3-find{display:flex;align-items:center;gap:8px;margin:0 0 12px}
#entity-root .ra3-find .lx-in{flex:1 1 auto;max-width:360px}
#entity-root .ra3-refusal{margin:0}

@media (max-width:900px){
  #entity-root .ra3-head{flex-wrap:wrap}
  #entity-root .ra3-acts{width:100%}
  #entity-root .ra3-cols{grid-template-columns:minmax(0,1fr)}
  #entity-root .ra3-chain{grid-template-columns:minmax(0,1fr)}
  #entity-root .ra3-kv-row{grid-template-columns:minmax(0,1fr)}
  #entity-root .ra3-menu{right:auto;left:0}
  #entity-root table.ra3-table th,#entity-root table.ra3-table .ra3-at{white-space:normal}
}
#entity-root .ra3-lane .lx-node.ra3-node-bad{background:color-mix(in srgb,var(--ds-danger) 9%,var(--ds-surface));border-color:var(--ds-danger);box-shadow:0 0 0 2px var(--ds-danger-soft)}
#entity-root .ra3-lane>button.lx-node.ra3-node-bad:hover,#entity-root .ra3-lane-more>button.lx-node.ra3-node-bad:hover{background:color-mix(in srgb,var(--ds-danger) 12%,var(--ds-surface))}
#entity-root .ra3-viol-ico{flex:none;margin-left:auto;color:var(--ds-danger-text);font-size:12px;line-height:1}
#entity-root .ra3-lane .lx-lane-h .ra3-viol{height:auto;margin-left:auto;padding:1px 7px;border-radius:999px;background:var(--ds-danger-soft);color:var(--ds-danger-text);font-size:11px;font-weight:700;line-height:18px;white-space:nowrap}
#entity-root .ra3-viol[data-tooltip]{cursor:help}