.kit-job-layer{position:fixed;inset:0;z-index:16000;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.48);padding-top:32px}
.kit-job-sheet{background:var(--surface,#fff);color:var(--ink,#222);width:min(100%,540px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:20px 20px 0 0;padding:24px 24px calc(24px + env(safe-area-inset-bottom));box-sizing:border-box}
.kit-job-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.kit-job-head h2{font-size:22px;margin:0}
.kit-job-head button{background:none;border:0;color:inherit;font-size:24px;min-width:44px;min-height:44px}
.kit-job-sheet label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:14px;font-weight:600}
.kit-job-sheet input,.kit-job-sheet textarea{min-width:0;width:100%;box-sizing:border-box;border:1px solid var(--line,#ccc);border-radius:8px;background:var(--bg,#fff);color:inherit;font:inherit;font-weight:400;font-size:16px;padding:12px}
.kit-job-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kit-job-error{color:var(--danger,#b43b32);font-size:14px;white-space:pre-wrap}
.kit-job-actions{display:flex;gap:12px;margin-top:16px}
.kit-job-actions .btn{flex:1;min-height:48px}
.kit-job-clashes{padding-left:20px;line-height:1.6;font-size:14px}
.field-kit-tools{display:flex;gap:8px;align-items:center}
.field-kit-tools button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;min-height:40px;padding:7px 10px;white-space:nowrap}
.field-kit-head:has(.field-kit-tools){flex-wrap:wrap}
.field-kit-head:has(.field-kit-tools) h1{flex:1}
.field-kit-tick{min-width:28px;min-height:28px;accent-color:var(--accent);margin:0 12px 0 0;flex-shrink:0}
.field-kit-detail .field-row[data-item]{cursor:pointer}
/* Touch chrome intentionally puts the dock at 100, above --z-modal (90).
   Field overlays must own the entire viewport, including their main footer. */
.field-kit-overlay{z-index:101}
.field-kit-detail{z-index:102}
.field-item-overlay{z-index:103}
.field-job-overlay{z-index:104}
.field-sheet-layer{z-index:105}
.field-label-layer{z-index:106}
.field-kit-detail>.field-item-footer{position:relative;z-index:1;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
#requestKitBtn{display:none!important}
@media(min-width:701px) and (pointer:fine){.kit-job-layer{align-items:center;padding:24px}.kit-job-sheet{border-radius:16px;max-height:90dvh}}