/* 현황 › 요약 and the 미관리 · 사람 · 기기 lists: what the 10-06 review changed on them, over screens-agents.css
   (loaded after it). Every value is a design token (--ds-*).
   - P2-12: the screens' running text is 14px and a note under it 13px; nothing smaller but a figure's unit.
   - 기준 시각 · 방금 ? beside the heading opens each source's time in a small panel (.ov-asof).
   - The states are four (the 숨은 Shadow AI Agent card is gone); 직원 N명 모두 분류됨 is a quiet line under the band.
   - 오늘 할 일 is a card of its own right under the figures: who acts, what, for whom, and where, on one line. */


/* The figures' card: the heading with 기준 시각 beside it, the class badges and refresh at its right. */
.ov-head-tools{display:flex;align-items:center;gap:var(--ds-space-2);margin-left:auto}




/* A feature tile's figure carries its unit (P3-38), drawn as the state figures draw theirs. */
[data-managed-tiles] .ov-metric strong .ov-unit{margin-left:3px;font-size:var(--ds-fs-lg);font-weight:600;font-style:normal;color:var(--ds-text-2)}
/* 확인 필요 of nobody is one line, not a card's worth of space. */
[data-managed-unknowns]:has([data-unknowns-empty]){padding-block:var(--ds-space-3)}
[data-managed-unknowns]:has([data-unknowns-empty])>.inventory-note{display:none}
[data-managed-unknowns] [data-unknowns-empty] .empty{padding:0;border:0;background:none;text-align:left;font-size:var(--ds-fs-sm);color:var(--ds-text-2)}
/* Nothing to do today is one quiet line, not a card's worth of space. */
[data-managed-today-list]>.empty{padding:var(--ds-space-1) 0 0;border:0;background:none;text-align:left;font-size:var(--ds-fs-sm);color:var(--ds-text-2)}
/* The lists' column names stick under the shell's top bar, which since c885e346 is 65.5px high (its content's
   height, no longer 64px): at 64px the names slid 1.46px under it (찾기's flow, 1440x420). */
@media(min-width:1440px){.ml-table thead th{top:66px}}
/* A part of a dotted line: kept whole where it fits, its leading dot with it (c3.102 at 390). */
.ov-piece{display:inline-block;max-width:100%}
/* A device row that says why its control is not in force (GOAL 15) has a quiet line under its reasons: the reasons and
   who acts on them start at the top together, so each held line still meets its 담당·조치 beside it. */
@media(min-width:701px){.ml-table tr:has([data-managed-row-gaps])>td:is([data-col="why"],[data-col="who"]){vertical-align:top}}
/* A sentence is wider than the mark it replaced: the shared 360px cap on a cell (style.css .table-wrap td) is not the
   reasons', and the columns that tell a row apart give it room (사번 and 부서 are short words). A sentence keeps to its
   line beside who acts on it; below 1440px the table's own wrap scrolls, as it did (screens-agents.css). */
@media(min-width:701px){
  .ml-table td[data-col="why"]{max-width:none}
  .ml-table .ml-th-id{width:6%}.ml-table .ml-th-unit{width:11%}.ml-table .ml-th-name{width:14%}
}

/* 수집·정책 범위 (next wave N2; UX-011 compressed it under 직원 관리 상태 and 내 할 일): a named group of three ratios,
   side by side on a wide screen, each read as its name, how many of how many, the share, a thin track and the list of
   what it lacks; under 900px each ratio is one compact row (name, n/d, share, what it lacks) -- never three large
   figures and tracks stacked. 내 할 일 and the other numbers are the shared line of numbers (.ds-sub-line) with a name
   before it. The first steps of an installation with nothing found yet are a numbered row, a done step marked. */
.ov-ratios-name{margin:0 0 var(--ds-space-2);font-size:var(--ds-fs-md);font-weight:600}
.ov-ratio-name{grid-column:1/-1;color:var(--ds-text-2);font-size:var(--ds-fs-sm);font-weight:600}
/* The numerator over the denominator stays one piece; 일부 연동 and 미확인 beside it go to the next line when the column is narrow. */
.ov-todo-name{font-size:var(--ds-fs-md);font-weight:600}
.ov-steps{margin:0 0 var(--ds-space-4);padding:var(--ds-space-4);border:1px solid var(--ds-line);border-radius:var(--ds-radius);background:var(--ds-surface)}
.ov-steps h3{margin:0 0 var(--ds-space-3);font-size:var(--ds-fs-lg)}
.ov-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-3);margin:0;padding:0;list-style:none}
@media(max-width:900px){.ov-ratios>ul,.ov-steps ol{grid-template-columns:minmax(0,1fr)}
  
  .ov-ratio-name{grid-column:auto}
  
  }

/* (the icon stands beside the tile's words, and the figure and the lines under it take the tile's whole width: in a
   tile of a phone's two columns a column of its own for the icon broke 998 over two lines) */
.ov-metric:has(>.sg-icon){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--ds-space-2);align-items:center;align-content:start}
.ov-metric:has(>.sg-icon)>:not(.sg-icon){grid-column:1/-1}
.ov-metric:has(>.sg-icon)>.sg-icon+span{grid-column:2}
.ov-metric .sg-icon{width:28px;height:28px;color:var(--sg-text,var(--ds-text-2));background:var(--sg-soft,var(--ds-surface-2));font-size:inherit}
.ov-metric .sg-icon svg{width:18px;height:18px}
.ov-metric[data-state="controlled"]{--sg-tone:var(--ds-ok);--sg-soft:var(--ds-ok-soft)}
.ov-metric[data-state="in_remediation"]{--sg-tone:var(--ds-info);--sg-soft:var(--ds-info-soft)}
.ov-metric[data-state="unmanaged"]{--sg-tone:var(--ds-danger);--sg-soft:var(--ds-surface)}
.ov-metric[data-state="unknown"]{--sg-tone:var(--ds-unknown);--sg-soft:var(--ds-surface)}
.ov-metric[data-nobody]{--sg-tone:var(--ds-text-2);--sg-soft:var(--ds-surface-2)}

/* A phone: the reasons and the departments are a card a row -- the reason (the department) on its own line, each
   figure under its column's name (data-label), and a reason's ways to act under them -- inside the screen, where the
   tables went on sideways past 390 with 담당, 조치 and the links to act out of sight. The cells' words are the same. */
@media(max-width:700px){
  :is([data-managed-reasons],[data-managed-departments]) table{min-width:0}
  :is([data-managed-reasons],[data-managed-departments]) table,:is([data-managed-reasons],[data-managed-departments]) tbody{display:block;width:100%}
  :is([data-managed-reasons],[data-managed-departments]) thead{display:none}
  :is([data-managed-reasons],[data-managed-departments]) tbody>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-line)}
  :is([data-managed-reasons],[data-managed-departments]) tbody>tr[hidden]{display:none}
  :is([data-managed-reasons],[data-managed-departments]) tbody>tr>td{display:block;padding:0;border:0;text-align:left;max-width:none;white-space:normal;min-width:0}
  :is([data-managed-reasons],[data-managed-departments]) tbody>tr>td:first-child{grid-column:1/-1;margin-bottom:var(--ds-space-1)}
  :is([data-managed-reasons],[data-managed-departments]) td[data-label]::before{content:attr(data-label) " ";color:var(--ds-text-2);font-size:var(--ds-fs-sm)}
  
  #overview-root :is([data-managed-reasons],[data-managed-departments]) tbody>tr>td.num{text-align:left}
  
  [data-managed-departments] tbody>tr{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* (the band, hidden under 700px while the table went on sideways, stands under the department's name, the figures after it) */
  [data-managed-departments] tbody>tr>td:first-child{order:-2}
  
}