/* Staff summaries stay compact; the existing editor lives in a modal side panel. */
html body #horizon-booking-demo #hd-staff-settings .hs-directory-storage[hidden]{display:none!important}
#horizon-booking-demo .hs-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
#horizon-booking-demo .hs-directory-heading h3{margin:0 0 7px}
#horizon-booking-demo .hs-directory-heading p{margin:0;line-height:1.5;max-width:70ch}
#horizon-booking-demo .hs-directory-heading>button{flex:none;min-height:42px}
#horizon-booking-demo .hs-directory-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;max-width:800px;margin:0 0 16px}
html body #horizon-booking-demo #hd-staff-settings .hs-directory-toolbar .hd-label{display:grid;gap:6px;margin:0;max-width:none;width:auto}
#horizon-booking-demo .hs-directory-tabs{display:inline-flex;gap:3px;margin-bottom:16px;padding:4px;border:1px solid var(--hd-line);border-radius:10px;background:var(--hd-soft);max-width:100%;box-sizing:border-box}
html body #horizon-booking-demo .hs-directory-tabs>button{border:1px solid transparent;background:transparent;box-shadow:none;margin:0;white-space:nowrap;min-height:40px}
html body #horizon-booking-demo .hs-directory-tabs [aria-pressed=true]{background:color-mix(in srgb,var(--hd-action) 14%,var(--hd-bg))!important;border-color:var(--hd-action)!important;color:var(--hd-action)!important;font-weight:750!important;box-shadow:inset 0 -3px 0 currentColor!important}
/* Match the softer selected-map-control pink for Removed staff in Bubble Mode only. */
html body #horizon-booking-demo[data-horizon-theme=bubbles] .hs-directory-tabs [data-staff-view=removed][aria-pressed=true]{border-color:#e997bd!important;color:#e997bd!important}
#horizon-booking-demo .hs-directory-results{border:1px solid var(--hd-line);border-radius:11px;overflow:hidden;background:var(--hd-soft)}
#horizon-booking-demo .hs-directory-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;color:var(--hd-fg)}
#horizon-booking-demo .hs-directory-table th{padding:11px 15px;text-align:left;font-size:12px;font-weight:650;background:var(--hd-bg);color:var(--hd-secondary)}
#horizon-booking-demo .hs-directory-table th:first-child{width:26%}
#horizon-booking-demo .hs-directory-table th:nth-child(2){width:20%}
#horizon-booking-demo .hs-directory-table th:nth-child(3){width:14%}
#horizon-booking-demo .hs-directory-table th:last-child{width:220px;text-align:right}
#horizon-booking-demo .hs-directory-table td{height:64px;box-sizing:border-box;padding:11px 15px;border-top:1px solid var(--hd-line);vertical-align:middle;overflow-wrap:anywhere}
#horizon-booking-demo .hs-directory-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--hd-bg) 55%,var(--hd-soft))}
#horizon-booking-demo .hs-directory-table td:last-child{text-align:right;overflow-wrap:normal;word-break:normal}
#horizon-booking-demo .hs-directory-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
html body #horizon-booking-demo .hs-directory-row-actions>button{flex:0 0 auto;width:auto;min-width:66px;min-height:38px;padding:8px 13px;white-space:nowrap;word-break:normal;overflow-wrap:normal;margin:0}
#horizon-booking-demo .hs-directory-name{font-weight:700}
#horizon-booking-demo .hs-directory-name small{display:block;font-size:11px;color:var(--hd-action);margin-top:3px}
#horizon-booking-demo .hs-directory-swatch{display:inline-block;width:15px;height:15px;border:1px solid #0003;border-radius:50%;margin-right:7px;vertical-align:-3px}
#horizon-booking-demo .hs-directory-empty{padding:24px;margin:0;color:var(--hd-secondary)}
#horizon-booking-demo .hs-directory-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 18px;font-size:12px;color:var(--hd-secondary)}
#horizon-booking-demo .hs-directory-pagination>div{display:flex;gap:7px}
#horizon-booking-demo .hs-staff-directory>.hs-staff-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#horizon-booking-demo .hs-directory-draft{font-size:12px;color:var(--hd-secondary);margin-left:4px}
#horizon-booking-demo .hs-directory-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html body #horizon-booking-demo .hs-staff-editor{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(570px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid var(--hd-line);border-radius:18px 0 0 18px;background:var(--hd-bg);color:var(--hd-fg);box-shadow:-12px 0 60px #0005;overflow:hidden}
html body #horizon-booking-demo .hs-staff-editor[open]{display:flex;flex-direction:column}
html body #horizon-booking-demo .hs-staff-editor:not([open]){display:none}
#horizon-booking-demo .hs-staff-editor::backdrop{background:#080c167d;backdrop-filter:blur(3px)}
#horizon-booking-demo .hs-staff-editor>header{flex:none;display:flex;align-items:center;gap:16px;padding:20px 22px;background:var(--hd-bg);border-bottom:1px solid var(--hd-line)}
#horizon-booking-demo .hs-staff-editor header small{font-size:12px;color:var(--hd-secondary)}
#horizon-booking-demo .hs-staff-editor header h3{margin:4px 0 0;font-size:23px;overflow-wrap:anywhere}
#horizon-booking-demo .hs-staff-editor-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 24px;scrollbar-gutter:stable}
#horizon-booking-demo .hs-editor-help{margin:0 0 22px;font-size:13px;line-height:1.6;color:var(--hd-secondary)}
html body #horizon-booking-demo .hs-staff-editor .hs-staff-member{border:0;border-radius:0;margin:0;padding:0;gap:20px}
html body #horizon-booking-demo .hs-staff-editor .sf-profile-editor{margin:0;padding:0;border:0;border-radius:0;background:transparent;gap:7px}
#horizon-booking-demo .hs-staff-editor .hs-staff-colour{margin:0}
html body #horizon-booking-demo .hs-staff-editor .hs-colour-save{display:none}
#horizon-booking-demo .hs-editor-removal{display:grid;justify-items:start;gap:10px;border-top:1px solid var(--hd-line);padding-top:20px;margin-top:2px}
#horizon-booking-demo .hs-editor-removal-help{margin:0;font-size:12px;line-height:1.6;color:var(--hd-secondary);max-width:54ch}
#horizon-booking-demo .hs-staff-editor-error{margin:18px 0 0;color:var(--hd-action);font-size:13px;line-height:1.5}
#horizon-booking-demo .hs-staff-editor-error:empty{display:none}
#horizon-booking-demo .hs-staff-editor>footer{flex:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;background:var(--hd-bg);border-top:1px solid var(--hd-line)}
#horizon-booking-demo .hs-editor-draft{flex:1;font-size:12px;line-height:1.5;color:var(--hd-secondary)}
#horizon-booking-demo .hs-editor-actions{display:flex;gap:9px;flex:none}
html body #horizon-booking-demo .hs-editor-actions>button{margin:0;white-space:nowrap}
#horizon-booking-demo .hs-staff-editor :is(button,input,.sf-title-trigger){min-height:42px}
@media(max-width:900px){
 #horizon-booking-demo .hs-directory-heading{align-items:flex-start;flex-direction:column;gap:12px}
 #horizon-booking-demo .hs-directory-toolbar{grid-template-columns:1fr}
 #horizon-booking-demo .hs-directory-table{display:block}
 #horizon-booking-demo .hs-directory-table thead{display:none}
 #horizon-booking-demo .hs-directory-table tbody{display:block}
 #horizon-booking-demo .hs-directory-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;gap:12px;border-top:1px solid var(--hd-line)}
 #horizon-booking-demo .hs-directory-table tr:first-child{border-top:0}
 #horizon-booking-demo .hs-directory-table td{display:block;height:auto;border:0;padding:0;font-size:13px;min-width:0}
 #horizon-booking-demo .hs-directory-table td:first-child{grid-column:1;font-size:16px}
 #horizon-booking-demo .hs-directory-table td:nth-child(2){grid-column:1/-1}
 #horizon-booking-demo .hs-directory-table td:not(:first-child):not(:last-child)::before{content:attr(data-label);display:block;font-size:11px;color:var(--hd-secondary);margin-bottom:4px}
 #horizon-booking-demo .hs-directory-table td:last-child{grid-column:2;grid-row:1;text-align:right}
 #horizon-booking-demo .hs-directory-row-actions{flex-wrap:wrap}
 html body #horizon-booking-demo .hs-directory-row-actions>button{min-height:44px;padding:8px 10px;min-width:58px}
 #horizon-booking-demo .hs-directory-pagination{align-items:flex-start;flex-wrap:wrap}
}
html body #horizon-booking-demo #hd-staff-settings [data-staff-pages][hidden],html body #horizon-booking-demo .hs-staff-base-fields[hidden]{display:none!important}
html body #horizon-booking-demo .hs-staff-home{margin:0;padding-top:20px;gap:12px;border-color:var(--hd-line)}
#horizon-booking-demo .hs-staff-base-choice{margin:0;padding:0;border:0;min-width:0;display:grid;gap:8px}
#horizon-booking-demo .hs-staff-base-choice legend{padding:0;margin:0 0 10px;font-size:13px;color:var(--hd-secondary)}
html body #horizon-booking-demo #hd-staff-settings .hs-staff-base-choice>label{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:10px;margin:0;width:100%;max-width:none;font-size:14px;line-height:1.5;min-height:34px;cursor:pointer}
html body #horizon-booking-demo .hs-staff-base-choice input[type=radio]{appearance:auto;accent-color:var(--hd-action);width:17px!important;min-width:17px;max-width:17px!important;height:17px;min-height:17px;margin:0;box-shadow:none;flex:none}
#horizon-booking-demo .hs-staff-base-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}
html body #horizon-booking-demo .hs-staff-home-actions>button{min-height:42px;padding:9px 12px;font-size:13px;white-space:nowrap;margin:0}
html body #horizon-booking-demo #hd-staff-settings .hs-staff-danger{color:light-dark(#a52a43,#ffb4c1)!important;border:1px solid currentColor!important;background:transparent!important;box-shadow:none!important;white-space:nowrap}
html body #horizon-booking-demo #hd-staff-settings .hs-staff-danger:hover{background:color-mix(in srgb,currentColor 9%,transparent)!important}
@media(max-width:700px){
 html body #horizon-booking-demo .hs-staff-editor{width:100%;max-width:100%;border:0;border-radius:0}
 #horizon-booking-demo .hs-staff-editor>header{padding:16px 20px}
 #horizon-booking-demo .hs-staff-editor-scroll{padding:16px 20px 24px}
 #horizon-booking-demo .hs-staff-editor>footer{padding:14px 20px;flex-wrap:wrap;gap:10px}
 #horizon-booking-demo .hs-editor-draft{flex-basis:100%}
 #horizon-booking-demo .hs-editor-actions{width:100%;justify-content:flex-end}
 #horizon-booking-demo .hs-staff-editor :is(button,input,.sf-title-trigger){min-height:44px}
 #horizon-booking-demo .hs-staff-base-fields{grid-template-columns:1fr}
 html body #horizon-booking-demo .hs-staff-base-choice>label{min-height:44px}
}