.showing-stats-items{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px}
.showing-status{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:12px;line-height:1.2;white-space:nowrap}
.showing-status[aria-pressed=true],.showing-all[aria-pressed=true]{outline:1px solid currentColor;outline-offset:1px}
.showing-stats-items .showing-all,.showing-stats-items .showing-send{font-size:12px;min-height:30px;padding:5px 9px}
.showing-send{margin-left:auto;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px!important}
.showing-send-short{display:none}
.showing-source-data{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 12px;margin:10px 0;background:var(--raise);border-radius:var(--r-m);font-size:13px}
.showing-source-data .work-field{margin-bottom:10px}.showing-source-data .work-field>div{color:var(--text)}
.showing-table tr[data-request-edit]{cursor:pointer}.showing-table tr[data-request-edit]:hover{background:var(--hover)}
.showing-symbol{display:none}
.showing-table{width:100%;table-layout:fixed;border-collapse:collapse}
.showing-table th:first-child{width:55%}.showing-table th:nth-child(2){width:23%}
.showing-table td{padding:10px 14px;vertical-align:middle;border-top:1px solid var(--line)}
.showing-table tr[data-showing-edit]{cursor:pointer}.showing-table tr[data-showing-edit]:hover{background:var(--hover)}
.showing-street{overflow:hidden;white-space:nowrap;font-weight:600;min-width:0}
.showing-street>span{display:inline-block;white-space:nowrap}
.showing-street.is-long>span{animation:showing-street var(--street-time,6.154s) linear infinite alternate}
@keyframes showing-street{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(var(--street-shift))}}
.showing-when{font-size:12px;color:var(--text2);font-variant-numeric:tabular-nums}
.showing-detail-status{margin-bottom:12px}
.monitor-photo{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-m);background:var(--raise)}
@media(max-width:700px){
 .showing-stats .card__head{padding:7px 10px;min-height:32px;gap:6px}
 .showing-stats .card__head h2{font-size:12px}.showing-stats .card__count{font-size:11px}
 .showing-stats-items{padding:6px 10px;gap:4px;flex-wrap:wrap}
 .showing-stats .showing-stats-items{padding-left:0;padding-right:0;gap:3px;flex-wrap:nowrap;overflow-x:auto}
 .showing-stats .showing-stats-items>button{flex-shrink:0}
 .showing-send-full{display:none}.showing-send-short{display:inline}
 .showing-stats-items .showing-send{font-size:11px;padding:5px 7px}
 .showing-status-text{display:none}.showing-symbol{display:inline-flex;align-items:center;justify-content:center;width:14px;height:16px;font-size:15px;line-height:1;flex:none}
 .showing-status{padding:5px 7px;min-height:30px;gap:5px;font-size:12px}
 .showing-table th{font-size:10px;padding:7px 10px;white-space:nowrap}
 .showing-table th:first-child{width:auto}.showing-table th:nth-child(2){width:52px}.showing-table th:nth-child(3){width:82px}
 .showing-table td{padding:8px 10px}.showing-table td:nth-child(2){padding-left:4px;padding-right:4px;text-align:center}
 .showing-street{font-size:13px}.showing-table .sub2{font-size:11px;white-space:nowrap;margin-top:3px}
 .showing-when{font-size:10px;line-height:1.4;overflow-wrap:normal}
}
@media(prefers-reduced-motion:reduce){.showing-street.is-long>span{animation:none}.showing-street{text-overflow:ellipsis}}
.showing-table{border-collapse:separate;border-spacing:0 8px}
.showing-table tbody tr{--show-tone:var(--line);--show-bg:var(--bg)}
.showing-table tbody tr[data-showing-status=done]{--show-tone:var(--chip-green-tx);--show-bg:color-mix(in srgb,var(--chip-green-bg) 38%,var(--bg))}
.showing-table tbody tr[data-showing-status=cancelled]{--show-tone:var(--chip-red-tx);--show-bg:color-mix(in srgb,var(--chip-red-bg) 38%,var(--bg))}
.showing-table tbody tr:is([data-showing-status=rescheduled],[data-showing-status=no_show],[data-showing-status=not_appointed]){--show-tone:var(--chip-orange-tx);--show-bg:color-mix(in srgb,var(--chip-orange-bg) 30%,var(--bg))}
.showing-table tbody tr:is([data-showing-status=scheduled],[data-showing-status=appointed],[data-showing-status=taken]){--show-tone:var(--chip-blue-tx);--show-bg:color-mix(in srgb,var(--chip-blue-bg) 30%,var(--bg))}
.showing-table tbody td{background:var(--show-bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.showing-table tbody td:first-child{border-left:3px solid var(--show-tone);border-radius:10px 0 0 10px}
.showing-table tbody td:last-child{border-right:1px solid var(--line);border-radius:0 10px 10px 0}
.showing-table tbody tr:hover td{background:color-mix(in srgb,var(--show-bg) 80%,var(--hover))}
.showing-table tbody tr:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.showing-table thead th{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.showing-table thead th:first-child{border-left:1px solid var(--line);border-radius:8px 0 0 8px}
.showing-table thead th:last-child{border-right:1px solid var(--line);border-radius:0 8px 8px 0}
.request-when{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px;align-items:end}
.request-when>.seg{grid-column:1/-1;width:fit-content}
.request-when .work-field{margin:0;min-width:0}.request-when .crm-date-trigger{width:100%}
#requestSearcherField[hidden]{display:none}
.showing-request-modal{padding:24px 12px;align-items:center;box-sizing:border-box}
.showing-request-modal .dlg__box{display:flex;flex-direction:column;max-height:calc(100dvh - 48px);overflow:hidden}
.showing-request-modal .dlg__head,.showing-request-modal .dlg__foot{flex:none;padding:12px 16px;align-items:center}
.showing-request-modal .dlg__head [data-dlg=cancel]{width:30px;height:30px;min-height:30px;padding:0;font-size:20px}
.showing-request-modal .dlg__body{min-height:0;overflow:auto;padding:8px 16px}
.showing-request-modal #showingPrepared{height:3em;overflow:auto;line-height:1.5}
.showing-request-modal #dlgMsg{min-height:1.5em;flex-basis:100%;margin:0}
.showing-request-modal .work-field{margin:8px 0;gap:5px}
.showing-request-modal :is(input,select,.hq-select-trigger,.crm-date-trigger){height:34px;min-height:34px;padding:5px 10px}
.showing-request-modal .dlg__foot{flex-wrap:wrap}
.showing-request-modal #dlgMsg:not(:empty){flex-basis:100%;margin:0}

.showing-detail-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;font-variant-numeric:tabular-nums}
.showing-detail-status .showing-status-text{display:inline}
.showing-detail-status .showing-symbol{display:none}
.showing-detail-status .showing-status{pointer-events:none}
.showing-owner-phone{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-m);font-size:13px}
.showing-owner-phone strong{font-weight:500;overflow-wrap:anywhere}
.showing-owner-phone a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
