#hd-cb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999999;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}
#hd-cb-overlay.hd-visible{opacity:1}
#hd-cb{background:#fff;max-width:680px;width:100%;border-radius:12px 12px 0 0;padding:24px 28px 20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;color:#333;line-height:1.5;box-shadow:0 -4px 24px rgba(0,0,0,.15);max-height:90vh;overflow-y:auto}
#hd-cb h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#111}
#hd-cb p{margin:0 0 16px;color:#555}
.hd-cb-cats{margin:0 0 16px}
.hd-cb-cat{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}
.hd-cb-cat:last-child{border-bottom:none}
.hd-cb-cat-info{flex:1}
.hd-cb-cat-name{font-weight:600;font-size:14px}
.hd-cb-cat-desc{font-size:12px;color:#777;margin-top:2px}
.hd-cb-toggle{position:relative;width:44px;height:24px;flex-shrink:0;margin-left:12px}
.hd-cb-toggle input{opacity:0;width:0;height:0}
.hd-cb-toggle .hd-slider{position:absolute;inset:0;background:#ccc;border-radius:24px;cursor:pointer;transition:background .2s}
.hd-cb-toggle .hd-slider:before{content:'';position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}
.hd-cb-toggle input:checked+.hd-slider{background:#2d6a4f}
.hd-cb-toggle input:checked+.hd-slider:before{transform:translateX(20px)}
.hd-cb-toggle input:disabled+.hd-slider{background:#2d6a4f;opacity:.6;cursor:default}
.hd-cb-btns{display:flex;gap:8px;flex-wrap:wrap}
.hd-cb-btns button{flex:1;min-width:140px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}
.hd-cb-btn-all{background:#2d6a4f;color:#fff}
.hd-cb-btn-all:hover{background:#245a42}
.hd-cb-btn-save{background:#e9ecef;color:#333}
.hd-cb-btn-save:hover{background:#2d6a4f;}
.hd-cb-btn-rej{background:transparent;color:#666;font-weight:400;min-width:auto!important;flex:0!important}
.hd-cb-btn-rej:hover{background:#2d6a4f;}
.hd-cb-details{margin-top:12px;display:none}
.hd-cb-details.hd-open{display:block}
.hd-cb-details-toggle{background:none !important;border:none;color:#2d6a4f !important;font-size:13px;cursor:pointer;padding:0;margin-bottom:8px;text-decoration:underline}
.hd-cb-details-toggle:hover {color:#2d6a4f !important;}
.hd-cb-dtable{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:12px}
.hd-cb-dtable caption{text-align:left;font-weight:600;font-size:13px;padding:6px 0;color:#333}
.hd-cb-dtable th,.hd-cb-dtable td{text-align:left;padding:4px 8px;border-bottom:1px solid #f0f0f0}
.hd-cb-dtable th{font-weight:600;color:#555;background:#fafafa}
@media(max-width:480px){
#hd-cb{padding:18px 16px 16px}
#hd-cb h3{font-size:16px}
.hd-cb-btns{flex-direction:column}
.hd-cb-btns button{min-width:auto}
/* Detaljer: tabel til kort-layout */
.hd-cb-dtable thead{display:none}
.hd-cb-dtable tbody tr{display:block;padding:8px 0;border-bottom:1px solid #eee;margin-bottom:4px}
.hd-cb-dtable tbody tr:last-child{border-bottom:none}
.hd-cb-dtable td{display:block;padding:2px 0;border:none;font-size:12px}
.hd-cb-dtable td:first-child{font-weight:600;font-size:13px;color:#333}
.hd-cb-dtable td:not(:first-child):before{content:attr(data-label);font-weight:600;color:#555}
}
