.loc-page{max-width:1480px;margin:auto;padding:30px 32px 48px;min-width:0;letter-spacing:0}
.loc-page h1,.loc-page h2{letter-spacing:0;line-height:1.3;margin:0}.loc-page h1{font-size:26px;margin-top:6px}.loc-page h2{font-size:18px}
.loc-heading,.loc-section-heading,.loc-dialog-heading,.loc-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.loc-heading{margin-bottom:28px}.loc-eyebrow{font-size:11px;font-weight:700;color:var(--muted)}
.loc-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:24px;overflow-x:auto}
.loc-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 0;background:transparent;color:var(--muted);white-space:nowrap;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.loc-tabs button.active{border-bottom-color:var(--primary);color:var(--primary)}
.loc-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:24px}.loc-filters label{display:grid;gap:7px;font-size:12px;font-weight:600;min-width:140px;flex:1}.loc-filters .loc-employee{flex:1.5;min-width:210px}
.loc-filters input,.loc-filters select{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);color:var(--text);padding:10px;font:inherit;font-size:13px;height:42px}.loc-filters .btn{min-height:42px}
.loc-page [hidden]{display:none!important}.loc-page .btn{border-radius:6px;white-space:nowrap}.loc-page :focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.loc-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--border);margin-bottom:26px}.loc-summary>div{padding:20px 20px 20px 0;min-width:0}.loc-summary>div+div{border-left:1px solid var(--border);padding-left:24px}.loc-summary span{font-size:12px;color:var(--muted);font-weight:600}.loc-summary strong{display:block;font-size:30px;line-height:1.4;font-variant-numeric:tabular-nums;margin:4px 0}.loc-summary small{display:block;color:var(--muted);font-size:12px}
.loc-summary .good strong{color:var(--primary)}.loc-summary .bad strong{color:#c44145}.loc-summary .warn strong{color:#a27400}
.loc-section-heading{margin-bottom:10px}.loc-section-heading>span,.loc-pagination>span{font-size:12px;color:var(--muted)}.loc-note{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 18px;max-width:880px}
.loc-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev)}.loc-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;margin:0}.loc-table th{background:var(--surface);color:var(--muted);font-weight:600;white-space:nowrap;font-size:12px}.loc-table th,.loc-table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.loc-table tbody tr:last-child td{border-bottom:0}.loc-table tbody tr:hover{background:var(--surface)}.loc-table strong{font-size:13px}.loc-table small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.loc-table .loc-number{font-variant-numeric:tabular-nums;white-space:nowrap}.loc-table .loc-name{min-width:180px}.loc-table .loc-text{min-width:170px;max-width:260px;overflow-wrap:anywhere}
.loc-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;border-radius:4px;padding:5px 8px;white-space:nowrap;background:var(--surface);color:var(--muted)}.loc-badge.good{background:rgba(22,163,74,.10);color:#15803d}.loc-badge.bad{background:rgba(220,38,38,.09);color:#bb3439}.loc-badge.warn{background:rgba(202,138,4,.12);color:#966900}.loc-badge.info{background:rgba(37,99,235,.10);color:#316bc4}
.loc-link{border:0;background:transparent;color:var(--primary);padding:8px 0;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.loc-state{text-align:center!important;padding:40px 16px!important;color:var(--muted);line-height:1.6}.loc-error{border-left:3px solid #c44145;padding:12px 16px;background:rgba(220,38,38,.06);font-size:13px;overflow-wrap:anywhere}.loc-pagination{margin-top:18px}.loc-pagination>div{display:flex;gap:8px}
.loc-dialog{width:min(620px,calc(100vw - 40px));max-height:85dvh;box-sizing:border-box;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--text);padding:24px}.loc-dialog::backdrop{background:rgba(0,0,0,.45)}.loc-dialog-heading{margin-bottom:20px}.loc-dialog dl{display:grid;grid-template-columns:1fr 1.6fr;gap:12px 20px;font-size:13px;line-height:1.5}.loc-dialog dt{color:var(--muted)}.loc-dialog dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.loc-diagnosis{font-size:14px;line-height:1.6;padding:12px 0;border-block:1px solid var(--border)}
@media(prefers-color-scheme:dark){.loc-badge.good{color:#65ca8a}.loc-badge.warn{color:#e5ba4c}.loc-badge.bad{color:#ef9195}.loc-badge.info{color:#8db6f5}}
@media(max-width:768px){.loc-page{padding:22px 16px 36px}.loc-page h1{font-size:22px}.loc-heading{margin-bottom:18px}.loc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.loc-summary>div,.loc-summary>div+div{padding:14px 12px;border-left:0}.loc-summary>div:nth-child(even){border-left:1px solid var(--border)}.loc-summary>div:nth-child(n+3){border-top:1px solid var(--border)}.loc-summary strong{font-size:26px}.loc-filters label,.loc-filters .loc-employee{min-width:0;flex:1 1 calc(50% - 12px)}.loc-filters .btn{width:100%}.loc-table th,.loc-table td{padding:12px}.loc-dialog{padding:18px}.loc-dialog dl{grid-template-columns:1fr;gap:4px}.loc-dialog dd{margin-bottom:12px}.loc-tabs{gap:20px}.loc-tabs button{font-size:13px}}