/* Membership application (Join) and Replacement Badge forms. Builds on css/p-incident.css. */
.ap-multi span::before{border-radius:5px}
.ap-multi input:checked+span::before{border:0;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.2 2.6 2.6L12 5.4' fill='none' stroke='%23131210' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.ap-addr{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.ap-addr input{min-height:52px}
.ap-addr .ap-sub{display:block;margin:6px 2px 0;font-size:12.5px;color:#68665e}
@media (min-width:700px){.ap-addr{grid-template-columns:repeat(6,minmax(0,1fr))}.ap-addr>div{grid-column:span 6}.ap-addr>.ap-c{grid-column:span 3}.ap-addr>.ap-s,.ap-addr>.ap-z{grid-column:span 3}}
@media (min-width:1100px){.ap-addr>.ap-c{grid-column:span 2}.ap-addr>.ap-s,.ap-addr>.ap-z{grid-column:span 2}}
.ap-drop{position:relative;display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 18px;border:1.5px dashed #c9c7bd;border-radius:18px;background:#fbfaf6;cursor:pointer;transition:border-color var(--t-tap),background-color var(--t-tap)}
.ap-drop:hover{border-color:var(--ink)}
.ap-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;min-height:0!important;padding:0!important;border:0!important;opacity:0;cursor:pointer}
.ap-drop:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px rgb(var(--gold-rgb) / .35)}
.ap-drop svg{flex:none;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ap-drop b{display:block;font:600 15px/1.3 var(--display);color:var(--ink)}
.ap-drop small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:#68665e}
.ir-field.bad .ap-drop{border-color:var(--red);background:#fff6f6}
.ir-field.has-files .ap-drop{border-style:solid;border-color:var(--ink)}
.ap-files{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.ap-files:empty{display:none}
.ap-files li{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:12px;background:#f3f1ea;font-size:14px;color:var(--ink);word-break:break-all}
.ap-files small{flex:none;color:#68665e}
.ap-pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-top:22px;padding:18px 20px;border-radius:20px;background:rgb(var(--gold-rgb) / .16);border:1px solid rgb(var(--gold-rgb) / .5)}
.ap-pay p{margin:0;max-width:52ch;font-size:15px;line-height:1.5;color:var(--ink)}
.ap-pay p b{display:block;font-family:var(--display)}
.ir-side .ir-note+.ir-note,.ir-side .ir-steps+.ir-note{margin-top:14px}
.ap-side[hidden]{display:none!important}
html[data-theme="dark"] .ap-addr .ap-sub,html[data-theme="dark"] .ap-drop small,html[data-theme="dark"] .ap-files small{color:rgb(168,165,159)}
html[data-theme="dark"] .ap-drop{background:rgb(30,30,28);border-color:rgb(90,87,82)}
html[data-theme="dark"] .ap-drop:hover,html[data-theme="dark"] .ir-field.has-files .ap-drop{border-color:rgb(236,232,223)}
html[data-theme="dark"] .ap-drop b,html[data-theme="dark"] .ap-files li,html[data-theme="dark"] .ap-pay p{color:rgb(236,232,223)}
html[data-theme="dark"] .ir-field.bad .ap-drop{background:rgb(48,30,30)}
html[data-theme="dark"] .ap-files li{background:rgb(44,40,34)}
html[data-theme="dark"] .ap-pay{background:rgb(59,53,33);border-color:rgb(110,95,45)}
