/* RA10 설정 · 수집 -- this track's one stylesheet of the redesign (GOAL-redesign-wave 4절 CSS). Its parts are
   redesign-rf1.css's (prefix lx-); index.html links it after them. Only this track writes here. */
.ra10-panel .lx-kv>div,.ra10-collect .lx-kv>div{display:contents}

/* 수집 상태 (feed-health.js, data-connections) */
.ra10-collect .lx-lede{min-width:0}
.ra10-cards>.lx-card{min-width:0}
.ra10-collect .lx-spec{margin-top:4px}
.ra10-legend{gap:6px 18px;margin-top:8px}
.ra10-collect .lx-kv{margin-top:16px}
.ra10-collect .lx-kv dd .lx-btn-s{margin-left:6px;vertical-align:middle}
.ra10-line{margin:0;color:var(--ds-text-2);font-size:14px}
.ra10-line b{color:var(--ds-text)}
.ra10-collect .lx-note-warn{margin-top:12px}
/* A note with its button (등록되지 않은 수집 출처 … [등록]) is a row: .lx-note's block would set the two flush together. */
.ra10-collect .lx-note.lx-row,.ra10-scopes .lx-note.lx-row{display:flex}
/* 주기 for an account not given 확인 주기 (its place empty): 수집 주기 is the card's first row. */
.ra10-collect [data-fh-cadence]:empty{display:none}
.ra10-collect [data-fh-cadence]:empty+.lx-setrow{padding-top:0}
.ra10-list{gap:4px;color:var(--ds-text-2);font-size:14px}
/* 수집함 and 수집하지 않음 side by side while each keeps 140px; in a card narrower than that (two cards at 1024: about
   90px a list) one goes under the other, every item whole. */
.ra10-cards>.lx-card{container-type:inline-size}
@container (max-width:299px){.ra10-cards>.lx-card>.lx-cols{grid-template-columns:minmax(0,1fr)}}
.ra10-collect .lx-card-h .lx-lk,.ra10-collect .lx-setrow .lx-lk{font-size:13px}
.ra10-letter{grid-template-columns:minmax(0,1fr) auto}
.ra10-connections{width:100%;table-layout:fixed}
.ra10-connections th:nth-child(2),.ra10-connections td:nth-child(2){width:120px}
.ra10-connections th:nth-child(3),.ra10-connections td:nth-child(3){width:220px}
.ra10-connections th:nth-child(4),.ra10-connections td:nth-child(4){width:200px}
/* The three fixed columns take 540px and leave the name what is over: beside 설정's inner menu the card holds that
   and a name only from 1280 of window. Narrower (1024: 468px of card, the name 0px and the page 14px too wide), the
   columns are as wide as what they say, as under 900px. */
@media(max-width:1279px){
  .ra10-connections{table-layout:auto}
  .ra10-connections th:nth-child(n),.ra10-connections td:nth-child(n){width:auto}
}
.ra10-more summary{color:var(--ds-accent-text);font-size:13px;cursor:pointer}
.ra10-more p{margin:4px 0 0;color:var(--ds-text-2);font-size:13px}
.ra10-diag>summary{cursor:pointer}
.ra10-diag[open]>summary{margin-bottom:14px}
.ra10-diag [data-fh-cadence="server"]:not(:empty){margin-top:16px;padding-top:16px;border-top:1px solid var(--ds-line)}
/* A setting row of this page (주기's 확인 주기 and 수집 주기, 서버 진단's 서버 확인 주기): the name and its line on the left,
   the box or the words and link on the right, as long as the name keeps 9em beside them; where it would not, they go
   on the line under it and the name reads across the row. The form's grid gave the right side its whole width first:
   in 주기 at 1024 (two cards, 설정's inner menu) the name was left 0-40px and "수집 주기" stood a letter a line (PC1
   lap narrow 3, 10-13). The range line and an error are rows of their own under both (.lx-full). */
.ra10-collect .lx-setrow{display:flex;flex-wrap:wrap}
.ra10-collect .lx-setrow>:first-child{flex:1 1 9em;min-width:0}
.ra10-collect .lx-setrow>:not(:first-child){flex:0 1 auto}
.ra10-collect .lx-setrow>.lx-full{flex-basis:100%}
/* A cadence row: the name on the left, the box, its unit and 저장 on the right, the range line under the whole row. */
.ra10-cadence{flex-wrap:nowrap;gap:8px;align-items:center}
.ra10-cadence .lx-in{width:60px;text-align:right}

/* 수집 대상 (organization.js) */
/* Beside the panel the first line keeps its sentence whole: its two buttons go under it instead of squeezing it. */
.ra10-scopes>[data-org-first]{flex-wrap:wrap}
.ra10-scopes>[data-org-first]>.lx-lede{flex:1 1 240px}
/* A part with nothing to say takes no gap of the page: the status line keeps its live region out of the flow. */
.ra10-scopes>#org-unregistered:empty,.ra10-scopes>#org-overview:empty{display:none}
.ra10-scopes>#org-status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ra10-tools{gap:8px 12px}
.ra10-chips{gap:6px}
.ra10-find{width:240px;max-width:100%;margin-left:auto}
.ra10-within{align-items:center}
.ra10-table{width:100%;table-layout:fixed}
.ra10-table th:nth-child(2),.ra10-table td:nth-child(2){width:180px}
.ra10-table th:nth-child(3),.ra10-table td:nth-child(3){width:110px}
.ra10-table th:nth-child(4),.ra10-table td:nth-child(4){width:110px}
.ra10-table .lx-nm{display:block;max-width:100%}
.ra10-sort{margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.ra10-sort:hover{background:color-mix(in srgb,var(--ds-accent) 8%,transparent)}
.ra10-pager{margin-top:12px}
.ra10-panel{gap:14px}
.ra10-panel .lx-seg{flex-wrap:wrap}
.ra10-panel section{display:flex;flex-direction:column;gap:12px}
.ra10-panel section[hidden]{display:none}
.ra10-row{align-items:flex-start;gap:10px;padding:10px 0}
.ra10-kinds{gap:6px}
/* An asset's facts in the panel: one column, the name beside its value (the older sheet's two columns left an ID
   6 letters a line in the panel's width). */
.ra10-panel .org-facts{grid-template-columns:minmax(0,1fr)}
.ra10-panel .org-facts>div{grid-template-columns:7em minmax(0,1fr)}
.ra10-basis{margin-left:4px;font-size:13px}
.ra10-admitted{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.ra10-history{display:flex;flex-direction:column;gap:8px;font-size:14px}
.ra10-form .lx-field .lx-sub{margin-top:2px}
.ra10-cycle{width:110px}
.ra10-cycle-unit{width:90px}
.ra10-map{display:flex;flex-direction:column;gap:10px}
.ra10-map .map-3d{min-height:360px}
/* The older sheet's #org-form grid (screens-operations.css) is the old dialog's; the panel form is a column. */
#org-form.ra10-form{display:flex;grid-template-columns:none;align-items:stretch;margin-top:0}
#org-form #org-form-error:empty{display:none}
#org-form #org-form-error{margin:0;color:var(--ds-danger-text);font-size:13px;font-weight:400}
@media(max-width:900px){
  .ra10-cards{grid-template-columns:minmax(0,1fr)}
  .ra10-find{width:100%;margin-left:0}
  .ra10-connections,.ra10-table{table-layout:auto}
  .ra10-connections th:nth-child(n),.ra10-connections td:nth-child(n),.ra10-table th:nth-child(n),.ra10-table td:nth-child(n){width:auto}
}