/* Build 401 — row-matched pills and selected-day panel above Month/Week */

/* Invoice notifications use a neutral grey theme. */
#attention-panel .attn-grid-row.attn-row-invoice{
 background:#f4f4f3!important;
 border-top-color:#e5e7eb!important;
}
#attention-panel .attn-grid-row.attn-row-invoice:hover,
#attention-panel .attn-grid-row.attn-row-invoice:focus-visible{
 background:#e9e9e7!important;
}
#attention-panel .attn-row-invoice .attn-type-cell strong,
#attention-panel .attn-row-invoice .attn-status-cell>strong.attn-status-pill,
#attention-panel .attn-row-invoice[data-attn-action="chase"]::after{
 background:#e5e7eb!important;
 border-color:#d1d5db!important;
 color:#4b5563!important;
}

/* Cold-call notifications use the same yellow family as calendar cold calls. */
#attention-panel .attn-grid-row.attn-row-coldcall{
 background:#fffbeb!important;
 border-top-color:#fef3c7!important;
}
#attention-panel .attn-grid-row.attn-row-coldcall:hover,
#attention-panel .attn-grid-row.attn-row-coldcall:focus-visible{
 background:#fef3c7!important;
}

/* Every pill in a themed row follows that row's palette. */
#attention-panel .attn-row-job .attn-type-cell strong,
#attention-panel .attn-row-job .attn-status-cell>strong.attn-status-pill,
#attention-panel .attn-row-job[data-attn-action]:not([data-attn-action="none"])::after{
 background:#dcfce7!important;
 border-color:#86efac!important;
 color:#166534!important;
}
#attention-panel .attn-row-lead .attn-type-cell strong,
#attention-panel .attn-row-lead .attn-status-cell>strong.attn-status-pill,
#attention-panel .attn-row-lead[data-attn-action]:not([data-attn-action="none"])::after{
 background:#fee2e2!important;
 border-color:#fecaca!important;
 color:#991b1b!important;
}
#attention-panel .attn-row-contract .attn-type-cell strong,
#attention-panel .attn-row-contract .attn-status-cell>strong.attn-status-pill,
#attention-panel .attn-row-contract::after{
 background:#dbeafe!important;
 border-color:#bfdbfe!important;
 color:#1d4ed8!important;
}
#attention-panel .attn-row-callout .attn-type-cell strong,
#attention-panel .attn-row-callout .attn-status-cell>strong.attn-status-pill,
#attention-panel .attn-row-callout[data-attn-action]:not([data-attn-action="none"])::after{
 background:#ede9fe!important;
 border-color:#ddd6fe!important;
 color:#6d28d9!important;
}
#attention-panel .attn-row-coldcall .attn-type-cell strong,
#attention-panel .attn-row-coldcall .attn-status-cell>strong.attn-status-pill,
#attention-panel .attn-row-coldcall[data-attn-action]:not([data-attn-action="none"])::after{
 background:#fef3c7!important;
 border-color:#fde68a!important;
 color:#854d0e!important;
}

/* Remove the standalone Day tab while retaining Month and Week. */
.pcal-wrap [data-guard-pcal-view="day"]{
 display:none!important;
}
.pcal-wrap .qcal-view-btns{
 grid-template-columns:repeat(2,minmax(58px,1fr))!important;
}
/* Prevent a previously saved Day tab state from briefly hiding the grid. */
.pcal-wrap.guard-day-view-active .qcm-grid,
.pcal-wrap.guard-day-view-active .qcm-grid[hidden]{
 display:grid!important;
}

/* Show the selected-day panel above the Month calendar grid. */
.pcal-wrap .qcal-mode-month.qcal-mode-active{
 display:flex!important;
 flex-direction:column!important;
}
.pcal-wrap .qcal-mode-month.qcal-mode-active>#qcm-day-panel{
 order:1;
 margin:0 0 14px!important;
}
.pcal-wrap .qcal-mode-month.qcal-mode-active>.qcm-grid{
 order:2;
}

/* Show the selected-day panel above the Week calendar grid. */
.pcal-wrap .qcal-mode-week.qcal-mode-active{
 display:flex!important;
 flex-direction:column!important;
}
.pcal-wrap .qcal-mode-week.qcal-mode-active>.guard-week-day-panel{
 order:1;
 margin:0 0 14px!important;
}
.pcal-wrap .qcal-mode-week.qcal-mode-active>.qcw-grid{
 order:2;
}

@media(max-width:760px){
 .pcal-wrap .qcal-mode-month.qcal-mode-active>#qcm-day-panel,
 .pcal-wrap .qcal-mode-week.qcal-mode-active>.guard-week-day-panel{
  margin-bottom:10px!important;
 }
}