/* Dark theme clean azul/verde */
:root{--nbk-bg:#101820;--nbk-card:#171F28;--nbk-card-alt:#1A222B;--nbk-text:#E6F0F2;--nbk-sub:#B0BEC5;--nbk-cyan:#00BCD4;--nbk-green:#00E676;--nbk-red:#ef5350;--nbk-border:#22303A;--nbk-shadow:0 8px 24px rgba(0,0,0,.22)}
.nbk-dark{color:var(--nbk-text);background:var(--nbk-bg)}
.nbk-dark a{color:var(--nbk-cyan)}
body .nbk-dark input,body .nbk-dark select,body .nbk-dark textarea{background:var(--nbk-card);color:var(--nbk-text);border:1px solid var(--nbk-border);border-radius:12px}
.nbk-btn-primary{background:var(--nbk-green);color:#0A0F12;border:0;padding:12px 16px;border-radius:14px;font-weight:700;cursor:pointer;box-shadow:var(--nbk-shadow)}
.nbk-btn-primary:hover{background:var(--nbk-cyan)}
.nbk-btn-outline{background:transparent;color:var(--nbk-text);border:1px solid var(--nbk-cyan);padding:10px 14px;border-radius:12px;cursor:pointer}
.nbk-btn-outline:hover{border-color:var(--nbk-green);color:var(--nbk-green)}
.nbk-btn-danger{background:var(--nbk-red);color:#fff;border:0;padding:10px 14px;border-radius:12px;cursor:pointer}
.nbk-success{background:#0c3;color:#021;padding:10px 12px;border-radius:10px;margin:8px 0}
.nbk-error{background:#e53935;color:#fff;padding:10px 12px;border-radius:10px;margin:8px 0}
.nbk-kanban-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:14px 0}
.nbk-kanban-toolbar,.nbk-vendor-dash{max-width:1200px;width:100%;margin:0 auto;justify-content:center;display:flex;flex-wrap:wrap;gap:10px}
.nbk-kanban{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:16px;justify-content:center;align-items:flex-start;margin:0 auto;width:100%;max-width:1200px}
.nbk-sums{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:8px 0 14px}
.nbk-sum-item{background:var(--nbk-card);border:1px solid var(--nbk-border);border-radius:14px;padding:10px 12px;text-align:center;min-width:150px}
.nbk-sum-title{font-weight:700;color:#E0F7FA;margin-bottom:4px}
.nbk-sum-body{font-size:13px;color:var(--nbk-sub)}
.nbk-sum-total{border-color:var(--nbk-cyan)}
.nbk-col{background:var(--nbk-card-alt);border:1px solid var(--nbk-border);border-radius:16px;box-shadow:var(--nbk-shadow);display:flex;flex-direction:column;min-height:380px}
.nbk-col-header{padding:12px 14px;font-weight:700;border-bottom:1px solid var(--nbk-border);color:var(--nbk-cyan);text-align:center}
.nbk-col-body{padding:12px;flex:1;min-height:320px}
.nbk-card{background:var(--nbk-card);border-radius:14px;padding:10px 12px;margin-bottom:10px;box-shadow:var(--nbk-shadow);cursor:grab;border:1px solid var(--nbk-border)}
.nbk-card.dragging{opacity:.6}
.nbk-card-title{font-weight:700;margin-bottom:6px;color:#E0F7FA}
.nbk-card-meta{font-size:12px;color:var(--nbk-sub);margin-bottom:4px}
.nbk-card-notes{font-size:12px;color:#A7C7CF;margin-top:4px}
.nbk-card-badge{display:inline-block;background:#0b2230;color:#bfefff;font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--nbk-border)}
.nbk-empty{color:#90A4AE;font-style:italic}
.nbk-card-value{display:inline-block;color:var(--nbk-green);font-weight:600;cursor:pointer}
.nbk-inline-input{background:#0F1720;color:#E0F7FA;border:1px solid var(--nbk-green);border-radius:6px;padding:2px 4px}
.nbk-lead-form{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;max-width:760px;background:var(--nbk-card-alt);padding:16px;border-radius:16px;border:1px solid var(--nbk-border);margin:0 auto}
.nbk-lead-form label{display:block;font-size:12px;color:#9CB3BB;margin-bottom:6px}
.nbk-lead-form .nbk-span-2,.nbk-lead-form .nbk-span2{grid-column:1/-1}
.nbk-radio{display:inline-flex;align-items:center;gap:8px;margin-right:14px;font-size:14px;color:var(--nbk-text)}
.nbk-vendor-dash{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;margin-bottom:16px;text-align:center}
.nbk-kpi{background:var(--nbk-card);border:1px solid var(--nbk-border);border-radius:16px;box-shadow:var(--nbk-shadow);padding:14px}
.nbk-kpi-num{font-size:22px;font-weight:800;color:#E0F7FA}
.nbk-kpi-label{font-size:12px;color:#9EB4BC}
.nbk-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:20px auto;justify-content:center;justify-items:center;max-width:1100px}
.nbk-prod-card{background:var(--nbk-card);border:1px solid var(--nbk-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:350px}
.nbk-prod-img{width:100%;padding-top:56%;background-size:cover;background-position:center}
.nbk-prod-body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}
.nbk-prod-title{font-weight:700;color:#E0F7FA}
.nbk-prod-desc{font-size:13px;color:#E0F7FA99}
.nbk-center{text-align:center;margin-top:8px}
.nbk-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9999;justify-content:center;align-items:center}
.nbk-modal-content{background:var(--nbk-card-alt);padding:20px;border-radius:16px;max-width:820px;width:92%;box-shadow:var(--nbk-shadow);position:relative;animation:nbkPop .3s ease}
.nbk-modal-content.nbk-edit{max-width:900px}
.nbk-close{position:absolute;top:10px;right:14px;font-size:22px;color:#ccc;cursor:pointer}
.nbk-modal-title{margin:0 0 10px 0;color:#E0F7FA}
.nbk-modal-body label{display:block;font-size:12px;color:#9CB3BB;margin-bottom:6px}
.nbk-grid2{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}
.nbk-span2{grid-column:1/-1}
.nbk-modal-actions{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}
.nbk-modal-actions .nbk-right{margin-left:auto}
@keyframes nbkPop{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1)}
@media (max-width:900px){
  .nbk-kanban{grid-template-columns:1fr;gap:24px;padding:0 10px}
  .nbk-col{width:100%;margin:0 auto}
  .nbk-vendor-dash{grid-template-columns:1fr;gap:14px;width:90%;margin:0 auto 20px}
  .nbk-kanban-toolbar{flex-direction:column;align-items:center;gap:8px}
  .nbk-kanban-toolbar select,.nbk-kanban-toolbar button{width:100%}
  .nbk-products-grid{grid-template-columns:1fr;justify-items:center}
  .nbk-prod-card{max-width:90%}
  .nbk-grid2{grid-template-columns:1fr}
}