/* Build 390 — Calendar day view, compact attention header and Call Out list */
.pcal-top-add-bar{display:none!important}
.qcm-day-panel-add-label{display:none!important}
.qcm-day-panel-add{display:grid!important;grid-template-columns:repeat(6,minmax(92px,1fr));gap:8px!important;width:100%;align-items:stretch}
.qcm-day-panel-btn{width:100%!important;min-width:0!important;justify-content:center!important;text-align:center!important;white-space:nowrap}
.guard-day-view-active .qcm-grid{display:none!important}
.guard-day-view-active .qcal-mode-month{display:block!important}
.guard-day-view-active #qcm-day-panel{margin-top:0!important}
.guard-day-view-active .qcm-day-panel{border-top-left-radius:12px;border-top-right-radius:12px}

/* Attention Needed: one-line compact header */
.attention-panel .attn-toggle{min-height:30px!important;padding:4px 8px!important;margin:-4px -4px 5px!important;gap:7px!important}
.attention-panel.collapsed .attn-toggle{margin-bottom:-4px!important}
.attention-panel .attn-toggle p{display:none!important}
.attention-panel .attn-toggle h2{font-size:12px!important;line-height:1.1!important}
.attention-panel .attn-icon{width:20px!important;height:20px!important;border-radius:6px!important;font-size:11px!important}
.attention-panel .attn-chevron{font-size:9px!important}

/* Call Out sidebar and page */
#guard-callouts-nav>span{font-size:15px}
.guard-callouts-page{min-width:0}
.guard-callout-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.guard-callout-toolbar input{flex:1;min-width:220px;max-width:420px}
.guard-callout-count{margin-left:auto;color:var(--muted);font-size:10px;font-weight:750;white-space:nowrap}
.guard-new-callout{min-width:118px;border-radius:999px!important}
.guard-callout-table{padding:0;overflow:hidden}
.guard-callout-head,.guard-callout-row{display:grid;grid-template-columns:minmax(145px,1.25fr) minmax(210px,1.6fr) 105px 72px 104px 84px 88px;gap:12px;align-items:center;min-width:0}
.guard-callout-head{min-height:36px;padding:0 16px;background:#fafaf7;color:#8d948d;text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.5px}
.guard-callout-row{width:100%;min-height:58px;padding:9px 16px;border:0;border-top:1px solid #ecece7;background:white;text-align:left;color:inherit;cursor:pointer}
.guard-callout-row:hover,.guard-callout-row:focus-visible{background:#f4f9f2;outline:0}
.guard-callout-customer,.guard-callout-service{min-width:0}
.guard-callout-customer strong,.guard-callout-service strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guard-callout-customer small,.guard-callout-service small{display:block;margin-top:3px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guard-callout-service strong{color:var(--green)}
.guard-callout-date,.guard-callout-time,.guard-callout-price,.guard-callout-payment{font-size:10px;white-space:nowrap}
.guard-callout-price{font-weight:800;text-align:right}
.guard-callout-status{display:flex;justify-content:flex-start}
.guard-callout-payment{color:var(--muted);font-weight:700}

@media(max-width:1100px){
 .qcm-day-panel-add{grid-template-columns:repeat(3,minmax(105px,1fr))}
 .guard-callout-head,.guard-callout-row{grid-template-columns:minmax(130px,1.1fr) minmax(175px,1.45fr) 96px 64px 98px 78px;gap:9px}
 .guard-callout-head>span:last-child,.guard-callout-payment{display:none}
}

@media(max-width:760px){
 .qcm-day-panel-add{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
 .qcm-day-panel-btn{height:34px!important;font-size:10px!important}
 .guard-callout-toolbar{align-items:stretch}
 .guard-callout-toolbar input,.guard-callout-toolbar select{width:100%;max-width:none}
 .guard-callout-count{width:100%;margin-left:0}
 .guard-callout-head{display:none}
 .guard-callout-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"customer status" "service service" "date price";gap:7px 12px;padding:12px}
 .guard-callout-customer{grid-area:customer}
 .guard-callout-service{grid-area:service}
 .guard-callout-date{grid-area:date}
 .guard-callout-date:after{content:"  ·  " attr(data-time)}
 .guard-callout-time{display:none}
 .guard-callout-status{grid-area:status;justify-content:flex-end}
 .guard-callout-price{grid-area:price}
 .guard-callout-payment{display:none}
 .guard-callout-customer strong,.guard-callout-service strong,.guard-callout-customer small,.guard-callout-service small{white-space:normal}
}

@media(max-width:420px){
 .qcm-day-panel-add{grid-template-columns:1fr}
 .guard-new-callout{width:100%}
}