/*
Bone Flow #001 Bone Core QA UI
Runtime 1.0.0 / Neon baseline aligned to Bone Flow #002 visual language.
Scoped to bf001-* only.
*/
.bf001-page-body{margin:0;background:#0d1118;color:#f1f5fb;font-family:Meiryo,"Yu Gothic",system-ui,sans-serif;line-height:1.55}
.bf001-page-body *{box-sizing:border-box}
.bf001-page{width:min(1180px,calc(100% - 32px));margin:22px auto 42px}
.bf001-card{background:#161d28;border:1px solid #34465d;border-radius:9px;padding:18px;margin-bottom:14px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.bf001-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.bf001-header h1{font-size:24px;line-height:1.25;margin:0 0 8px;color:#fff}.bf001-header p{margin:3px 0}.bf001-muted{color:#9fb0c4;font-size:12px}
.bf001-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.bf001-badge{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border:1px solid #3b82b9;border-radius:999px;background:#111a25;color:#eaf7ff;font-size:11px;font-weight:700;white-space:nowrap}
.bf001-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.bf001-section-title h2{font-size:18px;margin:0;color:#fff}
.bf001-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #35506c;border-radius:5px;overflow:hidden}.bf001-kv{background:#111923;padding:9px 11px;min-height:62px;border-right:1px solid #35506c}.bf001-kv:last-child{border-right:0}.bf001-kv dt{font-size:10px;color:#78bdf0;margin:0 0 4px}.bf001-kv dd{margin:0;font-weight:700;font-size:12px;word-break:break-word;color:#f7fbff}
.bf001-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}.bf001-button{appearance:none;border:1px solid #476486;background:#172233;color:#f4f8ff;border-radius:4px;min-height:31px;padding:5px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.bf001-button:hover{border-color:#35c6ff;background:#1a2c3e}.bf001-button:disabled{opacity:.42;cursor:not-allowed}.bf001-button-primary{background:#1f64a5;border-color:#2f83d0;color:#fff}.bf001-button-primary:hover{background:#2675ba}.bf001-toolbar .bf001-button:nth-child(2){background:#148858;border-color:#1db778}.bf001-toolbar .bf001-button:nth-child(4){background:#8f2942;border-color:#b73b59}
.bf001-metrics{display:grid;grid-template-columns:1.2fr 1.2fr repeat(5,minmax(0,1fr));border:1px solid #35506c;border-radius:5px;overflow:hidden;margin-bottom:10px;background:#0f1824}.bf001-metrics>div{padding:7px 8px;text-align:center;border-right:1px solid #35506c;min-width:0}.bf001-metrics>div:last-child{border-right:0}.bf001-metrics span{display:block;font-size:9px;color:#8db4d1;margin-bottom:2px}.bf001-metrics strong{font-size:12px;color:#fff;word-break:break-word}
.bf001-status-row{display:grid;grid-template-columns:180px 1fr 110px;gap:10px;align-items:center;padding:7px 8px;border:1px solid #2f435a;border-bottom:0;background:#101923}.bf001-status-row:nth-of-type(2){border-bottom:1px solid #2f435a}.bf001-status-label{font-weight:700;font-size:12px}.bf001-status-value{font-size:12px;color:#c8d5e3}.bf001-status-pill{justify-self:end;font-weight:800;font-size:10px;padding:2px 7px;border-radius:999px;border:1px solid #4b6280;background:#263549;color:#dbe7f3}.bf001-pass{color:#31d68d!important}.bf001-fail{color:#ff5c76!important}.bf001-running{color:#ffd166!important}.bf001-notrun{color:#dce8f5}
.bf001-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bf001-test-panel{border:1px solid #34506d;border-radius:5px;overflow:hidden;background:#0f1823}.bf001-test-panel h3{font-size:12px;margin:0;padding:7px 10px;background:#1f57a0;color:#fff;border-bottom:1px solid #3a6aaa}.bf001-test-list{padding:4px 10px}.bf001-test-row{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:6px 0;border-bottom:1px solid #27394d;font-size:11px}.bf001-test-row:last-child{border-bottom:0}
.bf001-console{margin:0;min-height:125px;max-height:250px;overflow:auto;padding:11px;background:#081018;color:#a9f2ff;border-radius:5px;border:1px solid #28445d;font:11px/1.55 Consolas,"Courier New",monospace;white-space:pre-wrap}
.bf001-completion-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #35506c;border-radius:4px;overflow:hidden;margin-bottom:10px}.bf001-completion-table>div{padding:9px 10px;min-height:60px;background:#101923;border-right:1px solid #35506c;border-bottom:1px solid #35506c}.bf001-completion-table>div:nth-child(3n){border-right:0}.bf001-completion-table>div:nth-last-child(-n+3){border-bottom:0}.bf001-completion-table span{display:block;font-size:10px;color:#78bdf0;margin-bottom:4px}.bf001-completion-table strong{font-size:12px;color:#fff}.bf001-note{border-left:3px solid #3a80c0;background:#101923;padding:9px 11px;font-size:11px;color:#aebed0;margin-top:10px}.bf001-footer{font-size:11px;color:#6f89a4;text-align:center;padding:8px 0}.bf001-link{color:#5ecbff;text-decoration:underline;text-underline-offset:2px}.bf001-link:hover{color:#9fe3ff}
@media(max-width:900px){.bf001-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bf001-kv{border-bottom:1px solid #35506c}.bf001-kv:nth-child(2n){border-right:0}.bf001-kv:nth-last-child(-n+2){border-bottom:0}.bf001-test-grid{grid-template-columns:1fr}.bf001-header{flex-direction:column}.bf001-badges{justify-content:flex-start}.bf001-status-row{grid-template-columns:140px 1fr 90px}.bf001-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.bf001-metrics>div{border-bottom:1px solid #35506c}.bf001-completion-table{grid-template-columns:repeat(2,minmax(0,1fr))}.bf001-completion-table>div:nth-child(3n){border-right:1px solid #35506c}.bf001-completion-table>div:nth-child(2n){border-right:0}.bf001-completion-table>div:nth-last-child(-n+3){border-bottom:1px solid #35506c}.bf001-completion-table>div:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:560px){.bf001-page{width:calc(100% - 16px);margin-top:8px}.bf001-card{padding:12px}.bf001-summary-grid,.bf001-completion-table,.bf001-metrics{grid-template-columns:1fr}.bf001-kv,.bf001-completion-table>div,.bf001-metrics>div{border-right:0!important;border-bottom:1px solid #35506c!important}.bf001-kv:last-child,.bf001-completion-table>div:last-child,.bf001-metrics>div:last-child{border-bottom:0!important}.bf001-status-row{grid-template-columns:1fr}.bf001-status-pill{justify-self:start}.bf001-toolbar{display:grid;grid-template-columns:1fr 1fr}.bf001-button{width:100%}}

/* #001 Guide modal / navigation (Candidate 1.0.12) */
.bf001-header-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.bf001-button-nav{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.bf001-button-guide{border-color:#27bfff;color:#e8f8ff}.bf001-modal-open{overflow:hidden}.bf001-guide-backdrop[hidden]{display:none}.bf001-guide-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(0,7,15,.82);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.bf001-guide-modal{width:min(1080px,calc(100vw - 36px));height:min(760px,calc(100vh - 36px));background:#071827;border:1px solid #3a688a;border-radius:7px;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 22px rgba(31,160,225,.14);display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;color:#edf8ff}.bf001-guide-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#102b43;border-bottom:1px solid #315b79}.bf001-guide-head h2{margin:0;font-size:18px;color:#fff}.bf001-guide-head-actions{display:flex;gap:7px}.bf001-guide-mini{appearance:none;border:1px solid #527796;border-radius:4px;background:#10273a;color:#eff9ff;min-height:28px;padding:4px 9px;font:inherit;font-size:11px;cursor:pointer}.bf001-guide-mini:hover{border-color:#43c8ff;color:#75dcff}.bf001-guide-search{display:grid;grid-template-columns:auto minmax(160px,360px) auto 1fr;gap:9px;align-items:center;padding:9px 12px;border-bottom:1px solid #315b79;background:#0a1e2d}.bf001-guide-search label{font-size:12px;font-weight:800;color:#7ed8ff}.bf001-guide-search input{min-height:30px;border:1px solid #355c78;border-radius:4px;background:#071725;color:#fff;padding:5px 8px;outline:none}.bf001-guide-search input:focus{border-color:#40c8ff;box-shadow:0 0 0 2px rgba(64,200,255,.12)}.bf001-guide-body{min-height:0;display:grid;grid-template-columns:210px 1fr}.bf001-guide-toc{background:#081b2a;border-right:1px solid #315b79;padding:13px 10px;overflow:auto}.bf001-guide-toc strong{display:block;color:#86dbff;font-size:11px;margin:0 6px 9px}.bf001-guide-toc a{display:block;color:#cfefff;text-decoration:none;padding:7px 8px;border-radius:4px;font-size:12px;margin-bottom:3px}.bf001-guide-toc a:hover{background:#102b43;color:#5fd5ff}.bf001-guide-frame{width:100%;height:100%;min-height:0;border:0;background:#0d1118}.bf001-guide-foot{display:flex;justify-content:flex-end;padding:9px 12px;background:#102b43;border-top:1px solid #315b79}.bf001-guide-foot .bf001-button{margin:0}.bf001-guide-backdrop .bf001-button:nth-child(n){background:#10273a;border-color:#527796}.bf001-guide-backdrop .bf001-button:hover{border-color:#43c8ff;background:#15364f}.bf001-guide-backdrop .bf001-button:disabled{opacity:.42}
@media(max-width:760px){.bf001-guide-backdrop{padding:8px}.bf001-guide-modal{width:calc(100vw - 16px);height:calc(100vh - 16px)}.bf001-guide-body{grid-template-columns:1fr}.bf001-guide-toc{display:none}.bf001-guide-search{grid-template-columns:auto 1fr auto}.bf001-guide-search:after{display:none}}
