.subcontract-rollout,.subcontract-qualification{margin-block:16px;padding:24px;min-width:0;line-height:1.5;overflow-wrap:anywhere}
.subcontract-rollout[hidden],.subcontract-qualification[hidden]{display:none}
.subcontract-rollout p,.subcontract-qualification p{margin-block:12px}
.subcontract-rollout h3,.subcontract-qualification h3{margin:0;font-size:24px}
.subcontract-rollout small,.subcontract-qualification small{display:block;font-size:14px;color:var(--text-muted,#506877)}
.subcontract-rollout [role=status]:empty,.subcontract-qualification [role=status]:empty{margin:0}
.subcontract-rollout [role=status]:not(:empty),.subcontract-qualification [role=status]:not(:empty){padding:12px;border:1px solid var(--border,#bacfd0);border-radius:8px;background:var(--surface2,#edf5f3)}
.subcontract-rollout button,.subcontract-qualification button{font:inherit;min-height:44px;padding:10px 16px;border:1px solid var(--border-strong,#acc9cc);border-radius:8px;background:var(--surface,#fff);color:var(--text,#16455a);cursor:pointer;white-space:normal;max-width:100%;line-height:1.4}
.subcontract-rollout button:hover,.subcontract-qualification button:hover{background:var(--surface2,#edf5f3)}
.subcontract-rollout button:disabled,.subcontract-qualification button:disabled{opacity:.55;cursor:default}
.subcontract-rollout :is(button,input,select,summary):focus-visible,.subcontract-qualification :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #c85d24;outline-offset:3px}
.subcontract-rollout label,.subcontract-qualification label{display:grid;gap:8px;min-width:0;margin-block:16px}
.subcontract-rollout :is(input,select),.subcontract-qualification input:not([type=checkbox]),.subcontract-qualification :is(select,textarea){display:block;width:100%;min-width:0;max-width:100%;font:inherit;font-size:16px;min-height:44px;padding:10px 12px;border:1px solid var(--border-strong,#bacfd0);border-radius:8px;background:var(--surface,#fff);color:var(--text,#16455a)}
.subcontract-rollout ul,.subcontract-qualification ul{padding-inline-start:24px;margin-top:10px}
.subcontract-rollout li,.subcontract-qualification li{margin-block:6px}
.subcontract-rollout details,.subcontract-qualification details{padding:14px 16px;border:1px solid var(--border,#bacfd0);border-radius:8px;background:var(--surface,#fff)}
.subcontract-rollout summary,.subcontract-qualification summary{cursor:pointer;font-weight:600;min-height:28px}
.subcontract-rollout .rollout-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.subcontract-rollout .rollout-rules{margin-block:20px;border:1px solid var(--border,#bacfd0);border-radius:10px;overflow:auto;max-height:420px}
.subcontract-rollout table{width:100%;border-collapse:collapse;table-layout:fixed}
.subcontract-rollout th,.subcontract-rollout td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border,#ccc)}
.subcontract-rollout th{background:var(--surface2,#edf5f3)}
.subcontract-rollout th:first-child{width:45%}
.subcontract-rollout th:last-child{width:25%}
.subcontract-rollout td small{margin-top:6px}
.subcontract-rollout .rollout-selected{background:var(--surface2,#edf5f3)}
.subcontract-rollout .rollout-mode{font-weight:600}
.subcontract-rollout .rollout-detail{display:grid;gap:20px;padding:24px;border:1px solid var(--border-strong,#acc9cc);border-radius:12px;background:var(--surface,#fff)}
.subcontract-rollout .rollout-detail h4{margin-top:6px}
.subcontract-rollout .rollout-scope{margin:0;padding:14px 16px;border-radius:8px;background:var(--surface2,#edf5f3)}
.subcontract-rollout .rollout-blockers{padding:16px;border:1px solid var(--amber-border,#f0c84a);border-inline-start:4px solid var(--amber,#7a4f00);border-radius:8px;background:var(--amber-bg,#fff3d6);color:var(--amber,#7a4f00)}
.subcontract-rollout .rollout-change{padding-top:20px;border-top:1px solid var(--border,#bacfd0)}
.subcontract-rollout .rollout-fields{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:20px;margin-bottom:16px}
.subcontract-rollout .rollout-fields label{margin:0}
.subcontract-rollout .rollout-primary{background:#206f68;color:#fff;border-color:#206f68}
.subcontract-rollout .rollout-primary:hover{background:#185950}
.subcontract-qualification .mp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:16px}
.subcontract-qualification .mp-fields label{margin:0}
.subcontract-qualification label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px}
.subcontract-qualification input[type=checkbox]{flex:none;width:20px;height:20px;margin-top:2px;accent-color:#206f68}
.subcontract-qualification textarea{min-height:100px;resize:vertical}
@media(max-width:700px){
 .subcontract-rollout,.subcontract-qualification{padding:16px}
 .subcontract-rollout .rollout-detail{padding:16px;gap:16px}
 .subcontract-rollout .rollout-fields,.subcontract-qualification .mp-fields{grid-template-columns:minmax(0,1fr)}
 .subcontract-rollout .rollout-rules{max-height:420px;border:0}
 .subcontract-rollout table,.subcontract-rollout tbody{display:block}
 .subcontract-rollout thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .subcontract-rollout tr{display:block;padding:12px;margin-bottom:12px;border:1px solid var(--border,#bacfd0);border-radius:8px}
 .subcontract-rollout td{display:block;border:0;padding:8px 0}
 .subcontract-rollout td::before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--text-muted,#506877);font-size:14px}
 .subcontract-rollout td:last-child::before{display:none}
 .subcontract-rollout td button,.subcontract-rollout .rollout-primary{width:100%}
}
