.proc-view{display:grid;gap:24px}.proc-view.hidden{display:none}.proc-heading,.proc-actions{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.proc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.proc-form h2,.proc-form>.proc-note,.proc-form>[role],.proc-quote-result{grid-column:1/-1}.proc-view label{display:grid;gap:8px;min-width:0}.proc-view input,.proc-view select{width:100%;min-width:0}.proc-note{color:var(--muted,#91adbf);line-height:1.6;margin:8px 0}.proc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.proc-grid .panel{margin:0;padding:22px;min-width:0;overflow-wrap:anywhere}.proc-overview{display:grid;gap:18px}.proc-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.proc-metrics>div{padding:16px;background:#091c2a;border:1px solid #24465a;border-radius:14px}.proc-metrics dd{font-size:1.25rem;font-weight:700;margin:10px 0 0}.proc-quote-result:not(:empty){border-top:1px solid #31516a;padding-top:20px}.proc-rental .button{margin:12px 0}.proc-rental label{margin-top:10px}.proc-table{overflow-x:auto}.proc-table table{width:100%;border-collapse:collapse}.proc-table th,.proc-table td{text-align:left;padding:14px 20px;border-bottom:1px solid #284252}.proc-table td:nth-child(n+2){white-space:nowrap}.proc-view [role=alert]{color:#ff9393}@media(max-width:700px){.proc-form{grid-template-columns:1fr}.proc-heading{align-items:flex-start}.proc-table th,.proc-table td{padding:12px}.proc-actions .button{flex:1}}
.proc-picker{display:flex;min-width:0;width:100%}.proc-picker>select[hidden]{display:none}.proc-picker>.button{display:flex;align-items:center;gap:12px;width:100%;min-width:0;text-align:left;white-space:normal}.proc-picker>.button>span:first-of-type{flex:1;overflow-wrap:anywhere}.proc-picker img,.proc-picker-row img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.proc-picker-dialog{box-sizing:border-box;width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #40637b;border-radius:18px;color:#edf6ff;background:#0c1d2d;overflow:auto}.proc-picker-dialog::backdrop{background:#000b}.proc-picker-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.proc-picker-dialog header h2{min-width:0;overflow-wrap:anywhere}.proc-picker-dialog input,.proc-picker-dialog select{box-sizing:border-box;width:100%;margin:8px 0;min-width:0}.proc-picker-dialog [hidden]{display:none!important}.proc-picker-list,.proc-needed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.proc-picker-row{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;text-align:left;background:#132c40;border:1px solid #34536b;border-radius:12px;color:#edf6ff;cursor:pointer}.proc-picker-row>span{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.proc-picker-row small{color:#a9bfce}.proc-picker-row[aria-pressed=true]{border-color:#5ae0bb;background:#153e42}.proc-picker-row:focus-visible,.proc-picker>.button:focus-visible{outline:3px solid #ffbf44;outline-offset:2px}.proc-picker-row:disabled{opacity:.6;cursor:default}.proc-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.proc-filters h2,.proc-filters>.proc-note,.proc-needed{grid-column:1/-1}.proc-filters label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.proc-filters input[type=checkbox]{width:20px;height:20px}.proc-filters input,.proc-filters select{box-sizing:border-box;min-width:0;width:100%}@media(max-width:600px){.proc-picker-dialog{padding:16px}.proc-picker-list,.proc-needed,.proc-filters{grid-template-columns:1fr}.proc-picker-dialog h2{font-size:1.25rem}.proc-picker img,.proc-picker-row img{width:40px;height:40px}}
.proc-research-evidence{grid-column:1/-1;padding:18px;background:#103334;border:1px solid #3a8774;border-radius:14px;min-width:0;overflow-wrap:anywhere}.proc-research-evidence[hidden]{display:none}.proc-research-evidence a{color:#8de6d0}.proc-tariff-form input,.proc-tariff-form select{box-sizing:border-box;width:100%;min-width:0}.proc-tariff-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.proc-tariff-form input[type=checkbox]{width:20px;height:20px}.proc-tariff-form>button[type=button]{grid-column:1/-1}.im-quote.proc-view .proc-form{grid-template-columns:1fr}
.proc-event-form{display:grid;gap:16px}.proc-event-form label>span{display:block;margin-bottom:6px}.proc-event-form textarea{width:100%;box-sizing:border-box;resize:vertical}.proc-event-rewards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.proc-event-candidates{display:grid;gap:10px;max-height:360px;overflow:auto}.proc-event-choice{display:flex;align-items:center;gap:12px;padding:14px;background:#132c40;border:1px solid #34536b;border-radius:12px;cursor:pointer}.proc-event-choice:has(input:checked){border-color:#efb42e;background:#26342e}.proc-event-choice input[type=checkbox]{width:22px;height:22px;flex-shrink:0}.proc-event-choice img,.proc-event-job>img{width:64px;height:64px;object-fit:contain}.proc-event-choice>span{display:grid;gap:6px}.proc-event-choice small{display:block;color:#aec7d8}.proc-event-budget{font-weight:700;color:#ffd475}.proc-event-detail{display:grid;gap:18px;margin-top:22px}.proc-event-detail .button{margin:6px}.proc-event-job{padding:20px}.proc-event-dialog [role=alert]{color:#ff9393}@media(max-width:600px){.proc-event-rewards{grid-template-columns:1fr}.proc-event-choice{gap:8px;padding:10px}.proc-event-choice img{width:40px;height:40px}}

.proc-event-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.proc-event-form label{margin:0;gap:6px;min-width:0}.proc-event-form label>span{margin:0}.proc-event-form input,.proc-event-form select{margin:0}.proc-event-form>label:has(textarea),.proc-event-form>label:has([name=eventName]),.proc-event-form>.proc-note,.proc-event-form>.proc-event-rewards,.proc-event-candidates,.proc-event-budget,.proc-event-form>details,.proc-event-form>button{grid-column:1/-1}.proc-event-choice{display:flex!important}.proc-event-choice>span{display:grid!important}.proc-event-form summary{cursor:pointer;color:#b9d4e6}.proc-event-form>button[type=submit]{position:sticky;bottom:0;box-shadow:0 -6px 18px #0c1d2dcc}.proc-event-dialog>header{margin-bottom:20px}.proc-event-dialog>header .button{width:auto;flex-shrink:0}.proc-event-form>details p{font-size:.9rem;line-height:1.55}@media(max-width:600px){.proc-event-form{grid-template-columns:1fr}.proc-event-dialog>header{gap:8px}.proc-event-dialog>header .button{padding:10px}}
.proc-reward-highlight{display:grid;gap:8px;padding:20px 24px;background:linear-gradient(120deg,#0d3a2c,#10302c);border:1px solid #43dc91;border-radius:16px;color:#81ffc0;box-shadow:inset 4px 0 #48df96}.proc-reward-highlight>small{font-weight:800;letter-spacing:.1em}.proc-reward-highlight>strong{font-size:1.3rem}.proc-event-job>header{display:flex;align-items:center;gap:18px}.proc-event-job>header img{width:80px;height:80px;object-fit:contain}.proc-event-job h4{margin:6px 0;font-size:1.25rem}.proc-event-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center;margin:22px 0}.proc-event-stop{display:flex;gap:12px;align-items:center;min-width:0}.proc-event-stop>div{display:grid;gap:7px;min-width:0}.proc-event-stop strong{overflow-wrap:anywhere}.proc-event-stop span{display:flex;align-items:center;gap:8px;color:#b9d4e6}.proc-event-stop small{font-weight:800;color:#96b5c8;letter-spacing:.08em}.proc-stop-logo{width:58px;height:58px;object-fit:contain;background:#071522;border-radius:10px;padding:5px;box-sizing:border-box}.proc-country-flag{width:24px;height:16px;object-fit:cover}.proc-route-arrow{color:#e8ad28;font-size:1.8rem}.proc-route-distance{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-block:1px solid #294455}.proc-route-distance span{color:#aec7d8}.proc-event-earnings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.proc-event-earnings>div{display:grid;gap:10px;padding:16px;background:#071725;border:1px solid #294455;border-radius:12px}.proc-event-earnings span{font-size:.9rem;color:#b3cddb}.proc-event-earnings strong{font-size:1.35rem}.proc-event-earnings .proc-event-bonus{background:#103b2b;border-color:#43dc91}.proc-event-bonus strong,.proc-event-bonus span{color:#81ffc0}.proc-event-earnings .proc-event-total{border-color:#e2ad30}.proc-event-total strong{color:#ffd371}.proc-event-terms{display:flex!important;align-items:center;gap:10px;color:#c3d9e5;line-height:1.5}.proc-event-terms input{width:22px!important;height:22px;flex-shrink:0;margin:0!important}.proc-deadline{padding:12px;border:1px solid #b88d2f;border-radius:10px;color:#ffe09a}.proc-deadline-warning{color:#ffad9c;font-weight:700}@media(max-width:700px){.proc-event-route{grid-template-columns:1fr;gap:12px}.proc-route-arrow{transform:rotate(90deg);justify-self:center}.proc-event-earnings{grid-template-columns:1fr}.proc-event-job{padding:16px}.proc-event-job>header img{width:58px;height:58px}.proc-route-distance{flex-wrap:wrap}.proc-reward-highlight{padding:16px}.proc-event-stop{min-width:0}}

.proc-event-form input[type=checkbox]{width:22px;height:22px}.proc-event-job .button:disabled{opacity:.5;cursor:not-allowed}

/* Keep industrial loads outside the two-column hero so the cover cannot leave a tall empty column. */
#eventHero > .proc-event-detail { grid-column: 1 / -1; width: 100%; min-width: 0; }
.proc-event-detail { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; }
.proc-event-detail > * { min-width: 0; }
.proc-event-detail > .proc-event-job { margin: 0; }
.proc-event-image-preview { display:block; width:100%; max-height:240px; object-fit:contain; border-radius:12px; }
.proc-event-image-preview[hidden] { display:none; }
@media(min-width:1600px) {
  #eventHero > .proc-event-detail { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #eventHero > .proc-event-detail > :not(.proc-event-job) { grid-column:1 / -1; }
}

/* Square cover (1254 x 1254 reference), scaled to the available screen width. */
#eventHero.construction-event-hero .event-hero-images { width:100%; max-width:1254px; aspect-ratio:1 / 1; }
#eventHero.construction-event-hero .hero-event-image { width:100%; height:100%; max-height:none; min-height:0; aspect-ratio:1 / 1; object-fit:contain; }

/* Construction rewards are one paragraph, not the three ranking prize columns. */
.event-prize-summary.proc-reward-highlight { grid-template-columns:minmax(0,1fr); overflow-wrap:anywhere; text-align:start; }

.proc-event-form > .proc-event-image-preview { grid-column:1 / -1; }

.proc-delivery-deadline-fields { grid-column:1 / -1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
@media(max-width:700px) { .proc-delivery-deadline-fields { grid-template-columns:1fr; } }

.event-prize-summary.event-prize-single { grid-template-columns:minmax(0,1fr); }