/* Internal controls: neutral actions, SZM blue for selected navigation only.
   Calendar cells, appointments, map markers and their semantic colors stay intact. */
#szm-brand-typography .staff-app{--szm-control-blue:#1b287f}
#szm-brand-typography .staff-app :is(button,[role="button"],a.button,a.btn):not(:is(.staff-day-cell,.staff-week-cell,.staff-team-day,.staff-event,.staff-event-card,.staff-day-event,.staff-timeline-event,.staff-person-label,.szm-tour-timeline-stop,.leaflet-marker-icon)):not(:is(.szm-tour-month-calendar,.staff-calendar-grid,.staff-day-grid,.staff-single-lane,.staff-weekend-day,.staff-week-day,.staff-mobile-day,[role="gridcell"],.staff-day-cell,.staff-week-cell,.staff-event,.staff-event-card,.staff-day-event,.staff-timeline-event,.leaflet-marker-icon) *){
 background:#f8f9fb!important;background-image:none!important;color:#3f4652!important;border-color:#e1e4ea!important;box-shadow:none!important;--nav-bg:#f4f4f5;--nav-ink:#34343a;--area-bg:#f4f4f5;--area-ink:#34343a;--area-edge:#d4d4d8
}
#szm-brand-typography .staff-app :is(button,[role="button"],a.button,a.btn):not(:is(.staff-day-cell,.staff-week-cell,.staff-team-day,.staff-event,.staff-event-card,.staff-day-event,.staff-timeline-event,.staff-person-label,.szm-tour-timeline-stop,.leaflet-marker-icon)):not(:is(.szm-tour-month-calendar,.staff-calendar-grid,.staff-day-grid,.staff-single-lane,.staff-weekend-day,.staff-week-day,.staff-mobile-day,[role="gridcell"],.staff-day-cell,.staff-week-cell,.staff-event,.staff-event-card,.staff-day-event,.staff-timeline-event,.leaflet-marker-icon) *):hover{background:#eef0f4!important}
#szm-brand-typography .staff-app.staff-app.staff-app :is(button[data-nav].active,[role="tab"][aria-selected="true"],[class*="tabs"]>button.active,[class*="tabs"]>button.is-active,[class*="tabs"]>button[aria-pressed="true"]){background:linear-gradient(90deg,rgba(27,40,127,.12) 0%,rgba(27,40,127,.12) 35%,rgba(27,40,127,0) 100%)!important;color:var(--szm-control-blue)!important;border-color:rgba(27,40,127,.3)!important}
#szm-brand-typography .staff-app :is(button[data-nav],[role="tab"],[class*="tabs"]>button) :is(svg,small,strong,span){color:inherit!important}
#szm-brand-typography .staff-app :is(.staff-nav-count,.customer-tab-count,.payroll-alert){background:#eef0f4!important;color:#3f4652!important;border-color:#e1e4ea!important;box-shadow:none!important}
#szm-brand-typography .staff-app :is(button,[role="button"]):focus-visible{outline:2px solid #52525b!important;outline-offset:2px}
#szm-brand-typography .staff-app button[data-nav="payroll"]>svg,
#szm-brand-typography .staff-app button[data-nav="phonebook"]>svg{display:none!important}
#szm-brand-typography .staff-app button[data-nav="payroll"]::before{content:'€';display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:20px;font:600 22px/1 Arial,sans-serif;color:inherit}
#szm-brand-typography .staff-app button[data-nav="phonebook"]::before{content:'';display:inline-block;flex:0 0 18px;width:18px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='5' y='3' width='15' height='18' rx='2'/%3E%3Cpath d='M3 7h4M3 12h4M3 17h4M10 17c0-4 7-4 7 0'/%3E%3Ccircle cx='13.5' cy='9' r='2.2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}


/* Quiet surfaces and restrained feedback; calendar geometry stays unchanged. */
#szm-brand-typography .staff-app :is(button,[role="button"],a.button,a.btn):not(:is(.szm-tour-month-calendar,.staff-calendar-grid,.staff-day-grid,.staff-single-lane,.staff-weekend-day,.staff-week-day,.staff-mobile-day,.staff-event,.staff-event-card,.staff-day-cell,.staff-week-cell,.staff-timeline-event,.leaflet-container) *):not(.szm-tour-timeline-stop){border-radius:7px!important;transition:background-color .16s ease,color .16s ease,border-color .16s ease}
#szm-brand-typography .staff-app.staff-app.staff-app :is(button[data-nav].active,[role="tab"][aria-selected="true"],[class*="tabs"]>button.active,[class*="tabs"]>button.is-active,[class*="tabs"]>button[aria-pressed="true"]):hover{background:linear-gradient(90deg,rgba(27,40,127,.17) 0%,rgba(27,40,127,.17) 35%,rgba(27,40,127,0) 100%)!important}
@media(prefers-reduced-motion:reduce){#szm-brand-typography .staff-app button{transition:none!important}}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
#szm-brand-typography .staff-app :is(button,[role="button"],a.button,a.btn):not(:disabled):not([aria-disabled="true"]):not(:is(.szm-tour-month-calendar,.staff-calendar-grid,.staff-day-grid,.staff-single-lane,.staff-weekend-day,.staff-week-day,.staff-mobile-day,.staff-event,.staff-event-card,.staff-day-cell,.staff-week-cell,.staff-timeline-event,.leaflet-container) *):not(.szm-tour-timeline-stop){transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
#szm-brand-typography .staff-app :is(button,[role="button"],a.button,a.btn):not(:disabled):not([aria-disabled="true"]):not(:is(.szm-tour-month-calendar,.staff-calendar-grid,.staff-day-grid,.staff-single-lane,.staff-weekend-day,.staff-week-day,.staff-mobile-day,.staff-event,.staff-event-card,.staff-day-cell,.staff-week-cell,.staff-timeline-event,.leaflet-container) *):not(.szm-tour-timeline-stop):hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(30,40,65,.09)!important}
#szm-brand-typography .staff-app :is(button,[role="button"],a.button,a.btn):not(:disabled):not([aria-disabled="true"]):not(:is(.szm-tour-month-calendar,.staff-calendar-grid,.staff-day-grid,.staff-single-lane,.staff-weekend-day,.staff-week-day,.staff-mobile-day,.staff-event,.staff-event-card,.staff-day-cell,.staff-week-cell,.staff-timeline-event,.leaflet-container) *):not(.szm-tour-timeline-stop):active{transform:translateY(0);box-shadow:none!important}
}