/* STEP1GROUP: step 3 'all the design's fields' panel */
.s1g-s3{margin:12px 0;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:10px 12px;background:#fff}
.s1g-s3>summary{cursor:pointer;font-size:1rem;padding:2px 0}
.s1g-s3 .s1g-n{display:inline-block;min-width:1.4em;padding:0 .4em;border-radius:1em;background:rgba(0,0,0,.07);font-size:.8rem;text-align:center}
.s1g-s3 .hint{margin:4px 0 10px;opacity:.75;font-size:.85rem}
.s1g-s3 .fl-tip,.s1g-s3 .ux-fillhint{display:none}
/* phone one-step layout: ph.js shows the step-1 form in step 3; this panel becomes a closed "Show all fields" with only the design's other fields */
.s1g-s3 .s1g-tp{display:none}
@media (max-width:980px){.editor.onestep #s1gS3 b.s1g-tp,.editor.onestep #s1gS3 span.s1g-tp{display:inline-block}.editor.onestep #s1gS3 p.s1g-tp{display:block}.editor.onestep #s1gS3 .s1g-td{display:none}.editor.onestep #s1gS3 .fld.s1g-in1{display:none}.editor.onestep #s1gS3 .s1g-none1{display:none}}

/* STEP1GROUP: the step-3 panel gets the same field styling as step 1 (mirrors the #fields rules in styles.css / layout3.css; s1-center etc. are set on this box by drawFields) */
#s1gS3 .s1g-fields input::placeholder,#s1gS3 .s1g-fields textarea::placeholder,.phfields input::placeholder,.phfields textarea::placeholder{color:#a0a8b0;opacity:1}
#s1gS3 .s1g-fields .fl-tip{margin:0 0 10px;font-size:14px;line-height:1.4;color:#41525a;background:#f3f8f9;border-radius:8px;padding:8px 10px}
#s1gS3 .s1g-fields .pgrp{display:flex;flex-direction:column;border:1px solid #d9e1e4;border-radius:12px;background:#fff;overflow:hidden}
#s1gS3 .s1g-fields .pgrp .prow{display:flex;flex-direction:column;padding:6px 10px;border-top:1px solid #edf1f2;position:relative}
#s1gS3 .s1g-fields .pgrp .prow:first-child{border-top:0}
#s1gS3 .s1g-fields .pgrp .plbl{font-size:11px;color:#7b878c;line-height:1.2;margin-bottom:2px}
#s1gS3 .s1g-fields .pgrp .pctl{display:flex;align-items:center;gap:6px;min-height:34px}
#s1gS3 .s1g-fields .pgrp .pctl input,#s1gS3 .s1g-fields .pgrp .pctl select,#s1gS3 .s1g-fields .pgrp .pctl .datebtn{flex:1;min-width:0;border:0;background:transparent;font-size:16px;padding:6px 0;box-shadow:none;outline-offset:2px}
#s1gS3 .s1g-fields .pgrp .pctl .pother{border-top:1px dashed #dde4e6}
#s1gS3 .s1g-fields .pgrp .pfix{flex:1;color:#55646a;font-size:15px;padding:6px 0}
#s1gS3 .s1g-fields .pgrp .prow.t-fixed{background:#f7f9fa}
#s1gS3 .s1g-fields .pgrp .pico{color:#7b878c;display:flex}
#s1gS3 .s1g-fields .pgrp .hidden{display:none}
@media (max-width:820px){#s1gS3 .s1g-fields.s1-tipph .fl-tip{display:none}}
#s1gS3 .s1g-fields.s1-center .fl-tip,#s1gS3 .s1g-fields.s1-center .fld>span:first-child,#s1gS3 .s1g-fields.s1-center .pgrp .plbl,#s1gS3 .s1g-fields.s1-center .pgrp .pfix,#s1gS3 .s1g-fields.s1-center .mlhint{text-align:center}
#s1gS3 .s1g-fields.s1-center .fld input:not(.affix),#s1gS3 .s1g-fields.s1-center .fld textarea,#s1gS3 .s1g-fields.s1-center .fld select{text-align:center;text-align-last:center}
#s1gS3 .s1g-fields.s1-center .fld input:not(.affix)::placeholder,#s1gS3 .s1g-fields.s1-center .fld textarea::placeholder{text-align:center}
#s1gS3 .s1g-fields.s1-center .fld .inp.date .datebtn,#s1gS3 .s1g-fields.s1-center .pgrp .pctl .datebtn{justify-content:center;text-align:center}
#s1gS3 .s1g-fields.l3-nolabels .fld{gap:0}
/* /STEP1GROUP */