.usage-dialog { width: min(1180px, 96vw); max-width: none; height: min(92vh, 1000px); display: flex; flex-direction: column; }
.usage-dialog .dialog-head { flex-shrink: 0; }
.usage-content { min-height: 0; overflow: auto; padding: 0 24px 24px; }
.usage-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 18px 0 8px; }
.usage-filters select,.usage-filters input { min-height: 42px; min-width: 110px; max-width: 210px; background: #f4f5f7; border: 1px solid #e8eaf0; border-radius: 10px; padding: 8px 10px; color: #242936; font: inherit; }
.usage-status { font-size: 13px; color: #717783; margin: 10px 0 16px; }
.usage-summary { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.usage-tile { border-radius: 14px; border: 1px solid #e9ecf1; padding: 18px; background: #f8f9fb; }
.usage-tile b { display: block; font-size: 28px; color: #202735; font-variant-numeric: tabular-nums; }
.usage-tile span { display: block; margin-top: 5px; font-size: 13px; color: #6e7379; }
.usage-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 20px 0 12px; }
.usage-tabs button { border: 0; border-radius: 9px; padding: 10px 16px; background: #f2f3f5; cursor: pointer; color: #606978; }
.usage-tabs .selected { color: #2861d4; background: #edf3ff; font-weight: 600; }
.usage-table-wrap { overflow-x: auto; border: 1px solid #edf0f4; border-radius: 12px; }
.usage-table-wrap table { border-collapse: collapse; width: 100%; font-size: 14px; }
.usage-table-wrap th { text-align: left; font-weight: 500; color: #7b8190; background: #f8f9fb; white-space: nowrap; }
.usage-table-wrap th,.usage-table-wrap td { padding: 13px 16px; border-bottom: 1px solid #edf0f4; }
.usage-table-wrap small { display: block; color: #8b929d; margin-top: 4px; font-size: 12px; }
.usage-unused { color: #8b929d; }
.usage-empty { text-align: center; padding: 32px 16px; color: #87909e; }
.usage-note { color: #818998; font-size: 12px; line-height: 1.7; margin-top: 16px; }
.usage-nowrap { white-space: nowrap; }
.usage-user-link { color: #2861d4; border: none; background: none; font: inherit; padding: 0; text-align: left; cursor: pointer; }
.usage-anon { color: #8a8f98; }
#usageMore { margin: 16px auto 0; }
#usageModal [hidden] { display: none !important; }
@media(max-width:600px) { .usage-content { padding: 0 14px 16px; }.usage-summary{grid-template-columns:repeat(2,1fr)}.usage-filters select,.usage-filters input{max-width:100%;flex:1;min-width:120px}.usage-tabs button{padding:10px}.usage-dialog{height:94vh}.usage-table-wrap th,.usage-table-wrap td{padding:12px} }
/* 人员用时(2026-10-14):每校一块,角色合并单元格,今天的时长蓝色加粗 */
.usage-people-note { font-size: 12px; color: #818998; line-height: 1.7; margin: 0 0 12px; }
.usage-people-school + .usage-people-school { margin-top: 20px; }
.usage-people-head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin: 0 2px 8px; }
.usage-people-head b { font-size: 16px; color: #202735; }
.usage-people-head span { font-size: 13px; color: #717783; font-variant-numeric: tabular-nums; }
.usage-table-wrap td.usage-role { vertical-align: top; white-space: nowrap; color: #4b5260; font-weight: 600; background: #fbfbfc; border-right: 1px solid #edf0f4; }
.usage-table-wrap tr.usage-role-first:not(:first-child) td { border-top: 1px solid #dfe3ea; }
.usage-time { white-space: nowrap; font-variant-numeric: tabular-nums; }
.usage-time b { color: #2861d4; font-weight: 600; }
/* 各校表格列宽一致,上下对齐 */
#usagePeople table { table-layout: fixed; min-width: 640px; }
#usagePeople th:first-child { width: 118px; }
#usagePeople th:nth-last-child(2) { width: 92px; }
#usagePeople th:last-child { width: 180px; }