*{box-sizing:border-box}body{min-width:320px;margin:0}.app-shell{background:linear-gradient(#17463f14,#f5f6f200 280px),#f5f6f2;min-height:100vh}.topbar{background:#17463f;border-bottom:1px solid #ffffff1f}.topbar-toolbar{justify-content:space-between;gap:16px;min-height:64px}.brand-mark{background:#ffffff24;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.page-container{flex-direction:column;gap:18px;padding-top:24px;padding-bottom:48px;display:flex}.stats-grid{grid-template-columns:repeat(7,minmax(120px,1fr));gap:12px;display:grid}.stat-card{border-left:4px solid #17463f;min-height:86px;padding:14px}.stat-success{border-left-color:#19765d}.stat-secondary{border-left-color:#b85c38}.stat-warning{border-left-color:#a56a00}.latest-run{min-width:170px}.search-panel,.list-panel{padding:18px}.filter-select{min-width:150px}.sort-select{min-width:140px}.list-panel{padding-bottom:0;overflow:hidden}.list-header{padding-bottom:14px}.notice-row{cursor:pointer}.notice-row:hover{background-color:#17463f0a}.multiline{white-space:pre-line}.mobile-list{padding:4px 0 12px}.mobile-notice{cursor:pointer;padding:14px}.detail-shell{flex-direction:column;min-height:100%;display:flex}.detail-heading{padding:20px 22px 16px}.detail-title{line-height:1.28}.detail-tabs{border-bottom:1px solid #00000014;min-height:48px}.detail-content{padding:20px 22px 28px;overflow:auto}.key-value{border:1px solid #0000001a;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.key-value-row{border-bottom:1px solid #00000014;grid-template-columns:minmax(110px,.34fr) 1fr;gap:12px;padding:12px 14px;display:grid}.key-value-row:nth-last-child(-n+2){border-bottom:0}.key-value-row:nth-child(odd){border-right:1px solid #00000014}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metric-box{background:#17463f09;border:1px solid #17463f29;border-radius:8px;padding:12px}.body-preview{white-space:pre-line;line-height:1.7}.detail-row-box{background:#fff;border:1px solid #00000014;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.detail-row-line{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.detail-pair{border-right:1px solid #0000000f;grid-template-columns:minmax(110px,.36fr) 1fr;gap:12px;padding:10px 12px;display:grid}.detail-pair:nth-child(2n){border-right:0}.detail-row-line>*{border-right:1px solid #0000000f;padding:10px 12px}.attachment-row,.popup-row,.change-row{padding:12px}.embedded-table{border:1px solid #00000014;border-radius:8px}.schema-table-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.schema-table-button{justify-content:space-between;gap:12px;min-height:54px}.schema-table-button span,.schema-table-button small{text-overflow:ellipsis;overflow:hidden}.schema-table-button small{opacity:.78;font-weight:700}.schema-relations{grid-template-columns:1fr 1fr;gap:18px;display:grid}.json-pre,.raw-text{color:#ecf4ef;white-space:pre-wrap;word-break:break-word;background:#17211e;border-radius:8px;max-height:70vh;margin:0;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;overflow:auto}.raw-text{color:#1c2522;background:#f0f2ed;border:1px solid #0000001a;max-height:none}.loading-block,.empty-block{text-align:center;justify-content:center;align-items:center;min-height:220px;display:flex}.empty-block.compact{border:1px dashed #0000002e;border-radius:8px;min-height:74px}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.page-container{padding-top:16px;padding-bottom:32px}.stats-grid,.summary-grid,.key-value,.schema-relations{grid-template-columns:1fr}.key-value-row,.key-value-row:nth-child(odd){border-right:0}.key-value-row:nth-last-child(-n+2){border-bottom:1px solid #00000014}.key-value-row:last-child{border-bottom:0}.detail-row-box{grid-template-columns:1fr}.detail-pair,.detail-pair:nth-child(2n){border-bottom:1px solid #0000000f;border-right:0;grid-template-columns:1fr;gap:4px}.detail-pair:last-child{border-bottom:0}}
