/* 회사 관리 #/org (1029, 일꾼 ORG) */
.org-tabs { display: flex; gap: 4px; flex-wrap: wrap; margin: 0 0 var(--sp-4); padding: 4px; background: var(--surface-sunken); border-radius: var(--r-pill); width: fit-content; max-width: 100%; }
.org-tabs a { display: inline-flex; align-items: center; height: 36px; padding: 0 var(--sp-4); border-radius: var(--r-pill); font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--text-2); text-decoration: none; white-space: nowrap; }
.org-tabs a[aria-current="page"] { background: var(--surface); color: var(--text); box-shadow: var(--shadow-1); }
.org-wrap { overflow-x: auto; margin: 0 calc(-1 * var(--sp-2)); padding: 0 var(--sp-2); }
.org-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.org-table th, .org-table td { text-align: left; vertical-align: top; padding: 10px 8px; border-bottom: 1px solid var(--line); }
.org-table th { color: var(--text-2); font-weight: var(--fw-medium); font-size: var(--fs-xs); white-space: nowrap; }
.org-table .num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.org-table th.num { text-align: right; }
.org-table .org-src { min-width: 140px; color: var(--text-2); }
.org-table .org-go { text-align: right; white-space: nowrap; }
.org-total td { border-bottom: 0; background: var(--surface-2); }
.org-table td .caption, .org-table td .chip { white-space: nowrap; }
.org-matrix td { min-width: 120px; }
.org-cell { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.org-cell select.input { width: auto; min-width: 96px; height: 36px; padding: 0 28px 0 10px; font-size: var(--fs-sm); }
.org-inv { display: grid; grid-template-columns: 1fr auto; gap: var(--sp-2); }
.org-inv select.input { width: auto; min-width: 110px; }
.org-checks { display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-4); }
.org-check { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-sm); min-height: 36px; cursor: pointer; }
.org-check input { width: 18px; height: 18px; accent-color: var(--brand); }
.org-check input:disabled + span { color: var(--text-3); }
.org-inv-res { display: grid; grid-template-columns: minmax(80px, auto) 1fr; gap: var(--sp-2); align-items: center; margin-top: 6px; font-size: var(--fs-sm); }
.org-inv-res .input { font-size: var(--fs-xs); min-width: 0; }
.org-two { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-3); }
.org-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--fs-xs); background: var(--surface-sunken); padding: 2px 6px; border-radius: 4px; }
.org-page .card + .card { margin-top: var(--sp-4); }
@media (max-width: 767px) {
  .org-tabs { display: grid; grid-template-columns: 1fr 1fr; border-radius: var(--r-md); width: 100%; }
  .org-tabs a { justify-content: center; padding: 0 var(--sp-2); }
  .org-wrap { overflow: visible; margin: 0; padding: 0; }
  .org-table thead { display: none; }
  .org-table tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--line); }
  .org-table td { display: flex; justify-content: space-between; align-items: baseline; gap: var(--sp-3); border: 0; padding: 3px 0; text-align: right; }
  .org-table td::before { content: attr(data-h); color: var(--text-2); font-size: var(--fs-xs); text-align: left; flex: 0 0 auto; }
  .org-table td > .v { min-width: 0; }
  .org-table td > .v br { display: none; }
  .org-table td > .v > .caption { margin-left: 4px; }
  .org-table td:first-child { display: block; text-align: left; }
  .org-table td:first-child::before { content: none; }
  .org-table td.org-go { justify-content: flex-end; padding-top: 6px; }
  .org-table td.org-go::before, .org-table td:empty, .org-table td:has(> .v:empty) { display: none; }
  .org-table .org-src { min-width: 0; }
  .org-matrix td { min-width: 0; align-items: center; }
  .org-table td:first-child > .v br { display: block; }
  .org-table td:first-child > .v > .caption { margin-left: 0; }
  .org-cell { justify-content: flex-end; }
  .org-total td { background: transparent; }
  .org-two, .org-inv { grid-template-columns: 1fr; }
  .org-inv-res { grid-template-columns: 1fr; }
}
.org-two .field, .org-two .field + .field { margin: 0 0 var(--sp-3); }
