.dq-titlebar{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:4px 0 24px}.dq-titlebar h1{font-size:clamp(34px,4.5vw,54px);letter-spacing:-.045em;margin:0 0 8px}.dq-titlebar p:not(.eyebrow){max-width:830px;color:var(--muted);margin:0}.dq-title-actions{display:flex;gap:9px;flex-shrink:0}
.dq-scopebar{display:grid;grid-template-columns:minmax(260px,1fr) 1fr auto;align-items:center;gap:24px;background:#071d29;color:#fff;border-radius:12px;padding:14px 18px;margin-bottom:14px}.dq-scopebar label{display:flex;flex-direction:column;gap:4px}.dq-scopebar label>span,.dq-gate span{font:700 8px Roboto Mono;color:#7199a7}.dq-scopebar select{border:0;background:transparent;color:#fff;font-size:13px;font-weight:800;padding:0;outline:none}.dq-scopebar select option{color:var(--ink)}.dq-sync{display:flex;align-items:center;gap:10px}.dq-sync>i{width:9px;height:9px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px #31d9cb1c}.dq-sync span{display:flex;flex-direction:column}.dq-sync b{font-size:11px}.dq-sync small{font-size:8px;color:#7898a4}.dq-gate{padding-left:22px;border-left:1px solid #ffffff1f;display:flex;flex-direction:column}.dq-gate b{font:700 10px Roboto Mono;color:#ffbd6c;margin-top:3px}.dq-gate.ready b{color:var(--aqua)}
.dq-overview{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:10px;margin-bottom:14px}.dq-overview>article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px;display:flex;flex-direction:column;justify-content:center;min-height:126px}.dq-overview>article>small{font:700 8px Roboto Mono;color:#72868e}.dq-overview>article>span{font-size:9px;color:var(--muted);margin-top:3px}.dq-score-card{flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:18px;background:linear-gradient(125deg,#f3fbfa,#fff)!important}.dq-ring{--score:82;width:88px;height:88px;flex:0 0 88px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--sea) calc(var(--score)*1%),#dbe7e8 0)}.dq-ring:before{content:"";grid-area:1/1;width:68px;height:68px;border-radius:50%;background:#fff}.dq-ring>span{grid-area:1/1;z-index:1;display:flex;flex-direction:column;text-align:center}.dq-ring b{font-size:18px}.dq-ring small{font:700 7px Roboto Mono;color:#72858c}.dq-score-card>div:last-child{min-width:0}.dq-score-card>div:last-child>small{font:700 8px Roboto Mono;color:var(--sea)}.dq-score-card h2{font-size:19px;margin:4px 0}.dq-score-card p{font-size:9px;color:var(--muted);margin:0 0 9px}.dq-score-card>div:last-child>i{display:block;width:100%;height:5px;background:#dce8e9;border-radius:5px}.dq-score-card>div:last-child>i em{display:block;height:100%;background:var(--sea);border-radius:5px;transition:width .3s}.dq-kpi{font-size:28px;margin-top:4px}.dq-kpi em{font-size:12px;color:#84969d}.dq-kpi.danger{color:#b9463f}.dq-kpi.warning{color:#a26912}
.dq-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:18px 0 14px;overflow-x:auto}.dq-tabs button{border:0;background:transparent;padding:11px 15px;color:#71838a;font-size:10px;font-weight:800;white-space:nowrap;border-bottom:2px solid transparent}.dq-tabs button span{background:#e9f0f2;color:#62777f;border-radius:10px;padding:2px 6px;margin-left:4px}.dq-tabs button.active{color:var(--ink);border-color:var(--sea)}.dq-tabs button.active span{background:#ffe5df;color:#a9473f}.dq-panel{display:none}.dq-panel.active{display:block}.dq-workspace{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:12px}.dq-card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.dq-card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 18px;border-bottom:1px solid var(--line)}.dq-card-head h2{font-size:17px;margin:0 0 2px}.dq-card-head p{font-size:9px;color:var(--muted);margin:0}.dq-tools{display:flex;gap:7px}.dq-tools label{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;padding:0 9px}.dq-tools input{border:0;outline:0;padding:8px;width:155px}.dq-tools select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px;font-size:9px;color:var(--ink)}
.dq-list{padding:8px}.dq-list>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:11px;margin-bottom:7px;border-left:3px solid #8aa1a8}.dq-list>article.critical{border-left-color:#cf5147;background:#fffafa}.dq-list>article.warning{border-left-color:#d79a32}.dq-list>article.info{border-left-color:#4197af}.dq-code{width:34px;height:34px;border-radius:7px;background:#edf3f4;display:grid;place-items:center;font:800 9px Roboto Mono;color:var(--sea)}.dq-list article>div>small{font:700 7px Roboto Mono;color:#778b92}.dq-list h3{font-size:12px;margin:3px 0}.dq-list p{font-size:9px;color:#687c84;margin:0 0 6px}.dq-list article>div>div{display:flex;flex-wrap:wrap;gap:5px}.dq-list article>div>div span{font:700 7px Roboto Mono;background:#edf4f5;color:#60767e;padding:3px 5px;border-radius:3px}.dq-list article>em{font:800 8px Roboto Mono;font-style:normal;color:#a74840}.dq-list article.warning>em{color:#a36b14}.dq-list article.info>em{color:#347b91}.dq-list article>button{font-size:9px;padding:8px 10px}.dq-list article.resolved{opacity:.55;border-left-color:#36a895;background:#f7fbfa}.dq-list article.resolved>em{color:#168274}.dq-empty{text-align:center;padding:38px}.dq-empty b{font-size:14px}.dq-empty p{font-size:10px;color:var(--muted)}
.dq-publish-gate{padding:21px;align-self:start;position:sticky;top:84px}.dq-publish-gate>small,.dq-trust-legend>small{font:700 8px Roboto Mono;color:var(--sea)}.dq-publish-gate h2,.dq-trust-legend h2{font-size:21px;margin:6px 0}.dq-publish-gate>p{font-size:10px;color:var(--muted)}.dq-publish-gate ul{list-style:none;padding:0;margin:18px 0}.dq-publish-gate li{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.dq-publish-gate li>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#fff1d7;color:#9b6817;font-size:9px;font-weight:900}.dq-publish-gate li.complete>span{background:#e2f6f2;color:#118375}.dq-publish-gate li>div{display:flex;flex-direction:column}.dq-publish-gate li b{font-size:10px}.dq-publish-gate li small{font-size:8px;color:var(--muted)}.dq-declaration{display:flex;align-items:start;gap:8px;font-size:9px;line-height:1.5;color:#5f747c;margin:14px 0}.dq-declaration input{margin-top:2px;accent-color:var(--sea)}.dq-demo-note{text-align:center!important;font:700 7px Roboto Mono!important;color:#83959b!important;margin:11px 0 0!important}
.dq-coverage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dq-coverage-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px}.dq-coverage-grid article>span{display:flex;justify-content:space-between;gap:8px}.dq-coverage-grid article b{font-size:11px}.dq-coverage-grid article span em{font:800 10px Roboto Mono;color:#128373}.dq-coverage-grid article span em.warning{color:#a26912}.dq-coverage-grid article span em.danger{color:#b9463f}.dq-coverage-grid article>i{display:block;height:5px;background:#e3ebec;border-radius:5px;margin:14px 0 8px}.dq-coverage-grid article>i em{display:block;height:100%;background:linear-gradient(90deg,var(--sea),var(--aqua));border-radius:5px}.dq-coverage-grid article p{font-size:9px;color:var(--muted)}.dq-coverage-grid article button{border:0;background:transparent;padding:0;color:var(--sea);font-size:9px;font-weight:800}
.dq-sources-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:12px}.dq-source-table{padding:8px}.dq-source-table>div{display:grid;grid-template-columns:minmax(220px,1.4fr) .4fr .6fr .7fr .6fr;align-items:center;gap:12px;padding:11px;border-bottom:1px solid var(--line);font-size:9px}.dq-source-table .head{font:700 8px Roboto Mono;color:#7a8c93}.dq-source-table>div>span{display:flex;align-items:center;gap:9px}.dq-source-table span i{width:31px;height:31px;border-radius:6px;display:grid;place-items:center;background:#edf3f4;font:800 8px Roboto Mono;color:var(--sea)}.dq-source-table span i.surveyor,.dq-source-table span i.maker{background:#e2f5f1;color:#0d806f}.dq-source-table span i.api{background:#f4efff;color:#6b50a0}.dq-source-table span b{display:flex;flex-direction:column;font-size:10px}.dq-source-table span small{font-size:7px;color:var(--muted)}.dq-source-table mark{background:#e5f5f1;color:#147c6e;padding:5px;border-radius:4px;text-align:center;font:700 7px Roboto Mono}.dq-source-table mark.pending{background:#f0eff7;color:#6a6280}.dq-trust-legend{padding:21px}.dq-trust-legend>p{font-size:10px;color:var(--muted)}.dq-trust-legend ol{list-style:none;padding:0;margin:17px 0 0}.dq-trust-legend li{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.dq-trust-legend li>b{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;background:#e6f4f2;color:var(--sea);font-size:9px}.dq-trust-legend li>span{display:flex;flex-direction:column;font-size:10px;font-weight:800}.dq-trust-legend li small{font-size:8px;color:var(--muted);font-weight:500}
.dq-rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dq-rules-grid article{display:grid;grid-template-columns:34px 1fr;gap:11px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.dq-rules-grid article>span{width:32px;height:32px;display:grid;place-items:center;background:#e8f4f3;color:var(--sea);border-radius:7px;font:800 8px Roboto Mono}.dq-rules-grid b{font-size:11px}.dq-rules-grid p{font-size:9px;color:var(--muted);line-height:1.5;margin:4px 0}.dq-rules-grid em{grid-column:2;font:700 8px Roboto Mono;color:#74878e;font-style:normal}
@media(max-width:1180px){.dq-overview{grid-template-columns:2fr repeat(2,1fr)}.dq-coverage-grid,.dq-rules-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.dq-titlebar{align-items:start;flex-direction:column}.dq-scopebar{grid-template-columns:1fr 1fr}.dq-gate{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff1f;padding:10px 0 0}.dq-workspace,.dq-sources-layout{grid-template-columns:1fr}.dq-publish-gate{position:static}.dq-list>article{grid-template-columns:38px 1fr auto}.dq-list article>button{grid-column:2/-1}.dq-source-table>div{grid-template-columns:1.4fr .4fr .6fr}.dq-source-table>div>*:nth-child(4),.dq-source-table>div>*:nth-child(5){display:none}}
@media(max-width:650px){.dq-title-actions{width:100%;flex-direction:column}.dq-title-actions button{width:100%}.dq-overview{grid-template-columns:1fr 1fr}.dq-score-card{grid-column:1/-1}.dq-tools{width:100%;flex-direction:column}.dq-card-head{align-items:start;flex-direction:column}.dq-tools label,.dq-tools input,.dq-tools select{width:100%}.dq-list>article{grid-template-columns:34px 1fr}.dq-list article>em{grid-column:2}.dq-list article>button{grid-column:2}.dq-coverage-grid,.dq-rules-grid{grid-template-columns:1fr}}
@media(max-width:420px){.dq-scopebar{grid-template-columns:1fr}.dq-sync,.dq-gate{grid-column:1}.dq-overview{grid-template-columns:1fr}.dq-score-card{flex-direction:column!important;align-items:start}.dq-source-table>div{grid-template-columns:1fr auto}.dq-source-table>div>*:nth-child(3){display:none}}
