.amthero-er-wrap{max-width:1100px;margin:18px auto;padding:0 12px} .amthero-er-notice{
border:1px solid rgba(220,53,69,.35);
background:rgba(220,53,69,.06);
border-radius:12px;
padding:12px 14px;
margin:0 0 14px 0;
}
.amthero-er-notice strong{display:block;margin-bottom:6px}
.amthero-er-notice ul{margin:0 0 0 18px;padding:0}
.amthero-er-notice li{margin:2px 0}
.amthero-er-notice-ok{border-color:rgba(25,135,84,.35);background:rgba(25,135,84,.08)}
.amthero-er-notice-warn{border-color:rgba(255,193,7,.45);background:rgba(255,193,7,.10)}
.amthero-er-card{border:1px solid #e5e5e5;border-radius:10px;padding:14px 14px;margin:12px 0;background:#fff}
.amthero-er-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.amthero-er-card h2{
margin:0 0 10px 0;
font-size:16px;
padding:8px 10px;
border-radius:10px;
background:linear-gradient(90deg, rgba(30,120,200,0.12), rgba(30,120,200,0.03));
border:1px solid rgba(30,120,200,0.10);
}
.amthero-er-card label{display:block;font-size:12px;margin:0 0 4px 0}
.amthero-er-card input,.amthero-er-card select,.amthero-er-card textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid #ddd;border-radius:8px}
.amthero-er-details{margin-top:8px}
.amthero-er-actions{display:flex;gap:8px;margin:6px 0 10px}
.amthero-item hr{border:none;border-top:1px solid #eee;margin:10px 0 0}
.amthero-er-check{display:flex;gap:8px;align-items:center}
.amthero-er-donate{margin-left:10px;font-size:12px;color:#444}
@media (max-width:900px){.amthero-er-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.amthero-er-inline{display:flex;gap:8px;align-items:center}
.amthero-er-inline select{flex:1;min-width:0}
.amthero-er-help{margin-top:6px;font-size:12px;color:#555}
.amthero-er-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.amthero-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #ddd;border-radius:999px;background:#fafafa}
.amthero-chip-text{font-size:12px;line-height:1.2}
.amthero-chip-x{border:none;background:transparent;cursor:pointer;font-size:16px;line-height:1;padding:0 2px} .amthero-er-pilllist{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.amthero-er-pill{border:1px solid #d9d9d9;border-radius:999px;padding:6px 10px;background:#fff;cursor:pointer;font-size:12px;line-height:1.2}
.amthero-er-pill.is-selected{border-color:#1e78c8;background:rgba(30,120,200,0.10)}
.amthero-er-pill:hover{border-color:#1e78c8}
.amthero-er-customline{display:flex;gap:8px;margin-top:10px;align-items:center}
.amthero-er-customline input{flex:1;min-width:0} .amthero-er-textarea{min-height:78px;resize:vertical} .amthero-er-card input.amthero-filled,
.amthero-er-card select.amthero-filled,
.amthero-er-card textarea.amthero-filled{background:rgba(30,120,200,0.06);border-color:rgba(30,120,200,0.35)}
.amthero-er-details>summary{cursor:pointer;font-weight:600}
.amthero-er-details{border:1px solid #eee;border-radius:10px;padding:10px;margin-top:10px;background:#fcfcfc}
.amthero-er-details[open]{background:#fff}  .amthero-er-card > h2{
margin: 0 0 12px 0;
padding: 10px 14px;
border-radius: 14px;
font-size: 16px;
line-height: 1.2;
background: linear-gradient(90deg, rgba(0,123,255,.14), rgba(255,0,122,.10));
border: 1px solid rgba(0,0,0,.06);
} .amthero-er-grid{ gap: 14px; }
.amthero-er-field-wide{ margin-top: 14px; } .amthero-er-form input.amthero-filled,
.amthero-er-form select.amthero-filled,
.amthero-er-form textarea.amthero-filled{
background: rgba(0,123,255,.06);
border-color: rgba(0,123,255,.25);
} .amthero-er-btn{
appearance: none;
border: 0;
cursor: pointer;
padding: 10px 14px;
border-radius: 14px;
font-weight: 600;
background: linear-gradient(90deg, rgba(0,123,255,.85), rgba(255,0,122,.70));
color: #fff;
box-shadow: 0 6px 20px rgba(0,0,0,.10);
}
.amthero-er-btn:hover{ filter: brightness(1.03); }
.amthero-er-btn:active{ transform: translateY(1px); }
.amthero-er-btn-secondary{
background: rgba(0,123,255,.10);
color: #0b3a7a;
border: 1px solid rgba(0,123,255,.25);
box-shadow: none;
}
.amthero-er-btn-secondary:hover{ background: rgba(0,123,255,.14); }
.amthero-er-btn-danger{
background: rgba(220,53,69,.12);
color: #7a0b15;
border: 1px solid rgba(220,53,69,.25);
box-shadow: none;
}
.amthero-er-btn-danger:hover{ background: rgba(220,53,69,.16); } .amthero-er-presetbox{
margin: 8px 0 10px 0;
border-radius: 14px;
border: 1px solid rgba(0,0,0,.06);
background: rgba(0,0,0,.02);
}
.amthero-er-presetbox > summary{
cursor: pointer;
padding: 10px 14px;
font-weight: 700;
}
.amthero-er-pilllist{
display: flex;
flex-direction: column;
gap: 10px;
padding: 10px 14px 14px 14px;
}
.amthero-er-pill{
width: 100%;
text-align: left;
padding: 10px 12px;
border-radius: 14px;
border: 1px solid rgba(0,0,0,.10);
background: #fff;
color: #111;
cursor: pointer;
transition: background-color .12s ease, border-color .12s ease, transform .06s ease;
}
.amthero-er-pill:active{ transform: translateY(1px); }
.amthero-er-pill:hover{ background: rgba(0,123,255,.06); border-color: rgba(0,123,255,.25); }
.amthero-er-pill.is-active{ background: rgba(0,123,255,.10); border-color: rgba(0,123,255,.35); } .amthero-er-chipsinput{ gap: 10px; }
.amthero-er-help{font-size:12px;color:#555;margin:8px 0}
.amthero-er-warnbox{margin-top:10px;padding:10px;border:1px solid #f0c36d;background:#fff8e1;border-radius:10px}
.amthero-er-modal{position:fixed;inset:0;display:none;z-index:9999}
.amthero-er-modal.is-open{display:block}
.amthero-er-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.amthero-er-modal-box{position:relative;max-width:720px;margin:6vh auto;background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.25);padding:0;overflow:hidden}
.amthero-er-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee;background:#f7fbff}
.amthero-er-modal-title{font-weight:700}
.amthero-er-modal-x{border:none;background:transparent;font-size:26px;line-height:1;cursor:pointer;padding:2px 8px}
.amthero-er-modal-body{padding:14px 16px}
.amthero-er-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid #eee;background:#fafafa} .amthero-er-card-text h3{margin:0 0 6px 0;font-size:14px}
.amthero-er-sub{margin:0 0 10px 0;font-size:12px;opacity:.8}
.amthero-er-textsection{margin-top:14px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}
.amthero-er-textsection:first-child{margin-top:0;padding-top:0;border-top:none}
.amthero-er-pillgrid{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 10px} .amthero-er-pillgrid .amthero-er-pill{
display:flex;align-items:flex-start;gap:8px;
padding:10px 12px;
border:1px solid rgba(0,0,0,.12);
border-radius:12px;
background:#fff;
color:#111;
cursor:pointer;
text-align:left;
max-width:100%;
transition: background-color .12s ease, border-color .12s ease, transform .06s ease;
}
.amthero-er-pillgrid .amthero-er-pill:hover{
background: rgba(0,123,255,.06);
border-color: rgba(0,123,255,.25);
}
.amthero-er-pillgrid .amthero-er-pill:active{ transform: translateY(1px); }
.amthero-er-pillgrid .amthero-er-pill:focus{ outline: none; }
.amthero-er-pillgrid .amthero-er-pill:focus-visible{
box-shadow: 0 0 0 3px rgba(0,123,255,.18);
}
.amthero-er-pillgrid .amthero-er-pill.is-active{
background: rgba(0,123,255,.10);
border-color: rgba(0,123,255,.35);
}
.amthero-er-pilltext{font-size:12px;line-height:1.25}
.amthero-er-checkbox{width:16px;height:16px;border:1px solid rgba(0,0,0,.35);border-radius:4px;flex:0 0 16px;margin-top:1px;position:relative;background:#fff}
.amthero-er-pill.is-active .amthero-er-checkbox{border-color:rgba(0,0,0,.55)}
.amthero-er-pill.is-active .amthero-er-checkbox:after{content:"✓";position:absolute;left:2px;top:-2px;font-size:14px;line-height:1}
.amthero-er-selectedbox{margin:6px 0 10px;padding:10px;border:1px dashed rgba(0,0,0,.18);border-radius:12px;background:rgba(0,0,0,.02)}
.amthero-er-selectedtitle{font-size:12px;font-weight:600;margin-bottom:6px;opacity:.85}
.amthero-er-ownline{display:flex;gap:10px;align-items:center;margin:8px 0 10px}
.amthero-er-ownline input{flex:1;min-width:0}
.amthero-er-btn-sm{padding:7px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.15);background:rgba(0,0,0,.03);cursor:pointer}
.amthero-er-btn-sm:hover{background:rgba(0,0,0,.06)} .amthero-chip{background:#fff}
.amthero-er-btn-primary{background: linear-gradient(90deg, rgba(0,123,255,.85), rgba(255,0,122,.70)); color:#fff; border:0;}
.amthero-er-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px} .amthero-er-wrap button.amthero-er-btn,
.amthero-er-wrap a.amthero-er-btn{
background: linear-gradient(90deg, rgba(0,123,255,.85), rgba(255,0,122,.70));
color:#fff;
border:0;
}
.amthero-er-wrap button.amthero-er-btn-secondary{
background: rgba(0,123,255,.10) !important;
color:#0b3a7a !important;
border:1px solid rgba(0,123,255,.25) !important;
box-shadow:none !important;
}
.amthero-er-wrap button.amthero-er-btn-danger{
background: rgba(220,53,69,.12) !important;
color:#7a0b15 !important;
border:1px solid rgba(220,53,69,.25) !important;
box-shadow:none !important;
}
.amthero-er-wrap button.amthero-er-pill{
background:#fff !important;
color:#111 !important;
}
.amthero-er-wrap button.amthero-er-pill.is-active{
background: rgba(0,123,255,.10) !important;
border-color: rgba(0,123,255,.35) !important;
} :root{
--amthero-blue: #1e78c8;
--amthero-red:  #ff007a;
--amthero-blue-soft: rgba(30,120,200,0.14);
--amthero-blue-soft2: rgba(30,120,200,0.08);
} .amthero-er-wrap button.amthero-er-btn-sm,
.amthero-er-wrap input[type="button"].amthero-er-btn-sm,
.amthero-er-wrap input[type="submit"].amthero-er-btn-sm{
appearance:none;
cursor:pointer;
padding: 8px 12px;
border-radius: 12px;
font-weight: 700;
border: 0 !important;
background: linear-gradient(90deg, var(--amthero-blue), var(--amthero-red)) !important;
color: #fff !important;
box-shadow: 0 6px 18px rgba(0,0,0,.12);
}
.amthero-er-wrap .amthero-er-btn-sm:hover{ filter: brightness(1.03); }
.amthero-er-wrap .amthero-er-btn-sm:active{ transform: translateY(1px); }
.amthero-er-wrap .amthero-er-btn-sm:focus,
.amthero-er-wrap .amthero-er-btn-sm:focus-visible{
outline: 2px solid rgba(30,120,200,.35);
outline-offset: 2px;
} .amthero-er-wrap button.amthero-er-pill{
background:#fff !important;
color:#111 !important;
border:1px solid #d9d9d9 !important;
}
.amthero-er-wrap button.amthero-er-pill.is-active,
.amthero-er-wrap button.amthero-er-pill.is-selected{
background: var(--amthero-blue-soft) !important;
border-color: rgba(30,120,200,.45) !important;
color:#111 !important;
} .amthero-er-wrap button.amthero-er-pill:active{ transform: translateY(1px); }
.amthero-er-wrap button.amthero-er-pill:hover{ border-color: rgba(30,120,200,.55) !important; } .amthero-er-wrap .amthero-er-checkbox{
background:#fff;
border-color: rgba(0,0,0,.35);
}
.amthero-er-wrap button.amthero-er-pill.is-active .amthero-er-checkbox,
.amthero-er-wrap button.amthero-er-pill.is-selected .amthero-er-checkbox{
border-color: rgba(30,120,200,.75);
}
.amthero-er-wrap button.amthero-er-pill.is-active .amthero-er-checkbox:after,
.amthero-er-wrap button.amthero-er-pill.is-selected .amthero-er-checkbox:after{
content:"✓";
position:absolute;
left:2px;
top:-2px;
font-size:14px;
line-height:1;
} .amthero-er-btn-sm,
.amthero-er-wrap button.amthero-er-btn-sm,
#amthero_intro_add_custom,
#amthero_outro_add_custom{
appearance:none !important;
background: linear-gradient(90deg, var(--amthero-blue), var(--amthero-red)) !important;
color:#fff !important;
border:0 !important;
border-radius: 12px !important;
padding: 8px 12px !important;
font-weight: 700 !important;
cursor:pointer !important;
box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
line-height: 1.1 !important;
}
.amthero-er-btn-sm:hover,
#amthero_intro_add_custom:hover,
#amthero_outro_add_custom:hover{ filter: brightness(1.03) !important; }
.amthero-er-btn-sm:active,
#amthero_intro_add_custom:active,
#amthero_outro_add_custom:active{ transform: translateY(1px) !important; }
.amthero-er-btn-sm:focus-visible,
#amthero_intro_add_custom:focus-visible,
#amthero_outro_add_custom:focus-visible{ outline: 2px solid rgba(30,120,200,.45) !important; outline-offset: 2px !important; } .amthero-er-wrap button{ color: inherit; } .amthero-er-pill{
background:#fff !important;
color:#111 !important;
border:1px solid rgba(0,0,0,.14) !important;
border-radius: 14px !important;
}
.amthero-er-pill:hover{ border-color: rgba(30,120,200,.35) !important; } .amthero-er-pill.is-active,
.amthero-er-pill.is-selected{
background: var(--amthero-blue-soft) !important;
border-color: rgba(30,120,200,.45) !important;
color:#0b2e4a !important;
} .amthero-er-checkbox{
background:#fff !important;
border:1px solid rgba(0,0,0,.28) !important;
}
.amthero-er-pill.is-active .amthero-er-checkbox,
.amthero-er-pill.is-selected .amthero-er-checkbox{
border-color: rgba(30,120,200,.65) !important;
} .amthero-er-wrap input,
.amthero-er-wrap textarea,
.amthero-er-wrap select{
color:#111 !important;
background:#fff !important;
}
.amthero-er-wrap input::placeholder,
.amthero-er-wrap textarea::placeholder{color:#777 !important;} .amthero-er-stepper{
position: sticky;
top: 10px;
z-index: 50;
display:flex;
gap:10px;
flex-wrap:wrap;
padding:10px;
margin:10px 0 14px;
border:1px solid rgba(0,0,0,.06);
border-radius:14px;
background:rgba(255,255,255,.92);
backdrop-filter: blur(6px);
}
.amthero-er-step{
appearance:none;
border:1px solid rgba(0,0,0,.12);
background:#fff;
color:#111;
cursor:pointer;
padding:8px 12px;
border-radius:999px;
font-weight:700;
font-size:12px;
}
.amthero-er-step:hover{ border-color: rgba(0,0,0,.22); }
.amthero-er-step.is-active{
border-color: rgba(0,123,255,.35);
background: rgba(0,123,255,.10);
}
.amthero-er-dochint{
grid-column: 1 / -1;
display:flex;
gap:8px;
align-items:flex-start;
padding:10px 12px;
border-radius:12px;
border:1px dashed rgba(0,0,0,.18);
background: rgba(0,0,0,.02);
font-size:12px;
}
.amthero-er-dochint-title{font-weight:700}
.amthero-er-cardnav{margin-top:12px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.amthero-er-cardnav .amthero-er-btn{padding:8px 12px;border-radius:12px} .amthero-er-card[hidden]{display:none !important;} .amthero-er-cardnav .amthero-er-prev{margin-right:auto}