#projectSeriesDialog{width:min(1020px,95vw);max-height:92vh;padding:24px;border:1px solid #d5e3dc;border-radius:18px;color:#243d33;background:#f7faf8}
#projectSeriesDialog .series-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(300px,1.2fr);gap:24px}
#projectSeriesDialog fieldset{border:1px solid #d5e3dc;border-radius:12px;padding:12px 16px;margin:0 0 12px;background:white}
#projectSeriesDialog legend{padding:0 6px;font-weight:650}
#projectSeriesDialog .check{display:flex;gap:9px;align-items:center}
#projectSeriesDialog input[type=checkbox]{width:17px;height:17px;accent-color:#23785d}
#projectSeriesDialog .series-choices{display:flex;gap:12px;flex-wrap:wrap}
#projectSeriesDialog .series-preview{padding:16px;border:1px solid #d5e3dc;background:white;border-radius:12px}
#seriesVariants{max-height:440px;overflow:auto}
#projectSeriesDialog .series-variant{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #e4ece8}
#projectSeriesDialog .series-variant>span{color:#7e9388;min-width:24px}
#projectSeriesDialog small{display:block;color:#788f82;margin-top:5px}
#projectSeriesDialog a{color:#23785d}
#projectSeriesDialog .series-footer{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
#createProjectSeries{white-space:nowrap}
@media(max-width:720px){#projectSeriesDialog .series-layout{grid-template-columns:1fr}#projectSeriesDialog{padding:16px}#seriesVariants{max-height:280px}}