*{box-sizing:border-box}:root{--main:#1e4f8f;--accent:#f5b84b;--bg:#f5f7fb;--text:#172033;--muted:#667085;--border:#d8dee8;--panel:#fff}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.7}a{color:var(--main)}.install-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.install-box,.form-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:22px;box-shadow:0 14px 34px rgba(15,23,42,.07);padding:26px}.install-box{width:min(620px,100%)}.public-wrap{max-width:860px;margin:0 auto;padding:28px 14px 60px}.form-card h1,.install-box h1{margin:0 0 8px}label{display:block;margin:16px 0 0;font-weight:700}input,select,textarea{width:100%;border:2px solid #cbd3df;border-radius:12px;padding:11px 12px;font-size:15px;background:#fff;margin-top:6px}textarea{resize:vertical}.required{color:#d92d20;font-size:12px}.btn{display:inline-block;border:0;border-radius:999px;padding:12px 24px;background:var(--main);color:#fff;font-weight:800;cursor:pointer;text-decoration:none;margin-top:18px}.small-btn{padding:9px 16px;margin-top:0}.btn:hover{opacity:.9}.alert{border-radius:14px;padding:12px 14px;margin:14px 0}.alert.success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.alert.error{background:#fff2f2;border:1px solid #f3c2c2;color:#9b1c1c}.type-fields{display:none;border:2px solid #eef1f5;border-radius:16px;padding:18px;margin:14px 0;background:#fbfcfe}.type-fields.active{display:block}.type-fields h2{font-size:18px;margin:0 0 8px;border-left:5px solid var(--main);padding-left:10px}.credit{text-align:center;font-size:12px;color:var(--muted);margin-top:24px}.credit a{text-decoration:none;color:var(--muted)}.admin-return{max-width:860px;margin:0 auto 12px}.admin-return-link{display:inline-block;background:#354052;color:#fff;text-decoration:none;border-radius:999px;padding:9px 16px;font-weight:700}.admin-body{background:#f3f6fb}.admin-header{display:flex;justify-content:space-between;align-items:center;background:#172033;color:#fff;padding:18px 24px}.admin-header h1{margin:0;font-size:22px}.admin-header p{margin:2px 0 0;color:#d0d5dd}.admin-header a{color:#fff;text-decoration:none;margin-left:14px;font-weight:700}.admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 84px)}.admin-sidebar{background:#fff;border-right:1px solid var(--border);padding:18px}.admin-sidebar a{display:block;text-decoration:none;color:var(--text);padding:11px 12px;border-radius:12px;font-weight:800;margin-bottom:6px}.admin-sidebar a.active,.admin-sidebar a:hover{background:#eef4ff;color:var(--main)}.admin-main{padding:22px}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.admin-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px}.admin-card span{display:block;color:var(--muted);font-size:13px}.admin-card strong{font-size:28px}.table-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{border-bottom:1px solid #e4e7ec;padding:10px;text-align:left;vertical-align:top}.admin-table th{background:#f8fafc}.mini-btn{display:inline-block;background:#354052;color:#fff;text-decoration:none;border-radius:999px;padding:6px 12px;font-size:12px}.inquiry-detail{margin-top:24px;border-top:2px solid #eef1f5;padding-top:16px}.detail-box{background:#fbfcfe;border:1px solid var(--border);border-radius:14px;padding:14px}.builder-panel{padding:18px}.builder-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.builder-title h2{margin:0;font-size:30px}.builder-title p{margin:4px 0 0;color:var(--muted)}.builder-3col{display:grid;grid-template-columns:230px minmax(480px,1fr) 330px;gap:16px;align-items:start}.builder-list,.builder-library{position:sticky;top:14px;background:#fbfcfe;border:1px solid var(--border);border-radius:18px;padding:14px}.builder-list h3,.builder-library h3{margin:0 0 10px}.builder-form-card{display:block;background:#fff;border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text);font-weight:900;padding:12px;margin-bottom:10px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.builder-form-card:hover{border-color:var(--main);transform:translateY(-1px)}.builder-form-card small{display:block;color:var(--muted);font-weight:600}.preview-card{background:#fff;border:2px solid #e8edf5;border-radius:22px;padding:20px;margin-bottom:20px;box-shadow:0 14px 28px rgba(15,23,42,.05)}.preview-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.preview-title-input{font-size:24px;font-weight:900;border:0;border-bottom:2px solid #d8dee8;border-radius:0;padding:6px 0}.mini-input{max-width:280px;padding:7px 9px}.preview-mail-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:12px;margin:12px 0}.live-form{border:1px dashed #cbd3df;border-radius:18px;background:linear-gradient(180deg,#fbfcfe,#fff);padding:16px}.live-field{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;margin:12px 0;transition:.2s}.live-field:hover{box-shadow:0 10px 24px rgba(15,23,42,.07);border-color:#b9c5d8}.live-field.fixed{color:#475467}.live-field span{font-weight:900}.live-field em{font-style:normal;color:#d92d20;font-size:12px;margin-left:5px}.field-toolbar{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.field-toolbar label,.delete-check,.inline-check{display:flex;align-items:center;gap:6px;margin:0;font-size:13px}.field-toolbar input,.delete-check input,.inline-check input,.lib-card input{width:auto;margin:0}.field-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wide-label{grid-column:1/-1}.preview-send{border:0;background:var(--main);color:#fff;font-weight:900;border-radius:999px;padding:10px 24px}.lib-group{border-top:1px solid var(--border);padding-top:10px;margin-top:10px}.lib-group summary{cursor:pointer;font-weight:900;color:var(--main);font-size:16px}.lib-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:11px;margin:10px 0;box-shadow:0 6px 16px rgba(15,23,42,.04)}.lib-card strong{display:block}.lib-card small{display:inline-block;color:#fff;background:#354052;border-radius:999px;padding:2px 8px;font-size:11px;margin:4px 0}.lib-card label{font-size:12px;font-weight:700;margin:6px 0 0;color:#475467}.save-builder{position:sticky;bottom:16px;box-shadow:0 10px 26px rgba(30,79,143,.28)}@media(max-width:1200px){.builder-3col{grid-template-columns:1fr}.builder-list,.builder-library{position:static}.preview-mail-settings,.field-edit-grid{grid-template-columns:1fr}}@media(max-width:760px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid var(--border)}.admin-grid{grid-template-columns:1fr 1fr}.admin-header,.builder-title,.preview-head{display:block}}

/* v1.4 UI structure fixes */
.admin-layout{
    align-items:start;
}
.admin-sidebar{
    position:sticky;
    top:0;
    height:calc(100vh - 0px);
    overflow:auto;
}
.builder-form-card.selected{
    border-color:var(--main);
    background:#eef4ff;
    color:var(--main);
}
.builder-library .lib-group:not([open]){
    padding-bottom:10px;
}
.builder-library .lib-group summary{
    list-style:disclosure-closed;
}
.builder-library .lib-group[open] summary{
    list-style:disclosure-open;
}
.lib-card{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
}
.lib-card input{
    flex:0 0 auto;
}
.lib-card span{
    flex:1;
}
.add-selected-btn{
    width:100%;
    margin-top:16px;
    line-height:1.5;
}
.danger-btn{
    border:0;
    border-radius:999px;
    background:#fff2f2;
    color:#b42318;
    font-weight:800;
    padding:10px 16px;
    cursor:pointer;
}
.danger-btn:hover{
    background:#fee4e2;
}
.field-buttons{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}
.field-mini-btn{
    border:1px solid var(--border);
    background:#f8fafc;
    border-radius:8px;
    padding:4px 9px;
    cursor:pointer;
    font-weight:900;
}
.field-mini-btn:hover{
    background:#eef4ff;
    color:var(--main);
}


/* v1.5 fixed sidebar + custom fields + manual */
.admin-header{
    position:sticky;
    top:0;
    z-index:50;
}
.admin-layout{
    display:block;
}
.admin-sidebar{
    position:fixed !important;
    top:84px;
    left:0;
    bottom:0;
    width:230px;
    height:auto !important;
    overflow-y:auto;
    z-index:40;
}
.admin-main{
    margin-left:230px;
    min-height:calc(100vh - 84px);
}
.custom-field-box{
    margin-top:18px;
    padding:14px;
    border:2px solid #eef1f5;
    background:#fff;
    border-radius:16px;
}
.custom-field-box h4{
    margin:0 0 6px;
    color:var(--main);
}
.custom-field-box p{
    margin:0 0 8px;
    color:var(--muted);
    font-size:13px;
}
.manual-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:16px 0;
}
.manual-card{
    background:#fbfcfe;
    border:1px solid var(--border);
    border-radius:16px;
    padding:16px;
}
.manual-card h3{
    margin:0 0 8px;
    color:var(--main);
}
.manual-card p{
    margin:0;
}
.manual-panel ol{
    background:#fbfcfe;
    border:1px solid var(--border);
    border-radius:16px;
    padding:18px 18px 18px 36px;
}
@media(max-width:760px){
    .admin-sidebar{
        position:static !important;
        width:auto;
        height:auto !important;
    }
    .admin-main{
        margin-left:0;
    }
    .manual-grid{
        grid-template-columns:1fr;
    }
}


/* v1.6 sidebar fixed + manual/name refinements */
html, body{
    min-height:100%;
}
.admin-body{
    padding-top:84px;
}
.admin-header{
    position:fixed !important;
    top:0;
    left:0;
    right:0;
    height:84px;
    z-index:1000;
}
.admin-layout{
    display:block !important;
}
.admin-sidebar{
    position:fixed !important;
    top:84px !important;
    left:0 !important;
    bottom:0 !important;
    width:230px !important;
    height:auto !important;
    overflow-y:auto !important;
    z-index:900;
}
.admin-main{
    margin-left:230px !important;
    padding-top:22px;
}
.builder-list-title{
    margin-bottom:12px;
}
.builder-list-title span{
    display:block;
    font-size:12px;
    color:var(--muted);
    font-weight:700;
}
.builder-list-title strong{
    display:block;
    font-size:17px;
    color:var(--text);
}
.custom-field-details{
    margin-top:16px;
    border-top:1px solid var(--border);
    padding-top:10px;
}
.custom-field-details summary{
    cursor:pointer;
    font-weight:900;
    color:var(--main);
    font-size:16px;
}
.custom-field-box{
    margin-top:10px;
}
.manual-note{
    background:#eef4ff;
    border-left:5px solid var(--main);
    border-radius:12px;
    padding:12px 14px;
    color:#1e4f8f;
    font-weight:700;
}
@media(max-width:760px){
    .admin-body{
        padding-top:0;
    }
    .admin-header{
        position:static !important;
        height:auto;
    }
    .admin-sidebar{
        position:static !important;
        width:auto !important;
        height:auto !important;
    }
    .admin-main{
        margin-left:0 !important;
    }
}


/* v1.8 credit + public preview */
.credit{
    line-height:1.8;
}
.credit div{
    margin:2px 0;
}
.preview-panel h2{
    margin-top:0;
}
.preview-actions{
    margin:12px 0 16px;
}
.iframe-wrap{
    background:#eef1f5;
    border:1px solid var(--border);
    border-radius:18px;
    padding:14px;
    overflow:hidden;
}
.public-preview-iframe{
    width:100%;
    height:780px;
    border:0;
    border-radius:14px;
    background:#fff;
}


/* v1.9 preview fix */
.admin-sidebar a{
    line-height:1.45;
}


/* v1.10 direct admin preview */
.admin-public-preview{
    background:#eef1f5;
    border:1px solid var(--border);
    border-radius:18px;
    padding:18px;
    margin-top:16px;
}
.preview-inner-wrap{
    padding:0;
}
.preview-inner-wrap .form-card{
    max-width:860px;
    margin:0 auto;
}


/* v1.11 admin preview type switch */
.admin-public-preview .type-fields{
    display:none;
}
.admin-public-preview .type-fields.active{
    display:block;
}


/* v1.12 force admin preview switch */
.admin-public-preview [data-type]{
    display:none;
}


/* v1.13 input-enabled admin preview */
.admin-preview-message{
    display:none;
    margin-top:14px;
    padding:12px 14px;
    border-radius:14px;
    background:#fff7e6;
    border:1px solid #ffd999;
    color:#8a5600;
    font-weight:800;
}
.admin-preview-message.show{
    display:block;
}
.admin-public-preview input,
.admin-public-preview select,
.admin-public-preview textarea{
    opacity:1;
    cursor:auto;
}


/* v1.15 fully interactive admin preview except submit */
.admin-public-preview .admin-preview-type-field{
    display:none;
}
.admin-public-preview input,
.admin-public-preview select,
.admin-public-preview textarea{
    opacity:1;
    cursor:auto;
    background:#fff;
}
.admin-preview-message{
    display:none;
    margin-top:14px;
    padding:12px 14px;
    border-radius:14px;
    background:#fff7e6;
    border:1px solid #ffd999;
    color:#8a5600;
    font-weight:800;
}
.admin-preview-message.show{
    display:block;
}


/* v1.16 standalone preview + mobile arrow fix */
.preview-page{
    background:#f5f7fb;
}
.preview-topbar{
    position:sticky;
    top:0;
    z-index:1000;
    background:#172033;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 14px;
    font-size:14px;
}
.preview-back{
    color:#fff;
    text-decoration:none;
    font-weight:800;
    background:rgba(255,255,255,.12);
    border-radius:999px;
    padding:8px 14px;
}
.preview-back:hover{
    background:rgba(255,255,255,.2);
}
.preview-notice-public{
    margin:14px 0;
    padding:12px 14px;
    border-radius:14px;
    background:#eef4ff;
    border:1px solid #c7d7fe;
    color:#1e4f8f;
    font-weight:800;
}
.preview-submit-message{
    display:none;
    margin-top:14px;
    padding:12px 14px;
    border-radius:14px;
    background:#fff7e6;
    border:1px solid #ffd999;
    color:#8a5600;
    font-weight:800;
}
.preview-submit-message.show{
    display:block;
}
.preview-open-card{
    max-width:620px;
    background:#fbfcfe;
    border:1px solid var(--border);
    border-radius:18px;
    padding:20px;
}
.preview-open-card h3{
    margin:0 0 8px;
    color:var(--main);
}
.field-mini-btn,
button.field-mini-btn{
    color:#172033 !important;
    background:#f8fafc !important;
    -webkit-text-fill-color:#172033 !important;
    appearance:none;
    -webkit-appearance:none;
}
.field-mini-btn:hover,
button.field-mini-btn:hover{
    color:#1e4f8f !important;
    -webkit-text-fill-color:#1e4f8f !important;
    background:#eef4ff !important;
}
@media(max-width:760px){
    .preview-topbar{
        display:block;
        line-height:1.7;
    }
    .preview-back{
        display:inline-block;
        margin-bottom:4px;
    }
}


/* v1.17 preview back button + attachment field */
.preview-back{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    border:1px solid rgba(255,255,255,.35);
    box-shadow:0 6px 16px rgba(0,0,0,.18);
}
.preview-back:active{
    transform:translateY(1px);
}
.file-field-details{
    margin-top:12px;
    border-top:1px solid var(--border);
    padding-top:10px;
}
.file-field-details summary{
    cursor:pointer;
    font-weight:900;
    color:var(--main);
    font-size:16px;
}
.file-add-card{
    cursor:pointer;
}
.file-note{
    margin:10px 0 0;
    font-size:12px;
    line-height:1.6;
    color:#8a5600;
    background:#fff7e6;
    border:1px solid #ffd999;
    border-radius:12px;
    padding:10px;
}
input[type="file"]{
    padding:10px;
    background:#fff;
}


/* v1.18 attachment + SMTP settings */
.settings-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.settings-box{
    background:#fbfcfe;
    border:1px solid var(--border);
    border-radius:18px;
    padding:18px;
}
.settings-box h3{
    margin:0 0 10px;
    color:var(--main);
}
.setting-note{
    margin:12px 0 0;
    padding:10px 12px;
    border-radius:12px;
    background:#eef4ff;
    color:#1e4f8f;
    font-size:13px;
    line-height:1.6;
    font-weight:700;
}
.attachment-list{
    background:#fbfcfe;
    border:1px solid var(--border);
    border-radius:12px;
    padding:12px 12px 12px 28px;
}
.attachment-list a{
    font-weight:800;
}
@media(max-width:900px){
    .settings-grid{
        grid-template-columns:1fr;
    }
}


/* v1.21 attachment file manager visibility + permission check */
.file-status-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:16px 0;
}
.file-status-card{
    background:#fbfcfe;
    border:1px solid var(--border);
    border-radius:16px;
    padding:16px;
}
.file-status-card h3{
    margin:0 0 8px;
    color:var(--main);
}
.file-status-card p{
    margin:0;
    font-weight:800;
}
.file-status-card small{
    color:var(--muted);
}
.file-status-card.status-ok{
    border-color:#abefc6;
    background:#ecfdf3;
}
.file-status-card.status-ng{
    border-color:#f3c2c2;
    background:#fff2f2;
}
.empty-file-box{
    margin-top:16px;
    background:#fff;
    border:2px dashed #cbd3df;
    border-radius:18px;
    padding:20px;
}
.empty-file-box h3{
    margin:0 0 8px;
    color:var(--main);
}
.empty-file-box p{
    margin:0 0 12px;
}
.empty-file-box ol{
    margin:0;
    padding-left:22px;
}
@media(max-width:900px){
    .file-status-grid{
        grid-template-columns:1fr;
    }
}


/* v1.22 mail template settings */
.mail-template-box{
    grid-column:1 / -1;
}
.mail-template-box h4{
    margin:18px 0 6px;
    color:#354052;
}
.template-vars{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    background:#f8fafc;
    border:1px solid var(--border);
    border-radius:14px;
    padding:12px;
    margin:10px 0 14px;
}
.template-vars strong{
    width:100%;
    color:var(--main);
}
.template-vars code{
    background:#172033;
    color:#fff;
    border-radius:999px;
    padding:4px 9px;
    font-size:12px;
}
.mail-template-box textarea{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
    font-size:13px;
}


/* v1.23 mail template UX */
.template-vars-help{
    display:block;
}
.template-vars-help p{
    margin:6px 0 12px;
    color:var(--muted);
    font-size:13px;
}
.template-vars-help dl{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:8px 12px;
    margin:0;
}
.template-vars-help dt,
.template-vars-help dd{
    margin:0;
}
.template-vars-help dd{
    color:#475467;
    font-size:13px;
}
@media(max-width:760px){
    .template-vars-help dl{
        grid-template-columns:1fr;
    }
}


/* v1.24 design settings + admin logo */
.admin-brand{
    display:flex;
    align-items:center;
    gap:12px;
}
.admin-logo{
    width:48px;
    height:48px;
    object-fit:contain;
    display:block;
}
.design-panel input[type="color"]{
    width:100%;
    height:44px;
    padding:4px;
}
.public-form-title.image-title{
    line-height:1;
}
.public-form-title.image-title img{
    display:block;
}
@media(max-width:760px){
    .admin-logo{
        width:40px;
        height:40px;
    }
}


/* v1.25 enhanced design settings */
.design-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 420px;
    gap:18px;
    align-items:start;
}
.design-controls{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.design-controls .btn{
    align-self:start;
}
.design-preview{
    position:sticky;
    top:104px;
    background:#fbfcfe;
    border:1px solid var(--border);
    border-radius:18px;
    padding:16px;
}
.design-preview h3{
    margin:0 0 12px;
    color:var(--main);
}
.design-preview-frame{
    background:#eef1f5;
    border-radius:18px;
    padding:14px;
}
.design-sample-card{
    padding:20px;
    box-shadow:none;
}
.design-sample-card input,
.design-sample-card select,
.design-sample-card textarea{
    pointer-events:none;
}
.preset-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.preset-card{
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid var(--border);
    border-radius:14px;
    background:#fff;
    padding:10px;
    font-weight:800;
    cursor:pointer;
    color:#172033;
}
.preset-card.selected{
    border-color:var(--main);
    background:#eef4ff;
    color:var(--main);
}
.preset-dot{
    width:24px;
    height:24px;
    border-radius:50%;
    display:inline-block;
    border:2px solid #fff;
    box-shadow:0 0 0 1px #d0d5dd;
}
.preset-simple{background:#1e4f8f;}
.preset-blue{background:#1e63b6;}
.preset-dark{background:#111827;}
.preset-medical{background:#0f766e;}
.preset-construction{background:#ea580c;}
.two-col{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.design-panel input[type="color"]{
    width:100%;
    height:44px;
    padding:4px;
}
@media(max-width:1200px){
    .design-layout{
        grid-template-columns:1fr;
    }
    .design-preview{
        position:static;
    }
}
@media(max-width:800px){
    .design-controls,
    .two-col,
    .preset-grid{
        grid-template-columns:1fr;
    }
}


/* v1.26 copyright visibility guard */
.credit-guard-box{
    margin-top:12px;
    padding:12px 14px;
    border-radius:14px;
    background:#fff7e6;
    border:1px solid transparent;
    color:#8a5600;
}
.credit-guard-box strong{
    display:block;
    margin-bottom:4px;
}
.credit-guard-box p{
    margin:4px 0;
    font-size:13px;
}


/* v1.27 design reset + stronger copyright guard */
.design-action-row{
    display:flex;
    gap:12px;
    align-items:center;
    flex-wrap:wrap;
}
.reset-design-btn{
    border:1px solid #d0d5dd;
    background:#fff;
    color:#344054;
    border-radius:999px;
    padding:12px 20px;
    font-weight:800;
    cursor:pointer;
    margin-top:18px;
}
.reset-design-btn:hover{
    background:#f8fafc;
}


/* v1.28 live preview + reset layout */
.design-action-stack{
    display:flex;
    flex-direction:column;
    gap:10px;
    max-width:260px;
    margin-top:18px;
}
.design-action-stack .btn,
.design-action-stack .reset-design-btn{
    width:100%;
    margin-top:0;
    text-align:center;
    justify-content:center;
}
.reset-design-btn{
    background:#fff !important;
    color:#344054 !important;
    border:1px solid #d0d5dd !important;
}
.reset-design-btn:hover{
    background:#f8fafc !important;
}
.credit-live-warning{
    display:none;
    margin:10px 0;
    padding:10px 12px;
    border-radius:12px;
    background:#fff7e6;
    border:1px solid transparent;
    color:#8a5600;
    font-weight:800;
    font-size:13px;
}


/* v1.29 design button layout + label color fix */
.design-action-stack{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    max-width:260px !important;
    margin:24px auto 0 !important;
    align-items:stretch !important;
}
.design-action-stack .btn,
.design-action-stack .reset-design-btn{
    width:100% !important;
    margin:0 !important;
    text-align:center !important;
    justify-content:center !important;
}
.contact-label-text{
    color:inherit;
}


/* v1.30 force vertical buttons + clean defaults */
.design-action-stack{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    width:100% !important;
    max-width:320px !important;
    margin:28px auto 0 auto !important;
}

.design-action-stack > .btn,
.design-action-stack > .reset-design-btn{
    display:flex !important;
    width:100% !important;
    min-width:280px !important;
    max-width:320px !important;
    justify-content:center !important;
    align-items:center !important;
    margin:0 !important;
}

.reset-design-btn{
    background:#ffffff !important;
    color:#344054 !important;
    border:1px solid #d0d5dd !important;
}

.reset-design-btn:hover{
    background:#f8fafc !important;
}





/* v1.35 credit color reflection */
.credit{
    background:var(--mbc-design-credit-bg, #ffffff) !important;
    border:1px solid var(--mbc-design-credit-border, #ffffff) !important;
}
.credit,
.credit a,
.credit div{
    color:var(--mbc-design-credit-text, #667085) !important;
}
.design-sample-card .credit,
.design-sample-card .credit a,
.design-sample-card .credit div{
    color:inherit;
}


/* v1.36 robust design preview reflection */
#designSampleCard{
    border-style:solid !important;
    border-width:1px !important;
}
#designSampleButton{
    border-style:solid !important;
    border-width:1px !important;
}
#designSampleCredit{
    border-style:solid !important;
    border-width:1px !important;
}
#designSampleTitleWrap{
    width:100%;
}
#designSampleCard .required{
    color:#e60000 !important;
}


/* v1.37 submit button radius reflection fix */
#designSampleButton,
.design-sample-submit{
    border-radius: var(--mbc-design-button-radius, 999px) !important;
}
.form-card .btn,
.preview-form .btn,
.dynamic-form .btn{
    border-radius: var(--mbc-design-button-radius, 999px) !important;
}


/* v1.38 force design preview submit radius */
#designSampleCard [data-preview-button="1"],
#designSampleButton.design-sample-submit{
    border-radius: var(--mbc-design-button-radius, 999px) !important;
    overflow:hidden !important;
}


/* v1.39 license page */
.admin-top nav{
    display:flex;
    gap:18px;
    align-items:center;
}
.license-status-box{
    margin:14px 0 18px;
    padding:16px;
    border-radius:14px;
    border:1px solid #ffd999;
    background:#fff7e6;
    color:#9a4b00;
    line-height:1.7;
}
.license-status-box.license-active{
    border-color:#abefc6;
    background:#ecfdf3;
    color:#067647;
}
.license-status-box.license-error{
    border-color:#f3c2c2;
    background:#fff2f2;
    color:#b42318;
}
.license-form{
    max-width:760px;
}
.license-note{
    margin-top:14px;
    color:var(--muted);
    line-height:1.7;
}
.license-check-list{
    line-height:1.9;
    padding-left:22px;
}
.license-protect-box{
    margin-top:18px;
    padding:16px;
    border-radius:14px;
    background:#eef4ff;
    color:#1e4f8f;
    border:1px solid #c7d7fe;
}
.license-protect-box h3{
    margin-top:0;
}


/* v1.46 license auto fields */
.license-auto-info{
    max-width:760px;
    margin:10px 0 14px;
    padding:12px 14px;
    border-radius:12px;
    background:#f8fafc;
    border:1px solid #e4e7ec;
    color:#475467;
    line-height:1.7;
    font-size:14px;
}


/* v1.48 single form auto display */
.type-fields[style*="display:block"]{
    display:block !important;
}


/* v1.49 publish settings */
.return-button-wrap{
    margin:12px 0 18px;
}
.return-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 18px;
    border-radius:999px;
    background:#ffffff;
    border:1px solid var(--mbc-design-border, #d8dee8);
    color:var(--mbc-design-text, #172033);
    text-decoration:none;
    font-weight:800;
}
.return-button:hover{
    opacity:.85;
}
.publish-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.embed-code-box{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:13px;
}
.copy-embed-btn{
    border:1px solid #d0d5dd;
    background:#fff;
    color:#344054;
    border-radius:999px;
    padding:10px 18px;
    font-weight:800;
    cursor:pointer;
}
.publish-guide{
    margin:18px 0;
    padding:16px;
    border-radius:14px;
    background:#f8fafc;
    border:1px solid #e4e7ec;
}
.publish-guide h3{
    margin-top:0;
}
@media(max-width:900px){
    .publish-grid{
        grid-template-columns:1fr;
    }
}


/* v1.52 system/version management */
.admin-version-badge{
    display:inline-block;
    margin-left:8px;
    padding:2px 8px;
    border-radius:999px;
    background:#eef4ff;
    color:#1e4f8f;
    font-size:12px;
    font-weight:800;
}
.system-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin:18px 0;
}
.system-card{
    background:#fbfcfe;
    border:1px solid var(--border);
    border-radius:18px;
    padding:18px;
}
.system-card h3{
    margin:0 0 12px;
    color:var(--main);
}
.system-card dl{
    display:grid;
    grid-template-columns:160px 1fr;
    gap:8px 12px;
    margin:0;
}
.system-card dt{
    color:#667085;
    font-weight:800;
}
.system-card dd{
    margin:0;
    font-weight:800;
}
.system-card .ok{
    color:#067647;
}
.system-card .ng{
    color:#b42318;
}
.system-card .muted{
    color:#667085;
}
.update-warning{
    margin:18px 0;
    padding:16px;
    border-radius:16px;
    background:#fff7e6;
    border:1px solid #ffd999;
    color:#8a5600;
}
.update-warning.light{
    background:#eef4ff;
    border-color:#c7d7fe;
    color:#1e4f8f;
}
.update-warning h3{
    margin:0 0 8px;
}
@media(max-width:900px){
    .system-grid{
        grid-template-columns:1fr;
    }
    .system-card dl{
        grid-template-columns:1fr;
    }
}


/* v1.53 manual page */
.manual-box{
    background:#fbfcfe;
    border:1px solid var(--border);
    border-radius:16px;
    padding:16px;
    margin:14px 0;
}
.manual-box h3{
    margin:0 0 8px;
    color:var(--main);
}
.manual-box p{
    margin:0;
    line-height:1.8;
}
.manual-note{
    margin-top:16px;
    padding:14px 16px;
    border-radius:14px;
    background:#eef4ff;
    border:1px solid #c7d7fe;
    color:#1e4f8f;
    line-height:1.8;
}


/* v1.54 update manager */
.system-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:18px 0;
}
.secondary-btn{
    background:#ffffff !important;
    color:#344054 !important;
    border:1px solid #d0d5dd !important;
}
.update-warning.danger{
    background:#fff2f2;
    border-color:#f3c2c2;
    color:#b42318;
}
.compat-list{
    list-style:none;
    padding:0;
    margin:0;
    line-height:1.9;
}
.compat-list li{
    font-weight:800;
}
.compat-list .ok{
    color:#067647;
}
.compat-list .ng{
    color:#b42318;
}

/* v1.58 update finalization */
.update-target-list{list-style:none;padding:0;margin:10px 0 0;line-height:1.9}
.update-target-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f5;padding:4px 0}
.update-target-list .ok{color:#067647}.update-target-list .ng{color:#b42318}.update-target-list.protected li{color:#1e4f8f}
.update-log-card{margin:18px 0}
.install-check-list{margin:18px 0;padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #e4e7ec}
.install-check-list h2{margin-top:0}
.install-check{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f5}
.install-check span{display:inline-flex;min-width:56px;justify-content:center;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}
.install-check.ok span{background:#ecfdf3;color:#067647}.install-check.ng span{background:#fff2f2;color:#b42318}

/* v1.72 builder library UI enhancement */
.builder-library details.lib-section{margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #dce4ef;}
.builder-library details.lib-section>summary{cursor:pointer;list-style:none;font-weight:900;color:#1e4f8f;padding:10px 4px;display:flex;align-items:center;gap:6px;}
.builder-library details.lib-section>summary::-webkit-details-marker{display:none;}
.builder-library details.lib-section>summary::before{content:"▶";font-size:12px;color:#1e4f8f;}
.builder-library details.lib-section[open]>summary::before{content:"▼";}
.builder-library .lib-grid{display:grid;gap:10px;margin:8px 0 4px;}
.builder-library .lib-card{margin:0;}
.builder-library .custom-field-box{margin-top:8px;}
.builder-library .file-add-section{margin-bottom:18px;}


/* v1.73 thanks screen / mobile UI */
.thanks-screen{
    text-align:center;
    padding:42px 28px;
    border-radius:var(--mbc-form-radius, 20px);
    background:var(--mbc-inner-bg, #fff);
    border:1px solid var(--mbc-design-border, #d8dee8);
    box-shadow:0 18px 45px rgba(15,23,42,.08);
    animation:mbcFadeUp .45s ease both;
}
.thanks-icon{
    width:72px;
    height:72px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#ecfdf3;
    color:#067647;
    font-size:38px;
    font-weight:900;
    margin-bottom:18px;
}
.thanks-screen h1{
    margin:0 0 12px;
    font-size:clamp(26px, 4vw, 38px);
}
.thanks-lead{
    font-size:18px;
    font-weight:800;
    margin:0 0 10px;
}
.thanks-body{
    color:#667085;
    line-height:1.8;
    margin:0 auto 26px;
    max-width:720px;
}
.thanks-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:center;
}
.thanks-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:12px 22px;
    border-radius:999px;
    font-weight:900;
    text-decoration:none;
}
.thanks-button.primary,
.thanks-button.cta{
    background:var(--mbc-button-bg, #1f5a9d);
    color:var(--mbc-button-text, #fff);
}
.thanks-button.secondary{
    background:#fff;
    color:#344054;
    border:1px solid #d0d5dd;
}
@keyframes mbcFadeUp{
    from{opacity:0;transform:translateY(12px);}
    to{opacity:1;transform:translateY(0);}
}
@media(max-width:640px){
    body:not(.admin-body){
        padding:10px !important;
    }
    .contact-wrap,
    .public-form-wrap,
    .form-shell{
        width:100% !important;
        max-width:100% !important;
        margin:0 auto !important;
        padding:20px 16px !important;
        border-radius:18px !important;
    }
    .dynamic-form label{
        margin-bottom:16px;
    }
    .dynamic-form input,
    .dynamic-form select,
    .dynamic-form textarea{
        font-size:16px !important;
        min-height:46px;
    }
    .thanks-screen{
        padding:32px 16px;
    }
    .thanks-actions{
        flex-direction:column;
    }
    .thanks-button{
        width:100%;
    }
}


/* v1.74 settings checkbox UI */
.settings-box .setting-check,
.mail-template-box .setting-check,
.panel .setting-check{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:10px !important;
    margin:14px 0 10px !important;
    font-weight:800;
    line-height:1.5;
}
.settings-box .setting-check input[type="checkbox"],
.mail-template-box .setting-check input[type="checkbox"],
.panel .setting-check input[type="checkbox"]{
    width:18px !important;
    height:18px !important;
    min-height:18px !important;
    margin:0 !important;
    flex:0 0 auto;
}
.settings-box .setting-check span,
.mail-template-box .setting-check span,
.panel .setting-check span{
    display:inline-block;
}
.settings-box h3{
    margin-bottom:18px;
}
.settings-box label + label:not(.setting-check){
    margin-top:12px;
}
@media(max-width:640px){
    .settings-box .setting-check{
        align-items:flex-start !important;
    }
    .settings-box .setting-check input[type="checkbox"]{
        margin-top:3px !important;
    }
}


/* v1.75 public CTA form UI */
.form-cta-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:18px 0 24px;
    padding:20px 22px;
    border-radius:18px;
    border:1px solid rgba(31,90,157,.18);
    background:linear-gradient(135deg, rgba(238,244,255,.95), rgba(255,255,255,.95));
    box-shadow:0 12px 28px rgba(15,23,42,.06);
    animation:mbcFadeUp .45s ease both;
}
.form-cta-content h2{
    margin:0 0 8px;
    font-size:20px;
    color:var(--mbc-heading-color, #172033);
}
.form-cta-content p{
    margin:0;
    line-height:1.7;
    color:var(--mbc-design-text, #172033);
}
.form-cta-note{
    display:inline-flex;
    margin-top:10px;
    padding:6px 10px;
    border-radius:999px;
    background:#fff;
    color:#1e4f8f;
    font-size:13px;
    font-weight:800;
    border:1px solid rgba(31,90,157,.14);
}
.form-cta-button{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:11px 18px;
    border-radius:999px;
    text-decoration:none;
    font-weight:900;
    color:var(--mbc-button-text, #fff);
    background:var(--mbc-button-bg, #1f5a9d);
}
.form-cta-button:hover{
    opacity:.88;
}
@media(max-width:700px){
    .form-cta-box{
        flex-direction:column;
        align-items:flex-start;
        padding:18px 16px;
    }
    .form-cta-content h2{
        font-size:18px;
    }
    .form-cta-button{
        width:100%;
    }
}


/* v1.76 step form / progress UI */
.step-progress-wrap{
    margin:18px 0 22px;
}
.step-progress{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:10px;
}
.step-dot{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    text-align:center;
    color:#667085;
    font-weight:800;
    font-size:12px;
}
.step-dot span{
    width:34px;
    height:34px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:2px solid #d0d5dd;
    background:#fff;
    color:#667085;
    font-weight:900;
}
.step-dot.active span,
.step-dot.done span{
    background:var(--mbc-button-bg, #1f5a9d);
    border-color:var(--mbc-button-bg, #1f5a9d);
    color:var(--mbc-button-text, #fff);
}
.step-dot.done span::after{
    content:"✓";
    font-size:16px;
}
.step-dot.done span{
    font-size:0;
}
.mbc-step-form .step-hidden{
    display:none !important;
}
.mbc-step-form .step-visible{
    display:block;
}
.step-animation-enabled .mbc-step-form .step-visible{
    animation:mbcFadeUp .32s ease both;
}
.step-controls{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-top:20px;
}
.step-controls button{
    min-height:46px;
    padding:11px 22px;
    border-radius:999px;
    font-weight:900;
    cursor:pointer;
}
.step-prev{
    background:#fff;
    color:#344054;
    border:1px solid #d0d5dd;
}
.step-next{
    margin-left:auto;
    border:0;
    background:var(--mbc-button-bg, #1f5a9d);
    color:var(--mbc-button-text, #fff);
}
.settings-inline-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:14px;
}
@media(max-width:700px){
    .step-progress{
        grid-template-columns:repeat(2, 1fr);
        gap:12px 8px;
    }
    .step-dot small{
        font-size:11px;
    }
    .step-controls{
        flex-direction:column-reverse;
    }
    .step-controls button{
        width:100%;
    }
    .settings-inline-grid{
        grid-template-columns:1fr;
    }
}


/* v1.77 CV-focused public UI */
.cv-trust-box{
    margin:18px 0 14px;
    padding:14px 16px;
    border-radius:16px;
    background:#f8fafc;
    border:1px solid #e4e7ec;
    color:#344054;
    display:grid;
    gap:5px;
    line-height:1.6;
}
.cv-trust-box strong{
    color:#1e4f8f;
}
.cv-trust-box span{
    color:#667085;
}
.dynamic-form button[type="submit"],
.dynamic-form .btn[type="submit"]{
    position:relative;
    overflow:hidden;
    min-height:50px;
    font-size:16px;
    box-shadow:0 12px 26px rgba(31,90,157,.18);
    transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.dynamic-form button[type="submit"]:hover,
.dynamic-form .btn[type="submit"]:hover{
    transform:translateY(-1px);
    box-shadow:0 16px 32px rgba(31,90,157,.24);
}
.dynamic-form button[type="submit"].is-sending,
.dynamic-form .btn[type="submit"].is-sending{
    opacity:.78;
    cursor:progress;
}
.thanks-screen{
    position:relative;
}
.thanks-screen::before{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:inherit;
    pointer-events:none;
    border:1px solid rgba(31,90,157,.08);
}
.thanks-icon{
    animation:mbcPop .45s ease both;
}
@keyframes mbcPop{
    0%{transform:scale(.72);opacity:0;}
    80%{transform:scale(1.08);opacity:1;}
    100%{transform:scale(1);}
}
@media(max-width:640px){
    .cv-trust-box{
        padding:13px 14px;
        font-size:14px;
    }
    .dynamic-form button[type="submit"],
    .dynamic-form .btn[type="submit"]{
        width:100%;
    }
}


/* v1.78 spam / recaptcha / update json */
.mbc-hp-field{
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}
.recaptcha-wrap{
    margin:18px 0;
    display:flex;
    justify-content:center;
}
.update-json-sample textarea{
    width:100%;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:13px;
    line-height:1.6;
}
@media(max-width:640px){
    .recaptcha-wrap{
        transform:scale(.92);
        transform-origin:center;
    }
}


/* v1.79 final checkbox alignment for all settings screens */
.settings-box label.setting-check,
.panel label.setting-check,
.admin-main label.setting-check{
    display:grid !important;
    grid-template-columns:22px 1fr !important;
    align-items:center !important;
    column-gap:10px !important;
    width:100% !important;
    margin:16px 0 8px !important;
    padding:0 !important;
    line-height:1.6 !important;
    font-weight:800 !important;
}
.settings-box label.setting-check input[type="checkbox"],
.panel label.setting-check input[type="checkbox"],
.admin-main label.setting-check input[type="checkbox"]{
    display:block !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    max-width:18px !important;
    max-height:18px !important;
    margin:0 !important;
    padding:0 !important;
    justify-self:start !important;
    align-self:center !important;
}
.settings-box label.setting-check span,
.panel label.setting-check span,
.admin-main label.setting-check span{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    align-self:center !important;
}
@media(max-width:640px){
    .settings-box label.setting-check,
    .panel label.setting-check,
    .admin-main label.setting-check{
        grid-template-columns:22px 1fr !important;
        align-items:start !important;
    }
    .settings-box label.setting-check input[type="checkbox"],
    .panel label.setting-check input[type="checkbox"],
    .admin-main label.setting-check input[type="checkbox"]{
        margin-top:3px !important;
    }
}


/* v1.80 release checklist */
.release-check-card{
    margin:18px 0;
}
.release-status{
    padding:12px 14px;
    border-radius:14px;
    font-weight:900;
    margin:12px 0;
}
.release-status.ok{
    background:#ecfdf3;
    color:#067647;
    border:1px solid #abefc6;
}
.release-status.ng{
    background:#fff7e6;
    color:#8a5600;
    border:1px solid #ffd999;
}
.release-check-list{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:8px;
}
.release-check-list li{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:6px 12px;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #edf0f5;
}
.release-check-list li span{
    grid-row:1 / span 2;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 8px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
}
.release-check-list li.ok span{
    background:#ecfdf3;
    color:#067647;
}
.release-check-list li.ng span{
    background:#fff2f2;
    color:#b42318;
}
.release-check-list li small{
    color:#667085;
}
@media(max-width:640px){
    .release-check-list li{
        grid-template-columns:1fr;
    }
    .release-check-list li span{
        justify-self:start;
    }
}


/* v1.81 update manifest test */
.system-table{
    width:100%;
    border-collapse:collapse;
    margin-top:12px;
}
.system-table th,
.system-table td{
    padding:10px 12px;
    border-bottom:1px solid #edf0f5;
    text-align:left;
    vertical-align:top;
}
.system-table th{
    width:180px;
    color:#344054;
    font-weight:800;
}
.system-table td{
    color:#667085;
    word-break:break-all;
}
@media(max-width:640px){
    .system-table th,
    .system-table td{
        display:block;
        width:100%;
    }
}


/* v1.84 restore point UI */
.restore-point-card{
    margin:18px 0;
}
.inline-action-form{
    margin:14px 0 18px;
}
.table-action-form{
    display:inline-block;
    margin:2px 4px 2px 0;
}
.mini-btn{
    border:0;
    border-radius:999px;
    padding:6px 12px;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
    background:#1f5a9d;
    color:#fff;
}
.mini-btn.danger{
    background:#fff2f2;
    color:#b42318;
    border:1px solid #fecdca;
}
.restore-table td{
    vertical-align:top;
}
@media(max-width:760px){
    .restore-table{
        font-size:13px;
    }
}


/* v1.85 safe update */
.safe-update-card{
    margin:18px 0;
}
.safe-update-card h4{
    font-size:15px;
    font-weight:900;
}

/* v1.86 final release guidance */
.setting-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.setting-help-grid div{background:#f8fafc;border:1px solid #e4e7ec;border-radius:14px;padding:13px 14px;}
.setting-help-grid p{margin:6px 0 0;color:#667085;line-height:1.7;}
.system-user-visible-note{margin:18px 0;}
@media(max-width:700px){.setting-help-grid{grid-template-columns:1fr;}}

/* v1.87 help guide */
.page-head-inline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}
.help-guide-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 16px;
    border-radius:999px;
    background:#1f5a9d;
    color:#fff;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 6px 18px rgba(31,90,157,.18);
}
.help-guide-btn:hover{
    opacity:.92;
}

/* v1.89 system update action layout */
.system-top-actions-card{
    margin:18px 0;
}
.system-top-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:14px;
}
.system-top-actions form{
    margin:0;
}
.system-top-actions .btn.secondary{
    background:#fff;
    color:#344054;
    border:1px solid #d0d5dd;
}
.update-notice-help-card{
    margin:18px 0;
}
.update-example-box{
    margin:12px 0;
    padding:14px 16px;
    border-radius:14px;
    background:#f8fafc;
    border:1px solid #e4e7ec;
    line-height:1.8;
}
@media(max-width:700px){
    .system-top-actions{
        flex-direction:column;
    }
    .system-top-actions form,
    .system-top-actions button{
        width:100%;
    }
}

/* v1.90 latest update download UI */
.latest-update-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:16px 0 10px;
}
.latest-update-buttons .btn.secondary,
.system-top-actions .btn.secondary{
    background:#fff;
    color:#344054;
    border:1px solid #d0d5dd;
}
.update-flow-help-card,
.compat-result-card{
    margin:18px 0;
}
@media(max-width:700px){
    .latest-update-buttons{
        flex-direction:column;
    }
    .latest-update-buttons .btn{
        width:100%;
    }
}


/* v2.03 step form button polish */
.step-controls{
    align-items:center;
    width:100%;
    margin-top:24px;
}
.step-controls button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:96px;
    height:46px;
    line-height:1;
    text-align:center;
}
.step-prev{
    margin-right:auto;
}
.step-next{
    margin-left:auto;
}
.mbc-step-form button[type="submit"]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:150px;
    height:46px;
    line-height:1;
    text-align:center;
}
@media (max-width: 640px){
    .step-controls{
        gap:16px;
    }
    .step-controls button{
        min-width:92px;
    }
    .mbc-step-form button[type="submit"]{
        width:auto;
        min-width:150px;
    }
}


/* v2.05 attachment manager */
.attachment-maintenance-box{
    margin:18px 0;
    padding:18px;
    border:1px solid #d8e0ed;
    border-radius:16px;
    background:#f8fbff;
}
.attachment-maintenance-box form{
    display:flex;
    align-items:flex-end;
    gap:12px;
    flex-wrap:wrap;
}
.attachment-maintenance-box label{
    display:flex;
    flex-direction:column;
    gap:6px;
    font-weight:800;
}
.attachment-table th,
.attachment-table td{
    vertical-align:middle;
}
.attachment-thumb{
    width:64px;
    height:64px;
    object-fit:cover;
    border-radius:10px;
    border:1px solid #d8e0ed;
    background:#fff;
}
.file-type-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    height:34px;
    padding:0 10px;
    border-radius:999px;
    background:#eef4ff;
    color:#1e4f8f;
    font-weight:900;
    font-size:12px;
}
.attachment-actions{
    white-space:nowrap;
}
.inline-delete-form{
    display:inline;
}
.mini-btn.danger{
    background:#fff1f1;
    color:#b42318;
    border-color:#fecaca;
}
.muted{
    color:#667085;
}
@media(max-width:760px){
    .attachment-maintenance-box form{
        display:block;
    }
    .attachment-maintenance-box .btn{
        margin-top:10px;
    }
}


/* v2.06 inquiry detail attachment UI */
.detail-attachments-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:14px;
    margin:12px 0 18px;
}
.detail-attachment-card{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:12px;
    border:1px solid #d8e0ed;
    border-radius:14px;
    background:#f8fbff;
}
.detail-attachment-preview{
    flex:0 0 72px;
}
.detail-attachment-preview img{
    width:72px;
    height:72px;
    object-fit:cover;
    border-radius:12px;
    border:1px solid #d8e0ed;
    background:#fff;
}
.detail-attachment-body{
    min-width:0;
    flex:1;
}
.detail-attachment-body strong,
.detail-attachment-body small,
.detail-attachment-body code{
    display:block;
}
.detail-attachment-body code{
    margin-top:4px;
    font-size:11px;
    color:#667085;
    word-break:break-all;
}
.detail-attachment-actions{
    margin-top:8px;
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}


/* v2.08 filters and pagination */
.filter-bar{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:12px;
    align-items:end;
    margin:16px 0 18px;
    padding:14px;
    border:1px solid #d8e0ed;
    border-radius:16px;
    background:#f8fbff;
}
.filter-bar label{
    margin:0;
    font-size:13px;
}
.filter-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin:18px 0 0;
    font-weight:800;
}
.pagination span{
    color:#475467;
}


/* v2.11 operational fixes */
.builder-library input[type="checkbox"],
.builder-panel input[type="checkbox"]{
    width:auto;
    margin:0 8px 0 0;
}
.delete-check,
.inline-check,
.setting-check{
    display:flex;
    align-items:center;
    gap:8px;
}
.delete-check input,
.inline-check input,
.setting-check input{
    width:auto;
    margin:0;
}
.required-check-label{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:10px;
    font-weight:800;
}


/* v2.12 inquiry detail stability */
.inquiry-detail{
    position:relative;
    z-index:1;
}
.inquiry-update-form{
    position:relative;
    z-index:2;
    margin-top:18px;
}
.inquiry-update-form .btn{
    pointer-events:auto;
}


/* v2.13 inquiry detail close UI */
.detail-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.detail-head h3{
    margin:0;
}


/* v2.14 step form stability */
.mbc-step-form .step-hidden,
.step-form-enabled .step-hidden{
    display:none !important;
}
.mbc-step-form .step-visible,
.step-form-enabled .step-visible{
    display:block !important;
}
.mbc-submit-btn{
    align-items:center;
    justify-content:center;
}


/* v2.15 step confirm */
.step-confirm-box{
    border:2px solid #eef1f5;
    border-radius:16px;
    padding:18px;
    margin:14px 0;
    background:#fbfcfe;
}
.step-confirm-box h2{
    font-size:20px;
    margin:0 0 12px;
    border-left:5px solid var(--main);
    padding-left:10px;
}
.step-confirm-content dl{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:10px;
    padding:10px 0;
    margin:0;
    border-bottom:1px solid #e4e7ec;
}
.step-confirm-content dt{
    font-weight:900;
    color:#475467;
}
.step-confirm-content dd{
    margin:0;
    word-break:break-word;
}
@media(max-width:640px){
    .step-confirm-content dl{
        grid-template-columns:1fr;
        gap:4px;
    }
}


/* v2.16 post stability */
.step-hidden{
    display:none !important;
}
.step-visible{
    display:block !important;
}


/* v2.17 iframe height stability */
html, body{
    min-height:0;
}
.public-wrap{
    min-height:0;
}


/* v2.20 sending and thanks screen */
.sending-help{
    display:none;
    margin-top:12px;
    padding:12px 14px;
    border-radius:14px;
    background:#eef4ff;
    color:#1e4f8f;
    font-weight:800;
    border:1px solid #c7d7fe;
}
.sending-help.show{display:block;}
.thanks-screen{
    margin:24px 0;
    padding:28px;
    border:1px solid #abefc6;
    background:#ecfdf3;
    border-radius:20px;
    text-align:center;
}
.thanks-icon{
    width:54px;
    height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#12b76a;
    color:#fff;
    font-size:30px;
    font-weight:900;
    margin-bottom:14px;
}
.thanks-screen h2{margin:0 0 10px;font-size:26px;}
.thanks-lead{font-weight:800;color:#067647;margin:0 0 10px;}
.thanks-body{
    margin:14px auto 0;
    max-width:680px;
    text-align:left;
    background:#fff;
    border:1px solid #abefc6;
    border-radius:14px;
    padding:16px;
}
.thanks-actions{
    margin-top:20px;
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
}
.secondary-public-btn{background:#fff;color:var(--main);border:1px solid #cbd3df;}
.cta-public-btn{background:#f5b84b;color:#172033;}
@media(max-width:640px){
    .thanks-screen{padding:20px 16px;}
    .thanks-actions .btn{width:100%;text-align:center;}
}


/* v2.22 return URL / progress / animation */
.dynamic-form.step-animation-enabled .step-visible{
    animation: mbcStepFade .22s ease-out;
}
.dynamic-form.step-animation-disabled .step-visible{
    animation:none !important;
}
@keyframes mbcStepFade{
    from{opacity:0; transform:translateY(8px);}
    to{opacity:1; transform:translateY(0);}
}
.thanks-screen.effect-on .thanks-icon{
    animation: mbcThanksPop .35s ease-out;
}
.thanks-screen.effect-off .thanks-icon{
    animation:none !important;
}
@keyframes mbcThanksPop{
    0%{transform:scale(.6); opacity:.3;}
    70%{transform:scale(1.08); opacity:1;}
    100%{transform:scale(1);}
}


/* v2.26 stronger optional animations */
.dynamic-form.step-animation-enabled .step-visible{
    animation: mbcStepSlideIn .34s cubic-bezier(.22,1,.36,1);
    will-change: opacity, transform;
}
.dynamic-form.step-animation-enabled .step-controls{
    animation: mbcStepControlsIn .24s ease-out;
}
.dynamic-form.step-animation-disabled .step-visible,
.dynamic-form.step-animation-disabled .step-controls{
    animation:none !important;
}
@keyframes mbcStepSlideIn{
    0%{
        opacity:0;
        transform:translateX(28px) scale(.985);
        filter:blur(2px);
    }
    70%{
        opacity:1;
        transform:translateX(-3px) scale(1);
        filter:blur(0);
    }
    100%{
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }
}
@keyframes mbcStepControlsIn{
    from{opacity:0; transform:translateY(8px);}
    to{opacity:1; transform:translateY(0);}
}

.thanks-screen.effect-on{
    animation: mbcThanksPanelIn .5s cubic-bezier(.22,1,.36,1);
    position:relative;
    overflow:hidden;
}
.thanks-screen.effect-on::before{
    content:"";
    position:absolute;
    inset:-40%;
    background:radial-gradient(circle, rgba(18,183,106,.20), rgba(18,183,106,0) 58%);
    animation: mbcThanksGlow 1.1s ease-out both;
    pointer-events:none;
}
.thanks-screen.effect-on .thanks-icon{
    animation: mbcThanksPopStrong .58s cubic-bezier(.2,1.4,.32,1) .08s both;
}
.thanks-screen.effect-on h2,
.thanks-screen.effect-on .thanks-lead,
.thanks-screen.effect-on .thanks-body,
.thanks-screen.effect-on .thanks-actions{
    animation: mbcThanksContentUp .45s ease-out both;
}
.thanks-screen.effect-on h2{animation-delay:.12s;}
.thanks-screen.effect-on .thanks-lead{animation-delay:.18s;}
.thanks-screen.effect-on .thanks-body{animation-delay:.24s;}
.thanks-screen.effect-on .thanks-actions{animation-delay:.30s;}

.thanks-screen.effect-off,
.thanks-screen.effect-off::before,
.thanks-screen.effect-off .thanks-icon,
.thanks-screen.effect-off h2,
.thanks-screen.effect-off .thanks-lead,
.thanks-screen.effect-off .thanks-body,
.thanks-screen.effect-off .thanks-actions{
    animation:none !important;
}

@keyframes mbcThanksPanelIn{
    0%{opacity:0; transform:translateY(18px) scale(.98);}
    100%{opacity:1; transform:translateY(0) scale(1);}
}
@keyframes mbcThanksGlow{
    0%{opacity:0; transform:scale(.4) rotate(0deg);}
    45%{opacity:1;}
    100%{opacity:0; transform:scale(1.15) rotate(8deg);}
}
@keyframes mbcThanksPopStrong{
    0%{opacity:0; transform:scale(.35) rotate(-12deg);}
    55%{opacity:1; transform:scale(1.18) rotate(4deg);}
    78%{transform:scale(.96) rotate(0);}
    100%{transform:scale(1) rotate(0);}
}
@keyframes mbcThanksContentUp{
    from{opacity:0; transform:translateY(12px);}
    to{opacity:1; transform:translateY(0);}
}

@media (prefers-reduced-motion: reduce){
    .dynamic-form.step-animation-enabled .step-visible,
    .dynamic-form.step-animation-enabled .step-controls,
    .thanks-screen.effect-on,
    .thanks-screen.effect-on::before,
    .thanks-screen.effect-on .thanks-icon,
    .thanks-screen.effect-on h2,
    .thanks-screen.effect-on .thanks-lead,
    .thanks-screen.effect-on .thanks-body,
    .thanks-screen.effect-on .thanks-actions{
        animation:none !important;
    }
}


/* v2.33 developer guard */
.developer-mode-settings{
    border-color:#f5b84b;
    background:#fffaf0;
}
.developer-mode-settings h3{
    color:#8a4b00;
}


/* v2.34 developer mode bottom placement */
.developer-mode-bottom{
    margin-top:28px;
    border:1px solid #f5b84b;
    background:#fffaf0;
}
.developer-mode-bottom h3{
    color:#8a4b00;
}
.developer-mode-bottom .setting-note{
    background:#fff3cd;
}


/* v2.35 thanks screen cleanup */
.thanks-body{
    text-align:center;
}

/* v2.36 developer mode moved */
.developer-mode-switch-card{border-color:#f5b84b;background:#fffaf0;}
.developer-mode-switch-card h3{color:#8a4b00;}


/* v2.40 restore point UI */
.restore-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.restore-actions form{
    margin:0;
}
.btn.small{
    padding:7px 10px;
    font-size:13px;
}
.btn.danger{
    background:#fff1f3;
    color:#b42318;
    border:1px solid #fda29b;
}
.restore-point-table code{
    font-size:12px;
}


/* v2.50 restore point UI */
.restore-actions{display:flex;gap:8px;flex-wrap:wrap;}
.restore-actions form{margin:0;}
.btn.small{padding:7px 10px;font-size:13px;}
.btn.danger{background:#fff1f3;color:#b42318;border:1px solid #fda29b;}
.restore-point-table code{font-size:12px;}


/* v2.56 inquiry delete button */
.inquiry-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.inline-delete-form{display:inline;margin:0;}
.mini-btn.danger{background:#fff1f3;color:#b42318;border:1px solid #fda29b;}
.mini-btn.danger:hover{background:#ffe4e8;}


/* v2.57 manual page layout guard */
.manual-page,
.manual-section,
.manual-card,
.settings-help,
.setting-help,
.help-panel{
    max-width:100%;
    box-sizing:border-box;
}
.manual-page *,
.manual-section *,
.manual-card *,
.settings-help *,
.setting-help *,
.help-panel *{
    box-sizing:border-box;
}
.admin-main section,
.admin-main .panel{
    overflow:visible;
}


/* v2.58 manual page containment fix */
.manual-page-fixed{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    overflow:hidden;
}
.manual-page-fixed > *{
    max-width:100%;
    box-sizing:border-box;
}
.manual-page-fixed h2,
.manual-page-fixed h3,
.manual-page-fixed h4,
.manual-page-fixed p,
.manual-page-fixed ul,
.manual-page-fixed ol{
    max-width:100%;
    box-sizing:border-box;
}
.manual-page-fixed .wp-block-columns,
.manual-page-fixed .columns,
.manual-page-fixed .admin-grid,
.manual-page-fixed .settings-grid{
    max-width:100%;
    box-sizing:border-box;
}
.manual-page-fixed pre,
.manual-page-fixed code{
    white-space:pre-wrap;
    word-break:break-word;
}


/* v2.62 manual page fixed layout */
.manual-page-fixed{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    overflow:hidden;
}
.manual-help-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:18px;
    margin:18px 0 28px;
}
.manual-help-card,
.manual-help-section{
    background:#fff;
    border:1px solid #d8dee8;
    border-radius:18px;
    padding:22px;
    box-sizing:border-box;
}
.manual-help-card h3,
.manual-help-section h3{
    margin-top:0;
    color:#1e4f8f;
}
.manual-help-section{
    margin:18px 0;
}
.manual-page-fixed ul{
    padding-left:1.4em;
}
.manual-page-fixed code{
    background:#eef4ff;
    padding:2px 6px;
    border-radius:6px;
    word-break:break-all;
}


/* v2.64 manual clean layout */
.mbc-manual-clean{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  clear:both;
  overflow:hidden;
}
.mbc-manual-clean *,
.mbc-manual-clean *::before,
.mbc-manual-clean *::after{
  box-sizing:border-box;
}
.mbc-manual-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;
  width:100%;
  max-width:100%;
  margin:20px 0;
}
.mbc-manual-card,
.mbc-manual-note{
  display:block;
  width:100%;
  max-width:100%;
  background:#fff;
  border:1px solid #d8dee8;
  border-radius:18px;
  padding:20px;
  clear:both;
}
.mbc-manual-card h3{
  margin-top:0;
  color:#1e4f8f;
}
.mbc-manual-note{
  background:#f7fbff;
}


/* v2.65 manual clean card layout */
.mbc-manual-clean{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  clear:both;
  overflow:hidden;
}
.mbc-manual-clean *,
.mbc-manual-clean *::before,
.mbc-manual-clean *::after{
  box-sizing:border-box;
}
.mbc-manual-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;
  width:100%;
  max-width:100%;
  margin:22px 0;
}
.mbc-manual-card,
.mbc-manual-note{
  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  background:#fff;
  border:1px solid #d8dee8;
  border-radius:18px;
  padding:24px;
  clear:both;
  box-shadow:0 10px 28px rgba(23,32,51,.05);
}
.mbc-manual-card h3{
  margin:0 0 10px;
  padding-left:44px;
  color:#1e4f8f;
  font-size:18px;
}
.mbc-manual-card p{
  margin:0;
  line-height:1.8;
}
.mbc-manual-num{
  position:absolute;
  left:22px;
  top:21px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:999px;
  background:#1e4f8f;
  color:#fff;
  font-weight:700;
  font-size:14px;
}
.mbc-manual-note{
  background:#f7fbff;
  color:#172033;
}
.developer-toggle-card{
  border-color:#f5b84b !important;
  background:#fffaf0 !important;
}