.workflow-form-status{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;margin:12px 0 16px;padding:15px 17px;border:1px solid #d7e2ef;border-radius:17px;background:linear-gradient(145deg,#fff,#f7f9fd);box-shadow:0 10px 24px rgba(31,59,108,.06)}
.workflow-form-status>i{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#eaf0fb;color:#284494}.workflow-form-status>i svg{width:25px;height:25px}.workflow-form-status small,.workflow-form-status strong{display:block}.workflow-form-status small{color:#ef2d35;font-size:calc(9px + var(--ui-font-add,3px));font-weight:900}.workflow-form-status strong{margin-top:4px;color:#183b83;font-size:calc(14px + var(--ui-font-add,3px))}.workflow-form-status p{margin:4px 0 0;color:#697991;font-size:calc(10px + var(--ui-font-add,3px))}.workflow-form-status>div{display:flex;gap:7px}.workflow-form-status button{min-height:39px;padding:0 13px;border:1px solid #b9cbe8;border-radius:10px;background:#fff;color:#284494;font:inherit;font-weight:850}.workflow-form-status button:first-child{border-color:#284494;background:#284494;color:#fff}.workflow-form-status.ready{border-color:#b8dacd;background:linear-gradient(145deg,#fff,#f0faf6)}.workflow-form-status.ready>i{background:#e3f5ed;color:#16805a}

.form-builder-modal{width:min(1500px,calc(100vw - 38px));max-width:none}.form-builder-modal .modal-body{padding:18px;background:#f4f7fb}.form-builder-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding:8px;border:1px solid #dce5ef;border-radius:14px;background:#fff}.form-builder-toolbar>div{display:flex;gap:5px}.form-builder-toolbar button{min-height:40px;padding:0 17px;border:0;border-radius:10px;background:transparent;color:#65758d;font:inherit;font-weight:900}.form-builder-toolbar button.active{background:#284494;color:#fff;box-shadow:0 8px 18px rgba(40,68,148,.2)}.form-builder-toolbar>span{padding-left:10px;color:#687990}.form-builder-toolbar>span b{color:#284494;font-size:calc(16px + var(--ui-font-add,3px))}
.form-builder-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px;padding:14px;border:1px solid #dce5ef;border-radius:16px;background:#fff}.form-builder-meta label,.form-field-editor>label{display:grid;gap:6px;color:#3d5070;font-size:calc(10px + var(--ui-font-add,3px));font-weight:850}.form-builder-meta .full{grid-column:1/-1}.form-builder-meta input,.form-builder-meta textarea,.form-field-editor input,.form-field-editor textarea{width:100%;padding:10px 12px;border:1px solid #cfdbea;border-radius:10px;background:#fbfcfe;color:#15284f;font:inherit;outline:0}.form-builder-meta input:focus,.form-builder-meta textarea:focus,.form-field-editor input:focus,.form-field-editor textarea:focus{border-color:#284494;box-shadow:0 0 0 3px rgba(40,68,148,.09)}
.form-builder-layout{display:grid;grid-template-columns:230px minmax(420px,1fr) 275px;gap:12px;align-items:start;direction:rtl}.form-field-library,.form-builder-canvas,.form-field-editor{border:1px solid #dce5ef;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(31,59,108,.05)}.form-field-library,.form-field-editor{position:sticky;top:0;max-height:65vh;overflow:auto}.form-field-library>header,.form-builder-canvas>header{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid #e5ebf2}.form-field-library>header{display:block}.form-field-library header small,.form-field-library header strong,.form-builder-canvas header small,.form-builder-canvas header strong{display:block}.form-field-library header small,.form-builder-canvas header small{color:#ef2d35;font-size:calc(8px + var(--ui-font-add,3px));font-weight:900}.form-field-library header strong,.form-builder-canvas header strong{margin-top:3px;color:#183b83;font-size:calc(12px + var(--ui-font-add,3px))}.form-builder-canvas header em{color:#7b899c;font-size:calc(9px + var(--ui-font-add,3px));font-style:normal}.form-field-library>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px}.form-field-library button{min-height:72px;display:grid;grid-template-columns:32px minmax(0,1fr) 17px;align-items:center;gap:6px;padding:8px;border:1px solid #e0e7ef;border-radius:11px;background:#f8fafc;color:#29446f;text-align:right;font:inherit;cursor:pointer}.form-field-library button:hover{border-color:#9eb4dc;background:#edf2fc;transform:translateY(-1px)}.form-field-library button i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#284494}.form-field-library button i svg{width:18px;height:18px}.form-field-library button span{font-size:calc(9px + var(--ui-font-add,3px));font-weight:850;line-height:1.5}.form-field-library button b{color:#ef2d35;font-size:calc(16px + var(--ui-font-add,3px))}
.form-builder-fields{min-height:420px;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:12px;background-image:radial-gradient(#bed0ea 1px,transparent 1px);background-size:18px 18px}.form-builder-field{min-width:0;display:grid;grid-template-columns:28px 38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px;border:1px solid #dbe4ef;border-radius:13px;background:rgba(255,255,255,.96);cursor:pointer;box-shadow:0 6px 16px rgba(31,59,108,.05)}.form-builder-field.full{grid-column:1/-1}.form-builder-field.selected{border-color:#284494;box-shadow:0 0 0 2px rgba(40,68,148,.1),0 8px 18px rgba(31,59,108,.09)}.form-builder-field-grip{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#edf2fb;color:#284494;font-weight:900}.form-builder-field>i{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#eef3fb;color:#284494}.form-builder-field>i svg{width:20px;height:20px}.form-builder-field>div:nth-of-type(1) small,.form-builder-field>div:nth-of-type(1) strong,.form-builder-field>div:nth-of-type(1) em{display:block}.form-builder-field>div:nth-of-type(1) small{color:#7a879a;font-size:calc(8px + var(--ui-font-add,3px))}.form-builder-field>div:nth-of-type(1) strong{margin-top:3px;color:#193a79}.form-builder-field>div:nth-of-type(1) em{margin-top:3px;color:#ef2d35;font-size:calc(7px + var(--ui-font-add,3px));font-style:normal}.form-builder-field-actions{display:flex;gap:3px}.form-builder-field-actions button{width:27px;height:27px;padding:0;border:1px solid #d9e2ed;border-radius:7px;background:#fff;color:#284494}.form-builder-field-actions button:last-child{color:#bd3e46}.form-builder-field-actions button:disabled{opacity:.35}.form-builder-empty{grid-column:1/-1;min-height:360px;display:grid;place-items:center;align-content:center;gap:7px;color:#77869a;text-align:center}.form-builder-empty i{width:55px;height:55px;display:grid;place-items:center;border-radius:17px;background:#eaf0fb;color:#284494}.form-builder-empty strong{color:#284494}
.form-field-editor{display:grid;gap:12px;padding:14px;direction:rtl}.form-field-editor-head{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid #e3e9f0}.form-field-editor-head>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf0fb;color:#284494}.form-field-editor-head small,.form-field-editor-head strong{display:block}.form-field-editor-head small{color:#ef2d35;font-size:calc(8px + var(--ui-font-add,3px))}.form-field-editor-head strong{margin-top:3px;color:#183b83}.form-field-range{display:grid;grid-template-columns:1fr 1fr;gap:7px}.form-field-range label{display:grid;gap:5px;color:#61718a;font-size:calc(9px + var(--ui-font-add,3px))}.form-field-switches{display:grid;gap:7px;padding-top:4px}.form-field-switches label{position:relative}.form-field-switches input{position:absolute;opacity:0}.form-field-switches span{min-height:42px;display:flex;align-items:center;padding:8px 38px 8px 10px;border:1px solid #dce4ed;border-radius:10px;color:#596b86;cursor:pointer}.form-field-switches span:before{content:"";position:absolute;right:11px;width:18px;height:18px;border:2px solid #b7c4d5;border-radius:6px;background:#fff}.form-field-switches input:checked+span{border-color:#9eb5df;background:#edf2fc;color:#284494;font-weight:850}.form-field-switches input:checked+span:before{border-color:#284494;background:#284494;box-shadow:inset 0 0 0 4px #fff}.form-builder-no-selection{padding:30px 10px;color:#77869a;line-height:2;text-align:center}.form-builder-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:13px;padding:12px;border:1px solid #dce5ef;border-radius:14px;background:#fff}.form-builder-footer .btn--danger{margin-left:auto}

.generated-form-shell{width:min(980px,100%);margin:0 auto;overflow:hidden;border:1px solid #d8e3ef;border-radius:24px;background:#fff;box-shadow:0 20px 50px rgba(27,55,105,.1)}.generated-form-shell>header{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:23px 26px;color:#fff;background:linear-gradient(120deg,#173b82,#2f58ad)}.generated-form-shell>header>i{width:61px;height:61px;display:grid;place-items:center;border:1px solid #ffffff38;border-radius:18px;background:#ffffff16}.generated-form-shell>header>i svg{width:30px;height:30px}.generated-form-shell>header small,.generated-form-shell>header h2{display:block}.generated-form-shell>header small{color:#91ddd4;font-size:calc(9px + var(--ui-font-add,3px));font-weight:900}.generated-form-shell>header h2{margin:4px 0;color:#fff;font-size:calc(22px + var(--ui-font-add,3px))}.generated-form-shell>header p{margin:0;color:#d9e3f7;line-height:1.8}.generated-form-shell>header>b{padding:7px 10px;border:1px solid #ffffff42;border-radius:20px;background:#ffffff13}.generated-form-shell form{padding:22px}.generated-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.generated-form-field{min-width:0;display:grid;align-content:start;gap:7px;padding:13px;border:1px solid #e0e7ef;border-radius:14px;background:#fbfcfe;color:#3f5270}.generated-form-field.full{grid-column:1/-1}.generated-field-label{display:flex;align-items:center;gap:7px;color:#183b83;font-weight:900}.generated-field-label>b{padding:3px 6px;border-radius:7px;background:#fff0ed;color:#d64a4f;font-size:calc(7px + var(--ui-font-add,3px))}.generated-form-field>input,.generated-form-field>textarea,.generated-form-field>select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #ccd8e6;border-radius:10px;background:#fff;color:#15284f;font:inherit;outline:0}.generated-form-field>textarea{min-height:100px;resize:vertical}.generated-form-field>input:focus,.generated-form-field>textarea:focus,.generated-form-field>select:focus{border-color:#284494;box-shadow:0 0 0 3px rgba(40,68,148,.09)}.generated-form-field>small{color:#78869a;line-height:1.7}.generated-form-section{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;margin-top:6px;padding:13px 4px 8px;border-bottom:1px solid #dce4ed}.generated-form-section>span{width:5px;align-self:stretch;border-radius:5px;background:#ef2d35}.generated-form-section h3{margin:0;color:#183b83}.generated-form-section p{margin:4px 0 0;color:#75839a}.generated-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.generated-choice-list label,.generated-confirm{position:relative}.generated-choice-list input,.generated-confirm input{position:absolute;opacity:0}.generated-choice-list span,.generated-confirm span{min-height:43px;display:flex;align-items:center;padding:8px 38px 8px 10px;border:1px solid #d7e1ec;border-radius:10px;background:#fff;cursor:pointer}.generated-choice-list span:before,.generated-confirm span:before{content:"";position:absolute;right:12px;width:17px;height:17px;border:2px solid #b7c4d5;border-radius:50%}.generated-confirm span:before{border-radius:5px}.generated-choice-list input:checked+span,.generated-confirm input:checked+span{border-color:#284494;background:#edf2fc;color:#284494;font-weight:850}.generated-choice-list input:checked+span:before,.generated-confirm input:checked+span:before{border-color:#284494;background:#284494;box-shadow:inset 0 0 0 4px #fff}.generated-file{min-height:90px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px dashed #9fb2cf;border-radius:12px;background:#f4f7fb;cursor:pointer}.generated-file input{position:absolute;width:1px;height:1px;opacity:0}.generated-file i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e3ebf8;color:#284494}.generated-file b,.generated-file small{display:block}.generated-file small{margin-top:3px}.generated-repeat-table,.generated-payment-schedule{display:grid;gap:8px}.generated-repeat-head,.generated-repeat-row{display:grid;grid-template-columns:minmax(150px,1.5fr) 90px 100px minmax(130px,1fr) 32px;gap:6px;align-items:center}.generated-repeat-head{padding:0 7px;color:#718098;font-size:calc(8px + var(--ui-font-add,3px));font-weight:850}.generated-repeat-row,.generated-payment-row{padding:7px;border:1px solid #dce4ed;border-radius:11px;background:#fff}.generated-repeat-row input,.generated-payment-row input{min-width:0;height:42px;padding:0 9px;border:1px solid #d4deea;border-radius:8px;font:inherit}.generated-repeat-row button,.generated-payment-row button{width:30px;height:30px;border:0;border-radius:8px;background:#fff0ed;color:#bf3b43}.generated-repeat-table>button,.generated-payment-schedule footer>button{justify-self:start;padding:8px 12px;border:1px solid #afc2df;border-radius:9px;background:#edf2fb;color:#284494;font:inherit;font-weight:850}.generated-payment-row{display:grid;grid-template-columns:1fr 1fr 32px;gap:7px;align-items:center}.generated-payment-schedule footer{display:flex;align-items:center;justify-content:space-between;padding-top:5px}.generated-payment-schedule footer span{color:#60718a}.generated-payment-schedule footer b{color:#183b83;font-size:calc(14px + var(--ui-font-add,3px))}.generated-form-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:14px;border-radius:14px;background:#edf3fb}.generated-form-submit>span{display:flex;align-items:center;gap:9px;color:#5d6f89}.generated-form-submit>span i{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#16805a}.generated-form-submit button{min-width:190px}

.generic-module-hub{display:grid;gap:17px}.generic-module-hub>section{padding:16px;border:1px solid #dce4ed;border-radius:17px;background:#f8fafc}.generic-module-hub section>header h3{margin:0;color:#183b83}.generic-module-hub section>header p{margin:4px 0 13px;color:#74839a}.generic-module-hub section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.generic-module-hub section button{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #d8e2ee;border-radius:13px;background:#fff;color:#183b83;text-align:right;font:inherit}.generic-module-hub section button>i{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#edf2fb;color:#284494}.generic-module-hub section button span{min-width:0;flex:1}.generic-module-hub section button strong,.generic-module-hub section button small{display:block}.generic-module-hub section button small{margin-top:4px;color:#74839a}.generic-module-hub section button>b,.generic-module-hub section button>em{color:#284494;font-style:normal}.generic-request-detail>header{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.generic-request-detail>header span{padding:13px;border:1px solid #dce5ef;border-radius:13px;background:#f7f9fc}.generic-request-detail>header small,.generic-request-detail>header strong{display:block}.generic-request-detail>header small{color:#75839a}.generic-request-detail>header strong{margin-top:5px;color:#183b83}.generic-workflow-timeline{display:flex;gap:7px;overflow:auto;margin:14px 0;padding:11px;border:1px solid #dce5ef;border-radius:14px;background:#f8fafc}.generic-workflow-timeline span{min-width:140px;display:flex;align-items:center;gap:7px;padding:9px;border-radius:10px;background:#fff;color:#718098}.generic-workflow-timeline span i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#edf2fb;color:#284494;font-style:normal}.generic-workflow-timeline span.done{color:#16805a}.generic-workflow-timeline span.current{background:#284494;color:#fff}.generic-workflow-timeline span.current i{background:#fff;color:#284494}.generated-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.generated-answer-grid article{padding:13px;border:1px solid #dce5ef;border-radius:12px;background:#fff}.generated-answer-grid article.full{grid-column:1/-1}.generated-answer-grid article>small{display:block;margin-bottom:6px;color:#75839a}.generated-answer-grid article>div{color:#183b83;font-weight:850;line-height:1.8}.generated-answer-table{display:grid;gap:5px}.generated-answer-table>span{display:flex;justify-content:space-between;gap:8px;padding:7px;border-radius:8px;background:#f3f6fa}.generated-answer-table small{color:#64758e}.generic-request-history{margin-top:14px;padding:14px;border:1px solid #dce5ef;border-radius:14px;background:#f8fafc}.generic-request-history h3{margin:0 0 8px;color:#183b83}.generic-request-history p{display:flex;justify-content:space-between;margin:0;padding:8px;border-bottom:1px solid #e2e8f0}.generic-request-history p:last-child{border:0}.generic-request-history span{color:#74839a}

@media(max-width:1100px){.form-builder-layout{grid-template-columns:200px minmax(390px,1fr)}.form-field-editor{position:static;grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.form-field-editor-head,.form-field-switches,.form-builder-no-selection{grid-column:1/-1}.form-field-library{position:static}}
@media(max-width:700px){.workflow-form-status{grid-template-columns:44px 1fr}.workflow-form-status>i{width:43px;height:43px}.workflow-form-status>div{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.form-builder-modal{width:100%;height:100%;max-height:none;border-radius:0}.form-builder-modal .modal-body{padding:9px}.form-builder-toolbar{align-items:stretch;flex-direction:column}.form-builder-toolbar>div{display:grid;grid-template-columns:1fr 1fr}.form-builder-meta{grid-template-columns:1fr}.form-builder-meta .full{grid-column:auto}.form-builder-layout{display:flex;flex-direction:column}.form-field-library,.form-builder-canvas,.form-field-editor{width:100%;position:static;max-height:none}.form-field-library>div{display:flex;overflow:auto}.form-field-library button{min-width:145px}.form-builder-fields{grid-template-columns:1fr;min-height:250px}.form-builder-field,.form-builder-field.full{grid-column:auto;grid-template-columns:27px 34px minmax(0,1fr)}.form-builder-field-actions{grid-column:1/-1;justify-content:flex-end}.form-field-editor{display:grid;grid-template-columns:1fr}.form-builder-footer{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:1fr 1fr}.form-builder-footer .btn--danger{grid-column:1/-1;margin:0}.generated-form-shell{border-radius:17px}.generated-form-shell>header{grid-template-columns:49px 1fr;padding:17px}.generated-form-shell>header>i{width:47px;height:47px}.generated-form-shell>header>b{display:none}.generated-form-shell form{padding:12px}.generated-form-grid{grid-template-columns:1fr}.generated-form-field,.generated-form-field.full,.generated-form-section{grid-column:auto}.generated-choice-list{grid-template-columns:1fr}.generated-repeat-head{display:none}.generated-repeat-row{grid-template-columns:1fr 1fr}.generated-repeat-row [data-item-value="title"],.generated-repeat-row [data-item-value="note"]{grid-column:1/-1}.generated-repeat-row button{position:absolute;left:18px}.generated-payment-row{grid-template-columns:1fr}.generated-payment-row button{justify-self:end}.generated-payment-schedule footer,.generated-form-submit{align-items:stretch;flex-direction:column}.generated-form-submit button{width:100%}.generic-module-hub section>div,.generic-request-detail>header,.generated-answer-grid{grid-template-columns:1fr}.generated-answer-grid article.full{grid-column:auto}.generic-request-history p{align-items:flex-start;flex-direction:column;gap:4px}}

.generated-repeat-row,.generated-payment-row{position:relative}

/* Direct-manipulation canvas: click-to-add, instant sizing and mouse drag/drop. */
.form-field-library button>b{min-width:58px;display:flex;align-items:center;justify-content:center;gap:3px;padding:5px 7px;border-radius:8px;background:#eaf0fb;color:#284494;font-size:calc(9px + var(--ui-font-add,3px));white-space:nowrap}.form-field-library button>b span{font-size:inherit;font-weight:900}.form-field-library button:hover>b{background:#284494;color:#fff}.form-field-library button[draggable="true"]{cursor:grab}.form-field-library button[draggable="true"]:active{cursor:grabbing}.form-field-library button{grid-template-columns:32px minmax(0,1fr) auto}
.form-builder-field{display:block;padding:10px;cursor:grab;transition:border-color .16s,box-shadow .16s,opacity .16s,transform .16s}.form-builder-field:active{cursor:grabbing}.form-builder-field>header{display:grid;grid-template-columns:38px 38px minmax(0,1fr) auto;align-items:center;gap:8px}.form-builder-field>header>i{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#eef3fb;color:#284494}.form-builder-field>header>i svg{width:20px;height:20px}.form-builder-field>header>div:nth-of-type(1) small,.form-builder-field>header>div:nth-of-type(1) strong{display:block}.form-builder-field>header>div:nth-of-type(1) small{color:#7a879a;font-size:calc(8px + var(--ui-font-add,3px))}.form-builder-field>header>div:nth-of-type(1) strong{margin-top:3px;color:#193a79}.form-builder-field-grip{height:38px;width:38px;display:grid;grid-template-columns:1fr auto;place-items:center;padding:0 5px;cursor:grab}.form-builder-field-grip b{font-size:calc(17px + var(--ui-font-add,3px));letter-spacing:-3px}.form-builder-field-grip small{font-size:calc(7px + var(--ui-font-add,3px))}.form-builder-field-mock{display:grid;gap:5px;margin-top:9px;padding:9px;border:1px solid #e0e7ef;border-radius:10px;background:#f9fbfd}.form-builder-field-mock>label{color:#294773;font-size:calc(9px + var(--ui-font-add,3px));font-weight:900}.form-field-mock-box{min-height:35px;display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border:1px solid #d6e0ec;border-radius:8px;background:#fff;color:#8793a5;font-size:calc(8px + var(--ui-font-add,3px))}.form-field-mock-box.tall{min-height:55px;align-items:flex-start}.form-field-mock-choice{display:flex;align-items:center;gap:7px;color:#687990}.form-field-mock-choice>i{width:17px;height:17px;border:2px solid #aebccd;border-radius:5px;background:#fff}.form-field-mock-section{height:4px;border-radius:4px;background:linear-gradient(90deg,#ef2d35,#284494)}.form-builder-field>footer{display:flex;align-items:center;gap:5px;margin-top:8px}.form-builder-field>footer>span{margin-left:3px;color:#77869a;font-size:calc(8px + var(--ui-font-add,3px))}.form-builder-field>footer button{min-height:30px;padding:4px 9px;border:1px solid #d5dfeb;border-radius:8px;background:#fff;color:#60718a;font:inherit;font-size:calc(8px + var(--ui-font-add,3px));font-weight:850}.form-builder-field>footer button.active{border-color:#284494;background:#284494;color:#fff}.form-builder-field>footer em{margin-right:auto;color:#8a97a8;font-size:calc(7px + var(--ui-font-add,3px));font-style:normal}.form-builder-field.dragging{opacity:.35;transform:scale(.98)}.form-builder-field.drag-over-before{box-shadow:inset 0 5px #ef2d35,0 8px 18px rgba(31,59,108,.09)}.form-builder-field.drag-over-after{box-shadow:inset 0 -5px #ef2d35,0 8px 18px rgba(31,59,108,.09)}.form-builder-fields.drag-ready{outline:3px dashed #4b6db9;outline-offset:-7px;background-color:#edf3ff}.form-builder-canvas>header em:before{content:"⋮⋮";margin-left:5px;color:#ef2d35;font-weight:900}
@media(max-width:700px){.form-field-library button>b{min-width:0}.form-builder-field,.form-builder-field.full{grid-column:auto}.form-builder-field>header{grid-template-columns:36px 34px minmax(0,1fr)}.form-builder-field-actions{grid-column:1/-1;justify-content:flex-end}.form-builder-field>footer{display:grid;grid-template-columns:auto 1fr 1fr}.form-builder-field>footer em{grid-column:1/-1;margin:2px 0 0}.form-builder-field-grip{width:36px}.form-builder-field-mock{margin-top:7px}}

@media(min-width:701px){.form-builder-layout{grid-template-columns:260px minmax(460px,1fr) 275px}.form-field-library>div{grid-template-columns:1fr}.form-field-library button{min-height:55px}.form-field-library button span{font-size:calc(10px + var(--ui-font-add,3px))}}