#ndc.ndc-bebe { --nb-surface:#fff; --nb-soft:#f3f7fd; --nb-border:#dce5f1; --nb-ink:#172b49; --nb-muted:#52657d; }
#ndc.ndc-bebe.ndc-theme-menina { --ndc-blue:#b83362; --ndc-navy:#852348; }
#ndc.ndc-bebe :is(button,input,select,textarea):focus-visible { outline:3px solid var(--ndc-blue); outline-offset:3px; }
#ndc.ndc-bebe input.ndc-sn:focus-visible { outline:3px solid var(--ndc-blue); outline-offset:3px; }
#ndc.ndc-bebe .ndc-searchrow { margin-bottom:12px; }
#ndc.ndc-bebe .ndc-search-options { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:16px; font-size:14px; color:var(--nb-muted); }
#ndc.ndc-bebe .ndc-search-options select { width:auto; max-width:100%; min-height:40px; border:1px solid var(--nb-border); border-radius:8px; padding:8px; background:var(--nb-surface); color:var(--nb-ink); }
#ndc.ndc-bebe .ndc-filter-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
#ndc.ndc-bebe .ndc-filter-fields label { display:grid; gap:6px; color:var(--nb-ink); font-size:14px; font-weight:600; }
#ndc.ndc-bebe .ndc-filter-fields select { width:100%; min-width:0; min-height:42px; padding:8px; border:1px solid var(--nb-border); border-radius:8px; background:var(--nb-surface); color:var(--nb-ink); }
#ndc.ndc-bebe .ndc-filter-label { font-size:14px; margin-bottom:8px; color:var(--nb-ink); font-weight:600; }
#ndc.ndc-bebe .ndc-only-favs { display:flex; align-items:center; gap:8px; margin:12px 0; font-size:14px; color:var(--nb-ink); }
#ndc.ndc-bebe input[type=checkbox] { width:18px; height:18px; accent-color:var(--ndc-blue); margin:0; }
#ndc.ndc-bebe button.ndc-chip:disabled { opacity:.4; cursor:not-allowed; }
#ndc.ndc-bebe .ndc-results-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 0 8px; font-size:14px; color:var(--nb-muted); }
#ndc.ndc-bebe .ndc-results-bar p { margin:0; }
#ndc.ndc-bebe .ndc-active { margin-bottom:10px; padding:9px 12px; border-radius:8px; background:var(--nb-soft); color:var(--nb-ink); font-size:13px; overflow-wrap:anywhere; }
#ndc.ndc-bebe .ndc-line { grid-template-columns:54px minmax(140px,1.2fr) minmax(130px,.8fr) minmax(160px,1.6fr) 40px; }
#ndc.ndc-bebe button.ndc-nome { display:block; height:auto; padding:12px 10px; text-align:left; font-size:17px; line-height:1.35; font-weight:650; color:var(--ndc-navy); white-space:normal; overflow-wrap:anywhere; }
#ndc.ndc-bebe .ndc-row > .ndc-sign { padding:12px; color:var(--nb-muted); font-size:14px; }
#ndc.ndc-bebe .ndc-row > .ndc-origem { margin-left:10px; padding:5px 9px; font-size:13px; }
#ndc.ndc-bebe .ndc-chev { height:44px; min-width:36px; }
#ndc.ndc-bebe .ndc-fav-help { margin:0 0 10px; color:var(--nb-muted); font-size:13px; }
#ndc.ndc-bebe .ndc-fav-list { max-height:320px; }
#ndc.ndc-bebe .ndc-fav-list li { padding:4px 0; }
#ndc.ndc-bebe .ndc-compare-check { display:flex; align-items:center; padding:6px; }
#ndc.ndc-bebe button.ndc-move { width:32px; min-width:32px; height:36px; border:1px solid var(--nb-border); border-radius:7px; color:var(--nb-ink); background:var(--nb-surface); }
#ndc.ndc-bebe button.ndc-move:disabled { opacity:.35; }
#ndc.ndc-bebe .ndc-fav-open { overflow-wrap:anywhere; }
#ndc.ndc-bebe .ndc-empty p { margin:8px 0 14px; font-size:14px; }
#ndc.ndc-bebe .ndc-preview { display:flex; flex-wrap:wrap; gap:10px; color:var(--nb-ink); }
#ndc.ndc-bebe .ndc-import { padding:16px; margin-bottom:16px; border:1px solid var(--nb-border); border-radius:12px; background:var(--nb-soft); color:var(--nb-ink); }
#ndc.ndc-bebe .ndc-import p { margin:0 0 12px; font-size:14px; }
#ndc.ndc-bebe #ndc-import-list { max-height:180px; overflow:auto; margin-bottom:12px; }
#ndc.ndc-bebe dialog { box-sizing:border-box; width:min(850px,calc(100vw - 32px)); max-height:85dvh; padding:22px; border:1px solid var(--nb-border); border-radius:18px; background:var(--nb-surface); color:var(--nb-ink); box-shadow:0 20px 80px #0004; }
#ndc.ndc-bebe dialog::backdrop { background:#101b35aa; }
#ndc.ndc-bebe .ndc-dialog-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:14px; }
#ndc.ndc-bebe .ndc-dialog-head h2 { margin:0; font-size:24px; color:var(--nb-ink); }
#ndc.ndc-bebe #ndc-dialog-close { width:40px; min-width:40px; height:40px; font-size:26px; border-radius:8px; background:var(--nb-soft); color:var(--nb-ink); }
#ndc.ndc-bebe .ndc-detail-full { margin:0 0 16px; color:var(--ndc-navy); font-size:20px; font-weight:650; overflow-wrap:anywhere; }
#ndc.ndc-bebe dialog dl { margin:0 0 18px; }
#ndc.ndc-bebe dialog dt { margin-top:14px; font-size:12px; text-transform:uppercase; letter-spacing:.04em; font-weight:700; color:var(--nb-muted); }
#ndc.ndc-bebe dialog dd { margin:4px 0 0; font-size:16px; line-height:1.55; overflow-wrap:anywhere; }
#ndc.ndc-bebe .ndc-detail-actions { display:flex; flex-wrap:wrap; gap:8px; }
#ndc.ndc-bebe .ndc-detail-note { margin-top:16px; font-size:13px; color:var(--nb-muted); }
#ndc.ndc-bebe .ndc-compare-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; }
#ndc.ndc-bebe .ndc-comparison { padding:14px; border:1px solid var(--nb-border); border-radius:12px; background:var(--nb-soft); }
#ndc.ndc-bebe .ndc-comparison h3 { margin:0 0 12px; font-size:20px; color:var(--nb-ink); }
#ndc.ndc-bebe #ndc-manual-copy { width:100%; min-height:220px; padding:12px; color:var(--nb-ink); background:var(--nb-soft); border:1px solid var(--nb-border); border-radius:8px; }
#ndc.ndc-bebe button.ndc-col[data-direction=desc]::after { transform:rotate(180deg); }
html[data-theme=dark] #ndc.ndc-bebe { --nb-surface:#1a2335; --nb-soft:#142038; --nb-border:#35425b; --nb-ink:#e6eefb; --nb-muted:#b3c1d9; --ndc-ink:#e6eefb; --ndc-navy:#9fc8ff; --ndc-muted:#b3c1d9; --ndc-soft:#142038; --ndc-line:#35425b; }
html[data-theme=dark] #ndc.ndc-bebe.ndc-theme-menina { --ndc-navy:#f5b1ca; }
html[data-theme=dark] #ndc.ndc-bebe input.ndc-sn { background:var(--nb-surface); color:var(--nb-ink); border-color:var(--nb-border); }
html[data-theme=dark] #ndc.ndc-bebe .ndc-origem { background:#28354e; color:#c5daf9; }
html[data-theme=dark] #ndc.ndc-bebe .ndc-row:hover { background:#21314b; }
html[data-theme=dark] #ndc.ndc-bebe .ndc-row.is-on { background:#21314b; }
html[data-theme=dark] #ndc.ndc-bebe .ndc-extra, html[data-theme=dark] #ndc.ndc-bebe .ndc-cols { background:var(--nb-soft); }
@media(max-width:640px) {
 #ndc.ndc-bebe .ndc-filter-fields { grid-template-columns:1fr; }
 #ndc.ndc-bebe .ndc-row { grid-template-columns:44px minmax(0,1fr); padding:6px 4px 8px; }
 #ndc.ndc-bebe .ndc-row > .ndc-heart { grid-row:1/4; align-self:start; margin-top:3px; }
 #ndc.ndc-bebe .ndc-row > .ndc-nome { padding:7px 8px; font-size:18px; }
 #ndc.ndc-bebe .ndc-row > .ndc-origem { display:block; grid-column:2; margin:0 8px; width:auto; padding:4px 8px; }
 #ndc.ndc-bebe .ndc-row > .ndc-sign { grid-column:2; padding:7px 8px; }
 #ndc.ndc-bebe .ndc-cols { grid-template-columns:44px minmax(0,1fr); }
 #ndc.ndc-bebe .ndc-cols [data-sort=significado] { display:none; }
 #ndc.ndc-bebe .ndc-cols .ndc-col { border:0; }
 #ndc.ndc-bebe .ndc-results-bar { flex-wrap:wrap; }
 #ndc.ndc-bebe .ndc-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 #ndc.ndc-bebe .ndc-actions button.ndc-action { padding:0 8px; font-size:13px; gap:7px; min-width:0; }
 #ndc.ndc-bebe .ndc-actions svg { width:20px; height:20px; }
 #ndc.ndc-bebe .ndc-compare-grid { grid-template-columns:1fr; }
 #ndc.ndc-bebe dialog { padding:16px; }
 #ndc.ndc-bebe .ndc-dialog-head h2 { font-size:21px; }
}