.bdp-app{--bdp-red:#ce1b1b;--bdp-dark:#071421;--bdp-blue:#1ba7d6;--bdp-lime:#9ad000;--bdp-text:#0b1726;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--bdp-text);max-width:980px;margin:0 auto}.bdp-shell{background:#fff;border-radius:24px;box-shadow:0 18px 45px rgba(0,0,0,.16);overflow:hidden;border:1px solid #d8e2e8}.bdp-header{display:flex;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#071421,#0d2a3e);color:#fff;padding:26px}.bdp-header h2{margin:.15rem 0;font-size:clamp(28px,5vw,52px);line-height:1}.bdp-header p{margin:0;color:#d9ecf5}.bdp-kicker{color:#9ad000;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.bdp-pro-badge{display:inline-flex;align-items:center;align-self:flex-start;border-radius:999px;padding:6px 10px;background:linear-gradient(135deg,#4c3900,#f0c238);color:#fff;font-weight:900;font-size:12px}.bdp-tabs{display:flex;background:#071421;padding:8px;gap:8px}.bdp-tab{flex:1;padding:12px 14px;border:0;border-radius:14px;background:#12283b;color:#fff;font-weight:800;cursor:pointer}.bdp-tab.is-active{background:var(--bdp-lime);color:#071421}.bdp-view{display:none;padding:22px}.bdp-view.is-active{display:block}.bdp-stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.bdp-stepper button{border:0;border-radius:14px;background:#eff5f7;color:#263445;font-weight:900;padding:10px;cursor:pointer}.bdp-stepper button.is-active{background:var(--bdp-blue);color:#fff}.bdp-stepper span{display:block;font-size:12px}.bdp-step{display:none}.bdp-step.is-active{display:block}.bdp-step h3{font-size:clamp(26px,5vw,44px);line-height:1.05;margin:0 0 18px;background:var(--bdp-blue);color:#fff;padding:18px;border-radius:12px}.bdp-grid{display:grid;gap:16px}.bdp-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.bdp-app label{display:block;font-weight:900;font-size:17px}.bdp-app input,.bdp-app select,.bdp-app textarea{box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #d8e2e8;border-radius:14px;padding:14px;font-size:18px;background:#fff;color:#071421}.bdp-app textarea{min-height:110px;resize:vertical}.bdp-note,.bdp-angle-card,.bdp-result-card{background:#f7fafb;border:1px solid #d8e2e8;border-radius:18px;padding:18px;margin:14px 0}.bdp-angle-card label{display:flex;justify-content:space-between;align-items:center;font-size:22px}.bdp-angle-card input[type=range]{accent-color:var(--bdp-lime);padding:0}.bdp-range-hint{margin-top:8px;color:#5b6776}.bdp-ok{color:#11804b;font-weight:900}.bdp-warn{color:#a05a00;font-weight:900}.bdp-check{display:flex!important;gap:10px;align-items:flex-start;background:#fff8e8;border:1px solid #f0d18a;border-radius:14px;padding:14px}.bdp-check input{width:auto;margin-top:4px}.bdp-mobile-nav{position:sticky;bottom:0;z-index:5;background:rgba(255,255,255,.96);border-top:1px solid #d8e2e8;display:flex;gap:10px;padding:12px;margin:22px -22px -22px}.bdp-mobile-nav button,.bdp-profile-create button,.bdp-history-actions button,.bdp-list-item button{border:0;border-radius:14px;padding:13px 18px;font-weight:900;cursor:pointer;background:#071421;color:#fff}.bdp-mobile-nav .bdp-primary{background:var(--bdp-red)}.bdp-secondary{background:#e8eef1!important;color:#071421!important}.is-hidden{display:none!important}.bdp-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bdp-score{position:relative;background:#f2f6f8;border:1px solid #d8e2e8;border-radius:14px;padding:12px;overflow:hidden}.bdp-score span{display:block;font-size:12px;text-transform:uppercase;font-weight:900;color:#627083}.bdp-score strong{font-size:30px}.bdp-score i{display:block;height:5px;background:var(--bdp-red);border-radius:999px}.bdp-targets table{width:100%;border-collapse:collapse}.bdp-targets th,.bdp-targets td{border:1px solid #d8e2e8;padding:12px;text-align:left}.bdp-targets th{background:#071421;color:#fff}.bdp-disclaimer{font-size:13px;color:#677386;border-top:1px solid #d8e2e8;padding-top:12px}.bdp-profile-create,.bdp-history-actions{display:flex;gap:10px;align-items:center;margin-bottom:16px}.bdp-list{display:grid;gap:10px}.bdp-list-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #d8e2e8;background:#f7fafb;border-radius:16px;padding:14px}.bdp-list-item span{display:block;color:#5c6877}.bdp-error{background:#ffe9e9;color:#7c1010;border:1px solid #ffb8b8;border-radius:14px;padding:16px}.bdp-loading{padding:18px;background:#eef7ff;border-radius:14px}@media(max-width:700px){.bdp-app{max-width:100%;padding:0}.bdp-shell{border-radius:0}.bdp-header{padding:18px}.bdp-view{padding:14px}.bdp-grid.two,.bdp-score-grid{grid-template-columns:1fr}.bdp-stepper{grid-template-columns:repeat(5,64px);overflow-x:auto}.bdp-stepper button{min-width:64px}.bdp-stepper span{display:none}.bdp-step h3{font-size:32px;padding:14px}.bdp-profile-create,.bdp-history-actions,.bdp-list-item{flex-direction:column;align-items:stretch}.bdp-mobile-nav{margin:16px -14px -14px}.bdp-angle-card label{font-size:20px}.bdp-app input,.bdp-app select,.bdp-app textarea{font-size:18px;min-height:48px}}
.bdp-item-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.bdp-item-actions a{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:10px;background:#eef6d8;color:#0b1626;text-decoration:none;font-weight:800}.bdp-muted{color:#64748b;font-size:13px;margin-top:10px}@media(max-width:640px){.bdp-item-actions{justify-content:flex-start;width:100%}.bdp-item-actions a,.bdp-item-actions button{flex:1;text-align:center}}

/* Phase 4 PRO intelligence */
.bdp-symptoms{margin-top:18px;padding:16px;border:1px solid #d7e2ea;border-radius:18px;background:#fbfdff}
.bdp-symptoms h4{margin:0 0 12px;font-size:18px;color:#071827}
.bdp-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bdp-checkbox-grid label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e3e8ee;border-radius:12px;background:#fff;font-size:14px;line-height:1.25}
.bdp-checkbox-grid input{width:auto;margin:0}
.bdp-recommendations{margin-top:18px;display:grid;gap:10px}
.bdp-recommendations h4{margin:0 0 4px;color:#071827}
.bdp-rec{border:1px solid #e2e8f0;border-left:6px solid #90c900;border-radius:14px;background:#fff;padding:12px;display:grid;gap:5px}
.bdp-rec span{text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.08em;color:#64748b}
.bdp-rec.high{border-left-color:#CE1B1B;background:#fff7f7}.bdp-rec.medium{border-left-color:#d49b00;background:#fffaf0}.bdp-rec.low{border-left-color:#90c900;background:#fafff3}
.bdp-rec strong{color:#071827}.bdp-rec p{margin:0;color:#334155}.bdp-rec small{color:#64748b}
@media (max-width:700px){.bdp-checkbox-grid{grid-template-columns:1fr}.bdp-symptoms{padding:12px}.bdp-rec{padding:10px}.bdp-targets table{min-width:520px}}


.bdp-compare-box{margin:12px 0}.bdp-compare-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.bdp-compare-grid div{background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px}.bdp-compare-grid span{display:block;font-size:11px;text-transform:uppercase;color:#9ca3af;font-weight:800}.bdp-compare-grid strong{font-size:22px;color:#97d700}.bdp-checklist-row{cursor:pointer}.bdp-checklist-row input{width:auto;transform:scale(1.25)}@media(max-width:760px){.bdp-compare-grid{grid-template-columns:1fr 1fr}.bdp-tabs{overflow-x:auto}.bdp-tab{white-space:nowrap}}

/* Phase 8 UX/UI + multilingual hardening */
.bdp-header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:150px}.bdp-language-label{display:grid!important;gap:5px;color:#d9ecf5;font-size:12px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.04em}.bdp-language-label select{min-width:145px;margin:0!important;padding:9px 10px!important;border-radius:12px!important;font-size:14px!important;background:#fff!important;color:#071421!important}.bdp-api-warning{margin:0;border-radius:0;background:#fff8e8;border-left:4px solid #d49b00}.bdp-stepper button{transition:transform .15s ease,background .15s ease,color .15s ease}.bdp-stepper button:focus-visible,.bdp-tab:focus-visible,.bdp-mobile-nav button:focus-visible{outline:3px solid rgba(27,167,214,.35);outline-offset:2px}.bdp-stepper button:hover{transform:translateY(-1px)}.bdp-stepper button[aria-current=step]{box-shadow:0 6px 18px rgba(27,167,214,.28)}.bdp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.bdp-result-empty{background:#f7fafb;border:1px dashed #c8d5df;border-radius:18px;padding:18px;color:#526173}.bdp-form{position:relative}.bdp-app .bdp-mobile-nav button:disabled{opacity:.45;cursor:not-allowed}.bdp-app[data-lang="de"] .bdp-tab,.bdp-app[data-lang="hr"] .bdp-tab{font-size:14px}.bdp-app[data-lang="de"] .bdp-step h3{font-size:clamp(24px,4vw,38px)}
@media(max-width:700px){.bdp-header{display:grid;grid-template-columns:1fr;gap:14px}.bdp-header-tools{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.bdp-language-label{min-width:145px}.bdp-tabs{display:grid;grid-template-columns:1fr 1fr}.bdp-tab{padding:11px 10px}.bdp-stepper{grid-template-columns:repeat(5,minmax(58px,1fr));gap:6px;overflow:visible}.bdp-stepper button{padding:9px 5px;border-radius:12px;font-size:14px}.bdp-step{animation:bdpFade .18s ease}.bdp-mobile-nav{box-shadow:0 -10px 25px rgba(7,20,33,.10)}.bdp-mobile-nav button{flex:1}.bdp-angle-card{padding:14px}.bdp-score strong{font-size:24px}.bdp-result-card{padding:14px}.bdp-targets table{min-width:0}.bdp-targets th,.bdp-targets td{font-size:14px;padding:10px}.bdp-checkbox-grid label{font-size:15px}.bdp-app label{font-size:16px}.bdp-app input,.bdp-app select,.bdp-app textarea{font-size:16px}}
@keyframes bdpFade{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Phase 10 hardened wizard runtime */
.bdp-app [hidden]{display:none!important}
.bdp-step-error{margin:0 0 14px!important}
.bdp-result-head{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.bdp-result-head h4{margin:.15rem 0 0;font-size:24px;color:#071827}.bdp-result-head p{margin:.25rem 0 0;width:100%;color:#526173}
.bdp-mobile-nav button:disabled{opacity:.45!important;cursor:not-allowed!important;filter:grayscale(.2)}
.bdp-stepper button[aria-current="step"]{outline:2px solid rgba(27,167,214,.28);outline-offset:2px}
.bdp-app select{appearance:auto}.bdp-app button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@media(max-width:700px){.bdp-stepper{position:sticky;top:0;z-index:4;background:#fff;padding:6px 0;margin-top:-4px}.bdp-stepper button{min-height:48px}.bdp-step h3{position:relative;margin-top:8px}.bdp-mobile-nav{position:sticky;bottom:0}.bdp-result-head h4{font-size:20px}.bdp-profile-create button,.bdp-history-actions button,.bdp-list-item button{width:100%}}

/* Phase 11 UX/UI hardening: prevent theme leakage and translation-key visual breakage */
.bdp-app,.bdp-app *{box-sizing:border-box}
.bdp-app{background:transparent!important;line-height:1.35}
.bdp-shell{background:#ffffff!important;color:#0b1726!important}
.bdp-view,.bdp-view.is-active,.bdp-form,.bdp-step,.bdp-grid{background:#ffffff!important;color:#0b1726!important}
.bdp-header h2,.bdp-header p,.bdp-kicker,.bdp-language-label span{word-break:normal;overflow-wrap:anywhere}
.bdp-header h2{color:#ffffff!important;text-transform:none!important;opacity:1!important}
.bdp-header p{color:#d9ecf5!important;text-transform:none!important;opacity:1!important}
.bdp-tab,.bdp-stepper button,.bdp-mobile-nav button{text-transform:none!important;letter-spacing:.02em}
.bdp-stepper button{white-space:normal!important;line-height:1.15!important}
.bdp-step h3{text-transform:none!important;overflow-wrap:anywhere}
.bdp-app input,.bdp-app select,.bdp-app textarea{max-width:100%!important;line-height:1.25!important;text-transform:none!important}
.bdp-api-warning{font-size:15px!important;color:#4b3700!important;background:#fff8e8!important}
@media(max-width:700px){.bdp-app{width:100%!important}.bdp-shell{border-radius:0!important}.bdp-header h2{font-size:34px!important}.bdp-tabs{gap:6px!important}.bdp-tab{font-size:14px!important}.bdp-stepper button{font-size:13px!important;min-width:0!important}.bdp-step h3{font-size:28px!important}.bdp-grid.two{grid-template-columns:1fr!important}.bdp-app label{font-size:15px!important}.bdp-app input,.bdp-app select,.bdp-app textarea{font-size:16px!important}.bdp-note{font-size:15px!important}}

/* Phase 12: real image/video/camera analysis workflow */
.bdp-app .bdp-analysis-panel{margin:0 0 18px;padding:16px;border:1px solid rgba(151,203,0,.45);border-radius:18px;background:#f8fafc;color:#071827;box-shadow:0 10px 22px rgba(2,8,23,.08)}
.bdp-app .bdp-analysis-panel[hidden]{display:none!important}
.bdp-app .bdp-analysis-copy strong{display:block;font-size:1.15rem;font-weight:900;margin-bottom:4px;color:#071827}
.bdp-app .bdp-analysis-copy p{margin:0 0 12px;color:#475569;line-height:1.45}
.bdp-app .bdp-analysis-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
.bdp-app .bdp-analysis-actions button[hidden]{display:none!important}
.bdp-app .bdp-analysis-video{display:block;width:100%;max-height:280px;border-radius:14px;background:#020617;margin-bottom:10px}
.bdp-app .bdp-analysis-video[hidden]{display:none!important}
.bdp-app .bdp-canvas-wrap{width:100%;overflow:hidden;border-radius:16px;border:1px solid #d8e0e8;background:#fff}
.bdp-app #bdp-analysis-canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;background:#fff}
.bdp-app .bdp-analysis-status{margin-top:10px;padding:10px 12px;border-radius:12px;background:#eaf6ff;color:#0f3b57;font-weight:800}
.bdp-app .bdp-analysis-status.is-warning{background:#fff4d6;color:#8a4b00}
.bdp-app .bdp-analysis-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.bdp-app .bdp-analysis-points small{display:block;flex-basis:100%;color:#64748b;font-weight:700;margin-top:2px}.bdp-app .bdp-analysis-points span,.bdp-app .bdp-analysis-points strong{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:999px;border:1px solid #d8e0e8;background:#fff;font-size:.88rem;font-weight:800;color:#071827}
.bdp-app .bdp-analysis-points span.is-done{background:#97cb00;border-color:#97cb00;color:#071827}
.bdp-app .bdp-analysis-privacy{margin-top:10px;font-size:.9rem}
@media (max-width:720px){.bdp-app .bdp-analysis-panel{padding:12px;border-radius:14px}.bdp-app .bdp-analysis-actions{display:grid;grid-template-columns:1fr 1fr}.bdp-app .bdp-analysis-actions button{width:100%;min-height:44px;font-size:.82rem}.bdp-app .bdp-analysis-points span,.bdp-app .bdp-analysis-points strong{font-size:.78rem}}

/* v1.15.0: pose side selector in image/video analysis */
.bdp-app .bdp-analysis-side{
    border: 1px solid rgba(15,23,42,.16);
    border-radius: 999px;
    padding: 10px 14px;
    min-height: 44px;
    font-weight: 800;
    background: #fff;
    color: #0b1a2a;
    max-width: 190px;
}
@media (max-width: 640px){
    .bdp-app .bdp-analysis-side{width:100%;max-width:none;}
}