/* team.js: staff, instructor pay, contracts, several locations */
.tm-sec{margin:12px 0;display:flex;flex-direction:column;gap:6px}
.tm-sec .mn-line a{font-weight:700}
.tm-tabs{margin:10px 0 14px}
.tm-tabs [aria-selected=true],.tm-per [aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.tm-per{margin:8px 0}
.tm-links{flex-wrap:wrap;gap:8px;margin:10px 0}
/* forms in the Team and Staff panels look like the ones in sheets */
#tm-body label:not(.ev-opt),.tm-edit label,.tm-send label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 0 4px}
#tm-body label .muted{text-transform:none;letter-spacing:0;font-weight:400}
#tm-body input:not([type=checkbox]):not([type=radio]),#tm-body textarea,#tm-body select{width:100%;box-sizing:border-box;font:inherit;font-size:14px;color:var(--ink);background:var(--ground);border:2px solid var(--line);border-radius:14px;padding:9px 12px}
#tm-body textarea{min-height:160px;resize:vertical}
#tm-body .tm-note{width:auto;flex:1 1 160px;margin-right:6px}
.tm-url{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.tm-url input{flex:1 1 240px;min-width:0;font:13px/1.3 ui-monospace,Menlo,Consolas,monospace!important}
.tm-sum{font-size:16px;margin:10px 0}
.tm-paid{color:#2E7D32;font-weight:700}
.tm-pay details{margin-top:6px}
.tm-pay summary,.tm-box summary{cursor:pointer;font-weight:700;font-size:14px}
.tm-box{margin:12px 0;border:1px solid var(--line);border-radius:14px;padding:8px 12px}
.tm-t{border-collapse:collapse;width:100%;font-size:13px;margin:6px 0}
.tm-t th,.tm-t td{text-align:left;padding:5px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.tm-t td:nth-last-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}
.tm-t .alt{padding:0 6px}
.tm-dates{align-items:end}
#sh-pay .tm-t,#sh-cls{max-width:100%;overflow-x:auto}
/* front desk inside the Money panel (money.js): only what the desk uses */
.mn-staff #mn-body [hidden]{display:none!important}
@media (max-width:560px){.tm-t{font-size:12px}.tm-t th:nth-child(1),.tm-t td:nth-child(1){min-width:92px}}