/* Build 399 — attention alignment, calendar colours and even sidebar spacing */

/* Sidebar: every navigation item uses the same vertical gap. */
#sidebar nav{gap:3px!important}
#sidebar nav .nav.guard-nav-group-start{margin-top:0!important}

/* Attention Needed: line the whole Price column up on its right edge. */
.attn-grid-head .attn-head-price{
 text-align:right!important;
 padding-right:4px!important;
}
#attention-panel .attn-price-cell{
 display:flex!important;
 align-items:center!important;
 justify-content:flex-end!important;
 width:100%!important;
 padding:0 4px 0 0!important;
 text-align:right!important;
}
#attention-panel .attn-price-value{
 display:block!important;
 width:100%!important;
 text-align:right!important;
 font-variant-numeric:tabular-nums!important;
}
#attention-panel .attn-price-value[data-guard-price-label]::after{
 display:block!important;
 width:100%!important;
 text-align:right!important;
}

/* ACTIVE follows the record colour instead of always being orange. */
#attention-panel .attn-row-job .attn-status-cell>strong.attn-status-active{
 background:#dcfce7!important;
 color:#166534!important;
}
#attention-panel .attn-row-lead .attn-status-cell>strong.attn-status-active{
 background:#fee2e2!important;
 color:#991b1b!important;
}
#attention-panel .attn-row-contract .attn-status-cell>strong.attn-status-active{
 background:#dbeafe!important;
 color:#1d4ed8!important;
}
#attention-panel .attn-row-callout .attn-status-cell>strong.attn-status-active{
 background:#ede9fe!important;
 color:#6d28d9!important;
}

/* Calendar record pills use the same palette as Attention Needed. */
.qcm-etype-job,
.qcal-inline-type-job,
.qcl-type-job,
.cal-type-job,
.qcm-event-job .qcm-etype,
.qcw-event-job .qcal-inline-type,
.qcl-card-job .qcl-cs-type,
.cal-item-job .cal-type-tag{
 background:#dcfce7!important;
 border-color:#86efac!important;
 color:#166534!important;
}
.qcm-etype-lead,
.qcal-inline-type-lead,
.qcl-type-lead,
.cal-type-lead,
.qcm-event-lead .qcm-etype,
.qcw-event-lead .qcal-inline-type,
.qcl-card-lead .qcl-cs-type,
.cal-item-lead .cal-type-tag{
 background:#fee2e2!important;
 border-color:#fecaca!important;
 color:#991b1b!important;
}
.qcm-etype-callout,
.qcm-etype-survey,
.qcal-inline-type-callout,
.qcal-inline-type-survey,
.qcl-type-callout,
.qcl-type-survey,
.cal-type-callout,
.cal-type-survey,
.qcm-event-survey .qcm-etype,
.qcw-event-survey .qcal-inline-type,
.qcl-card-survey .qcl-cs-type,
.cal-item-survey .cal-type-tag{
 background:#ede9fe!important;
 border-color:#ddd6fe!important;
 color:#6d28d9!important;
}
.qcm-etype-contract,
.qcal-inline-type-contract,
.qcl-type-contract,
.cal-type-contract,
.qcm-event-contract .qcm-etype,
.qcw-event-contract .qcal-inline-type,
.qcl-card-contract .qcl-cs-type,
.cal-item-contract .cal-type-tag{
 background:#dbeafe!important;
 border-color:#bfdbfe!important;
 color:#1d4ed8!important;
}
.qcm-etype-coldcall,
.qcm-etype-cold-call,
.qcal-inline-type-coldcall,
.qcal-inline-type-cold-call,
.qcl-type-coldcall,
.qcl-type-cold-call,
.cal-type-coldcall,
.cal-type-cold-call,
.qcm-event-coldcall .qcm-etype,
.qcm-event-cold-call .qcm-etype,
.qcw-event-coldcall .qcal-inline-type,
.qcw-event-cold-call .qcal-inline-type,
.qcl-card-coldcall .qcl-cs-type,
.qcl-card-cold-call .qcl-cs-type,
.cal-item-coldcall .cal-type-tag,
.cal-item-cold-call .cal-type-tag{
 background:#fef3c7!important;
 border-color:#fde68a!important;
 color:#854d0e!important;
}

/* Day creation buttons: Job, Lead, Call-Out, Contract, Cold Call. */
.qcm-day-panel-add{
 grid-template-columns:repeat(5,minmax(92px,1fr))!important;
}
.qcm-day-panel-add .guard-day-add-customer{display:none!important}
.qcm-day-panel-add .guard-day-add-job{
 background:#dcfce7!important;
 border-color:#86efac!important;
 color:#166534!important;
}
.qcm-day-panel-add .guard-day-add-lead{
 background:#fee2e2!important;
 border-color:#fecaca!important;
 color:#991b1b!important;
}
.qcm-day-panel-add .guard-day-add-callout{
 background:#ede9fe!important;
 border-color:#ddd6fe!important;
 color:#6d28d9!important;
}
.qcm-day-panel-add .guard-day-add-contract{
 background:#dbeafe!important;
 border-color:#bfdbfe!important;
 color:#1d4ed8!important;
}
.qcm-day-panel-add .guard-day-add-coldcall{
 background:#fef3c7!important;
 border-color:#fde68a!important;
 color:#854d0e!important;
}

@media(max-width:1100px){
 .qcm-day-panel-add{grid-template-columns:repeat(3,minmax(105px,1fr))!important}
}
@media(max-width:760px){
 .qcm-day-panel-add{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:420px){
 .qcm-day-panel-add{grid-template-columns:1fr!important}
}