.create-customer { padding: 0 20px 20px; }
.create-customer > summary { display: inline-flex; align-items: center; min-height: 44px; }
.license-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: 18px 0; }
.license-form label { display: grid; align-content: start; gap: 6px; margin: 0; color: #cbd5e1; font-size: 13px; font-weight: 600; }
.license-form input:not([type="checkbox"]), .license-form select { width: 100%; min-width: 0; min-height: 44px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.17); border-radius: 8px; background: #091426; color: #fff; font: inherit; }
.license-form input:focus-visible, .license-form select:focus-visible { outline: 3px solid rgba(56,189,248,.45); outline-offset: 2px; }
.license-form > button { grid-column: 1 / -1; justify-self: start; min-height: 44px; }
.module-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 16px; grid-column: 1 / -1; padding: 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; }
.module-options legend { padding: 0 6px; color: #cbd5e1; font-weight: 700; }
.module-options label { display: flex; align-items: center; gap: 8px; min-height: 36px; font-size: 13px; }
.module-options input { width: 18px; height: 18px; accent-color: #0ea5e9; }
.license-list { display: grid; gap: 14px; padding: 0 20px 20px; }
.license-card { scroll-margin-top: 16px; padding: 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; background: #101d31; }
.license-card-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.license-card-head h3 { margin: 0; font-size: 16px; }
.license-card-head p { margin: 4px 0 0; color: #91a0b7; font-size: 13px; }
.license-card .license-form { padding-bottom: 0; }
.table-link { color: #7dd3fc; font-weight: 700; text-underline-offset: 3px; }
.activation { align-items: start; flex-wrap: wrap; gap: 14px; }
.activation strong { max-width: 100%; font-size: clamp(16px, 2vw, 24px); letter-spacing: .03em; overflow-wrap: anywhere; }
.activation small { max-width: 680px; line-height: 1.5; }
@media (max-width: 1050px) { .license-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .module-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .license-form, .module-options { grid-template-columns: 1fr; } .license-card-head { align-items: stretch; flex-direction: column; } .license-card-head button { width: 100%; } .activation button { width: 100%; } }