.mc-page{max-width:1600px;margin:auto}.mc-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 0 22px}.mc-heading h1{font-size:26px;margin:0 0 5px}.mc-heading p{margin:0;color:var(--muted);font-size:14px}.mc-list-panel{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.mc-tabs{display:flex;gap:24px;padding:0 24px;border-bottom:1px solid var(--line)}.mc-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:20px 6px 17px;font:inherit;color:var(--muted);cursor:pointer}.mc-tabs button.active{border-bottom-color:var(--brand);color:var(--brand);font-weight:700}.mc-filter-area{padding:20px 24px 14px}.mc-quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:19px}.mc-link{border:0;background:transparent;color:var(--brand);font:inherit;font-size:13px;cursor:pointer;padding:6px 8px;line-height:1.5;text-align:left;border-radius:5px}.mc-link:hover{background:var(--soft)}.mc-link.active{background:var(--soft);font-weight:700}.mc-search-line{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.mc-search-line label,.mc-advanced label{display:flex;flex-direction:column;gap:7px;min-width:130px;font-size:12px;color:var(--muted)}.mc-search-line .mc-search{flex:1;min-width:220px}.mc-search-line input,.mc-search-line select,.mc-advanced input,.mc-advanced select,.mc-sort-line select,.mc-pagination select{font:inherit;color:var(--ink);border:1px solid #dce2ec;border-radius:6px;padding:9px 10px;background:white;height:39px;max-width:100%}.mc-search-line input:focus,.mc-search-line select:focus,.mc-advanced input:focus,.mc-advanced select:focus{outline:2px solid #315de830;border-color:var(--brand)}.mc-advanced{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}.mc-advanced[hidden]{display:none}.mc-sort-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;color:var(--muted);font-size:12px}.mc-sort-line label{white-space:nowrap}.mc-sort-line select{font-size:12px;height:33px;padding:5px}.mc-table-scroll{overflow:auto;max-height:calc(100vh - 390px);min-height:160px}.mc-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;font-size:13px}.mc-table th{position:sticky;top:0;z-index:1;background:#f7f9fc;color:#56677f;font-size:12px;text-align:left;padding:14px 15px;border-bottom:1px solid var(--line);white-space:nowrap}.mc-table td{font-size:13px;padding:15px;vertical-align:middle;border-bottom:1px solid var(--line);line-height:1.7;max-width:310px;overflow-wrap:anywhere}.mc-table tr:nth-child(even) td{background:#fcfdff}.mc-table tbody tr:hover td{background:#f6f9ff}.mc-table small,.mc-item small{display:block;color:var(--muted);font-size:11px;line-height:1.7}.mc-table td:first-child,.mc-table th:first-child{position:sticky;left:0;background:#fff;z-index:1;min-width:185px}.mc-table th:first-child{background:#f7f9fc;z-index:2}.mc-person{display:flex;align-items:center;gap:10px}.mc-person .mc-link{font-weight:700;padding:0;font-size:14px}.mc-avatar{width:34px;height:34px;border-radius:9px;object-fit:cover;flex-shrink:0}.mc-avatar-fallback{display:grid;place-items:center;background:#eaf0ff;color:#315de8;font-size:15px}.mc-item{margin:3px 0}.mc-badge{display:inline-block;padding:2px 6px;background:#fff5e6;color:#a66a16;border-radius:4px;font-size:11px;white-space:nowrap}.mc-badge.good{background:#eaf7f0;color:#207e61}.mc-badge.danger{background:#fff0f2;color:#bd424e}.mc-urgent{color:#b97416}.mc-row-actions{white-space:nowrap}.mc-row-actions .mc-link{display:block}.mc-empty{padding:35px;text-align:center;color:var(--muted)}.mc-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 24px;font-size:12px;color:var(--muted)}.mc-pagination>div{display:flex;align-items:center;gap:10px}.mc-disabled{pointer-events:none;opacity:.35}.mc-basis{font-size:11px;color:var(--muted);line-height:1.8;margin:12px 3px}#mc-status{font-size:12px;color:var(--warn);padding:0 24px}#mc-status:not(:empty){padding-bottom:10px}.mc-backdrop{position:fixed;inset:83px 0 0 224px;background:#17243b12;z-index:45}.mc-drawer{position:fixed;right:0;top:83px;bottom:0;z-index:46;width:min(680px,calc(100vw - 240px));background:var(--paper);box-shadow:-10px 0 35px #17243b1a;display:flex;flex-direction:column;border-left:1px solid var(--line)}.mc-drawer>header{display:flex;align-items:start;justify-content:space-between;background:#fff;padding:20px 24px 12px}.mc-drawer>header small{color:var(--muted);font-size:11px}.mc-drawer h2{margin:4px 0;font-size:22px}.mc-drawer>header span{font-size:13px;color:var(--muted)}.mc-close{border:0;background:var(--paper);color:var(--muted);font-size:24px;border-radius:7px;width:34px;height:34px;cursor:pointer}.mc-drawer-tools{display:flex;gap:6px;flex-wrap:wrap;padding:9px 24px 17px;background:white}.mc-drawer-tools .btn{margin:0;padding:8px 11px;font-size:12px}.mc-drawer-tabs{display:flex;gap:10px;padding:0 24px 12px;background:white;border-bottom:1px solid var(--line)}.mc-drawer-body{overflow:auto;flex:1;padding:20px 24px 50px}.mc-drawer-body .panel{padding:20px;margin-bottom:16px}.mc-drawer-body .panel h2,.mc-drawer-body .panel h3{font-size:16px}.mc-drawer-body .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-drawer-body .summary-item{min-width:0}.mc-drawer-body .record{padding:14px 0}.mc-drawer-body .summary strong{font-size:16px}.mc-drawer-body .actions{flex-wrap:wrap}.mc-drawer-body p,.mc-drawer-body small{overflow-wrap:anywhere}.mc-drawer-body .record>small{display:block}.mc-drawer-body .btn{font-size:12px}.mc-drawer-body .table-wrap{overflow:auto}@media(min-width:1450px){#content:has(.mc-page){max-width:none}}@media(max-width:900px){.mc-drawer{top:0;width:min(680px,100vw);bottom:0}.mc-backdrop{inset:0}.mc-table-scroll{max-height:65vh}.mc-advanced{grid-template-columns:repeat(2,minmax(120px,1fr))}.mc-pagination{flex-wrap:wrap}.mc-sort-line{align-items:start;flex-direction:column}}@media(max-width:600px){.mc-tabs{gap:10px;padding:0 13px}.mc-tabs button{font-size:13px;padding:15px 3px}.mc-filter-area{padding:15px}.mc-heading{align-items:start}.mc-heading h1{font-size:22px}.mc-heading p{max-width:230px}.mc-search-line{gap:10px}.mc-search-line label{flex:1;min-width:110px}.mc-drawer>header{padding:18px 16px 10px}.mc-drawer-tools,.mc-drawer-tabs{padding-left:16px;padding-right:16px}.mc-drawer-body{padding:16px 16px 75px}.mc-table{min-width:850px}.mc-basis{font-size:10px}}
/* Dense staff roster: a readable 48px member row instead of expanded rights. */
.ui-shell .mc-page .mc-heading{margin:0 0 10px;min-height:38px}.ui-shell .mc-page .mc-heading h1{font-size:23px;margin:0}.ui-shell .mc-page .mc-heading p{display:none}.ui-shell .mc-page .mc-tabs{gap:24px;padding:0 16px}.ui-shell .mc-page .mc-tabs button{padding:10px 4px 9px;font-size:14px}.ui-shell .mc-page .mc-filter-area{padding:10px 16px 8px}.ui-shell .mc-page .mc-quick{margin-bottom:8px;gap:5px}.ui-shell .mc-page .mc-quick .mc-link{padding:3px 10px;min-height:27px}.ui-shell .mc-page .mc-search-line{gap:10px}.ui-shell .mc-page .mc-search-line label{gap:3px}.ui-shell .mc-page .mc-search-line input,.ui-shell .mc-page .mc-search-line select{height:34px;padding:5px 9px}.ui-shell .mc-page .mc-search-line>.mc-link{margin-top:13px}.ui-shell .mc-page .mc-sort-line{margin-top:4px;min-height:25px}.ui-shell .mc-page .mc-sort-line select{height:27px}.ui-shell .mc-page .mc-table-scroll{max-height:calc(100dvh - 310px);min-height:120px}.ui-shell .mc-page .mc-table th{padding:8px 12px;font-size:12px}.ui-shell .mc-page .mc-table td{padding:5px 12px;line-height:1.35}.ui-shell .mc-page .mc-compact-row{height:48px}.ui-shell .mc-page .mc-compact-row td{height:48px;max-width:250px;box-sizing:border-box}.ui-shell .mc-page .mc-compact-row .mc-avatar{width:30px;height:30px}.ui-shell .mc-page .mc-compact-row small{font-size:11px;line-height:1.4}.ui-shell .mc-page .mc-compact-row .mc-person .mc-link{font-size:13px}.mc-truncate{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-shell .mc-page .mc-compact-row .mc-badge{padding:1px 5px;line-height:1.3}.ui-shell .mc-page .mc-row-actions .mc-link{display:inline-block;font-size:12px;padding:4px 6px}.ui-shell .mc-page .mc-pagination{padding:8px 16px;min-height:35px}.ui-shell .mc-page .mc-pagination select{height:32px;padding:4px 8px}.ui-shell .mc-page .mc-basis{margin:6px 2px;line-height:1.45}.mc-activity-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.mc-activity{position:relative;padding:12px 0 12px 16px;border-left:2px solid var(--line)}.mc-activity:before{content:"";position:absolute;left:-5px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--brand)}.mc-activity>div{display:flex;justify-content:space-between;gap:12px}.mc-activity>div>span,.mc-activity small{font-size:12px;color:var(--muted)}.mc-activity p{margin:5px 0;font-size:13px;overflow-wrap:anywhere}.ui-shell .mc-page .mc-drawer-tabs{gap:4px;flex-wrap:wrap}.ui-shell .mc-page .mc-drawer-tabs .mc-link{font-size:12px;padding:6px}
@media(min-width:1100px){.ui-shell #content:has(.mc-page){padding-top:14px;padding-bottom:14px}.ui-shell .mc-page .mc-table{table-layout:fixed;min-width:950px}.ui-shell .mc-page .mc-table th:first-child{width:20%}.ui-shell .mc-page .mc-table th:nth-child(2){width:23%}.ui-shell .mc-page .mc-table th:nth-child(3){width:12%}.ui-shell .mc-page .mc-table th:nth-child(4){width:19%}.ui-shell .mc-page .mc-table th:nth-child(5){width:13%}.ui-shell .mc-page .mc-table th:nth-child(6){width:13%}}
@media(max-width:900px){.ui-shell .mc-page .mc-table-scroll{max-height:65vh}.ui-shell .mc-page .mc-search-line{flex-wrap:wrap}.ui-shell .mc-page .mc-sort-line>span{display:none}}
@media(min-width:901px) and (max-height:800px){
 .ui-shell main:has(.mc-page){padding:16px 24px}
 .ui-shell main:has(.mc-page) .topbar{height:64px;min-height:64px;margin:-16px -24px 12px;padding:0 24px}
 .ui-shell .mc-page .mc-heading{min-height:28px;margin-bottom:6px}
 .ui-shell .mc-page .mc-heading h1{font-size:21px}
 .ui-shell .mc-page .mc-heading .btn{padding:6px 12px;min-height:30px}
 .ui-shell .mc-page .mc-tabs button{padding:6px 4px;line-height:18px}
 .ui-shell .mc-page .mc-filter-area{padding:6px 16px}
 .ui-shell .mc-page .mc-quick{margin-bottom:5px}
 .ui-shell .mc-page .mc-quick .mc-link{min-height:24px;padding:2px 9px;line-height:18px}
 .ui-shell .mc-page .mc-search-line label{gap:2px}
 .ui-shell .mc-page .mc-search-line label>span{font-size:11px;line-height:14px}
 .ui-shell .mc-page .mc-search-line input,.ui-shell .mc-page .mc-search-line select{height:30px}
 .ui-shell .mc-page .mc-sort-line{margin-top:2px;min-height:23px}
 .ui-shell .mc-page .mc-sort-line select{height:23px;padding:2px}
 .ui-shell .mc-page .mc-table th{padding:5px 12px;line-height:18px}
 .ui-shell .mc-page .mc-table td{padding:3px 12px;line-height:1.2}
 .ui-shell .mc-page .mc-compact-row,.ui-shell .mc-page .mc-compact-row td{height:36px}
 .ui-shell .mc-page .mc-compact-row .mc-avatar{width:26px;height:26px}
 .ui-shell .mc-page .mc-compact-row small{font-size:10px;line-height:1.3}
 .ui-shell .mc-page .mc-compact-row .mc-person .mc-link{line-height:16px}
 .ui-shell .mc-page .mc-table-scroll{max-height:calc(100dvh - 260px)}
 .ui-shell .mc-page .mc-row-actions .mc-link{padding:3px 5px}
 .ui-shell .mc-page .mc-pagination{padding:5px 16px;min-height:30px}
}