.screen-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:5px;background:#e7eef3;border:1px solid var(--line);border-radius:10px;margin-bottom:20px}
.screen-tabs button{border:1px solid transparent;border-radius:7px;padding:11px;background:transparent;color:var(--muted);font-size:13px;font-weight:700}
.screen-tabs button[aria-selected="true"]{background:#fff;color:var(--blue);border-color:#adc8db;box-shadow:0 2px 5px #1423310a}
.screen-tabs button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.screen-viewer .destination-main{padding-top:20px;padding-bottom:16px}
.screen-viewer .destination-heading{margin-bottom:18px}
.screen-viewer .detail-head h2{font-size:20px}
.screen-viewer .detail-head .eyebrow{margin-bottom:4px}
.screen-viewer .detail-shell{min-height:480px;padding:20px}
.screen-viewer .match-workspace{padding:16px 0;gap:16px}
.screen-viewer .evidence-panel{padding:14px}
.screen-viewer .evidence-drawing,.screen-viewer .certificate-preview{height:125px;margin:12px 0}
.screen-viewer .source-screen{display:inline-block;margin-top:12px}
@media(min-width:1000px){.screen-viewer #screen-detail{height:calc(100dvh - 280px);min-height:0;display:flex;flex-direction:column}.screen-viewer .detail-shell{flex:1;min-height:0;overflow:auto}.screen-viewer .source-screen{flex:none}}
@media(max-width:700px){.screen-tabs{gap:2px}.screen-tabs button{padding:10px 3px;font-size:12px}.screen-viewer .detail-shell{min-height:0}.screen-viewer .detail-head h2{font-size:18px}}

.screen-viewer .detail-shell{padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.actual-screen{display:block;width:100%;height:100%;object-fit:contain;min-height:0}@media(max-width:999px){.actual-screen{height:auto}.screen-viewer .detail-shell{min-height:0}}