/*
 * BaseDesk Testlab v14.12 — systeembrede typografie.
 * Eén semantische schaal voor het volledige systeem:
 * 13px = primaire inhoud / bediening
 * 12px = metadata / formulierlabels / kolomkoppen
 * 11px = badges / tellers / compacte statuslabels
 * Pagina- en sectietitels behouden hun bestaande grotere hiërarchie.
 */
:root{--bd-type-content:13px;--bd-type-meta:12px;--bd-type-small:11px;--bd-type-table-head:12px;--bd-type-section:16px;--bd-leading-content:1.4;--bd-leading-meta:1.35;--bd-leading-small:1.3;--bd-weight-regular:400;--bd-weight-semibold:700;--bd-weight-bold:800}
/* Fundament: alles wat geen bewust grotere titel is, erft voortaan 13px. */
html body{font-size:var(--bd-type-content)}
html body .btn,
html body .tabs button,
html body .nav>button,
html body .quick button{font-size:var(--bd-type-content)!important;line-height:1.3!important;font-weight:var(--bd-weight-semibold)!important}
html body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
html body textarea,
html body select{font-size:var(--bd-input-font,var(--bd-type-content))!important;line-height:var(--bd-leading-content)!important}
html body table{font-size:var(--bd-type-content)!important;line-height:var(--bd-leading-content)!important}
html body th{font-size:var(--bd-type-table-head)!important;line-height:1.3!important;font-weight:var(--bd-weight-bold)!important}
html body .meta,
html body .subtitle{font-size:var(--bd-type-meta)!important;line-height:var(--bd-leading-meta)!important}
html body .badge{font-size:var(--bd-type-small)!important;line-height:var(--bd-leading-small)!important;font-weight:var(--bd-weight-semibold)!important}
/* Algemene zoek-, filter- en bibliotheekbediening. */
html body .search input,
html body .uniform-filter-tools input,
html body .uniform-filter-tools select,
html body .uniform-library-header input,
html body .uniform-library-header select{font-size:var(--bd-input-font,var(--bd-type-content))!important}
html body .search-result-main b{font-size:var(--bd-type-content)!important}
html body .search-result-main span{font-size:var(--bd-type-meta)!important}
html body .search-empty{font-size:var(--bd-type-content)!important}
html body .search-result>.badge,
html body .search-result>.status,
html body .search-result>[class*="badge"]{font-size:var(--bd-type-small)!important}
/* Navigatie, zijbalk, topbalk en mobiele tellers. */
/* Zijbalk-menukoppen (Dashboard, Dossiers, …): bewust groter dan de dossiers eronder. */
html body .sidebar .nav>button{font-size:16px!important}
html body .sidebar .profile small{font-size:var(--bd-type-meta)!important}
html body .sidebar-time-goal-head,
html body .sidebar-time-goal-meta{font-size:var(--bd-type-meta)!important}
html body .mobile-nav-count{font-size:var(--bd-type-small)!important;line-height:1!important}
/* Zijbalk-teller (nav-count): bewust 10px, gelijk aan de basis-CSS. */
html body .nav-count{font-size:10px!important;line-height:1!important}
html body .topbar-create-menu button b{font-size:var(--bd-type-meta)!important}
html body .topbar-create-menu button small{font-size:var(--bd-type-meta)!important}
@media(max-width:760px){
  html body .mobilebar button{font-size:var(--bd-type-small)!important}
  html body .mobilebar .mobile-nav-count{font-size:var(--bd-type-small)!important}
}
/* Dashboard en dossierkaarten. */
html body .stat .k{font-size:var(--bd-type-content)!important}
html body .stat .s{font-size:var(--bd-type-meta)!important}
html body .dashboard-agenda-title{font-size:var(--bd-type-content)!important}
html body .dashboard-agenda-meta{font-size:var(--bd-type-meta)!important}
html body .dashboard-agenda-date span{font-size:var(--bd-type-small)!important}
html body .dossier-card p{font-size:var(--bd-type-content)!important}
html body .dossier-card-head h3{font-size:var(--bd-type-content)!important}
html body .dossier-card-info span{font-size:var(--bd-type-small)!important}
html body .dossier-card-info b{font-size:var(--bd-type-meta)!important}
/* Instellingen: dezelfde inhouds-, meta- en formuliermaat als elders. */
html body #settings .settings-library-card,
html body #settings .settings-library-body,
html body #settings .settings-content,
html body #settings .settings-section{font-size:var(--bd-type-content)!important}
html body #settings small,
html body #settings .meta,
html body #settings .settings-help,
html body #settings .settings-note{font-size:var(--bd-type-meta)!important}
html body #settings .badge,
html body #settings [class*="status-badge"],
html body #settings [class*="count-badge"]{font-size:var(--bd-type-small)!important}
/* Generieke sheets, dialogs en modals. */
html body #sheet .sheet-card,
html body .modal,
html body .dialog{font-size:var(--bd-type-content)!important}
html body #sheet .sheet-head h3,
html body .modal-head h3,
html body .dialog-head h3{font-size:var(--bd-type-section)!important}
html body #sheet .sheet-card small,
html body #sheet .sheet-card .meta,
html body .modal small,
html body .modal .meta,
html body .dialog small,
html body .dialog .meta{font-size:var(--bd-type-meta)!important}
html body #sheet .sheet-card .badge,
html body .modal .badge,
html body .dialog .badge{font-size:var(--bd-type-small)!important}
html body #sheet .tabs button,
html body #sheet .btn,
html body .modal .btn,
html body .dialog .btn{font-size:var(--bd-type-content)!important}
/* Overlay-formulieren: titel blijft groter, formulier volgt 13/12. */
html body .overlay .modal .field label{font-size:var(--bd-type-meta)!important}
html body .overlay .modal .field input,
html body .overlay .modal .field select,
html body .overlay .modal .field textarea{font-size:var(--bd-type-content)!important}
/* Taak-, memo- en afspraakvensters. */
html body #sheet .task-like-popup .field>label{font-size:var(--bd-type-meta)!important}
html body #sheet .task-like-popup input:not([type="checkbox"]):not([type="radio"]),
html body #sheet .task-like-popup select,
html body #sheet .task-like-popup textarea{font-size:var(--bd-type-content)!important}
html body #sheet .task-like-popup small,
html body #sheet .task-like-popup .meta,
html body #sheet .task-entity-search-results small{font-size:var(--bd-type-meta)!important}
html body #sheet .task-entity-search-results b{font-size:var(--bd-type-content)!important}
/* Relatie-editor: labels 12, veldinhoud 13, hulptekst 12. */
html body #sheet .relation-editor-form label,
html body #sheet .relation-editor-form .relation-salutation-fields label,
html body #sheet .relation-editor-form .relation-address-grid-clean label{font-size:var(--bd-type-meta)!important}
html body #sheet .relation-editor-form input:not([type="checkbox"]):not([type="radio"]),
html body #sheet .relation-editor-form select,
html body #sheet .relation-editor-form textarea,
html body #sheet .relation-editor-form .relation-salutation-preview{font-size:var(--bd-type-content)!important}
html body #sheet .relation-editor-form .relation-address-lookup-status,
html body #sheet .relation-editor-form small,
html body #sheet .relation-editor-form .meta{font-size:var(--bd-type-meta)!important}
html body #sheet .relation-editor-tabs button{font-size:var(--bd-type-content)!important}
/* Nieuwe e-mail: dezelfde formulierhiërarchie als taak en relatie. */
html body #sheet .mail80-composer{font-size:var(--bd-type-content)!important}
html body #sheet .mail80-field>span,
html body #sheet .mail80-relation-group-title{font-size:var(--bd-type-meta)!important}
html body #sheet .mail80-field>select,
html body #sheet .mail80-template-select,
html body #sheet .mail80-relation-search input,
html body #sheet .mail80-composer input,
html body #sheet .mail80-composer textarea,
html body #sheet .mail80-composer select,
html body #sheet .mail80-composer [contenteditable="true"]{font-size:var(--bd-type-content)!important}
html body #sheet .mail80-readonly b,
html body #sheet .mail80-quick-relation b{font-size:var(--bd-type-content)!important}
html body #sheet .mail80-readonly small,
html body #sheet .mail80-quick-relation small,
html body #sheet .mail80-composer .meta{font-size:var(--bd-type-meta)!important}
html body #sheet .mail80-recipient-chip,
html body #sheet .mail80-chip,
html body #sheet [class*="mail80-"][class*="badge"]{font-size:var(--bd-type-small)!important}
/* Meldingen rechtsboven en meldingsinstellingen. */
html body .topbar-notification-copy b{font-size:var(--bd-type-content)!important}
html body .topbar-notification-copy small{font-size:var(--bd-type-meta)!important}
html body .topbar-notification-read-mark,
html body .topbar-notification-count{font-size:var(--bd-type-small)!important}
html body .topbar-notification-setting-row b{font-size:var(--bd-type-content)!important}
html body .topbar-notification-setting-row small{font-size:var(--bd-type-meta)!important}
html body .topbar-notification-swipe-bg{font-size:var(--bd-type-meta)!important}
/* Zwevende tijdregistratie. */
html body #stableTimePanel{font-size:var(--bd-type-content)!important}
html body #stableTimePanel .stable-time-head>b,
html body #stableTimePanel .stable-time-head>div>b{font-size:var(--bd-type-section)!important}
html body #stableTimePanel .stable-time-field label{font-size:var(--bd-type-meta)!important}
html body #stableTimePanel input,
html body #stableTimePanel select,
html body #stableTimePanel textarea,
html body #stableTimePanel .stable-duration button,
html body #stableTimePanel .btn{font-size:var(--bd-type-content)!important}
html body #stableTimePanel small,
html body #stableTimePanel .meta{font-size:var(--bd-type-meta)!important}
/* Zwevende AI-assistent. */
html body #floatingAiPanel{font-size:var(--bd-type-content)!important}
html body #floatingAiPanel .floating-ai-head b{font-size:var(--bd-type-section)!important}
html body #floatingAiPanel .floating-ai-head .meta{font-size:var(--bd-type-meta)!important}
html body #floatingAiPanel .floating-ai-welcome,
html body #floatingAiPanel .floating-ai-msg,
html body #floatingAiPanel .floating-ai-answer-content{font-size:var(--bd-type-content)!important}
html body #floatingAiPanel input,
html body #floatingAiPanel textarea,
html body #floatingAiPanel select,
html body #floatingAiPanel .desk-ai-quick button{font-size:var(--bd-type-content)!important}
html body #floatingAiPanel small,
html body #floatingAiPanel .meta{font-size:var(--bd-type-meta)!important}
/* Datum- en uren-kalenderpopups. */
html body .desktop-date-popover-title{font-size:var(--bd-type-section)!important}
html body .desktop-date-popover-week{font-size:var(--bd-type-meta)!important}
html body .mini-cal-weekdays{font-size:var(--bd-type-small)!important}
html body .mini-cal-day{font-size:var(--bd-type-meta)!important}
html body .desktop-calendar-agenda-link{font-size:var(--bd-type-content)!important}
html body #uren .hours-calendar-card.compact-popup .hours-calendar-title{font-size:var(--bd-type-content)!important}
html body #uren .hours-calendar-card.compact-popup .hours-calendar-today{font-size:var(--bd-type-small)!important}
html body #uren .hours-calendar-card.compact-popup .hours-calendar-dow{font-size:var(--bd-type-small)!important}
html body #uren .hours-calendar-card.compact-popup .hours-calendar-daynum{font-size:var(--bd-type-meta)!important}
html body #uren .hours-calendar-card.compact-popup .hours-calendar-total{font-size:var(--bd-type-small)!important}
html body #uren .timeline94-filter-pop input,
html body #v4body .timeline94-filter-pop input,
html body #v4body .case-document-search-field input,
html body #v4body .documents99-filter-pop input,
html body #v4body .correspondence96-filter-pop input{font-size:var(--bd-type-content)!important}
/* Agenda: titel van afspraak 13, tijd/context 12, compacte avatars 11. */
html body #agenda .agenda-user-chip{font-size:var(--bd-type-meta)!important}
html body #agenda .agenda-user-mini,
html body #agenda .multi-user-avatar{font-size:var(--bd-type-small)!important}
html body #agenda .multi-agenda-head{font-size:var(--bd-type-meta)!important}
html body #agenda .multi-agenda-event b{font-size:var(--bd-type-meta)!important}
html body #agenda .multi-agenda-event span{font-size:var(--bd-type-content)!important}
html body #agenda .multi-agenda-event small{font-size:var(--bd-type-meta)!important}
html body #agenda small,
html body #agenda .meta{font-size:var(--bd-type-meta)!important}
html body #agenda .badge{font-size:var(--bd-type-small)!important}
/* Databank: documenten lezen als gewone inhoud, tags/badges als 11px. */
html body #database .database-doc-main p{font-size:var(--bd-type-content)!important}
html body #database .database-doc-title b,
html body #database .database-file-box b{font-size:var(--bd-type-content)!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:var(--bd-type-small)!important}
html body #database .database-detail-meta{font-size:var(--bd-type-meta)!important}
html body #database .database-detail-content{font-size:var(--bd-type-content)!important}
html body #database small,
html body #database .meta{font-size:var(--bd-type-meta)!important}
/* Interne chat: geen 8–10px microtekst meer. */
html body #chat .chat-avatar,
html body #chat .chat-message-avatar,
html body #ai .chat-avatar,
html body #ai .chat-message-avatar{font-size:var(--bd-type-small)!important}
html body #chat .chat-conversation-copy b{font-size:var(--bd-type-content)!important}
html body #chat .chat-conversation-copy small,
html body #chat .chat-last-time{font-size:var(--bd-type-meta)!important}
html body #chat .chat-header b{font-size:var(--bd-type-content)!important}
html body #chat .chat-header span,
html body #chat .chat-sender,
html body #ai .chat-sender{font-size:var(--bd-type-meta)!important}
html body #chat .chat-bubble>span,
html body #ai .chat-bubble>span{font-size:var(--bd-type-content)!important}
html body #chat .chat-bubble small,
html body #ai .chat-bubble small{font-size:var(--bd-type-meta)!important}
html body #chat .chat-reactions button,
html body #chat .chat-unread-count,
html body #chat .chat-file-type{font-size:var(--bd-type-small)!important}
html body #chat .chat-file-copy b{font-size:var(--bd-type-content)!important}
html body #chat .chat-file-copy small,
html body #chat .chat-file-time{font-size:var(--bd-type-meta)!important}
html body #chat .chat-compose textarea,
html body #ai .chat-compose textarea{font-size:var(--bd-type-content)!important}
/* Geminimaliseerde vensters. */
html body .minimized-window-item>span:nth-child(2){font-size:var(--bd-type-content)!important}
html body .minimized-window-open{font-size:var(--bd-type-small)!important}
/* Expliciete semantische kleine labels/tellers blijven overal 11px. */
html body .database-ai-badge,
html body .database-private-badge,
html body .chat-unread-count,
html body .topbar-notification-count,
html body .mobile-nav-count,
html body .badge{font-size:var(--bd-type-small)!important}