/* GRABBYCLOUD V2 UI */
:root{
  --gc-bg:#f6f7f9;
  --gc-card:#ffffff;
  --gc-text:#20242b;
  --gc-muted:#6f7682;
  --gc-border:#e5e7eb;
  --gc-gold:var(--gc-brand,#e7b24b);
  --gc-radius:14px;
}

body{
  background:var(--gc-bg);
}

main.container{
  max-width:1440px;
}

.card,
.modal-content{
  border:1px solid var(--gc-border);
  border-radius:var(--gc-radius);
  box-shadow:0 8px 28px rgba(0,0,0,.05);
}

.btn{
  border-radius:9px;
  font-weight:600;
}

.form-control,
.custom-select{
  border-radius:9px;
}

@media(max-width:767px){
  main.container{
    padding-left:16px;
    padding-right:16px;
  }

  .modal-dialog{
    margin:10px;
  }

  .modal-content{
    border-radius:16px;
  }

  .table-responsive{
    border-radius:14px;
  }
}

/* HEADER V2 */
.gc-header{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--gc-border);
  box-shadow:0 8px 24px rgba(0,0,0,.04);
}

.gc-navbar{
  min-height:76px;
  background:transparent!important;
  padding:10px 22px;
}

.gc-navbar .navbar-brand img{
  width:175px;
  max-width:42vw;
}

.gc-navbar .nav-link{
  border-radius:9px;
  padding:10px 14px!important;
  font-weight:600;
  color:var(--gc-text)!important;
}

.gc-navbar .nav-item.active .nav-link,
.gc-navbar .nav-link:hover{
  background:color-mix(in srgb, var(--gc-brand,#e7b24b) 14%, transparent);
}

.gc-pagebar{
  background:transparent!important;
  border:0!important;
  padding:18px 0!important;
}

.gc-pagebar #title{
  font-size:24px;
  font-weight:700;
}

@media(max-width:767px){
  .gc-navbar{
    min-height:66px;
    padding:8px 16px;
  }

  .gc-navbar .navbar-brand img{
    width:145px;
  }

  .gc-navbar .navbar-collapse{
    background:var(--gc-card);
    border:1px solid var(--gc-border);
    border-radius:14px;
    margin-top:10px;
    padding:10px;
    box-shadow:0 16px 40px rgba(0,0,0,.10);
  }

  .gc-navbar .nav-link{
    padding:12px 14px!important;
  }

  .gc-pagebar{
    padding:12px 16px!important;
  }

  .gc-pagebar #title{
    font-size:21px;
  }
}

/* DASHBOARD KPI V2 */
.gc-kpi-card{
  overflow:hidden;
  border:0!important;
  background:var(--gc-card);
}

.gc-kpi-card .card-header{
  background:transparent;
  border:0;
  padding:22px 22px 4px;
}

.gc-kpi-card .card-header h4{
  font-size:15px;
  font-weight:600;
  color:var(--gc-muted);
}

.gc-kpi-card .card-body{
  padding:8px 22px 24px;
}

.gc-kpi-card .card-body h4{
  font-size:32px;
  font-weight:700;
  letter-spacing:-1px;
  color:var(--gc-text);
}

.gc-section-card{
  border:0!important;
  overflow:hidden;
}

.gc-section-card > .card-header{
  background:transparent;
  border-bottom:1px solid var(--gc-border);
  padding:20px 22px;
}

.gc-section-card > .card-header h4{
  font-size:18px;
  font-weight:700;
}

@media(max-width:767px){
  .gc-kpi-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin:0 0 18px!important;
  }

  .gc-kpi-grid .gc-kpi-card{
    margin:0!important;
    min-width:0;
  }

  .gc-kpi-card .card-header{
    padding:16px 14px 2px;
  }

  .gc-kpi-card .card-body{
    padding:6px 14px 16px;
  }

  .gc-kpi-card .card-body h4{
    font-size:25px;
  }

  .gc-kpi-card .card-header h4{
    font-size:13px;
  }
}





@media(max-width:767px){

  .gc-profile-table .gc-profile-row td:nth-child(5)::before{
    content:"Scans";
  }

  .gc-profile-table .gc-profile-row td:nth-child(6)::before{
    content:"Opgeslagen";
  }

  .gc-profile-table .gc-profile-row td:nth-child(5),
  .gc-profile-table .gc-profile-row td:nth-child(6){
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0!important;
    border-top:1px solid var(--gc-border)!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(5)::before,
  .gc-profile-table .gc-profile-row td:nth-child(6)::before{
    font-weight:700;
    color:var(--gc-text);
  }

  .gc-profile-table .gc-profile-row td:nth-child(3){
    font-size:18px;
    font-weight:700;
    margin-top:8px;
  }

  .gc-profile-table .gc-profile-row td:nth-child(4){
    color:var(--gc-muted);
    padding-bottom:12px!important;
  }

  .gc-profile-table .gc-profile-row td:last-child::before{
    content:"Acties";
    font-weight:700;
    margin-right:auto;
  }
}

/* GRABBYCLOUD APP BACKGROUND */


main.container{
  background:transparent!important;
}

.gc-pagebar{
  background:#f4f5f7!important;
}

.grabby-dark body{
  background:#0d0f12!important;

}

.grabby-dark .gc-pagebar{
  background:#0d0f12!important;
}

@media(max-width:767px){
  
}

@media(max-width:767px){

  .gc-profile-table .gc-profile-row{
    padding:18px!important;
  }

  .gc-profile-table .gc-profile-row td{
    background:transparent!important;
  }

  .gc-profile-table .gc-profile-row td:first-child,
  .gc-profile-table .gc-profile-row td:nth-child(2){
    margin-bottom:10px;
  }

  .gc-profile-table .gc-profile-row td:nth-child(3),
  .gc-profile-table .gc-profile-row td:nth-child(4){
    padding-left:4px!important;
    padding-right:4px!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(5),
  .gc-profile-table .gc-profile-row td:nth-child(6){
    margin-top:6px;
    padding:12px 4px!important;
  }

  .gc-profile-table .gc-profile-row td:last-child{
    margin-top:14px!important;
    padding:14px 4px 2px!important;
  }
}


/* MOBILE PROFILE CARDS V2 */
@media(max-width:767px){

  .gc-profile-table{
    border:0!important;
    background:transparent!important;
  }

  .gc-profile-table thead{
    display:none!important;
  }

  .gc-profile-table tbody{
    display:block!important;
  }

  .gc-profile-table .gc-profile-row{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    background:#fff!important;
    border:1px solid #e1e5ea!important;
    border-radius:16px!important;
    padding:18px!important;
    margin:0 0 16px 0!important;
    box-shadow:0 6px 20px rgba(0,0,0,.05)!important;
  }

  .gc-profile-table .gc-profile-row td{
    background:transparent!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    text-align:left!important;
    width:auto!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(1){
    grid-column:1;
    grid-row:1;
    font-size:18px!important;
    font-weight:700!important;
    padding-right:10px!important;
    margin-bottom:12px!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(2){
    grid-column:2;
    grid-row:1;
    align-self:center;
    margin-bottom:12px!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(2) img{
    width:28px!important;
    display:block;
  }

  .gc-profile-table .gc-profile-row td:nth-child(3){
    grid-column:1 / -1;
    grid-row:2;
    font-size:19px!important;
    font-weight:700!important;
    margin-bottom:4px!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(4){
    grid-column:1 / -1;
    grid-row:3;
    color:#747b87!important;
    font-size:15px!important;
    padding-bottom:15px!important;
    border-bottom:1px solid #e7e9ed!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(5),
  .gc-profile-table .gc-profile-row td:nth-child(6){
    grid-column:1 / -1;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    padding:13px 0!important;
    border-bottom:1px solid #e7e9ed!important;
    font-size:15px!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(5){
    grid-row:4;
  }

  .gc-profile-table .gc-profile-row td:nth-child(6){
    grid-row:5;
  }

  .gc-profile-table .gc-profile-row td:nth-child(5)::before{
    content:"Scans";
    font-weight:700;
  }

  .gc-profile-table .gc-profile-row td:nth-child(6)::before{
    content:"Opgeslagen";
    font-weight:700;
  }

  .gc-profile-table .gc-profile-row td:nth-child(7){
    grid-column:1 / -1;
    grid-row:6;
    display:flex!important;
    align-items:center;
    padding-top:15px!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(7)::before{
    content:"Acties";
    font-weight:700;
    margin-right:auto;
  }

  .gc-profile-table .gc-profile-row td:nth-child(7) a{
    margin:0 0 0 16px!important;
    font-size:20px!important;
  }
}


/* GRABBYCLOUD MOBILE POLISH V7 */
@media(max-width:767px){

  /* Gele GrabbyCloud achtergrond terug */
  

  /* Hoofdcontent transparant zodat gele achtergrond zichtbaar blijft */
  main,
  main.container,
  .container.gc-main,
  .gc-main{
    background:transparent!important;
  }

  /* Buitenste witte DataTables kaart */
  .gc-profile-table{
    background:transparent!important;
  }

  /* Profielkaart zelf */
  .gc-profile-table .gc-profile-row{
    background:#fff!important;
    padding:18px 16px!important;
    border:1px solid #e0e4e9!important;
    border-radius:16px!important;
    box-shadow:0 8px 24px rgba(22,28,45,.06)!important;
    overflow:hidden!important;
  }

  /* BELANGRIJK: DataTables zebra/grijze achtergronden verwijderen */
  .gc-profile-table .gc-profile-row td,
  .gc-profile-table.table-striped tbody tr:nth-of-type(odd) td,
  .gc-profile-table.table-striped tbody tr:nth-of-type(even) td{
    background:#fff!important;
  }

  /* Nummer */
  .gc-profile-table .gc-profile-row td:nth-child(1){
    font-size:18px!important;
    line-height:28px!important;
    font-weight:700!important;
    padding:0!important;
    margin:0 10px 14px 0!important;
  }

  /* Vlag */
  .gc-profile-table .gc-profile-row td:nth-child(2){
    display:flex!important;
    align-items:center!important;
    min-height:28px!important;
    margin:0 0 14px 0!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(2) img{
    width:27px!important;
    height:auto!important;
    margin:0!important;
  }

  /* Naam */
  .gc-profile-table .gc-profile-row td:nth-child(3){
    background:#fff!important;
    font-size:19px!important;
    line-height:1.3!important;
    font-weight:700!important;
    margin:0!important;
    padding:0!important;
  }

  /* Functie */
  .gc-profile-table .gc-profile-row td:nth-child(4){
    background:#fff!important;
    color:#737b88!important;
    font-size:15px!important;
    line-height:1.4!important;
    margin:4px 0 8px 0!important;
    padding:0 0 14px 0!important;
    border-bottom:1px solid #e8ebef!important;
  }

  /* Scans + opgeslagen */
  .gc-profile-table .gc-profile-row td:nth-child(5),
  .gc-profile-table .gc-profile-row td:nth-child(6){
    background:#fff!important;
    min-height:48px!important;
    padding:13px 0!important;
    margin:0!important;
    border-bottom:1px solid #e8ebef!important;
    font-size:15px!important;
    line-height:22px!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(5)::before,
  .gc-profile-table .gc-profile-row td:nth-child(6)::before{
    font-weight:700!important;
    color:#20242b!important;
  }

  /* Acties */
  .gc-profile-table .gc-profile-row td:nth-child(7){
    background:#fff!important;
    min-height:52px!important;
    padding:15px 0 0 0!important;
    margin:0!important;
    border:0!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(7)::before{
    color:#20242b!important;
    font-weight:700!important;
  }

  .gc-profile-table .gc-profile-row td:nth-child(7) a{
    margin-left:17px!important;
    font-size:20px!important;
    line-height:1!important;
  }
}

/* PROFILE CARD CLEAN FIX */
@media(max-width:767px){

  /* Originele GrabbyCloud achtergrond NIET overschrijven */

  .gc-profile-table .gc-profile-row{
    background-color:#fff!important;
    background-image:none!important;
  }

  .gc-profile-table .gc-profile-row > td,
  .gc-profile-table.table-striped tbody .gc-profile-row > td,
  .gc-profile-table tbody .gc-profile-row:nth-of-type(odd) > td,
  .gc-profile-table tbody .gc-profile-row:nth-of-type(even) > td{
    background-color:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  .gc-profile-table tbody .gc-profile-row:nth-of-type(odd),
  .gc-profile-table tbody .gc-profile-row:nth-of-type(even){
    background-color:#fff!important;
    background-image:none!important;
  }

}


/* GRABBYCLOUD MOBILE DARK MODE PROFILE FIX */
@media(max-width:767px){

  html.grabby-dark .gc-profile-table .gc-profile-row{
    background:#171d23!important;
    border-color:#3b4550!important;
    box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
  }

  html.grabby-dark .gc-profile-table .gc-profile-row,
  html.grabby-dark .gc-profile-table .gc-profile-row > td,
  html.grabby-dark .gc-profile-table.table-striped tbody .gc-profile-row > td,
  html.grabby-dark .gc-profile-table tbody .gc-profile-row:nth-of-type(odd) > td,
  html.grabby-dark .gc-profile-table tbody .gc-profile-row:nth-of-type(even) > td{
    background:#171d23!important;
    background-image:none!important;
    color:#f3f5f7!important;
  }

  html.grabby-dark .gc-profile-table .gc-profile-row td:nth-child(4){
    color:#aab2bd!important;
    border-bottom-color:#303943!important;
  }

  html.grabby-dark .gc-profile-table .gc-profile-row td:nth-child(5),
  html.grabby-dark .gc-profile-table .gc-profile-row td:nth-child(6){
    border-bottom-color:#303943!important;
  }

  html.grabby-dark .gc-profile-table .gc-profile-row td:nth-child(5)::before,
  html.grabby-dark .gc-profile-table .gc-profile-row td:nth-child(6)::before,
  html.grabby-dark .gc-profile-table .gc-profile-row td:nth-child(7)::before{
    color:#f3f5f7!important;
  }

  html.grabby-dark .gc-profile-table .gc-profile-row td:nth-child(7) a{
    color:#d7dde8!important;
  }

}

@media(max-width:767px){
.gc-addressbook-table thead{display:none!important}
.gc-addressbook-table,.gc-addressbook-table tbody,.gc-addressbook-row{display:block!important;width:100%!important}
.gc-addressbook-row{background:#fff!important;border:1px solid #e2e6eb!important;border-radius:16px!important;padding:16px!important;margin-bottom:14px!important}
.gc-addressbook-row td{display:block!important;background:transparent!important;border:0!important;padding:0!important;text-align:left!important}
.gc-addressbook-row td:nth-child(1){font-size:12px!important;font-weight:700!important;color:#858c96!important;text-transform:uppercase;margin-bottom:4px!important}
.gc-addressbook-row td:nth-child(2){font-size:18px!important;font-weight:700!important;margin-bottom:4px!important}
.gc-addressbook-row td:nth-child(3){font-size:13px!important;color:#747b87!important;padding-bottom:12px!important;margin-bottom:12px!important;border-bottom:1px solid #e7e9ed!important}
.gc-addressbook-row td:nth-child(n+4){display:inline-flex!important;width:32%!important;justify-content:center!important}
.gc-addressbook-row td:nth-child(n+4) a{display:flex!important;width:44px!important;height:44px!important;align-items:center!important;justify-content:center!important;border:1px solid #e2e6eb!important;border-radius:10px!important;margin:0!important}
html.grabby-dark .gc-addressbook-row,html.grabby-dark .gc-addressbook-row td{background:#171d23!important;color:#f3f5f7!important}
}

@media(max-width:767px){

  .gc-addressbook-table{
    display:block!important;
    width:100%!important;
    border:0!important;
  }

  .gc-addressbook-table thead{
    display:none!important;
  }

  .gc-addressbook-table tbody{
    display:block!important;
    width:100%!important;
  }

  .gc-addressbook-table .gc-addressbook-row{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    width:100%!important;
    background:#fff!important;
    border:1px solid #e1e5ea!important;
    border-radius:14px!important;
    padding:16px!important;
    margin:0 0 14px 0!important;
  }

  .gc-addressbook-table .gc-addressbook-row td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    background:transparent!important;
    border:0!important;
    padding:0!important;
  }

  .gc-addressbook-table .gc-addressbook-row td:nth-child(1),
  .gc-addressbook-table .gc-addressbook-row td:nth-child(2),
  .gc-addressbook-table .gc-addressbook-row td:nth-child(3){
    grid-column:1 / -1!important;
  }

  .gc-addressbook-table .gc-addressbook-row td:nth-child(1){
    font-size:13px!important;
    font-weight:700!important;
    color:#838b96!important;
    margin-bottom:4px!important;
  }

  .gc-addressbook-table .gc-addressbook-row td:nth-child(2){
    font-size:18px!important;
    font-weight:700!important;
    margin-bottom:4px!important;
  }

  .gc-addressbook-table .gc-addressbook-row td:nth-child(3){
    font-size:13px!important;
    color:#747b87!important;
    padding-bottom:12px!important;
    margin-bottom:12px!important;
    border-bottom:1px solid #e7e9ed!important;
  }

  .gc-addressbook-table .gc-addressbook-row td:nth-child(4),
  .gc-addressbook-table .gc-addressbook-row td:nth-child(5),
  .gc-addressbook-table .gc-addressbook-row td:nth-child(6){
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }
}
.gc-scan-contact-mobile{display:none}

@media(max-width:767px){
  .gc-scan-contact-mobile{display:block}
  .gc-scan-contact-mobile .btn{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font-weight:700;
  }
}

/* DARK MODE - dashboard statistieken */
html.grabby-dark .card-deck .card .card-body h4,
html.grabby-dark .card-deck .card .card-body .h4{
    color:var(--gc-brand,#f5bd4f)!important;
    opacity:1!important;
}

html.grabby-dark .card-deck .card .card-header h4{
    color:#f2f4f7!important;
    opacity:1!important;
}


/* GrabbyCloud Admin UX */
@media (min-width: 992px) {
    .gc-admin-card {
        border: 0;
        border-radius: 18px;
        box-shadow: 0 8px 24px rgba(0,0,0,.08);
        padding: 22px 24px 24px;
    }
}

@media (min-width: 992px) {
.gc-admin-card table.dataTable {
    margin-top:8px!important;
    border:1px solid #ececec!important;
    border-radius:12px;
    overflow:hidden;
}
.gc-admin-card table.dataTable thead th {
    background:#fafafa;
    padding:13px 12px;
    font-size:13px;
    font-weight:700;
}
.gc-admin-card table.dataTable tbody td {
    padding:13px 12px;
    vertical-align:middle!important;
}
}

@media (min-width: 992px) {
    .gc-admin-card table.dataTable tbody td {
        font-size: 14px;
    }

    .gc-admin-card table.dataTable thead th {
        font-size: 13px;
        font-weight: 700;
    }
}

/* GrabbyCloud globale typografie */
html, body,
button, input, select, textarea,
table, .table,
.card, .nav, .nav-link,
.btn, .form-control, .custom-select {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* GrabbyCloud consistente interface typografie */
.card-body,
.tab-content,
.nav-tabs,
.form-group,
.form-control,
.custom-select,
.table,
.dataTables_wrapper,
label,
.form-text,
.text-muted {
    font-size: 14px;
}

/* Pasjes tabel - zelfde UX als Dashboard */
.gc-cards-table {
    margin-top: 8px !important;
    border: 1px solid #ececec !important;
    border-radius: 12px;
    overflow: hidden;
}

.gc-cards-table thead th {
    background: #fafafa;
    padding: 13px 12px !important;
    font-size: 13px;
    font-weight: 700;
    vertical-align: middle;
}

.gc-cards-table tbody td {
    padding: 13px 12px !important;
    font-size: 14px;
    vertical-align: middle !important;
}

.gc-cards-table tbody tr {
    height: 52px;
}

.gc-cards-table td a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* GrabbyCloud achtergrond als één doorlopend beeld */
body {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
}

/* Nieuwe UX volgt automatisch BUTTON_COLOR */
.gc-brand-text {
    color: var(--gc-brand, #e7b24b) !important;
}

.gc-brand-badge {
    background-color: var(--gc-brand, #e7b24b) !important;
    color: #fff !important;
    border-color: var(--gc-brand, #e7b24b) !important;
}

/* Tabel hover - neutraal en passend bij light/dark mode */
.gc-section-card table.dataTable tbody tr:hover > td {
    background-color: rgba(0,0,0,.035) !important;
}

html.grabby-dark .gc-section-card table.dataTable tbody tr:hover > td {
    background-color: #28313a !important;
    color: #f3f5f7 !important;
}

/* Scans vandaag titel in dark mode */
html.grabby-dark .gc-section-card > .card-header h4 {
    color: #f3f5f7 !important;
}

/* Header achtergrond in dark mode */
html.grabby-dark .gc-section-card > .card-header {
    background: #222a33 !important;
    border-bottom-color: #323a44 !important;
}

@media(max-width:767px){
  .gc-scans-table thead{display:none!important}
  .gc-scans-table tbody tr{
    display:block!important;
    margin-bottom:12px!important;
    border:1px solid #e2e6ea!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .gc-scans-table tbody td{
    background:transparent!important;
    border:0!important;
  }
}

@media(max-width:767px){
  .gc-scans-table tbody tr{
    display:grid!important;
    grid-template-columns:58px 1fr 1fr!important;
    align-items:center!important;
    padding:12px!important;
    gap:8px 12px!important;
  }

  .gc-scans-table tbody td{
    display:block!important;
    width:auto!important;
    padding:0!important;
  }

  .gc-scans-table tbody td:nth-child(1){
    grid-row:1 / span 2;
    grid-column:1;
  }

  .gc-scans-table tbody td:nth-child(2){
    grid-column:2 / 4;
    font-weight:700!important;
  }

  .gc-scans-table tbody td:nth-child(3){
    grid-column:2 / 4;
    color:#6f7682!important;
    font-size:13px!important;
  }
}

@media(max-width:767px){
  .gc-scans-table,
  .gc-scans-table tbody{
    display:block!important;
    width:100%!important;
  }

  .gc-scans-table tbody tr{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:767px){
  .gc-scans-table tbody tr{
    grid-template-columns:58px 1fr 1fr 1fr!important;
  }

  .gc-scans-table tbody tr>td{background:transparent!important}

  .gc-scans-table tbody td:nth-child(1){grid-column:1;grid-row:1/3}
  .gc-scans-table tbody td:nth-child(2){grid-column:2/5;grid-row:1;font-weight:700!important}
  .gc-scans-table tbody td:nth-child(3){grid-column:2/5;grid-row:2}

  .gc-scans-table tbody td:nth-child(4){grid-column:1;grid-row:3}
  .gc-scans-table tbody td:nth-child(6){grid-column:2;grid-row:3}
  .gc-scans-table tbody td:nth-child(5){grid-column:3/5;grid-row:3}

  .gc-scans-table tbody td:nth-child(4)::before{content:"Scans";display:block;font-size:10px;color:#777}
  .gc-scans-table tbody td:nth-child(6)::before{content:"Opgeslagen";display:block;font-size:10px;color:#777}
  .gc-scans-table tbody td:nth-child(5)::before{content:"Laatst gescand";display:block;font-size:10px;color:#777}

  .gc-scans-table tbody td:nth-child(7),
  .gc-scans-table tbody td:nth-child(8){display:none!important}
}

@media(max-width:767px){
  .gc-scans-table tbody td{
    background:transparent!important;
  }

  .gc-scans-table tbody td:nth-child(1) img{
    width:44px!important;
    height:44px!important;
  }

  .gc-scans-table tbody td:nth-child(2){
    font-size:15px!important;
    line-height:1.25!important;
  }

  .gc-scans-table tbody td:nth-child(3){
    margin-top:2px!important;
  }

  .gc-scans-table tbody td:nth-child(4),
  .gc-scans-table tbody td:nth-child(5),
  .gc-scans-table tbody td:nth-child(6){
    padding-top:8px!important;
  }
}

@media(max-width:767px){
  .gc-scans-table tbody td{background:transparent!important}
  .gc-scans-table tbody td:nth-child(6),
  .gc-scans-table tbody td:nth-child(5){border-left:1px solid #e5e7eb!important}

  html.grabby-dark .gc-scans-table tbody tr{
    background:#1b2128!important;
    border-color:#343d47!important
  }

  html.grabby-dark .gc-scans-table tbody td{
    background:transparent!important;
    color:#f2f4f6!important
  }

  html.grabby-dark .gc-scans-table tbody td:nth-child(6),
  html.grabby-dark .gc-scans-table tbody td:nth-child(5){
    border-left-color:#39434d!important
  }
}
@media(max-width:767px){
.gc-scans-table tbody tr>td{background:transparent!important}
.gc-scans-table tbody tr:nth-of-type(odd)>td{background:transparent!important}
html.grabby-dark .gc-scans-table tbody tr>td{background:transparent!important}
}
@media(max-width:767px){
.gc-scans-table tbody td,
.gc-scans-table tbody td a,
.gc-scans-table.table-striped tbody tr:nth-of-type(odd)>td,
.gc-scans-table.table-striped tbody tr:nth-of-type(odd)>td a{
background:transparent!important;
}
}
@media(max-width:767px){
.gc-scans-table tbody tr>td{
box-shadow:none!important;
}
}
@media(max-width:767px){
.gc-scans-table tbody td:nth-child(4),
.gc-scans-table tbody td:nth-child(5),
.gc-scans-table tbody td:nth-child(6){
text-align:center!important;
align-items:center!important;
justify-content:flex-end!important;
}
.gc-scans-table tbody td:nth-child(4)::before,
.gc-scans-table tbody td:nth-child(5)::before,
.gc-scans-table tbody td:nth-child(6)::before{
text-align:center!important;
}
}
@media(max-width:767px){
.gc-scans-table tbody td:nth-child(6),
.gc-scans-table tbody td:nth-child(5){
border-left:0!important;
}
.gc-scans-table tbody td:nth-child(6)::after,
.gc-scans-table tbody td:nth-child(5)::after{
content:"";
position:absolute;
left:-6px;
top:0;
bottom:0;
width:1px;
background:#e5e7eb;
}
html.grabby-dark .gc-scans-table tbody td:nth-child(6)::after,
html.grabby-dark .gc-scans-table tbody td:nth-child(5)::after{
background:#39434d;
}
}
@media(max-width:767px){
.gc-scans-table tbody td:nth-child(6),
.gc-scans-table tbody td:nth-child(5){
border-left:1px solid #e5e7eb!important;
}

html.grabby-dark .gc-scans-table tbody td:nth-child(6),
html.grabby-dark .gc-scans-table tbody td:nth-child(5){
border-left-color:#39434d!important;
}
}
@media(max-width:767px){
.gc-scans-table tbody tr{
grid-template-columns:1fr 1fr 1fr!important;
}
.gc-scans-table tbody td:nth-child(4){grid-column:1!important}
.gc-scans-table tbody td:nth-child(6){grid-column:2!important}
.gc-scans-table tbody td:nth-child(5){grid-column:3!important}

.gc-scans-table tbody td:nth-child(4),
.gc-scans-table tbody td:nth-child(5),
.gc-scans-table tbody td:nth-child(6){
width:100%!important;
text-align:center!important;
}
}
@media(max-width:767px){
/* theme-toggle in menu verbergen */
.gc-navbar .navbar-collapse .gc-theme-toggle{
display:none!important;
}

/* mobiel menu dark mode */
html.grabby-dark .gc-navbar .navbar-collapse{
background:#1b2128!important;
border-color:#343d47!important;
}

html.grabby-dark .gc-navbar .navbar-collapse .nav-link,
html.grabby-dark .gc-navbar .navbar-collapse .dropdown-toggle{
color:#f2f4f6!important;
}
}
@media(max-width:767px){
  #theme_toggle_desktop{
    display:none!important;
  }
}
.gc-user-home{padding:24px!important;border-radius:18px!important}
.gc-user-home>.row{margin:-10px}
.gc-user-home .col-lg-4{padding:10px!important;margin:0!important}
.gc-user-home .col-lg-4>div:last-child{
background:#fff;border:1px solid #e7e9ed;border-radius:16px;
padding:22px;flex:1;min-height:190px;box-shadow:0 8px 24px rgba(0,0,0,.04)
}
.gc-user-home .col-lg-4:hover>div:last-child{
transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.08)
}
.gc-user-home h2{font-size:20px!important;font-weight:700;margin-bottom:8px}
.gc-user-home p{color:#6f7682;min-height:44px}
.gc-user-home .icon-square,.gc-user-home .color-cloud{
width:52px!important;height:52px!important;border-radius:14px!important
}
.gc-user-welcome h2{font-size:28px;font-weight:700;margin:0 0 4px}
.gc-user-welcome p{color:#6f7682;margin:0}
.gc-user-kpi{background:#fff;border:1px solid #e7e9ed;border-radius:16px;padding:20px;min-height:145px;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.gc-user-kpi i{font-size:20px;color:var(--gc-brand,#e7b24b);display:block;margin-bottom:18px}
.gc-user-kpi span{display:block;font-size:13px;color:#6f7682}
.gc-user-kpi strong{display:block;font-size:28px;margin-top:3px}
html.grabby-dark .gc-user-kpi,.grabby-dark .gc-user-home .col-lg-4>div:last-child{background:#1b2128;border-color:#343d47}
html.grabby-dark .gc-user-kpi strong,html.grabby-dark .gc-user-welcome h2{color:#f2f4f6}
.gc-user-kpi{position:relative;overflow:hidden}
.gc-user-kpi .gc-spark{
position:absolute;right:16px;bottom:20px;width:92px;height:36px
}
.gc-user-kpi .gc-spark polyline{
fill:none;stroke:var(--gc-brand,#e7b24b);stroke-width:2.2;
stroke-linecap:round;stroke-linejoin:round
}
.gc-kpi-card .card-body{position:relative;overflow:hidden}
.gc-kpi-card .gc-spark{position:absolute;right:16px;bottom:18px;width:86px;height:34px}
.gc-kpi-card .gc-spark polyline{fill:none;stroke:var(--gc-brand,#e7b24b);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* Admin KPI sparkline - gecentreerd */
.gc-kpi-card .card-body{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.gc-kpi-card .gc-spark{
    position:static!important;
    display:block;
    width:100px;
    height:26px;
    margin:5px auto 3px;
    flex-shrink:0;
}

.gc-kpi-card .gc-spark polyline{
    fill:none;
    stroke:var(--gc-brand,#e7b24b);
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.gc-kpi-card .card-body small{
    display:block;
    text-align:center;
}

.gc-live{
display:inline-flex;
align-items:center;
gap:6px;
color:#20a447;
font-size:12px;
font-weight:700;
letter-spacing:.04em;
vertical-align:middle;
}

.gc-live i{
display:inline-block;
width:8px;
height:8px;
border-radius:50%;
background:#20a447;
box-shadow:0 0 0 0 rgba(32,164,71,.35);
animation:gc-live-pulse 2s infinite;
}

@keyframes gc-live-pulse{
0%{box-shadow:0 0 0 0 rgba(32,164,71,.35)}
70%{box-shadow:0 0 0 7px rgba(32,164,71,0)}
100%{box-shadow:0 0 0 0 rgba(32,164,71,0)}
}

html.grabby-dark .gc-live{
color:#43c86b;
}

html.grabby-dark .gc-live i{
background:#43c86b;
}

/* ===== GRABBYCLOUD SAAS HEADER ===== */
@media(min-width:768px){

  .gc-navbar{
    min-height:82px!important;
    padding:12px 22px!important;
  }

  /* Hoofdnavigatie als één pill */
  .gc-navbar .navbar-nav:not(.navbar-right){
    display:flex;
    align-items:center;
    gap:4px;
    padding:4px;
    border:1px solid #e7e9ed;
    border-radius:16px;
    background:#fff;
    box-shadow:0 4px 14px rgba(0,0,0,.025);
  }

  .gc-navbar .navbar-nav:not(.navbar-right) .nav-link{
    padding:10px 16px!important;
    border-radius:12px!important;
    font-weight:600!important;
    transition:.18s ease!important;
    background:transparent!important;
  }

  /* Hover */
  .gc-navbar .navbar-nav:not(.navbar-right) .nav-link:hover{
    background:color-mix(in srgb,var(--gc-brand,#e7b24b) 10%,transparent)!important;
    color:var(--gc-brand,#e7b24b)!important;
  }

  /* Actieve pagina */
  .gc-navbar .navbar-nav:not(.navbar-right) .nav-item.active .nav-link{
    background:color-mix(in srgb,var(--gc-brand,#e7b24b) 15%,#fff)!important;
    color:var(--gc-brand,#e7b24b)!important;
    box-shadow:0 3px 10px rgba(0,0,0,.035);
  }

  /* Theme button */
  #theme_toggle_desktop{
    width:44px;
    height:44px;
    padding:0!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    border:1px solid #e5e7eb;
    border-radius:50%!important;
    background:#fff!important;
    transition:.18s ease;
  }

  #theme_toggle_desktop:hover{
    transform:translateY(-2px);
    background:color-mix(in srgb,var(--gc-brand,#e7b24b) 10%,#fff)!important;
    border-color:color-mix(in srgb,var(--gc-brand,#e7b24b) 35%,#e5e7eb);
  }

  /* Gebruikersknop */
  .gc-navbar .navbar-right .dropdown > .nav-link{
    margin-left:10px;
    padding:10px 16px!important;
    border:1px solid #e5e7eb;
    border-radius:14px!important;
    background:#fff!important;
    font-weight:600!important;
    transition:.18s ease;
  }

  .gc-navbar .navbar-right .dropdown > .nav-link:hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--gc-brand,#e7b24b) 35%,#e5e7eb);
    box-shadow:0 5px 16px rgba(0,0,0,.05);
  }
}

/* DARK MODE */
html.grabby-dark .gc-navbar .navbar-nav:not(.navbar-right){
  background:#171c22!important;
  border-color:#303943!important;
}

html.grabby-dark .gc-navbar .navbar-nav:not(.navbar-right) .nav-item.active .nav-link{
  background:color-mix(in srgb,var(--gc-brand,#e7b24b) 22%,#171c22)!important;
  color:var(--gc-brand,#e7b24b)!important;
}

html.grabby-dark #theme_toggle_desktop,
html.grabby-dark .gc-navbar .navbar-right .dropdown > .nav-link{
  background:#171c22!important;
  border-color:#303943!important;
  color:#f2f4f6!important;
}


@media(min-width:768px){
  .gc-navbar .navbar-nav:not(.navbar-right) .nav-link i{
    width:16px;
    text-align:center;
    opacity:.85;
    transition:.18s ease;
  }

  .gc-navbar .navbar-nav:not(.navbar-right) .nav-item.active .nav-link i,
  .gc-navbar .navbar-nav:not(.navbar-right) .nav-link:hover i{
    color:var(--gc-brand,#e7b24b)!important;
    opacity:1;
  }
}


@media(min-width:768px){
.gc-navbar .navbar-right .dropdown>.nav-link{
display:flex!important;
align-items:center!important;
gap:8px;
padding:9px 14px!important;
}

.gc-navbar .navbar-right .dropdown>.nav-link .fa-user{
width:30px;
height:30px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:color-mix(in srgb,var(--gc-brand,#e7b24b) 14%,transparent);
color:var(--gc-brand,#e7b24b)!important;
margin-right:2px!important;
}

.gc-navbar .navbar-right .dropdown>.nav-link:after{
margin-left:4px;
opacity:.45;
}

html.grabby-dark .gc-navbar .navbar-right .dropdown>.nav-link .fa-user{
background:color-mix(in srgb,var(--gc-brand,#e7b24b) 18%,transparent);
}
}

/* ===== ACCOUNT DROPDOWN SAAS ===== */
@media(min-width:768px){

  .gc-navbar .navbar-right .dropdown-menu{
    min-width:210px!important;
    margin-top:10px!important;
    padding:8px!important;

    background:#fff!important;
    border:1px solid #e7e9ed!important;
    border-radius:14px!important;

    box-shadow:
      0 14px 35px rgba(15,23,42,.10),
      0 3px 10px rgba(15,23,42,.05)!important;
  }

  /* oude gele buttons neutraliseren */
  .gc-navbar .navbar-right .dropdown-menu .btn{
    display:flex!important;
    align-items:center!important;

    width:100%!important;
    margin:0!important;
    padding:10px 12px!important;

    background:transparent!important;
    border:0!important;
    border-radius:9px!important;

    color:#24272d!important;
    font-size:13px!important;
    font-weight:600!important;
    text-align:left!important;

    box-shadow:none!important;
    transition:.15s ease!important;
  }

  .gc-navbar .navbar-right .dropdown-menu .btn + .btn{
    margin-top:3px!important;
  }

  .gc-navbar .navbar-right .dropdown-menu .btn i{
    width:22px!important;
    margin-right:8px!important;
    color:#737b87!important;
    text-align:center!important;
  }

  /* hover */
  .gc-navbar .navbar-right .dropdown-menu .btn:hover{
    background:#f5f6f8!important;
    color:#111827!important;
    transform:none!important;
  }

  .gc-navbar .navbar-right .dropdown-menu .btn:hover i{
    color:var(--gc-brand,#e7b24b)!important;
  }

  /* uitloggen subtiel scheiden */
  .gc-navbar .navbar-right .dropdown-menu .btn:last-child{
    margin-top:7px!important;
    padding-top:11px!important;
    border-top:1px solid #eceef1!important;
    border-radius:0 0 9px 9px!important;
  }

  .gc-navbar .navbar-right .dropdown-menu .btn:last-child:hover{
    color:#dc3545!important;
  }

  .gc-navbar .navbar-right .dropdown-menu .btn:last-child:hover i{
    color:#dc3545!important;
  }
}

/* DARK MODE */
html.grabby-dark .gc-navbar .navbar-right .dropdown-menu{
  background:#1b2128!important;
  border-color:#343d47!important;
}

html.grabby-dark .gc-navbar .navbar-right .dropdown-menu .btn{
  color:#f2f4f6!important;
}

html.grabby-dark .gc-navbar .navbar-right .dropdown-menu .btn i{
  color:#aab1ba!important;
}

html.grabby-dark .gc-navbar .navbar-right .dropdown-menu .btn:hover{
  background:#252c34!important;
}

html.grabby-dark .gc-navbar .navbar-right .dropdown-menu .btn:last-child{
  border-top-color:#343d47!important;
}


/* ===== ACCOUNT DROPDOWN RECHTS UITLIJNEN ===== */
@media(min-width:768px){

  .gc-navbar .navbar-right .dropdown{
    position:relative!important;
  }

  .gc-navbar .navbar-right .dropdown-menu{
    left:auto!important;
    right:0!important;
    transform:none!important;
    margin-top:10px!important;
  }

  /* klein pijltje boven dropdown */
  .gc-navbar .navbar-right .dropdown-menu:before{
    content:"";
    position:absolute;
    top:-7px;
    right:18px;
    width:14px;
    height:14px;
    background:#fff;
    border-left:1px solid #e7e9ed;
    border-top:1px solid #e7e9ed;
    transform:rotate(45deg);
  }

  /* menu-items boven het pijltje houden */
  .gc-navbar .navbar-right .dropdown-menu .btn{
    position:relative;
    z-index:2;
  }

}

/* DARK MODE */
html.grabby-dark .gc-navbar .navbar-right .dropdown-menu:before{
  background:#1b2128;
  border-color:#343d47;
}


/* NAV ICON POLISH */
@media(min-width:768px){

  .gc-navbar .navbar-nav:not(.navbar-right) .nav-link{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:10px 15px!important;
  }

  .gc-navbar .gc-nav-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
    border-radius:9px!important;

    background:#f5f6f8!important;
    color:#646d78!important;

    font-size:13px!important;
    transition:.18s ease!important;
  }

  .gc-navbar .navbar-nav:not(.navbar-right) .nav-link span{
    line-height:1!important;
  }

  .gc-navbar .navbar-nav:not(.navbar-right) .nav-link:hover .gc-nav-icon{
    background:color-mix(in srgb,var(--gc-brand,#e7b24b) 14%,#fff)!important;
    color:var(--gc-brand,#e7b24b)!important;
  }

  .gc-navbar .navbar-nav:not(.navbar-right) .nav-item.active .gc-nav-icon{
    background:var(--gc-brand,#e7b24b)!important;
    color:#fff!important;
  }

  html.grabby-dark .gc-navbar .gc-nav-icon{
    background:#252c34!important;
    color:#aeb6bf!important;
  }

  html.grabby-dark .gc-navbar .navbar-nav:not(.navbar-right) .nav-item.active .gc-nav-icon{
    background:var(--gc-brand,#e7b24b)!important;
    color:#111!important;
  }
}

.gc-customer-logo-wrap{
background:#f6f7f9;
}

.gc-customer-logo-wrap.has-logo{
background:#eef0f3;
}

.gc-customer-logo-wrap.has-logo img{
filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));
}

html.grabby-dark .gc-customer-logo-wrap{
background:#252c34;
border-color:#39434d!important;
}

html.grabby-dark .gc-customer-logo-wrap.has-logo{
background:#303843;
}
.gc-logo-too-light{
filter:brightness(0)!important;
opacity:.85!important;
}

html.grabby-dark .gc-logo-too-light{
filter:brightness(0) invert(1)!important;
opacity:.92!important;
}

/* ===== NAV ACTIVE - CLEAN SAAS ===== */
@media(min-width:768px){

  /* Alle navigatie-items dezelfde rustige basis */
  .gc-navbar .navbar-nav:not(.navbar-right) .nav-item .nav-link{
    position:relative!important;
    background:transparent!important;
    color:#16191d!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }

  /* Iconen standaard */
  .gc-navbar .navbar-nav:not(.navbar-right) .gc-nav-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border-radius:9px!important;
    background:#f3f4f6!important;
    color:#7b8490!important;
  }

  /* Actief: GEEN groot beige vlak */
  .gc-navbar .navbar-nav:not(.navbar-right) .nav-item.active .nav-link{
    background:transparent!important;
    color:#16191d!important;
    box-shadow:none!important;
  }

  /* Alleen icoon krijgt Grabby-accent */
  .gc-navbar .navbar-nav:not(.navbar-right) .nav-item.active .gc-nav-icon{
    background:rgba(245,183,75,.18)!important;
    color:var(--gc-brand,#e7b24b)!important;
  }

  /* Subtiel actief streepje */
  .gc-navbar .navbar-nav:not(.navbar-right) .nav-item.active .nav-link:after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:2px!important;
    transform:translateX(-50%)!important;
    width:22px!important;
    height:2px!important;
    border-radius:10px!important;
    background:var(--gc-brand,#e7b24b)!important;
  }

  /* Hover */
  .gc-navbar .navbar-nav:not(.navbar-right) .nav-item:not(.active) .nav-link:hover{
    background:#f7f8f9!important;
  }

  .gc-navbar .navbar-nav:not(.navbar-right) .nav-item:not(.active) .nav-link:hover .gc-nav-icon{
    background:#eceff2!important;
    color:#353b43!important;
  }

  /* Dark mode */
  html.grabby-dark .gc-navbar .navbar-nav:not(.navbar-right) .nav-item .nav-link{
    color:#f2f4f6!important;
  }

  html.grabby-dark .gc-navbar .navbar-nav:not(.navbar-right) .gc-nav-icon{
    background:#252c34!important;
    color:#aeb6bf!important;
  }

  html.grabby-dark .gc-navbar .navbar-nav:not(.navbar-right) .nav-item.active .gc-nav-icon{
    background:rgba(245,183,75,.16)!important;
    color:var(--gc-brand,#e7b24b)!important;
  }
}


/* ===== DATATABLES SAAS TOOLBAR ===== */

.dt-container > .row:first-child{
    align-items:center!important;
    margin-bottom:16px!important;
}

/* Zoekveld links */
.dt-search{
    display:flex!important;
    align-items:center!important;
    position:relative!important;
    margin-right:10px!important;
}

.dt-search:before{
    content:"\f002";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    position:absolute;
    left:13px;
    z-index:2;
    color:#7b8490;
    font-size:13px;
    pointer-events:none;
}

.dt-search label{
    margin:0!important;
    font-size:0!important;
}

.dt-search input{
    width:260px!important;
    height:40px!important;
    margin:0!important;
    padding:8px 14px 8px 36px!important;
    border:1px solid #dfe3e8!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
    font-size:14px!important;
    transition:.18s ease!important;
}

.dt-search input:focus{
    border-color:var(--gc-brand,#e7b24b)!important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--gc-brand,#e7b24b) 13%,transparent)!important;
}

/* Aantal resultaten */
.dt-length{
    display:flex!important;
    align-items:center!important;
}

.dt-length label{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    color:#6f7682!important;
    font-size:13px!important;
}

.dt-length select{
    height:40px!important;
    min-width:70px!important;
    border-radius:10px!important;
    border-color:#dfe3e8!important;
}

/* Exporteren */
.dt-buttons{
    margin:0!important;
}

.dt-buttons .gc-export-btn{
    height:40px!important;
    padding:8px 15px!important;
    border:1px solid #dfe3e8!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#24272d!important;
    font-weight:600!important;
    box-shadow:0 3px 10px rgba(0,0,0,.03)!important;
}

.dt-buttons .gc-export-btn:hover{
    border-color:var(--gc-brand,#e7b24b)!important;
    background:color-mix(in srgb,var(--gc-brand,#e7b24b) 7%,#fff)!important;
}

/* Export dropdown */
.dt-button-collection{
    padding:7px!important;
    border:1px solid #e5e7eb!important;
    border-radius:12px!important;
    box-shadow:0 12px 30px rgba(15,23,42,.12)!important;
}

.dt-button-collection .dt-button{
    padding:9px 12px!important;
    border-radius:8px!important;
    font-size:13px!important;
    font-weight:600!important;
}

.dt-button-collection .dt-button:hover{
    background:#f5f6f8!important;
}

/* Dark mode */
html.grabby-dark .dt-search input,
html.grabby-dark .dt-length select,
html.grabby-dark .dt-buttons .gc-export-btn{
    background:#1b2128!important;
    border-color:#343d47!important;
    color:#f2f4f6!important;
}

html.grabby-dark .dt-button-collection{
    background:#1b2128!important;
    border-color:#343d47!important;
}

html.grabby-dark .dt-button-collection .dt-button{
    color:#f2f4f6!important;
}

html.grabby-dark .dt-button-collection .dt-button:hover{
    background:#252c34!important;
}

/* Mobiel */
@media(max-width:767px){
    .dt-search{
        width:100%!important;
        margin:0 0 10px!important;
    }

    .dt-search input{
        width:100%!important;
    }
}


/* ===== DATATABLE TOOLBAR - 1 STRAKKE REGEL ===== */

@media(min-width:768px){

    /* Linker DataTables-zone: zoeken + resultaten naast elkaar */
    .dt-container > .row:first-child > div:first-child{
        display:flex!important;
        align-items:center!important;
        gap:12px!important;
        flex-wrap:nowrap!important;
    }

    .dt-container > .row:first-child{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        margin-bottom:18px!important;
    }

    /* Zoekveld */
    .dt-search{
        margin:0!important;
        flex:0 0 auto!important;
    }

    .dt-search input{
        width:260px!important;
        height:40px!important;
    }

    /* Resultaten direct rechts van zoeken */
    .dt-length{
        margin:0!important;
        flex:0 0 auto!important;
    }

    .dt-length label{
        margin:0!important;
        white-space:nowrap!important;
    }

    .dt-length select{
        margin:0 6px 0 0!important;
    }

    /* Export helemaal rechts */
    .dt-buttons{
        margin:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
    }
}


/* ===== KLANTEN TOOLBAR GELIJK AAN DASHBOARD ===== */
@media(min-width:768px){

  .gc-customers-card .dt-container > .row:first-child{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin-bottom:18px!important;
  }

  .gc-customers-card .dt-container > .row:first-child > div:first-child{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    flex-wrap:nowrap!important;
  }

  .gc-customers-card .dt-search{
    margin:0!important;
    flex:0 0 auto!important;
  }

  .gc-customers-card .dt-search input{
    width:260px!important;
    height:40px!important;
    margin:0!important;
  }

  .gc-customers-card .dt-length{
    margin:0!important;
    flex:0 0 auto!important;
  }

  .gc-customers-card .dt-length label{
    margin:0!important;
    white-space:nowrap!important;
  }

  .gc-customers-card .dt-buttons{
    margin-left:auto!important;
    display:flex!important;
    justify-content:flex-end!important;
  }
}


/* ===== DATATABLE TOOLBAR MOBILE ===== */
@media(max-width:767px){

  .dt-container > .row:first-child{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    align-items:center!important;
    margin-bottom:16px!important;
  }

  /* zoeken volledige breedte bovenaan */
  .dt-container > .row:first-child > div:first-child{
    display:contents!important;
  }

  .dt-search{
    grid-column:1 / 3!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
  }

  .dt-search label{
    width:100%!important;
  }

  .dt-search input{
    width:100%!important;
    height:44px!important;
    margin:0!important;
  }

  /* aantal resultaten links */
  .dt-length{
    grid-column:1!important;
    grid-row:2!important;
    margin:0!important;
  }

  .dt-length label{
    margin:0!important;
    white-space:nowrap!important;
  }

  /* export rechts */
  .dt-buttons{
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
    justify-self:end!important;
  }

  .dt-buttons .gc-export-btn{
    height:42px!important;
    margin:0!important;
  }
}


@media(max-width:767px){

  .dt-container > .row:first-child{
    gap:8px!important;
    margin-bottom:14px!important;
  }

  .dt-search input{
    height:40px!important;
    font-size:15px!important;
  }

  .dt-length select{
    height:38px!important;
    min-width:64px!important;
  }

  .dt-length label{
    font-size:12px!important;
    color:#6f7682!important;
  }

  .dt-buttons .gc-export-btn{
    height:38px!important;
    padding:7px 12px!important;
    font-size:12px!important;
    border-radius:10px!important;
  }

}

/* ===== DATATABLE MOBILE TOOLBAR - FINAL ===== */
@media(max-width:767px){

  /* bovenste DataTables toolbar */
  .dt-container > .row:first-child{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:10px!important;
    row-gap:10px!important;
    align-items:center!important;
    margin-bottom:16px!important;
  }

  /* DataTables plaatst search + pageLength samen in topStart */
  .dt-container > .row:first-child > div:first-child{
    display:contents!important;
  }

  /* zoekveld volle breedte */
  .dt-container .dt-search{
    grid-column:1 / -1!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
  }

  .dt-container .dt-search label{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }

  .dt-container .dt-search input{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:42px!important;
    margin:0!important;
    padding:8px 12px 8px 38px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }

  /* resultaten links onder zoeken */
  .dt-container .dt-length{
    grid-column:1!important;
    grid-row:2!important;
    margin:0!important;
    min-width:0!important;
  }

  .dt-container .dt-length label{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }

  .dt-container .dt-length select{
    width:64px!important;
    min-width:64px!important;
    height:38px!important;
    margin:0!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }

  /* export rechts onder zoeken */
  .dt-container .dt-buttons{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
    width:auto!important;
    margin:0!important;
  }

  .dt-container .dt-buttons .gc-export-btn{
    width:auto!important;
    height:38px!important;
    margin:0!important;
    padding:7px 12px!important;
    border-radius:10px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }

  /* minder onnodige ruimte richting tabel */
  .dt-container table.dataTable{
    margin-top:4px!important;
  }
}


/* ===== DATATABLES 2 MOBILE TOOLBAR - HARD FIX ===== */
@media(max-width:767px){

  .dt-container .dt-layout-row:first-child{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    align-items:center!important;
    position:relative!important;
    margin-bottom:16px!important;
  }

  /* linker DataTables-blok openbreken */
  .dt-container .dt-layout-row:first-child .dt-layout-start{
    display:contents!important;
  }

  /* zoeken over volledige breedte */
  .dt-container .dt-layout-row:first-child .dt-search{
    grid-column:1 / 3!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
  }

  .dt-container .dt-layout-row:first-child .dt-search label{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }

  .dt-container .dt-layout-row:first-child .dt-search input{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:40px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  /* aantal resultaten linksonder */
  .dt-container .dt-layout-row:first-child .dt-length{
    grid-column:1!important;
    grid-row:2!important;
    margin:0!important;
    width:auto!important;
  }

  .dt-container .dt-layout-row:first-child .dt-length label{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin:0!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }

  .dt-container .dt-layout-row:first-child .dt-length select{
    width:62px!important;
    min-width:62px!important;
    height:38px!important;
    margin:0!important;
  }

  /* export rechtsonder */
  .dt-container .dt-layout-row:first-child .dt-layout-end{
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
    padding:0!important;
    justify-self:end!important;
    width:auto!important;
  }

  .dt-container .dt-layout-row:first-child .dt-buttons{
    margin:0!important;
    width:auto!important;
  }

  .dt-container .dt-layout-row:first-child .gc-export-btn{
    height:38px!important;
    padding:7px 12px!important;
    margin:0!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
}


/* ===== EIGEN MOBIELE DATATABLE TOOLBAR ===== */
@media(max-width:767px){

  .gc-dt-mobile-toolbar{
    display:block!important;
    width:100%!important;
    margin:0 0 14px!important;
  }

  .gc-dt-mobile-toolbar .dt-search{
    display:block!important;
    width:100%!important;
    margin:0 0 9px!important;
  }

  .gc-dt-mobile-toolbar .dt-search label{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }

  .gc-dt-mobile-toolbar .dt-search input{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:40px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  .gc-dt-mobile-toolbar-bottom{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
  }

  .gc-dt-mobile-toolbar .dt-length{
    margin:0!important;
    width:auto!important;
  }

  .gc-dt-mobile-toolbar .dt-length label{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin:0!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }

  .gc-dt-mobile-toolbar .dt-length select{
    width:62px!important;
    min-width:62px!important;
    height:38px!important;
    margin:0!important;
  }

  .gc-dt-mobile-toolbar .dt-buttons{
    width:auto!important;
    margin:0!important;
  }

  .gc-dt-mobile-toolbar .gc-export-btn{
    height:38px!important;
    margin:0!important;
    padding:7px 12px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }

  /* lege originele DataTables bovenrij niet laten opvallen */
  .dt-container > .row:first-child:empty{
    display:none!important;
  }
}

@media(max-width:767px){

.gc-scans-table thead,
.gc-scans-table tfoot,
.gc-scans-table tbody td:nth-child(7),
.gc-scans-table tbody td:nth-child(8){
display:none!important;
}

.gc-scans-table tbody tr{
display:grid!important;
grid-template-columns:80px 1fr 1fr 1fr!important;
grid-template-rows:auto auto auto!important;
padding:16px!important;
margin-bottom:12px!important;
border:1px solid #e1e5ea!important;
border-radius:16px!important;
background:#fff!important;
}

.gc-scans-table tbody td{
border:0!important;
background:transparent!important;
padding:0!important;
}

.gc-scans-table tbody td:nth-child(1){grid-column:1;grid-row:1/3}
.gc-scans-table tbody td:nth-child(2){grid-column:2/5;grid-row:1;font-weight:700}
.gc-scans-table tbody td:nth-child(3){grid-column:2/5;grid-row:2;padding-bottom:12px!important}

.gc-scans-table tbody td:nth-child(4){grid-column:2;grid-row:3;text-align:center!important}
.gc-scans-table tbody td:nth-child(6){grid-column:3;grid-row:3;text-align:center!important}
.gc-scans-table tbody td:nth-child(5){grid-column:4;grid-row:3;text-align:center!important}

.gc-scans-table tbody td:nth-child(4)::before{content:"Scans"}
.gc-scans-table tbody td:nth-child(6)::before{content:"Opgeslagen"}
.gc-scans-table tbody td:nth-child(5)::before{content:"Laatst gescand"}

.gc-scans-table tbody td:nth-child(4)::before,
.gc-scans-table tbody td:nth-child(5)::before,
.gc-scans-table tbody td:nth-child(6)::before{
display:block;
font-size:11px;
color:#777;
margin-bottom:3px;
}

}
@media(max-width:767px){

.gc-scans-table tbody td:nth-child(1){grid-column:1!important;grid-row:1/3!important}
.gc-scans-table tbody td:nth-child(2){grid-column:2/5!important;grid-row:1!important}
.gc-scans-table tbody td:nth-child(3){grid-column:2/5!important;grid-row:2!important}

.gc-scans-table tbody td:nth-child(4){grid-column:2!important;grid-row:3!important}
.gc-scans-table tbody td:nth-child(6){grid-column:3!important;grid-row:3!important}
.gc-scans-table tbody td:nth-child(5){grid-column:4!important;grid-row:3!important}

.gc-scans-table tbody td:nth-child(5),
.gc-scans-table tbody td:nth-child(6){
border-left:0!important;
}

.gc-scans-table tbody td:nth-child(5)::after,
.gc-scans-table tbody td:nth-child(6)::after{
display:none!important;
}

}
@media(max-width:767px){
.gc-scans-table tbody td:nth-child(3){
    grid-column:2 / 5!important;
    grid-row:2!important;
    text-align:left!important;
    padding-top:4px!important;
}
}
@media(max-width:767px){
.gc-scans-table tbody tr,
.gc-scans-table tbody tr > td,
.gc-scans-table tbody tr:nth-child(odd) > td,
.gc-scans-table tbody tr:nth-child(even) > td{
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
}
}

@media(max-width:767px){

/* zoekveld */
.gc-dt-mobile-toolbar .dt-search{
    position:relative!important;
}

.gc-dt-mobile-toolbar .dt-search:before{
    left:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    line-height:1!important;
}

.gc-dt-mobile-toolbar .dt-search input{
    padding-left:48px!important;
}

/* resultaten / export regel */
.gc-dt-mobile-toolbar-bottom{
    margin-top:12px!important;
    margin-bottom:18px!important;
}

.gc-dt-mobile-toolbar .dt-length label{
    gap:10px!important;
}

.gc-dt-mobile-toolbar .dt-length select{
    margin-right:2px!important;
}

/* scan-card */
.gc-scans-table tbody tr{
    padding:20px 18px!important;
    row-gap:6px!important;
}

.gc-scans-table tbody td:nth-child(2){
    padding-left:8px!important;
    font-size:16px!important;
}

.gc-scans-table tbody td:nth-child(3){
    padding-left:8px!important;
    padding-top:2px!important;
    padding-bottom:14px!important;
}

/* stats */
.gc-scans-table tbody td:nth-child(4),
.gc-scans-table tbody td:nth-child(5),
.gc-scans-table tbody td:nth-child(6){
    padding:10px 8px 0!important;
    position:relative!important;
}

/* verticale scheidingen */
.gc-scans-table tbody td:nth-child(6)::after,
.gc-scans-table tbody td:nth-child(5)::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:8px!important;
    bottom:0!important;
    width:1px!important;
    background:#e4e8ed!important;
}

}


/* ===== MOBILE MENU - CLEAN ===== */
@media(max-width:767px){

  .gc-navbar .navbar-collapse{
    margin:12px 18px 18px!important;
    padding:10px!important;
    border:1px solid #e1e5ea!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 8px 30px rgba(0,0,0,.06)!important;
  }

  .gc-navbar .navbar-nav{
    width:100%!important;
    margin:0!important;
  }

  .gc-navbar .navbar-nav .nav-item{
    width:100%!important;
    margin:0!important;
  }

  .gc-navbar .navbar-nav .nav-link{
    display:flex!important;
    align-items:center!important;
    min-height:64px!important;
    padding:0 14px!important;
    margin:0!important;
    font-size:17px!important;
    font-weight:600!important;
    color:#20242a!important;
    border-radius:12px!important;
  }

  .gc-navbar .navbar-nav .nav-item + .nav-item .nav-link{
    border-top:1px solid #edf0f3!important;
    border-radius:0!important;
  }

  .gc-navbar .navbar-nav .nav-link i{
    width:30px!important;
    margin-right:12px!important;
    text-align:center!important;
    font-size:18px!important;
  }

  .gc-navbar .navbar-nav .nav-link:active,
  .gc-navbar .navbar-nav .nav-link:hover{
    background:#fafafa!important;
  }

  /* gebruikersaccount onderaan */
  .gc-navbar .navbar-right{
    width:100%!important;
    margin:8px 0 0!important;
    padding-top:8px!important;
    border-top:1px solid #e8ebee!important;
  }

  .gc-navbar .navbar-right .dropdown{
    width:100%!important;
  }

  .gc-navbar .navbar-right .dropdown > .nav-link{
    width:100%!important;
    min-height:64px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    font-size:17px!important;
    font-weight:600!important;
  }

  .gc-navbar .navbar-right .dropdown > .nav-link i{
    width:30px!important;
    margin-right:12px!important;
    text-align:center!important;
  }

  /* dropdown onder account */
  .gc-navbar .navbar-right .dropdown-menu{
    position:static!important;
    float:none!important;
    width:100%!important;
    margin:4px 0 8px!important;
    padding:6px!important;
    border:1px solid #e1e5ea!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }

  .gc-navbar .navbar-right .dropdown-menu .btn{
    min-height:44px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 12px!important;
    font-size:13px!important;
  }

  html.grabby-dark .gc-navbar .navbar-collapse{
    background:#1b2128!important;
    border-color:#343d47!important;
  }

  html.grabby-dark .gc-navbar .navbar-nav .nav-link,
  html.grabby-dark .gc-navbar .navbar-right .dropdown > .nav-link{
    color:#fff!important;
  }

  html.grabby-dark .gc-navbar .navbar-nav .nav-item + .nav-item .nav-link,
  html.grabby-dark .gc-navbar .navbar-right{
    border-color:#343d47!important;
  }

}


@media(max-width:767px){

  .gc-navbar .navbar-collapse{
    padding:8px!important;
  }

  .gc-navbar .navbar-nav .nav-link{
    min-height:58px!important;
    padding:0 12px!important;
  }

  .gc-navbar .navbar-nav .nav-link i{
    width:28px!important;
    margin-right:10px!important;
  }

  .gc-navbar .navbar-right{
    margin-top:6px!important;
    padding-top:6px!important;
  }

  .gc-navbar .navbar-right .dropdown > .nav-link{
    min-height:58px!important;
    padding:0 12px!important;
  }

  .gc-navbar .navbar-right .dropdown > .nav-link i{
    width:28px!important;
    margin-right:10px!important;
  }

}


@media(max-width:767px){

  .gc-navbar .navbar-collapse{
    padding:8px!important;
  }

  .gc-navbar .navbar-nav .nav-link{
    min-height:58px!important;
    padding:0 12px!important;
  }

  .gc-navbar .navbar-nav .nav-link i{
    width:28px!important;
    margin-right:10px!important;
  }

  .gc-navbar .navbar-right{
    margin-top:6px!important;
    padding-top:6px!important;
  }

  .gc-navbar .navbar-right .dropdown > .nav-link{
    min-height:58px!important;
    padding:0 12px!important;
  }

  .gc-navbar .navbar-right .dropdown > .nav-link i{
    width:28px!important;
    margin-right:10px!important;
  }

}


@media(max-width:767px){

  /* accountregel in mobiel menu */
  .gc-navbar .navbar-collapse > .navbar-right{
    display:block!important;
    width:100%!important;
    margin:4px 0 0!important;
    padding:6px 0 0!important;
    border-top:1px solid #edf0f3!important;
  }

  .gc-navbar .navbar-collapse > .navbar-right > .dropdown{
    display:block!important;
    width:100%!important;
  }

  .gc-navbar .navbar-collapse > .navbar-right > .dropdown > .nav-link{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 12px!important;
    margin:0!important;
    font-size:17px!important;
    font-weight:600!important;
    border:0!important;
  }

  .gc-navbar .navbar-collapse > .navbar-right > .dropdown > .nav-link .fa-user{
    width:28px!important;
    margin-right:10px!important;
    text-align:center!important;
  }

}


/* ===== MOBILE ACCOUNT MENU ===== */
@media(max-width:767px){

  .gc-mobile-account{
    width:100%!important;
    margin-top:6px!important;
    padding-top:8px!important;
    border-top:1px solid #edf0f3!important;
  }

  .gc-mobile-account > .nav-link{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 12px!important;
    margin:0!important;
    border:0!important;
    border-radius:12px!important;
    font-size:17px!important;
    font-weight:600!important;
    color:#20242a!important;
  }

  .gc-mobile-account > .nav-link > .fa-user{
    width:28px!important;
    margin-right:10px!important;
    text-align:center!important;
    font-size:19px!important;
  }

  .gc-mobile-account > .nav-link:after{
    margin-left:8px!important;
  }

  .gc-mobile-account .dropdown-menu{
    position:static!important;
    float:none!important;
    width:100%!important;
    margin:4px 0 8px!important;
    border-radius:14px!important;
  }

  html.grabby-dark .gc-mobile-account{
    border-color:#343d47!important;
  }

  html.grabby-dark .gc-mobile-account > .nav-link{
    color:#fff!important;
  }

}


@media(max-width:767px){

  .gc-mobile-account{
    margin-top:0!important;
    padding-top:0!important;
    border-top:0!important;
  }

  .gc-mobile-account > .nav-link{
    height:58px!important;
    min-height:58px!important;
    padding:0 12px!important;
  }

}


@media(max-width:767px){

  .gc-mobile-account > .nav-link{
    padding-left:12px!important;
  }

  .gc-mobile-account > .nav-link > .fa-user{
    width:28px!important;
    margin-right:10px!important;
  }

}


/* ===== MOBILE MENU ACCOUNT ALIGNMENT ===== */
@media (max-width: 767px) {

  /* Accountregel exact dezelfde linker uitlijning als de navigatie */
  .gc-navbar #menu > .navbar-nav.navbar-right > .dropdown {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
  }

  .gc-navbar #menu > .navbar-nav.navbar-right > .dropdown > a {
    display: flex !important;
    align-items: center !important;
    min-height: 68px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    width: 100% !important;
    font-size: 18px !important;
    font-weight: 600 !important;
  }

  /* Exact dezelfde iconbreedte als Dashboard/Klanten/Admin */
  .gc-navbar #menu > .navbar-nav.navbar-right > .dropdown > a > i {
    width: 28px !important;
    min-width: 28px !important;
    margin: 0 10px 0 0 !important;
    text-align: center !important;
  }

  /* Naam + pijltje netjes naast elkaar */
  .gc-navbar #menu > .navbar-nav.navbar-right > .dropdown > a::after {
    margin-left: 10px !important;
  }

  /* Scheiding boven account */
  .gc-navbar #menu > .navbar-nav.navbar-right {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #e5e7eb !important;
  }

}


/* ===== MOBILE MENU ACCOUNT ALIGNMENT ===== */
@media (max-width: 767px) {

  /* Accountregel exact dezelfde linker uitlijning als de navigatie */
  .gc-navbar #menu > .navbar-nav.navbar-right > .dropdown {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
  }

  .gc-navbar #menu > .navbar-nav.navbar-right > .dropdown > a {
    display: flex !important;
    align-items: center !important;
    min-height: 68px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    width: 100% !important;
    font-size: 18px !important;
    font-weight: 600 !important;
  }

  /* Exact dezelfde iconbreedte als Dashboard/Klanten/Admin */
  .gc-navbar #menu > .navbar-nav.navbar-right > .dropdown > a > i {
    width: 28px !important;
    min-width: 28px !important;
    margin: 0 10px 0 0 !important;
    text-align: center !important;
  }

  /* Naam + pijltje netjes naast elkaar */
  .gc-navbar #menu > .navbar-nav.navbar-right > .dropdown > a::after {
    margin-left: 10px !important;
  }

  /* Scheiding boven account */
  .gc-navbar #menu > .navbar-nav.navbar-right {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #e5e7eb !important;
  }

}


/* ===== MOBILE ACCOUNT ACTIONS ===== */
@media (max-width:767px){

  .gc-navbar #dropdown{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:6px 12px 12px!important;
  }

  .gc-navbar #dropdown .btn{
    background:#f7f8fa!important;
    color:#252a31!important;
    border:1px solid #e2e5e9!important;
    border-radius:10px!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:600!important;
    text-align:left!important;
    padding:12px 14px!important;
    margin:4px 0!important;
  }

  .gc-navbar #dropdown .btn:hover,
  .gc-navbar #dropdown .btn:active{
    background:#f0f2f5!important;
    color:#252a31!important;
  }

  .gc-navbar #dropdown .btn i{
    width:22px!important;
    margin-right:8px!important;
    text-align:center!important;
  }

  /* Uitloggen iets duidelijker, maar niet schreeuwerig */
  .gc-navbar #dropdown .btn[href*="logout"]{
    color:#b42318!important;
  }

  .gc-navbar #dropdown .btn[href*="logout"]:hover,
  .gc-navbar #dropdown .btn[href*="logout"]:active{
    background:#fff1f0!important;
    color:#b42318!important;
  }

}


/* ===== DATATABLES SORT ARROWS ===== */
table.dataTable thead th {
    position: relative !important;
    padding-right: 28px !important;
}

table.dataTable thead th .dt-column-order {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

table.dataTable thead th .dt-column-title {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Alleen sorteerkolommen */
table.dataTable thead th[aria-sort],
table.dataTable thead th.dt-orderable-asc,
table.dataTable thead th.dt-orderable-desc {
    white-space: nowrap !important;
}

/* Actieve sortering */
table.dataTable thead th[aria-sort="ascending"] .dt-column-order,
table.dataTable thead th[aria-sort="descending"] .dt-column-order {
    opacity: 1 !important;
}

/* Inactieve pijltjes subtiel */
table.dataTable thead th:not([aria-sort]) .dt-column-order {
    opacity: .45 !important;
}


/* ===== DARK MODE - DATATABLE HEADER CONTRAST ===== */
html.grabby-dark table.dataTable thead th {
    color: #252b33 !important;
}

html.grabby-dark table.dataTable thead th .dt-column-title {
    color: #252b33 !important;
}

html.grabby-dark table.dataTable thead th .dt-column-order {
    color: #6b7280 !important;
    opacity: .75 !important;
}


/* ===== DARK MODE - DATATABLE TOTAL ROW ===== */
html.grabby-dark .gc-scans-table tfoot,
html.grabby-dark .gc-scans-table tfoot tr,
html.grabby-dark .gc-scans-table tfoot th,
html.grabby-dark .gc-scans-table tfoot td {
    background: #1d232b !important;
    color: #f1f3f5 !important;
    border-color: #343d47 !important;
}

html.grabby-dark .gc-scans-table tfoot th,
html.grabby-dark .gc-scans-table tfoot td {
    color: #f1f3f5 !important;
}


/* ===== ANIMATED DASHBOARD SPARKLINES ===== */

.gc-spark {
    overflow: visible;
}

.gc-spark polyline {
    stroke-dasharray: 180 180;
    stroke-dashoffset: 180;
    animation: gcSparkFlow 3.5s linear infinite;
    transform-origin: center;
}

@keyframes gcSparkFlow {
    0% {
        stroke-dashoffset: 180;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

/* Rustiger bij gebruikers die animaties hebben uitgeschakeld */
@media (prefers-reduced-motion: reduce) {
    .gc-spark polyline {
        animation: none !important;
        stroke-dashoffset: 0 !important;
    }
}


/* DARK MODE - tabelkoppen */
html.grabby-dark table.dataTable thead th,
html.grabby-dark table.dataTable thead td,
html.grabby-dark .table thead th,
html.grabby-dark .table thead td{
    background:#202830!important;
    color:#f3f4f6!important;
    border-color:#34404b!important;
}

/* Sorteerpijltjes ook zichtbaar houden */
html.grabby-dark table.dataTable thead .sorting,
html.grabby-dark table.dataTable thead .sorting_asc,
html.grabby-dark table.dataTable thead .sorting_desc{
    color:#f3f4f6!important;
}

/* Geen witte table-header achtergrond meer */
html.grabby-dark .table-bordered thead th,
html.grabby-dark .table-bordered thead td{
    border-color:#34404b!important;
}


/* DARK MODE - tabelkop tekst + sorteerpijlen */
html.grabby-dark table.dataTable thead th,
html.grabby-dark table.dataTable thead td,
html.grabby-dark .table thead th,
html.grabby-dark .table thead td{
    background:#202830!important;
    color:#f7f8fa!important;
    opacity:1!important;
    font-weight:700!important;
}

/* DataTables gebruikt pseudo-elements voor de sorteerpijlen */
html.grabby-dark table.dataTable thead th.sorting:before,
html.grabby-dark table.dataTable thead th.sorting:after,
html.grabby-dark table.dataTable thead th.sorting_asc:before,
html.grabby-dark table.dataTable thead th.sorting_asc:after,
html.grabby-dark table.dataTable thead th.sorting_desc:before,
html.grabby-dark table.dataTable thead th.sorting_desc:after,
html.grabby-dark table.dataTable thead td.sorting:before,
html.grabby-dark table.dataTable thead td.sorting:after,
html.grabby-dark table.dataTable thead td.sorting_asc:before,
html.grabby-dark table.dataTable thead td.sorting_asc:after,
html.grabby-dark table.dataTable thead td.sorting_desc:before,
html.grabby-dark table.dataTable thead td.sorting_desc:after{
    color:#aeb7c2!important;
    opacity:.75!important;
}

/* Actieve sorteerrichting duidelijker */
html.grabby-dark table.dataTable thead th.sorting_asc:before,
html.grabby-dark table.dataTable thead th.sorting_desc:after,
html.grabby-dark table.dataTable thead td.sorting_asc:before,
html.grabby-dark table.dataTable thead td.sorting_desc:after{
    color:#f5bd4f!important;
    opacity:1!important;
}

/* Bootstrap/DataTables varianten die opacity rechtstreeks zetten */
html.grabby-dark table.dataTable thead > tr > th.sorting,
html.grabby-dark table.dataTable thead > tr > th.sorting_asc,
html.grabby-dark table.dataTable thead > tr > th.sorting_desc{
    color:#f7f8fa!important;
}


/* =========================================================
   DARK MODE - DATATABLE HEADER DEFINITIEVE FIX
   ========================================================= */

html.grabby-dark .gc-cards-table.dataTable thead th{
    background:#202830!important;
    border-color:#34404b!important;
    color:#f7f8fa!important;
}

/* Kolomtitels */
html.grabby-dark .gc-cards-table.dataTable thead th .dt-column-title{
    color:#f7f8fa!important;
    opacity:1!important;
    font-weight:700!important;
}

/* Sorteergebied / pijltjes */
html.grabby-dark .gc-cards-table.dataTable thead th .dt-column-order{
    color:#9da8b5!important;
    opacity:1!important;
}

/* DataTables 2 maakt pijltjes met pseudo-elements */
html.grabby-dark .gc-cards-table.dataTable thead th .dt-column-order:before,
html.grabby-dark .gc-cards-table.dataTable thead th .dt-column-order:after{
    color:#9da8b5!important;
    opacity:.65!important;
}

/* Actieve sortering = Grabby goud */
html.grabby-dark .gc-cards-table.dataTable thead th[aria-sort="ascending"] .dt-column-order:before,
html.grabby-dark .gc-cards-table.dataTable thead th[aria-sort="descending"] .dt-column-order:after{
    color:#f5bd4f!important;
    opacity:1!important;
}

/* Extra zekerheid voor DataTables gegenereerde spans */
html.grabby-dark .gc-cards-table.dataTable thead th span{
    opacity:1;
}


/* Backend language switcher */
.gc-language-select {
    height: 46px;
    min-width: 78px;
    padding: 0 34px 0 16px;
    border: 1px solid #e2e7ec;
    border-radius: 16px;
    background-color: #fff;
    color: #4a5159;
    font-size: 16px;
    font-weight: 500;
    box-shadow: none;
    cursor: pointer;
    outline: none;
}

.gc-language-select:hover {
    border-color: #d5dce3;
    background-color: #fafbfc;
}

.gc-language-select:focus {
    border-color: #e7b24b;
    box-shadow: 0 0 0 3px rgba(231,178,75,.14);
}

html.grabby-dark .gc-language-select {
    background-color: #171c22 !important;
    color: #eef2f5 !important;
    border-color: #303943 !important;
}

/* GrabbyCloud backend language switcher */
.gc-language-switcher {
    display: flex;
    align-items: center;
}

.gc-language-toggle {
    height: 46px;
    min-width: 76px;
    padding: 6px 12px !important;
    border: 1px solid #e2e7ec !important;
    border-radius: 16px !important;
    background: #fff !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #8b949e !important;
    box-shadow: none;
    cursor: pointer;
}

.gc-language-toggle:hover,
.gc-language-toggle:focus {
    background: #fafbfc !important;
    border-color: #e7b24b !important;
    box-shadow: 0 0 0 3px rgba(231,178,75,.10);
    outline: none;
}

.gc-language-toggle::after {
    display: none;
}

.gc-language-current-flag {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    box-shadow: 0 0 0 1px rgba(0,0,0,.08);
}

.gc-language-chevron {
    font-size: 10px;
}

.gc-language-menu {
    min-width: 210px !important;
    padding: 16px !important;
    margin-top: 10px !important;
    border: 1px solid #e3e7eb !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 32px rgba(20,30,40,.14) !important;
}

.gc-language-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.gc-language-option {
    width: 48px;
    height: 48px;
    padding: 6px;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.gc-language-option img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 0 0 1px rgba(0,0,0,.08);
}

.gc-language-option:hover {
    background: #f5f7f8;
}

.gc-language-option.active {
    border-color: #e7b24b;
    background: rgba(231,178,75,.08);
}

html.grabby-dark .gc-language-toggle {
    background: #171c22 !important;
    border-color: #303943 !important;
    color: #eef2f5 !important;
}

html.grabby-dark .gc-language-toggle:hover,
html.grabby-dark .gc-language-toggle:focus {
    background: #1d242c !important;
    border-color: #e7b24b !important;
}

html.grabby-dark .gc-language-menu {
    background: #1b2128 !important;
    border-color: #303943 !important;
}

html.grabby-dark .gc-language-option:hover {
    background: #252e37;
}

html.grabby-dark .gc-language-option.active {
    background: rgba(231,178,75,.12);
}