/* Build 398 — Attention type colours, job payment indicator and day-action colours */

/* Attention Needed: Customer | Type | Job / Service | Price | Status | Action | Paid / Unpaid | Delete */
.attn-grid-head,
#attention-panel .attn-grid-row{
 grid-template-columns:minmax(125px,1.05fr) minmax(104px,.76fr) minmax(180px,1.48fr) minmax(86px,.58fr) minmax(110px,.84fr) minmax(62px,.46fr) minmax(76px,.54fr) 42px!important;
 column-gap:12px!important;
}
.attn-grid-head>span:nth-child(1),#attention-panel .attn-grid-row>.attn-customer-cell{grid-column:1}
.attn-grid-head>span:nth-child(2),#attention-panel .attn-grid-row>.attn-type-cell{grid-column:2}
.attn-grid-head>span:nth-child(3),#attention-panel .attn-grid-row>.attn-service-cell{grid-column:3}
.attn-grid-head>span:nth-child(4),#attention-panel .attn-grid-row>.attn-price-cell{grid-column:4}
.attn-grid-head>span:nth-child(5),#attention-panel .attn-grid-row>.attn-status-cell{grid-column:5}
.attn-grid-head>span:nth-child(6),#attention-panel .attn-grid-row>.attn-delete-cell{grid-column:8!important}
.attn-grid-head::after{content:"ACTION";grid-column:6;grid-row:1;text-align:center}
.attn-grid-head::before{
 content:"PAID / UNPAID";
 grid-column:7;
 grid-row:1;
 align-self:center;
 justify-self:center;
 text-align:center;
 font-size:7px;
 line-height:1.15;
 letter-spacing:.35px;
 color:#8b918a;
}
#attention-panel .attn-grid-row::before{
 content:attr(data-attn-payment-label);
 grid-column:7;
 grid-row:1;
 align-self:center;
 justify-self:center;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:25px;
 height:25px;
 border-radius:999px;
 font-size:14px;
 font-weight:950;
 line-height:1;
 color:#8b918a;
 background:#f1f3ef;
 pointer-events:none;
}
#attention-panel .attn-grid-row[data-attn-payment-kind="paid"]::before{color:#15803d;background:#dcfce7}
#attention-panel .attn-grid-row[data-attn-payment-kind="unpaid"]::before{color:#b91c1c;background:#fee2e2}
#attention-panel .attn-grid-row[data-attn-payment-kind="none"]::before{font-size:10px;color:#9aa09a;background:transparent}

/* Row colour coding */
#attention-panel .attn-grid-row{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
#attention-panel .attn-grid-row.attn-row-job{background:#f0fdf4!important;border-top-color:#d1fae5!important}
#attention-panel .attn-grid-row.attn-row-job:hover,#attention-panel .attn-grid-row.attn-row-job:focus-visible{background:#dcfce7!important}
#attention-panel .attn-grid-row.attn-row-lead{background:#fff1f2!important;border-top-color:#ffe4e6!important}
#attention-panel .attn-grid-row.attn-row-lead:hover,#attention-panel .attn-grid-row.attn-row-lead:focus-visible{background:#ffe4e6!important}
#attention-panel .attn-grid-row.attn-row-contract{background:#eff6ff!important;border-top-color:#dbeafe!important}
#attention-panel .attn-grid-row.attn-row-contract:hover,#attention-panel .attn-grid-row.attn-row-contract:focus-visible{background:#dbeafe!important}
#attention-panel .attn-grid-row.attn-row-callout{background:#f5f3ff!important;border-top-color:#ede9fe!important}
#attention-panel .attn-grid-row.attn-row-callout:hover,#attention-panel .attn-grid-row.attn-row-callout:focus-visible{background:#ede9fe!important}

/* Type pills */
#attention-panel .attn-type-job strong{background:#dcfce7!important;color:#166534!important}
#attention-panel .attn-type-lead strong{background:#fee2e2!important;color:#991b1b!important}
#attention-panel .attn-type-contract strong{background:#dbeafe!important;color:#1d4ed8!important}
#attention-panel .attn-type-callout strong{background:#ede9fe!important;color:#6d28d9!important}

/* Status pills: payment no longer appears here */
#attention-panel .attn-status-cell>strong.attn-status-pill{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 flex:0 0 auto!important;
 width:max-content!important;
 max-width:100%!important;
 min-width:48px!important;
 margin:0!important;
 padding:4px 8px!important;
 border-radius:999px!important;
 font-size:0!important;
 font-weight:900!important;
 line-height:1!important;
 letter-spacing:.35px!important;
 text-transform:uppercase!important;
 white-space:nowrap!important;
 overflow:visible!important;
 text-overflow:clip!important;
}
#attention-panel .attn-status-cell>strong.attn-status-pill::after{
 content:attr(data-guard-status-label);
 font-size:8px;
 line-height:1;
 font-weight:900;
 letter-spacing:.35px;
 white-space:nowrap;
}
#attention-panel .attn-status-cell>strong.attn-status-new-job{background:#dcfce7!important;color:#166534!important}
#attention-panel .attn-status-cell>strong.attn-status-new-lead{background:#fee2e2!important;color:#991b1b!important}
#attention-panel .attn-status-cell>strong.attn-status-active{background:#ffedd5!important;color:#9a3412!important}
#attention-panel .attn-status-cell>strong.attn-status-complete{background:#dcfce7!important;color:#166534!important}
#attention-panel .attn-status-cell>strong.attn-status-expired{background:#ffedd5!important;color:#9a3412!important}
#attention-panel .attn-status-cell>strong.attn-status-callout{background:#ede9fe!important;color:#6d28d9!important}
#attention-panel .attn-status-cell>small{flex-basis:100%}

/* Keep full job price visible even when the source notification was balance-based. */
#attention-panel .attn-price-value[data-guard-price-label]{font-size:0!important}
#attention-panel .attn-price-value[data-guard-price-label]::after{
 content:attr(data-guard-price-label);
 font-size:10px;
 font-weight:700;
 font-variant-numeric:tabular-nums;
 white-space:nowrap;
}

/* Actions */
#attention-panel .attn-grid-row.attn-row-lead[data-attn-action="call"]::after{
 background:#fee2e2!important;
 color:#991b1b!important;
}
#attention-panel .attn-grid-row.attn-row-contract::after{
 content:"Chase"!important;
 min-width:52px!important;
 padding:0 9px!important;
 background:#ffedd5!important;
 color:#9a3412!important;
 font-weight:800!important;
 cursor:pointer;
}

/* Day-view creation pills: Job, Lead, Call Out, Contract, Cold Call. */
.qcm-day-panel-add{grid-template-columns:repeat(5,minmax(92px,1fr))!important}
.qcm-day-panel-add [data-pcal-add="customer"],
.qcm-day-panel-add [data-add="customer"]{display:none!important}
.qcm-day-panel-add [data-pcal-add="job"],.qcm-day-panel-add [data-add="job"]{order:1;background:#dcfce7!important;border-color:#86efac!important;color:#166534!important}
.qcm-day-panel-add [data-pcal-add="lead"],.qcm-day-panel-add [data-add="lead"]{order:2;background:#fee2e2!important;border-color:#fecaca!important;color:#991b1b!important}
.qcm-day-panel-add [data-pcal-add="survey"],.qcm-day-panel-add [data-add="survey"]{order:3;background:#ede9fe!important;border-color:#ddd6fe!important;color:#6d28d9!important}
.qcm-day-panel-add [data-pcal-add="contract"],.qcm-day-panel-add [data-add="contract"]{order:4;background:#dbeafe!important;border-color:#bfdbfe!important;color:#1d4ed8!important}
.qcm-day-panel-add [data-pcal-add="coldCall"],.qcm-day-panel-add [data-add="coldCall"]{order:5;background:#fef3c7!important;border-color:#fde68a!important;color:#854d0e!important}
.qcm-day-panel-add .qcm-day-panel-btn{font-weight:800!important}

@media(max-width:1100px){
 .attn-grid-head,#attention-panel .attn-grid-row{
  grid-template-columns:minmax(108px,1fr) minmax(90px,.7fr) minmax(145px,1.22fr) minmax(76px,.54fr) minmax(96px,.78fr) minmax(56px,.44fr) minmax(66px,.5fr) 38px!important;
  column-gap:8px!important;
 }
 .qcm-day-panel-add{grid-template-columns:repeat(3,minmax(105px,1fr))!important}
}

@media(max-width:760px){
 #attention-panel .attn-grid-row{
  grid-template-columns:minmax(0,1fr) minmax(78px,auto) 52px 38px 28px!important;
  grid-template-areas:"customer status action payment delete" "type status action payment delete" "service price price payment delete"!important;
  column-gap:7px!important;
  row-gap:4px!important;
 }
 #attention-panel .attn-grid-row>.attn-customer-cell{grid-area:customer}
 #attention-panel .attn-grid-row>.attn-type-cell{grid-area:type}
 #attention-panel .attn-grid-row>.attn-service-cell{grid-area:service}
 #attention-panel .attn-grid-row>.attn-price-cell{grid-area:price}
 #attention-panel .attn-grid-row>.attn-status-cell{grid-area:status}
 #attention-panel .attn-grid-row>.attn-delete-cell{grid-area:delete}
 #attention-panel .attn-grid-row::after{grid-area:action;align-self:start;justify-self:center;height:25px;min-width:46px;padding:0 6px;font-size:8px}
 #attention-panel .attn-grid-row::before{grid-area:payment;align-self:start;justify-self:center;width:24px;height:24px;font-size:13px}
 #attention-panel .attn-status-cell>strong.attn-status-pill{min-width:44px!important;padding:3px 7px!important}
 #attention-panel .attn-status-cell>strong.attn-status-pill::after{font-size:7.5px}
 #attention-panel .attn-price-value[data-guard-price-label]::after{font-size:10px}
 .qcm-day-panel-add{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
}

@media(max-width:420px){
 #attention-panel .attn-grid-row{
  grid-template-columns:minmax(0,1fr) minmax(72px,auto) 48px 34px 26px!important;
  column-gap:5px!important;
 }
 #attention-panel .attn-grid-row::after{min-width:43px;padding-left:4px;padding-right:4px}
 .qcm-day-panel-add{grid-template-columns:1fr!important}
}