/* 조직 탐색과 분석을 같은 작업면에 배치한다. */
.usage-layout{display:grid;grid-template-columns:232px minmax(0,1fr);height:calc(100dvh - 260px);min-height:360px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:20px}
.usage-tree-panel{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--border);background:var(--surface)}
.usage-tree-heading{box-sizing:border-box;height:64px;border-bottom:1px solid transparent;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:15px;font-weight:600}.usage-tree-heading .muted{font-size:13px;font-weight:400}
.usage-tree-panel input{box-sizing:border-box;width:calc(100% - 24px);margin:0 12px 12px;padding:9px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font:inherit;font-size:13px;min-height:36px}
.usage-tree-panel [role=tree]{flex:1;min-height:0;overflow:auto;padding:0 8px 16px;scrollbar-width:thin}
.usage-tree-line{display:flex;position:relative;align-items:center;min-width:0;padding-left:calc(var(--tree-depth)*14px);border-radius:5px;min-height:38px}
.usage-expander{flex:0 0 28px;width:28px;min-height:38px;border:0;background:none;color:var(--ink-muted);cursor:pointer;padding:0;font-size:20px;line-height:1;font-weight:600}
.usage-tree-name{display:flex;gap:6px;align-items:center;flex:1;text-align:left;min-width:0;min-height:38px;border:0;background:none;color:var(--ink);padding:6px 8px 6px 2px;font:inherit;font-size:14px;cursor:pointer}
.usage-tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-tree-signal{margin-left:auto;color:#8a6320;font-size:22px;line-height:14px}.usage-tree-name small{font-size:13px;color:var(--ink-muted);margin-left:auto;white-space:nowrap}
.usage-tree-item[aria-selected=true]>.usage-tree-line{background:var(--selection);box-shadow:inset 3px 0 var(--action)}.usage-tree-item[aria-selected=true]>.usage-tree-line .usage-tree-name{font-weight:600}
.usage-tree-line:hover{background:var(--surface-subtle)}.usage-tree-name:focus-visible,.usage-expander:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:4px}
.usage-tree-tip{display:none;position:fixed;z-index:140;max-width:300px;left:280px;padding:12px;background:var(--ink);color:var(--surface);border-radius:6px;font-size:13px;pointer-events:none}.usage-tree-name:hover+.usage-tree-tip,.usage-tree-name:focus-visible+.usage-tree-tip{display:block}
.usage-content{min-width:0;min-height:0;overflow:auto;padding:0 24px 24px;scrollbar-width:thin}.usage-view-head{position:sticky;top:0;z-index:5;background:var(--surface);min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap}.usage-view-head>.muted{font-size:15px}
.usage-content #org-table,.usage-content #service-table{margin-top:20px}.usage-content .panel{box-shadow:none}.usage-content #trend{margin-top:16px}.usage-content #changes{margin-top:20px}
@media(max-width:1100px){.usage-layout{grid-template-columns:200px minmax(0,1fr)}.usage-content{padding:0 16px 16px}.usage-view-head{padding:10px 0}}
@media(max-width:760px){.usage-layout{grid-template-columns:170px minmax(0,1fr);height:calc(100dvh - 210px);min-height:420px}.usage-tree-heading{padding:0 12px}.usage-tree-heading .muted{display:none}.usage-tree-panel [role=tree]{padding-left:4px;padding-right:4px}.usage-tree-line{padding-left:calc(var(--tree-depth)*10px)}.usage-content{padding:0 12px 12px}.usage-view-head{align-items:flex-start;flex-direction:column;position:relative}.usage-tree-tip{left:180px;max-width:calc(100vw - 196px)}}
.usage-fold{border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.usage-fold summary{cursor:pointer;min-height:40px;font-weight:600;font-size:15px}.usage-fold .table-wrap{max-height:360px;overflow:auto}.usage-choices{display:flex;gap:16px;flex-wrap:wrap;padding:16px 0;border:0}.usage-choices label{min-height:40px;display:flex;align-items:center;gap:8px}.usage-choices legend{font-weight:600}.usage-layout .total td{font-weight:600;border-bottom:1px solid var(--border-control)}#service-table td{vertical-align:middle}.usage-layout #org-tbl{min-width:850px}.usage-seat-filters{display:flex;gap:8px;flex-wrap:wrap}.usage-seat-filters [aria-pressed=true]{background:var(--selection);border-color:var(--action)}

/* 행 전체가 펼침/선택 버튼이며 화살표는 상태 표시다. */
.usage-tree-line{cursor:pointer}.usage-tree-name{width:100%;gap:2px;padding-left:0}.usage-tree-name .usage-expander{display:flex;align-items:center;justify-content:center;pointer-events:none;min-height:24px}.usage-tree-line:has(>.usage-tree-name:focus-visible){outline:2px solid var(--focus);outline-offset:-2px}

.usage-budget-signal{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;margin-left:6px}.usage-budget-signal svg{display:block;width:18px;height:18px}.usage-budget-signal.over{color:var(--danger)}.usage-budget-signal.near{color:var(--warning)}

.usage-budget-signal .wmark{margin:0}.usage-warning-symbol{font-size:22px;line-height:1;color:var(--warning);font-family:Arial,sans-serif}