/* V47: bedrijfskleur en componentruimte; gekoppeld via de gedeelde assets.php. */
html.qd-design6[data-qd-brand],
html.qd-design6[data-qd-brand][data-qd-theme] body {
    --qd-blue:var(--qd-brand-link-light);
    --qd-active-bg:var(--qd-brand-color);
    --qd-glow-rgb:var(--qd-brand-rgb);
    --qd-nav-interaction-bg:var(--qd-brand-color);
    --qd-nav-interaction-ink:var(--qd-brand-ink);
    --qd-control-bg:color-mix(in srgb,var(--qd-brand-color) 5%,#f4f7fc);
    --qd-control-hover:color-mix(in srgb,var(--qd-brand-color) 12%,#f4f7fc);
    --qd-control-line:color-mix(in srgb,var(--qd-brand-color) 22%,#cbd8e9);
    --qd-control-ink:var(--qd-brand-link-light);
}
html.qd-design6[data-qd-brand][data-qd-theme=dark],
html.qd-design6[data-qd-brand][data-qd-theme=dark] body {
    --qd-blue:var(--qd-brand-link-dark);
    --qd-control-bg:color-mix(in srgb,var(--qd-brand-color) 9%,#1c3049);
    --qd-control-hover:color-mix(in srgb,var(--qd-brand-color) 18%,#1c3049);
    --qd-control-line:color-mix(in srgb,var(--qd-brand-color) 22%,#49617f);
    --qd-control-ink:var(--qd-brand-link-dark);
}
/* Dezelfde actieknop voor beheer, openbare pagina's, formulieren en editors. */
html.qd-design6[data-qd-brand][data-qd-theme] body :is(.btn:not(.btn-danger):not(.btn-warning),.qd-button,.qd-secondary-button,.dt-button,.DTTT_button,.DTE_Form_Buttons button):not(:where(.qd-primary-grid .qd-button)) {
    background:var(--qd-brand-color)!important;
    border:1px solid var(--qd-brand-color)!important;
    color:var(--qd-brand-ink)!important;
    box-shadow:inset 0 1px 0 #ffffff26,0 3px 10px rgba(var(--qd-brand-rgb),.16)!important;
    border-radius:8px; text-shadow:none; filter:none;
    transition:background-color .15s,border-color .15s,box-shadow .15s;
}
html.qd-design6[data-qd-brand][data-qd-theme] body :is(.btn:not(.btn-danger):not(.btn-warning),.qd-button,.qd-secondary-button,.dt-button,.DTTT_button,.DTE_Form_Buttons button):not(:where(.qd-primary-grid .qd-button)):hover:not(:disabled):not(.disabled):not([aria-disabled=true]) {
    background:var(--qd-brand-hover)!important; border-color:var(--qd-brand-hover)!important;
    color:var(--qd-brand-hover-ink)!important; filter:none;
    box-shadow:inset 0 1px 0 #ffffff26,0 4px 14px rgba(var(--qd-brand-rgb),.24)!important;
}
html.qd-design6[data-qd-brand][data-qd-theme] body :is(.btn,.btn:not(.btn-danger):not(.btn-warning),.qd-button,.qd-secondary-button,.dt-button,.DTTT_button,.DTE_Form_Buttons button):is(:disabled,.disabled,[aria-disabled=true]) {
    background:var(--qd-control-bg)!important; border-color:var(--qd-line)!important;
    color:var(--qd-control-disabled)!important; box-shadow:none!important; opacity:.7; cursor:default;
}
html.qd-design6[data-qd-brand][data-qd-theme] body :is(.btn,.qd-button,.qd-secondary-button,.dt-button,.DTTT_button,.DTE_Form_Buttons button) :is(.fa,.qd-icon) { color:inherit!important; }
html.qd-design6[data-qd-brand][data-qd-theme] body :is(.qd-management-tabs a[aria-current=page],.fc .fc-toolbar button.fc-state-active),
html.qd-design6[data-qd-brand][data-qd-theme] body :is(.qd-table-bottom,.qd-interface-table-bottom) .dataTables_paginate .paginate_button.current {
    background:var(--qd-brand-color)!important; color:var(--qd-brand-ink)!important; border-color:var(--qd-brand-color)!important;
    box-shadow:inset 0 1px 0 #ffffff26,0 2px 8px rgba(var(--qd-brand-rgb),.14);
}
html.qd-design6[data-qd-brand][data-qd-theme] body :is(.qd-management-tabs a[aria-current=page],.fc .fc-toolbar button.fc-state-active):hover,
html.qd-design6[data-qd-brand][data-qd-theme] body :is(.qd-table-bottom,.qd-interface-table-bottom) .dataTables_paginate .paginate_button.current:hover {
    background:var(--qd-brand-hover)!important; color:var(--qd-brand-hover-ink)!important; border-color:var(--qd-brand-hover)!important;
}
html.qd-design6[data-qd-brand][data-qd-theme] body :is(a,button,input,select,textarea,[tabindex="0"]):focus-visible { outline-color:var(--qd-blue); }
html.qd-design6[data-qd-brand][data-qd-theme] body .form-control:focus { border-color:var(--qd-blue)!important; box-shadow:0 0 0 3px rgba(var(--qd-brand-rgb),.12); }
html.qd-design6[data-qd-brand][data-qd-theme] body :is(.qd-clock-header,.qd-clock-selection),
html.qd-design6[data-qd-brand][data-qd-theme] body.qd-overall-report-page .daterangepicker :is(td.active,td.active:hover,td.end-date,.ranges li.active) {
    background:var(--qd-brand-color)!important; color:var(--qd-brand-ink)!important;
}
html.qd-design6[data-qd-brand][data-qd-theme] body .qd-clock-header :is(h3,button) { color:var(--qd-brand-ink)!important; opacity:1; }
html.qd-design6[data-qd-brand][data-qd-theme] body .qd-clock-value button[aria-pressed=true] { text-decoration:underline; text-underline-offset:6px; }
html.qd-design6[data-qd-brand][data-qd-theme] body .qd-clock-header button:focus-visible { outline-color:var(--qd-brand-ink); }
html.qd-design6[data-qd-brand][data-qd-theme] body .qd-clock-actions button { color:var(--qd-blue); }
/* Het envelopje hoort bij de organisatie op deze rij, niet bij de sessie. */
html.qd-design6[data-qd-brand][data-qd-theme] body.qd-admin-organizations .qd-row-actions i.qd-company-mail,
html.qd-design6[data-qd-brand][data-qd-theme] body.qd-admin-organizations .qd-row-actions i.qd-company-mail:hover {
    color:var(--qd-row-company-color)!important;
    background:transparent!important;
}
/* De documenthoogte groeit met de inhoud; het buitenkader sluit alles in. */
html.qd-design6 body.qd-dashboard-page { display:block; height:auto; min-height:100dvh; }
html.qd-design6 body.qd-dashboard-page #qd-app { height:auto; align-items:stretch; }
html.qd-design6 body.qd-dashboard-page .qd-dashboard-workspace { min-height:0; height:auto; }
html.qd-design6 body.qd-dashboard-page #qd-dashboard-main { flex:1 0 auto; min-width:0; padding-bottom:calc(var(--qd-page-space) + 12px); }
html.qd-design6 body.qd-dashboard-page :is(.qd-topbar,.qd-dashboard-footer) { flex-shrink:0; }
html.qd-design6 body :is(.qd-table-panel,.tableshadow,.qd-support-panel,.qd-content-card) { min-width:0; }
html.qd-design6 body :is(.qd-table-panel,.tableshadow) { display:flow-root; }
html.qd-design6 body :is(.qd-table-bottom,.qd-interface-table-bottom) { min-width:0; row-gap:12px; padding-bottom:4px; }
html.qd-design6 body :is(.qd-table-bottom,.qd-interface-table-bottom) .dataTables_paginate > span { display:flex; flex-wrap:wrap; gap:3px 0; }
html.qd-design6 body :is(.qd-table-toolbar,.qd-interface-toolbar,.qd-table-filters) { gap:16px; min-width:0; }
html.qd-design6 body :is(.qd-table-toolbar,.qd-interface-toolbar,.qd-table-filters) > * { min-width:0; max-width:100%; }
html.qd-design6 body :is(.qd-table-toolbar,.qd-interface-toolbar) .dt-buttons { display:flex; flex-wrap:wrap; gap:8px; }
html.qd-design6 body :is(.qd-table-toolbar,.qd-interface-toolbar) .dt-buttons .dt-button { margin:0; }
html.qd-design6 body .qd-table-heading { flex-wrap:wrap; row-gap:16px; }
@media (prefers-reduced-motion:reduce) {
    html.qd-design6[data-qd-brand][data-qd-theme] body :is(.btn,.qd-button,.dt-button,.DTTT_button) { transition:none; }
}
@media print {
    html.qd-design6 body.qd-dashboard-page #qd-dashboard-main { padding:0; }
    html.qd-design6[data-qd-brand][data-qd-theme] body :is(.btn,.qd-button,.dt-button,.DTTT_button) { box-shadow:none!important; }
}

/* De drie starttegels behouden hun oorspronkelijke rustige blauw/groen. */
html.qd-design6[data-qd-brand] body.qd-dashboard-page .qd-primary-grid {
    --qd-blue:#073ecf; --qd-teal:#007d89; --qd-glow-rgb:21,79,230;
}
html.qd-design6[data-qd-brand][data-qd-theme=dark] body.qd-dashboard-page .qd-primary-grid {
    --qd-blue:#356deb; --qd-teal:#168c97; --qd-glow-rgb:76,139,255;
}