.auto220-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:12px 0;padding:12px 16px;border:1px solid #8ab9ac;border-radius:16px;background:linear-gradient(120deg,#f1fbef,#e2f3f1);color:#224a42}
.auto220-bar>span{display:flex;align-items:center;gap:8px;font-weight:700}.auto220-bar img{width:36px;height:36px}.auto220-bar button{min-height:44px}
.auto220-dialog{max-width:600px;margin:auto;padding:16px;border:1px solid #48776c;border-radius:16px;background:#172e32;color:#e9f4ef;box-sizing:border-box}.auto220-dialog .quiet{background:#28444a;border-color:#638d82;color:#f5faf5}.auto220-dialog h2,.auto220-dialog .eyebrow{color:#f5df9e}.auto220-bar .quiet{background:#fffaf0;border-color:#9ab8ab;color:#224a42}.auto220-dialog h2{margin:6px 0 14px}.auto220-dialog p{line-height:1.5}.auto220-dialog .auto220-cost{display:flex;gap:16px;flex-wrap:wrap;padding:14px;border:1px solid #78a99c;border-radius:12px;background:#21443d;color:#fff6d3;font-weight:700}
.auto220-band{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0}.auto220-band .auto220-unit{min-width:0;text-align:center;font-size:12px;line-height:1.25}.auto220-band img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:7px;margin-bottom:6px}.auto220-dialog details{margin:16px 0}.auto220-dialog summary{cursor:pointer;min-height:36px}.auto220-dialog small{display:block;color:inherit;opacity:.85}
.auto220-receipt{padding:16px;margin:12px 0;background:#234b37;border:1px solid #83c398;border-radius:12px;color:#ecffe9}.auto220-receipt strong{font-size:18px}.auto220-notice{padding:12px;background:#403b25;color:#fff1b8;border-radius:10px}.auto220-list{display:grid;gap:10px;margin:16px 0}.auto220-list button{text-align:left;white-space:normal;min-height:56px}.auto220-dialog .full{margin-top:10px;white-space:normal;min-height:48px}
@media(max-width:420px){.auto220-bar{padding:10px}.auto220-band{gap:4px}.auto220-band .auto220-unit{font-size:11px}}

.auto220-band .art.portrait{position:relative;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:2/3;overflow:hidden;border-radius:7px;margin:0 0 6px}.auto220-band .art.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;margin:0}.auto220-dialog [hidden]{display:none}