.commerce-panel{gap:22px;min-width:0;display:grid}.commerce-notice{color:#244e3e;background:#f1f6f3;border:1px solid #dbe6df;border-radius:14px;gap:14px;padding:22px;display:flex}.commerce-notice>svg{flex-shrink:0;margin-top:2px}.commerce-notice p,.commerce-card p,.commerce-setup p{margin:6px 0 0;font-size:14px;line-height:1.6}.commerce-error,.commerce-setup{background:#fff8eb;border:1px solid #ecd9b5;border-radius:10px;padding:16px 20px;font-size:14px}.commerce-error{color:#872c2c;background:#fff0ef;border-color:#e6c8c5;justify-content:space-between;align-items:center;gap:16px;display:flex}.commerce-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.commerce-panel label{color:#46534c;flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.commerce-toolbar label{flex:1;min-width:200px;max-width:420px}.commerce-panel input,.commerce-panel select{color:#182c23;background:#fff;border:1px solid #d7dfd9;border-radius:7px;width:100%;min-height:42px;padding:11px 12px;font-size:14px}.commerce-panel input:focus,.commerce-panel select:focus{outline-offset:2px;outline:2px solid #3c7460}.commerce-card{background:#fff;border:1px solid #dfe6e0;border-radius:13px;min-width:0;padding:24px}.commerce-card h2{margin:12px 0;font-size:19px;font-weight:600}.commerce-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.commerce-card-heading h2{overflow-wrap:anywhere;margin:0}.commerce-card small,.commerce-help{color:#65736b;font-size:12px}.commerce-status{text-transform:uppercase;letter-spacing:.06em;color:#56645b;background:#f1f4f1;border-radius:5px;padding:5px 9px;font-size:11px}.commerce-status.connected{color:#216545;background:#e5f3ea}.commerce-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;display:grid}.billing-amount{letter-spacing:-1px;margin:18px 0;font-size:34px;font-weight:600}.billing-amount span{letter-spacing:0;color:#65736b;margin-top:5px;font-size:13px;font-weight:400;display:block}.commerce-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.commerce-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.commerce-form>.button{margin-top:18px}.commerce-empty{text-align:center;color:#66756b;border:1px dashed #d2ddd5;border-radius:14px;padding:45px 18px}.commerce-empty svg{margin:auto auto 12px}.commerce-empty h2{color:#31453a;font-size:18px;font-weight:600}.commerce-empty p{margin-top:8px;font-size:14px}.commerce-history{background:#fff;border:1px solid #dfe6e0;border-radius:12px;padding:0 20px}.commerce-history>div{border-bottom:1px solid #edf0ec;align-items:center;gap:16px;padding:18px 0;display:flex}.commerce-history>div:last-child{border-bottom:0}.commerce-history>p{color:#68776d;padding:25px 0;font-size:14px}.commerce-history>div>span{flex:1}.commerce-history strong{font-size:14px}.commerce-history small{color:#69786d;margin-top:5px;font-size:12px;display:block}.commerce-history a{align-items:center;gap:5px;font-size:12px;text-decoration:underline;display:flex}.publication-control{justify-content:space-between;align-items:center;gap:20px;display:flex}.publication-control>div{flex:1}.publication-control button{flex-shrink:0}.domain-add{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.domain-add label{flex:1;min-width:190px}.domain-add p{color:#66776c;width:100%;font-size:12px}.dns-records{border:1px solid #e0e7e1;border-radius:8px;margin-top:20px;overflow:hidden}.dns-records>div{border-bottom:1px solid #e6ece7;grid-template-columns:60px minmax(0,1fr) minmax(0,1.5fr);gap:14px;padding:12px;font-size:12px;display:grid}.dns-records>div:last-child{border-bottom:0}.dns-records .dns-heading{color:#6b776e;text-transform:uppercase;letter-spacing:.04em;background:#f5f7f4;font-size:11px}.dns-records code{overflow-wrap:anywhere;white-space:normal;font-size:12px}.dns-records>div>span:last-child{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.dns-records button{flex-shrink:0}.domain-card>small{margin-top:16px;display:block}.commerce-inline-error{color:#923e2d}.commerce-confirm{background:#fff6ef;border-radius:9px;margin-top:15px;padding:15px}.commerce-confirm p{margin:0 0 12px}.commerce-confirm .button{margin-right:10px}.commerce-panel .button:disabled{opacity:.5;cursor:not-allowed}@media (width<=700px){.commerce-card{padding:18px}.commerce-form-grid{grid-template-columns:1fr}.publication-control{flex-direction:column;align-items:flex-start}.dns-records>div{grid-template-columns:42px minmax(0,1fr);gap:10px}.dns-records>div>span:last-child{grid-column:2}.dns-records .dns-heading>span:last-child{display:none}.commerce-history>div{flex-wrap:wrap}.commerce-history>div>span{flex-basis:55%}.commerce-card-heading small{width:100%}.commerce-toolbar label{max-width:none}}.commerce-public-link{color:#216545;align-items:center;gap:6px;margin-top:10px;font-size:13px;text-decoration:underline;display:inline-flex}