/* Laatste Testlab-laag: overschrijft oude, zeer specifieke 8–10px-regels. */
/* Dashboard / topbalk */
/* Zijbalk-dossiers: bewust kleiner dan de menukoppen (hiërarchie). */
html body .sidebar.sidebar .recent-case-name.recent-case-name{font-size:10.5px!important}
html body .sidebar.sidebar .recent-case-id.recent-case-id{font-size:10.5px!important}
html body #dashboard#dashboard small{font-size:12px!important}
/* Zijbalk-tellers: bewust subtiel (10px), mobiele teller nog compacter. */
html body .sidebar.sidebar .nav.nav .nav-count.nav-count,
html body .sidebar.sidebar .nav-count.nav-count{font-size:10px!important}
html body .mobile-nav-count.mobile-nav-count{font-size:9px!important}
/* V13.99 gebruikt id-selectors met !important; deze moeten dus expliciet worden overtroffen. */
html body #nav#nav .nav-count.nav-count,
html body #drawerNav#drawerNav .nav-count.nav-count{font-size:10px!important}
html body .topbar span:not(.badge):not(.nav-count):not(.topbar-notification-count){font-size:var(--topbar-span-font-size,12px)!important}
/* Gebruikersinitialen in de topbalk: bewust compact. */
html body #topbarUserInitials{font-size:10px!important}
html body .topbar-notification-count.topbar-notification-count{font-size:8px!important}
html body .topbar-notification-read-mark.topbar-notification-read-mark{font-size:11px!important}
/* Topbalk-datum: bewust subtiel (dag 11px, datum 10px). De algemene
   .topbar span-regel hierboven telt drie :not-classes mee (0,4,1); daarom
   verhogen we hier de specificiteit expliciet zodat de bewuste maat wint. */
html body .topbar.topbar .topbar-date.topbar-date b{font-size:11px!important;line-height:1.3!important;font-weight:700!important}
html body .topbar.topbar .topbar-date.topbar-date span{font-size:10px!important;line-height:1.35!important}
/* Databank: gewone statistieklabels zijn metadata; badges blijven 11. */
html body #database span:not(.database-ai-badge):not(.database-private-badge):not(.database-file-type){font-size:12px!important}
html body #database .database-ai-badge,
html body #database .database-private-badge,
html body #database .database-tags span,
html body #database .database-file-type{font-size:11px!important}
/* Instellingen: kaartinhoud en voorbeelden volgen 13/12/11. */
html body #settings .settings-library-body b,
html body #settings .settings-content b,
html body #settings .settings-section b{font-size:13px!important}
html body #settings .settings-library-body span,
html body #settings .settings-library-body small,
html body #settings .settings-library-body code,
html body #settings .settings-content span,
html body #settings .settings-content small,
html body #settings .settings-content code,
html body #settings .settings-section span,
html body #settings .settings-section small,
html body #settings .settings-section code,
html body #settings .email-subject-token-help,
html body #settings #emailSubjectReferencePreview{font-size:12px!important}
html body #settings .badge,
html body #settings [class*="status-badge"],
html body #settings [class*="count-badge"]{font-size:11px!important}
/* Dossierbreed: small is metadata. */
html body #v4body small{font-size:12px!important}
html body #v4body .case-overview-insurer-reference,
html body #v4body .timeline94-empty{font-size:12px!important}
/* Documenten */
html body #v4body [class*="docs-"] .docs-tree-folder-name,
html body #v4body .docs-tree-folder-name{font-size:13px!important}
html body #v4body [class*="docs-"] span:not(.badge):not(.doc-label),
html body #v4body .docs-tree-folder-meta,
html body #v4body .docs-breadcrumb{font-size:12px!important}
html body #v4body .doc-label,
html body #v4body [class*="badge"]{font-size:11px!important}
/* Schade */
html body #v4body [class*="damage"] b{font-size:13px!important}
html body #v4body [class*="damage"] small,
html body #v4body .damage1357-pm{font-size:12px!important}
/* De hoofdtitel van Schade volgt dezelfde 16px-sectietitel als de andere dossiertabs. */
html body #v4body#v4body .damage1357-title>b{font-size:16px!important}
/* Dossieragenda */
html body #v4body #caseAgendaMonthTitle{font-size:13px!important}
html body #v4body #caseAgendaUpcomingCount{font-size:12px!important}
html body #v4body .calendar-dow{font-size:11px!important}
html body #v4body .daynum{font-size:12px!important}
html body #v4body [class*="case-agenda"] button,
html body #v4body [class*="case-agenda"] .btn{font-size:13px!important}
html body #v4body .case-agenda-event-time{font-size:12px!important}
html body #v4body [class*="case-agenda-event"] span:not(.case-agenda-event-time){font-size:13px!important}
html body #v4body .case-agenda-section-head b{font-size:13px!important;line-height:1.4!important;font-weight:700!important}
html body #v4body .case-agenda-section-head>div:first-child>span,
html body #v4body .case-agenda-more,
html body #v4body .case-agenda-list-card .agenda-empty{font-size:12px!important;line-height:1.35!important}
html body #v4body .case-agenda-list-card .agenda-empty b{font-size:13px!important;line-height:1.4!important}
/* Schadeoverzicht en documentinleesvenster. */
html body #v4body#v4body .damage1357-table th{font-size:12px!important;line-height:1.3!important;font-weight:800!important}
html body #v4body#v4body .damage1357-table td{font-size:13px!important;line-height:1.4!important}
html body #v4body#v4body .damage1357-item small,
html body #v4body#v4body .damage1360-folder-field>span,
html body .damage1379-review-grid label,
html body .damage1379-evidence{font-size:12px!important;line-height:1.35!important}
html body #v4body#v4body .damage1360-folder-field select{font-size:13px!important;line-height:1.4!important}
/* AI-schermen, zowel in chat als in dossier. */
html body .desk-ai-no-source-hint,
html body .desk-ai-internet-note,
html body .desk-ai-fixed-context,
html body .desk-ai-context-chip,
html body [class*="desk-ai"] small{font-size:12px!important}
html body .desk-ai-reset,
html body [class*="desk-ai"] button{font-size:13px!important}
html body [class*="desk-ai"] .badge,
html body [class*="desk-ai"] [class*="count"]{font-size:11px!important}
html body #ai#ai .desk-ai-source-picker.desk-ai-source-picker>summary b,
html body #chat#chat .desk-ai-source-picker.desk-ai-source-picker>summary b,
html body #v4body#v4body .desk-ai-source-picker.desk-ai-source-picker>summary b{font-size:11px!important}
html body #chat#chat [class*="desk-ai"] b,
html body #chat#chat [class*="desk-ai"] span:not(.desk-ai-context-chip),
html body #chat#chat .desk-ai-answer-content{font-size:13px!important}
/* AI-chat heeft eigen microtypografie uit V11.34. */
html body #chat#chat .chat-ai-answer-head.chat-ai-answer-head>span,
html body #chat#chat .chat-ai-answer-head.chat-ai-answer-head small,
html body #ai#ai .chat-ai-answer-head.chat-ai-answer-head>span,
html body #ai#ai .chat-ai-answer-head.chat-ai-answer-head small,
html body #chat#chat .chat-ai-source-summary.chat-ai-source-summary,
html body #chat#chat .chat-ai-source-summary.chat-ai-source-summary>span{font-size:12px!important}
html body #chat#chat .chat-ai-source-summary.chat-ai-source-summary>b,
html body #chat#chat .chat-ai-mode.chat-ai-mode{font-size:11px!important}
/* Nieuwe e-mail: bediening 13, context/labels 12, badges 11. */
html body #sheet#sheet .mail80-composer.mail80-composer button,
html body #sheet .mail80-composer b,
html body #sheet .mail80-composer i,
html body #sheet .mail80-composer u,
html body #sheet .mail80-composer s,
html body #sheet .mail80-composer summary{font-size:13px!important}
html body #sheet .mail80-composer span:not(.mail80-recipient-chip):not(.mail80-chip),
html body #sheet .mail80-summary-empty,
html body #sheet .mail80-composer small{font-size:12px!important}
html body #sheet .mail80-recipient-chip,
html body #sheet .mail80-chip,
html body #sheet [class*="mail80-"][class*="badge"]{font-size:11px!important}
/* Relatie-editor */
html body #sheet .relation-editor-form span,
html body #sheet .relation-editor-form small,
html body #sheet .relation-editor-form .relation-sync-note{font-size:12px!important}
html body #sheet .relation-editor-form .relation-pdok-status{font-size:11px!important}
html body #sheet .relation-editor-form button{font-size:13px!important}
/* Meldingen rechtsboven */
html body #topbarNotificationPanel span:not(.topbar-notification-count):not(.topbar-notification-read-mark):not(.badge),
html body #topbarNotificationPanel small,
html body #topbarNotificationPanel .topbar-notification-more{font-size:var(--topbar-notification-text-size,12px)!important}
html body #topbarNotificationPanel button{font-size:var(--topbar-notification-button-size,13px)!important}
html body #topbarNotificationPanel .topbar-notification-count.topbar-notification-count,
html body #topbarNotificationPanel .topbar-notification-read-mark.topbar-notification-read-mark{font-size:11px!important}
/* Mobiel: oude mediaqueries bevatten nog 8–10px !important-regels. */
@media(max-width:760px){
  html body #mobilebar#mobilebar button>span:last-child{font-size:11px!important}
  html body #mobilebar#mobilebar .mobile-nav-icon.mobile-nav-icon>.mobile-nav-count.mobile-nav-count{font-size:8px!important;line-height:1!important}
  html body #agenda#agenda .calendar-event.calendar-event{font-size:11px!important}
  html body #chat#chat.mobile-chat-open .desk-ai-quick.desk-ai-quick button{font-size:13px!important}
  html body #chat#chat.mobile-chat-open .chat-ai-answer-head.chat-ai-answer-head>span,
  html body #chat#chat.mobile-chat-open .chat-ai-answer-head.chat-ai-answer-head small{font-size:12px!important}
}
/* V14.13 — gerichte dekking van onderdelen die in V14.12 nog eigen 7.5–10px-regels hielden. */
/* Kladblok: compacte pop-uphiërarchie; invoer behoudt de standaard inhoudsgrootte. */
html body .scratchpad-panel .scratchpad-head b{font-size:var(--bd-type-meta)!important;line-height:1.3!important;font-weight:var(--bd-weight-bold)!important}
html body .scratchpad-panel .scratchpad-head small{font-size:var(--bd-type-small)!important;line-height:var(--bd-leading-small)!important;font-weight:var(--bd-weight-regular)!important}
html body .scratchpad-panel .scratchpad-text-block textarea,
html body .scratchpad-panel .scratchpad-check-block>input[type="text"]{font-size:var(--bd-type-content)!important;line-height:var(--bd-leading-content)!important;font-weight:var(--bd-weight-regular)!important}
html body .scratchpad-panel .scratchpad-add-row button{font-size:var(--bd-type-meta)!important;line-height:1.3!important;font-weight:var(--bd-weight-semibold)!important}
/* Recente activiteit gebruikt exact dezelfde tabelhiërarchie als Recente dossiers. */
html body #dashboard#dashboard .dashboard-recent-head{font-size:var(--bd-type-table-head)!important;line-height:1.3!important;font-weight:var(--bd-weight-bold)!important}
html body #dashboard#dashboard .dashboard-recent-row,
html body #dashboard#dashboard .dashboard-recent-description{font-size:var(--bd-type-content)!important;line-height:var(--bd-leading-content)!important}
html body #dashboard#dashboard .dashboard-recent-type b,
html body #dashboard#dashboard .dashboard-recent-date b,
html body #dashboard#dashboard .dashboard-recent-case b{font-size:var(--bd-type-content)!important;line-height:var(--bd-leading-content)!important;font-weight:var(--bd-weight-semibold)!important}
html body #dashboard#dashboard .dashboard-recent-date small,
html body #dashboard#dashboard .dashboard-recent-case small{font-size:var(--bd-type-meta)!important;line-height:var(--bd-leading-meta)!important;font-weight:var(--bd-weight-regular)!important}
/* E-maillijst, bulkacties, contextmenu en geopende e-mail. */
html body #email#email .email91-bulk-actions button,
html body #email#email .email91-context-menu button>b{font-size:var(--bd-type-content)!important;line-height:1.3!important;font-weight:var(--bd-weight-semibold)!important}
html body #email#email .email91-context-menu button>small{font-size:var(--bd-type-meta)!important;line-height:var(--bd-leading-meta)!important}
html body .email-side-panel .email-side-panel-head b{font-size:var(--bd-type-section)!important;line-height:1.3!important;font-weight:var(--bd-weight-bold)!important}
html body .email-side-panel .email-side-panel-head span,
html body .email-side-panel .email-side-route-line span,
html body .email-side-panel .email-side-context-field>span,
html body .email-side-panel .email-side-address-grid span,
html body .email-side-panel .email-side-link-field label,
html body .email-side-panel .email-side-info-bar{font-size:var(--bd-type-meta)!important;line-height:var(--bd-leading-meta)!important}
html body .email-side-panel .email-side-route-line b,
html body .email-side-panel .email-side-address-grid b,
html body .email-side-panel .email-side-context-field input,
html body .email-side-panel .email-side-link-field input,
html body .email-side-panel .email-message-body{font-size:var(--bd-type-content)!important;line-height:var(--bd-leading-content)!important}
html body .email-side-panel .email-side-relation-chip{font-size:var(--bd-type-small)!important;line-height:var(--bd-leading-small)!important;font-weight:var(--bd-weight-semibold)!important}
/* Nieuwe e-mail: resterende footer-, bijlage- en relatie-elementen. */
html body #sheet#sheet .mail80-composer .mail80-footer-info,
html body #sheet#sheet .mail80-composer .mail80-footer-info b{font-size:var(--bd-type-meta)!important;line-height:var(--bd-leading-meta)!important}
html body #sheet#sheet .mail80-composer .mail85-chevron{font-size:var(--bd-type-small)!important;line-height:1!important}
html body #sheet#sheet .mail80-composer .mail80-relation-filter-empty,
html body #sheet#sheet .mail80-composer .mail80-empty{font-size:var(--bd-type-meta)!important;line-height:var(--bd-leading-meta)!important}
/* Dossierrelatiekaarten: waarden 13, veldnamen en notities 12. */
html body #v4body#v4body .case-relation1207-card-name>b,
html body #v4body#v4body .case-relation1207-card-row>b{font-size:var(--bd-type-content)!important;line-height:var(--bd-leading-content)!important;font-weight:var(--bd-weight-semibold)!important}
html body #v4body#v4body .case-relation1207-card-name>span,
html body #v4body#v4body .case-relation1207-card-row>span,
html body #v4body#v4body .case-relation1207-card-notes{font-size:var(--bd-type-meta)!important;line-height:var(--bd-leading-meta)!important}
html body #v4body#v4body .case-relation1207-card-row{font-size:var(--bd-type-content)!important;line-height:var(--bd-leading-content)!important}
/* Dossierbeheer en kolomfilters. */
html body #v4body#v4body .case-overview-manage-pop>b{font-size:var(--bd-type-content)!important;line-height:var(--bd-leading-content)!important;font-weight:var(--bd-weight-bold)!important}
html body #v4body#v4body .case-overview-hidden-list>div,
html body #v4body#v4body .case-overview-hidden-list button,
html body #v4body#v4body .case-overview-reset{font-size:var(--bd-type-content)!important;line-height:var(--bd-leading-content)!important}
html body #v4body#v4body .case-overview-insurer-select,
html body #v4body#v4body .case-overview-insurer-editor .case-overview-inline-input{font-size:var(--bd-type-content)!important;line-height:var(--bd-leading-content)!important}
html body .timeline94-filter-pop label{font-size:var(--bd-type-meta)!important;line-height:var(--bd-leading-meta)!important;font-weight:var(--bd-weight-semibold)!important}
html body .timeline94-filter-pop input{font-size:var(--bd-type-content)!important;line-height:var(--bd-leading-content)!important}
html body #v4body#v4body .timeline94-avatar{font-size:var(--bd-type-small)!important;line-height:1!important;font-weight:var(--bd-weight-bold)!important}
/* Instellingensjablonen: gewone inhoud, metadata en compacte tokenchips. */
html body #settings#settings .template-settings-section-head b,
html body #settings#settings .template-settings-name b{font-size:var(--bd-type-content)!important;line-height:var(--bd-leading-content)!important}
html body #settings#settings .template-settings-preview,
html body #settings#settings .template-editor-grid label{font-size:var(--bd-type-meta)!important;line-height:var(--bd-leading-meta)!important}
html body #settings#settings .template-settings-section-head span,
html body #settings#settings .template-token-toolbar>span,
html body #settings#settings .template-token-toolbar button{font-size:var(--bd-type-small)!important;line-height:var(--bd-leading-small)!important}
/* V14.14 — kolomkoppen in dossiers en E-mail volgen de schrijfwijze van Taken. */
html body #v4body#v4body .timeline94-head>div,
html body #v4body#v4body table thead th,
html body #email#email .email87-table thead th{text-transform:none;letter-spacing:normal!important}
/* V14.15 — Instellingencategorieën gebruiken hetzelfde rustige actieve effect als Relaties. */
html body #settings#settings .settings-tabs{display:inline-flex!important;align-items:center!important;gap:3px!important;width:max-content!important;max-width:100%!important;box-sizing:border-box!important;margin:0 0 14px!important;padding:3px!important;overflow-x:auto!important;border:1px solid var(--line)!important;border-radius:10px!important;background:color-mix(in srgb,var(--bg) 74%,var(--panel))!important;scrollbar-width:none!important}
html body #settings#settings .settings-tabs::-webkit-scrollbar{display:none!important}
html body #settings#settings .settings-tabs button{flex:0 0 auto!important;min-height:32px!important;padding:6px 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important}
html body #settings#settings .settings-tabs button:hover{color:var(--text)!important;background:color-mix(in srgb,var(--panel) 72%,transparent)!important}
html body #settings#settings .settings-tabs button.active{color:var(--bd-tab-active-ink,var(--accent))!important;background:var(--panel)!important;box-shadow:0 1px 4px rgba(15,23,42,.08)!important}
