/* Shared screen-only chrome. Document/PDF typography and camera overlays stay unchanged. */
@media screen {
 :root{--blue:#426b86;--blue-dark:#294b62;--blue-soft:#edf3f6;--ink:#243b4b;--muted:#71808c;--line:#dce3e8;--bg:#f5f7f8;--red:#b74750}
 body{background-color:#f5f7f8}
 body button:not(:where(.capture-camera *, .attachment-preview *, .viewer-toolbar *)),
 body a.secondary,body .offer-actions>a,body .print-link {
  background:#f6f8fa!important;color:#36556b!important;border:1px solid #d4dee5!important;
  border-radius:7px;font-weight:600;box-shadow:none!important;
  transition:background-color .14s ease,border-color .14s ease;
 }
 body button:not(:where(.capture-camera *, .attachment-preview *, .viewer-toolbar *)):hover:not(:disabled),
 body a.secondary:hover,body .offer-actions>a:hover,body .print-link:hover {
  background:#eaf0f4!important;border-color:#aabfcd!important;color:#28485e!important;
 }
 body button:disabled{opacity:.5;cursor:not-allowed}
 body :is(button,a,input,textarea,select):focus-visible{outline:2px solid #7298af;outline-offset:2px}
 body :is(input,textarea,select):not(:where(.document-paper *, .capture-camera *)){border-color:#cbd6de;accent-color:#567e96}
 body :is(.auth-card button,.dialog-submit,.finalize-offer button){background:#e6eef3!important;border-color:#aec2cf!important;color:#28485f!important}
 body :is(button[aria-pressed="true"],.payment-options button[aria-pressed="true"]):not(:where(.capture-camera *)){background:#dde9f0!important;border-color:#92afc2!important;color:#294d65!important}
 body :is(nav a.active,.offer-link.active,.project.selected){background:#eaf1f5;color:#294d65;border-color:#b7cbd8}
 body :is(.offer-layout>aside,.editor,.document-inspector,.phase){border-color:#dce3e8}
 body :is(.offer-head,.document-tools){border-color:#e0e6eb}
 body .document-tools{gap:8px;box-shadow:0 -18px 0 #fff,0 3px 6px #243b4b05}
 body .document-tools>button{padding:8px 12px;font-size:14px;line-height:1.35}
 body .document-tools [data-panel="finish"]{margin-left:6px}
 body :is(.item-edit,.calculation-head,.text-library,.offer-voice-panel){background-color:#f5f7f9;border-color:#dce3e8}
 body :is(.admin-badge,.category-material){background:#edf2f6;color:#48677c}
 body :is(.project-heading small,.offer-head small,.project-head small){color:#567489}
 body :is(.offer-head h2,.inspector-title){color:#2d4759}
 body button:is(.dialog-close,.customer-popup-close){background:transparent!important;border-color:transparent!important;color:#748793!important}
 /* Destructive actions remain recognisable, but no longer dominate the page. */
 body :is([class*="delete"] button,button[class*="delete"],[class*="remove"] button,button[class*="remove"],button.mail-unlink,.break-text-marker button,button.danger){background:#fff4f4!important;color:#ad3d48!important;border-color:#e5bfc3!important}
 body :is([class*="delete"] button,button[class*="delete"],[class*="remove"] button,button[class*="remove"],button.mail-unlink,.break-text-marker button,button.danger):hover{background:#fbe6e8!important;border-color:#cd9198!important;color:#942d38!important}
 @media(prefers-reduced-motion:reduce){body button,body a.secondary,body .offer-actions>a{transition:none}}
}

/* Unread mail must stand out from read messages and from the selected row. */
body .mail-layout .mail-inbox-item>.mail-row.unread,
body .project-mails .project-mail.unread{
 background:#dceeff;
 border-left:5px solid #0068bb;
 color:#103a60;
}
body .mail-layout .mail-inbox-item>.mail-row.unread{padding-left:21px}
body .mail-layout .mail-row.unread .mail-row-sender,
body .mail-layout .mail-row.unread .mail-row-subject,
body .project-mails .project-mail.unread :is(strong,span,small){font-weight:800;color:#103a60}
body .mail-layout .mail-row.unread .mail-row-date{font-weight:700;color:#174e7b}
body .mail-layout .mail-row.unread:before{width:8px;height:8px;left:6px;top:15px;background:#0068bb;box-shadow:0 0 0 2px #fff;border-radius:50%}
body .mail-layout .mail-inbox-item>.mail-row.unread:hover,
body .project-mails .project-mail.unread:hover{background:#c6e3fc}
body .mail-layout .mail-inbox-item>.mail-row.unread.selected{background:#b5dafa;border-left-color:#004b89;box-shadow:inset 0 0 0 1px #0068bb}