#rename-card-shop[hidden],#rename-card-form[hidden]{display:none!important}
#rename-card-shop{margin:18px 0 6px;padding:15px 16px;border:1px solid #d9bd91;border-radius:14px;background:#fff2d9;color:#785436}
.rename-card-summary{display:flex;align-items:center;gap:14px}
.rename-card-icon{width:58px;height:58px;flex:none;color:#ac7a42}
.rename-card-copy{min-width:0;flex:1}
#rename-card-title{font-size:15px}
.rename-card-copy p{margin:4px 0;font-size:12px;line-height:1.5}
.rename-card-copy>span{font-size:11px;color:#947451}
#rename-card-count{font-variant-numeric:tabular-nums;color:#79502e}
.rename-card-actions,.rename-card-form-actions{display:flex;gap:8px;align-items:center}
#rename-card-shop button{min-height:42px;padding:9px 12px;border:1px solid #caad7b;border-radius:9px;background:#eed5a5;color:#76512e;font-size:12px;white-space:nowrap;touch-action:manipulation}
#rename-card-shop #rename-card-use,#rename-card-shop #rename-card-cancel{background:#fff9ed}
#rename-card-shop button:disabled{opacity:.48;cursor:default}
#rename-card-shop button:focus-visible,#rename-card-name:focus-visible{outline:2px solid #ad7540;outline-offset:3px}
#rename-card-form{margin-top:15px;padding-top:14px;border-top:1px solid #d9bd9160}
#rename-card-form .rename-card-current{margin:0 0 12px;font-size:12px;overflow-wrap:anywhere}
#rename-card-form label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}
#rename-card-name{display:block;width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #c6a878;border-radius:9px;background:#fffaf1;color:#64482f;font:inherit;font-size:16px}
#rename-card-help{margin:7px 0 12px;font-size:11px;line-height:1.7}
#rename-card-status{min-height:18px;margin:8px 0 0;font-size:12px;line-height:1.5;color:#8d6136;overflow-wrap:anywhere}
#rename-card-status[data-error=true]{color:#b05539}
@media(max-width:620px){.rename-card-summary{flex-wrap:wrap;gap:10px}.rename-card-actions{width:100%}.rename-card-actions button{flex:1}.rename-card-form-actions{flex-wrap:wrap}.rename-card-form-actions button{flex:1}.rename-card-icon{width:48px;height:48px}}
@media(orientation:landscape) and (max-height:500px){#rename-card-shop{padding:12px;margin-top:12px}.rename-card-icon{width:44px;height:44px}#rename-card-shop button{min-height:44px}.rename-card-copy p{font-size:11px}#rename-card-form{margin-top:12px}}
