/* UtiliNexus 2.8.45.40 — Customer/project grouping + completed work */

.office-project-list,.office-customer-list{display:grid;gap:9px}

.office-project-row-card{
  border:1px solid #28465f;
  border-radius:12px;
  background:#071622;
  overflow:hidden;
}
.office-project-row-main{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  border:0;
  background:transparent;
  color:#edf7ff;
  text-align:left;
  padding:13px 14px;
  cursor:pointer;
}
.office-project-row-main:hover{background:#0a1f32}
.office-project-row-main>div{display:grid;gap:3px}
.office-project-row-main b{font-size:15px}
.office-project-row-main span:not(.office-project-status-light){font-size:12px;color:#8ba3b5}
.office-project-row-main small{font-size:10px;color:#728da2}

.office-project-status-light{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  border:1px solid #31516a;
  border-radius:999px;
  padding:7px 10px;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.office-project-status-light i{
  width:9px;height:9px;border-radius:50%;background:#6d8495;
  box-shadow:0 0 0 3px rgba(109,132,149,.12);
}
.office-project-status-light.blue{color:#9fcfff;border-color:#2f6793;background:#09233a}
.office-project-status-light.blue i{background:#2588ff;box-shadow:0 0 0 3px rgba(37,136,255,.15)}
.office-project-status-light.amber{color:#ffd17c;border-color:#765b2c;background:#261c09}
.office-project-status-light.amber i{background:#f5b942;box-shadow:0 0 0 3px rgba(245,185,66,.14)}
.office-project-status-light.green{color:#8ee7bc;border-color:#2e6f55;background:#09251b}
.office-project-status-light.green i{background:#49d99a;box-shadow:0 0 0 3px rgba(73,217,154,.14)}
.office-project-status-light.red{color:#ff9a9a;border-color:#814646;background:#2a1114}
.office-project-status-light.red i{background:#ff6464}
.office-project-status-light.gray{color:#a4b2bd;background:#111a21}

.office-project-row-footer{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  border-top:1px solid #1f394d;
  padding:8px 12px;
  color:#7f98ab;
  font-size:10px;
}
.danger-text{color:#ff8c8c!important}

.office-completed-help{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-bottom:11px;
}

.office-customer-group{
  border:1px solid #28465f;
  border-radius:12px;
  background:#071622;
  overflow:hidden;
}
.office-customer-head{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  border:0;
  background:transparent;
  color:#edf7ff;
  padding:13px 14px;
  text-align:left;
  cursor:pointer;
}
.office-customer-head:hover{background:#0a1f32}
.office-customer-head>div:first-child{display:grid;gap:3px}
.office-customer-head b{font-size:15px}
.office-customer-head span{font-size:11px;color:#8ca5b7}
.office-customer-head small{font-size:10px;color:#708b9f}
.office-customer-head-right{display:flex;align-items:center;gap:9px}
.office-customer-chevron{font-size:18px;color:#65adf6;transition:transform .15s ease}
.office-customer-chevron.open{transform:rotate(180deg)}
.office-customer-projects{
  border-top:1px solid #213b50;
  padding:7px;
  background:#06131f;
}
.office-customer-project-row{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#e8f2f9;
  padding:10px;
  text-align:left;
  cursor:pointer;
}
.office-customer-project-row:hover{border-color:#2b5676;background:#0a1c2c}
.office-customer-project-row>div{display:grid;gap:2px}
.office-customer-project-row b{font-size:12px}
.office-customer-project-row small{font-size:9px;color:#728da1}

.office-project-status-control{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px auto;
  gap:10px;
  align-items:end;
  border:1px solid #2b526f;
  border-radius:12px;
  background:#0a2238;
  padding:11px 12px;
}
.office-project-status-control>div{display:grid;gap:3px}
.office-project-status-control b{font-size:13px}
.office-project-status-control span{font-size:10px;color:#82a0b7}
.office-project-status-control select{
  width:100%;
  border:1px solid #3a5a72;
  border-radius:9px;
  background:#071622;
  color:#eef7ff;
  padding:9px 10px;
}
.office-project-detail-status{margin-top:8px}

/* Move the injected Feedback widget to the upper-right edge of the work area
   so it no longer covers customer/project rows or bottom actions. */
#unxMovedFeedback.unx-feedback-moved{
  position:fixed!important;
  right:18px!important;
  top:138px!important;
  bottom:auto!important;
  left:auto!important;
  z-index:9000!important;
}

@media(max-width:760px){
  .office-project-status-control{grid-template-columns:1fr}
  .office-project-row-main,.office-customer-head,.office-customer-project-row{grid-template-columns:1fr}
  .office-customer-head-right{justify-content:space-between}
  #unxMovedFeedback.unx-feedback-moved{top:auto!important;bottom:18px!important}
}