/* Form + opportunity picker + admin tables. Builds on subpage.css. */
.form{display:grid;gap:1.1rem;max-width:760px}
.row2{display:grid;gap:1.1rem}
@media (min-width:640px){.row2{grid-template-columns:1fr 1fr}}
.field{display:grid;gap:.4rem}
.field label,.legend{font-family:"DM Mono",monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--brass)}
.field input,.field select,.field textarea,.input{
  width:100%;min-height:52px;padding:.7em 1em;background:var(--ink-2);color:var(--bone);
  border:1px solid var(--hairline-strong);border-radius:2px;font:inherit;
}
.field textarea{min-height:140px;resize:vertical}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--brass) 50%),linear-gradient(135deg,var(--brass) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.5em}
.field input::placeholder,.field textarea::placeholder{color:var(--text-quiet)}
.hint{font-size:.9rem;color:var(--text-quiet);margin:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.shift-picker{display:grid;gap:.8rem;max-width:760px}
.picker-row{min-width:0;margin:0;padding:1rem;border:1px solid var(--hairline-strong);border-left:3px solid var(--brass);border-radius:2px;background:var(--ink-2)}
.picker-row__legend{padding:0 .45rem;font-family:Anton,"Arial Narrow",Impact,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}
.picker-field{display:grid;gap:.4rem;margin:.4rem 0 .85rem}
.picker-field:last-child{margin-bottom:0}
.picker-field label{font-family:"DM Mono",monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--brass)}
.picker-field select{width:100%;min-height:50px;padding:.65em 2.5em .65em .85em;background-color:var(--ink);color:var(--bone);border:1px solid var(--hairline-strong);border-radius:2px;font:inherit;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--brass) 50%),linear-gradient(135deg,var(--brass) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.picker-field select:disabled{opacity:.62;cursor:not-allowed}
.picker-field select:focus-visible,.picker-add:focus-visible,.picker-row button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.picker-field option:disabled{color:var(--text-quiet)}
.picker-row__detail{margin:.4rem 0 0;color:var(--text-dim);font-size:.9rem;line-height:1.55}
.picker-row__actions{display:flex;justify-content:flex-end;margin-top:.55rem}
.picker-add{min-height:48px;margin-top:.8rem}
.picker-add[disabled]{opacity:.52;cursor:not-allowed}
@media (min-width:700px){
  .picker-row{padding:1rem 1.25rem}
  .picker-row .picker-field{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:1rem}
  .picker-row .picker-field label{padding-left:.2rem}
}

.consent{display:flex;gap:.8rem;align-items:flex-start;color:var(--text-dim);font-size:.95rem}
.consent input{flex:0 0 auto;width:22px;height:22px;margin-top:.15rem;accent-color:var(--oxide)}
.alert{padding:.9rem 1.1rem;border-radius:2px;border:1px solid var(--hairline-strong);background:var(--ink-2);color:var(--bone)}
.alert--err{border-color:var(--oxide)}
.alert--ok{border-color:var(--brass)}
.summary{position:sticky;bottom:0;background:var(--ink);box-shadow:0 -12px 16px -8px var(--ink);border-top:1px solid var(--hairline-strong);padding:.8rem 0;margin-top:1rem;z-index:5}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;filter:none}
.done ul{padding-left:1.2rem;color:var(--text-dim)}

/* admin */
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}
.tab{background:transparent;color:var(--text-dim);border:1px solid var(--hairline-strong);border-radius:2px;padding:.6em 1.1em;font:inherit;font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;cursor:pointer;min-height:44px}
.tab[aria-selected="true"]{background:var(--oxide);color:var(--bone);border-color:var(--oxide)}
.table-wrap{overflow-x:auto;border:1px solid var(--hairline);border-radius:2px}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--hairline);vertical-align:top}
th{font-family:"DM Mono",monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--brass);white-space:nowrap}
td small{color:var(--text-quiet)}
.stats{display:grid;gap:.8rem;margin-bottom:1.5rem}
@media (min-width:640px){.stats{grid-template-columns:repeat(3,1fr)}}
.stat{background:var(--ink-2);border:1px solid var(--hairline);padding:1rem 1.2rem;border-radius:2px}
.stat b{display:block;font-family:Anton,"Arial Narrow",Impact,sans-serif;font-weight:400;font-size:2.2rem;color:var(--gold);line-height:1}
.stat span{font-family:"DM Mono",monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-quiet)}
.bar{height:8px;background:var(--surface);border-radius:2px;overflow:hidden;margin-top:.35rem}
.bar i{display:block;height:100%;background:var(--oxide)}
.badge{display:inline-block;padding:.1em .6em;border:1px solid var(--hairline-strong);border-radius:2px;font-family:"DM Mono",monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.badge--warn{border-color:var(--gold);color:var(--gold)}
.badge--bad{border-color:var(--oxide);color:var(--oxide)}
.toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}
.toolbar .input{max-width:320px;min-height:46px}

.perks{max-width:760px;margin-bottom:2rem;background:var(--ink-2);border:1px solid var(--hairline-strong);border-radius:2px;padding:1.25rem 1.5rem}
.perks ul{list-style:none;margin:.9rem 0 .9rem;padding:0;display:grid;gap:.5rem;color:var(--bone)}
.perks li{display:flex;gap:.7rem}
.perks li::before{content:"";flex:0 0 15px;height:10px;margin-top:.5em;background:var(--oxide);-webkit-mask:url(/assets/m-el-star.webp) center/contain no-repeat;mask:url(/assets/m-el-star.webp) center/contain no-repeat}
.team__desc{margin:0 0 .6rem;color:var(--text-dim);font-size:.95rem;max-width:62ch}
.link-btn{background:none;border:0;padding:0;margin-left:.25rem;font:inherit;font-size:.8rem;color:var(--gold);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.link-btn--bad{color:var(--oxide)}
.link-btn:hover{color:var(--bone)}