.db2fe{max-width:1400px;margin:0 auto;padding:16px;color:#1e293b;font:inherit}.db2fe *{box-sizing:border-box}.db2fe-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.db2fe-dbnav{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 24px}.db2fe-dbnav a{padding:9px 13px;border:1px solid #cbd5e1;border-radius:8px;text-decoration:none}.db2fe-dbnav a.active{background:#dbeafe}.db2fe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr));gap:15px;margin:15px 0 25px}.db2fe-card{display:flex;flex-direction:column;gap:8px;padding:17px;border:1px solid #cbd5e1;border-radius:12px;text-decoration:none;color:#1e293b;overflow-wrap:anywhere;min-width:0}.db2fe-card:hover{border-color:#2563eb;box-shadow:0 2px 10px #0001}.db2fe-card div{display:flex;flex-direction:column;gap:2px}.db2fe-card strong{font-size:.85em}.db2fe-card span{font-size:1em}.db2fe-group{grid-column:1/-1;margin:18px 0 0;padding:10px 0;border-bottom:1px solid #cbd5e1}.db2fe-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:15px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.db2fe-filters label{display:flex;flex-direction:column;gap:5px;flex:1 1 170px}.db2fe-filters input,.db2fe-filters select{width:100%;min-height:42px;border:1px solid #94a3b8;border-radius:6px;padding:8px}.db2fe-filters button{min-height:42px;background:#2563eb;color:#fff;border:0;border-radius:6px;padding:8px 16px;cursor:pointer}.db2fe-count{margin:15px 0}.db2fe-detail{padding:20px;border:1px solid #cbd5e1;border-radius:12px}.db2fe-detail dl{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:8px 16px}.db2fe-detail dt{font-weight:700}.db2fe-detail dd{margin:0;overflow-wrap:anywhere}.db2fe-login{max-width:400px;margin:30px auto;padding:24px;border:1px solid #cbd5e1;border-radius:12px}.db2fe-login input{max-width:100%}@media(max-width:600px){.db2fe{padding:8px}.db2fe-filters{flex-direction:column;align-items:stretch}.db2fe-filters label{flex:auto}.db2fe-detail dl{grid-template-columns:1fr}.db2fe-detail dd{margin-bottom:10px}}

/* Compacte frontendbediening, onafhankelijk van themakleuren */
.db2fe .db2fe-filters{gap:8px;padding:10px 12px}
.db2fe .db2fe-filters label{gap:3px;flex:1 1 145px;font-size:13px;line-height:1.3}
.db2fe .db2fe-filters input,.db2fe .db2fe-filters select{min-height:32px;height:34px;padding:4px 8px;font-size:13px;line-height:1.3}
.db2fe .db2fe-filters button{min-height:34px;padding:5px 11px;font-size:13px;line-height:1.2}
.db2fe .db2fe-filters a{font-size:13px}
.db2fe .db2fe-dbnav a{padding:5px 9px;font-size:13px}
.db2fe .db2fe-card,.db2fe .db2fe-card:link,.db2fe .db2fe-card:visited,.db2fe .db2fe-card:hover{color:#334155!important;text-decoration:none!important}
.db2fe .db2fe-card{gap:6px;padding:13px;font-size:14px;line-height:1.4}
.db2fe .db2fe-card-value{display:block;color:#334155!important;font-weight:400;overflow-wrap:anywhere}
@media(max-width:600px){.db2fe .db2fe-filters{gap:8px}.db2fe .db2fe-filters label{width:100%;flex:auto}.db2fe .db2fe-filters button{width:auto;align-self:flex-start}}

/* Starten met een lege database en beheerknop */
.db2fe .db2fe-empty{padding:24px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;margin:18px 0}
.db2fe .db2fe-action{display:inline-block;padding:8px 12px;border:1px solid #64748b;border-radius:7px;background:#fff;color:#334155!important;text-decoration:none!important;font-size:14px}
.db2fe .db2fe-action:hover{background:#e2e8f0}

.db2fe-titlebar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:12px 0}.db2fe-titlebar h3{margin:0}.db2fe-create{max-width:760px;padding:18px;border:1px solid #dbe2ea;border-radius:10px;background:#f8fafc;display:grid;gap:12px}.db2fe-create>label{display:flex;flex-direction:column;gap:5px;font-weight:600;color:#334155}.db2fe-create input,.db2fe-create select{width:100%;padding:9px;border:1px solid #94a3b8;border-radius:6px;background:white;color:#1e293b}.db2fe-create-actions{display:flex;gap:16px;align-items:center}.db2fe-create-actions button{padding:9px 14px;border:0;border-radius:6px;background:#2563eb;color:white;cursor:pointer}.db2fe-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}@media(max-width:600px){.db2fe-create{padding:12px}}
/* v1.6.29: dynamic Excel-like filters */
.db2fe-excel{display:flex;flex-wrap:wrap;align-items:end;gap:9px}.db2fe-rule-list{display:flex;flex-wrap:wrap;gap:8px}.db2fe-filter-line{display:flex;align-items:end;gap:6px}.db2fe-filter-values{position:relative;min-width:145px}.db2fe-filter-values summary{cursor:pointer;padding:8px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#334155}.db2fe-filter-menu{position:absolute;z-index:99;top:100%;left:0;background:white;border:1px solid #cbd5e1;box-shadow:0 5px 18px #0002;padding:10px;min-width:230px;max-height:320px;overflow:auto}.db2fe-checks{max-height:185px;overflow:auto;display:flex;flex-direction:column}.db2fe-checks label{display:flex;align-items:center;gap:5px;font-size:13px;color:#334155}.db2fe-checks label[hidden]{display:none}.db2fe-filter-line button,.db2fe-excel button{padding:6px 10px;font-size:13px}.db2fe .db2fe-card,.db2fe .db2fe-card *{color:#334155!important}@media(max-width:650px){.db2fe-excel,.db2fe-rule-list,.db2fe-filter-line{width:100%}.db2fe-filter-line{flex-wrap:wrap}.db2fe-filter-menu{max-width:90vw}}