.management-main{width:min(960px,calc(100% - 32px));margin:36px auto 80px}.management-main h1{margin-bottom:12px}.management-main .co-card{max-width:none;margin:16px 0;padding:24px}.management-main input{width:100%;margin:10px 0 16px;padding:12px;border:1px solid #c8cad6;border-radius:10px;background:var(--bg-card,#fff);color:inherit}.management-main button,.management-main .btn{white-space:normal;min-height:44px;cursor:pointer}.management-main button:disabled{cursor:wait;opacity:.65}.management-main [hidden]{display:none!important}.management-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.management-license h2{margin:0 0 12px}.management-license p{margin:10px 0;overflow-wrap:anywhere}.management-license ul{padding-left:20px}.management-device,.management-period{border-top:1px solid #d8d9e1;padding:12px 0;overflow-wrap:anywhere}.management-device button{margin-top:8px}.management-main label{display:block}.management-main #status{min-height:24px;overflow-wrap:anywhere}.management-main .management-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.management-main #identity{overflow-wrap:anywhere;flex-basis:100%}@media(max-width:520px){.management-main .co-card{padding:18px}.management-toolbar button{width:100%}.management-main h1{font-size:1.8rem}}
.management-main .management-consent{display:flex;align-items:flex-start;gap:.65rem;margin:1rem 0;line-height:1.6;cursor:pointer}
.checkout-body .management-main{width:min(1000px,calc(100% - 40px));margin:40px auto 80px}
.management-main .management-license.co-card{padding:32px;border-radius:22px;box-shadow:var(--shadow-md);background:var(--bg-surface);border:1px solid var(--border-color)}
.management-main .management-license-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.management-main .management-license-header h2{margin:0;font-size:1.65rem;line-height:1.25;letter-spacing:-.035em}
.management-main .management-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font-size:.8rem;font-weight:700;line-height:1.5}
.management-main .management-badge[data-state=expired],.management-main .management-badge[data-state=revoked]{background:var(--accent-soft);color:var(--accent)}
.management-main .management-badge[data-state=in_grace]{background:var(--bg-surface-2);color:var(--text-secondary)}
.management-main .management-metadata{display:grid;gap:4px;margin-bottom:24px;color:var(--text-secondary);font-size:.92rem}
.management-main .management-metadata p{margin:0;line-height:1.7}
.management-main .management-recurring{display:grid;gap:12px;padding:22px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-surface-2);margin:20px 0 16px;min-width:0}
.management-main .management-recurring h3,.management-main .management-contact h3{font-size:1.05rem;line-height:1.4;margin:0;font-weight:750;letter-spacing:-.015em}
.management-main .management-recurring p{margin:0;line-height:1.65;color:var(--text-secondary);font-size:.94rem}
.management-main .management-recurring-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
.management-main .management-recurring .btn,.management-main .management-contact .btn,.management-main .management-actions .btn{min-width:0;max-width:100%;margin:0;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-surface);color:var(--text-primary);padding:11px 16px;font-size:.9rem;font-weight:650;line-height:1.4;text-align:center;box-shadow:none}
.management-main .management-recurring .btn:hover,.management-main .management-contact .btn:hover,.management-main .management-actions .btn:hover{border-color:var(--accent);background:var(--accent-soft);transform:none}
.management-main .management-recurring button:disabled{cursor:not-allowed;opacity:.5}
.management-main .management-notice{display:grid;gap:10px;margin-top:4px;padding-top:18px;border-top:1px solid var(--border-strong)}
.management-main .management-notice h4{margin:0;font-size:.95rem}
.management-main .management-notice .btn{justify-self:start;color:var(--accent);border-color:var(--accent-ring);background:var(--bg-surface)}
.management-main .management-manual-renew{padding:10px 0;margin:0 0 12px;min-height:44px;text-align:left;font-size:.9rem}
.management-main .management-purchase-actions{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;min-width:0}
.management-main .management-purchase-actions>.btn{max-width:100%;white-space:normal;line-height:1.5}
.management-main .management-purchase-actions>[aria-disabled=true]{cursor:wait;color:var(--text-secondary)}
.management-main .management-contact{display:grid;gap:14px;border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}
.management-main .management-contact p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.65}
.management-main .management-contact-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
@media(min-width:601px){.management-main .management-contact-fields label{min-height:3em}}
.management-main .management-contact label{font-size:.85rem;font-weight:600;color:var(--text-secondary);line-height:1.5}
.management-main .management-contact input{margin:8px 0 0;border-color:var(--border-strong);background:var(--bg-surface);min-height:46px}
.management-main input:focus-visible,.management-main button:focus-visible,.management-main a:focus-visible{outline:3px solid var(--accent-ring);outline-offset:3px;border-color:var(--accent)}
.management-main .management-contact>.btn{justify-self:start}
.management-main .management-recurring form{display:grid;gap:14px}
.management-main .management-recurring form>.btn{justify-self:start}
.management-main .management-consent{color:var(--text-primary);font-size:.94rem}
.management-main .management-toolbar{padding:18px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-surface);gap:12px}
@media(max-width:600px){.checkout-body .management-main{width:calc(100% - 24px);margin-top:24px}.management-main .management-license.co-card{padding:20px;border-radius:18px}.management-main .management-license-header h2{font-size:1.4rem}.management-main .management-recurring{padding:16px}.management-main .management-recurring-actions{display:grid;grid-template-columns:minmax(0,1fr)}.management-main .management-recurring-actions>.btn{width:100%}.management-main .management-contact-fields{grid-template-columns:minmax(0,1fr)}.management-main .management-notice .btn,.management-main .management-contact>.btn{width:100%;justify-self:stretch}.management-main .management-actions>.btn{flex:1 1 180px}.management-main .management-recurring form>.btn{width:100%;justify-self:stretch}}
.management-main .management-consent input[type=checkbox]{width:1.2rem;min-width:1.2rem;height:1.2rem;margin:.25rem 0 0;padding:0;accent-color:#ed2453}