/* Shared, compact feedback states. Pip is decoration; text carries the meaning. */
.brand-state{box-sizing:border-box;grid-column:1/-1;flex:1 0 100%;width:100%;min-width:0;min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:26px 20px;text-align:center;border:1px solid #2d4759;border-radius:14px;background:radial-gradient(ellipse at 50% 15%,#0d354145,transparent 65%),#0a1520;color:#edf5fc}
.brand-state>img{display:block;width:76px;height:76px;object-fit:contain;margin:0;filter:drop-shadow(0 5px 12px #00d4e315);user-select:none;pointer-events:none}
.brand-state h2,.brand-state h3{margin:0;font-size:21px;font-weight:750;line-height:1.25;letter-spacing:-.5px;color:#edf5fc}
.brand-state>p{max-width:400px;margin:0;color:#a3bdce;font-size:12px;line-height:1.8}
.brand-state>a,.brand-state>button{margin-top:5px;min-height:40px;padding:9px 16px;font-size:12px;border-radius:8px;max-width:100%}
.brand-state--loading{min-height:172px;gap:10px}.brand-state.brand-state--loading>img{display:none}.brand-state--loading>p{font-size:12px;color:#b9d6e4}
.brand-state--quiet{min-height:185px}.brand-state--quiet>img{width:58px;height:58px}
@media(max-width:600px){.brand-state{min-height:200px;padding:23px 17px}.brand-state h2,.brand-state h3{font-size:19px}.brand-state>p{font-size:11px}.brand-state>img{width:66px;height:66px}.brand-state--loading{min-height:156px}.brand-state--quiet{min-height:170px}}