.inspection-schedule-shell { display: grid; gap: 1.25rem; }
        .inspection-schedule-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
        .inspection-schedule-toolbar__group { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
        .inspection-schedule-date { width: 12rem; }
        .inspection-schedule-slot-length { width: 10rem; }
        .inspection-schedule-help { margin-top: 1rem; color: #4b5563; font-size: .875rem; }
        .inspection-schedule-layout { display: grid; grid-template-areas: "backlog calendar"; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); align-items: start; gap: 1.25rem; }
        .inspection-backlog { grid-area: backlog; overflow: hidden; border: 1px solid #e5e7eb; border-radius: .75rem; background: #fff; box-shadow: 0 1px 2px rgb(0 0 0 / .05); transition: background-color .15s ease, border-color .15s ease; }
        .inspection-backlog--over { border-color: #059669; background: #ecfdf5; }
        .inspection-calendar-panel { grid-area: calendar; min-width: 0; }
        .inspection-backlog__heading { display: flex; cursor: pointer; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem 1rem; color: #111827; font-weight: 600; }
        .inspection-backlog__count { border-radius: 9999px; background: #f3f4f6; padding: .125rem .5rem; color: #4b5563; font-size: .75rem; }
        .inspection-backlog__search { border-top: 1px solid #e5e7eb; padding: .75rem; }
        .inspection-backlog__list { max-height: 68vh; overflow-y: auto; border-top: 1px solid #e5e7eb; padding: .75rem; }
        .inspection-backlog__card { margin-bottom: .5rem; cursor: grab; border: 1px solid #e5e7eb; border-radius: .5rem; background: #fff; padding: .75rem; box-shadow: 0 1px 2px rgb(0 0 0 / .05); }
        .inspection-backlog__reference { color: #6b7280; font-size: .75rem; font-weight: 600; letter-spacing: .025em; text-transform: uppercase; }
        .inspection-backlog__unit { margin-top: .25rem; color: #111827; font-weight: 700; }
        .inspection-backlog__building { color: #4b5563; font-size: .875rem; }
        .inspection-backlog__meta { margin-top: .25rem; color: #6b7280; font-size: .75rem; }
        .inspection-backlog__empty { padding: .75rem; color: #4b5563; font-size: .875rem; }
        .inspection-calendar { max-height: 75vh; overflow-y: auto; border: 1px solid #e5e7eb; border-radius: .75rem; }
        .inspection-calendar__slot { display: grid; grid-template-columns: 68px minmax(0, 1fr); min-height: 5rem; background: #fff; border-bottom: 1px solid #e5e7eb; transition: background-color .15s ease; }
        .inspection-calendar__slot:last-child { border-bottom: 0; }
        .inspection-calendar__slot--over { background: #ecfdf5; }
        .inspection-calendar__time { border-right: 1px solid #e5e7eb; padding: .75rem; color: #6b7280; font-size: .875rem; font-weight: 600; }
        .inspection-calendar__appointments { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; padding: .5rem; }
        .inspection-calendar__card { cursor: grab; border-radius: .5rem; padding: .75rem; font-size: .875rem; box-shadow: 0 1px 3px rgb(0 0 0 / .12); }
        .inspection-calendar__card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .5rem; }
        .inspection-calendar__card-time { font-size: .75rem; font-weight: 600; }
        .inspection-calendar__card-building { color: #374151; }
        .inspection-calendar__card-meta { margin-top: .25rem; font-size: .75rem; }
        .inspection-calendar__unschedule { margin-top: .5rem; border: 0; background: transparent; color: #991b1b; cursor: pointer; font-size: .75rem; font-weight: 600; padding: 0; text-decoration: underline; }
        @media (max-width: 1023px) {
            .inspection-schedule-layout { grid-template-areas: "calendar" "backlog"; grid-template-columns: minmax(0, 1fr); }
            .inspection-backlog__list { max-height: 22rem; }
        }
        @media (max-width: 639px) {
            .inspection-schedule-toolbar, .inspection-schedule-toolbar__group { align-items: stretch; }
            .inspection-schedule-date { width: 100%; }
            .inspection-calendar__appointments { grid-template-columns: minmax(0, 1fr); }
        }