/* «Телефон: до и после»: телефон-картинка, шкала, карточки настроек */
#phoneBA{grid-template-columns:minmax(0,1fr);}
.ba-top{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:center;}
.ba-phone{position:relative;width:260px;min-height:470px;margin:0 auto;padding:44px 14px 18px;border-radius:38px;border:3px solid #3a3e7a;background:linear-gradient(180deg,#1c2058,#0f1130);display:flex;flex-direction:column;gap:10px;}
.ba-notch{position:absolute;top:10px;left:50%;width:84px;height:20px;margin-left:-42px;border-radius:99px;background:#05061a;}
.ba-time{text-align:center;font:700 44px var(--display);color:#fff;margin-bottom:6px;}
.ba-n{padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;font-size:13px;line-height:1.35;}
.ba-n b{display:block;font-size:12px;opacity:.75;}
.ba-n .ba-hid{display:none;}
.ba-n.done .ba-full{display:none;}
.ba-n.done .ba-hid{display:inline;opacity:.75;}
.ba-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;}
.ba-tags span{font-size:11.5px;padding:4px 8px;border-radius:99px;background:rgba(248,113,113,.18);color:#fecaca;border:1px solid rgba(248,113,113,.4);transition:opacity .3s;}
.ba-tags span.done{opacity:.18;text-decoration:line-through;}
.ba-score b{display:block;font:700 40px var(--display);color:var(--t);margin:4px 0 8px;}
.ba-k{font:12px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.05em;}
.ba-meter{height:10px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;}
.ba-meter i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#f5c542,#f87171);transition:width .4s;}
.ba-list{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.ba-card{padding:14px 16px;border:1px solid var(--brd);border-radius:14px;background:var(--card);}
.ba-card.done{border-color:rgba(52,211,153,.5);}
.ba-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ba-head b{flex:1;min-width:180px;font-size:16px;}
.ba-num{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 13px var(--mono);background:rgba(139,108,246,.18);color:var(--violet2);}
.ba-card.done .ba-num{background:rgba(52,211,153,.18);color:#34d399;}
.ba-sw{display:inline-flex;border:1px solid var(--brd2);border-radius:99px;overflow:hidden;}
.ba-sw button{border:0;background:none;color:var(--sub);padding:6px 14px;font-size:13px;cursor:pointer;}
.ba-sw button.on{background:var(--violet,#8b6cf6);color:#fff;}
.ba-card.done .ba-sw button.on{background:#10b981;}
.ba-state{margin:8px 0 0;color:var(--sub);}
.ba-card details{margin-top:6px;font-size:14px;}
.ba-card details summary{cursor:pointer;color:var(--violet2);}
.ba-card details p{margin:6px 0 0;color:var(--sub);}
@media (max-width:760px){.ba-top{grid-template-columns:1fr;}.ba-phone{width:240px;min-height:440px;}}