/* 0.3.2: quiet color, clear results, single-surface focus. Heading sizes unchanged. */
:root{--bgp-bg:#f2f5fb;--bgp-border:#dce4f0;--bgp-muted-surface:#edf2f9;--bgp-teal:#17796e;--bgp-teal-soft:#e9f6f2;--bgp-violet:#7351ad;--bgp-violet-soft:#f2edfb;--bgp-focus:#71839f;--bgp-focus-shadow:0 0 0 2px rgb(103 124 155 / 12%);--bgp-shadow:0 8px 28px rgb(37 66 110 / 6%);--bgp-accent:var(--bgp-blue);--bgp-accent-soft:var(--bgp-blue-soft)}
:root[data-bgp-theme=dark]{--bgp-bg:#101925;--bgp-border:#304059;--bgp-muted-surface:#202e42;--bgp-blue-soft:#223857;--bgp-teal:#89d7c6;--bgp-teal-soft:#1c3938;--bgp-violet:#c6aff3;--bgp-violet-soft:#312b48;--bgp-focus:#a9b8cb;--bgp-focus-shadow:0 0 0 2px rgb(169 184 203 / 14%);--bgp-shadow:0 8px 28px rgb(0 0 0 / 12%)}
.bgp-app [data-accent=teal],.bgp-app[data-accent=teal],.tool-group:nth-child(1){--bgp-accent:var(--bgp-teal);--bgp-accent-soft:var(--bgp-teal-soft)}
.bgp-app [data-accent=blue],.bgp-app[data-accent=blue],.tool-group:nth-child(2){--bgp-accent:var(--bgp-blue);--bgp-accent-soft:var(--bgp-blue-soft)}
.bgp-app [data-accent=violet],.bgp-app[data-accent=violet],.tool-group:nth-child(3){--bgp-accent:var(--bgp-violet);--bgp-accent-soft:var(--bgp-violet-soft)}
body.bgp-studio{background:var(--bgp-bg)}
body.bgp-studio #main{background:radial-gradient(ellipse 68% 380px at 50% 0,var(--bgp-blue-soft),transparent)}
.bgp-header{background:var(--bgp-surface);border-bottom-color:var(--bgp-border);box-shadow:0 2px 15px rgb(40 65 110 / 3%)}
.bgp-header .bgp-nav a{display:inline-flex;align-items:center;gap:7px}
.bgp-header .bgp-nav-svg{flex:0 0 19px;color:var(--bgp-blue)}
.bgp-header .bgp-ai-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border:1px solid color-mix(in srgb,var(--bgp-violet) 22%,var(--bgp-border));background:linear-gradient(125deg,var(--bgp-violet-soft),var(--bgp-blue-soft));border-radius:11px;color:var(--bgp-violet);font-size:13px;font-weight:650;white-space:nowrap;min-height:44px;box-shadow:0 3px 9px rgb(103 77 149 / 5%)}
.bgp-header .bgp-ai-button .bgp-nav-svg{color:currentColor}
.bgp-header .bgp-ai-button:hover{border-color:var(--bgp-violet);color:var(--bgp-violet)}
.bgp-header .bgp-tools-links summary{display:flex;align-items:center;justify-content:center;min-height:34px;background:var(--bgp-muted-surface)}
.bgp-header .bgp-tools-panel{border-top:3px solid var(--bgp-blue);box-shadow:0 16px 50px rgb(32 57 103 / 13%)}
.bgp-header .bgp-tools-panel a{display:block;border-radius:7px;padding:8px}
.bgp-header .bgp-tools-panel a:hover{background:var(--bgp-blue-soft)}
.bgp-header .bgp-tools-panel>div:first-child>strong{color:var(--bgp-teal)}
.bgp-header .bgp-tools-panel>div:nth-child(2)>strong{color:var(--bgp-blue)}
.bgp-header .bgp-tools-panel>div:nth-child(3)>strong{color:var(--bgp-violet)}
.bgp-app .hero-tag{border-color:var(--bgp-border);background:var(--bgp-surface);box-shadow:var(--bgp-shadow)}
.bgp-app .hero-meta span:before{color:var(--bgp-teal)}
.bgp-app .quiet-rule{background:linear-gradient(90deg,transparent,var(--bgp-border) 15%,var(--bgp-border) 85%,transparent)}
.bgp-app .lookup-modes{background:var(--bgp-muted-surface);border:1px solid var(--bgp-border);border-radius:10px;padding:4px;gap:4px;max-width:100%;margin-bottom:16px}
.bgp-app .lookup-modes .mode{border:0;border-radius:7px;padding:9px 13px;color:var(--bgp-muted)}
.bgp-app .lookup-modes .mode.active{background:var(--bgp-surface);color:var(--bgp-accent);box-shadow:0 1px 4px rgb(29 56 98 / 8%)}
.bgp-app .tiny-tag{background:var(--bgp-blue-soft);color:var(--bgp-blue);border-radius:5px}
/* One focus surface, not a blue ring around a nested input. */
.bgp-app .filter-input{display:flex!important;gap:8px;padding:0 12px;min-height:48px;box-shadow:0 2px 8px rgb(31 58 98 / 2%)}
.bgp-app .filter-input svg{width:18px;height:18px;flex:0 0 18px}
.bgp-app .filter-input kbd{flex:0 0 auto}
.bgp-app .filter-input input{flex:1 1 0;width:0;min-width:0;padding:11px 0;border-radius:0}
.bgp-app .search-box input,.bgp-app .ask-input input{min-width:0;flex:1 1 0;width:0}
.bgp-app .filter-input input:focus,.bgp-app .filter-input input:focus-visible,.bgp-app .search-box input:focus,.bgp-app .search-box input:focus-visible,.bgp-app .ask-input input:focus,.bgp-app .ask-input input:focus-visible{outline:none!important;box-shadow:none!important;border-color:transparent!important}
.bgp-app .search-box,.bgp-app .ask-input,.bgp-app .filter-input{transition:border-color .14s ease,box-shadow .14s ease}
.bgp-app .search-box:focus-within,.bgp-app .ask-input:focus-within,.bgp-app .filter-input:focus-within{border-color:var(--bgp-focus);box-shadow:var(--bgp-focus-shadow);outline:none}
.bgp-app :focus-visible,.bgp-header :focus-visible,.bgp-footer :focus-visible{outline:2px solid var(--bgp-focus);outline-offset:3px}
.bgp-app .search-box{background:var(--bgp-surface);border-color:var(--bgp-border);box-shadow:var(--bgp-shadow)}
.bgp-app .search-box:focus-within{border-color:var(--bgp-focus);box-shadow:var(--bgp-focus-shadow)}
.bgp-app .search-glyph{color:var(--bgp-accent)}
.bgp-app .bulk-field{margin-top:0;background:var(--bgp-accent-soft);border:1px solid var(--bgp-border);padding:16px;border-radius:12px;color:var(--bgp-accent)}
.bgp-app .bulk-field textarea{display:block;background:var(--bgp-surface);margin-top:10px;min-height:152px;line-height:1.7}
.bgp-app .bulk-actions{display:flex;justify-content:flex-end;margin-top:12px}
.bgp-app .lookup-status[data-state=error]{color:var(--bgp-red);padding:12px 14px;background:var(--bgp-red-soft);border:1px solid var(--bgp-border);border-left:3px solid var(--bgp-red);border-radius:9px}
.bgp-app .lookup-status[data-state=loading]{color:var(--bgp-accent)}
.bgp-app .lookup-status[data-state=complete]{color:var(--bgp-muted)}
.bgp-app .tool-group{box-shadow:var(--bgp-shadow);overflow:hidden;border-top:3px solid var(--bgp-accent)}
.bgp-app .group-heading{background:linear-gradient(115deg,var(--bgp-accent-soft),var(--bgp-surface));margin-inline:-18px;padding-inline:18px;min-height:78px}
.bgp-app .group-symbol{color:var(--bgp-accent);background:var(--bgp-surface);border-color:var(--bgp-border)}
.bgp-app .group-heading h3,.bgp-app .tool-count,.bgp-app .tool-symbol{color:var(--bgp-accent)}
.bgp-app .tool-link{border-radius:8px;transition:background .14s ease}
.bgp-app .tool-link:hover{background:var(--bgp-accent-soft)}
.bgp-app .tool-link:hover strong,.bgp-app .tool-link:hover .tool-arrow{color:var(--bgp-accent)}
.bgp-app .tool-page .eyebrow,.bgp-app .tool-heading-symbol{color:var(--bgp-accent)}
.bgp-app .tool-heading-symbol{background:var(--bgp-accent-soft);border:1px solid var(--bgp-border)}
.bgp-app .related-tools a{background:var(--bgp-surface);border-color:var(--bgp-border)}
.bgp-app .related-tools a:hover{color:var(--bgp-accent);background:var(--bgp-accent-soft)}
/* Tool-family tints, with state text alongside semantic state colors. */
.bgp-app .lookup-results{--result-pad:23px;padding:var(--result-pad);box-shadow:var(--bgp-shadow);border-color:var(--bgp-border);border-top:3px solid var(--bgp-accent);overflow:hidden}
.bgp-app .lookup-results .result-heading{background:linear-gradient(115deg,var(--bgp-accent-soft),var(--bgp-surface));padding:18px var(--result-pad);margin:calc(-1 * var(--result-pad)) calc(-1 * var(--result-pad)) 20px;border-bottom:1px solid var(--bgp-border)}
.bgp-app .lookup-results .result-heading .eyebrow{color:var(--bgp-accent)}
.bgp-app .lookup-results.bulk-output{background:var(--bgp-muted-surface)}
.bgp-app .lookup-results .bulk-result{background:var(--bgp-surface);margin-top:20px}
.bgp-app .summary-grid{background:transparent;border:0;gap:12px;overflow:visible}
.bgp-app .summary-item{padding:14px 16px;border:1px solid var(--bgp-border);border-radius:10px;background:linear-gradient(140deg,var(--bgp-accent-soft),var(--bgp-surface));min-height:84px}
.bgp-app .summary-item strong{color:var(--bgp-text);font-weight:600}
.bgp-app .summary-item[data-tone=success]{background:var(--bgp-green-soft);border-color:color-mix(in srgb,var(--bgp-green) 25%,var(--bgp-border))}
.bgp-app .summary-item[data-tone=success] strong{color:var(--bgp-green)}
.bgp-app .summary-item[data-tone=danger]{background:var(--bgp-red-soft);border-color:color-mix(in srgb,var(--bgp-red) 25%,var(--bgp-border))}
.bgp-app .summary-item[data-tone=danger] strong{color:var(--bgp-red)}
.bgp-app .summary-item[data-tone=attention]{background:var(--bgp-amber-soft)}
.bgp-app .summary-item[data-tone=attention] strong{color:var(--bgp-amber)}
.bgp-app .summary-item[data-tone=neutral]{background:var(--bgp-muted-surface)}
.bgp-app .summary-item[data-tone=neutral] strong{color:var(--bgp-muted)}
.bgp-app .table-scroll{border:1px solid var(--bgp-border);border-radius:10px;margin-bottom:18px;background:var(--bgp-surface)}
.bgp-app .bgp-table th{background:var(--bgp-accent-soft);color:var(--bgp-accent)}
.bgp-app .bgp-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--bgp-muted-surface) 45%,var(--bgp-surface))}
.bgp-app .bgp-table tbody tr:hover{background:var(--bgp-accent-soft)}
.bgp-app .result-actions{margin-top:18px;padding-top:16px;border-top:1px solid var(--bgp-border)}
.bgp-app .result-actions button{background:var(--bgp-surface);border-color:var(--bgp-border);border-radius:7px;min-height:38px}
.bgp-app .result-actions button:hover{background:var(--bgp-blue-soft);border-color:var(--bgp-blue)}
.bgp-app .result-actions [data-result-action=explain]{background:var(--bgp-violet-soft);color:var(--bgp-violet)}
.bgp-app .result-actions [data-result-action=monitor]{background:var(--bgp-teal-soft);color:var(--bgp-teal)}
.bgp-app .source-list{display:flex;flex-wrap:wrap;gap:8px;margin-block:12px 18px}
.bgp-app .source-list a,.bgp-app .source-list>span{display:inline-flex;align-items:center;padding:5px 10px;background:var(--bgp-muted-surface);border-radius:6px;color:var(--bgp-muted)}
.bgp-app .source-list a:hover{color:var(--bgp-blue);background:var(--bgp-blue-soft)}
.bgp-app .technical-notes,.bgp-app .raw-evidence{color:var(--bgp-muted);padding:13px 0}
.bgp-app .technical-notes summary,.bgp-app .raw-evidence summary{font-weight:500}
.bgp-app .technical-notes p{font-size:12px;line-height:1.7}
.bgp-app .result-alerts{display:grid;gap:10px;margin-block:12px 18px}
.bgp-app .result-alerts .result-warning{margin:0;border-left:3px solid var(--bgp-amber);border-radius:8px;padding:12px 15px}
.bgp-app .pill{border-radius:6px;padding:5px 10px}
.bgp-app .monitor-promo{background:linear-gradient(120deg,var(--bgp-blue-soft),var(--bgp-teal-soft));border:1px solid var(--bgp-border);box-shadow:var(--bgp-shadow)}
.bgp-app .monitor-mini{box-shadow:var(--bgp-shadow)}
.bgp-app .monitor-features>article,.bgp-app .monitor-features>div{border-top:3px solid var(--bgp-blue);box-shadow:var(--bgp-shadow);background:linear-gradient(145deg,var(--bgp-surface),var(--bgp-blue-soft))}
.bgp-app .monitor-features>:nth-child(2){border-top-color:var(--bgp-teal)}
.bgp-app .monitor-features>:nth-child(3){border-top-color:var(--bgp-violet)}
.bgp-app .ask-section{border:1px solid var(--bgp-border);border-radius:16px;padding:32px;margin-block:28px;background:linear-gradient(120deg,var(--bgp-violet-soft),var(--bgp-blue-soft));box-shadow:var(--bgp-shadow)}
.bgp-app .ask-symbol{background:var(--bgp-surface);color:var(--bgp-violet)}
.bgp-app .ask-prompts button:hover{color:var(--bgp-violet);border-color:var(--bgp-violet)}
.bgp-app .ask-result{background:var(--bgp-surface);border-left:3px solid var(--bgp-violet);line-height:1.8}
.bgp-app .ask-result[data-state=error]{border-left-color:var(--bgp-red);color:var(--bgp-red)}
.bgp-app .ask-mode-note{margin-top:14px;font-size:12px}
.bgp-app .workflow-step>span{color:var(--bgp-accent);background:var(--bgp-blue-soft);border:1px solid var(--bgp-border)}
.bgp-footer{background:var(--bgp-surface);border-top:1px solid var(--bgp-border)}
.bgp-footer nav a:hover{color:var(--bgp-blue)}
body.bgp-modal-open{overflow:hidden}
.bgp-app.bgp-dialog{position:fixed;inset:0;margin:auto;max-height:85vh;max-height:85dvh}
.bgp-app.bgp-dialog::backdrop{background:rgb(18 32 57 / 46%);backdrop-filter:blur(4px)}
.bgp-app.bgp-ask-dialog{border-top:3px solid var(--bgp-violet);width:min(680px,calc(100% - 32px))}
.bgp-app.bgp-ask-dialog .dialog-header{background:linear-gradient(120deg,var(--bgp-violet-soft),var(--bgp-blue-soft))}
.bgp-app.bgp-ask-dialog .dialog-header h2{color:var(--bgp-violet)}
.bgp-app.bgp-ask-dialog .ask-intro{margin-bottom:20px;color:var(--bgp-muted)}
.bgp-app .dialog-close{min-width:40px;min-height:40px;border-radius:8px}
.bgp-app .dialog-close:hover{color:var(--bgp-text);background:var(--bgp-muted-surface)}
@media(max-width:1050px){.bgp-header .bgp-nav .bgp-ai-menu-item{margin-top:5px}.bgp-app .group-heading{margin-inline:-14px;padding-inline:14px}}
@media(max-width:760px){.bgp-app .lookup-results{--result-pad:16px}.bgp-app .summary-grid{gap:9px}.bgp-app .summary-item{padding:12px;min-height:80px}.bgp-app .ask-section{padding:24px;gap:22px}.bgp-app .group-heading{margin-inline:-18px;padding-inline:18px}.bgp-app .bulk-field{padding:13px}.bgp-app .bulk-actions .bgp-btn{width:100%}}
@media(max-width:420px){.bgp-app .lookup-modes{width:100%}.bgp-app .lookup-modes .mode{padding-inline:9px;flex:1;white-space:nowrap}.bgp-app .lookup-modes .tiny-tag{display:none}.bgp-app .lookup-results .result-heading{gap:12px}.bgp-app.bgp-ask-dialog .ask-input{gap:4px}}
@media(prefers-reduced-motion:reduce){.bgp-app *,.bgp-header *{transition:none!important;scroll-behavior:auto!important}}
@media print{body.bgp-studio,body.bgp-studio #main,.bgp-app .lookup-results,.bgp-app .summary-item{background:white!important;box-shadow:none!important}}

.bgp-app .lookup-modes .mode::after {display:none}
