/* Trips (/trips/<id>): the public page and form, and the committee's dashboard. Uses the website's colours (--c1 red, --c2 gold, --c3 black). */

/* public page */
.t-note{margin-top:16px;border:1px solid var(--s-line);border-left:5px solid var(--c1);background:var(--s-card);padding:12px 16px;font-size:1.02rem;max-width:66ch}
.t-note strong{color:var(--c1)}
.t-dl{margin:16px 0}
.t-dl dd{max-width:60ch}
#site .t-h3{margin:18px 0 8px;font-size:1.1rem}
.t-kitinfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin-top:12px}
.t-kitinfo ul{margin:6px 0 0;padding-left:1.1em}
.t-list li{display:flex;flex-direction:column;gap:2px}
.t-sm{font-size:.9rem}

/* the form */
.t-form{gap:16px}
.t-steps{list-style:none;margin:0 0 2px;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.88rem;color:var(--s-muted);border-bottom:1px solid var(--s-line);padding-bottom:10px}
.t-steps li{display:flex;align-items:center;gap:6px}
.t-steps span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--s-line);font-size:.78rem;font-weight:600}
.t-steps li.on{color:var(--s-ink);font-weight:600}
.t-steps li.on span{background:var(--c1);border-color:var(--c1);color:var(--c1-ink)}
.t-steps li.done span{background:var(--s-ink);border-color:var(--s-ink);color:var(--s-card)}
.t-opts{flex-direction:column;align-items:flex-start;gap:8px}
.t-opts label{min-height:28px}
.t-hint{font-size:.88rem;margin:6px 0 0}
.t-warn{margin:8px 0 0;padding:8px 12px;background:var(--warn-bg);color:var(--warn);border-radius:4px;font-size:.95rem}
.t-err{margin:0;padding:8px 12px;background:var(--red-bg);color:var(--red);border-radius:4px;font-weight:600}
.t-nav{gap:10px}
#site .t-form .s-btn{cursor:pointer}
.t-own{font-weight:600}
.t-ack{align-items:flex-start!important;font-weight:600}
.t-ack input{margin-top:3px!important;flex:none}
.t-sum{margin:0}
.t-form select{font-size:1rem;padding:9px 10px}
@media (max-width:560px){ .t-steps li:not(.on){font-size:0;gap:0} .t-steps li:not(.on) span{font-size:.78rem} }

/* dashboard */
.t-banner{margin-top:12px;padding:10px 14px;background:var(--warn-bg);color:var(--warn);border-radius:4px}
.t-meter{border-left:5px solid var(--green)}
.t-meter.full{border-left-color:var(--red)}
.t-meter-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px}
.t-meter-h b{font-family:var(--display);font-size:2.4rem;line-height:1}
.t-meter-h>span:first-child{font-family:var(--display);font-size:1.3rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.t-bar{height:14px;background:var(--sunk);border-radius:7px;overflow:hidden;margin:10px 0 8px}
.t-bar i{display:block;height:100%;background:var(--c1)}
.t-buses{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:.92rem}
.tile.t-soft{border-color:var(--warn);background:var(--warn-bg)}
.t-todo{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:6px}
.t-todo li.bad{color:var(--red);font-weight:600}
.t-todo .b{margin:2px 2px 0 0}
.t-regbar{margin-top:16px}
.t-regbar input[type=search]{flex:1 1 220px}
.t-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#site .t-quick .b[aria-pressed="true"]{background:var(--c3);color:#fff;border-color:var(--c3)}
.t-filters{margin-top:10px}
.t-filters summary{cursor:pointer;font-weight:600}
.t-filters .k-grid{margin-top:8px}
.t-link{font:inherit;font-weight:600;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.t-link:hover{color:var(--c1)}
.t-table td{white-space:normal}
.t-table td.t-name{min-width:150px}
.t-kitcell{min-width:150px;font-size:.88rem}
.t-buscols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin-top:16px}
.t-pax li{flex-wrap:wrap}
.t-pax li>span:first-child{min-width:0}
.t-n{font-family:var(--mono);font-size:.85rem}
#site .t-kitsum td,#site .t-kitsum th{white-space:normal}
.t-kitsum tr.gh th{background:var(--sunk);color:var(--ink);font-family:var(--display);font-size:.95rem}
.t-kitsum tr.t-type td{border-top:1px solid var(--line)}
.t-kitsum .t-ind{padding-left:24px;color:var(--muted);font-size:.9rem}
.t-bad{color:var(--red);font-weight:700}
.t-inv td{padding:4px 4px;vertical-align:middle}
.t-inv input,.t-inv select{max-width:100%;padding:5px 6px}
.t-inv input.t-num{width:64px}
.t-inv input[type=checkbox]{width:18px;height:18px;accent-color:var(--c1)}
.t-tpl{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;display:flex;flex-direction:column;gap:8px}
.t-tpl textarea{font-family:var(--body);font-size:.92rem}
.t-busset{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.t-faq{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px;align-items:flex-start}
.t-faq label{width:100%}
.s-tool .card textarea.prose{font-family:var(--body);font-size:.92rem;min-height:70px}
.t-save{position:sticky;bottom:0;z-index:4;margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--c3);color:#fff;padding:10px 14px;border-radius:4px;box-shadow:0 -4px 18px rgba(0,0,0,.2)}

/* one registration */
.t-pop .s-pop-c{width:min(720px,100%);font-family:var(--body);font-size:15px}
.t-pop .s-pop-c{align-self:flex-start;margin-top:4vh}
.t-sec{border-top:1px solid var(--line);padding-top:10px}
.t-sec h4{margin:0 0 8px;font-family:var(--display);font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;align-items:center;gap:8px}
.t-sec summary{cursor:pointer}
.t-inline{margin-top:8px;max-width:320px}
.t-change{margin-top:8px}
.t-change summary{cursor:pointer;font-size:.9rem;color:var(--muted)}
.t-alloc{display:flex;flex-direction:column;gap:8px}
.t-arow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px;align-items:center;padding-bottom:8px;border-bottom:1px dashed var(--line)}
.t-arow select{width:100%}
@media (max-width:560px){ .t-arow{grid-template-columns:1fr} }
.t-note2{margin:8px 0 0;font-size:.92rem}
.t-mails{display:flex;flex-direction:column;gap:6px}
.t-mrow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px}
.t-mailed{margin-top:10px;display:flex;flex-direction:column;gap:8px;background:var(--sunk);padding:10px;border-radius:4px}
.t-mailed textarea{font-family:var(--body);font-size:.92rem}
#site a.b.t-a{display:inline-block;font-weight:600;border:1px solid var(--line);border-radius:2px;background:var(--surface);color:var(--ink);padding:8px 14px;text-decoration:none;font-size:inherit}
.t-warnbox{background:var(--red-bg);color:var(--red);padding:10px 12px;border-radius:4px;display:flex;flex-direction:column;gap:8px;font-weight:600}
.t-weps{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.t-weps .a-check{min-width:90px}
@media (max-width:640px){
  /* registrations: one card per person */
  #site .t-table tr{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
  #site .t-table td{flex:0 1 auto}
  #site .t-table .t-mlab{display:inline}
  #site .t-table td.t-name,#site .t-table td.t-kitcell{flex:1 1 100%}
  /* the kit summary and waiting list stay tables and scroll sideways */
  #site .k-table.t-plain thead{display:table-header-group}
  #site .k-table.t-plain tr{display:table-row}
  #site .k-table.t-plain td,#site .k-table.t-plain th{display:table-cell;padding:6px 8px;border-bottom:1px solid var(--line)}
}
.t-mlab{display:none;color:var(--muted)}