.dbProBackdrop{position:fixed;inset:0;z-index:5200;display:grid;place-items:center;padding:18px;background:rgba(7,18,30,.52);backdrop-filter:blur(12px)}
.dbProModal{width:min(760px,100%);max-height:90vh;overflow:auto;box-sizing:border-box;padding:18px;border-radius:24px;background:#f8fafb;box-shadow:0 28px 90px rgba(0,0,0,.3)}
.dbProHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dbProHead small{font-size:10px;letter-spacing:.12em;color:#237a73;font-weight:850}.dbProHead h2{margin:3px 0}.dbProHead p{margin:0;color:#68747e}.dbProHead>button{border:0!important;border-radius:50%!important;width:34px;height:34px;padding:0!important;background:#e8edf1!important;font-size:20px}
.dbProTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;margin:14px 0;border:1px solid #dde3e8;border-radius:14px;background:#f0f4f6}.dbProTabs button{border:0!important;background:transparent!important;border-radius:9px!important}.dbProTabs button.active{background:#fff!important;color:#0e6e64!important;box-shadow:0 2px 8px rgba(20,42,55,.08)!important}
.dbProPage{display:none}.dbProPage.active{display:block}.dbProGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.dbProGrid.three{grid-template-columns:repeat(3,1fr)}.dbProGrid label,.dbProWide{display:grid;gap:5px;font-size:11px;font-weight:750}.dbProGrid input,.dbProGrid select,.dbProWide input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #d8e0e5;border-radius:11px;background:#fff;font:inherit}
.dbProWide{margin:9px 0}.dbProResult{display:grid;gap:2px;margin:10px 0;padding:12px;border:1px solid #cfe6df;border-radius:13px;background:#eef8f5}.dbProResult b{font-size:17px}.dbProResult span{font-size:11px;color:#5f716c}.dbProResult small,.dbProNote{font-size:10px;color:#7c858c}
.dbProChecklist{display:grid;gap:5px;margin-top:9px}.dbProChecklist label{display:flex;align-items:flex-start;gap:9px;padding:9px;border:1px solid #e0e5e9;border-radius:12px;background:#fff}.dbProChecklist input{margin-top:3px}.dbProChecklist span{display:grid;gap:1px}.dbProChecklist small{font-size:10px;color:#737e87}
.dbProMini{display:flex;align-items:center;gap:8px;padding:8px 2px;border-bottom:1px solid #e7ebee}.dbProMini b{min-width:110px}.dbProMini span{flex:1;font-size:11px;color:#626e77}.dbProMini em{font-style:normal;font-size:10px;color:#7a858d;text-align:right}.dbProMini button{padding:2px 6px!important;border-radius:8px!important}
.dbProScore{display:flex;align-items:center;gap:13px;margin:14px 0;padding:14px;border-radius:17px;background:linear-gradient(135deg,#0d3343,#176d69);color:#fff}.dbProScore>strong{font-size:34px}.dbProScore>div{display:grid;flex:1}.dbProScore span{font-size:10px;color:#c9e4e0}.dbProScore button{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}
.dbProCheckGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.dbProCheckGrid span{display:flex;align-items:center;gap:7px;padding:8px;border-radius:10px;font-size:11px;background:#fff;border:1px solid #e1e6e9}.dbProCheckGrid i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-style:normal;font-weight:850}.dbProCheckGrid .ok i{background:#dff5eb;color:#157358}.dbProCheckGrid .miss i{background:#fff0dc;color:#a15e08}
@media(max-width:620px){.dbProBackdrop{padding:0;align-items:end}.dbProModal{width:100%;max-height:92vh;border-radius:24px 24px 0 0}.dbProGrid,.dbProGrid.three{grid-template-columns:1fr}.dbProCheckGrid{grid-template-columns:1fr}.dbProTabs button{font-size:10px;padding:8px 4px!important}.dbProScore{align-items:flex-start}.dbProScore button{display:none}}
