.host-arrival-chimes { border: 0; border-radius: 0; padding: 0; margin-block: 14px; background: transparent; color: inherit; font: inherit; }
.host-arrival-chimes[hidden], .host-arrival-chimes [hidden] { display: none; }
.host-arrival-chimes summary { cursor: pointer; font-weight: 650; min-height: 2.75rem; line-height: 2.75rem; }
.host-arrival-chimes summary:focus-visible { outline: 3px solid #2549c5; outline-offset: 3px; }
.host-arrival-chimes fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.host-arrival-chime-legend { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.host-arrival-chime-row { display: flex; align-items: end; gap: .5rem; margin-bottom: .75rem; flex-wrap: wrap; }
.host-arrival-chime-row label { display: grid; gap: .25rem; flex: 1 1 10rem; min-width: 0; }
.host-arrival-chimes select { width: 100%; min-width: 0; }
.host-arrival-chimes select, .host-arrival-chimes button { font: inherit; min-height: 2.75rem; border: 1px solid #64748b; border-radius: .375rem; padding: .45rem .6rem; background: #fff; color: #172033; }
.host-arrival-chimes button { cursor: pointer; }
.host-arrival-chimes button:disabled { cursor: default; opacity: .65; }
.host-arrival-chimes :is(button, input, select):focus-visible { outline: 3px solid #2549c5; outline-offset: 3px; }
.host-arrival-chime-volume { display: grid; grid-template-columns: 1fr auto; gap: .3rem .5rem; align-items: center; margin-block: .8rem; }
.host-arrival-chime-volume input { grid-row: 2; width: 100%; min-width: 0; min-height: 2.5rem; }
.host-arrival-chime-volume span { grid-row: 2; }
.host-arrival-chime-mute { display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; margin-bottom: .5rem; }
.host-arrival-chime-mute input { width: 1.1rem; height: 1.1rem; accent-color: #2549c5; }
.host-arrival-chime-status { line-height: 1.45; font-size: .9rem; margin: .75rem 0 .4rem; }
@media (forced-colors: active) { .host-arrival-chimes { border-color: CanvasText; } .host-arrival-chimes button:disabled { opacity: 1; } }

/* A bounded 0–100% fill shared by mouse, touch and keyboard changes. */
.host-arrival-chime-volume input[type=range]{appearance:none;background:transparent;cursor:pointer}
.host-arrival-chime-volume input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,currentColor 0 var(--host-chime-volume-percent,35%),#94a3b8 var(--host-chime-volume-percent,35%) 100%)}
.host-arrival-chime-volume input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;margin-top:-6px;background:currentColor;border:2px solid Canvas}
.host-arrival-chime-volume input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#94a3b8}
.host-arrival-chime-volume input[type=range]::-moz-range-progress{height:6px;background:currentColor}
.host-arrival-chime-volume input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:currentColor;border:2px solid Canvas}
@media(forced-colors:active){.host-arrival-chime-volume input[type=range]{appearance:auto}}