:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f7;color:#17211f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f7f7}button,input,select,textarea{font:inherit}.appShell{min-height:100vh;display:flex;flex-direction:column}.topBar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px 16px;border-bottom:1px solid #d8dfde;background:#ffffff}.topBar h1,.detailHead h2,.modal h2{margin:0;letter-spacing:0}.topBar h1{font-size:24px;line-height:1.2}.eyebrow{margin:0 0 5px;color:#59706b;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.topActions,.actionCluster,.detailActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.button,.iconButton{border:1px solid #cbd5d2;background:#ffffff;color:#17211f;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:8px;font-weight:700;white-space:nowrap;text-decoration:none}.iconButton{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:8px}.button:hover,.iconButton:hover{background:#edf3f2}.button:disabled{cursor:not-allowed;opacity:.5}.button.primary{color:#fff;border-color:#147d72;background:#147d72}.button.primary:hover{background:#0f6b62}.button.secondary{border-color:#2b5f92;color:#173f63;background:#eef6ff}.button.ghost{background:#f8fbfa}.button.danger{color:#9d2a25;border-color:#ebb9b4;background:#fff5f3}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(150px,180px) minmax(140px,170px) minmax(120px,150px) auto;gap:10px;padding:14px 26px;border-bottom:1px solid #d8dfde;background:#fbfdfc}.searchBox,.field{display:flex;flex-direction:column;gap:7px}.searchBox{min-height:40px;flex-direction:row;align-items:center;gap:9px;padding:0 12px;border:1px solid #cbd5d2;border-radius:8px;background:#ffffff}.searchBox input{min-width:0;width:100%;border:0;outline:none}select,.field input,.field textarea{width:100%;border:1px solid #cbd5d2;border-radius:8px;background:#ffffff;color:#17211f}select{min-height:40px;padding:0 10px}.field span{color:#3d524e;font-size:13px;font-weight:700}.field input,.field textarea{padding:10px 11px;outline:none}.field textarea,.copyBox{resize:vertical}.message{margin:14px 26px 0;padding:10px 12px;border:1px solid #efc26d;border-radius:8px;background:#fff8e8;color:#73500a;font-weight:700}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:0}.listPane{min-width:0;display:flex;flex-direction:column;border-right:1px solid #d8dfde}.tableWrap{position:relative;flex:1;min-height:360px;overflow:auto}table{width:100%;min-width:780px;border-collapse:collapse;background:#ffffff}th{position:sticky;top:0;z-index:1;padding:11px 12px;border-bottom:1px solid #d8dfde;background:#f3f7f6;color:#3d524e;font-size:12px;text-align:left}td{padding:11px 12px;border-bottom:1px solid #e7eceb;vertical-align:middle;font-size:14px}tr{cursor:pointer}tbody tr:hover,tbody tr.active{background:#eef7f5}.checkCell{width:44px}.fileCell{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px}.fileCell strong,.fileCell span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileCell strong{font-size:14px}.fileCell span{margin-top:3px;color:#637571;font-size:12px}.status,.overridePill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:8px;font-size:12px;font-weight:800}.status.success{color:#126a4e;background:#e2f7eb}.status.partial{color:#7a4f05;background:#fff1c9}.status.failed{color:#9d2a25;background:#ffe4df}.status.unsupported,.status.unknown{color:#4d5663;background:#e9edf1}.categoryCell{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.overridePill{color:#424087;background:#ecebff}.emptyState,.emptyDetail{min-height:300px;display:grid;place-items:center;color:#7a8a86}.emptyState{gap:10px;align-content:center;background:#ffffff}.listFooter{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:10px 14px;border-top:1px solid #d8dfde;background:#ffffff}.muted{color:#647672;font-size:13px}.detail{min-width:0;max-height:calc(100vh - 80px);overflow:auto;padding:18px;background:#fbfdfc}.detailHead,.modalHead,.modalActions,.modalActions.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.detailHead h2{font-size:18px;line-height:1.3;overflow-wrap:anywhere}.detailActions{margin:16px 0}.detailSection{padding:16px 0;border-top:1px solid #d8dfde}.detailSection h3{margin:0 0 10px;font-size:13px;color:#3d524e;text-transform:uppercase;letter-spacing:0}dl{display:grid;gap:8px;margin:0}dl div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px}dt{color:#647672;font-size:13px}dd{min-width:0;margin:0;overflow-wrap:anywhere}.summaryText,.notesText{margin:0;line-height:1.55;overflow-wrap:anywhere}.notesText{margin-top:12px;padding:10px 12px;border-left:3px solid #c98b2c;background:#fff9ea}pre,.copyBox{width:100%;margin:0;padding:12px;overflow:auto;border:1px solid #d8dfde;border-radius:8px;background:#101817;color:#e7f5ef;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45}.errorList{margin:0;padding-left:18px;color:#9d2a25}.skeletonGroup{display:grid;gap:10px}.skeleton{height:52px;border-radius:8px;background:#e8efed}.skeleton.short{width:64%}.skeleton.tall{height:160px}.modalLayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:rgb(16 24 23 / 56%)}.modal{width:min(520px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;display:grid;gap:14px;padding:18px;border-radius:8px;border:1px solid #d8dfde;background:#ffffff;box-shadow:0 22px 60px #121f1c3d}.modal.wide{width:min(820px,100%)}.modal h2{font-size:18px}@media (max-width: 1020px){.toolbar{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}.detail{max-height:none;border-top:1px solid #d8dfde}.listPane{border-right:0}}@media (max-width: 680px){.topBar{align-items:flex-start;flex-direction:column;padding:18px}.toolbar{grid-template-columns:1fr;padding:12px 18px}.message{margin:12px 18px 0}.detail{padding:16px}.modalActions.split{align-items:stretch;flex-direction:column}.actionCluster{justify-content:flex-end}}
