.construction-c5{padding:20px}.construction-c5__head{display:flex;gap:18px;justify-content:space-between;align-items:flex-start}.construction-c5__head select{min-width:300px}.construction-c5__metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}.construction-c5__metrics>div,.construction-c5__panel{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:12px}.construction-c5__metrics span{display:block;color:var(--muted);font-size:12px}.construction-c5__metrics strong{font-size:19px}.construction-c5__panel{margin:12px 0}.construction-c5__panel summary{cursor:pointer;font-weight:750}.construction-c5__form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.construction-c5__form textarea{grid-column:span 3;min-height:72px}.construction-c5__form button{min-height:40px}.construction-c5__badge{display:inline-flex;padding:3px 8px;border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:750}.construction-c5__facts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.construction-c5__facts span{border:1px solid var(--border);border-radius:999px;padding:5px 9px}.construction-c5 tr.is-selected{font-weight:700}@media(max-width:1180px){.construction-c5__form{grid-template-columns:repeat(2,minmax(0,1fr))}.construction-c5__form textarea{grid-column:span 2}}@media(max-width:1024px){.construction-c5__head{flex-direction:column}.construction-c5__head select{width:100%;min-width:0}.construction-c5__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.construction-c5{padding:14px}.construction-c5__metrics,.construction-c5__form{grid-template-columns:1fr}.construction-c5__form textarea{grid-column:auto}.construction-c5 .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.construction-c5 table{min-width:980px}}

/* Compact work-package editor with an explicit, usable site selector state. */
.construction-c5 .construction-c5__panel .construction-c5__form--package{
  grid-template-columns:repeat(12,minmax(0,1fr));
  align-items:end;
}
.construction-c5__form--package :is(.construction-c5__field--code,.construction-c5__field--title,.construction-c5__field--site,.construction-c5__field--vendor,.construction-c5__field--start,.construction-c5__field--finish,.construction-c5__field--retention,.construction-c5__field--advance){grid-column:span 3}
.construction-c5__field{display:grid;gap:4px;min-width:0}
.construction-c5__field small{color:var(--muted);font-size:10px;line-height:1.35}
.construction-c5__form--package .construction-c5__field--description{grid-column:span 10;min-height:78px}
.construction-c5 .construction-c5__form--package .construction-c5__form-action{
  grid-column:span 2;
  justify-self:end;
  align-self:end;
  width:auto;
  min-width:180px;
  max-width:220px;
  min-height:42px!important;
  height:42px;
  padding:0 18px;
}
@media(max-width:1180px) and (min-width:641px){
  .construction-c5__form--package :is(.construction-c5__field--code,.construction-c5__field--title,.construction-c5__field--site,.construction-c5__field--vendor,.construction-c5__field--start,.construction-c5__field--finish,.construction-c5__field--retention,.construction-c5__field--advance){grid-column:span 6}
  .construction-c5__form--package .construction-c5__field--description{grid-column:span 8}
  .construction-c5 .construction-c5__form--package .construction-c5__form-action{grid-column:span 4}
}
@media(max-width:640px){
  .construction-c5 .construction-c5__panel .construction-c5__form--package{grid-template-columns:1fr}
  .construction-c5 .construction-c5__form--package>*{grid-column:1!important}
  .construction-c5 .construction-c5__form--package .construction-c5__form-action{justify-self:stretch;width:100%;max-width:none}
}