#modal:has(#discount-create){width:min(760px,calc(100% - 24px));max-width:760px}
#discount-create .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:18px 0}
#discount-create .field{min-width:0;margin:0}
#discount-create input,#discount-create select{width:100%;box-sizing:border-box}
#discount-create [data-discount-months][hidden]{display:none!important}
#discount-created .notice{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:18px}
#discount-created .notice .field{display:grid;gap:5px;margin:0;min-width:0}
#discount-created .notice .button{justify-self:start}
#discount-created input{width:100%;box-sizing:border-box;font-family:ui-monospace,monospace}
#discount-list{display:grid;gap:10px;margin-top:12px}
#discount-list .panel{padding:14px}
#discount-list p{margin:5px 0}
@media(max-width:620px){#discount-create .form-grid{grid-template-columns:minmax(0,1fr)}}