.detail{container-type:inline-size;container-name:callback-card}
.detail-head h2 .card-bookmark{float:right;margin-left:12px;font-size:12px;font-weight:500;white-space:nowrap}
.card-call-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"phone absent" "dates call";gap:8px 12px;align-items:center;margin-top:8px}
.card-call-layout>.ca-phone{grid-area:phone;margin:0;overflow-wrap:anywhere}
.card-call-layout>.ca-dates{grid-area:dates;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:12px;min-width:0}
.card-call-layout>.ca-dates>*{min-width:0;overflow-wrap:anywhere}
.card-call-layout>.ca-call{grid-area:call;justify-self:end;margin:0}
.card-call-layout>.ca-absent{grid-area:absent;justify-self:end;background:#fff8e6;border-color:#c88a24;color:#775016;white-space:nowrap}
@container callback-card (min-width:560px){.card-call-layout{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"phone phone phone" "dates absent call"}}
@container callback-card (max-width:330px){.card-call-layout{grid-template-columns:1fr 1fr;grid-template-areas:"phone phone" "dates dates" "absent call"}.card-call-layout>.ca-absent{justify-self:start}}
.ca-navigation{border-top:1px solid var(--line,#cedce5);padding-top:10px;margin-top:12px}.ca-navigation small{display:block;margin-top:6px;color:#587084}
.ca-bookmark-choices{display:grid;gap:10px;margin:16px 0;max-height:35vh;overflow:auto}.ca-bookmark-choices label{display:flex;gap:8px;align-items:center}.ca-bookmark-choices input{width:auto}
.callback-badge{font-size:11px;border-radius:12px;background:#dceff1;color:#075d68;padding:2px 6px;margin-left:auto}
.wf-collapsed .callback-badge{position:absolute;right:1px;top:1px;padding:0 3px;font-size:9px}.wf-nav [data-nav="callbacks"]{position:relative}
#callback-results tr[data-ca-open]{cursor:pointer}#callback-results tr[data-ca-open]:hover>td{background:#edf8f9}#callback-results tr.chosen>td{background:#dcf0f3}#callback-results tr:focus-visible{outline:2px solid #088493;outline-offset:-2px}
.ca-layout>#sales-detail{min-width:0}.ca-layout>#sales-detail.hidden{display:none}.ca-layout:has(#detail.hidden):has(#sales-detail.hidden){grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){.ca-layout.has-card #callback-list{display:none}.ca-layout.has-card>.detail:not(.hidden){display:flex;width:100%;max-width:100%}.ca-layout.has-card>.detail.ui-fitted:not(.hidden){width:var(--card-width);max-width:calc(100vw - 16px);right:8px}.ca-layout.has-card{display:block}}