/* Build 426 — notification selection, day colours, cold-call alignment and contract delete controls */

/* Mike-only Attention Needed deletion. */
html:not(.guard-mike-ops-v426) #attention-panel .alert-del-bar,
html:not(.guard-mike-ops-v426) #attention-panel .attn-delete-cell,
html:not(.guard-mike-ops-v426) #attention-panel .attn-head-delete{
  display:none!important;
}
#attention-panel .attn-grid-row.guard-alert-selected-v426{
  box-shadow:inset 3px 0 0 #d6453d!important;
  filter:saturate(1.03);
}
#attention-panel #alert-delete-all.alert-del-all-active{
  background:#fff1f1!important;
  border-color:#d6453d!important;
  color:#a61b1b!important;
}

/* Actual Action button in the Attention grid. */
#attention-panel .attn-grid-row.guard-has-action-v426::after{display:none!important}
#attention-panel .guard-attn-action-v426{
  grid-column:6!important;
  grid-row:1!important;
  justify-self:center!important;
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:68px!important;
  min-height:27px!important;
  padding:0 9px!important;
  border:1px solid #ddd6fe!important;
  border-radius:999px!important;
  background:#ede9fe!important;
  color:#6d28d9!important;
  font-size:8px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
#attention-panel .guard-attn-action-v426:hover{background:#ddd6fe!important}

/* Expanded day cards: ordinary jobs are green; contract visits retain the blue contract theme. */
.qcl-card-job.guard-normal-job-v426>.qcl-card-body,
.qcl-card-job.guard-normal-job-v426[open]>.qcl-card-body{
  background:#f0fdf4!important;
  border-color:#bbf7d0!important;
}
.qcl-card-job.guard-normal-job-v426>.qcl-card-summary{
  background:#f0fdf4!important;
  border-color:#bbf7d0!important;
}
.qcl-card-job.guard-contract-visit-v426>.qcl-card-body,
.qcl-card-job.guard-contract-visit-v426[open]>.qcl-card-body{
  background:#eff6ff!important;
  border-color:#bfdbfe!important;
}
.qcl-card-job.guard-contract-visit-v426>.qcl-card-summary{
  background:#eff6ff!important;
  border-color:#bfdbfe!important;
}

/* Cold Call: Business | Phone | Status | Next Contact | Date Contacted | Log Call | Lead. */
#view[data-guard-page="coldcall"] .cc-table-head,
#view[data-guard-page="coldcall"] .cc-row{
  display:grid!important;
  grid-template-columns:minmax(210px,1.5fr) minmax(118px,.78fr) minmax(105px,.72fr) minmax(125px,.8fr) minmax(118px,.78fr) 88px 72px!important;
  column-gap:12px!important;
  align-items:center!important;
}
#view[data-guard-page="coldcall"] .cc-table-head>span,
#view[data-guard-page="coldcall"] .cc-row>span{
  min-width:0!important;
  justify-self:stretch!important;
  text-align:left!important;
}
#view[data-guard-page="coldcall"] .cc-table-head>span:nth-last-child(-n+2),
#view[data-guard-page="coldcall"] .guard-coldcall-log-cell-v426,
#view[data-guard-page="coldcall"] .guard-coldcall-lead-cell-v426{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
#view[data-guard-page="coldcall"] .guard-coldcall-log-cell-v426 button,
#view[data-guard-page="coldcall"] .guard-coldcall-lead-cell-v426 button{
  width:100%!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

/* Contracts: add Mike-only Delete column after the existing action arrow. */
#view[data-guard-page="contracts"] .panel.table .table-row.head,
#view[data-guard-page="contracts"] [data-contract-open-customer]{
  grid-template-columns:minmax(185px,1.5fr) minmax(118px,.9fr) minmax(112px,.82fr) minmax(105px,.78fr) minmax(80px,.58fr) minmax(105px,.78fr) 40px 42px!important;
  column-gap:10px!important;
}
.guard-contract-delete-bar-v426{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:38px!important;
  padding:6px 10px!important;
  border-bottom:1px solid var(--line)!important;
  background:rgba(255,255,255,.72)!important;
}
.guard-contract-delete-bar-v426 button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:25px!important;
  padding:0 11px!important;
  border:1px solid #f3a5a5!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#b42318!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.35px!important;
  cursor:pointer!important;
}
.guard-contract-delete-bar-v426 button.active{background:#fff1f1!important;border-color:#d6453d!important}
.guard-contract-delete-head-v426,
.guard-contract-delete-cell-v426{
  grid-column:8!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
}
.guard-contract-delete-check-v426{width:17px!important;height:17px!important;margin:0!important;accent-color:#c7352d!important;cursor:pointer!important}
.guard-contract-delete-selected-v426{box-shadow:inset 3px 0 0 #d6453d!important;background:#fff3f2!important}
html:not(.guard-mike-ops-v426) .guard-contract-delete-bar-v426,
html:not(.guard-mike-ops-v426) .guard-contract-delete-head-v426,
html:not(.guard-mike-ops-v426) .guard-contract-delete-cell-v426{display:none!important}

@media(max-width:980px){
  #view[data-guard-page="coldcall"] .cc-table-head,
  #view[data-guard-page="coldcall"] .cc-row{
    grid-template-columns:minmax(180px,1.35fr) 105px 92px 112px 105px 78px 66px!important;
    column-gap:8px!important;
  }
  #view[data-guard-page="contracts"] .panel.table .table-row.head,
  #view[data-guard-page="contracts"] [data-contract-open-customer]{
    grid-template-columns:minmax(145px,1.3fr) 98px 98px 92px 72px 94px 36px 38px!important;
    column-gap:7px!important;
  }
}

@media(max-width:760px){
  #attention-panel .guard-attn-action-v426{
    grid-area:action!important;
    min-width:50px!important;
    padding:0 5px!important;
    font-size:7px!important;
  }
  #view[data-guard-page="coldcall"] .cc-table-head{display:none!important}
  #view[data-guard-page="coldcall"] .cc-row{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:
      "business status delete"
      "phone next delete"
      "contacted log lead"!important;
    row-gap:7px!important;
  }
  #view[data-guard-page="coldcall"] .cc-row>.cc-biz{grid-area:business}
  #view[data-guard-page="coldcall"] .cc-row>.cc-phone{grid-area:phone}
  #view[data-guard-page="coldcall"] .cc-row>span:nth-child(3){grid-area:status}
  #view[data-guard-page="coldcall"] .cc-row>.cc-next-date{grid-area:next}
  #view[data-guard-page="coldcall"] .cc-row>.guard-date-contacted-v404{grid-area:contacted}
  #view[data-guard-page="coldcall"] .guard-coldcall-log-cell-v426{grid-area:log}
  #view[data-guard-page="coldcall"] .guard-coldcall-lead-cell-v426{grid-area:lead}
}