.topbar>.actions{align-items:center;flex-shrink:0;gap:6px;padding-top:2px}
.topbar [data-new-job]{min-height:40px;padding:8px 14px;border-radius:9px;border-color:var(--ink);background:var(--ink);color:#fff;font-weight:650;letter-spacing:-.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(20,21,21,.12);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.topbar [data-new-job]:hover{background:#232525;border-color:#232525;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 4px 12px rgba(20,21,21,.13);transform:translateY(-1px)}
.topbar [data-new-job]:active{transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(20,21,21,.14)}
.home-topbar .inbox-btn{order:1;min-height:40px;border-color:transparent;background:transparent;color:var(--muted);padding-inline:11px;font-weight:550;box-shadow:none}
.home-topbar .inbox-btn:hover{background:var(--surface);border-color:var(--line);color:var(--ink)}
.home-topbar [data-new-job]{order:0}

.job-list-empty{display:grid;justify-items:start;gap:8px;padding:10px 0}
.job-list-empty strong{font-size:1rem;line-height:1.4}
.job-list-empty span{max-width:560px;color:var(--muted);font-size:.875rem;line-height:1.55}
.job-list-empty .btn{margin-top:8px}
.job-create-panel{max-width:860px;padding:28px}
.job-create-form{display:grid;gap:24px}
.job-create-extras{border-block:1px solid var(--line);padding:0}
.job-create-extras>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 0;cursor:pointer;font-size:.875rem;font-weight:600;list-style:none}
.job-create-extras>summary::-webkit-details-marker{display:none}
.job-create-extras>summary::after{content:'+';font-size:1.15rem;color:var(--muted)}
.job-create-extras[open]>summary::after{content:'−'}
.job-create-extras>summary small{margin-left:auto;text-align:right;color:var(--muted);font-size:.75rem;font-weight:400}
.job-create-extras[open]{padding-bottom:16px}
.job-create-extras .job-create-grid{padding-top:8px}
.job-create-extras .job-create-check{margin-top:16px}
.job-create-extras>summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.job-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 16px}
.job-create-field{display:grid;gap:7px;min-width:0}
.job-create-field.full{grid-column:1/-1}
.job-create-field>span{font-size:.8125rem;line-height:1.4;font-weight:600;color:var(--ink)}
.job-create-field>span small{color:var(--muted);font-weight:400}
.job-create-field input,.job-create-field select,.job-create-field textarea{width:100%;border:1px solid #c8c3ba;background:#fbfaf7;border-radius:9px;padding:11px 12px;color:var(--ink);font:inherit;font-size:16px;line-height:1.45;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.job-create-field textarea{resize:vertical;min-height:48px}
.job-create-field input:hover,.job-create-field select:hover,.job-create-field textarea:hover{border-color:#b8b2a8}
.job-create-field input:focus,.job-create-field select:focus,.job-create-field textarea:focus{outline:0;border-color:var(--green);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 13%,transparent)}
.job-create-check{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.job-create-check[hidden]{display:none}
.job-create-check input{margin-top:3px;width:18px;height:18px;accent-color:var(--green)}
.job-create-check span{display:grid;gap:3px}
.job-create-check strong{font-size:.875rem;line-height:1.45}
.job-create-check small{color:var(--muted);font-size:.75rem;line-height:1.45}
.job-create-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.job-create-status{font-size:.8125rem;color:var(--muted)}
.job-create-status.success{color:var(--green);font-weight:600}
.job-create-status.error{color:#8f3733}
@media(max-width:720px){
  .topbar>.actions{padding-top:0}
  .home-topbar .actions{flex-wrap:wrap;justify-content:flex-end}
  .job-create-panel{padding:20px}
  .job-create-grid{grid-template-columns:1fr}
  .job-create-field.full{grid-column:auto}
}
@media(max-width:600px){
  .home-topbar{display:grid;grid-template-columns:1fr;gap:14px}
  .home-topbar .actions{width:auto;justify-content:flex-start}
  .home-topbar .inbox-btn{order:2}
}
@media(max-width:520px){
  .job-create-actions{display:grid;grid-template-columns:1fr 1fr}
  .job-create-actions .btn{width:100%}
  .job-create-status{grid-column:1/-1}
}


/* Sits below the Create buttons: it appears when the address loses focus, and above them it moved the buttons mid-tap. */
.job-known-context{margin-top:12px;min-height:38px;padding:10px 12px;border-left:2px solid var(--brand-gold);background:color-mix(in srgb,var(--brand-gold) 5%,transparent);color:var(--muted);font-size:.8125rem;line-height:1.45}
.job-known-context[hidden]{display:none}

.job-create-field[hidden]{display:none}
.job-entry-choices{border:0;margin:0;padding:0;min-width:0}
.job-entry-choices legend{font-size:.8rem;color:var(--muted);margin-bottom:10px;padding:0}
.job-entry-choices>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.job-entry-choices label{position:relative;cursor:pointer}
.job-entry-choices input{position:absolute;opacity:0;width:1px;height:1px}
.job-entry-choices label>span{display:grid;gap:5px;min-height:84px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-sizing:border-box}
.job-entry-choices strong{font-size:1rem}
.job-entry-choices small{font-size:.8rem;color:var(--muted);line-height:1.4}
.job-entry-choices input:checked+span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#f3efe5}
.job-entry-choices input:focus-visible+span{outline:3px solid #a77b25;outline-offset:3px}
@media(max-width:420px){.job-entry-choices>div{gap:8px}.job-entry-choices label>span{padding:12px}}

/* Keep both intake routes reachable, with the visit first on every screen. */
.home-topbar .actions{flex-wrap:wrap}
.home-topbar [data-new-enquiry]{order:1;min-height:44px}

[data-job-create-book][hidden]{display:none}
@media(max-width:520px){.job-create-actions>.primary{grid-column:1/-1;grid-row:1}.job-create-actions>[data-job-create-book]{grid-column:1/-1}.job-create-actions>[data-job-create-cancel]{grid-column:1/-1}}

[data-commercial-third-party][hidden],[data-commercial-customer][hidden],[data-commercial-authoriser][hidden]{display:none}

.job-type-chips>div{grid-template-columns:repeat(3,minmax(0,1fr))}
.job-type-chips label>span{min-height:78px;padding:13px 14px}
@media(max-width:720px){.job-type-chips>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
