/* Existing services: a searchable overview with focused editing. */
#serviceSettingsMenuToggle { display:none; }
#settingsModal [data-settings-panel=services-edit] { max-width:1180px; margin:0 auto; color:#14243e; }
#settingsModal [data-settings-panel=services-edit] *, #settingsModal [data-settings-panel=services-edit] *::before { box-sizing:border-box; }
#settingsModal [data-settings-panel=services-edit] [hidden] { display:none!important; }
#settingsModal .service-page-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 26px; }
#settingsModal .service-page-heading h3 { margin:0 0 8px; color:#12233d; font-size:30px; font-weight:750; letter-spacing:-.03em; }
#settingsModal .service-page-heading p { margin:0; color:#6b7a91; font-size:14px; line-height:1.6; }
#settingsModal .service-new-link { flex:0 0 auto; padding:11px 17px; min-height:44px; border:1px solid #ccd8ea; border-radius:8px; background:#fff; color:#315bc4; box-shadow:none; font-size:14px; font-weight:650; }
#settingsModal .service-list-tools { display:grid; grid-template-columns:minmax(0,1fr) 245px; gap:16px; padding:18px; border:1px solid #e0e6ef; border-radius:12px; background:#fff; }
#settingsModal .service-list-tools label { display:grid; gap:7px; margin:0; color:#5c6d87; font-size:12px; font-weight:600; }
#settingsModal .service-list-tools input, #settingsModal .service-list-tools select { margin:0; min-height:44px; width:100%; min-width:0; padding:10px 12px; border:1px solid #d4dfed; border-radius:7px; background:#fff; color:#243852; font-size:14px; box-shadow:none; }
#settingsModal .service-list-count { font-size:12px; color:#74849b; margin:14px 2px; }
#settingsModal #serviceSettingsFeedback:empty { display:none; }
#settingsModal #serviceSettingsFeedback { padding:12px 15px; color:#1a694b; background:#eaf6ef; border-radius:8px; font-size:14px; }
#settingsModal #serviceSettingsBox { display:grid!important; gap:12px!important; width:100%; }
#settingsModal .service-editor-card { min-width:0; border:1px solid #dce4ef; border-radius:12px; background:#fff; box-shadow:0 2px 6px #22385904; overflow:clip; }
#settingsModal .service-editor-card[open] { border-color:#aebfdf; box-shadow:0 5px 22px #1e396008; }
#settingsModal .service-card-summary { list-style:none; display:grid; grid-template-columns:minmax(180px,1fr) minmax(200px,.65fr) auto auto; align-items:center; gap:22px; min-height:94px; padding:20px 24px; cursor:pointer; }
#settingsModal .service-card-summary::-webkit-details-marker { display:none; }
#settingsModal .service-card-summary:hover { background:#f9fbff; }
#settingsModal .service-card-main { min-width:0; display:grid; gap:6px; }
#settingsModal .service-card-main strong { font-size:17px; font-weight:700; color:#20314c; overflow-wrap:anywhere; line-height:1.4; }
#settingsModal .service-card-kind { font-size:12px; color:#73839c; line-height:1.4; }
#settingsModal .service-card-meta { display:grid; grid-template-columns:1fr 1.3fr; gap:18px; font-size:14px; color:#51647f; }
#settingsModal .service-card-meta span { overflow-wrap:anywhere; }
#settingsModal .service-card-edit { font-size:13px; color:#3a62c5; white-space:nowrap; display:flex; gap:13px; align-items:center; }
#settingsModal .service-card-edit span { font-size:20px; }
#settingsModal .service-editor-card[open] .service-card-edit span { transform:rotate(180deg); }
#settingsModal .service-unsaved { display:none; font-size:11px; padding:4px 7px; background:#fff1d8; color:#89601b; border-radius:5px; }
#settingsModal .has-changes .service-unsaved { display:block; }
#settingsModal .service-editor-form { margin:0; border-top:1px solid #e6ebf3; }
#settingsModal .service-editor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:36px; row-gap:25px; padding:28px 24px; }
#settingsModal .service-editor-section { min-width:0; }
#settingsModal .service-editor-section h4 { margin:0 0 18px; color:#192e4f; font-size:14px; font-weight:700; }
#settingsModal .service-editor-section label { display:block; margin:14px 0 7px; color:#62728a; font-size:12px; font-weight:600; line-height:1.5; }
#settingsModal .service-editor-section input, #settingsModal .service-editor-section select { display:block; width:100%; min-width:0; max-width:100%; min-height:46px; padding:11px 12px; margin:0; border:1px solid #d2ddea; border-radius:7px; color:#233651; background:#fff; font-size:14px; box-shadow:none; }
#settingsModal .service-editor-section input:focus, #settingsModal .service-editor-section select:focus { border-color:#4b77e2; outline:3px solid #e5edff; }
#settingsModal .service-field-help { margin:9px 0 0; font-size:12px; line-height:1.6; color:#7b899e; }
#settingsModal .service-two-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
#settingsModal .service-split-time { margin-top:14px; padding-top:12px; border-top:1px solid #edf0f6; }
#settingsModal .service-split-time > summary { color:#44679f; font-size:12px; padding:5px 0; cursor:pointer; min-height:30px; }
#settingsModal .service-time-summary { font-size:12px; font-weight:600; color:#486487; margin:16px 0 0; padding:11px 13px; border-radius:7px; background:#f1f5fb; line-height:1.6; }
#settingsModal .service-editor-footer { padding:16px 24px; border-top:1px solid #e4eaf2; background:#fcfdff; }
#settingsModal .service-editor-message { font-size:13px; margin:0 0 12px; color:#36587f; line-height:1.5; }
#settingsModal .service-editor-message:empty { display:none; }
#settingsModal .service-editor-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; }
#settingsModal .service-editor-actions button { min-height:44px; border-radius:7px; padding:10px 16px; font-size:13px; margin:0; box-shadow:none; font-weight:600; }
#settingsModal .service-save { background:#3769e7; color:#fff; border:1px solid #3769e7; }
#settingsModal .service-revert { background:#fff; color:#5a6d89; border:1px solid #d6dfec; }
#settingsModal .service-deactivate { margin-right:auto!important; color:#a85858; background:transparent; border:1px solid transparent; }
#settingsModal .service-editor-actions button:disabled { opacity:.55; cursor:wait; }
#settingsModal .service-filter-empty { padding:28px 20px; text-align:center; border:1px dashed #d5dfef; border-radius:10px; color:#76859c; background:#f9fbfd; font-size:14px; }
#settingsModal .service-card-summary:focus-visible, #settingsModal .service-editor-actions button:focus-visible { outline:3px solid #7ea3ff; outline-offset:-3px; }
@media(max-width:1050px) {
 #settingsModal .service-card-summary { grid-template-columns:minmax(0,1fr) auto; gap:12px; }
 #settingsModal .service-card-main { grid-column:1; }
 #settingsModal .service-card-meta { grid-row:2; grid-column:1; display:flex; flex-wrap:wrap; gap:8px 20px; font-size:13px; }
 #settingsModal .service-card-edit { grid-column:2; grid-row:1; }
 #settingsModal .service-unsaved { grid-column:2; grid-row:2; }
 #settingsModal .service-editor-grid { column-gap:20px; }
}
@media(max-width:768px) {
 #settingsModal.is-services-editor .settings-modal-head { display:flex!important; align-items:center; gap:8px; min-height:64px!important; padding:10px 12px!important; }
 #settingsModal.is-services-editor .settings-modal-head > div:first-of-type { margin-right:auto; min-width:0; }
 #settingsModal.is-services-editor .settings-modal-head h2 { font-size:17px!important; margin:0; }
 #settingsModal.is-services-editor .settings-modal-head > button { min-height:44px; padding:8px 11px; font-size:12px; margin:0; border-radius:8px; }
 #settingsModal.is-services-editor #serviceSettingsMenuToggle { display:block; background:#edf2fa; color:#39547c; border:1px solid #dce5f2; box-shadow:none; }
 #settingsModal.is-services-editor .settings-menu { display:none!important; }
 #settingsModal.is-services-editor.is-services-menu-open .settings-menu { display:block!important; }
 #settingsModal.is-services-editor .settings-panel { padding:20px 12px max(24px,env(safe-area-inset-bottom))!important; overflow-x:hidden!important; }
 #settingsModal .service-page-heading { align-items:flex-start; gap:12px; margin-bottom:18px; }
 #settingsModal .service-page-heading h3 { font-size:26px; }
 #settingsModal .service-page-heading p { font-size:13px; }
 #settingsModal .service-new-link { font-size:12px; padding:10px 12px; }
 #settingsModal .service-list-tools { grid-template-columns:1fr; gap:12px; padding:14px; }
 #settingsModal .service-list-tools input, #settingsModal .service-list-tools select { font-size:16px; min-height:46px; }
 #settingsModal .service-list-count { line-height:1.5; }
 #settingsModal .service-card-summary { padding:17px 15px; min-height:90px; }
 #settingsModal .service-card-main strong { font-size:16px; }
 #settingsModal .service-card-kind { font-size:11px; }
 #settingsModal .service-card-edit { font-size:12px; gap:6px; }
 #settingsModal .service-editor-grid { grid-template-columns:1fr; gap:24px; padding:22px 15px; }
 #settingsModal .service-editor-section h4 { margin-bottom:12px; font-size:15px; }
 #settingsModal .service-editor-section label { font-size:12px; }
 #settingsModal .service-editor-section input, #settingsModal .service-editor-section select { font-size:16px; min-height:48px; }
 #settingsModal .service-split-time > summary { padding:10px 0; min-height:44px; }
 #settingsModal .service-two-fields { gap:10px; }
 #settingsModal .service-editor-footer { padding:15px; }
 #settingsModal .service-editor-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
 #settingsModal .service-editor-actions .service-save { grid-column:1/-1; grid-row:1; width:100%; min-height:48px; font-size:14px; }
 #settingsModal .service-editor-actions .service-revert { grid-column:2; grid-row:2; padding:8px; font-size:11px; }
 #settingsModal .service-editor-actions .service-deactivate { grid-column:1; grid-row:2; padding:8px; font-size:12px; }
}
#settingsModal.is-services-editor .settings-modal-head { gap:12px; }
#settingsModal.is-services-editor .settings-modal-head > div:first-of-type { margin-right:auto; }
#settingsModal.is-services-editor .settings-modal-head > .iseld-notification-center { margin-left:auto; margin-right:0; }
#settingsModal.is-services-editor .iseld-notification-bell { display:inline-flex; align-items:center; justify-content:center; }
@media(max-width:768px) {
 #settingsModal.is-services-editor .settings-modal-head { gap:8px!important; }
 #settingsModal.is-services-editor .settings-modal-head > div:first-of-type { flex:1; }
 #settingsModal.is-services-editor .iseld-notification-center { flex:0 0 auto; }
 #settingsModal.is-services-editor .iseld-notification-center.inline .iseld-notification-bell { width:36px!important; height:40px!important; min-width:36px; border-radius:8px!important; }
}