/* VDR Scope Pro v10.14 usability/readability overhaul */
:root{
  --ui-font:16px;
  --ui-small:13px;
  --ui-label:14px;
}
html{font-size:16px}
body{font-size:var(--ui-font);line-height:1.55}
button,input,select,textarea{font-size:15px;line-height:1.35}
button{min-height:42px}
.content{max-width:1680px}
.content header p,.page-card p,.card p,.empty p{font-size:15px;line-height:1.65}
.content h1{font-size:clamp(30px,3vw,40px)}
.content h2,.card h2{font-size:20px}
.kicker,.eyebrow{font-size:12px}
.portal nav button{font-size:14px;padding:12px 13px}
.workspace span,.api-state span,.aside-foot button span{font-size:13px}
.workspace small,.api-state small,.aside-foot button small,.brand small{font-size:11px}
.metrics span{font-size:13px}.metrics small{font-size:12px}.metrics b{font-size:24px}
th{font-size:12px;letter-spacing:.04em}
td{font-size:14px;vertical-align:top}
.status{font-size:12px}
.page-card label,.gateway label{font-size:14px}
.page-card input,.page-card select,.page-card textarea,.gateway input,.gateway select{font-size:15px;padding:11px 12px}
.page-card small,.gateway small,td small,.thread-message small,.attachment-card small{font-size:12px;color:var(--muted)}
.notice{font-size:14px;line-height:1.55}
footer{font-size:12px}
.link-button{font-size:14px;text-underline-offset:3px}
.link-button:hover,a:hover{text-decoration-thickness:2px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{
  outline:3px solid rgba(15,118,110,.28);outline-offset:2px
}
button.busy{cursor:progress;opacity:.72}
.secondary{border:1px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;box-shadow:none!important}
.danger{border:1px solid #dc2626!important;background:#fff!important;color:#b91c1c!important;border-radius:9px;padding:10px 14px;font-weight:800}
.muted{color:var(--muted)}
.wide{grid-column:1/-1}
.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px}
.check-row input{width:auto!important}
.message-meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.details-list{display:grid;gap:8px;margin:0}
.details-list div{display:grid;grid-template-columns:minmax(120px,.8fr) 1.4fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.details-list dt{font-weight:800}.details-list dd{margin:0;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 14px}
.chip{display:inline-flex;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:12px;font-weight:700}
.inline-form{display:flex!important;grid-template-columns:1fr auto!important;gap:8px!important;margin-bottom:18px}
.attachment-grid{display:grid;gap:10px;margin:10px 0 18px}
.attachment-card{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px}
.attachment-card img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#f3f4f6}
.attachment-card>div{display:flex;min-width:0;flex-direction:column}
.attachment-card a{overflow-wrap:anywhere}
.attachment-icon{display:grid;width:64px;height:64px;place-items:center;border-radius:8px;background:var(--soft);font-size:24px}
.thread-message{font-size:15px}.thread-message p{line-height:1.65}
#mobileNav{max-width:48vw;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}
[hidden]{display:none!important}
@media(max-width:720px){
  .mobile-head{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;gap:8px}
  .mobile-head .brand span{display:none}
  #mobileNav{max-width:none;width:100%}
  .content{padding:14px}
  .page-card{padding:16px}
  th,td{padding:11px 10px}
}

.chip-remove{min-height:auto!important;padding:0 2px!important;border:0!important;background:transparent!important;color:inherit!important;font-size:15px!important;line-height:1!important}

/* v10.16 deletion review */
.selected-row td{background:rgba(15,118,110,.045)}
.deletion-review{align-items:start}
.deletion-reason,.deletion-note{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:15px;line-height:1.65}
.deletion-note{background:#fff}.muted-field{opacity:.72}