/* Build 389 — Calendar labels and compact responsive Attention Needed layout */
.attention-panel .alert-list{display:block;min-width:0}
.attention-panel .alert-del-bar{margin-bottom:0;padding:5px 0 9px}
.attn-grid-head,.attention-panel .attn-grid-row{display:grid;grid-template-columns:minmax(125px,1.05fr) minmax(116px,.82fr) minmax(205px,1.7fr) minmax(108px,.72fr) minmax(158px,1.15fr) 44px;column-gap:18px;align-items:center;min-width:0}
.attn-grid-head{padding:8px 10px;background:#fafaf7;border:1px solid #ecece7;border-radius:9px 9px 0 0;color:#8b918a;font-size:8px;font-weight:800;letter-spacing:.55px;text-transform:uppercase}
.attn-grid-head .attn-head-price{text-align:center}
.attn-grid-head .attn-head-delete{text-align:center}
.attn-grid-head>span:nth-child(5){padding-left:8px}
.attention-panel .attn-grid-row{padding:12px 10px;border-top:1px solid #edeee9;cursor:pointer;transition:background .15s ease;outline:0}
.attention-panel .attn-grid-head+.attn-grid-row{border-top:0}
.attention-panel .attn-grid-row:hover,.attention-panel .attn-grid-row:focus-visible{background:#f4f9f2;border-radius:8px}
.attention-panel .attn-grid-row.alert-danger{background:#fff9f6}
.attention-panel .attn-grid-row.alert-danger:hover,.attention-panel .attn-grid-row.alert-danger:focus-visible{background:#fff1eb}
.attn-customer-cell,.attn-type-cell,.attn-service-cell,.attn-price-cell,.attn-status-cell,.attn-delete-cell{min-width:0}
.attn-customer-cell strong,.attn-type-cell strong,.attn-service-cell strong,.attn-status-cell strong{display:block;font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attn-customer-cell small,.attn-type-cell small,.attn-service-cell small,.attn-status-cell small{display:block;margin-top:3px;color:var(--muted);font-size:8px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attn-service-cell strong{color:var(--green)}
.attn-type-cell strong{width:max-content;max-width:100%;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.35px;text-transform:uppercase;background:#edf0ec;color:#5d655e}
.attn-type-lead strong{background:var(--cal-lead-bg,#fee2e2);color:var(--cal-lead-text,#7f1d1d)}
.attn-type-job strong{background:var(--cal-job-bg,#dbeafe);color:var(--cal-job-text,#1e3a5f)}
.attn-type-callout strong{background:var(--cal-survey-bg,#ede9fe);color:var(--cal-survey-text,#4c1d95)}
.attn-type-invoice strong{background:#fff0d5;color:#91631e}
.attn-type-contract strong{background:#e6f1ed;color:#276454}
.attn-type-coldcall strong{background:#fef3c7;color:#78350f}
.attn-type-customer strong{background:#e9edf1;color:#4b647a}
.attn-price-cell{display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 12px}
.attn-price-value{font-size:10px;font-variant-numeric:tabular-nums;text-align:center}
.attn-status-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-left:8px}
.attn-status-cell>strong{color:#7d3326;flex:1 1 90px}
.attn-status-cell>small{flex-basis:100%;margin-top:-4px}
.attention-panel .attn-chase-btn{width:auto;min-width:52px;height:27px;padding:0 9px;border:0;border-radius:8px;background:var(--orange-bg);color:#a24a33;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap;flex:none}
.attention-panel .attn-chase-btn:hover{background:#f7d4c8}
.attn-delete-cell{display:grid;place-items:center}
.attn-delete-cell .alert-chk{margin:0;width:18px;height:18px}
.attention-panel .attn-grid-row .alert-icon,.attention-panel .attn-grid-row .alert-row-end,.attention-panel .attn-grid-row .manager-review-btn{display:none!important}

/* Calendar: explicit record-type labels in every view */
.qcm-event-job,.qcm-event-lead,.qcm-event-survey{display:grid!important;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:3px!important;min-width:0}
.qcm-etype,.qcal-inline-type,.qcl-cs-type,.cal-type-tag{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;border-radius:4px;padding:1px 4px;font-size:7px!important;font-weight:900!important;line-height:1.35;letter-spacing:.35px;text-transform:uppercase;white-space:nowrap}
.qcm-etype-job,.qcal-inline-type-job,.qcl-type-job,.cal-type-job{background:var(--cal-job-bg,#dbeafe)!important;color:var(--cal-job-text,#1e3a5f)!important}
.qcm-etype-lead,.qcal-inline-type-lead,.qcl-type-lead,.cal-type-lead{background:var(--cal-lead-bg,#fee2e2)!important;color:var(--cal-lead-text,#7f1d1d)!important}
.qcm-etype-callout,.qcal-inline-type-callout,.qcl-type-callout{background:var(--cal-survey-bg,#ede9fe)!important;color:var(--cal-survey-text,#4c1d95)!important}
.qcal-inline-type-note,.qcl-type-note{background:var(--cal-note-bg,#fef3c7)!important;color:var(--cal-note-text,#78350f)!important}
.qcal-inline-type-stock,.qcl-type-stock{background:var(--cal-stock-bg,#ffedd5)!important;color:var(--cal-stock-text,#7c2d12)!important}
.qcm-event-job .qcm-etime,.qcm-event-survey .qcm-etime{font-variant-numeric:tabular-nums;white-space:nowrap}
.qcm-event-lead .qcm-etime:empty{display:none}
.qcm-event-lead .qcm-etitle,.qcm-event-job .qcm-etitle,.qcm-event-survey .qcm-etitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qcw-etime{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;min-width:44px}
.qcal-inline-time{font-size:8px;font-variant-numeric:tabular-nums;white-space:nowrap}
.qcw-event-survey{cursor:pointer}
.qcl-cs-type{align-self:center}

@media(max-width:1100px){
 .attn-grid-head,.attention-panel .attn-grid-row{grid-template-columns:minmax(112px,1fr) minmax(102px,.78fr) minmax(160px,1.35fr) minmax(92px,.62fr) minmax(132px,1fr) 40px;column-gap:12px}
 .attention-panel .attn-grid-row{padding-left:7px;padding-right:7px}
 .attn-price-cell{padding:0 8px}
 .attn-status-cell{padding-left:5px}
}

@media(max-width:760px){
 .attention-panel{padding:12px}
 .attention-panel .alert-del-bar{padding:4px 0 8px}
 .attn-grid-head{display:none}
 .attention-panel .attn-grid-row{grid-template-columns:minmax(0,1fr) minmax(92px,auto) 28px;grid-template-areas:"customer status delete" "type status delete" "service price price";column-gap:10px;row-gap:4px;align-items:start;padding:11px 4px;border-top:1px solid #edeee9;border-radius:0}
 .attention-panel .alert-del-bar+.attn-grid-row{border-top:0}
 .attn-customer-cell{grid-area:customer;align-self:start}
 .attn-type-cell{grid-area:type;align-self:start;margin-top:1px}
 .attn-service-cell{grid-area:service;align-self:end;padding:7px 8px 0 0;border-top:1px solid #edf0eb}
 .attn-price-cell{grid-area:price;align-self:stretch;justify-content:flex-end;padding:7px 0 0 8px;border-top:1px solid #edf0eb}
 .attn-status-cell{grid-area:status;min-width:92px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:2px;padding:0;text-align:right}
 .attn-status-cell>strong{flex:none;width:auto;max-width:100%;white-space:normal;font-size:9px;line-height:1.25}
 .attn-status-cell>small{flex:none;width:auto;max-width:100%;margin:0;white-space:normal;font-size:7px;line-height:1.2}
 .attention-panel .attn-status-cell .attn-chase-btn{margin-top:3px}
 .attn-delete-cell{grid-area:delete;align-self:start;justify-self:end}
 .attn-customer-cell strong{white-space:normal;font-size:10px}
 .attn-customer-cell small{white-space:normal}
 .attn-service-cell strong,.attn-service-cell small{display:inline;white-space:normal;font-size:9px;line-height:1.3}
 .attn-service-cell small{margin:0 0 0 6px}
 .attn-service-cell small:before{content:"· ";}
 .attn-type-cell strong{font-size:7.5px;padding:3px 6px}
 .attn-price-value{font-size:10px}
 .qcm-event-job,.qcm-event-lead,.qcm-event-survey{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"type title" "time title"}
 .qcm-etype{grid-area:type}
 .qcm-etime{grid-area:time}
 .qcm-etitle{grid-area:title}
}

@media(max-width:420px){
 .attention-panel{padding:10px}
 .attention-panel .attn-grid-row{grid-template-columns:minmax(0,1fr) minmax(82px,auto) 26px;column-gap:8px;padding-left:2px;padding-right:2px}
 .attn-status-cell{min-width:82px}
}

.qcw-event-survey[role="button"]:focus-visible{outline:2px solid var(--cal-survey,#7c3aed);outline-offset:1px}
.agenda-time[data-guard-type="387"]{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:50px}
.day-modal-type{flex:none;margin-right:8px;align-self:center}
