/* Hudson Offerte v4 — WordPress plugin CSS */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap');

.hbnf3-wrap{font-family:'DM Sans',Arial,sans-serif;background:#0f1117;color:#e8eaf0;border-radius:12px;overflow:hidden;min-height:500px}
.hbnf3-wrap *{box-sizing:border-box}

/* NAV */
.hbnf3-nav{display:flex;gap:2px;background:#161922;border-bottom:1px solid #252836;padding:0 4px;flex-wrap:wrap}
.hbnf3-nb{padding:11px 16px;border:none;background:transparent;color:#888;font-size:13px;font-family:inherit;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap;font-weight:500}
.hbnf3-nb:hover{color:#e8eaf0}
.hbnf3-nb.active{color:#4f9cf9;border-bottom-color:#4f9cf9}

/* TABS */
.hbnf3-tab{display:none}
.hbnf3-tab.active{display:block}

/* FORM */
.hbnf3-form{padding:16px;max-width:1200px}
.hbnf3-g2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.hbnf3-g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 10px}
.hbnf3-sec{font-size:11px;font-weight:600;color:#4f9cf9;text-transform:uppercase;letter-spacing:.08em;margin:18px 0 8px;padding-bottom:5px;border-bottom:1px solid #252836}

.hbnf3-wrap label{display:block;font-size:12px;color:#888;margin-bottom:3px;margin-top:10px;font-weight:500}
.hbnf3-wrap input,.hbnf3-wrap select,.hbnf3-wrap textarea{width:100%;padding:8px 11px;background:#1e2130;border:1px solid #2d3348;border-radius:7px;color:#e8eaf0;font-size:13px;font-family:inherit;transition:border-color .15s}
.hbnf3-wrap input:focus,.hbnf3-wrap select:focus,.hbnf3-wrap textarea:focus{outline:none;border-color:#4f9cf9}
.hbnf3-wrap input[readonly]{background:#161922;color:#555}
.hbnf3-wrap select option{background:#1e2130}

/* BUTTONS */
.hbnf3-btn{padding:8px 14px;border:1px solid #2d3348;border-radius:7px;background:#1e2130;color:#e8eaf0;font-size:13px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s;font-weight:500;white-space:nowrap}
.hbnf3-btn:hover{background:#252836;border-color:#4f9cf9}
.hbnf3-btn:disabled{opacity:.5;cursor:not-allowed}
.hbnf3-primary{background:#4f9cf9;border-color:#4f9cf9;color:#fff}
.hbnf3-primary:hover{background:#3d8ae8}
.hbnf3-success{background:#1a7a3c;border-color:#1a7a3c;color:#fff}
.hbnf3-success:hover{background:#156832}
.hbnf3-sm{padding:5px 9px;font-size:12px}
.hbnf3-danger{color:#ff6b6b}
.hbnf3-danger:hover{background:#ff6b6b22}

/* TAGS */
.hbnf3-tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600;margin-left:4px}
.hbnf3-tag-api{background:#2d1f5e;color:#a78bfa}
.hbnf3-tag-auto{background:#0f2a1a;color:#6fd98d}

/* INFOBOX */
.hbnf3-info{border-radius:7px;padding:9px 12px;margin-top:5px;font-size:12px;line-height:1.5}
.hbnf3-blue{background:#1a2040;border:1px solid #2d4a8a;color:#a0b4d6}
.hbnf3-green{background:#0f2a1a;border:1px solid #1a7a3c;color:#6fd98d}
.hbnf3-amber{background:#2a1f0a;border:1px solid #8a5c00;color:#ffc14d}
.hbnf3-red{background:#2a0f0f;border:1px solid #8a2020;color:#ff8080}

/* KvK SUGGESTIES */
.hbnf3-sugg-wrap{position:relative}
.hbnf3-sugg{position:absolute;top:100%;left:0;right:0;background:#1e2130;border:1px solid #4f9cf9;border-radius:0 0 8px 8px;z-index:9999;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.4)}
.hbnf3-sugg-item{padding:9px 12px;cursor:pointer;border-bottom:1px solid #252836;font-size:13px;transition:background .1s}
.hbnf3-sugg-item:hover{background:#252836}
.hbnf3-sugg-item:last-child{border-bottom:none}

/* ACCESSOIRES */
.hbnf3-acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:6px}
.hbnf3-acc-item{display:flex;align-items:center;gap:8px;background:#161922;border:1px solid #252836;border-radius:7px;padding:9px 12px;cursor:pointer;transition:all .15s}
.hbnf3-acc-item:hover{border-color:#4f9cf9}
.hbnf3-acc-item.sel{border-color:#4f9cf9;background:#1a2040}
.hbnf3-acc-chk{width:17px;height:17px;border:1.5px solid #444;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;transition:all .15s}
.hbnf3-acc-item.sel .hbnf3-acc-chk{background:#4f9cf9;border-color:#4f9cf9;color:#fff}
.hbnf3-acc-name{font-size:13px;flex:1}
.hbnf3-acc-price{font-size:12px;color:#4f9cf9;font-family:'DM Mono',monospace}

/* INRUIL */
.hbnf3-inruil-hdr{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#161922;border:1px solid #252836;border-radius:10px;cursor:pointer;transition:all .15s;user-select:none}
.hbnf3-inruil-hdr:hover{border-color:#4f9cf9}
.hbnf3-inruil-hdr.open{border-color:#4f9cf9;background:#1a2040;border-radius:10px 10px 0 0}
.hbnf3-toggle-box{width:19px;height:19px;border:1.5px solid #444;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .15s;flex-shrink:0}
.hbnf3-inruil-hdr.open .hbnf3-toggle-box{background:#4f9cf9;border-color:#4f9cf9;color:#fff}
.hbnf3-inruil-body{border:1px solid #4f9cf9;border-top:none;border-radius:0 0 10px 10px;padding:14px;background:#1a1d29}

/* PRIJSOVERZICHT */
.hbnf3-psum{background:#161922;border:1px solid #252836;border-radius:9px;padding:14px}
.hbnf3-pr{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;border-bottom:1px solid #1e2130}
.hbnf3-pr:last-child{border-bottom:none}
.hbnf3-pr.sub{color:#666;font-size:12px}
.hbnf3-pr.total{font-weight:600;font-size:15px;color:#4f9cf9;border-top:1px solid #2d3348;padding-top:9px;margin-top:4px;border-bottom:none}
.hbnf3-pr.restant{font-weight:600;color:#6fd98d}

/* TCO */
.hbnf3-tco-panel{background:#0f2a1a;border:1px solid #1a7a3c;border-radius:9px;padding:14px;margin-top:10px}
.hbnf3-tco-tbl{width:100%;font-size:12px;border-collapse:collapse;margin:8px 0}
.hbnf3-tco-tbl th{background:#1F4E79;color:#fff;padding:5px 8px;text-align:left}
.hbnf3-tco-tbl td{padding:5px 8px;border-bottom:1px solid #1a2a1a}
.hbnf3-tco-tot td{background:#1a7a3c!important;color:#fff;font-weight:600}
.hbnf3-tco-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.hbnf3-tco-stat{background:#161922;border-radius:7px;padding:9px;text-align:center}
.hbnf3-tco-stat-n{font-size:17px;font-weight:700;color:#6fd98d}
.hbnf3-tco-stat-l{font-size:10px;color:#888;margin-top:2px}

/* STATS & LEADS */
.hbnf3-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 16px;border-bottom:1px solid #252836}
.hbnf3-stat{background:#161922;border-radius:9px;padding:12px;text-align:center;border:1px solid #252836}
.hbnf3-stat-n{font-size:20px;font-weight:700;color:#4f9cf9}
.hbnf3-stat-l{font-size:11px;color:#888;margin-top:2px}
.hbnf3-tbl{width:100%;border-collapse:collapse;font-size:13px}
.hbnf3-tbl th{padding:9px 12px;text-align:left;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #252836}
.hbnf3-tbl td{padding:9px 12px;border-bottom:1px solid #1e2130;vertical-align:middle}
.hbnf3-tbl tr:hover td{background:#161922}
.hbnf3-badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:600}
.hbnf3-b-nieuw{background:#1a2040;color:#4f9cf9}
.hbnf3-b-offerte{background:#2a1f0a;color:#ffc14d}
.hbnf3-b-order{background:#0f2a1a;color:#6fd98d}
.hbnf3-b-verloren{background:#2a0f0f;color:#ff8080}
.hbnf3-b-beh{background:#2d1f5e;color:#a78bfa}

/* ACTIONS & MESSAGES */
.hbnf3-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;align-items:center}
.hbnf3-msg{font-size:13px;padding:9px 12px;border-radius:7px;margin-top:8px}
.hbnf3-msg-ok{background:#0f2a1a;color:#6fd98d;border:1px solid #1a7a3c}
.hbnf3-msg-err{background:#2a0f0f;color:#ff8080;border:1px solid #8a2020}

/* PREVIEW */
.hbnf3-preview{padding:16px}
.hbnf3-doc{background:#fff;color:#111;border-radius:10px;padding:36px 40px;max-width:720px;margin:0 auto;font-family:Arial,sans-serif;font-size:12px;line-height:1.6;box-shadow:0 8px 40px rgba(0,0,0,.4)}

/* SIDEBAR */
.hbnf3-sidebar-card{background:#1e2130;border-radius:9px;padding:16px;margin-bottom:14px;border:1px solid #252836}
.hbnf3-sidebar-card h4{font-size:14px;color:#4f9cf9;margin:0 0 10px;font-weight:600}
.hbnf3-sidebar-card ul{list-style:none;padding:0;margin:0}
.hbnf3-sidebar-card ul li{padding:4px 0;font-size:13px;color:#aaa}
.hbnf3-sidebar-card p{font-size:13px;color:#888;margin:0 0 6px}

/* SEARCH ROW */
.hbnf3-sr{display:flex;gap:6px;position:relative}
.hbnf3-sr input{flex:1}

@media(max-width:700px){
  .hbnf3-g2{grid-template-columns:1fr}
  .hbnf3-g3{grid-template-columns:1fr}
  .hbnf3-acc-grid{grid-template-columns:1fr}
  .hbnf3-stats{grid-template-columns:1fr 1fr}
  .hbnf3-tco-stats{grid-template-columns:1fr 1fr}
  .hbnf3-doc{padding:20px 16px}
}