/*
 * entity_shared.css — Shared styles for all entity detail pages
 * (Auto Attendant, Call Center, Hunt Group, Extension)
 *
 * Loaded globally via main_template_v3.php.
 * Entity-specific styles remain in their own files.
 *
 * ORDERING: extension shared selectors first, then inline extraction.
 * This preserves the original cascade (inline.css loaded after ext.css).
 */

/* Shared multi-entity styles extracted from extension_editable.css */
/* These selectors target multiple entity apps via :is() */



body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) {
    padding-bottom: 32px !important;
}



body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .setting_section.form_container:hover,
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .setting_section.form_container:has(.toggle_header.header-toggler-opened),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .setting_section.form_container:hover,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .setting_section.form_container:has(.toggle_header.header-toggler-opened) {
    border-color: var(--aa-flat-section-border) !important;
    box-shadow: none !important;
    transform: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .toggle_header,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .toggle_header {
    min-height: 52px !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .setting_section.form_container,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .setting_section.form_container {
    overflow: hidden !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .setting_section.form_container:has(.dropdown-menu.show),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .setting_section.form_container:has(.dropdown-menu.show) {
    overflow: visible !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .setting_section.form_container + .setting_section.form_container,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .setting_section.form_container + .setting_section.form_container {
    margin-top: 14px !important;
}





body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form_section,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form_section {
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements form > .form-group.row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements form > .form-group.row {
    margin: 0 !important;
    padding: 18px 16px !important;
    border-top: 1px solid #E7EDF4 !important;
    border-bottom: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements form > .form-group.row:first-of-type,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements form > .form-group.row:first-of-type {
    border-top: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .estimated_wait_message_options_read, .enable_media_on_hold_for_queued_calls_quick_section),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .estimated_wait_message_options_read, .enable_media_on_hold_for_queued_calls_quick_section) {
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .estimated_wait_message_options_read, .enable_media_on_hold_for_queued_calls_quick_section) > div,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .estimated_wait_message_options_read, .enable_media_on_hold_for_queued_calls_quick_section) > div {
    margin-left: 0 !important;
    margin-top: 10px !important;
}

/* Stronger final guards against older v4/global button and announcement rules. */




body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #announcements .call_announcements > form > .form-group.row,
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #announcements .call_announcements > form > .form-group.row {
    border: 1px solid var(--aa-flat-section-border) !important;
    border-radius: var(--aa-flat-section-radius) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    margin: 0 0 12px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section, .estimated_wait_message_options_read),
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section, .estimated_wait_message_options_read) {
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    margin: 14px auto 0 !important;
    padding: 16px 22px !important;
    border: 1px solid var(--aa-flat-section-border) !important;
    border-radius: var(--aa-flat-section-radius) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
}



























/* Dev3 shared settings interior pass.
   The tab shell was already aligned with Auto Attendant; this brings the
   setting sections themselves onto the same flat card and quiet-control system. */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) {
    --shared-setting-section-gap: 12px;
    --shared-setting-section-pad-x: 20px;
    --shared-setting-section-pad-y: 16px;
    --shared-setting-inner-pad-x: 22px;
    --shared-setting-inner-pad-y: 16px;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) :is(.call_control_details, .advanced_details, .call_announcements),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) :is(.call_control_details, .advanced_details, .call_announcements) {
    padding: 14px 16px 16px !important;
    background: transparent !important;
}



body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .call_announcements > form > .form-group.row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .call_announcements > form > .form-group.row {
    align-items: flex-start !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) :is(.call_control_details, .advanced_details, .call_announcements) .form-group.row:last-child,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) :is(.call_control_details, .advanced_details, .call_announcements) .form-group.row:last-child {
    margin-bottom: 0 !important;
}



















/* Greeting button width, styling, and icon color moved to v4_2026.css
   (canonical greeting .tts-btn rule).  Do NOT re-add here. */





/* Settings tabs need the same interior language as Auto Attendant, not just the same outer shell. */
body.v4-body .v4-content .v4-tabbed-detail #extension_app :is(#personal_settings, #phone_section) .setting_box,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app :is(#personal_settings, #phone_section) .setting_box,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .setting_section.form_container,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .setting_section.form_container {
    padding: 14px 16px 16px !important;
    background: transparent !important;
    content-visibility: auto;
    contain-intrinsic-size: 0 300px;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) .aa-tab-panel[data-aa-tab-panel="settings"] .aa-call-feature,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) .aa-tab-panel[data-aa-tab-panel="settings"] .aa-call-feature {
    content-visibility: auto;
    contain-intrinsic-size: 0 200px;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) .aa-tab-panel[data-aa-tab-panel="settings"] .aa-call-feature:has(.dropdown-menu.show),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) .aa-tab-panel[data-aa-tab-panel="settings"] .aa-call-feature:has(.dropdown-menu.show) {
    content-visibility: visible;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #personal_settings .setting_box > .inner_section.section_item,
body.v4-body .v4-content .v4-tabbed-detail #extension_app #personal_settings .setting_box > .form-group.row.section_item,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #personal_settings .setting_box > .inner_section.section_item,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #personal_settings .setting_box > .form-group.row.section_item,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .setting_section.form_container > form > .form-group.row.section_item,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .setting_section.form_container > form > .form-group.row.section_item {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 78px !important;
    margin: 0 0 var(--shared-setting-section-gap) !important;
    padding: var(--shared-setting-section-pad-y) var(--shared-setting-section-pad-x) !important;
    border: 1px solid var(--aa-flat-section-border) !important;
    border-radius: var(--aa-flat-section-radius) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    transform: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #personal_settings .setting_box > .inner_section.section_item:last-child,
body.v4-body .v4-content .v4-tabbed-detail #extension_app #personal_settings .setting_box > .form-group.row.section_item:last-child,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #personal_settings .setting_box > .inner_section.section_item:last-child,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #personal_settings .setting_box > .form-group.row.section_item:last-child,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .setting_section.form_container > form > .form-group.row.section_item:last-child,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .setting_section.form_container > form > .form-group.row.section_item:last-child {
    margin-bottom: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #personal_settings :is(.broadworks_anywhere_table:not(.hidden), .simultaneous_ring_number_container:not(.hidden), .busy_lamp_content:not(.hidden), .padded_section_widths:not(.hidden)),
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #personal_settings :is(.broadworks_anywhere_table:not(.hidden), .simultaneous_ring_number_container:not(.hidden), .busy_lamp_content:not(.hidden), .padded_section_widths:not(.hidden)),
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.agent_section:not(.hidden), .no_answer_enabled_area:not(.hidden), .threshold_area:not(.hidden)),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.agent_section:not(.hidden), .no_answer_enabled_area:not(.hidden), .threshold_area:not(.hidden)) {
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    margin: 14px auto 0 !important;
    padding: var(--shared-setting-inner-pad-y) var(--shared-setting-inner-pad-x) !important;
    border: 1px solid var(--aa-flat-section-border) !important;
    border-radius: var(--aa-flat-section-radius) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #personal_settings :is(.broadworks_anywhere_table, .simultaneous_ring_number_container, .busy_lamp_content, .padded_section_widths) :is(.subsection, .number_wrapper, .location),
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #personal_settings :is(.broadworks_anywhere_table, .simultaneous_ring_number_container, .busy_lamp_content, .padded_section_widths) :is(.subsection, .number_wrapper, .location),
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section > .subsection,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section > .subsection {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #personal_settings .personal_setting_details > :is(.inner_section, .form-group.row.section_item),
body.v4-body .v4-content .v4-tabbed-detail #extension_app #personal_settings .personal_setting_details > #busy_lamp,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #personal_settings .personal_setting_details > :is(.inner_section, .form-group.row.section_item),
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #personal_settings .personal_setting_details > #busy_lamp,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.call_settings, .hunt_settings) > form > .form-group.row.section_item,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.call_settings, .hunt_settings) > form > .form-group.row.section_item {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 78px !important;
    margin: 0 0 var(--shared-setting-section-gap) !important;
    padding: var(--shared-setting-section-pad-y) var(--shared-setting-section-pad-x) !important;
    border: 1px solid var(--aa-flat-section-border) !important;
    border-radius: var(--aa-flat-section-radius) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    transform: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #personal_settings .personal_setting_details > :is(.inner_section, .form-group.row.section_item):last-child,
body.v4-body .v4-content .v4-tabbed-detail #extension_app #personal_settings .personal_setting_details > #busy_lamp:last-child,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #personal_settings .personal_setting_details > :is(.inner_section, .form-group.row.section_item):last-child,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #personal_settings .personal_setting_details > #busy_lamp:last-child,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.call_settings, .hunt_settings) > form > .form-group.row.section_item:last-child,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.call_settings, .hunt_settings) > form > .form-group.row.section_item:last-child {
    margin-bottom: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section:not(.hidden),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section:not(.hidden) {
    flex: 0 0 calc(100% - 48px) !important;
}

/* Shared Profile template. Keep profile/number edits one-source across
   extensions, auto attendants, hunt groups, and call centers. */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) {
    --shared-profile-control-width: 380px;
    --shared-profile-card-border: #D7E2EE;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile.setting_section.form_container, #profile-section.setting_section.form_container),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile.setting_section.form_container, #profile-section.setting_section.form_container) {
    border: 1px solid var(--aa-flat-section-border) !important;
    border-radius: var(--aa-flat-section-radius) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile.setting_section.form_container, #profile-section.setting_section.form_container)::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile.setting_section.form_container, #profile-section.setting_section.form_container)::before {
    content: none !important;
    display: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-basic-card,
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-basic-card,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card {
    margin: 14px 0 0 !important;
    padding: 16px !important;
    border: 1px solid var(--shared-profile-card-border) !important;
    border-radius: var(--aa-flat-section-radius) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-unified-shell--profile,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-unified-shell--profile {
    padding: 24px !important;
}







body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-basic-card > .form-group.row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-basic-card > .form-group.row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, var(--shared-profile-control-width)) !important;
    column-gap: 24px !important;
    align-items: center !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 3px 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-basic-card > .form-group.row > [class*="col-"],
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-basic-card > .form-group.row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-basic-card > .form-group.row > [class*="col-"]:first-child,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-basic-card > .form-group.row > [class*="col-"]:first-child {
    grid-column: 1 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2) {
    grid-column: 2 !important;
    justify-self: stretch !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-basic-card :is(input.form-control, select.form-control),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-basic-card :is(input.form-control, select.form-control) {
    width: 100% !important;
    max-width: none !important;
    height: 38px !important;
    margin: 0 !important;
}



body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--shared-profile-control-width) !important;
    column-gap: 24px !important;
    row-gap: 12px !important;
    align-items: start !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card > .col-4,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card > .col-4 {
    grid-column: 1 !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card > .col-8,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card > .col-8 {
    grid-column: 2 !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    justify-self: end !important;
    align-self: start !important;
    padding: 2px 0 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-label,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-label {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 42px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-desc,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-desc {
    display: block !important;
    margin-top: 3px !important;
    color: #7186A4 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card #alternative_number,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card #alternative_number {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card #alternative_number :is(.alternative_number_main.form-group.row, .alternative_number_select.form-group.row),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card #alternative_number :is(.alternative_number_main.form-group.row, .alternative_number_select.form-group.row) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, var(--shared-profile-control-width)) !important;
    column-gap: 24px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 1px 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number :is(.slim_row, .form-group.row, [class*="col-"]),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number :is(.slim_row, .form-group.row, [class*="col-"]) {
    border: 0 !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .form-group.row > [class*="col-"],
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .form-group.row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .form-group.row > .col-8,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .form-group.row > .col-8 {
    justify-self: stretch !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number select.form-control,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number select.form-control {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .alternativenumber.aa-number-row:has(> .remove_alternative_number),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .alternativenumber.aa-number-row:has(> .remove_alternative_number) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 38px !important;
    column-gap: 10px !important;
    align-items: center !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .alternativenumber.aa-number-row:has(> .remove_alternative_number) > .form-group.row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .alternativenumber.aa-number-row:has(> .remove_alternative_number) > .form-group.row {
    width: 100% !important;
    max-width: 100% !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number:has(.remove_alternative_number) .alternative_number_main.form-group.row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number:has(.remove_alternative_number) .alternative_number_main.form-group.row {
    grid-template-columns: minmax(0, 1fr) calc(var(--shared-profile-control-width) + 48px) !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number:has(.remove_alternative_number) .alternative_number_main.form-group.row > .col-8,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number:has(.remove_alternative_number) .alternative_number_main.form-group.row > .col-8 {
    width: calc(var(--shared-profile-control-width) + 48px) !important;
    max-width: calc(var(--shared-profile-control-width) + 48px) !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number:has(.remove_alternative_number) .alternative_number_main.form-group.row select.form-control,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number:has(.remove_alternative_number) .alternative_number_main.form-group.row select.form-control {
    width: var(--shared-profile-control-width) !important;
    max-width: var(--shared-profile-control-width) !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .remove_alternative_number,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .remove_alternative_number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--aa-elegant-control-border) !important;
    border-radius: var(--aa-flat-section-radius) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .alternative_number_wrapper,
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .alternativenumber.aa-number-row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .alternative_number_wrapper,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number .alternativenumber.aa-number-row {
    width: 100% !important;
    max-width: none !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card .add_alternative_number,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-number-card .add_alternative_number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 10px 0 0 !important;
    padding: 0 14px !important;
    border: 1px solid var(--aa-elegant-control-border) !important;
    border-radius: var(--aa-flat-section-radius) !important;
    background: #FFFFFF !important;
    color: var(--aa-elegant-control-text) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

/* Dev3 announcement recorder bridge.
   Call Center announcements already use the shared greeting action helper,
   but their outer recording selector is still legacy markup. These guards
   make every announcement recorder read like the newer AA recorder. */
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section) {
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    flex: 0 0 calc(100% - 48px) !important;
    margin: 14px auto 0 !important;
    padding: var(--shared-setting-inner-pad-y) var(--shared-setting-inner-pad-x) !important;
    border: 1px solid var(--aa-flat-section-border) !important;
    border-radius: var(--aa-flat-section-radius) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section) > div,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section) > div {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .enable_media_on_hold_for_queued_calls > .col-md-12,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .enable_media_on_hold_for_queued_calls > .col-md-12 {
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Dev3 shared recorder module: one selector layout for Extension, Call Center,
   Hunt Group, and any shared company recorder surfaces. */
















/* Dev3 Call Center Announcements final: the recorder is now shared, so remove
   the old nested frames that made the page look like the legacy module. */
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section) > div,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section) > div {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) > .aa-tab-panel,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) > .aa-tab-panel {
    margin-left: 0 !important;
    margin-right: auto !important;
}



body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .add_icon,
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .add_button .fa-plus,
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .add_alternative_number .fa-plus,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .add_icon,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .add_button .fa-plus,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .add_alternative_number .fa-plus {
    color: var(--aa-control-icon-neutral, #52657D) !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .v4-feature-row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .v4-feature-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .v4-feature-copy,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .v4-feature-copy {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: calc(100% - 92px) !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, max-content) max-content !important;
    align-items: center !important;
    justify-content: start !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    padding-left: 0 !important;
    text-align: left !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .v4-feature-row > :is(.v4-feature-control, .text-right, .breakout_toggle_fix),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .v4-feature-row > :is(.v4-feature-control, .text-right, .breakout_toggle_fix) {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .v4-feature-copy > :is([class*="_arrow"], .enable_voice_mail_arrow, .hide_toggle),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .v4-feature-copy > :is([class*="_arrow"], .enable_voice_mail_arrow, .hide_toggle) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .v4-feature-name,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .v4-feature-name {
    grid-column: 1 !important;
    grid-row: 1 !important;
    color: #001F4A !important;
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .v4-feature-desc,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .v4-feature-desc {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 62ch !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    color: var(--v4-text-secondary, #4F5B6E) !important;
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
}

/* Final guard: keep Extension Advanced expanded bodies from reverting to
   the old bordered nested panels after later shared Sim Ring rules load.
   Extended (2026-05-11) to also cover #hunt_group_app + #call_center_app —
   without these the Settings-tab feature cards on HG/CC keep their
   collapsed-height (78px) lock even when the toggle is on, which hides
   the Forward To input (and the chevron) inside Call Forwarding Always
   and the other CFS/ACR expansion bodies. */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #advanced .advanced_details > .v4-feature-row:has(> .padded_section_widths:not(.hidden)),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #advanced .advanced_details > .v4-feature-row:has(> .padded_section_widths:not(.hidden)),
body.v4-body .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app) #advanced .advanced_details > div > .aa-call-feature:has(.padded_section_widths:not(.hidden)) .form-group.row:has(> .padded_section_widths:not(.hidden)),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app) #advanced .advanced_details > div > .aa-call-feature:has(.padded_section_widths:not(.hidden)) .form-group.row:has(> .padded_section_widths:not(.hidden)) {
    min-height: 0 !important;
    height: auto !important;
    align-items: flex-start !important;
    gap: 0 18px !important;
    padding: 24px 20px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #advanced .advanced_details > .v4-feature-row > .padded_section_widths:not(.hidden),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #advanced .advanced_details > .v4-feature-row > .padded_section_widths:not(.hidden),
body.v4-body .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app) #advanced .advanced_details > div > .aa-call-feature .form-group.row > .padded_section_widths:not(.hidden),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app) #advanced .advanced_details > div > .aa-call-feature .form-group.row > .padded_section_widths:not(.hidden) {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Dev3 Extension Advanced expanded-state pass.
   Minimized cards already match the new language; these rules remove the
   legacy inner frames and align every opened Advanced feature to the same
   compact field grid used by the polished Calls cards.
   Extended (2026-05-11) to include #hunt_group_app + #call_center_app so
   their Settings-tab feature cards expand identically. */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #advanced .advanced_details > .v4-feature-row:has(> .padded_section_widths:not(.hidden)),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #advanced .advanced_details > .v4-feature-row:has(> .padded_section_widths:not(.hidden)) {
    min-height: 0 !important;
    height: auto !important;
    align-items: flex-start !important;
    gap: 0 18px !important;
    padding: 24px 20px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #advanced .advanced_details > .v4-feature-row:has(> .padded_section_widths:not(.hidden)) > .v4-feature-copy,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #advanced .advanced_details > .v4-feature-row:has(> .padded_section_widths:not(.hidden)) > .v4-feature-copy {
    flex: 1 1 auto !important;
    max-width: calc(100% - 96px) !important;
    margin: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #advanced .advanced_details > .v4-feature-row:has(> .padded_section_widths:not(.hidden)) > .v4-feature-control,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #advanced .advanced_details > .v4-feature-row:has(> .padded_section_widths:not(.hidden)) > .v4-feature-control {
    align-self: flex-start !important;
    margin-top: 2px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #advanced .advanced_details > .v4-feature-row > .padded_section_widths:not(.hidden),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #advanced .advanced_details > .v4-feature-row > .padded_section_widths:not(.hidden) {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* ============================================================
   THE CANONICAL FEATURE CARD - single source of truth.

   Every feature card on every entity (Extension, Call Center,
   Hunt Group, Auto Attendant) is the SAME card. The .aa-call-feature
   wrapper is THE card element: 1px #DDE7F1 border, 8px radius, white
   bg, 12px bottom gap, left-aligned and capped at one column width so
   all four entities match. The inner feature element (pre-alert,
   #office_anywhere, .aa-unified-shell--advanced, the CFS/CFA bodies)
   is FLAT - it never carries its own border/radius/bg - so there is
   never a double border. Do NOT add a per-feature or per-entity card
   rule anywhere else; fix it here.
   ============================================================ */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-call-feature,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-call-feature {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 0 var(--shared-setting-section-gap, 12px) !important;
    padding: 20px 24px !important;
    border: 1px solid var(--aa-flat-section-border, #DDE7F1) !important;
    border-radius: var(--aa-flat-section-radius, 8px) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-call-feature:last-child:not(#advanced-notice .aa-call-feature),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-call-feature:last-child:not(#advanced-notice .aa-call-feature) {
    margin-bottom: 0 !important;
}

/* Equalize column width across the three containers (#advanced,
   #advanced-notice, #call_control) so every card is the same width.
   #advanced's .advanced_details adds side padding that would otherwise
   make its cards narrower; zero it so the card column matches. */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .advanced_details,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .advanced_details {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* The inner feature element is FLAT (the wrapper is the only card).
   Covers .aa-unified-shell--advanced and the legacy .inner_section /
   id-named bodies (#pre-alert, #office_anywhere, #anonymous-rejection,
   #call_forwarding_selective, etc.). */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-call-feature > :is(.aa-unified-shell--advanced, .inner_section),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-call-feature > :is(.aa-unified-shell--advanced, .inner_section) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    /* Inner shell carries NO padding and NO forced/equal height. The
       .aa-call-feature wrapper is the only padded box, so each feature sizes
       to its own content: collapsed (disabled) cards stay short, expanded
       ones grow. Kills the legacy "normalize all advanced cards to one
       height" inflation (most visible on Hunt Group / Call Center, where
       disabled cards were padded out to ~242px). */
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}



/* Expanded call feature interiors. The outer .aa-call-feature is the frame;
   the fields inside it stay clean, without nested cards or divider lines. */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) {
    --aa-call-inner-label-width: 150px;
    --aa-call-inner-control-width: 360px;
    --aa-call-inner-row-height: 34px;
    --aa-call-inner-gap: 14px;
    --aa-cfs-label-width: 150px;
    --aa-cfs-control-width: 280px;
    --aa-cfs-label-size: 13px;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section:not(.hidden), .call_forwarding_no_answer_section:not(.hidden), #busy-settings-area-wrapper:not(.hidden), .simultaneous_content_section:not(.hidden), .busy_lamp_field_section:not(.hidden), .assistance_section:not(.hidden), .departments_section),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section:not(.hidden), .call_forwarding_no_answer_section:not(.hidden), #busy-settings-area-wrapper:not(.hidden), .simultaneous_content_section:not(.hidden), .busy_lamp_field_section:not(.hidden), .assistance_section:not(.hidden), .departments_section) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 14px 0 0 !important;
    padding: 12px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .call_forwarding_selective_content_section:not(.hidden),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .call_forwarding_selective_content_section:not(.hidden) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area-wrapper, #busy-settings-area, .simultaneous_content_section) :is(.padded_section_widths, .subsection, .number_wrapper, .subsection_line, .notify_section, .form-group.row),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area-wrapper, #busy-settings-area, .simultaneous_content_section) :is(.padded_section_widths, .subsection, .number_wrapper, .subsection_line, .notify_section, .form-group.row) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area, .simultaneous_content_section) :is(.col-12.d-flex.slim_row, .form-group.row > .col-12.d-flex),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area, .simultaneous_content_section) :is(.col-12.d-flex.slim_row, .form-group.row > .col-12.d-flex) {
    display: grid !important;
    grid-template-columns: var(--aa-call-inner-label-width) minmax(220px, var(--aa-call-inner-control-width)) minmax(0, 1fr) !important;
    column-gap: var(--aa-call-inner-gap) !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: var(--aa-call-inner-row-height) !important;
    margin: 0 !important;
    padding: 4px 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area, .simultaneous_content_section) :is(.col-12.d-flex.slim_row, .form-group.row > .col-12.d-flex) > label,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area, .simultaneous_content_section) :is(.col-12.d-flex.slim_row, .form-group.row > .col-12.d-flex) > label {
    grid-column: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1B3557 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area, .simultaneous_content_section) :is(.bwa_main_inputs, .schedule_selector_wrapper, .col-12.d-flex.slim_row > div:not(.error_message)),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area, .simultaneous_content_section) :is(.bwa_main_inputs, .schedule_selector_wrapper, .col-12.d-flex.slim_row > div:not(.error_message)) {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: var(--aa-call-inner-control-width) !important;
    min-height: var(--aa-call-inner-row-height) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area, .simultaneous_content_section) :is(input.form-control, select.form-control, .menu_input),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area, .simultaneous_content_section) :is(input.form-control, select.form-control, .menu_input) {
    width: 100% !important;
    max-width: var(--aa-call-inner-control-width) !important;
    height: var(--aa-call-inner-row-height) !important;
    min-height: var(--aa-call-inner-row-height) !important;
    margin: 0 !important;
    border-color: #C6D3E1 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

/* REMOVED 2026-05-25: schedule_selector appearance + chevron override.
   schedule.css lines 72-89 and 267-278 handle appearance: none and the
   custom SVG chevron for ALL schedule selects. This was a redundant
   workaround that used a different chevron (12x8 darker) vs schedule.css
   (10x6 lighter). Killed to centralize in schedule.css. */

/* Toggle-only feature header rows (e.g. Anonymous Rejection): when the
   header row is laid out as flex, the right-hand toggle column loses its
   grid width and collapses to the left instead of sitting at the right
   edge like every other card's toggle. Push it back to the right with an
   auto left-margin. Centralized across all four entities; the Always-style
   toggle (col-1 breakout, already right-aligned) is unaffected. */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-call-feature .form-group.row > [class*="col-"].text-right:has(.switch),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-call-feature .form-group.row > [class*="col-"].text-right:has(.switch) {
    margin-left: auto;
}

/* ============================================================
   Feature module headers (Call Notify, Selective Rejection, etc.)
   The icon + title section headers that match the Pre-alert /
   Office Anywhere subsection-header pattern. Centralized here so
   every feature renders the same module header — no per-feature
   styling. Markup: .aa-subsection-header.aa-feature-module-header
   > .aa-inline-subsection-title > (i.aa-feature-module-icon + label.label).
   ============================================================ */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-feature-module-header,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-feature-module-header {
    margin: 14px 0 8px;
    padding: 0;
    border: 0;
    background: transparent;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-feature-module-header .aa-inline-subsection-title,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-feature-module-header .aa-inline-subsection-title {
    display: flex;
    align-items: center;
    gap: 8px;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-feature-module-header label.label,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-feature-module-header label.label {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #0E2749;
    line-height: 1.3;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-feature-module-icon,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app, #auto_attendant_app) .aa-feature-module-icon {
    color: #F89939;
    font-size: 14px;
    width: 16px;
    text-align: center;
    flex-shrink: 0;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .call_forwarding_no_answer_number_of_rings,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .call_forwarding_no_answer_number_of_rings {
    width: 72px !important;
    max-width: 72px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature #busy-settings-area-wrapper #busy-settings-area,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature #busy-settings-area-wrapper #busy-settings-area {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .call_forwarding_selective_content_section .aa-cfs-card:not(.clone),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .call_forwarding_selective_content_section .aa-cfs-card:not(.clone) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .call_forwarding_selective_content_section .aa-cfs-card.clone,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .call_forwarding_selective_content_section .aa-cfs-card.clone {
    display: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .subsection_line,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .subsection_line {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .form-group.row.slim_row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .form-group.row.slim_row {
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .form-group.row.slim_row > .col-12.d-flex,
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .schedule-selector-row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .form-group.row.slim_row > .col-12.d-flex,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .schedule-selector-row {
    display: grid !important;
    grid-template-columns: var(--aa-cfs-label-width) minmax(220px, var(--aa-cfs-control-width)) minmax(0, 1fr) !important;
    column-gap: var(--aa-call-inner-gap) !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card :is(.aa-cfs-field-label, .schedule-label),
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .schedule-selector-row > label,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card :is(.aa-cfs-field-label, .schedule-label),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .schedule-selector-row > label {
    grid-column: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0E2749 !important;
    font-size: var(--aa-cfs-label-size) !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card :is(.bwa_main_inputs, .schedule_selector_wrapper),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card :is(.bwa_main_inputs, .schedule_selector_wrapper) {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: var(--aa-cfs-control-width) !important;
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card :is(input.form-control, select.form-control, .menu_input),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card :is(input.form-control, select.form-control, .menu_input) {
    width: 100% !important;
    max-width: var(--aa-cfs-control-width) !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    border-color: #C6D3E1 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .aa-cfs-schedule-block,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .aa-cfs-schedule-block {
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .checkbox.extra_small,
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .checkbox.extra_small label.enable,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .checkbox.extra_small,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .checkbox.extra_small label.enable {
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .aa-cfs-delete-row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .aa-cfs-delete-row {
    margin: 10px 0 0 !important;
    padding: 10px 0 0 !important;
    border-top: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .aa-cfs-delete-row .justify-content-between,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .aa-cfs-delete-row .justify-content-between {
    max-width: none !important;
    align-items: center !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.c_top_border, .c_bottom_border, .subsection_line, .subsection_divider_top, .subsection_divider_bottom, .number_wrapper, .location, .has_schedule, .aa-cfs-card, .aa-cfs-delete-row, .call-forwarding-selective-events-area, .time_events, .holiday_events),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.c_top_border, .c_bottom_border, .subsection_line, .subsection_divider_top, .subsection_divider_bottom, .number_wrapper, .location, .has_schedule, .aa-cfs-card, .aa-cfs-delete-row, .call-forwarding-selective-events-area, .time_events, .holiday_events) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.subsection_line, .section_item)::before,
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.subsection_line, .section_item)::after,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.subsection_line, .section_item)::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.subsection_line, .section_item)::after {
    display: none !important;
    content: none !important;
}

/* Final call-feature polish: old extension widgets reuse nested row wrappers
   that draw their own dividers. Keep only the intentional card surfaces. */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area-wrapper, #busy-settings-area, .simultaneous_content_section, .call_forwarding_selective_content_section) :is(.number_wrapper, .subsection_line, .subsection_divider_top, .subsection_divider_bottom, .location, .number, .notify_section, .has_schedule, .form-group.row, .col-12.d-flex, .col-md-12.row, .location_container),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area-wrapper, #busy-settings-area, .simultaneous_content_section, .call_forwarding_selective_content_section) :is(.number_wrapper, .subsection_line, .subsection_divider_top, .subsection_divider_bottom, .location, .number, .notify_section, .has_schedule, .form-group.row, .col-12.d-flex, .col-md-12.row, .location_container) {
    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area-wrapper, #busy-settings-area, .simultaneous_content_section, .call_forwarding_selective_content_section) :is(.number_wrapper, .subsection_line, .subsection_divider_top, .subsection_divider_bottom, .location, .number, .notify_section, .has_schedule, .form-group.row, .col-12.d-flex, .col-md-12.row, .location_container)::before,
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area-wrapper, #busy-settings-area, .simultaneous_content_section, .call_forwarding_selective_content_section) :is(.number_wrapper, .subsection_line, .subsection_divider_top, .subsection_divider_bottom, .location, .number, .notify_section, .has_schedule, .form-group.row, .col-12.d-flex, .col-md-12.row, .location_container)::after,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area-wrapper, #busy-settings-area, .simultaneous_content_section, .call_forwarding_selective_content_section) :is(.number_wrapper, .subsection_line, .subsection_divider_top, .subsection_divider_bottom, .location, .number, .notify_section, .has_schedule, .form-group.row, .col-12.d-flex, .col-md-12.row, .location_container)::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area-wrapper, #busy-settings-area, .simultaneous_content_section, .call_forwarding_selective_content_section) :is(.number_wrapper, .subsection_line, .subsection_divider_top, .subsection_divider_bottom, .location, .number, .notify_section, .has_schedule, .form-group.row, .col-12.d-flex, .col-md-12.row, .location_container)::after {
    display: none !important;
    content: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area-wrapper) > .number_wrapper,
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area-wrapper) .subsection.number_wrapper,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area-wrapper) > .number_wrapper,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, #busy-settings-area-wrapper) .subsection.number_wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .call_forwarding_no_answer_section .slim_row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .call_forwarding_no_answer_section .slim_row {
    padding: 3px 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .call_forwarding_selective_content_section .aa-cfs-card:not(.clone),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .call_forwarding_selective_content_section .aa-cfs-card:not(.clone) {
    margin: 0 !important;
    padding: 0 0 12px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .schedule-selector-row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature .aa-cfs-card .schedule-selector-row {
    padding: 3px 0 !important;
}

/* Call Center / Hunt Group Routing: keep one clean card per setting.
   Internal tables and expanded controls stay flat, so Routing does not
   become a stack of borders inside borders. */
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings > .setting_section.form_container,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings > .setting_section.form_container {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.setting_box, .extension, .form_section.call_settings),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.setting_box, .extension, .form_section.call_settings) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .setting_box > .extension > h5,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .setting_box > .extension > h5 {
    display: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings {
    display: block !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .form-group.row.section_item,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .form-group.row.section_item {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 24px !important;
    border: 1px solid #D7E2EE !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .form-group.row.section_item::before,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .form-group.row.section_item::after,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .form-group.row.section_item::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .form-group.row.section_item::after {
    display: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item > :is(.col-6, .col-sm-8, .col-md-9, .col-12),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item > :is(.col-6, .col-sm-8, .col-md-9, .col-12) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item > .col-6.text-right,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item > .breakout_toggle_fix,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item > .col-6.text-right,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item > .breakout_toggle_fix {
    padding-left: 16px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item .col-form-label.label,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item .col-form-label.label {
    color: #001F4A !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.agent_section, .overflow_area, .threshold_area),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.agent_section, .overflow_area, .threshold_area) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section {
    display: block !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section > .subsection,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section > .subsection {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    border: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table th,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table td,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table th,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table td {
    padding: 10px 14px !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #E2EAF3 !important;
    color: #0E2749 !important;
    vertical-align: middle !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table th,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table th {
    color: #445E82 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
    background: #F8FAFD !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table tr:last-child td,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table tr:last-child td {
    border-bottom: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section .clickable,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section .clickable {
    display: inline-flex !important;
    align-items: center !important;
    height: 28px !important;
    margin-right: 14px !important;
    padding: 0 !important;
    color: #1B5CAD !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item:has(select[name="call_center_policy"]),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item:has(select[name="call_center_policy"]) {
    align-items: flex-start !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings select[name="call_center_policy"],
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings select[name="call_center_policy"] {
    width: 180px !important;
    max-width: 180px !important;
    height: 40px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .call_center_policy_settings,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .call_center_policy_settings {
    display: grid !important;
    grid-template-columns: 185px minmax(0, 240px) minmax(0, 1fr) !important;
    column-gap: 16px !important;
    align-items: center !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .call_center_policy_settings > div,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .call_center_policy_settings > div {
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .call_center_policy_settings input,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .call_center_policy_settings input {
    margin: 0 !important;
    width: 120px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .overflow_area > .d-flex,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .overflow_area > .d-flex {
    display: grid !important;
    grid-template-columns: 220px minmax(0, 360px) minmax(0, 1fr) !important;
    column-gap: 16px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 40px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .overflow_area label,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .overflow_area label {
    width: auto !important;
    margin: 0 !important;
    color: #0E2749 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .overflow_area input,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .overflow_area input {
    margin-left: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .overflow_area input[type="text"],
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .overflow_area input[type="text"] {
    width: 100% !important;
    max-width: 360px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_section > form,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_section > form {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_container,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_container {
    display: grid !important;
    grid-template-columns: 185px minmax(0, 360px) minmax(0, 1fr) !important;
    column-gap: 16px !important;
    align-items: center !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_container > div,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_container > div {
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_container label,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_container label {
    width: auto !important;
    margin: 0 !important;
    color: #0E2749 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_container input,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_container input {
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 !important;
}

/* Routing expanded sections need a title/control row, then full-width content. */
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .form-group.row.section_item.v4-feature-row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .form-group.row.section_item.v4-feature-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-auto-flow: row !important;
    align-items: start !important;
    justify-content: stretch !important;
    column-gap: 16px !important;
    row-gap: 18px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .section_item.v4-feature-row > .v4-feature-copy,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .section_item.v4-feature-row > .v4-feature-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .section_item.v4-feature-row > .v4-feature-copy > :is(.v4-feature-name, .v4-feature-desc),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .section_item.v4-feature-row > .v4-feature-copy > :is(.v4-feature-name, .v4-feature-desc) {
    display: block !important;
    width: 100% !important;
    max-width: 72ch !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .section_item.v4-feature-row > :is(.text-right, .breakout_toggle_fix),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .section_item.v4-feature-row > :is(.text-right, .breakout_toggle_fix) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    margin-left: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .section_item.v4-feature-row > :is(.agent_section, .col-12, .col-md-12, .threshold_area),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .section_item.v4-feature-row > :is(.agent_section, .col-12, .col-md-12, .threshold_area) {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item:has(.overflow_area) > .col-12,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item:has(.overflow_area) > .col-12 {
    margin-top: 2px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item:has(select[name="call_center_policy"]) > .col-md-12,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item:has(select[name="call_center_policy"]) > .col-md-12 {
    margin: 2px 0 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_area,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_area {
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .section_item > .form_section.threshold_section.threshold_area,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .form_section.call_settings > form > .section_item > .form_section.threshold_section.threshold_area {
    width: 100% !important;
    max-width: 100% !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_section > form,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_section > form {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_section > form,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .threshold_section > form {
    max-width: 720px !important;
}

/* Dev3 queue layout parity: Call Center and Hunt Group share the same
   Routing, Announcements, and Notice structure as the AA detail pages. */
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.setting_box, .extension, .form_section.call_settings, .form_section.hunt_settings),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.setting_box, .extension, .form_section.call_settings, .form_section.hunt_settings),
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.setting_section.form_container, .setting_box, .extension, .form_section.call_announcements),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.setting_section.form_container, .setting_box, .extension, .form_section.call_announcements),
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #advanced-notice :is(.setting_section.form_container, .setting_box, .extension, .form_section.advanced_details),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #advanced-notice :is(.setting_section.form_container, .setting_box, .extension, .form_section.advanced_details) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}



body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .setting_box > .extension > h5,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .setting_box > .extension > h5,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .setting_box > .extension > h5,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .setting_box > .extension > h5 {
    display: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.form_section.call_settings, .form_section.hunt_settings),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.form_section.call_settings, .form_section.hunt_settings),
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form_section.call_announcements,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form_section.call_announcements {
    display: block !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.form_section.call_settings, .form_section.hunt_settings) > form,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.form_section.call_settings, .form_section.hunt_settings) > form,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form_section.call_announcements > form,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form_section.call_announcements > form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.form_section.call_settings, .form_section.hunt_settings) > form > .form-group.row.section_item,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.form_section.call_settings, .form_section.hunt_settings) > form > .form-group.row.section_item,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form_section.call_announcements > form > .form-group.row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form_section.call_announcements > form > .form-group.row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 16px !important;
    row-gap: 18px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 24px !important;
    border: 1px solid #D7E2EE !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.form_section.call_settings, .form_section.hunt_settings) > form > .form-group.row.section_item::before,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.form_section.call_settings, .form_section.hunt_settings) > form > .form-group.row.section_item::after,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.form_section.call_settings, .form_section.hunt_settings) > form > .form-group.row.section_item::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.form_section.call_settings, .form_section.hunt_settings) > form > .form-group.row.section_item::after,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form_section.call_announcements > form > .form-group.row::before,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form_section.call_announcements > form > .form-group.row::after,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form_section.call_announcements > form > .form-group.row::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form_section.call_announcements > form > .form-group.row::after {
    display: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.section_item, .form-group.row) > .v4-feature-copy,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.section_item, .form-group.row) > .v4-feature-copy,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form-group.row > .v4-feature-copy,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form-group.row > .v4-feature-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 72ch !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item > :is(.text-right, .breakout_toggle_fix, .v4-feature-control, .col-6.text-right, .col-md-6.text-right),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item > :is(.text-right, .breakout_toggle_fix, .v4-feature-control, .col-6.text-right, .col-md-6.text-right),
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form-group.row > :is(.text-right, .breakout_toggle_fix, .v4-feature-control, .col-6.text-right, .col-md-6.text-right),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form-group.row > :is(.text-right, .breakout_toggle_fix, .v4-feature-control, .col-6.text-right, .col-md-6.text-right) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item > :is(.agent_section, .col-12, .col-md-12, .threshold_area, .overflow_area, .no_answer_enabled_area),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .section_item > :is(.agent_section, .col-12, .col-md-12, .threshold_area, .overflow_area, .no_answer_enabled_area),
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form-group.row > :is(.col-12, .col-md-12, .entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section, .estimated_wait_message_options_read),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .form-group.row > :is(.col-12, .col-md-12, .entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section, .estimated_wait_message_options_read) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .hunt_group_phone_number_container > .d-flex.col-12,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .hunt_group_phone_number_container > .d-flex.col-12 {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .hunt_group_phone_number_container > .d-flex.col-12 .hide_toggle,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .hunt_group_phone_number_container > .d-flex.col-12 .hide_toggle {
    display: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section {
    display: block !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section > .subsection,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section > .subsection {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table {
    width: 100% !important;
    table-layout: fixed !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table th,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table td,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table th,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table td {
    padding: 10px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #E2EAF3 !important;
    color: #0E2749 !important;
    vertical-align: middle !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table thead th,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table thead th {
    background: #F8FAFD !important;
    color: #445E82 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table tbody tr:last-child td,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table tbody tr:last-child td {
    border-bottom: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(select[name="call_center_policy"], select[name="hunt_group_policy"]),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(select[name="call_center_policy"], select[name="hunt_group_policy"]) {
    width: 180px !important;
    max-width: 180px !important;
    height: 40px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.call_center_policy_settings, .hunt_group_policy_settings),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.call_center_policy_settings, .hunt_group_policy_settings) {
    display: grid !important;
    grid-template-columns: 185px minmax(0, 240px) minmax(0, 1fr) !important;
    column-gap: 16px !important;
    align-items: center !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.call_center_policy_settings, .hunt_group_policy_settings) > div,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.call_center_policy_settings, .hunt_group_policy_settings) > div {
    margin: 0 !important;
    padding: 0 !important;
}

/* The rings container has .hunt_group_policy_settings on the SAME element,
   so the 3-column grid rule above applies to it. But this container uses
   its own .cc-routing-fields flex layout and only holds a label + input,
   not three columns. Override the grid to a single full-width column. */
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .hunt_group_no_answer_rings_container.hunt_group_policy_settings,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .hunt_group_no_answer_rings_container.hunt_group_policy_settings {
    grid-template-columns: 1fr !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.call_center_policy_settings, .hunt_group_policy_settings, .no_answer_enabled_area, #forward_area, .overflow_area, .threshold_area),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings :is(.call_center_policy_settings, .hunt_group_policy_settings, .no_answer_enabled_area, #forward_area, .overflow_area, .threshold_area) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section, .estimated_wait_message_options_read) > div,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.entrance_message_content_section, .play_periodic_comfort_message_content_section, .enable_media_on_hold_for_queued_calls_quick_section, .estimated_wait_message_options_read) > div {
    margin-left: 0 !important;
    margin-right: 0 !important;
}



body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.estimated_wait_message_options_read, .estimated_wait_message_options_read .subsection.number_wrapper),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements :is(.estimated_wait_message_options_read, .estimated_wait_message_options_read .subsection.number_wrapper) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Dev3 queue final overrides. Keep this at the end because the queue
   modules reuse selectors from the broader extension layout. */
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table thead,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table thead tr,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table thead th,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table thead,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table thead tr,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table thead th {
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table thead th,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #settings .agent_section table.table thead th {
    border-bottom: 1px solid rgba(228, 234, 242, 0.92) !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .enable_media_on_hold_for_queued_calls_body.hidden,
body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .play_ringing.hidden,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .enable_media_on_hold_for_queued_calls_body.hidden,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .play_ringing.hidden {
    display: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .enable_media_on_hold_for_queued_calls_body,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .enable_media_on_hold_for_queued_calls_body {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .play_ringing,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .play_ringing {
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .play_ringing .d-flex,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#call_center_app, #hunt_group_app) #announcements .play_ringing .d-flex {
    display: grid !important;
    grid-template-columns: 260px auto minmax(0, 1fr) !important;
    column-gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
}























/* Dev3 voicemail/playback final pass. */


























/* Dev3 voicemail parity with Auto Attendant. */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) {
    --aa-advanced-label-width: 170px;
    --aa-advanced-control-width: 360px;
}



























































/* =================================================================
   Voicemail tab framing parity with the AA voicemail tab.
   The Extension / Call Center / Hunt Group voicemail tab rendered
   nested bordered containers (the setting_section, the unified
   shell, AND #voicemail itself), plus a master "Voicemail" enable
   toggle row at the top — the AA voicemail tab strips all of those
   so only the subsection cards (Greeting / Delivery / Caller Options
   / Security / etc.) show. Match that exactly here. The master
   enable toggle stays in the DOM so the form serializes; "+ Features"
   is the canonical place to enable/disable the tab itself.
   ================================================================= */














/* =================================================================
   Calls tab — match the AA Calls tab design exactly.

   AA design (the canonical "Multi-rule feature card" pattern):
   - Outer feature card with its own border (title + sub-description
     + "+" icon + master enable toggle in the header).
   - Each rule renders as its OWN bordered sub-card inside the
     feature card (1px #DDE7F1, 14px radius, 14px 18px 16px padding).
   - Each rule has Enabled / Forward To / Schedule fields plus the
     AA scheduleService events table when a schedule is picked.
   - Each rule ends with a top-bordered "Delete Number / Delete"
     row, where the Delete button is a rounded pink-bordered pill.
   - The master enable toggle stays visible (controls feature on/off).

   For extension / call_center / hunt_group, the existing
   .aa-call-feature wrapper provides the outer feature border. We
   need to:
     1. Strip the OLD outer page frame on #call_control so each
        feature card stands alone (parity with AA's page-level layout).
     2. Apply the AA-style rule-card styling to .aa-cfs-card and
        the bottom Delete row to .aa-cfs-delete-row + Delete pill.
     3. Render the "+" button as a clean icon.

   Scoped to :is(#extension_app, #call_center_app, #hunt_group_app)
   #call_control so when CC / HG add the same features later, parity
   is automatic.
   ================================================================= */

/* 1. Strip the outer Calls-tab page frame */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .form_section.call_control_details,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .form_section.call_control_details {
    padding: 0 !important;
}

/* 2. Feature card padding/margin come from THE canonical .aa-call-feature
      rule above (20px 24px / 12px gap). Do not override them here - that is
      what made #call_control cards differ from #advanced / #advanced-notice. */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature:last-child,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature:last-child {
    margin-bottom: 0 !important;
}

/* 3. Always-expanded for the multi-rule features (CFS) */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature .call_forwarding_selective_content_section,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature .call_forwarding_selective_content_section {
    display: block !important;
}

/* 4. "+" / add button — clean icon, no bordered button */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature button[class*="add_number"],
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature .call_forwarding_selective_add_number,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature button[class*="add_number"],
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature .call_forwarding_selective_add_number {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 4px 8px !important;
    color: #6B7F97 !important;
    font-size: 16px !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature button[class*="add_number"]:hover,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature button[class*="add_number"]:hover {
    color: #001F4A !important;
    background: rgba(0, 31, 74, 0.06) !important;
    border-radius: 6px !important;
}

/* 5. CFS rule cards — borderless subsections with dotted separators.
   No inner card borders (avoids double border with outer .aa-call-feature).
   The card is positioned relative for the per-rule trash icon. */
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature .call_forwarding_selective_content_section .aa-cfs-card:not(.clone),
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature .call_forwarding_selective_content_section .aa-cfs-card:not(.clone) {
    position: relative !important;
    padding: 0 0 12px !important;
    margin: 0 !important;
}
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature .call_forwarding_selective_content_section .aa-cfs-card:not(.clone):last-of-type,
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature .call_forwarding_selective_content_section .aa-cfs-card:not(.clone):last-of-type {
    margin-bottom: 0 !important;
}
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card.clone,
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card.clone {
    display: none !important;
}

/* Strip any inner borders / backgrounds the embedded scheduleService
   draws around the events area — the rule card frame is the only frame. */
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .call-forwarding-selective-events-area,
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .schedule_container,
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .time_schedule_sub_container {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 6. Rule header — title + sub-description on the left, leave room for trash icon top-right */



/* 7. Per-rule delete — top-right icon-only button (replaces the bottom "Delete Number / Delete" row).
   The .aa-cfs-delete-row stays in DOM (the existing JS click handler on the inner button drives the
   delete flow); we just absolutely-position it to the top-right of the card, hide the "Delete Number"
   label, and re-skin the button as an icon-only trash button using a masked SVG. */
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-delete-row,
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-delete-row {
    position: absolute !important;
    top: 12px !important;
    right: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: block !important;
}
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-delete-row > div,
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-delete-row > div {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-delete-row > div > label,
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-delete-row > div > label {
    display: none !important;
}
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-delete-row .remove_call_forwarding_selective_number,
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-delete-row .remove_call_forwarding_selective_number {
    background: transparent !important;
    border: 1px solid rgba(219, 228, 239, 0.9) !important;
    border-radius: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #6B7F97 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-delete-row .remove_call_forwarding_selective_number::before,
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-delete-row .remove_call_forwarding_selective_number::before {
    content: '' !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    background: currentColor !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-delete-row .remove_call_forwarding_selective_number:hover,
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-delete-row .remove_call_forwarding_selective_number:hover {
    color: #B91C1C !important;
    border-color: #FCA5A5 !important;
}

/* 8. Field rows — equal-width labels, tighter rhythm */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-field-label,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .aa-cfs-field-label {
    width: 110px !important;
    min-width: 110px !important;
    margin-top: 0 !important;
    flex: 0 0 110px !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .slim_row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .slim_row {
    margin-bottom: 10px !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .slim_row > .col-12,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .slim_row > .col-12 {
    align-items: center !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .bwa_main_inputs,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-cfs-card .bwa_main_inputs {
    flex: 1 !important;
    max-width: 360px !important;
}

/* CFS border parity guard — non-schedule CFS controls only.
   schedule_container internal controls removed 2026-05-25:
   schedule.css is the single source of truth for all schedule form-control styling. */
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card :is(input.form-control, select.form-control, .menu_input),
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card :is(input.form-control, select.form-control, .menu_input),
html body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_add_number,
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_add_number {
    background-color: #FFFFFF !important;
    border-color: #C6D3E1 !important;
    border-style: solid !important;
    border-width: 1px !important;
    box-shadow: none !important;
    opacity: 1 !important;
    outline: 0 !important;
}

html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .schedule_container .table-responsive {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
}

html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .schedule_container table.bordered-table-head {
    min-width: 1040px !important;
}

html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .schedule_container :is(table.bordered-table-head, table.bordered-table-head tr, table.bordered-table-head th, table.bordered-table-head td, .time_wrapper, .schedule-action-buttons, .independent_row_styles) {
    white-space: nowrap !important;
}

html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .schedule_container :is(.time_wrapper, .schedule-action-buttons, .independent_row_styles) {
    flex-wrap: nowrap !important;
}


/* ============================================================
   AUTO ATTENDANT - CALL FORWARDING SELECTIVE
   Centralized from auto_attendant_editable.css.
   The inner #call_forwarding_selective stays flat so there is no
   double border with the .aa-call-feature wrapper above.
   ============================================================ */
/* Feature-card frame (border/radius/bg/padding/margin) is CENTRALIZED on the
   .aa-call-feature wrapper in entity_shared.css. The inner #call_forwarding_selective
   stays flat so there is no double border. Do not re-add a card here. */
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .form-group.row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 18px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .form-group.row > .col-4,
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .form-group.row > .col-8,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .form-group.row > .col-4,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .form-group.row > .col-8 {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .form-group.row > .main_label,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .form-group.row > .main_label {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 44px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_arrow,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_arrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: 0 !important;
    /* AA shows CFS always-expanded — disable the chevron toggle interaction.
       Merged here 2026-06-09 from auto_attendant_editable.css. */
    cursor: default !important;
    pointer-events: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_arrow img,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_arrow img {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_arrow label,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_arrow label {
    color: #102949 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .main_label .v4-feature-desc,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .main_label .v4-feature-desc {
    color: #7186A4 !important;
    font-size: 13.5px !important;
    line-height: 20px !important;
    margin: 4px 0 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_header_actions,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_header_actions {
    gap: 10px !important;
    margin: 0 !important;
    align-items: center !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_header_actions > .switch,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_header_actions > .switch {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_header_actions > .error_message:empty,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_header_actions > .error_message:empty {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_add_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_add_number {
    width: auto !important;
    min-width: 104px !important;
    height: 36px !important;
    min-height: 36px !important;
    border: 1px solid #C9D8E8 !important;
    border-radius: 6px !important;
    background: #FFFFFF !important;
    color: #102949 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_add_number::after,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_add_number::after {
    content: "Add Rule";
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_add_number:hover,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_add_number:hover {
    border-color: #AFC3D9 !important;
    background: #F8FAFD !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .call_forwarding_selective_content_section:not(.hidden),
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .call_forwarding_selective_content_section:not(.hidden) {
    display: grid !important;
    gap: 16px !important;
    width: 100% !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    /* border, margin, padding controlled by entity_shared.css */
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card:not(.clone),
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card:not(.clone) {
    border: 1px solid #DDE7F1 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    background: #FFFFFF !important;
    padding: 18px !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card-delete-wrap,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card-delete-wrap {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card-delete,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card-delete {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border: 1px solid #D5E1EE !important;
    border-radius: 7px !important;
    background: #FFFFFF !important;
    color: #52657D !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card-delete svg,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card-delete svg {
    width: 16px !important;
    height: 16px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card-delete:hover,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card-delete:hover {
    border-color: #F2B8B5 !important;
    background: #FFF7F7 !important;
    color: #D12A2A !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .subsection_line,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .subsection_line {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row,
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule-selector-row,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule-selector-row {
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* CFS grid override REMOVED (was 150px / 380px). Grid is centralized in
   company/shared/css/entity_shared.css (var-based 150px / 280px, matches voicemail). */

/* CFS label / wrapper / field styling REMOVED (was 14px/700 labels, 40px/8px/#C9D8E8 fields).
   Centralized in company/shared/css/entity_shared.css to match the voicemail settings rows
   (labels 13px/600/#1B3557, fields 34px/7px/#C6D3E1). Do NOT re-add entity-specific CFS styling here. */

/* CFS rule enable: restyled as toggle switch to match voicemail/CFA toggles */
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small {
    position: relative !important;
    display: inline-block !important;
    width: 38px !important;
    height: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small .enable,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small .enable {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small .enable input {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small .checkbox_icon_wrapper,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small .checkbox_icon_wrapper {
    position: absolute !important;
    inset: 0 !important;
    width: 38px !important;
    height: 22px !important;
    border: none !important;
    border-radius: 999px !important;
    background: #CBD5E1 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    display: block !important;
    color: transparent !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small .checkbox_icon_wrapper::after,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small .checkbox_icon_wrapper::after {
    content: '' !important;
    position: absolute !important;
    left: 3px !important;
    top: 3px !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
    transition: transform 0.2s !important;
    transform: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small input:checked + .checkbox_icon_wrapper,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small input:checked + .checkbox_icon_wrapper {
    background: var(--v4-navy, #0E2749) !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small input:checked + .checkbox_icon_wrapper::after,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small input:checked + .checkbox_icon_wrapper::after {
    transform: translateX(16px) !important;
    border: none !important;
    width: 16px !important;
    height: 16px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small .icon_checkmark,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small .icon_checkmark {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .call-forwarding-selective-events-area,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .call-forwarding-selective-events-area {
    margin-top: 14px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

/* schedule_container margin/border/btn/caret overrides DELETED — centralized in schedule.css (Phase 2) */

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .aa-cfs-delete-row,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .aa-cfs-delete-row {
    display: none !important;
}
@media (max-width: 900px) {
    body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .form-group.row,
    body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row > .col-12.d-flex,
    body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row > .col-12.d-flex,
    body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule-selector-row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule-selector-row {
        grid-template-columns: minmax(0, 1fr) !important;
        row-gap: 8px !important;
    }

    body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .bwa_main_inputs,
    body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule_selector_wrapper,
    body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .bwa_main_inputs,
    body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule_selector_wrapper {
        max-width: none !important;
    }
}

/* ============================================================
   ENTITY FAMILY STYLES (from auto_attendant_inline.css)
   Originally extracted from AA / CC / HG inline <style> blocks,
   plus shared detail-page refinements.
   ============================================================ */

/*
 * Auto-attendant family page styles extracted from legacy inline <style> blocks.
 *
 * Source:
 * - auto_attendant/modules/auto_attendant.php
 * - call_center/modules/call_center.php
 * - hunt_group/modules/hunt_group.php
 */


/* ===== BEGIN
auto_attendant/modules/auto_attendant.php
 ===== */
    .call_forwarding_selective_content_section {
        margin-left: 50px !important;
        padding-left: 0 !important;
    }

    .call-forwarding-selective-events-area {
        margin-top: 20px;
    }

    .submenu_container {
        margin-left: 50px !important;
        padding-left: 0 !important;
        margin-bottom: 0 !important;
    }

    .submenu-container td {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    

    .time_schedule_sub_container,
    .holiday_menu_container,
    .after_menu_container,
    .business_menu_container {
        margin-left: 50px !important;
    }

    #header_app .header {
        z-index: 0;
    }

    .header-toggler-opened,
    .header-toggler-opened label,
    .header-toggler-opened,
    .header-toggler-closed label {
        cursor: pointer;
    }

    .form-group .header-toggler-opened,
    .form-group .header-toggler-closed {
        margin-left: 0 !important;
    }

    .form-group .header-toggler-opened img,
    .form-group .header-toggler-closed img {
        margin-left: 5px !important;
    }



    .key_menu_modal .submitting .spinner.submit_spinner {
        margin-top: -70px;
    }

    #call_forwarding_selective .time_schedule_sub_container {
        margin-left: 0 !important;
    }

    



    

    /* REMOVED: .schedule_container .error override. schedule.css handles error visibility. */

    #holiday .schedule_template_dropdown {
        display: none !important;
    }

    #business_menu_table td,
    #business_menu_table th {
        white-space: nowrap;

    }

    .setting_section.form_container {
        position: relative;

    }

    .absolute-status {
        color: rgb(0, 200, 0);
        position: absolute;
        right: 40px;
        top: 17px;
        font-size: 16px;
    }

    .play_loader {
        margin-left: -4px;
        animation: spin-animation 0.5s infinite;
        animation-timing-function: linear;
        display: inline-block;
        margin-top: 2.5px;
        margin-right: 2.5px;

    }

    

    

    

    

    

    


    

    

    

    

    

    

    @keyframes spin-animation {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(359deg);
        }
    }

    

    

    .alternate_number_arrow {
        display: block !important;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    #submenu .notify_section {
        padding-left: 45px;
    }

    .bordered-table-head thead tr {
        background-color: #f0f0f0;
    }

    .bordered-table-head tbody:before {
        content: "@";
        display: block;
        line-height: 10px;
        text-indent: -99999px;
    }


    .bordered-table-head thead th {
        padding-bottom: 3px !important
    }



    .dropdown-header {
        padding: 6px 10px 0px 10px;
        font-weight: bold;
        color: black;
    }

    

    

    

    

    


    

    

    

    

    

    

    

    

    .subsection.number_wrapper label {
        line-height: 1px;
        ;
    }

    .subsection_line {
        border-left: none !important;
        ;
    }

    .call_forwarding_selective_content_section .number_wrapper:nth-child(2) {
        border-top: none;
    }

    .call_forwarding_selective_time_schedule_selector {
        margin-right: unset !important;
    }

    .remove_call_forwarding_selective_number {
        border: 1px solid #e1e1e1;
        padding: 1px 11px;
    }

    .btn.edit_event_recur,
    .btn.time_schedule_remove {
        margin-top: 0;
        border: 1px solid #c9c9c9;
        line-height: 1px;
        padding: 2px 3px !important;
    }

    .subsection.number_wrapper {
        max-width: unset !important;
    }

    .schedule .status_circle {
        padding-top: unset !important;
        top: unset !important;
    }

    .c_no_border {
        border: 0px !important;
    }

    .c_bottom_border {
        border-bottom: 1px solid rgb(232, 233, 235) !important
    }

    .c_top_border {
        border-top: 1px solid rgb(232, 233, 235) !important
    }

    

    .btn.btn-save.add_button.add_row,
    .btn.dropdown-toggle.btn-save.add_button {
        padding-top: 0 !important;
        padding-bottom: 0 !important;

    }

    .section_item:not(.last):before,
    .section_item:not(.last):after {
        display: none !important;
    }

    .section_item,
    .section_item .col-form-label {
        min-height: unset !important;
        line-height: 0 !important;
    }


    

    

    .call_forwarding_selective_content_section .subsection:nth-last-child(2) {
        border-bottom: none !important;
    }

    

    .schedule_delete button {
        margin-top: -6px;
    }

    

    /* REMOVED: .schedule_container table thead border override (#dadada). schedule.css is source of truth. */

    /* Final AA page-wide polish */
    #auto_attendant_app .section_item,
    #auto_attendant_app .section_item .col-form-label,
    #auto_attendant_app .subsection label:not(.switch),
    #auto_attendant_app .number_wrapper label,
    #auto_attendant_app .submenu-container label {
        line-height: 1.2 !important;
    }

    #auto_attendant_app .section_item .col-form-label,
    #auto_attendant_app .subsection label:not(.switch) {
        min-height: 38px !important;
        display: inline-flex;
        align-items: center;
        margin: 0;
    }

    

    

    

    

    

    

    #profile-section #alternative_number {
        width: calc(100% - 44px) !important;
        max-width: 980px !important;
        margin: 14px 0 0 44px !important;
        padding: 18px 18px 16px !important;
        border: 1px solid rgba(220, 227, 236, 0.92) !important;
        border-radius: 3px;
        background: rgba(255, 255, 255, 0.99);
        box-shadow: 0 18px 28px -30px rgba(17, 42, 75, 0.4);
    }

    #profile-section #alternative_number .alternative_number_main,
    #profile-section #alternative_number .alternative_number_wrapper .alternativenumber {
        width: 392px !important;
        max-width: 392px !important;
        margin: 0 0 12px !important;
    }

    #profile-section #alternative_number .alternativenumber {
        justify-content: flex-start !important;
        gap: 12px;
    }

    #profile-section #alternative_number .form-group.row {
        display: flex;
        align-items: center;
        margin-bottom: 12px !important;
    }

    #profile-section #alternative_number .form-group.row>.col-4 {
        flex: 0 0 160px;
        max-width: 160px;
        padding-right: 14px;
    }

    #profile-section #alternative_number .form-group.row>.col-8 {
        flex: 1 1 auto;
        max-width: calc(100% - 160px);
    }

    #profile-section #alternative_number .form-control,
    #profile-section #alternative_number select {
        height: 38px !important;
        min-height: 38px !important;
        border-radius: 3px !important;
    }

    #profile-section #alternative_number .remove_alternative_number {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        border: 1px solid rgba(200, 212, 225, 0.98) !important;
        border-radius: 3px !important;
        background: #ffffff;
        box-shadow: 0 14px 22px -24px rgba(17, 42, 75, 0.4);
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 0 12px !important;
    }

    #profile-section #alternative_number .add_alternative_number {
        margin-top: 6px !important;
    }

    

    

    #submenu .submenu_details>.col-12 {
        padding: 0 !important;
    }

    #submenu .submenu-container {
        width: calc(100% - 44px) !important;
        max-width: 980px !important;
        margin: 0 0 14px 44px !important;
        padding: 14px 18px 18px !important;
        border: 1px solid rgba(220, 227, 236, 0.92) !important;
        border-radius: 3px;
        background: rgba(255, 255, 255, 0.99);
        box-shadow: 0 18px 28px -30px rgba(17, 42, 75, 0.4);
    }

    #submenu .submenu-container>.row:first-child {
        margin: 0 0 12px !important;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(231, 237, 244, 0.9);
    }

    #submenu .submenu-container .submenu-toggler .label {
        font-weight: 700;
    }

    #submenu .submenu-container .submenu-toggler {
        pointer-events: none;
        cursor: default;
    }

    #submenu .submenu-container .submenu-toggler img {
        display: none !important;
    }

    #submenu .submenu-container>.row.hidden {
        display: flex !important;
    }

    #submenu .submenu-container .sb-np td {
        padding: 0 !important;
        border: 0 !important;
        vertical-align: top;
    }

    #submenu .submenu-container .sb-np.hidden {
        display: table-row !important;
    }

    

    #submenu .submenu-container .submenu_container {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #submenu .submenu-container .table-responsive {
        margin: 0 !important;
        overflow: visible !important;
    }

    #submenu .submenu-container thead th {
        background: #f8fbff !important;
        border-bottom: 1px solid rgba(228, 234, 242, 0.92) !important;
        padding: 11px 10px !important;
    }

    #submenu .submenu-container tbody td {
        padding: 8px 10px !important;
        border-bottom: 1px solid rgba(231, 237, 244, 0.9) !important;
        vertical-align: middle !important;
    }

    #submenu .submenu-container tbody tr:last-child td {
        border-bottom: 0 !important;
    }

    #submenu .submenu-container .menu-key-chip {
        width: 32px;
        min-width: 32px;
        height: 32px;
        border: 1px solid rgba(200, 212, 225, 0.98);
        border-radius: 3px;
        background: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        color: #11315f;
    }

    #submenu .submenu-container .edit_submenu_name,
    #submenu .submenu-container .delete_submenu {
        width: 38px;
        min-width: 38px;
        height: 38px;
        border: 1px solid rgba(200, 212, 225, 0.98);
        border-radius: 3px;
        background: #ffffff;
        box-shadow: 0 14px 22px -24px rgba(17, 42, 75, 0.4);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 0 !important;
    }

    

    

    

    

    

    

    

    

    

    

    #advanced .has_schedule {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #advanced .has_schedule>.form-group {
        margin: 0 !important;
        padding: 0 0 14px !important;
        border: 0 !important;
        background: transparent !important;
    }

    #advanced .has_schedule .schedule-selector-row {
        margin: 0 !important;
        padding: 0 !important;
        gap: 12px;
    }

    #advanced .has_schedule .schedule-label {
        width: 118px;
        min-width: 118px;
        margin: 0 !important;
        display: inline-flex;
        align-items: center;
    }

    #advanced .has_schedule .schedule_selector_wrapper {
        display: flex;
        align-items: center;
        min-height: 38px;
    }

    #advanced .has_schedule [class*='events-area'] {
        margin: 0 !important;
        padding: 14px 0 0 !important;
    }

    /* Schedule mobile responsive overrides DELETED — centralized in schedule.css (Phase 3) */
    #advanced .call_forwarding_selective_content_section .subsection.number_wrapper+.subsection.number_wrapper {
        margin-top: 14px !important;
    }

    

    

    

    #advanced .call_forwarding_selective_content_section .call_forwarding_selective_forward_to_phone_number {
        width: 190px;
    }

    #advanced .remove_call_forwarding_selective_number_parent {
        margin-top: 16px !important;
        padding-top: 16px !important;
        border-top: 1px solid rgba(231, 237, 244, 0.9) !important;
    }

    /* Third-pass refinement: tighten AA alignment, simplify greeting dividers,
       and keep archived schedules out of the main working view by default. */
    .absolute-status {
        right: 28px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

    

    

    

    

    

    

    

    #profile-section #alternative_number .alternative_number_main,
    #profile-section #alternative_number .alternative_number_wrapper .alternativenumber,
    #profile-section #alternative_number .form-group.row {
        margin-bottom: 6px !important;
    }

    #profile-section #alternative_number .form-group.row>.col-4 {
        display: flex;
        align-items: center;
        min-height: 38px;
    }

    #profile-section #alternative_number .alternative_number_wrapper {
        margin-bottom: 0 !important;
    }

    #profile-section #alternative_number .alternative_number_wrapper .form-group.row {
        margin-bottom: 0 !important;
    }

    #profile-section #alternative_number .remove_alternative_number {
        margin: 0 !important;
    }

    #profile-section #alternative_number .add_alternative_number {
        margin-top: 2px !important;
    }

    

    

    

    

    

    #advanced .aa-embedded-announcement,
    #advanced .aa-cfs-schedule-block {
        width: 100%;
        margin: 0 !important;
    }

    #advanced .aa-cfs-schedule-block,
    #advanced .call-forwarding-selective-events-area {
        margin-top: 14px !important;
        padding-top: 14px !important;
        border-top: 1px solid rgba(231, 237, 244, 0.9) !important;
    }

    #advanced .call_forwarding_selective_content_section>.subsection.number_wrapper {
        padding: 16px 18px !important;
    }

    #advanced .call_forwarding_selective_content_section .subsection_line {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    #advanced .call_forwarding_selective_content_section .form-group.row.align-items-center.slim_row .col-12,
    #advanced .call_forwarding_always_section .aa-inline-field-row {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    #advanced .aa-cfs-field-label,
    #advanced .call_forwarding_always_section .label {
        width: 126px !important;
        min-width: 126px;
        margin: 0 !important;
        display: inline-flex;
        align-items: center;
    }

    #advanced .call_forwarding_selective_content_section .form-group.row.align-items-center.slim_row .col-12 label {
        margin-top: 0 !important;
    }

    #advanced .call_forwarding_selective_content_section .bwa_main_inputs {
        min-height: 38px;
        flex-wrap: wrap;
    }

    #advanced .call_forwarding_selective_content_section .checkbox.extra_small {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        margin: 0;
    }

    #advanced .call_forwarding_selective_content_section .call_forwarding_selective_forward_to_phone_number,
    #advanced .call_forwarding_always_section input.form-control {
        width: 180px !important;
    }

    #advanced .call_forwarding_selective_header_actions {
        gap: 12px;
        margin-bottom: 0 !important;
    }

    #advanced .call_forwarding_selective_add_number {
        margin-right: 0 !important;
    }

    #advanced .remove_call_forwarding_selective_number_parent .justify-content-between {
        max-width: 320px !important;
        align-items: center;
    }

    #advanced .remove_call_forwarding_selective_number_parent label {
        margin: 0 !important;
        display: inline-flex;
        align-items: center;
    }

    /* Fourth-pass refinement: bring Submenus and Pre-alert onto the same
       subsection rhythm as the approved After Hours layout. */
    #submenu .aa-submenu-body {
        width: 100%;
        margin: 0 !important;
    }

    #submenu .aa-submenu-body>.notify_section {
        width: 100%;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    #submenu .aa-submenu-section--menu {
        padding-top: 2px;
    }

    

    

    

    

    

    /* Sixth-pass refinement: make After Hours the visual reference point
       by flattening the extra inner cards and aligning the schedule grid
       directly to the main section shell. */
    #after-hours .aa-unified-shell {
        padding: 20px 22px 20px !important;
    }

    #after-hours .aa-unified-shell>.form-group+.form-group {
        margin-top: 20px !important;
        padding-top: 20px !important;
    }

    

    

    

    

    

    

    /* Fifth-pass refinement: unify the main AA sections under one visible
       working shell with subsection dividers instead of separate mini-cards. */
    #business .aa-unified-shell,
    #after-hours .aa-unified-shell,
    #holiday .aa-unified-shell {
        width: calc(100% - 44px);
        max-width: 980px;
        margin: 14px 0 0 44px !important;
        padding: 18px !important;
        border: 1px solid rgba(220, 227, 236, 0.92) !important;
        border-radius: 3px !important;
        background: rgba(255, 255, 255, 0.99) !important;
        box-shadow: 0 18px 28px -30px rgba(17, 42, 75, 0.4);
    }

    #business .aa-unified-shell>.form-group,
    #after-hours .aa-unified-shell>.form-group,
    #holiday .aa-unified-shell>.form-group {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    

    

    

    

    

    

    #business .aa-unified-shell .table-responsive,
    #after-hours .aa-unified-shell .table-responsive,
    #holiday .aa-unified-shell .table-responsive,
    #business .aa-unified-shell .business_menu_container,
    #after-hours .aa-unified-shell .after_menu_container,
    #holiday .aa-unified-shell .holiday_menu_container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    

    

    

    

    

    /* Sixth-pass follow-up overrides after the shared unified-shell rules. */
    #after-hours .aa-unified-shell {
        padding: 20px 22px 20px !important;
    }

    #after-hours .aa-unified-shell>.form-group+.form-group {
        margin-top: 20px !important;
        padding-top: 20px !important;
    }

    

    

    /* Seventh-pass refinement: make subsection headers unmistakable and
       consistent across Greeting / Menu / Schedule inside one main shell. */
    

    

    

    

    

    

    

    /* Eighth-pass refinement: flatten Business/Holiday internals so all
       main AA sections follow the same one-shell section model as After Hours. */
    #business .aa-unified-shell,
    #holiday .aa-unified-shell {
        padding: 20px 22px 20px !important;
    }

    

    

    

    

    

    /* Final polish: soften density under subsection headers and in menu rows. */
    

    

    #submenu .aa-submenu-header {
        margin-bottom: 16px !important;
        padding-bottom: 14px !important;
    }

    

    

    /* Divider refinement: let subsection headers own the separation,
       instead of slicing the greeting content between recordings/actions. */
    

    

    

    

    

    /* Final AA structure pass: one visual divider per subsection header,
       no duplicate top borders, and no row-rule clutter inside menu tables. */
    

    

    

    

    

    

    

    

    

    

    

    /* Rail correction: remove the leftover menu row rules and make the
       first menu column sit inside the same inner rail as Greeting labels. */
    

    

    

    

    

    

    

    

    

    

    

    

    /* ============================================================
       Frame parity (April 2026): bring Profile, Submenus, and each
       Advanced feature subsection onto the same card frame as
       Business / After Hours / Holiday. The base shell visuals come
       from the existing #business / #after-hours / #holiday rules
       above; these selectors extend those rules to the new sections,
       then add per-variant tweaks where the inner content differs.
       ============================================================ */
    

    /* Profile variant — host the existing form-rows inside the card
       cleanly. The legacy rows already paint their own bottom rules
       via .c_bottom_border, so just neutralize the leftover negative
       margins and excessive padding so they sit flush in the card. */
    #profile-section .aa-unified-shell--profile {
        padding: 14px 22px 6px !important;
    }
    #profile-section .aa-unified-shell--profile > .form-group {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    #profile-section .aa-unified-shell--profile > .form-group:last-child {
        border-bottom: 0 !important;
    }

    /* Submenu variant — each submenu's body becomes a card. Cancel
       the negative margins inside submenu-greeting / submenu-menu
       cards since they no longer need to peek out of a parent. */
    
    

    /* Advanced variant — each feature (Pre-alert, CFA, CFS, Anon
       Rejection, Voicemail) is its own card. Cancel the legacy
       c_top_border / c_bottom_border underlines that would now
       double up with the card border. */
    /* Inner stays FLAT - no border, radius, bg or own margin - so there is no
       double border, on mobile or desktop. The card frame lives on the
       .aa-call-feature wrapper. */
    #advanced .aa-unified-shell--advanced,
    #advanced .aa-unified-shell--advanced.c_bottom_border,
    #advanced .aa-unified-shell--advanced.c_top_border,
    #advanced .aa-unified-shell--advanced + .aa-unified-shell--advanced {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    /* Pre-alert keeps its inner aa-prealert-layout for the
       greeting + schedule subsections — null out the legacy
       inner card frame so it doesn't double-frame inside our
       new outer card. */
    
    /* Anonymous Rejection has no expandable body. Inner stays flat (padding 0);
       the .aa-call-feature wrapper provides the card padding. */
    #advanced .aa-unified-shell--advanced#anonymous-rejection {
        padding: 0 !important;
    }
    #advanced .aa-unified-shell--advanced#anonymous-rejection .form-group {
        margin-bottom: 0 !important;
    }
    /* CFA / Voicemail — the title+toggle row sits inside the card,
       so kill the legacy c_no_border sibling spacing that would
       otherwise leave dead air inside the card. */
    #advanced .aa-unified-shell--advanced > .form-group {
        margin: 0 !important;
    }
    #advanced .aa-unified-shell--advanced > .form-group > .col-12.padded_section_widths {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* ============================================================
       Greeting selector row — stable flex layout

         Recordings: [dropdown]  [Apply] [Cancel] [pencil]

       The row toggles button visibility based on the New + flow.
       Switch the row to flex with gap so buttons can't overlap
       each other (or the dropdown), so spacing stays uniform when
       Apply / Cancel / Edit pop in and out, and so the row wraps
       cleanly instead of overflowing on narrow viewports.
       Replaces a stack of inline `margin-left:5px` patches in the
       five greeting templates (business / after / holiday /
       submenus / pre-alert).
       ============================================================ */
    
    
    
    
    /* Per-key Play / Stop / Edit row inside the menu table cells —
       same flex+gap treatment so the icons line up cleanly without
       relying on the legacy inline `style="margin-top:0px"` on
       every button. */
    
    

    /* ============================================================
       Card internals — final polish so each section's content
       breathes inside its frame instead of looking pasted in.
       ============================================================ */

    /* Profile card — clean form-row rhythm. The legacy
       c_bottom_border on each row paints its own divider; lift the
       last one off so the card border can carry the bottom edge. */
    #profile-section .aa-unified-shell--profile > .form-group {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #profile-section .aa-unified-shell--profile > .form-group:last-child {
        margin-bottom: 0 !important;
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    #profile-section .aa-unified-shell--profile > .form-group .col-form-label.label {
        font-weight: 600;
        color: #163658;
    }

    /* Advanced cards — each feature's title row should sit at the
       top of the card with consistent vertical padding. The legacy
       `style="padding-top:14px;padding-bottom:11px"` patches on the
       header rows fight uneven heights inside a card; normalize. */
    

    /* Pre-alert inner subsections (Greeting / Schedule) — match the
       subsection-header style used in the main shell sections so
       the visual hierarchy is the same everywhere. */
    
    
    

    /* Voicemail vm-setting rows — give them consistent vertical
       rhythm inside the card. Previously ran on inherited margins
       from .vm-setting-row (line ~356) plus inline styles. */
    
    
    
    

    /* CFS (Call Forwarding Selective) per-criteria sub-cards —
       inside the Advanced card, neutralize the legacy
       `style="margin-left:-4px"` so each criteria sits flush with
       the Advanced card's inner padding. */
    #advanced .aa-unified-shell--advanced .aa-cfs-card {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    /* Submenu card — the per-submenu body card. Match outer card
       padding and ensure the inner Greeting / Menu subsections sit
       cleanly without mid-card stripes from the legacy menu-table
       row borders. */
    

    /* ============================================================
       Pass 36e — specificity fix for the outer card frames.

       v4_design.css contains
       `body.v4-body #v4-app .v4-content [id$="_app"] .aa-unified-shell`
       rules that intentionally FLATTEN .aa-unified-shell (border:0,
       background:transparent) so Business / After / Holiday show
       only the inner subsection layout, not an outer card.

       For Profile / Submenu / Advanced we DO want a visible outer
       card. The Phase 1 rules above lost the cascade against the
       v4 flattener. These selectors carry enough specificity to
       beat it: body.v4-body (1) + .v4-content (1) + #auto_attendant_app (1)
       + #section_id (1) + .aa-unified-shell--variant (1).

       Also null the legacy aa-prealert-layout / submenu-card
       borders that previously painted a card-in-card.
       ============================================================ */

    /* Outer cards must paint border + bg + shadow, beating the
       v4_design.css flattener. */
    

    /* Profile card slimmer top padding so the first row sits close
       to the top edge instead of leaving dead space. */
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-unified-shell--profile {
        padding: 14px 22px 6px !important;
    }

    /* Anonymous Rejection — single-row feature; keep the card
       slim so it doesn't look empty. */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced#anonymous-rejection {
        padding: 4px 22px !important;
    }

    /* Kill the legacy aa-prealert-layout card frame so the outer
       Pre-alert card is the ONLY card (no card-in-card). The Pass 5
       rule at line 1781 was being beaten by a v4_design rule that
       repaints aa-prealert-layout with border + bg + shadow. */
    

    /* Submenu card inner Greeting/Menu subsection cards — same
       null-out so the outer aa-unified-shell--submenu is the only
       visible frame. */
    

    /* Card spacing inside the section accordion body — let the
       accordion container provide its own padding instead of the
       card carrying a 44px hard left margin. */
    body.v4-body .v4-content #auto_attendant_app #advanced .form_section.advanced_details > div > .aa-unified-shell--advanced + .aa-unified-shell--advanced {
        margin-top: 14px !important;
    }

    /* ============================================================
       Pass 36f — kill card-in-card on CFA / CFS / Voicemail and
       normalize all 5 Advanced feature cards to the same height
       and structure when collapsed.

       v4_design.css paints `.form-group.row[id$="_always"]` and
       `.form-group.row#voicemail` and `.call_forwarding_selective_content_section`
       as their own framed cards. Inside our new outer
       aa-unified-shell--advanced that creates a card-in-card. Null
       them out so the outer card is the single visible frame.
       ============================================================ */

    /* Null out the inner-frame rules from v4_design.css for the
       three culprits: CFA title row, Voicemail title row, CFS
       expandable content section. Keep the title rows flush inside
       the outer card. */
    

    /* Inner stays flat (padding/margin 0); the .aa-call-feature wrapper
       provides the card padding and spacing. */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced#anonymous-rejection {
        padding: 0 !important;
        margin: 0 !important;
        min-height: 0 !important;
    }

    /* Uniform title-row layout inside each card: the feature
       title sits left, description sits below it, the toggle
       switch sits right, all in one tidy 2-line stack. */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .v4-feature-row {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 16px !important;
        width: 100% !important;
        min-height: 56px !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .v4-feature-desc {
        font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        color: var(--v4-text-secondary, #4F5B6E) !important;
        line-height: 1.45 !important;
        margin: 0 !important;
        max-width: 56ch !important;
    }
    /* When v4_design.js injects a .v4-feature-desc inside a
       Bootstrap column, force the column to flex-column so the
       description sits BELOW the title instead of next to it,
       and force it to grow so narrow Bootstrap col-X widths
       (like col-md-2 on Call Forwarding Always) don't wrap the
       description text into 3 cramped lines. */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced div[class*="col-"]:has(> .v4-feature-desc) {
        flex: 1 1 auto !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
        max-width: calc(100% - 80px) !important;
        width: auto !important;
    }

    /* The injected description itself: tight rhythm under the
       title, capped width so it stays readable. */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .v4-feature-desc {
        font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
        font-size: 13.5px !important;
        font-weight: 400 !important;
        color: var(--v4-text-muted) !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        padding: 0 !important;
        max-width: 56ch !important;
        text-align: left !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }

    /* Promote the feature title label to a proper section heading
       (matches Greeting/Menu/Schedule headings in After Hours). */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced.v4-feature-decorated label.col-form-label.label,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced.v4-feature-decorated [class*="col-"]:has(> .v4-feature-desc) label.col-form-label {
        font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        color: var(--v4-text) !important;
        letter-spacing: -0.01em !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-transform: none !important;
    }

    /* ============================================================
       Pass 36j — Sub-component pattern for features with multiple
       inner sections (Pre-alert: Greeting + Schedule; CFS: per-
       criteria; Voicemail: greeting + delivery settings; etc.)

       Rule: ONE outer card, sub-components separated by spacing
       and a hairline divider — NEVER another inner card frame.
       Same visual rhythm as Greeting/Menu/Schedule inside an
       After Hours card.
       ============================================================ */

    /* The Pre-alert inner Greeting/Schedule subsections — null
       any leftover inner card chrome and let them flow as plain
       blocks separated by a top divider on each section after
       the first. */
    

    /* Vertical rhythm + hairline divider between Pre-alert
       subsections. First subsection gets a top divider too — the
       one that separates it from the feature title row above. */
    
    
    

    /* Promote .aa-inline-subsection-title labels to the same
       17px bold heading style used by Greeting/Menu/Schedule in
       BH/AH/H — fired by JS adding .v4-section-heading. */
    
    
    /* The injected description sits under the heading with the
       same style that BH/AH/H descriptions use. */
    

    /* ============================================================
       Pass 36k — Pre-alert polish per user feedback:

       1. Recordings / Actions / Upload labels were at three
          different x positions. The .control_section.greeting
          flex container had align-items:center, horizontally
          centering its children inside the column. Switch to
          align-items:flex-start so Actions / Upload labels sit
          flush with Recordings (and the Greeting heading).

       2. Replace the heavy hairline divider between sub-components
          with a soft tinted background — gives a "soft section"
          feel without nested-box-on-box visuals.

       3. Round the corners on the Schedule dropdown so it matches
          the rounded surface of the parent feature card.
       ============================================================ */

    /* Flush-left Recordings/Actions/Upload labels and inputs. */
    
    
    
    

    /* Sub-component look — plain hairline border, no tinted
       background, no shadow. Each sub-component gets a complete
       4-side border (don't strip border-top on subsequent ones). */
    
    

    /* ============================================================
       Pass 36n — uniform Advanced feature card heights + toggle
       alignment.

       Issues from browser inspection:
       1. CFS title row was 61px while CFA was 46px because v4_design's
          `#advanced > .setting_section .form-group.row` rule paints
          `padding:6px 0; min-height:48px` on Pre-alert / CFS / Anon
          Rejection while my Pass 36f only stripped CFA / Voicemail.
       2. CFS toggle was at x=1383 vs others at 1395 because the
          .call_forwarding_selective_add_number "+" button kept
          `display:inline-flex` even when given .hidden — its
          per-class display:inline-flex !important beat the global
          .hidden display:none !important.

       Strip the legacy padding/min-height on EVERY direct
       .form-group.row child of an aa-unified-shell--advanced card
       and force .hidden to win over .call_forwarding_selective_add_number.
       ============================================================ */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced > .form-group.row {
        padding: 0 !important;
        margin: 0 !important;
        min-height: 0 !important;
        border-bottom: 0 !important;
        background: transparent !important;
    }
    /* `.hidden` must always win for the CFS "+" button (the
       per-class rule painted display:inline-flex !important). */
    body.v4-body .v4-content #auto_attendant_app #advanced .call_forwarding_selective_add_number.hidden,
    body.v4-body .v4-content #auto_attendant_app #advanced .hidden.call_forwarding_selective_add_number {
        display: none !important;
    }

    /* ============================================================
       Pass 36p — chevron expand button + CFS toggle alignment.

       CRITICAL bugs caught only by direct DOM inspection:
       1. Earlier passes hid every chevron img with `display:none
          !important` AND set `pointer-events:none` on the arrow
          parent. There was literally no way to expand any feature.
       2. CFS toggle's right edge sits at x=1421 vs others at 1433
          because an empty `.error_message` <div> after the toggle
          (zero width, but takes 15px in the flex container) shifts
          the toggle left.

       Fix: re-show chevrons, restore pointer-events, render the
       chevron as a clearly clickable circular button next to the
       feature title, and hide the stray error_message in the CFS
       toggle row.
       ============================================================ */

    /* Re-enable the chevron click target. */
    

    /* Show the chevron img unless it has the .hidden class (set
       when the feature toggle is OFF). Override the legacy
       `display:none !important`. Legacy global rules in style.css
       handle the rotation: closed → 90° (DOWN ▼ "click to expand"),
       opened → 270° (UP ▲ "click to collapse"). Don't fight them.
       Make the chevron 18px / opacity 0.75 so it's an obvious
       click target. */
    
    

    /* Make the entire title-block area a hint-able click target —
       label + chevron together. Subtle hover wash so users see
       "this row is interactive". `:not(.hidden)` so when CFA's
       toggle is OFF (its parent gets `.hidden`) the entire arrow
       stays display:none instead of being unhidden by this rule. */
    
    

    /* CFS toggle alignment — kill the stray empty .error_message
       div in the toggle's flex container that was shifting the
       slider 12px left. */
    body.v4-body .v4-content #auto_attendant_app #call_forwarding_selective .call_forwarding_selective_header_actions > .error_message:empty {
        display: none !important;
    }
    body.v4-body .v4-content #auto_attendant_app #call_forwarding_selective .call_forwarding_selective_header_actions {
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    /* ============================================================
       Pass 36u — sub-component panel for the expanded content of
       CFA / CFS / Voicemail. Same hairline-border + rounded box
       as Pre-alert's Greeting / Schedule sub-components. Keeps
       the framework consistent across every Advanced feature.
       ============================================================ */
    

    /* Inside the CFA panel, neutralize the legacy negative-margin
       and sub-section-line styling so the Forward To row sits
       cleanly inside the bordered panel. */
    body.v4-body .v4-content #auto_attendant_app #advanced .call_forwarding_always_section .subsection.number_wrapper {
        margin-left: 0 !important;
        padding-left: 0 !important;
        border-left: 0 !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .call_forwarding_always_section .aa-inline-field-row label {
        margin-top: 0 !important;
        align-self: center;
    }

    /* Voicemail container — strip the legacy 20px bottom margin and
       the inline negative-margin on the inner subsection so its
       contents land flush in the new bordered panel. */
    
    

    /* CFS content — strip the outer bordered panel from
       .call_forwarding_selective_content_section and give each
       per-criterion .aa-cfs-card its own border. Per framework
       (§7.3), each criterion is its own sub-component card. */
    body.v4-body .v4-content #auto_attendant_app #advanced .call_forwarding_selective_content_section:not(.hidden) {
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        margin-top: 14px !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .call_forwarding_selective_content_section .aa-cfs-card {
        margin: 0 0 14px 0 !important;
        padding: 18px 22px !important;
        background: transparent !important;
        border: 1px solid var(--v4-border-light) !important;
        border-radius: 10px !important;
        box-shadow: none !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .call_forwarding_selective_content_section .aa-cfs-card.clone {
        display: none !important;
    }
    /* Tidy CFS field rows — left-aligned label, value to right.
       Mirrors the Voicemail Delivery panel row rhythm. */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .form-group.row.slim_row {
        margin: 0 !important;
        padding: 8px 0 !important;
        border: 0 !important;
        border-top: 1px solid var(--v4-border-light) !important;
        min-height: 0 !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .form-group.row.slim_row:first-of-type {
        border-top: 0 !important;
        padding-top: 14px !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .form-group.row.slim_row > .col-12.d-flex {
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0 !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .aa-cfs-field-label {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        align-self: center !important;
        flex: 0 0 auto !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .bwa_main_inputs {
        flex: 0 0 auto !important;
        margin-left: auto !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .subsection_line {
        border-left: 0 !important;
        padding-left: 0 !important;
        margin-top: 8px !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .aa-cfs-schedule-block {
        padding: 8px 0 !important;
        margin: 0 !important;
        border-top: 1px solid var(--v4-border-light) !important;
    }
    /* Push the Schedule dropdown to the right edge of the card so
       it lines up with the Enabled checkbox and Forward To input. */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .schedule-selector-row {
        justify-content: space-between !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .schedule-selector-row > .schedule-label {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .schedule-selector-row > .schedule_selector_wrapper {
        flex: 0 0 auto !important;
        margin-left: auto !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .aa-cfs-delete-row {
        margin: 0 !important;
        padding: 12px 0 0 !important;
        border-top: 1px solid var(--v4-border-light);
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .aa-cfs-delete-row .col-form-label {
        margin: 0 !important;
    }
    

    /* ============================================================
       Pass 36ab — Profile sub-component panel
       Wrap the Extension / Name / Number rows in a bordered panel
       so Profile's expanded view matches the framework (every
       feature's content sits inside a sub-component panel).
       ============================================================ */
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section {
        display: block;
        background: transparent !important;
        border: 1px solid var(--v4-border-light) !important;
        border-radius: 10px !important;
        padding: 18px 22px !important;
        margin: 14px 0 0 !important;
        box-shadow: none !important;
    }

    /* ============================================================
       Pass 36ac — CFS comprehensive polish per user feedback
         1. Breathing room between feature description and the
            first criterion panel
         2. Forward To input + Schedule dropdown stretch wider
            and use rounded 8px corners (consistent with cards)
         3. Schedule selector + events grid become ONE unified
            surface (no hairline divider between)
         4. Delete button rendered as a rounded pill
         5. Event-grid action buttons (Add Schedule / Add Template
            / Show Old / per-event Edit/Delete) get rounded corners
         6. STS (status) cell tightened so the column reads as
            a single status indicator, not a wide gap
       ============================================================ */

    /* 1. Spacing under feature description */
    body.v4-body .v4-content #auto_attendant_app #call_forwarding_selective .call_forwarding_selective_content_section .aa-cfs-card:first-of-type {
        margin-top: 24px !important;
    }

    /* 2. Wider, rounded Forward To + Schedule controls */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .call_forwarding_selective_forward_to_phone_number,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .schedule_selector,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .new_schedule_level_select,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .new_schedule_type_select {
        width: 280px !important;
        max-width: 280px !important;
        border-radius: 8px !important;
    }

    /* 3. Schedule selector and events area unified — kill the
       hairline divider between them; remove the schedule-block
       top border too so the whole thing is one continuous block. */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .aa-cfs-schedule-block {
        border-top: 1px solid var(--v4-border-light) !important;
        padding: 14px 0 0 !important;
        margin-top: 8px !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .call-forwarding-selective-events-area {
        border-top: 0 !important;
        padding-top: 8px !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .schedule-selector-row {
        margin-bottom: 0 !important;
    }

    /* 4. Delete button — rounded pill */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .remove_call_forwarding_selective_number {
        border-radius: 999px !important;
        padding: 6px 16px !important;
        height: auto !important;
        min-height: 32px !important;
        font-weight: 500 !important;
        font-size: 13px !important;
        background: transparent !important;
        border: 1px solid #f5b7b7 !important;
        color: #d33 !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .remove_call_forwarding_selective_number:hover {
        background: rgba(255, 80, 80, 0.06) !important;
        border-color: #d33 !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .aa-cfs-delete-row .col-form-label {
        font-size: 13px !important;
        color: var(--v4-text-secondary) !important;
        margin-left: 0 !important;
    }
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .aa-cfs-delete-row .justify-content-between {
        max-width: none !important;
        align-items: center !important;
    }

    /* 5. Round the schedule event-grid action buttons (Add Schedule, per-row edit/delete). */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .add_schedule,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .schedule_container .btn,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .has_schedule .btn {
        border-radius: 999px !important;
    }
    /* Per-event action ICON buttons (edit recurrence / remove)
       — circular 32x32 pill. */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .edit_event_recur,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .time_schedule_remove {
        border-radius: 999px !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    /* Text pill buttons in the schedule events area (Add Schedule
       / Add Template / Show Old / Save New Schedule) — rounded
       but auto width so the labels fit. */
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .add_button,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .schedule-old-toggle,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .save_new_schedule {
        border-radius: 999px !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 6px 16px !important;
        height: auto !important;
        min-height: 32px !important;
    }

    /* REMOVED 2026-05-25: AA-specific schedule thead th / schedule_status / fa-circle
       overrides killed. schedule.css is the single source of truth. */

    /* Voicemail — strip the outer voice_mail_container panel so the
       inner aa-vm-section panels (Greeting / Delivery / Caller
       Options / Security) are the only bordered cards inside the
       Enable Voicemail outer card. Same pattern as Pre-alert
       (multiple aa-prealert-section panels). */
    
    /* Each vm subsection becomes a full-width bordered panel
       stacked vertically (NOT side by side). */
    
    /* The voice_mail_container wrapper itself must stack its
       children vertically AND span the full outer card width.
       Strip the legacy padded_section_widths inset that left
       a 23/175 px gap on each side. */
    

    /* Same width fix for CFA's expanded Forward-To panel and CFS
       criteria container — they used .padded_section_widths too. */
    body.v4-body .v4-content #auto_attendant_app #advanced .call_forwarding_always_section:not(.hidden),
    body.v4-body .v4-content #auto_attendant_app #advanced .call_forwarding_selective_content_section:not(.hidden) {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex: 0 0 100% !important;
    }

    /* `.hidden` must beat Bootstrap's `.d-flex { display: flex !important }`.
       Force the rule with high specificity for any button/element in
       the Advanced cards. */
    body.v4-body .v4-content #auto_attendant_app #advanced .hidden,
    body.v4-body .v4-content #auto_attendant_app #advanced *.hidden {
        display: none !important;
    }
    
    /* Internal vm-setting-row rhythm inside a subsection. */
    
    
    /* Promote .aa-vm-section title labels to 17px bold heading
       (JS adds .v4-section-heading via decorateSubSections). */
    
    
    

    /* Round the Schedule dropdown to match the soft-rounded
       feature card style (default 3px is too sharp now). */
    
/* ===== END auto_attendant/modules/auto_attendant.php ===== */

/* ===== BEGIN 
call_center/modules/call_center.php
 ===== */
    .call_forwarding_selective_content_section {
        margin-left: 50px !important;
        padding-left: 0 !important;
    }

    .call-forwarding-selective-events-area {
        margin-top: 20px;
    }

    .submenu_container {
        margin-left: 50px !important;
        padding-left: 0 !important;
        margin-bottom: 0 !important;
    }

    .submenu-container td {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    

    .time_schedule_sub_container,
    .holiday_menu_container,
    .after_menu_container,
    .business_menu_container {
        margin-left: 50px !important;
    }

    #header_app .header {
        z-index: 0;
    }

    .header-toggler-opened,
    .header-toggler-opened label,
    .header-toggler-opened,
    .header-toggler-closed label {
        cursor: pointer;
    }

    .form-group .header-toggler-opened,
    .form-group .header-toggler-closed {
        margin-left: 0 !important;
    }

    .form-group .header-toggler-opened img,
    .form-group .header-toggler-closed img {
        margin-left: 5px !important;
    }



    .key_menu_modal .submitting .spinner.submit_spinner {
        margin-top: -70px;
    }

    #call_forwarding_selective .time_schedule_sub_container {
        margin-left: 0 !important;
    }

    



    

    /* REMOVED: .schedule_container .error override. schedule.css handles error visibility. */

    #holiday .schedule_template_dropdown {
        display: none !important;
    }

    #business_menu_table td,
    #business_menu_table th {
        white-space: nowrap;

    }

    .setting_section.form_container {
        position: relative;

    }

    .absolute-status {
        color: rgb(0, 200, 0);
        position: absolute;
        right: 40px;
        top: 17px;
        font-size: 16px;
    }

    .play_loader {
        margin-left: -4px;
        animation: spin-animation 0.5s infinite;
        animation-timing-function: linear;
        display: inline-block;
        margin-top: 2.5px;
        margin-right: 2.5px;

    }

    

    

    

    

    

    


    

    

    

    

    

    

    @keyframes spin-animation {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(359deg);
        }
    }

    

    

    .alternate_number_arrow {
        display: block !important;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    #submenu .notify_section {
        padding-left: 45px;
    }

    .bordered-table-head thead tr {
        background-color: #f0f0f0;
    }

    .bordered-table-head tbody:before {
        content: "@";
        display: block;
        line-height: 10px;
        text-indent: -99999px;
    }


    .bordered-table-head thead th {
        padding-bottom: 3px !important
    }



    .dropdown-header {
        padding: 6px 10px 0px 10px;
        font-weight: bold;
        color: black;
    }

    

    

    

    

    


    

    

    

    

    

    

    

    

    .subsection.number_wrapper label {
        line-height: 1px;
        ;
    }

    .subsection_line {
        border-left: none !important;
        ;
    }

    .call_forwarding_selective_content_section .number_wrapper:nth-child(2) {
        border-top: none;
    }

    .call_forwarding_selective_time_schedule_selector {
        margin-right: unset !important;
    }

    .remove_call_forwarding_selective_number {
        border: 1px solid #e1e1e1;
        padding: 1px 11px;
    }

    .btn.edit_event_recur,
    .btn.time_schedule_remove {
        margin-top: 0;
        border: 1px solid #c9c9c9;
        line-height: 1px;
        padding: 2px 3px !important;
    }

    .subsection.number_wrapper {
        max-width: unset !important;
    }

    .schedule .status_circle {
        padding-top: unset !important;
        top: unset !important;
    }

    .c_no_border {
        border: 0px !important;
    }

    .c_bottom_border {
        border-bottom: 1px solid rgb(232, 233, 235) !important
    }

    .c_top_border {
        border-top: 1px solid rgb(232, 233, 235) !important
    }

    

    .btn.btn-save.add_button.add_row,
    .btn.dropdown-toggle.btn-save.add_button {
        padding-top: 0 !important;
        padding-bottom: 0 !important;

    }

    .section_item:not(.last):before,
    .section_item:not(.last):after {
        display: none !important;
    }

    #profle .section_item,
    #profile .section_item .col-form-label,
    #advanced .section_item,
    #advanced .section_item .col-form-label,
    #announcements .section_item,
    #announcements .section_item .col-form-label {
        min-height: unset !important;
        line-height: 0 !important;
    }


    

    

    .call_forwarding_selective_content_section .subsection:nth-last-child(2) {
        border-bottom: none !important;
    }

    

    .schedule_delete button {
        margin-top: -6px;
    }

    

    /* REMOVED: .schedule_container table thead border override (#dadada). schedule.css is source of truth. */

    

    

    

    .announcements-label-width {
        width: 435px;
    }

    .main_buttons {
        background: none;
        border: none;
        color: #112A4B;
        width: unset !important;
        padding: 4px 20px !important;
    }

    .main_buttons:hover {
        color: #F99A39;
        background: none;
    }
/* ===== END call_center/modules/call_center.php ===== */

/* ===== BEGIN 
hunt_group/modules/hunt_group.php
 ===== */
    .call_forwarding_selective_content_section {
        margin-left: 50px !important;
        padding-left: 0 !important;
    }

    .call-forwarding-selective-events-area {
        margin-top: 20px;
    }

    .submenu_container {
        margin-left: 50px !important;
        padding-left: 0 !important;
        margin-bottom: 0 !important;
    }

    .submenu-container td {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    

    .time_schedule_sub_container,
    .holiday_menu_container,
    .after_menu_container,
    .business_menu_container {
        margin-left: 50px !important;
    }

    #header_app .header {
        z-index: 0;
    }

    .header-toggler-opened,
    .header-toggler-opened label,
    .header-toggler-opened,
    .header-toggler-closed label {
        cursor: pointer;
    }

    .form-group .header-toggler-opened,
    .form-group .header-toggler-closed {
        margin-left: 0 !important;
    }

    .form-group .header-toggler-opened img,
    .form-group .header-toggler-closed img {
        margin-left: 5px !important;
    }



    .key_menu_modal .submitting .spinner.submit_spinner {
        margin-top: -70px;
    }

    #call_forwarding_selective .time_schedule_sub_container {
        margin-left: 0 !important;
    }

    



    

    /* REMOVED: .schedule_container .error override. schedule.css handles error visibility. */

    #holiday .schedule_template_dropdown {
        display: none !important;
    }

    #business_menu_table td,
    #business_menu_table th {
        white-space: nowrap;

    }

    .setting_section.form_container {
        position: relative;

    }

    .absolute-status {
        color: rgb(0, 200, 0);
        position: absolute;
        right: 40px;
        top: 17px;
        font-size: 16px;
    }

    .play_loader {
        margin-left: -4px;
        animation: spin-animation 0.5s infinite;
        animation-timing-function: linear;
        display: inline-block;
        margin-top: 2.5px;
        margin-right: 2.5px;

    }

    

    

    

    

    

    


    

    

    

    

    

    

    @keyframes spin-animation {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(359deg);
        }
    }

    

    

    .alternate_number_arrow {
        display: block !important;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    #submenu .notify_section {
        padding-left: 45px;
    }

    .bordered-table-head thead tr {
        background-color: #f0f0f0;
    }

    .bordered-table-head tbody:before {
        content: "@";
        display: block;
        line-height: 10px;
        text-indent: -99999px;
    }


    .bordered-table-head thead th {
        padding-bottom: 3px !important
    }



    .dropdown-header {
        padding: 6px 10px 0px 10px;
        font-weight: bold;
        color: black;
    }

    

    

    

    

    


    

    

    

    

    

    

    

    

    .subsection.number_wrapper label {
        line-height: 1px;
        ;
    }

    .subsection_line {
        border-left: none !important;
        ;
    }

    .call_forwarding_selective_content_section .number_wrapper:nth-child(2) {
        border-top: none;
    }

    .call_forwarding_selective_time_schedule_selector {
        margin-right: unset !important;
    }

    .remove_call_forwarding_selective_number {
        border: 1px solid #e1e1e1;
        padding: 1px 11px;
    }

    .btn.edit_event_recur,
    .btn.time_schedule_remove {
        margin-top: 0;
        border: 1px solid #c9c9c9;
        line-height: 1px;
        padding: 2px 3px !important;
    }

    .subsection.number_wrapper {
        max-width: unset !important;
    }

    .schedule .status_circle {
        padding-top: unset !important;
        top: unset !important;
    }

    .c_no_border {
        border: 0px !important;
    }

    .c_bottom_border {
        border-bottom: 1px solid rgb(232, 233, 235) !important
    }

    .c_top_border {
        border-top: 1px solid rgb(232, 233, 235) !important
    }

    

    .btn.btn-save.add_button.add_row,
    .btn.dropdown-toggle.btn-save.add_button {
        padding-top: 0 !important;
        padding-bottom: 0 !important;

    }

    .section_item:not(.last):before,
    .section_item:not(.last):after {
        display: none !important;
    }

    #profle .section_item,
    #profile .section_item .col-form-label,
    #advanced .section_item,
    #advanced .section_item .col-form-label,
    #announcements .section_item,
    #announcements .section_item .col-form-label {
        min-height: unset !important;
        line-height: 0 !important;
    }


    

    

    .call_forwarding_selective_content_section .subsection:nth-last-child(2) {
        border-bottom: none !important;
    }

    

    .schedule_delete button {
        margin-top: -6px;
    }

    

    /* REMOVED: .schedule_container table thead border override (#dadada). schedule.css is source of truth. */

    

    

    

.announcements-label-width {
        width: 435px;
    }
/* ===== END hunt_group/modules/hunt_group.php ===== */

/* Final measured rail correction for the AA unified shells.
   The live page was still being driven by inline-shell rules that
   right-aligned the first menu column and offset the chip to the right.
   Keep the shell system, but line up subsection titles and key chips with
   the Greeting / Schedule label rail. */


#business .aa-unified-shell .business_menu_container thead th:first-child,
#after-hours .aa-unified-shell .after_menu_container thead th:first-child,
#holiday .aa-unified-shell .holiday_menu_container thead th:first-child,
#business .aa-unified-shell .business_menu_container tbody td:first-child,
#after-hours .aa-unified-shell .after_menu_container tbody td:first-child,
#holiday .aa-unified-shell .holiday_menu_container tbody td:first-child {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 8px !important;
}

#business .aa-unified-shell .business_menu_container thead th:first-child > *,
#after-hours .aa-unified-shell .after_menu_container thead th:first-child > *,
#holiday .aa-unified-shell .holiday_menu_container thead th:first-child > * {
    justify-content: flex-start !important;
    transform: none !important;
}

#business .aa-unified-shell .business_menu_container tbody td:first-child .aa-key-chip,
#after-hours .aa-unified-shell .after_menu_container tbody td:first-child .aa-key-chip,
#holiday .aa-unified-shell .holiday_menu_container tbody td:first-child .aa-key-chip {
    margin-left: 0 !important;
    transform: none !important;
}

/* Extend the same measured rail system to Submenus and Advanced.
   Submenu headers were still 38px too far left and the key chips were
   still using the old right-aligned first-column rules. Advanced was also
   pushing the schedule body another 38px inward after the card padding. */










/* Final header-divider refinement: the separator belongs to the section
   title itself, not to the content block underneath it. Keep the measured
   left rail, but pull the underline up so it sits directly under Greeting /
   Menu / Schedule across the shared AA layouts. */




/* Final subsection breathing space: match the visual rhythm of Menu across
   Greeting and Schedule too. Menu already reads well at an effective 12px,
   so bring Greeting and Schedule up to that same body spacing. */




/* After Hours schedule collapses its header gap differently than Holiday /
   Advanced. Hold the same visual spacing with inner padding so the selector
   row starts on the same rhythm as Greeting and Menu. */
#after-hours .aa-unified-shell .aa-schedule-content {
    margin-top: 0 !important;
    padding-top: 12px !important;
}

/* Shared detail-page polish for Auto Attendant profile rows plus the Hunt Group
   and Call Center shells. Keep the upgraded v3 aesthetic, but normalize row
   height, label centering, and nested-card spacing so these pages read like
   one deliberate system. */
#auto_attendant_app,
#hunt_group_app,
#call_center_app {
    --detail-shell-row-min-height: 54px;
    --detail-shell-row-padding-x: 18px;
    --detail-shell-content-indent: 42px;
    --detail-shell-content-max-width: 920px;
    --detail-shell-soft-border: rgba(14, 39, 73, 0.08);
}

#auto_attendant_app .setting_section.form_container,
#hunt_group_app .setting_section.form_container,
#call_center_app .setting_section.form_container {
    overflow: hidden;
}

#auto_attendant_app .setting_section.form_container:has(.dropdown-menu.show),
#hunt_group_app .setting_section.form_container:has(.dropdown-menu.show),
#call_center_app .setting_section.form_container:has(.dropdown-menu.show) {
    overflow: visible;
}

#auto_attendant_app .setting_box > .extension > h5 > .row,
#hunt_group_app .setting_box > .extension > h5 > .row,
#call_center_app .setting_box > .extension > h5 > .row {
    min-height: 46px;
    align-items: center;
}

#auto_attendant_app .setting_box > .extension > h5 > .row > .col,
#hunt_group_app .setting_box > .extension > h5 > .row > .col,
#call_center_app .setting_box > .extension > h5 > .row > .col {
    gap: 14px;
}

#auto_attendant_app .section_item,
#hunt_group_app .section_item,
#call_center_app .section_item {
    min-height: var(--detail-shell-row-min-height);
    padding-left: var(--detail-shell-row-padding-x) !important;
    padding-right: var(--detail-shell-row-padding-x) !important;
    align-items: center;
}

#auto_attendant_app .section_item > [class*='col-'],
#hunt_group_app .section_item > [class*='col-'],
#call_center_app .section_item > [class*='col-'] {
    min-height: inherit;
    display: flex;
    align-items: center;
}



#hunt_group_app .section_item .form-control,
#hunt_group_app .section_item select.form-control,
#call_center_app .section_item .form-control,
#call_center_app .section_item select.form-control {
    min-height: 34px;
    border-radius: 3px;
    padding-left: 12px;
    padding-right: 12px;
}

#hunt_group_app .alternative_number_table,
#hunt_group_app .agent_section,
#call_center_app .alternative_number_table,
#call_center_app .agent_section,
#call_center_app .entrance_message_content_section,
#call_center_app .play_periodic_comfort_message_content_section,
#call_center_app .enable_media_on_hold_for_queued_calls_quick_section,
#call_center_app .estimated_wait_message_options_read {
    width: calc(100% - var(--detail-shell-content-indent)) !important;
    max-width: var(--detail-shell-content-max-width) !important;
    margin-left: var(--detail-shell-content-indent) !important;
}

#hunt_group_app .alternative_number_table,
#call_center_app .alternative_number_table,
#call_center_app .entrance_message_content_section,
#call_center_app .play_periodic_comfort_message_content_section,
#call_center_app .enable_media_on_hold_for_queued_calls_quick_section,
#call_center_app .estimated_wait_message_options_read {
    margin-top: 10px !important;
    padding: 14px 18px 16px !important;
    border-radius: 3px !important;
    border: 1px solid var(--detail-shell-soft-border);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.98),
        rgba(250, 252, 255, 0.96)
    );
    box-shadow: 0 12px 24px -26px rgba(14, 39, 73, 0.5);
}

#hunt_group_app .agent_section .subsection,
#call_center_app .agent_section .subsection {
    margin: 10px 0 6px !important;
}

#hunt_group_app .agent_section table,
#call_center_app .agent_section table {
    width: 100% !important;
}

#hunt_group_app .agent_section th,
#hunt_group_app .agent_section td,
#call_center_app .agent_section th,
#call_center_app .agent_section td {
    padding-right: 14px !important;
}



#call_center_app .entrance_message_content_section > div,
#call_center_app .play_periodic_comfort_message_content_section > div,
#call_center_app .estimated_wait_message_options_read > div {
    margin-left: 0 !important;
}

/* Strip the legacy header fill from the shared schedule/event tables so the
   column headers read like the modern menu chrome instead of a separate band. */
#auto_attendant_app .bordered-table-head thead tr,
#hunt_group_app .bordered-table-head thead tr,
#call_center_app .bordered-table-head thead tr {
    background: transparent !important;
}

#auto_attendant_app .bordered-table-head thead th,
#hunt_group_app .bordered-table-head thead th,
#call_center_app .bordered-table-head thead th {
    background: transparent !important;
    border-bottom: 1px solid rgba(228, 234, 242, 0.92) !important;
}

/* Schedule pixel column widths and control sizing DELETED — centralized in schedule.css (Phase 3) */
/* ============================================================
   Pass 36ae - Auto Attendant configuration UX foundation.

   The section framework is now good; this final layer makes the
   experience consistent at the places users feel most: the sticky
   save area, Profile rows, Advanced feature cards, greeting rows,
   and the small action-button family. Keep this scoped to the AA
   app because this file loads after the shared v4 design CSS.
   ============================================================ */
#auto_attendant_app {
    --aa-config-card-border: #DDE7F1;
    --aa-config-card-radius: 8px;
    --aa-config-row-border: rgba(228, 234, 242, 0.92);
    --aa-config-row-gap: 16px;
    padding-bottom: 132px !important;
}

#auto_attendant_app .setting_section.form_container {
    overflow: visible !important;
}

/* Profile - the three top-level settings should read as one calm form. */
body.v4-body .v4-content #auto_attendant_app #profile .aa-unified-shell--profile,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-unified-shell--profile {
    border-color: var(--aa-config-card-border) !important;
    border-radius: var(--aa-config-card-radius) !important;
    padding: 20px 24px 22px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section {
    padding: 20px 22px 22px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row {
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) minmax(260px, 380px);
    align-items: center !important;
    column-gap: var(--aa-config-row-gap);
    min-height: 58px !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid var(--aa-config-row-border) !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row:last-child,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row > [class*="col-"],
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row > [class*="col-"] {
    display: flex !important;
    align-items: center !important;
    min-height: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row > [class*="col-"]:first-of-type,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row > [class*="col-"]:first-of-type {
    grid-column: 1;
    justify-content: flex-start !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row > [class*="col-"]:nth-of-type(2),
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row > [class*="col-"]:nth-of-type(2) {
    grid-column: 2;
    justify-content: flex-end !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section label,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section label {
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section input.form-control,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section input.form-control {
    width: 100% !important;
    max-width: 380px !important;
    height: 38px !important;
    margin: 0 !important;
    border-radius: 10px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number {
    grid-column: 1 / -1;
    width: 100% !important;
    max-width: none !important;
    margin: 14px 0 0 0 !important;
    padding: 18px 20px !important;
    border: 1px solid var(--aa-config-row-border) !important;
    border-radius: var(--aa-config-card-radius) !important;
    background: linear-gradient(180deg, #FFFFFF, #FAFCFF) !important;
    box-shadow: 0 12px 24px -26px rgba(14, 39, 73, 0.5) !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row {
    width: 100% !important;
    max-width: 720px !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: 170px minmax(260px, 1fr);
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row + .alternative_number_wrapper,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row + .alternative_number_wrapper {
    margin-top: 12px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row > [class*="col-"],
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row > [class*="col-"],
body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row > [class*="col-"],
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    flex: initial !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_wrapper,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_wrapper {
    width: 100% !important;
    max-width: 770px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternativenumber.aa-number-row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternativenumber.aa-number-row {
    width: 100% !important;
    max-width: 770px !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 720px) auto;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number input[type="hidden"],
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number input[type="hidden"] {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .slim_row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .slim_row,
body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternativenumber.aa-number-row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternativenumber.aa-number-row {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_wrapper,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_wrapper {
    margin-top: 12px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number select,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number select {
    width: 100% !important;
    max-width: none !important;
    height: 38px !important;
    border-radius: 10px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .add_alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section .add_alternative_number {
    height: 38px !important;
    margin-top: 14px !important;
    padding: 0 16px !important;
    border: 1px solid var(--v4-border) !important;
    border-radius: 999px !important;
    background: var(--v4-surface) !important;
    color: var(--v4-text) !important;
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .remove_alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section .remove_alternative_number {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    border: 1px solid var(--v4-border) !important;
    background: var(--v4-surface) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row {
    display: grid !important;
    grid-template-columns: 170px minmax(260px, 1fr);
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternativenumber.aa-number-row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternativenumber.aa-number-row {
    display: grid !important;
    grid-template-columns: minmax(0, 720px) auto;
}

/* Advanced - every feature card follows the same title/description/toggle grid.
   The card FRAME (border/radius/bg/padding/margin) is centralized on the
   .aa-call-feature wrapper below. The inner .aa-unified-shell--advanced is FLAT
   so there is never a double border. */
body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced > .form-group.row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center !important;
    column-gap: var(--aa-config-row-gap);
    row-gap: 0;
    min-height: 60px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced > .form-group.row > [class*="col-"] {
    min-height: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced > .form-group.row > [class*="col-"]:first-of-type {
    grid-column: 1;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced > .form-group.row > [class*="col-"]:nth-of-type(2) {
    grid-column: 2;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    text-align: right !important;
}







body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .v4-feature-desc {
    margin-top: 4px !important;
    max-width: 62ch !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced > .form-group.row > [class*="col-"]:has(> .v4-feature-desc) {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .breakout_toggle_fix,
body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .text-right.d-flex,
body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .call_forwarding_selective_header_actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 38px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .call_forwarding_selective_add_number {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border: 1px solid var(--v4-border) !important;
    border-radius: 10px !important;
    background: var(--v4-surface) !important;
    color: var(--v4-text) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
}















/* Greeting rows and inner actions - one modern control rhythm everywhere. */




body.v4-body .v4-content #auto_attendant_app .schedule_container .add_schedule {
    height: 38px !important;
    min-height: 38px !important;
}

@media (max-width: 900px) {
    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced > .form-group.row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number {
        max-width: 100% !important;
    }
}

@media (max-width: 640px) {
    #auto_attendant_app {
        padding-bottom: 156px !important;
    }

    

    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row > [class*="col-"],
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row > [class*="col-"],
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced > .form-group.row > [class*="col-"] {
        grid-column: 1 !important;
        justify-content: flex-start !important;
    }

    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .text-right.d-flex,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .breakout_toggle_fix,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .call_forwarding_selective_header_actions {
        justify-content: flex-start !important;
    }
}

/* ============================================================
   Pass 36af - full-page configuration polish.

   This pass finishes the opened-state experience from top to
   bottom: every greeting area becomes a compact recorder panel,
   Advanced internals use the same field rails, and the single
   Save / Cancel / Delete action dock stops covering long sections.
   ============================================================ */
#auto_attendant_app {
    --aa-recorder-border: rgba(213, 224, 237, 0.98);
    --aa-recorder-bg: #FBFDFF;
    --aa-field-label-width: 168px;
    padding-bottom: 56px !important;
}

/* Advanced opened bodies - same rails, same panels. */
body.v4-body .v4-content #auto_attendant_app #advanced .call_forwarding_always_section > .subsection.number_wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .call_forwarding_always_section .aa-inline-field-row {
    display: grid !important;
    grid-template-columns: var(--aa-field-label-width) minmax(240px, 360px) minmax(0, 1fr);
    align-items: center !important;
    column-gap: 14px !important;
    min-height: 46px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 0 2px !important;
}



body.v4-body .v4-content #auto_attendant_app #advanced .call_forwarding_always_section input.form-control {
    width: 100% !important;
    max-width: 360px !important;
    height: 34px !important;
    border-radius: 10px !important;
    margin: 0 !important;
}

/* AA Call-Forwarding-Always outer header (toggle row + feature title/desc).
   MOVED here 2026-06-09 from auto_attendant_editable.css. AA's CFA header markup
   differs from the Extension/CC/HG version (whose header lives under the
   :is(#extension_app,#call_center_app,#hunt_group_app) blocks above), so AA needs
   its own header layout and nothing else provided it. Canonical home for shared
   entity components is this file. Navy/grey tokens are already brand-correct. */
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_always,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_always {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 18px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_always > .col-5,
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_always > .breakout_toggle_fix,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_always > .col-5,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_always > .breakout_toggle_fix {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_always > .col-5,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_always > .col-5 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 44px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_always .call_forwarding_always_arrow,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_always .call_forwarding_always_arrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: 0 !important;
    /* AA shows CFA always-expanded — disable the chevron toggle interaction.
       Merged here 2026-06-09 from auto_attendant_editable.css. */
    cursor: default !important;
    pointer-events: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_always .call_forwarding_always_arrow img,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_always .call_forwarding_always_arrow img {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_always .call_forwarding_always_arrow label,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_always .call_forwarding_always_arrow label {
    color: #102949 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_always .v4-feature-desc,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_always .v4-feature-desc {
    color: #7186A4 !important;
    font-size: 13.5px !important;
    line-height: 20px !important;
    margin: 4px 0 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_always .call_forwarding_always_section:not(.hidden),
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_always .call_forwarding_always_section:not(.hidden) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 18px 0 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .call_forwarding_selective_content_section {
    display: block !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective > .call_forwarding_selective_content_section.hidden {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card:not(.clone) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 22px !important;
    border: 1px solid var(--aa-recorder-border) !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    box-shadow: 0 14px 28px -30px rgba(14, 39, 73, 0.48) !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card:not(.clone) + .aa-cfs-card:not(.clone) {
    margin-top: 14px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .subsection_line {
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .subsection_line > .form-group.row {
    height: auto !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    border-top: 1px solid var(--aa-config-row-border) !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .subsection_line > .form-group.row:first-child {
    border-top: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .subsection_line > .form-group.row > .col-12.d-flex {
    display: grid !important;
    grid-template-columns: var(--aa-cfs-label-width) minmax(0, var(--aa-cfs-control-width)) minmax(0, 1fr);
    align-items: center !important;
    column-gap: 14px !important;
    width: 100% !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .bwa_main_inputs {
    width: 100% !important;
    max-width: 360px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card input.form-control,
body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card select.form-control,
body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .menu_input {
    width: 100% !important;
    max-width: 360px !important;
    height: 40px !important;
    border-radius: 10px !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-schedule-block {
    margin-top: 4px !important;
    padding-top: 14px !important;
    border-top: 1px solid var(--aa-config-row-border) !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-schedule-block .schedule-selector-row {
    display: grid !important;
    grid-template-columns: var(--aa-cfs-label-width) minmax(0, var(--aa-cfs-control-width)) minmax(0, 1fr);
    align-items: center !important;
    column-gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-schedule-block .schedule-selector-row > label {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #445875 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-schedule-block .schedule_selector_wrapper {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 360px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-schedule-block .schedule_selector {
    width: 100% !important;
    max-width: 360px !important;
    min-width: 0 !important;
    height: 40px !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-delete-row {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid var(--aa-config-row-border) !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-delete-row > .justify-content-between {
    max-width: 520px !important;
    display: grid !important;
    grid-template-columns: var(--aa-field-label-width) auto;
    align-items: center !important;
    gap: 14px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .remove_call_forwarding_selective_number {
    height: 38px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
}

/* Voicemail opened state - same subsection card and row system. */




























/* Shared compact setting rows in open advanced cards. */


@media (max-width: 760px) {
    

    

    

    

    

    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .subsection_line > .form-group.row {
        height: auto !important;
        min-height: 0 !important;
        padding: 14px 0 !important;
        align-items: stretch !important;
    }

    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .subsection_line > .form-group.row > .col-12.d-flex {
        height: auto !important;
        min-height: 0 !important;
        align-items: stretch !important;
    }

    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .aa-cfs-field-label,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-schedule-block .schedule-selector-row > label {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.35 !important;
        align-self: auto !important;
    }

    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .bwa_main_inputs {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        justify-content: flex-start !important;
    }

    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card input.form-control,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card select.form-control,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .menu_input {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section,
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section {
        padding: 18px !important;
    }

    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number {
        padding: 16px !important;
    }

    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternativenumber.aa-number-row,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternativenumber.aa-number-row {
        max-width: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        row-gap: 8px !important;
    }

    

    
}

/* ============================================================
   Pass 36ah - recorder module simplification.

   Keep the existing greeting behavior, but make the visible module
   read as one recorder: Recording, Listen, Create. The fake decorative
   play button is removed so the real Play control carries the action.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app {
    --aa-recorder-row-label: var(--greeting-label-width);
    --aa-recorder-soft: #F8FBFF;
    --aa-recorder-line: rgba(203, 215, 229, 0.78);
    --aa-recorder-button-border: rgba(15, 42, 78, 0.14);
}



























































/* Greeting button base styling (padding, radius, bg, font) moved to v4_2026.css.
   edit_greeting_name / add_new_greeting / cancel_new_greeting retain their own rules. */












/* Greeting button styling (padding, radius, bg, font) moved to v4_2026.css */



















/* voice_select + text_to_convert sizing → centralized in v4_2026.css */

@media (max-width: 760px) {
    body.v4-body .v4-content #auto_attendant_app {
        --aa-recorder-row-label: 100%;
    }

    

    

    

    

    

    

    /* Greeting button responsive padding moved to v4_2026.css */

    
}

/* ============================================================
   Pass 36aj - final recorder cleanup.

   This block intentionally lives at the end so it wins over the older
   recorder pass: no tinted nested panel, no colored-button language,
   no full border around the TTS sub-editor, and no hidden TTS buttons
   leaking into the action row.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app {
    --aa-recorder-soft: #FFFFFF;
    --aa-recorder-line: rgba(214, 225, 237, 0.86);
    --aa-recorder-button-border: rgba(105, 130, 158, 0.28);
}







/* Greeting button sizing (padding, radius, bg, color, font) moved to v4_2026.css */











/* voice_select, preview play/pause, text_to_convert → centralized in v4_2026.css */











/* ============================================================
   Pass 36ak - recorder quieting and stable controls.

   Remove the internal divider lines and give every state in a
   button family the same footprint: play/loading/stop, record/stop,
   preview/loading/stop, and apply/uploading.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app {
    --aa-recorder-line: rgba(214, 225, 237, 0.58);
    --aa-recorder-button-border: rgba(104, 126, 153, 0.26);
    --aa-recorder-play-width: 96px;
    --aa-recorder-download-width: 122px;
    --aa-recorder-text-width: 148px;
    --aa-recorder-create-width: 118px;
    --aa-recorder-tts-ai-width: 66px;
    --aa-recorder-tts-state-width: 108px;
    --aa-recorder-tts-commit-width: 116px;
    --aa-recorder-tts-cancel-width: 96px;
}





































/* text_to_convert min-height + resize → centralized in v4_2026.css */















/* ============================================================
   Pass 36al - profile surface alignment.

   Match Profile to the newer opened-section rhythm: one inner
   content surface, quiet rows, and no framed Number sub-panel.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app #profile .aa-unified-shell--profile,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-unified-shell--profile {
    width: 100% !important;
    max-width: none !important;
    margin: 14px 0 0 0 !important;
    padding: 22px 28px 24px !important;
    border: 1px solid var(--aa-config-card-border) !important;
    border-radius: var(--aa-config-card-radius) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}



body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row {
    min-height: 58px !important;
    padding: 12px 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row:last-child,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row:last-child {
    padding-bottom: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number {
    width: 100% !important;
    max-width: none !important;
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row {
    max-width: 760px !important;
    grid-template-columns: 170px minmax(260px, 1fr) !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_wrapper,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_wrapper {
    max-width: 810px !important;
    margin: 12px 0 0 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternativenumber.aa-number-row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternativenumber.aa-number-row {
    max-width: 810px !important;
    grid-template-columns: minmax(0, 760px) 38px !important;
    gap: 10px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .add_alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section .add_alternative_number {
    margin-top: 18px !important;
}

@media (max-width: 760px) {
    body.v4-body .v4-content #auto_attendant_app #profile .aa-unified-shell--profile,
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-unified-shell--profile {
        padding: 18px !important;
    }

    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternativenumber.aa-number-row,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternativenumber.aa-number-row {
        max-width: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternativenumber.aa-number-row,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternativenumber.aa-number-row {
        grid-template-columns: minmax(0, 1fr) 38px !important;
        align-items: end !important;
        column-gap: 10px !important;
    }
}

/* ============================================================
   Pass 36at - squared recorder grid and quiet section rhythm.

   The recorder is now a measured 3-column control grid instead
   of a flexible pill row. This keeps Recording, Listen, and Create
   aligned across every greeting instance while preserving the
   existing hidden-state behavior.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app {
    --aa-recorder-row-label: var(--greeting-label-width);
    --aa-recorder-grid-gap: var(--greeting-grid-gap);
    --aa-recorder-button-width: var(--greeting-button-width);
    --aa-recorder-edit-width: var(--greeting-edit-width);
    --aa-recorder-control-width: calc((var(--aa-recorder-button-width) * 3) + (var(--aa-recorder-grid-gap) * 2));
    --aa-recorder-select-width: calc(var(--aa-recorder-control-width) - var(--aa-recorder-edit-width) - var(--aa-recorder-grid-gap));
    --aa-recorder-radius: var(--greeting-button-radius);
    --aa-recorder-button-border: var(--greeting-border-color);
}



























/* Greeting button sizing + icon styling moved to v4_2026.css
   (canonical greeting .tts-btn rule). Do NOT re-add here. */











/* voice_select, preview play/pause, text_to_convert sizing → centralized in v4_2026.css */







body.v4-body .v4-content #auto_attendant_app #business .schedule_container thead th:nth-child(5),
body.v4-body .v4-content #auto_attendant_app #business .schedule_container tbody td:nth-child(5),
body.v4-body .v4-content #auto_attendant_app #after-hours .schedule_container thead th:nth-child(5),
body.v4-body .v4-content #auto_attendant_app #after-hours .schedule_container tbody td:nth-child(5),
body.v4-body .v4-content #auto_attendant_app #holiday .schedule_container thead th:nth-child(5),
body.v4-body .v4-content #auto_attendant_app #holiday .schedule_container tbody td:nth-child(5),
body.v4-body .v4-content #auto_attendant_app #advanced .schedule_container thead th:nth-child(5),
body.v4-body .v4-content #auto_attendant_app #advanced .schedule_container tbody td:nth-child(5) {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: #74869C !important;
}

/* (margin removed - inner is flat; card spacing lives on .aa-call-feature) */







body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .subsection_line {
    margin-top: 8px !important;
}



body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-schedule-block,
body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-delete-row {
    margin-top: 6px !important;
    padding-top: 10px !important;
}





@media (max-width: 760px) {
    body.v4-body .v4-content #auto_attendant_app {
        --aa-recorder-row-label: 100%;
    }

    

    

    

    

    

    

    

    
}

/* ============================================================
   Pass 36au - recorder rhythm, submenu finish, and wider hit areas.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    --aa-recorder-button-border: #B7C6D8;
    --aa-section-edge-border: rgba(219, 228, 239, 0.82);
    --aa-section-edge-shadow: none;
}





















/* (margin removed - inner is flat; card spacing lives on .aa-call-feature) */

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced > .form-group.row {
    cursor: pointer;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced button,
body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced a,
body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .switch,
body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .slider {
    cursor: pointer;
}



body.v4-body .v4-content #auto_attendant_app #submenu .submenu-container {
    width: auto !important;
    max-width: none !important;
    margin: 8px 20px !important;
    padding: 0 !important;
    border: 1px solid var(--aa-section-edge-border) !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    box-shadow: var(--aa-section-edge-shadow) !important;
    overflow: hidden;
}

body.v4-body .v4-content #auto_attendant_app #submenu .submenu-container > .row.hidden,
body.v4-body .v4-content #auto_attendant_app #submenu .submenu-container .sb-np.hidden,
body.v4-body .v4-content #auto_attendant_app #submenu .submenu-container .aa-submenu-body.hidden {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-header {
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    cursor: pointer;
    border-bottom: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .submenu-container:has(.aa-submenu-body:not(.hidden)) .aa-submenu-header {
    border-bottom: 1px solid rgba(223, 231, 240, 0.72) !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-header .submenu-toggler {
    pointer-events: auto !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    color: #142B49 !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    padding-left: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-body .notify_section > .form-group.borderless:empty {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-header:not(.v4-submenu-decorated) .submenu-toggler img {
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    margin-left: 0 !important;
    transition: transform 160ms ease;
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-header:not(.v4-submenu-decorated) .submenu-toggler-opened img {
    transform: rotate(90deg);
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-header .edit_submenu_name,
body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-header .delete_submenu {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    border: 1px solid var(--aa-recorder-button-border) !important;
    border-radius: var(--aa-recorder-radius) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-body {
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 16px 16px !important;
    border-top: 0 !important;
}



body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-section + .aa-submenu-section {
    margin-top: 12px !important;
}



































body.v4-body .v4-content #auto_attendant_app #submenu .add_submenu,
body.v4-body .v4-content #auto_attendant_app #submenu .save_submenu,
body.v4-body .v4-content #auto_attendant_app #submenu .submenu_cancel_button {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border: 1px solid var(--aa-recorder-button-border) !important;
    border-radius: var(--aa-recorder-radius) !important;
    background: #FFFFFF !important;
    color: #142B49 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 760 !important;
}

@media (max-width: 760px) {
    body.v4-body .v4-content #auto_attendant_app #submenu .submenu-container,
    body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    
}

/* ============================================================
   Pass 36av - quieter surfaces and submenu menu parity.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    --aa-recorder-edit-width: var(--greeting-edit-width);
    --aa-section-edge-shadow: none;
}

body.v4-body .v4-content #auto_attendant_app > .setting_section.form_container::before,
body.v4-body .v4-content #auto_attendant_app > #advanced::before {
    content: none !important;
    display: none !important;
}















































@media (max-width: 760px) {
    body.v4-body .v4-content #auto_attendant_app {
        --aa-recorder-edit-width: var(--greeting-edit-width);
    }


}

/* ============================================================
   Pass 36ay - subtle subsection frame depth only.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    --aa-l3-card-shadow: 0 0 10px rgba(16, 39, 68, 0.08);
}







body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_content_section:not(.hidden),
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_content_section:not(.hidden) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
    display: none !important;
}
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_content_section:not(.hidden):has(.aa-cfs-card:not(.clone)),
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_content_section:not(.hidden):has(.aa-cfs-card:not(.clone)) {
    display: grid !important;
    margin-top: 10px !important;
    padding-top: 6px !important;
    border-top: 1px solid #E4EBF3 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card:not(.clone),
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card:not(.clone) {
    padding: 14px 18px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .subsection_line,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .subsection_line {
    display: grid !important;
    gap: 8px !important;
    margin-top: 10px !important;
    padding-left: 0 !important;
    border-left: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row {
    min-height: 38px !important;
    padding: 0 !important;
    border-top: 0 !important;
}

/* Duplicate CFS grid rule removed (was 170px / 360px). The canonical grid lives in the
   #call_forwarding_selective .slim_row rule below (var-based: --aa-cfs-label-width / --aa-cfs-control-width). */

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .aa-cfs-field-label,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .aa-cfs-field-label {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .bwa_main_inputs,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .bwa_main_inputs {
    min-height: 0 !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .aa-cfs-schedule-block,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .aa-cfs-schedule-block {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule-selector-row,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule-selector-row {
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .call-forwarding-selective-events-area,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .call-forwarding-selective-events-area {
    padding-top: 6px !important;
    border-top: 0 !important;
}

/* ============================================================
   Pass 36az - final alignment and quiet icon pass.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    --aa-control-icon-neutral: #52657D;
    --aa-control-icon-soft: #F8FAFD;
    --aa-advanced-label-width: 170px;
    --aa-advanced-control-width: 360px;
}

body.v4-body .v4-content #auto_attendant_app .toggle_header .col > div:first-child::before,
body.v4-body #v4-app .v4-content #auto_attendant_app .toggle_header .col > div:first-child::before {
    background-color: var(--aa-control-icon-soft) !important;
    border-color: #DCE3EC !important;
}

body.v4-body .v4-content #auto_attendant_app #profile-section .toggle_header .col > div:first-child::before,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .toggle_header .col > div:first-child::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352657D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

body.v4-body .v4-content #auto_attendant_app #business .toggle_header .col > div:first-child::before,
body.v4-body #v4-app .v4-content #auto_attendant_app #business .toggle_header .col > div:first-child::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352657D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") !important;
}

body.v4-body .v4-content #auto_attendant_app #after-hours .toggle_header .col > div:first-child::before,
body.v4-body #v4-app .v4-content #auto_attendant_app #after-hours .toggle_header .col > div:first-child::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352657D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E") !important;
}

body.v4-body .v4-content #auto_attendant_app #holiday .toggle_header .col > div:first-child::before,
body.v4-body #v4-app .v4-content #auto_attendant_app #holiday .toggle_header .col > div:first-child::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352657D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .toggle_header .col > div:first-child::before,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .toggle_header .col > div:first-child::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352657D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E") !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .toggle_header .col > div:first-child::before,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .toggle_header .col > div:first-child::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352657D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'/%3E%3Cline x1='4' y1='10' x2='4' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='3'/%3E%3Cline x1='20' y1='21' x2='20' y2='16'/%3E%3Cline x1='20' y1='12' x2='20' y2='3'/%3E%3Cline x1='1' y1='14' x2='7' y2='14'/%3E%3Cline x1='9' y1='8' x2='15' y2='8'/%3E%3Cline x1='17' y1='16' x2='23' y2='16'/%3E%3C/svg%3E") !important;
}

body.v4-body .v4-content #auto_attendant_app .add_icon,
body.v4-body .v4-content #auto_attendant_app .add_button .fa-plus,
body.v4-body #v4-app .v4-content #auto_attendant_app .add_icon,
body.v4-body #v4-app .v4-content #auto_attendant_app .add_button .fa-plus {
    color: var(--aa-control-icon-neutral) !important;
}



















body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_content_section .aa-cfs-card:first-of-type,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .call_forwarding_selective_content_section .aa-cfs-card:first-of-type {
    margin-top: 10px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row:first-of-type,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row:first-of-type {
    padding-top: 6px !important;
}

























/* ============================================================
   Pass 36ba - profile number rail and inline greeting edits.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    --aa-profile-control-width: 380px;
    --aa-profile-row-gap: 12px;
    --aa-recorder-apply-width: 92px;
    --aa-recorder-cancel-width: 84px;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, var(--aa-profile-control-width)) !important;
    column-gap: 24px !important;
    row-gap: var(--aa-profile-row-gap) !important;
    align-items: center !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row > [class*="col-"],
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row > [class*="col-"],
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row > [class*="col-"],
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row > [class*="col-"]:first-child,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row > [class*="col-"]:first-child,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row > [class*="col-"]:first-child,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row > [class*="col-"]:first-child {
    grid-column: 1 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row > [class*="col-"]:nth-child(2),
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row > [class*="col-"]:nth-child(2),
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row > [class*="col-"]:nth-child(2),
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row > [class*="col-"]:nth-child(2) {
    grid-column: 2 !important;
    justify-self: stretch !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section input.form-control,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section input.form-control,
body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section select.form-control,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section select.form-control,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-section input.form-control,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-section input.form-control,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-section select.form-control,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-section select.form-control {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number {
    grid-column: 1 / -1 !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, var(--aa-profile-control-width)) !important;
    column-gap: 24px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row > .col-4,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row > .col-4,
body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row > .col-4,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row > .col-4,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row > .col-4,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row > .col-4,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row > .col-4,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row > .col-4 {
    grid-column: 1 !important;
    width: auto !important;
    max-width: none !important;
    min-height: 40px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row > .col-8,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row > .col-8,
body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row > .col-8,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row > .col-8,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row > .col-8,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row > .col-8,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row > .col-8,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row > .col-8 {
    grid-column: 2 !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_wrapper,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_wrapper,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_wrapper,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternativenumber.aa-number-row,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternativenumber.aa-number-row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .alternativenumber.aa-number-row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .alternativenumber.aa-number-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 0 !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .remove_alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .remove_alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .remove_alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .remove_alternative_number {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .add_alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section .add_alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .add_alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .add_alternative_number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 8px 0 0 calc(100% - var(--aa-profile-control-width)) !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
}









@media (max-width: 760px) {
    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row {
        grid-template-columns: minmax(0, 1fr) !important;
        row-gap: 8px !important;
    }

    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row > [class*="col-"]:nth-child(2),
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row > [class*="col-"]:nth-child(2),
    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row > .col-8,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row > .col-8,
    body.v4-body .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row > .col-8,
    body.v4-body .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row > .col-8,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row > [class*="col-"]:nth-child(2),
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row > [class*="col-"]:nth-child(2),
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_main.form-group.row > .col-8,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_main.form-group.row > .col-8,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile #alternative_number .alternative_number_select.form-group.row > .col-8,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section #alternative_number .alternative_number_select.form-group.row > .col-8 {
        grid-column: 1 !important;
    }

    body.v4-body .v4-content #auto_attendant_app #profile .add_alternative_number,
    body.v4-body .v4-content #auto_attendant_app #profile-section .add_alternative_number,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile .add_alternative_number,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .add_alternative_number {
        margin-left: 0 !important;
    }
}

/* ============================================================
   Pass 36bb - profile number sub-setting consistency.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    --aa-profile-number-card-border: #CBD8E8;
    --aa-profile-number-card-bg: #FAFCFF;
    --aa-profile-number-card-shadow: none;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row:not(.aa-profile-number-card),
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row:not(.aa-profile-number-card),
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row:not(.aa-profile-number-card),
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row:not(.aa-profile-number-card) {
    min-height: 54px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 24px !important;
    row-gap: 8px !important;
    align-items: center !important;
    margin: 8px 0 0 0 !important;
    padding: 14px 16px 16px !important;
    border: 1px solid var(--aa-profile-number-card-border) !important;
    border-radius: 12px !important;
    background: var(--aa-profile-number-card-bg) !important;
    box-shadow: var(--aa-profile-number-card-shadow) !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row.aa-profile-number-card,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row.aa-profile-number-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row.aa-profile-number-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row.aa-profile-number-card {
    margin: 8px 0 0 0 !important;
    padding: 14px 16px 16px !important;
    border: 1px solid var(--aa-profile-number-card-border) !important;
    background: var(--aa-profile-number-card-bg) !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-4,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-4,
body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-8,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-8,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-4,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-4,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-8,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-8 {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-4,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-4,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-4,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-4 {
    grid-column: 1 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-8,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-8,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-8,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-8 {
    grid-column: 2 !important;
    justify-self: end !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-label,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-label,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-label,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    margin: 0 !important;
    cursor: default !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-label img,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-label img,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-label img,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-label img {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number {
    grid-column: 1 / -1 !important;
    margin: 2px 0 0 0 !important;
    padding: 2px 0 0 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number .alternative_number_main.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number .alternative_number_main.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number .alternative_number_select.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number .alternative_number_select.form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number .alternative_number_main.form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number .alternative_number_main.form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number .alternative_number_select.form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number .alternative_number_select.form-group.row {
    grid-template-columns: minmax(0, 1fr) minmax(280px, var(--aa-profile-control-width)) !important;
    min-height: 40px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card .add_alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card .add_alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card .add_alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card .add_alternative_number {
    margin: 8px 0 0 0 !important;
}

@media (max-width: 760px) {
    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card,
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card,
    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number .alternative_number_main.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number .alternative_number_main.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number .alternative_number_select.form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number .alternative_number_select.form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number .alternative_number_main.form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number .alternative_number_main.form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number .alternative_number_select.form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number .alternative_number_select.form-group.row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-8,
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-8,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-8,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-8 {
        grid-column: 1 !important;
        justify-self: start !important;
    }
}

/* ============================================================
   Pass 36bc - quiet Profile number grouping.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    --aa-profile-number-divider: rgba(203, 216, 232, 0.74);
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row.aa-profile-number-card,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row.aa-profile-number-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row.aa-profile-number-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row.aa-profile-number-card {
    margin: 10px 0 0 0 !important;
    padding: 16px 0 0 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--aa-profile-number-divider) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number {
    margin-top: 2px !important;
    padding-top: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number .alternative_number_main.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number .alternative_number_main.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number .alternative_number_select.form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number .alternative_number_select.form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number .alternative_number_main.form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number .alternative_number_main.form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number .alternative_number_select.form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number .alternative_number_select.form-group.row {
    min-height: 42px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card .add_alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card .add_alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card .add_alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card .add_alternative_number {
    margin-top: 10px !important;
}

/* ============================================================
   Pass 36bd - Profile subgroups, no-fill variant.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    --aa-profile-subgroup-border: #D7E2EE;
    --aa-profile-subgroup-radius: 12px;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-basic-card,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card,
body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row.aa-profile-number-card,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row.aa-profile-number-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-basic-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-section > .form-group.row.aa-profile-number-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-section > .form-group.row.aa-profile-number-card {
    margin: 14px 0 0 0 !important;
    padding: 16px !important;
    border: 1px solid var(--aa-profile-subgroup-border) !important;
    border-radius: var(--aa-profile-subgroup-radius) !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-basic-card,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-basic-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card {
    display: block !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-basic-card > .form-group.row,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card > .form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-basic-card > .form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card > .form-group.row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, var(--aa-profile-control-width)) !important;
    column-gap: 24px !important;
    align-items: center !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 3px 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-basic-card > .form-group.row > [class*="col-"],
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card > .form-group.row > [class*="col-"],
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-basic-card > .form-group.row > [class*="col-"],
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card > .form-group.row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-basic-card > .form-group.row > [class*="col-"]:first-child,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card > .form-group.row > [class*="col-"]:first-child,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-basic-card > .form-group.row > [class*="col-"]:first-child,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card > .form-group.row > [class*="col-"]:first-child {
    grid-column: 1 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2),
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2),
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2),
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2) {
    grid-column: 2 !important;
    justify-self: stretch !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-basic-card input.form-control,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card input.form-control,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-basic-card input.form-control,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card input.form-control {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 24px !important;
    row-gap: 12px !important;
    align-items: start !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-4,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-4,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-4,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-4 {
    grid-column: 1 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-8,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-8,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-8,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-8 {
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: start !important;
    padding-top: 2px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-label,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-label,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-label,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-label {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 42px !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-label .label,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-label .label,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-label .label,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-label .label {
    margin: 0 !important;
    line-height: 1.3 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-desc,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-desc,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-desc,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-desc {
    display: block !important;
    margin-top: 3px !important;
    color: #7186A4 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card #alternative_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card #alternative_number {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card:has(#alternative_number.hidden),
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card:has(#alternative_number.hidden),
body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card:has(#alternative_number.hidden),
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card:has(#alternative_number.hidden) {
    row-gap: 0 !important;
}

@media (max-width: 760px) {
    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-basic-card > .form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card > .form-group.row,
    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card,
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-basic-card > .form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card > .form-group.row,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2),
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2),
    body.v4-body .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-8,
    body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-8,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2),
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2),
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile .aa-profile-number-card > .col-8,
    body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card > .col-8 {
        grid-column: 1 !important;
        justify-self: start !important;
    }
}

/* ============================================================
   Pass 36be - advanced selective and submenu parity polish.
   ============================================================ */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    --aa-cfs-label-width: 150px;
    --aa-cfs-control-width: 280px;
    --aa-cfs-label-size: 13px;
    --aa-submenu-inner-padding-x: 28px;
}

/* Removed: duplicate CFS content section rule that conflicted with the
   canonical spacing/border at line ~6297. Consolidated there. */

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card:not(.clone),
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card:not(.clone) {
    padding: 14px 18px 16px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .subsection_line,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .subsection_line {
    gap: 4px !important;
    margin-top: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row {
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row:first-of-type,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row:first-of-type {
    padding-top: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row > .col-12.d-flex,
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule-selector-row,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .form-group.row.slim_row > .col-12.d-flex,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule-selector-row {
    grid-template-columns: var(--aa-cfs-label-width) minmax(0, var(--aa-cfs-control-width)) minmax(0, 1fr) !important;
    min-height: 36px !important;
    column-gap: 14px !important;
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card :is(.aa-cfs-field-label, .schedule-label),
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule-selector-row > label,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card :is(.aa-cfs-field-label, .schedule-label),
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule-selector-row > label {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: var(--aa-cfs-label-size) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #1B3557 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 34px !important;
}

/* CFS field styling — canonical, matches the voicemail settings fields.
   (Was overridden in auto_attendant/assets/v2/css/auto_attendant_editable.css; now centralized here.) */
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card :is(input.form-control, select.form-control),
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card :is(input.form-control, select.form-control) {
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 7px !important;
    border-color: #C6D3E1 !important;
    color: #1B3557 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .call_forwarding_selective_forward_to_phone_number,
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule_selector,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .call_forwarding_selective_forward_to_phone_number,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule_selector {
    width: 100% !important;
    max-width: var(--aa-cfs-control-width) !important;
    height: 36px !important;
    min-height: 36px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .bwa_main_inputs,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .bwa_main_inputs {
    height: 36px !important;
    min-height: 36px !important;
    align-items: center !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small,
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small label.enable,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .checkbox.extra_small label.enable {
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .call-forwarding-selective-events-area,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .call-forwarding-selective-events-area {
    padding-top: 6px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule_container .table-responsive,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .schedule_container .table-responsive {
    margin-top: 8px !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-body,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-body {
    padding: 14px 18px 10px !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-section,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-section {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 18px var(--aa-submenu-inner-padding-x) !important;
    border: 1px solid var(--aa-section-edge-border) !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-section + .aa-submenu-section,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-section + .aa-submenu-section {
    margin-top: 14px !important;
}

































body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-header .col-sm-1,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-header .col-sm-1 {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex: none !important;
    width: 84px !important;
    max-width: none !important;
    padding-left: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-header,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 260px) 84px !important;
    column-gap: 12px !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-header .submenu-toggler,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-header .submenu-toggler,
body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-header .col-sm-2,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-header .col-sm-2 {
    flex: none !important;
    width: auto !important;
    max-width: none !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu tr.v4-menu-configured .menu-key-chip,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu tr.v4-menu-configured .menu-key-chip {
    background: var(--v4-brand-soft) !important;
    border-color: rgba(248, 153, 57, 0.32) !important;
    color: var(--v4-brand-dark) !important;
    font-weight: 700 !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu tr.v4-menu-empty .menu-key-chip,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu tr.v4-menu-empty .menu-key-chip {
    background: #F9FAFB !important;
    border-color: #e5e7eb !important;
    color: #455470 !important;
}

@media (max-width: 760px) {
    body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-section,
    body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-section {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-header,
    body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-header {
        grid-template-columns: minmax(0, 1fr) 84px !important;
        row-gap: 8px !important;
    }

    body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-header .col-sm-2,
    body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-header .col-sm-2 {
        grid-column: 1 / -1 !important;
    }
}

/* ============================================================
   Pass 36bf - tabbed AA review polish.

   Final pass for the tabbed Auto Attendant detail: make the top
   strip read as navigation, align the fixed action dock to the
   content column, normalize collapsed Advanced rows, and bring the
   standalone Voicemail tab onto the same grid system.
   ============================================================ */
body.v4-body .v4-content .v4-tabbed-detail,
body.v4-body #v4-app .v4-content .v4-tabbed-detail {
    --aa-detail-content-width: 1150px;
    --aa-quiet-control-border: #D7E2EF;
    --aa-quiet-control-text: #314864;
    --aa-quiet-control-icon: #6B7F97;
}

body.v4-body .v4-content .v4-tabbed-detail .aa-tabs,
body.v4-body #v4-app .v4-content .v4-tabbed-detail .aa-tabs {
    width: 100% !important;
    max-width: var(--aa-detail-content-width) !important;
    /* Keep the strip compact — 47px = 46px tab + 1px border-bottom.
       Descender clearance comes from the tab itself using
       line-height: normal with align-items: center, NOT from
       making the strip taller. */
    min-height: 47px !important;
    margin: 4px 0 24px !important;
    padding: 0 !important;
    /* Equal gap between tabs (not equal tab widths). Was 2px; tabs were
       forced to min-width: 104px so a short label like "Apps" got a lot
       of empty padding on each side, making the visual gap between it
       and its neighbors much wider than between two long-labeled tabs
       like "Voicemail" and "Phones". Now each tab hugs its text and a
       uniform 36px gap supplies the rhythm. */
    gap: 36px !important;
    align-items: flex-end !important;
    border: 0 !important;
    border-bottom: 1px solid #DCE5EF !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: thin;
}

body.v4-body .v4-content .v4-tabbed-detail .aa-tab,
body.v4-body #v4-app .v4-content .v4-tabbed-detail .aa-tab {
    position: relative !important;
    flex: 0 0 auto !important;
    /* min-width 0 + padding 0 horizontally: tab hugs its text. The
       visual rhythm comes from the parent's `gap: 36px`, NOT from
       each tab having the same width. (See container note above.)

       Vertical: a previous pass forced `line-height: 46px` to match
       `height: 46px`, which made the line-box fill the entire tab —
       so the "p" descenders in "Apps" and the "g" in "Settings" got
       painted right onto the strip's bottom border. Fix is on the
       tab itself, not on the strip: use line-height: normal (~1.2 ×
       14px = 17px) and vertically center the text via flex. Text
       sits in the middle of the 46px box with ~14px of slack above
       and below, descenders stay well clear of the border. The tab
       strip stays a compact 47px tall. */
    min-width: 0 !important;
    height: 46px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: normal !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #4D6078 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    transform: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail .aa-tab::after,
body.v4-body #v4-app .v4-content .v4-tabbed-detail .aa-tab::after {
    content: "" !important;
    position: absolute !important;
    /* Was inset 16px from each edge to match the old 0 18px padding.
       Now the tab hugs its text, so inset 0 to keep the active-tab
       underline visible (a "Apps" tab is only ~36px wide — a 16px
       inset on each side would leave 4px of underline). */
    left: 0 !important;
    right: 0 !important;
    bottom: -1px !important;
    display: block !important;
    height: 2px !important;
    border-radius: 999px 999px 0 0 !important;
    background: transparent !important;
}

body.v4-body .v4-content .v4-tabbed-detail .aa-tab:hover,
body.v4-body #v4-app .v4-content .v4-tabbed-detail .aa-tab:hover {
    border: 0 !important;
    background: #F8FAFD !important;
    color: #122849 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail .aa-tab.is-active,
body.v4-body #v4-app .v4-content .v4-tabbed-detail .aa-tab.is-active {
    border: 0 !important;
    background: transparent !important;
    color: #C86516 !important;
    font-weight: 750 !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail .aa-tab.is-active::after,
body.v4-body #v4-app .v4-content .v4-tabbed-detail .aa-tab.is-active::after {
    background: #F89939 !important;
}

/* Floating action group — sized to content, lifted off the bottom,
   centered inside the AA content column. The outer wrapper is just
   a passthrough so clicks elsewhere still hit the content; the
   .aa-sticky-foot-inner pill is what users actually see and click. */
body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot {
    position: fixed !important;
    left: 274px !important;
    right: auto !important;
    width: calc(100vw - 274px - 86px) !important;
    max-width: 1150px !important;
    /* Lifted from 20px → 36px so the floating action pill doesn't kiss
       the very bottom of the viewport on shorter screens (gets clipped
       by Windows taskbar / Chrome bottom chrome / iOS safe area). */
    bottom: 36px !important;
    padding: 0 !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none !important;
    z-index: 50 !important;
    text-align: center !important;
}

body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-inner,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-inner {
    width: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 10px 18px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--aa-flat-section-border, #DDE7F1) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    column-gap: 0 !important;
    gap: 16px !important;
    pointer-events: auto !important;
}

body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-status,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-status {
    position: static !important;
    grid-column: auto !important;
    justify-self: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 10px 4px 8px !important;
    border-radius: 999px !important;
    background: rgba(248, 153, 57, 0.10) !important;
    color: #B26420 !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
}

body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-status .aa-sticky-foot-dot,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-status .aa-sticky-foot-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #F89939 !important;
    box-shadow: 0 0 0 4px rgba(248, 153, 57, 0.18) !important;
}

/* Respect the [hidden] attribute on the dirty-state chip — without
   this our display:inline-flex above wins over the user-agent
   [hidden] { display:none } and the chip would always show. */
body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-status[hidden],
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-status[hidden] {
    display: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-actions,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-actions {
    grid-column: auto !important;
    justify-self: auto !important;
    margin: 0 !important;
}

/* Reserve room at the bottom of every tab panel so the floating pill
   doesn't sit on top of the last form row when the user scrolls to
   the end. Pill height (~52px) + margin = ~84px of breathing room. */
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #extension_app, #call_center_app, #hunt_group_app) .aa-tab-panel.is-active,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #extension_app, #call_center_app, #hunt_group_app) .aa-tab-panel.is-active {
    padding-bottom: 96px !important;
}

body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-actions > .col-sm-12,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-actions > .col-sm-12 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

/* Greeting controls: same footprint, softer text and borders. */








/* Collapsed Advanced feature cards — inner shell is FLAT (card frame
   is on .aa-call-feature wrapper which already provides padding). */
body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced:not(:has(.pre_alert_content_section:not(.hidden))):not(:has(.call_forwarding_always_section:not(.hidden))):not(:has(.call_forwarding_selective_content_section:not(.hidden))),
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced:not(:has(.pre_alert_content_section:not(.hidden))):not(:has(.call_forwarding_always_section:not(.hidden))):not(:has(.call_forwarding_selective_content_section:not(.hidden))) {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced:not(:has(.pre_alert_content_section:not(.hidden))):not(:has(.call_forwarding_always_section:not(.hidden))):not(:has(.call_forwarding_selective_content_section:not(.hidden))) > .form-group.row,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced:not(:has(.pre_alert_content_section:not(.hidden))):not(:has(.call_forwarding_always_section:not(.hidden))):not(:has(.call_forwarding_selective_content_section:not(.hidden))) > .form-group.row {
    min-height: 50px !important;
    height: auto !important;
    padding: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .call_forwarding_selective_header_actions,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .call_forwarding_selective_header_actions {
    min-height: 40px !important;
}

/* Fix toggle vertical centering: label.switch has a 4px bottom margin
   that shifts the toggle up from center. Zero it in collapsed cards. */
body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced label.switch,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced label.switch {
    margin-bottom: 0 !important;
}

/* CFS Enabled toggle: keep it in the shared 3-col grid and right-align it within the control
   column so it sits directly over the Forward To field (matches the voicemail field-level toggle). */
body.v4-body .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .col-12.d-flex > .bwa_main_inputs:has(label.switch),
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced #call_forwarding_selective .aa-cfs-card .col-12.d-flex > .bwa_main_inputs:has(label.switch) {
    grid-column: 2 !important;
    justify-self: end !important;
    width: auto !important;
    max-width: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .v4-feature-desc,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced .v4-feature-desc {
    margin-top: 3px !important;
    line-height: 1.35 !important;
}

/* CFS: separator between main header and forwarding rule cards.
   The forwarding rule description line sits under the wrong element;
   move it to a border-top on the rules container instead. */
body.v4-body .v4-content [id$="_app"] #call_forwarding_selective .call_forwarding_selective_content_section:not(.hidden),
body.v4-body #v4-app .v4-content [id$="_app"] #call_forwarding_selective .call_forwarding_selective_content_section:not(.hidden) {
    border-top: 1px solid #E4EBF3 !important;
    margin-top: 10px !important;
    padding-top: 6px !important;
}

/* Forwarding rule card descriptions get the same ::after hairline
   as Greeting/Schedule/OA Number subsection descriptions. */

/* Voicemail tab: apply the same alignment rules outside Advanced. */
























































@media (max-width: 1024px) {
    body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot,
    body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot {
        left: 0 !important;
        width: 100vw !important;
    }
}

@media (max-width: 760px) {
    body.v4-body .v4-content .v4-tabbed-detail .aa-tab,
    body.v4-body #v4-app .v4-content .v4-tabbed-detail .aa-tab {
        min-width: auto !important;
        padding: 0 14px !important;
    }

    body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-inner,
    body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-inner {
        grid-template-columns: minmax(0, 1fr) !important;
        row-gap: 8px !important;
    }

    body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-status,
    body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-actions,
    body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-status,
    body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-actions {
        grid-column: 1 !important;
        justify-self: center !important;
    }

    

    

    

    
}

/* Pass 36bg - Voicemail greeting stack and final control tone. */


















/* Pass 36bh - stronger final override for recorder buttons. */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    padding-bottom: 128px !important;
}





/* Pass 36bi - include the plain Text to Speech trigger button. */




/* Pass 36bj - match older high-specificity TTS trigger selectors. */




/* Pass 36bk - measured tab content spacing normalization. */


body.v4-body .v4-content #auto_attendant_app #profile-section .aa-unified-shell--profile,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-unified-shell--profile,
body.v4-body .v4-content #auto_attendant_app #business .aa-unified-shell > .form-group:first-child,
body.v4-body .v4-content #auto_attendant_app #after-hours .aa-unified-shell > .form-group:first-child,
body.v4-body .v4-content #auto_attendant_app #holiday .aa-unified-shell > .form-group:first-child,
body.v4-body #v4-app .v4-content #auto_attendant_app #business .aa-unified-shell > .form-group:first-child,
body.v4-body #v4-app .v4-content #auto_attendant_app #after-hours .aa-unified-shell > .form-group:first-child,
body.v4-body #v4-app .v4-content #auto_attendant_app #holiday .aa-unified-shell > .form-group:first-child {
    margin-top: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .submenu-container,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .submenu-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .submenu-container + .submenu-container,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .submenu-container + .submenu-container {
    margin-top: 12px !important;
}

/* Pass 36bl - flat inner section system and voicemail greeting parity. */
body.v4-body .v4-content .v4-tabbed-detail #auto_attendant_app,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #auto_attendant_app {
    --aa-flat-section-border: #DDE7F1;
    --aa-flat-section-radius: 8px;
    --aa-elegant-control-border: #DCE6F1;
    --aa-elegant-control-text: #314860;
    --aa-elegant-control-icon: #7C8FA4;
}

body.v4-body .v4-content #auto_attendant_app #advanced .advanced_container > h5,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .advanced_container > h5 {
    margin: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .advanced_container > h5 > .toggle_header,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .advanced_container > h5 > .toggle_header {
    width: calc(100% - 40px) !important;
    margin: 0 20px 7px !important;
    padding: 6px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .advanced_container > h5 > .toggle_header > .col,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .advanced_container > h5 > .toggle_header > .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}















/* Greeting button border-radius + font-weight moved to v4_2026.css.
   Only color/border-color remain here for theme layering. */




/* Pass 36bm - flow actions with the active content and simplify menu key tone. */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    --aa-menu-key-bg: #FFFFFF;
    --aa-menu-key-border: #DCE6F1;
    --aa-menu-key-text: #4B627D;
    --aa-menu-key-filled-bg: #FAFCFF;
    --aa-menu-key-filled-border: #CBD8E8;
    --aa-menu-key-empty-text: #7A8EA6;
    padding-bottom: 32px !important;
}

body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot {
    position: fixed !important;
    left: 274px !important;
    right: auto !important;
    /* Lifted from 20px → 36px (matches the rule near line 9630). */
    bottom: 36px !important;
    width: calc(100vw - 274px - 86px) !important;
    max-width: 1150px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none !important;
    z-index: 50 !important;
    text-align: center !important;
}

/* Floating action group (duplicate of the rule near line 9638) — kept
   here too so it wins over any later same-specificity definitions. */
body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-inner,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-inner {
    width: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 10px 18px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--aa-flat-section-border, #DDE7F1) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    column-gap: 0 !important;
    gap: 16px !important;
    pointer-events: auto !important;
}

body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-status,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-status {
    grid-column: 1 !important;
    justify-self: start !important;
}

body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-actions,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-actions {
    grid-column: 2 !important;
    justify-self: center !important;
}

body.v4-body .v4-content .v4-tabbed-detail > .aa-tabs,
body.v4-body #v4-app .v4-content .v4-tabbed-detail > .aa-tabs {
    margin-bottom: 16px !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #call_center_app, #hunt_group_app) .aa-tab-panel,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #call_center_app, #hunt_group_app) .aa-tab-panel {
    margin-top: 0 !important;
}



body.v4-body .v4-content #auto_attendant_app :is(#business, #after-hours, #holiday) tr.v4-menu-configured .aa-key-chip,
body.v4-body #v4-app .v4-content #auto_attendant_app :is(#business, #after-hours, #holiday) tr.v4-menu-configured .aa-key-chip,
body.v4-body .v4-content #auto_attendant_app #submenu tr.v4-menu-configured .menu-key-chip,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu tr.v4-menu-configured .menu-key-chip {
    background: var(--aa-menu-key-filled-bg) !important;
    border-color: var(--aa-menu-key-filled-border) !important;
    color: #30445D !important;
    font-weight: 650 !important;
}

body.v4-body .v4-content #auto_attendant_app :is(#business, #after-hours, #holiday) tr.v4-menu-empty .aa-key-chip,
body.v4-body #v4-app .v4-content #auto_attendant_app :is(#business, #after-hours, #holiday) tr.v4-menu-empty .aa-key-chip,
body.v4-body .v4-content #auto_attendant_app #submenu tr.v4-menu-empty .menu-key-chip,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu tr.v4-menu-empty .menu-key-chip {
    background: #FFFFFF !important;
    border-color: #DDE7F1 !important;
    color: var(--aa-menu-key-empty-text) !important;
}

@media (max-width: 760px) {
    body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot,
    body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot {
        padding-bottom: 24px !important;
    }

    body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-inner,
    body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-inner {
        width: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        row-gap: 8px !important;
    }

    body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-status,
    body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-actions,
    body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-status,
    body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-actions {
        grid-column: 1 !important;
        justify-self: center !important;
    }
}

/* Pass 36bn - remove remaining nested frames and normalize Advanced/Voicemail rails. */


body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-section:not(.aa-submenu-section--menu),
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-section:not(.aa-submenu-section--menu) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .advanced_container > h5 > .toggle_header,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .advanced_container > h5 > .toggle_header {
    width: 100% !important;
    margin: 0 0 7px !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced:first-of-type,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced:first-of-type {
    margin-top: 7px !important;
}







/* Pass 36bo / late floating-pill override — keep the Save/Cancel/Delete
   bar fixed near the bottom of the viewport even when legacy markup
   renders the footer outside the tabbed detail wrapper. */
body.v4-body .v4-content #aa_sticky_foot,
body.v4-body #v4-app .v4-content #aa_sticky_foot {
    position: fixed !important;
    left: 274px !important;
    right: auto !important;
    /* Lifted from 20px → 36px (matches the rule near line 9630). */
    bottom: 36px !important;
    width: calc(100vw - 274px - 86px) !important;
    max-width: 1150px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none !important;
    z-index: 50 !important;
    text-align: center !important;
}

body.v4-body .v4-content #aa_sticky_foot .aa-sticky-foot-inner,
body.v4-body #v4-app .v4-content #aa_sticky_foot .aa-sticky-foot-inner {
    width: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 10px 18px !important;
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    column-gap: 0 !important;
    gap: 16px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--aa-flat-section-border, #DDE7F1) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    pointer-events: auto !important;
}

body.v4-body .v4-content #aa_sticky_foot .aa-sticky-foot-status,
body.v4-body #v4-app .v4-content #aa_sticky_foot .aa-sticky-foot-status {
    grid-column: 1 !important;
    justify-self: start !important;
}

body.v4-body .v4-content #aa_sticky_foot .aa-sticky-foot-actions,
body.v4-body #v4-app .v4-content #aa_sticky_foot .aa-sticky-foot-actions {
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}
/* Dev3 shared profile final guard: v4_design injects section descriptions
   after page load, so keep the Profile header stacked and quiet everywhere
   this shared AA stylesheet is loaded. */




body.v4-body .v4-content :is(#auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) :is(.aa-profile-basic-card, .aa-profile-number-card),
body.v4-body #v4-app .v4-content :is(#auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) :is(.aa-profile-basic-card, .aa-profile-number-card) {
    border-radius: var(--aa-flat-section-radius) !important;
}

body.v4-body .v4-content :is(#auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-section > .form-group.row.aa-profile-number-card,
body.v4-body #v4-app .v4-content :is(#auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) .aa-profile-section > .form-group.row.aa-profile-number-card {
    border-radius: var(--aa-flat-section-radius) !important;
    background: #FFFFFF !important;
}

body.v4-body .v4-content :is(#auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number :is(.slim_row, .form-group.row, [class*="col-"]),
body.v4-body #v4-app .v4-content :is(#auto_attendant_app, #call_center_app, #hunt_group_app) :is(#profile, #profile-section) #alternative_number :is(.slim_row, .form-group.row, [class*="col-"]) {
    border: 0 !important;
    box-shadow: none !important;
}

/* Dev3 pre-alert final guard: the outer Pre-alert card is the only frame. */












/* Dev3 shared recorder module: Auto Attendant uses the same selector renderer
   as Extension, Call Center, and Hunt Group. */
















/* Dev3 final alignment guard: tabs, content, frames, recorder columns,
   and Pre-alert dividers stay identical across Auto Attendant tabs. */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    --aa-flat-section-border: #DDE7F1;
    --aa-elegant-control-border: #DCE6F1;
    --aa-recorder-row-label: var(--greeting-label-width);
    --aa-recorder-grid-gap: var(--greeting-grid-gap);
    --aa-recorder-button-width: var(--greeting-button-width);
    --aa-recorder-edit-width: var(--greeting-edit-width);
    --aa-recorder-action-width: 464px;
    --aa-recorder-control-width: 464px;
    --aa-recorder-select-width: var(--greeting-select-width);
    --shared-recorder-label-width: var(--greeting-label-width);
    --shared-recorder-select-width: var(--greeting-select-width);
    --shared-recorder-edit-width: var(--greeting-edit-width);
    --shared-recorder-gap: var(--greeting-grid-gap);
    --shared-recorder-button-width: var(--greeting-button-width);
    --shared-recorder-action-width: 464px;
    --aa-prealert-header-divider: #E8EEF5;
    --aa-prealert-section-divider: #DDE7F1;
}

body.v4-body .v4-content .v4-tabbed-detail > .aa-tabs,
body.v4-body .v4-content .v4-tabbed-detail > .aa-tab-panel,
body.v4-body #v4-app .v4-content .v4-tabbed-detail > .aa-tabs,
body.v4-body #v4-app .v4-content .v4-tabbed-detail > .aa-tab-panel {
    margin-left: 0 !important;
    margin-right: auto !important;
}

body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-inner,
body.v4-body .v4-content #aa_sticky_foot .aa-sticky-foot-inner,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot .aa-sticky-foot-inner,
body.v4-body #v4-app .v4-content #aa_sticky_foot .aa-sticky-foot-inner {
    margin-left: 0 !important;
    margin-right: auto !important;
}

body.v4-body .aa-sticky-foot-inner,
body.v4-body .v4-content .aa-sticky-foot-inner,
body.v4-body #v4-app .v4-content .aa-sticky-foot-inner,
body.v4-body #aa_sticky_foot.aa-sticky-foot .aa-sticky-foot-inner,
body.v4-body #v4-app #aa_sticky_foot.aa-sticky-foot .aa-sticky-foot-inner,
body.v4-body .v4-content .v4-tabbed-detail #aa_sticky_foot.aa-sticky-foot .aa-sticky-foot-inner,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #aa_sticky_foot.aa-sticky-foot .aa-sticky-foot-inner,
body.v4-body .v4-content #aa_sticky_foot.aa-sticky-foot .aa-sticky-foot-inner,
body.v4-body #v4-app .v4-content #aa_sticky_foot.aa-sticky-foot .aa-sticky-foot-inner {
    border: 0 !important;
    box-shadow: 0 0 0 1px #DDE7F1, 0 14px 32px rgba(16, 39, 68, 0.10) !important;
}



body.v4-body .v4-content #auto_attendant_app #profile-section .aa-unified-shell--profile,
body.v4-body .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-unified-shell--profile,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced .aa-unified-shell--advanced {
    margin-left: 0 !important;
    margin-right: 0 !important;
}















/* Greeting button width moved to v4_2026.css.  Do NOT re-add here. */

@media (max-width: 760px) {
    body.v4-body .v4-content .v4-tabbed-detail > .aa-tabs,
    body.v4-body .v4-content .v4-tabbed-detail > .aa-tab-panel,
    body.v4-body #v4-app .v4-content .v4-tabbed-detail > .aa-tabs,
    body.v4-body #v4-app .v4-content .v4-tabbed-detail > .aa-tab-panel {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    
}

body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #call_center_app, #hunt_group_app) > .aa-tab-panel,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #call_center_app, #hunt_group_app) > .aa-tab-panel {
    margin-left: 0 !important;
    margin-right: auto !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #call_center_app, #hunt_group_app),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #call_center_app, #hunt_group_app) {
    --shared-recorder-label-width: var(--greeting-label-width);
    --shared-recorder-select-width: var(--greeting-select-width);
    --shared-recorder-edit-width: var(--greeting-edit-width);
    --shared-recorder-gap: var(--greeting-grid-gap);
}





@media (max-width: 760px) {
    body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #call_center_app, #hunt_group_app) > .aa-tab-panel,
    body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #call_center_app, #hunt_group_app) > .aa-tab-panel {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}



/* Dev3 final requested polish: neutral menu keys, submenu frame hierarchy,
   and exact one-pixel profile/section borders. */
body.v4-body .v4-content #auto_attendant_app,
body.v4-body #v4-app .v4-content #auto_attendant_app {
    --aa-flat-section-border: #DDE7F1;
    --aa-menu-key-bg: #FFFFFF;
    --aa-menu-key-border: #DEE5EE;
    --aa-menu-key-text: #3C4858;
    --aa-menu-key-filled-bg: #F4F6F8;
    --aa-menu-key-filled-border: #9AA6B2;
    --aa-menu-key-empty-bg: #FFFFFF;
    --aa-menu-key-empty-border: #E4E9F0;
    --aa-menu-key-empty-text: #A5AFBA;
}



body.v4-body .v4-content #auto_attendant_app :is(#business, #after-hours, #holiday) tr.v4-menu-configured .aa-key-chip,
body.v4-body #v4-app .v4-content #auto_attendant_app :is(#business, #after-hours, #holiday) tr.v4-menu-configured .aa-key-chip,
body.v4-body .v4-content #auto_attendant_app #submenu tr.v4-menu-configured .menu-key-chip,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu tr.v4-menu-configured .menu-key-chip {
    background: var(--aa-menu-key-filled-bg) !important;
    border-color: var(--aa-menu-key-filled-border) !important;
    color: #202A36 !important;
    font-weight: 700 !important;
}

body.v4-body .v4-content #auto_attendant_app :is(#business, #after-hours, #holiday) tr.v4-menu-empty .aa-key-chip,
body.v4-body #v4-app .v4-content #auto_attendant_app :is(#business, #after-hours, #holiday) tr.v4-menu-empty .aa-key-chip,
body.v4-body .v4-content #auto_attendant_app #submenu tr.v4-menu-empty .menu-key-chip,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu tr.v4-menu-empty .menu-key-chip {
    background: var(--aa-menu-key-empty-bg) !important;
    border-color: var(--aa-menu-key-empty-border) !important;
    color: var(--aa-menu-key-empty-text) !important;
    font-weight: 600 !important;
}

body.v4-body .v4-content #auto_attendant_app #profile-section .aa-unified-shell--profile,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-profile-number-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-unified-shell--profile,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-basic-card,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-profile-number-card {
    border: 1px solid var(--aa-flat-section-border) !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-section:not(.aa-submenu-section--menu),
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-section:not(.aa-submenu-section--menu) {
    border: 1px solid var(--aa-flat-section-border) !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    padding: 18px 22px !important;
    box-shadow: none !important;
}





body.v4-body .v4-content #auto_attendant_app #submenu .edit_submenu_name,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .edit_submenu_name {
    display: none !important;
}

/* AA adaptive tabs pilot */
body.v4-body .v4-content .v4-tabbed-detail .aa-tab.aa-tab--features,
body.v4-body #v4-app .v4-content .v4-tabbed-detail .aa-tab.aa-tab--features {
    min-width: 116px !important;
    margin-left: 8px !important;
    color: #6B7F97 !important;
    font-weight: 650 !important;
}

body.v4-body .v4-content .v4-tabbed-detail .aa-tab.aa-tab--features::after,
body.v4-body #v4-app .v4-content .v4-tabbed-detail .aa-tab.aa-tab--features::after {
    display: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail .aa-tab.aa-tab--features:hover,
body.v4-body #v4-app .v4-content .v4-tabbed-detail .aa-tab.aa-tab--features:hover {
    color: #122849 !important;
    background: #F8FAFD !important;
}

body.v4-body .v4-content .v4-tabbed-detail .aa-tab.aa-tab--features.is-open,
body.v4-body #v4-app .v4-content .v4-tabbed-detail .aa-tab.aa-tab--features.is-open {
    color: #122849 !important;
    background: #F8FAFD !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-features-panel,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-features-panel {
    width: 100% !important;
    max-width: var(--aa-detail-content-width, 1150px) !important;
    margin: -10px 0 22px !important;
    padding: 16px 20px !important;
    border: 1px solid var(--aa-flat-section-border, #DDE7F1) !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-features-panel[hidden],
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-features-panel[hidden] {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-feature-group,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-feature-group {
    border-bottom: 1px solid #E8EFF6 !important;
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-feature-group:last-child,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-feature-group:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-feature-group-title,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-feature-group-title {
    color: #6B7F97 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-feature-row,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-feature-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 18px 0 !important;
    border-bottom: 1px solid #EDF2F7 !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-feature-row:last-child,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-feature-row:last-child {
    border-bottom: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-feature-copy,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-feature-copy {
    min-width: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-feature-name,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-feature-name {
    color: #001F4A !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-feature-desc,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-feature-desc {
    color: #6B7F97 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin-top: 2px !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-feature-switch,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-feature-switch {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

/* =================================================================
   Frame consistency pass — match the Open/Closed/Holiday pattern
   across Profile, Submenus, and "+ Features".
   ----------------------------------------------------------------
   Open uses: transparent outer setting_section, with each child
   subsection (Greeting, Menu) drawn as its own bordered white card.
   Profile and Submenus had additional bordered wrappers (outer
   #profile-section + .aa-unified-shell--profile, .submenu-container)
   that gave them an extra visual "frame" the other tabs don't have.
   The rules below strip those outer frames and restore borders on
   the child cards so the user sees the same one-frame-per-card
   rhythm everywhere.
   ================================================================= */

/* Profile: drop the outer "main frame" bordering so only the two
   inner cards (Auto Attendant Info, Number) carry borders, matching
   Open's Greeting + Menu pattern. */
body.v4-body .v4-content .v4-tabbed-detail #auto_attendant_app #profile-section,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #auto_attendant_app #profile-section,
body.v4-body .v4-content #auto_attendant_app #profile-section .aa-unified-shell--profile,
body.v4-body #v4-app .v4-content #auto_attendant_app #profile-section .aa-unified-shell--profile {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Submenus: invert the framing — the outer .submenu-container becomes
   a transparent grouping with just the header (name + delete), and
   the Greeting + Menu cards inside take on the standard bordered
   white card look so each submenu reads like Open's two-card layout. */
body.v4-body .v4-content #auto_attendant_app #submenu .submenu-container,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .submenu-container {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}



/* Notice tab — pre-alert lives here now in its own #advanced-notice
   container. Mirror the card styling that Pre-alert had inside the
   Calls tab (selectors there are scoped to #advanced) so the
   announcement and schedule blocks render as proper cards. */


/* The pre-alert template wraps its content in a transparent shell
   container and the cards-inside-cards problem we fixed for Profile
   would re-emerge here without an explicit override. */
body.v4-body .v4-content #auto_attendant_app #advanced-notice .aa-unified-shell--advanced,
body.v4-body #v4-app .v4-content #auto_attendant_app #advanced-notice .aa-unified-shell--advanced {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* =================================================================
   Hide the per-tab enable toggle in Voicemail and Notice — the
   "+ Features" panel is now the canonical place to enable/disable
   these features. The toggle inputs stay in the DOM (CSS-hidden, not
   removed) so the existing save flow keeps serializing their state.
   ================================================================= */

/* Voicemail tab — hide label/toggle columns inside #voicemail; keep
   .voice_mail_container visible. */








/* Notice tab — hide pre-alert header row, force-show content. */






/* =================================================================
   Notice tab: match Holiday's framing exactly. Holiday wraps the
   "Greeting" + content rows AND the "Menu" + table inside one
   bordered card each (the .notify_section). Pre-alert's markup has
   the border on the INNER card (aa-prealert-{announcement,schedule}
   -card), which puts the section header outside the box and leaves
   the schedule's nested events table with its own visible border.
   Move the border to the outer .aa-prealert-section wrapper, drop it
   from the inner cards and the events table.
   ================================================================= */





/* Subsection header (the "Greeting" / "Schedule" label) — sit it at
   the top of the card the same way Holiday's labels do, with the
   same vertical rhythm. */




/* Strip the inner frame off the events table inside the Schedule
   card. Whatever wrapper the scheduleService renders, neutralise the
   border / shadow / background so it sits directly inside the
   single outer .aa-prealert-section card, no double box. */


/* Separator between multiple pre-alert schedule criteria */
#pre-alert .aa-prealert-section--schedule .aa-schedule-content + .aa-schedule-content {
    border-top: 1px solid #E9ECEF;
    padding-top: 16px;
}

/* =================================================================
   Office Anywhere: layout matching Pre-alert pattern.
   Outer .aa-call-feature wrapper = padding 0; inner #office_anywhere
   gets the 24px 28px padding (same as #pre-alert pattern).
   Number cards are borderless subsections with dotted separators.
   ================================================================= */

/* Office Anywhere uses the SAME canonical card as every other feature: the
   .aa-call-feature wrapper is the card (border/radius/bg/padding from the
   canonical rule), and the inner #office_anywhere is FLAT. No strip on the
   wrapper, no card on the inner - otherwise it inverts the pattern and the
   widths/borders drift from the other cards. */
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .call_control_details > .aa-call-feature[data-aa-feature-content="office_anywhere"] > #office_anywhere.inner_section {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    box-shadow: none !important;
}

#office_anywhere .aa-oa-layout {
    padding: 0;
}

#office_anywhere .broadworks_anywhere_table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

#office_anywhere .number_wrapper,
#office_anywhere .number,
#office_anywhere .subsection_line,
#office_anywhere .aa-repeat-card-body,
#office_anywhere .form-group.row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

#office_anywhere .broadworks_anywhere_table::before,
#office_anywhere .broadworks_anywhere_table::after,
#office_anywhere .number::before,
#office_anywhere .number::after,
#office_anywhere .subsection_line::before,
#office_anywhere .subsection_line::after,
#office_anywhere .form-group.row::before,
#office_anywhere .form-group.row::after {
    display: none !important;
    content: none !important;
}

/* Section header: title+subtitle left, +/toggle right on same row */
:is(#office_anywhere, #sequential_ring, #call_notify, #simultaneous_ring, #call_forwarding_no_answer, #call_forwarding_busy, #priority_alert, #selective_rejection, #call_forwarding_always, #do_not_disturb, #call_waiting, #calling_line_id_blocking, #call_recording, #push_to_talk, #call_park, #directed_call_pickup, #busy_lamp, #assistance, #departments) .aa-section-header-with-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--v4-border-light, #ECEFF4);
    margin: 0 0 18px;
    padding: 0 0 18px;
}

:is(#office_anywhere, #sequential_ring, #call_notify, #simultaneous_ring, #call_forwarding_no_answer, #call_forwarding_busy, #priority_alert, #selective_rejection, #call_forwarding_always, #do_not_disturb, #call_waiting, #calling_line_id_blocking, #call_recording, #push_to_talk, #call_park, #directed_call_pickup, #busy_lamp, #assistance, #departments) .aa-section-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* Number cards: borderless subsections, dotted separator between.
   High specificity needed to beat generic .number_wrapper border:0 reset at ~line 1120. */
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature #office_anywhere .aa-office-anywhere-card:not(.clone) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 0 12px !important;
    margin: 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature #office_anywhere .aa-office-anywhere-card:not(.clone) + .aa-office-anywhere-card:not(.clone) {
    border-top: 1px dotted var(--v4-border-light, #E9ECEF) !important;
    padding-top: 18px !important;
    margin-top: 14px !important;
}

#office_anywhere .aa-office-anywhere-card:not(.clone) > .number {
    border: 0;
    padding: 0;
    margin: 0;
}

/* Card header: flex for icon + title alignment */
#office_anywhere .aa-office-anywhere-card .aa-subsection-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 10px;
    border-bottom: 0;
}

#office_anywhere .aa-office-anywhere-header .aa-inline-subsection-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

#office_anywhere .aa-oa-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    flex-shrink: 0;
    color: var(--v4-orange, #F89939);
}
#office_anywhere .aa-oa-card-icon svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

#office_anywhere .aa-office-anywhere-card .aa-office-anywhere-legacy-delete-row {
    display: none !important;
}

html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature :is(.broadworks_anywhere_table, .call_forwarding_selective_content_section) {
    border-top: 0 !important;
}

/* Labels are normalized at the source rule (line ~966) to 13px/600/#1B3557.
   Inputs need their own normalization to match Voicemail spec. */
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature :is(.call_forwarding_always_section, .call_forwarding_no_answer_section, .call_forwarding_busy_section, .simultaneous_content_section, .sequential_ring_content, .padded_section_widths) :is(input.form-control, select.form-control) {
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 7px !important;
    border: 1px solid #C6D3E1 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #1B3557 !important;
}

/* =================================================================
   Office Anywhere: config fields (Enabled / Phone Number / Answer
   Confirmation). Three-column flex: label | input | toggle.
   ================================================================= */

#office_anywhere .aa-oa-settings-area {
    padding: 8px 0 8px;
    max-width: 589px;
}

#office_anywhere .aa-oa-field-row.row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding: 8px 0;
    border-bottom: 1px solid var(--v4-border-light, #F0F1F4);
    gap: 0;
}

#office_anywhere .aa-oa-field-row.row:last-of-type {
    border-bottom: 0;
}

#office_anywhere .aa-oa-field-label {
    width: 185px;
    flex-shrink: 0;
}

#office_anywhere .aa-oa-field-label .label {
    font-size: 13px;
    font-weight: 500;
    color: var(--v4-text, #0F1729);
    margin: 0;
    line-height: 1.4;
    white-space: nowrap;
}

#office_anywhere .aa-oa-field-input {
    flex: 1;
    min-width: 0;
}

#office_anywhere .aa-oa-field-input .form-control {
    max-width: 240px;
    width: 100%;
}

#office_anywhere .aa-oa-field-control {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 44px;
}

/* =================================================================
   Office Anywhere: schedule subsection
   ================================================================= */

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) .aa-call-feature #office_anywhere .aa-oa-schedule-section {
    margin-top: 10px !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid var(--v4-border-light, #ECEFF4) !important;
    background: transparent !important;
    box-shadow: none !important;
}

#office_anywhere .aa-oa-schedule-section .aa-subsection-header {
    border-bottom: 0;
    padding: 0 0 10px;
}

#office_anywhere .aa-oa-schedule-section .aa-schedule-content {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* =================================================================
   Call Forwarding Selective: kill inner rule-card borders to prevent
   double border. Outer .aa-call-feature is the single visible card.
   ================================================================= */

html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature .aa-cfs-card:not(.clone) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 0 12px !important;
    margin: 0 !important;
}

html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) #call_control .aa-call-feature .aa-cfs-card:not(.clone) + .aa-cfs-card:not(.clone) {
    border-top: 1px dotted var(--v4-border-light, #E9ECEF) !important;
    padding-top: 18px !important;
    margin-top: 14px !important;
}

/* =================================================================
   Submenu: give the Menu section the same Holiday-style bordered
   card frame the Greeting section has. The previous rule explicitly
   stripped Menu's border (lines 11075+ above) — override it so the
   "Menu" header sits inside its own bordered card, with the inner
   .aa-submenu-menu-card content transparent.
   ================================================================= */
body.v4-body .v4-content #auto_attendant_app #submenu .aa-submenu-section--menu,
body.v4-body #v4-app .v4-content #auto_attendant_app #submenu .aa-submenu-section--menu {
    border: 1px solid var(--aa-flat-section-border, #DDE7F1) !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    padding: 18px 22px !important;
    box-shadow: none !important;
    margin: 16px 0 0 !important;
}



/* =================================================================
   Cross-entity reuse — Hunt Group / Call Center / Extension. The AA
   features-panel + tab CSS above is scoped to #auto_attendant_app, so
   parallel rule blocks anchored on the shared .v4-tabbed-detail class
   carry the same look across the other three detail pages without
   duplicating every selector.
   ================================================================= */

body.v4-body .v4-content .v4-tabbed-detail #hunt_group_app .aa-features-panel,
body.v4-body .v4-content .v4-tabbed-detail #call_center_app .aa-features-panel,
body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-features-panel,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #hunt_group_app .aa-features-panel,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #call_center_app .aa-features-panel,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app .aa-features-panel {
    width: 100% !important;
    max-width: var(--aa-detail-content-width, 1150px) !important;
    margin: -10px 0 22px !important;
    padding: 16px 20px !important;
    border: 1px solid var(--aa-flat-section-border, #DDE7F1) !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail .aa-features-panel[hidden] {
    display: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail #hunt_group_app .aa-feature-group,
body.v4-body .v4-content .v4-tabbed-detail #call_center_app .aa-feature-group,
body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-feature-group,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #hunt_group_app .aa-feature-group,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #call_center_app .aa-feature-group,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app .aa-feature-group {
    border-bottom: 1px solid #E8EFF6 !important;
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
}

body.v4-body .v4-content .v4-tabbed-detail #hunt_group_app .aa-feature-group:last-child,
body.v4-body .v4-content .v4-tabbed-detail #call_center_app .aa-feature-group:last-child,
body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-feature-group:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail #hunt_group_app .aa-feature-group-title,
body.v4-body .v4-content .v4-tabbed-detail #call_center_app .aa-feature-group-title,
body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-feature-group-title {
    color: #6B7F97 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}

body.v4-body .v4-content .v4-tabbed-detail #hunt_group_app .aa-feature-row,
body.v4-body .v4-content .v4-tabbed-detail #call_center_app .aa-feature-row,
body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-feature-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 18px 0 !important;
    border-bottom: 1px solid #EDF2F7 !important;
}

body.v4-body .v4-content .v4-tabbed-detail #hunt_group_app .aa-feature-row:last-child,
body.v4-body .v4-content .v4-tabbed-detail #call_center_app .aa-feature-row:last-child,
body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-feature-row:last-child {
    border-bottom: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail #hunt_group_app .aa-feature-name,
body.v4-body .v4-content .v4-tabbed-detail #call_center_app .aa-feature-name,
body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-feature-name {
    color: #001F4A !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
}

body.v4-body .v4-content .v4-tabbed-detail #hunt_group_app .aa-feature-desc,
body.v4-body .v4-content .v4-tabbed-detail #call_center_app .aa-feature-desc,
body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-feature-desc {
    color: #6B7F97 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin-top: 2px !important;
}

body.v4-body .v4-content .v4-tabbed-detail #hunt_group_app .aa-feature-switch,
body.v4-body .v4-content .v4-tabbed-detail #call_center_app .aa-feature-switch,
body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-feature-switch {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

/* =================================================================
   Voicemail tab card framing parity with Open / Closed / Holiday.
   The voice_mail_container had a calc(100% - 48px) width with auto
   centering, leaving the inner cards 24px inset on each side and
   ~18px lower than the schedule tabs. The aa-vm-section cards also
   used 20px/22px padding and a 14px gap, vs. 24px/28px and 16px on
   the schedule tabs. Match exactly so the Voicemail subsection
   cards line up with the Open tab framing.
   ================================================================= */






/* === 2026-05-03 dev4 — AA Calls tab CFS rule polish ============== */
/* Action icons go from circular pills (border-radius: 999px) to
   square-with-rounded-corners (8px) so they read as compact buttons,
   matching the input/select shape language on the rest of the card.
   Add Schedule / Add Template / Show Old / Save New Schedule pills
   shrink from 36px tall to 28px so they don't dominate the row.
   The bottom "Delete Number" row is hidden — replaced by the
   icon-only .aa-cfs-card-delete button in the rule card header. */

body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .edit_event_recur,
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .time_schedule_remove,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .edit_event_recur,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .time_schedule_remove {
    border-radius: 8px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .add_button,
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule-old-toggle,
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .save_new_schedule,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .add_button,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule-old-toggle,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .save_new_schedule {
    height: 32px !important;
    min-height: 32px !important;
    padding: 6px 14px !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    border-radius: 8px !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .add_button .fa-plus,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .add_button .fa-plus {
    font-size: 11px !important;
    margin-right: 4px !important;
}

/* Hide the legacy bottom Delete Number row — replaced by the
   top-right icon button. Kept in markup so JS show/hide hooks
   that touch .remove_call_forwarding_selective_number_parent
   continue to operate without errors. */
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-delete-row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-delete-row {
    display: none !important;
}

/* Top-right delete icon button — anchored to the rule card's
   top-right corner via position: absolute so it doesn't compete
   with the title + injected description for header row space.
   The card itself becomes a positioning context. */
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card {
    position: relative !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete-wrap,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete-wrap {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 2 !important;
}
/* Reserve space on the right side of the header row so long
   descriptions don't run under the absolute-positioned delete
   icon. 48px = 32px button + 16px gap. */

body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete-wrap,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete-wrap {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete-wrap.hidden,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete-wrap.hidden {
    display: none !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete {
    border: 1px solid #d6dae0 !important;
    background: #ffffff !important;
    color: #6b7280 !important;
    border-radius: 8px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.15s, border-color 0.15s, color 0.15s !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete:hover,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete:hover {
    border-color: #dc2626 !important;
    background: #fef2f2 !important;
    color: #dc2626 !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete svg,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
}

/* STS cell — match the action icon shape language. The .schedule_status
   wrapper is the visible "status button" (35x38, 5px radius border in
   the legacy CSS). Resize to 32x32 with 8px radius so it lines up with
   the edit/trash icons in the same row. */
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container .schedule_status,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container .schedule_status {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    border: 1px solid #d6dae0 !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
    background: #ffffff !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container .schedule_status .status,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container .schedule_status .status {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container .schedule_status .status i.fa-circle,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container .schedule_status .status i.fa-circle {
    font-size: 9px !important;
    width: 9px !important;
    height: 9px !important;
    line-height: 9px !important;
}

/* Column headers — left-align Sts and Actions to match the rest
   (Event Name / Date and Time / Recurs are all left-aligned). */
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container th.schedule-actions-header,
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container th.text-md-center,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container th.schedule-actions-header,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container th.text-md-center {
    text-align: left !important;
}

/* === 2026-05-03 dev4 (b) — pixel-perfect pass on AA Calls tab ===== */

/* Kill the inner scrollbar inside .table-responsive.collapse_mobile.
   schedule.js sets a fixed height that's 1px shorter than scrollHeight,
   so a vertical scrollbar appears on every event row table. We don't
   want a scroll region inside a rule card — let it expand naturally. */
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container .table-responsive,
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container .table-responsive.collapse_mobile,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container .table-responsive,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container .table-responsive.collapse_mobile {
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
}

/* Plus icon centering inside Add Schedule / Add Template.
   The icon has a ::before pseudo-element that draws the 14×14
   ring around the + glyph. The legacy CSS gives that ::before
   `position: relative; top: -2px` which shifts the ring UP by 2px
   relative to the + glyph — the ring reads as drifted up while
   the glyph itself sits low. Reset top/bottom and use absolute
   positioning to overlay the ring on the icon, centered. */
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .add_button .fa-plus,
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .add_button i.fa,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .add_button .fa-plus,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .add_button i.fa {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    height: 14px !important;
    width: 14px !important;
    font-size: 11px !important;
    margin-right: 6px !important;
    vertical-align: middle !important;
    position: relative !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .add_button .fa-plus::before,
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .add_button i.fa::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .add_button .fa-plus::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .add_button i.fa::before {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: auto !important;
    right: auto !important;
    width: 14px !important;
    height: 14px !important;
    line-height: 14px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* The CFS rule list stays FLAT inside the .aa-call-feature card - it must
   NOT draw its own border/radius/bg, or it doubles the outer card frame.
   The outer .aa-call-feature is the single visible frame on all four entities;
   individual rules are separated by dividers (see the .aa-cfs-card rules
   below), not by a nested border. */
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_content_section:not(.hidden),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_content_section:not(.hidden) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_content_section .aa-cfs-card:not(.clone),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_content_section .aa-cfs-card:not(.clone) {
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 20px 22px 22px !important;
    box-shadow: none !important;
    background: transparent !important;
}
/* Horizontal divider between consecutive non-clone rule cards.
   The user explicitly wants the line inset from both edges — NOT a
   full-width border across the container. Using a ::before pseudo
   so we can shrink it horizontally (border-top would always span
   the card's full width). */
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_content_section .aa-cfs-card:not(.clone) + .aa-cfs-card:not(.clone),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_content_section .aa-cfs-card:not(.clone) + .aa-cfs-card:not(.clone) {
    border-top: 0 !important;
    position: relative !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_content_section .aa-cfs-card:not(.clone) + .aa-cfs-card:not(.clone)::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_content_section .aa-cfs-card:not(.clone) + .aa-cfs-card:not(.clone)::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 22px !important;
    right: 64px !important;
    height: 1px !important;
    background: #e7eef6 !important;
    pointer-events: none !important;
}

/* Schedule action-buttons: was justify-content: center — pulled
   the icons 14px to the right of the header text. Pack them to
   the start so the first icon's left edge aligns with the
   "Actions" column header text. */
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container .schedule-action-buttons,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .schedule_container .schedule-action-buttons {
    justify-content: flex-start !important;
}

/* CFS actions-column width/padding/margin overrides removed 2026-05-26 -- schedule.css is single source */

/* The + add-criterion button next to the section toggle: strip the
   border / background — user wants just a plain plus glyph next to
   the toggle, not a framed button. */
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_add_number,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_add_number {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--v4-text-secondary, #52657d) !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_add_number:hover,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_add_number:hover {
    color: var(--v4-text, #0e2749) !important;
    background: transparent !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_add_number .fa,
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_add_number .fa-plus,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_add_number .fa,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_add_number .fa-plus {
    font-size: 14px !important;
    line-height: 1 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_add_number .fa::before,
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_add_number .fa-plus::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_add_number .fa::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective .call_forwarding_selective_add_number .fa-plus::before {
    content: "\f067" !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    position: static !important;
    transform: none !important;
    color: inherit !important;
    font-size: 14px !important;
    line-height: 1 !important;
}
/* Re-anchor the absolute delete icon to the card's own corner now
   that cards have less padding. */
body.v4-body .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete-wrap,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #hunt_group_app, #call_center_app, #extension_app) .aa-call-feature .aa-cfs-card .aa-cfs-card-delete-wrap {
    top: 18px !important;
    right: 18px !important;
}

/* === CFS frozen template, dev4 2026-05-03 ==========================
   Auto Attendant CFS is the measured reference. Keep this block as the
   shared source for Extension, Hunt Group, Call Center, and Auto
   Attendant. Do not adjust these measurements without re-measuring the
   same CFS view across all four entities. */

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_content_section:not(.hidden) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 0 !important;
    margin: 16px 0 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card:not(.clone) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
    position: relative !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card:not(.clone) + .aa-cfs-card:not(.clone) {
    border-top: 1px dotted var(--v4-border-light, #E9ECEF) !important;
    padding-top: 18px !important;
    margin-top: 14px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_header_actions {
    margin-right: -10px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_add_number {
    margin-right: 10px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card-delete-wrap {
    margin-right: -18px !important;
    right: 18px !important;
    top: 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card-delete {
    height: 34px !important;
    min-height: 34px !important;
    min-width: 34px !important;
    width: 34px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .call-forwarding-selective-events-area {
    margin-top: 12px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .table-responsive,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .table-responsive.collapse_mobile {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* CFS schedule-table header/actions overrides removed 2026-05-26 — schedule.css is single source */


body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head :is(input.form-control, select.form-control, .form-control, .select2-selection, .dropdown-toggle, .schedule_status),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .schedule-action-buttons .btn,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .add_row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .schedule_template_dropdown,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .schedule_template_dropdown > .dropdown-toggle,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .schedule-old-toggle {
    height: 34px !important;
    min-height: 34px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head .schedule_status,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .schedule-action-buttons .btn {
    width: 34px !important;
    min-width: 34px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .schedule-action-buttons {
    display: inline-grid !important;
    gap: 6px !important;
    grid-template-columns: 34px 34px !important;
    height: 34px !important;
    justify-content: end !important;
    justify-items: center !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    min-height: 34px !important;
    min-width: 74px !important;
    width: 74px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .independent_row_styles {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    margin-top: 8px !important;
    min-height: 34px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .independent_row_styles :is(.add_row, .schedule_template_dropdown > .dropdown-toggle, .schedule-old-toggle) {
    align-items: center !important;
    display: inline-flex !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .schedule-old-toggle.hidden,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .independent_row_styles .schedule-old-toggle.hidden {
    display: none !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .schedule-old-toggle:not(.hidden) {
    min-width: 112px !important;
    width: auto !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .add_button .fa-plus,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .add_button i.fa {
    align-items: center !important;
    display: inline-flex !important;
    font-size: 11px !important;
    height: 14px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin-right: 6px !important;
    position: relative !important;
    vertical-align: middle !important;
    width: 14px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .add_button .fa-plus::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .add_button i.fa::before {
    align-items: center !important;
    bottom: auto !important;
    display: flex !important;
    height: 14px !important;
    justify-content: center !important;
    left: 50% !important;
    line-height: 14px !important;
    position: absolute !important;
    right: auto !important;
    text-align: center !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 14px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container tr.schedule-recur-row > td {
    padding: 5px 0 10px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container tr.schedule-recur-row.hidden {
    display: none !important;
}

/* recurSection overrides DELETED — centralized in schedule.css (Phase 1) */


/* Final header and legacy-row locks for the frozen CFS card. These beat
   older Extension/HG/CC feature styles that used a tiny plus, visible
   feature toggle, collapse arrow, and a second legacy delete row. */
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_arrow {
    cursor: default !important;
    gap: 0 !important;
    pointer-events: none !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_arrow img {
    display: none !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_header_actions {
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: -10px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_header_actions > .switch {
    display: none !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_header_actions > .error_message:empty {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app #advanced .aa-cfs-card .bwa_main_inputs .switch {
    margin-left: 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_add_number {
    align-items: center !important;
    background: #FFFFFF !important;
    border: 1px solid #C9D8E8 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: #102949 !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    gap: 8px !important;
    height: 36px !important;
    justify-content: center !important;
    line-height: 20px !important;
    min-height: 36px !important;
    min-width: 104px !important;
    padding: 0 14px !important;
    white-space: nowrap !important;
    width: auto !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_add_number.hidden {
    display: none !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_add_number::after {
    content: "Add Rule";
    white-space: nowrap !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_add_number:hover {
    background: #F8FAFD !important;
    border-color: #AFC3D9 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_add_number .fa,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_add_number .fa-plus,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_add_number .fa::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_add_number .fa-plus::before {
    border: 0 !important;
    color: inherit !important;
    font-size: 14px !important;
    height: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card.clone,
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #call_control .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card.clone {
    display: none !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .aa-cfs-delete-row,
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) #call_control .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .aa-cfs-delete-row {
    display: none !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_header_actions label.switch,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_toggle,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app, #extension_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_toggle + .slider {
    display: none !important;
}

/* HG/CC advanced features use the SAME individual feature-card as every other
   feature and as the extension (the shared .aa-call-feature card rule above).
   Removed 2026-05-30: the old border:0 override + inter-feature divider assumed
   an outer "Advanced panel" card that does not exist, which left CFS frameless. */

/* === CFS parity lock, dev4 2026-05-04 ==============================
   Extension, Hunt Group, and Call Center use different parent templates
   than Auto Attendant. This block keeps the shared CFS feature visually
   identical: same header divider, field rhythm, and action-button frame. */

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective > .form-group.row_nested_parent {
    border-bottom: 1px solid #E4EDF6 !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 0 16px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective > .form-group.row_nested_parent {
    align-items: flex-start !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective > .form-group.row_nested_parent > .main_label {
    align-self: flex-start !important;
    padding-top: 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_arrow {
    align-items: flex-start !important;
    display: inline-flex !important;
    flex-direction: column !important;
    margin-left: -10px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_arrow label,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .v4-feature-heading {
    color: #0E2749 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-unified-shell--advanced div[class*="col-"]:has(> .v4-feature-desc) {
    flex-direction: column !important;
    align-items: flex-start !important;
    flex: 1 1 auto !important;
    gap: 4px !important;
    max-width: calc(100% - 80px) !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .v4-feature-desc {
    color: var(--v4-text-secondary, #4F5B6E) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    margin: 8px 0 0 !important;
    max-width: 62ch !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_content_section:not(.hidden) {
    margin-top: 16px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .subsection_line {
    gap: 0 !important;
    margin-top: 10px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .subsection_line > .form-group.row.slim_row {
    border: 0 !important;
    margin: 0 !important;
    min-height: 40px !important;
    padding: 3px 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .subsection_line > .form-group.row.slim_row > .col-12.d-flex {
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .aa-cfs-field-label,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule-selector-row > .schedule-label {
    align-items: center !important;
    color: #173456 !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 34px !important;
    line-height: 20px !important;
    margin: 0 !important;
    min-height: 34px !important;
    min-width: 170px !important;
    padding: 0 !important;
    width: 170px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .bwa_main_inputs,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_selector_wrapper {
    align-items: center !important;
    display: inline-flex !important;
    min-height: 34px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .bwa_main_inputs > .error_message:empty {
    display: none !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .checkbox.extra_small {
    align-items: center !important;
    display: inline-flex !important;
    margin: 0 !important;
    min-height: 34px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .aa-cfs-schedule-block {
    margin-top: 3px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .has_schedule > .form-group,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule-selector-row {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .call-forwarding-selective-events-area {
    margin-top: 14px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .aa-cfs-card-delete,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule-action-buttons .btn,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_status,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .add_button {
    background: #FFFFFF !important;
    border: 1px solid #C8D7E8 !important;
    box-shadow: none !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule-action-buttons .btn {
    align-items: center !important;
    border-radius: 7px !important;
    color: #153354 !important;
    display: inline-flex !important;
    justify-content: center !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule-action-buttons .btn i,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule-action-buttons .btn svg {
    margin: 0 !important;
}

/* CFS schedule header parity: the approved Auto Attendant table uses
   floating labels, not a framed table-head box. */
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head thead,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head thead tr {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head thead::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head thead::after,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head thead tr::before,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head thead tr::after {
    content: none !important;
    display: none !important;
}

/* CFS rule separator parity: legacy subsection styles hide ::before in
   Extension/Hunt/Call Center, so force the approved divider to paint. */
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_content_section .aa-cfs-card:not(.clone) ~ .aa-cfs-card:not(.clone) {
    margin-top: 14px !important;
    padding-top: 14px !important;
    position: relative !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_content_section .aa-cfs-card:not(.clone) ~ .aa-cfs-card:not(.clone)::before {
    background: #DDE7F1 !important;
    box-shadow: 0 4px 12px rgba(16, 39, 68, 0.18) !important;
    content: "" !important;
    display: block !important;
    height: 1px !important;
    left: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}


body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head :is(th:nth-child(5), td:nth-child(5)) {
    background: transparent !important;
    color: #6F839D !important;
    font-size: 14px !important;
    line-height: 34px !important;
    padding: 0 2px !important;
    text-align: center !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head tbody > tr.schedule_row > td:nth-child(5) {
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 2px !important;
    position: relative !important;
    vertical-align: middle !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head tbody > tr.schedule_row > td:nth-child(5)::before {
    color: #6F839D !important;
    content: "-" !important;
    display: block !important;
    font-size: 14px !important;
    height: 18px !important;
    left: 50% !important;
    line-height: 18px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head thead th:nth-child(1),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head thead th:nth-child(2),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head thead th:nth-child(3),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head thead th:nth-child(8) {
    padding-left: 6px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head th:nth-child(9)::after,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container th.schedule-actions-header::after {
    bottom: 1px !important;
    left: calc(100% - 74px) !important;
    top: auto !important;
    transform: none !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .independent_row_styles {
    height: 34px !important;
    margin-top: 4px !important;
    min-height: 34px !important;
    padding: 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card :is(input.form-control, select.form-control, .menu_input),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container :is(input.form-control, select.form-control, .form-control, .select2-selection, .dropdown-toggle, .schedule_status, .add_button, .schedule-old-toggle),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .schedule_template_dropdown > .dropdown-toggle,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .recurSection .slim_input.form-control {
    background-color: #FFFFFF !important;
    border: 1px solid #C6D3E1 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_add_number {
    background-color: #FFFFFF !important;
    border: 1px solid #C6D3E1 !important;
    box-shadow: none !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container .schedule-action-buttons .btn {
    background-color: #FFFFFF !important;
    border: 1px solid #C6D3E1 !important;
    box-shadow: none !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card-delete-wrap {
    top: 18px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .aa-cfs-card-delete,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card-delete {
    border: 1px solid #D5E1EE !important;
    border-radius: 7px !important;
    color: #52657D !important;
    height: 36px !important;
    min-height: 36px !important;
    min-width: 36px !important;
    width: 36px !important;
}

/* CFS scheduler column parity: Extension, Hunt Group, and Call Center share
   the same schedule markup as Auto Attendant, but their parent shells can be
   narrower. Use AA's shrinkable rhythm so STS, date/time, Recurs, and Actions
   sit on the same optical rails without forcing the rule card past its rail. */
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .call_forwarding_selective_content_section,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .call-forwarding-selective-events-area,
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head {
    table-layout: fixed !important;
    width: calc(100% - 8px) !important;
    max-width: calc(100% - 8px) !important;
    min-width: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 2px !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head :is(th:nth-child(1), td:nth-child(1)) {
    max-width: none !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 4px !important;
    width: 4.25% !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head :is(th:nth-child(2), td:nth-child(2)) {
    max-width: none !important;
    min-width: 0 !important;
    width: 15.59% !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head :is(th:nth-child(3), td:nth-child(3), th:nth-child(7), td:nth-child(7)) {
    max-width: none !important;
    min-width: 0 !important;
    width: 16.19% !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head :is(th:nth-child(4), td:nth-child(4), th:nth-child(6), td:nth-child(6)) {
    max-width: none !important;
    min-width: 0 !important;
    width: 13.77% !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head :is(th:nth-child(5), td:nth-child(5)) {
    max-width: none !important;
    min-width: 0 !important;
    width: 2.43% !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head :is(th:nth-child(8), td:nth-child(8)) {
    max-width: none !important;
    min-width: 0 !important;
    width: 10.12% !important;
}

body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container table.bordered-table-head :is(th:nth-child(9), td:nth-child(9)),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #hunt_group_app, #call_center_app) .aa-call-feature #call_forwarding_selective#call_forwarding_selective .aa-cfs-card .schedule_container :is(.schedule-actions-header, .schedule-actions-cell) {
    max-width: none !important;
    min-width: 0 !important;
    text-align: center !important;
    width: 7.69% !important;
}

/* Greeting/menu design tokens: REMOVED.
   Canonical source is v4_2026.css (lines 1937-1962).
   Do not re-add tokens here. See company/docs/COMPONENT-ARCHITECTURE.md */





/* Edit mode (rename input visible): switch from grid to flex so the
   input expands to fill the space between label and Apply/Cancel. */






































/* Greeting button sizing + icon flex moved to v4_2026.css
   (canonical greeting .tts-btn rule).  Do NOT re-add here. */





















/* Extension overview inline editor: this file loads after extension_editable.css,
   so keep the final grid alignment here and scope it to the opened edit card. */
body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-basic-card > .form-group.row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-basic-card > .form-group.row {
    align-items: center !important;
    column-gap: 20px !important;
    display: grid !important;
    grid-template-columns: 132px minmax(280px, 380px) !important;
    justify-content: start !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 42px !important;
    padding: 3px 0 !important;
    width: 100% !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-basic-card > .form-group.row > [class*="col-"],
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-basic-card > .form-group.row > [class*="col-"] {
    flex: none !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-basic-card > .form-group.row > [class*="col-"]:first-child,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-basic-card > .form-group.row > [class*="col-"]:first-child {
    grid-column: 1 !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2),
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2) {
    grid-column: 2 !important;
    justify-self: stretch !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-number-card,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-number-card {
    align-items: center !important;
    column-gap: 20px !important;
    display: grid !important;
    grid-template-columns: 132px minmax(280px, 380px) !important;
    justify-content: start !important;
    width: 100% !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-number-card > .col-4,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-number-card > .col-4 {
    grid-column: 1 !important;
    padding: 0 !important;
    width: auto !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-number-card > .col-8,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host .aa-profile-number-card > .col-8 {
    grid-column: 2 !important;
    justify-self: start !important;
    padding: 0 !important;
    width: auto !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host :is(.aa-profile-basic-card, #alternative_number) :is(input.form-control, select.form-control),
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app .aa-ov-edit-host :is(.aa-profile-basic-card, #alternative_number) :is(input.form-control, select.form-control) {
    max-width: 380px !important;
    width: 100% !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-basic-card > .form-group.row,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-basic-card > .form-group.row {
    align-items: center !important;
    column-gap: 20px !important;
    display: grid !important;
    grid-template-columns: 132px minmax(280px, 380px) !important;
    justify-content: start !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 42px !important;
    padding: 3px 0 !important;
    width: 100% !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-basic-card > .form-group.row > [class*="col-"],
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-basic-card > .form-group.row > [class*="col-"],
body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-card > [class*="col-"],
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-card > [class*="col-"] {
    flex: none !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-basic-card > .form-group.row > [class*="col-"]:first-child,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-basic-card > .form-group.row > [class*="col-"]:first-child,
body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-card > .col-4,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-card > .col-4 {
    grid-column: 1 !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2),
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-basic-card > .form-group.row > [class*="col-"]:nth-child(2),
body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-card > .col-8,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-card > .col-8 {
    grid-column: 2 !important;
    justify-self: stretch !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-card,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-card {
    align-items: center !important;
    column-gap: 20px !important;
    display: grid !important;
    grid-template-columns: 132px minmax(280px, 380px) !important;
    justify-content: start !important;
    width: 100% !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-desc,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-desc {
    display: none !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-card > .col-8,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-card > .col-8 {
    justify-content: flex-start !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-card .add_alternative_number,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(#profile, #profile-section).aa-profile-inline-editor .aa-profile-number-card .add_alternative_number {
    margin-left: 152px !important;
}

/* Shared Pre-alert card parity. Extension loads this stylesheet after the
   schedule CSS, so this is the final Pre-alert source of truth there. */
html body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#auto_attendant_app, #extension_app, #hunt_group_app, #call_center_app) #advanced-notice :is(.setting_section.form_container, .setting_box, .advanced_container, .advanced_details) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}





























/* Extension Settings pre-alert actual painted shell.
   The visible Pre-alert content paints from #pre-alert, so keep the wrapper
   neutral and put the card frame on the rendered block itself. */




/* Extension Settings pre-alert final shell guard.
   Loaded after extension_editable.css so the wrapper keeps the same visible
   frame as the AA feature cards without changing the rest of Settings. */




/* Dev4 voicemail final cascade guard. Keep this after later menu/greeting overrides. */






/* Drop the :not(.hidden) qualifier so the v4 section style applies at
   FIRST PAINT. The container starts the page with .hidden — legacy JS
   removes it ~80ms after parse — but during those 80ms the legacy
   .aa-vm-section style (28px padding, 1px border) was applying instead
   of these. That made every section row shift ~98px wider once .hidden
   came off, producing the visible jump on Voicemail Received By and
   every other vm-setting-row. Children of a .hidden container are not
   rendered anyway (display:none cascades), so painting these styles
   pre-removal is purely a head start for the eventual visible paint. */
















/* Dev4 voicemail card cleanup: one framed panel, section dividers, 34px controls. */


















































/* Kill the inline `margin-left: auto` the PHP template puts on
   .voice_message_autoconfig. In its original legacy layout that auto
   pushed the dropdown to the right edge of a wider Bootstrap column;
   in the v4 single-column-per-row grid where the dropdown's parent cell
   is already exactly 280px wide, that auto resolves to a stray ~10px
   leftover that shifts the "Voicemail Received By" dropdown right
   relative to the Email Address input below it. Force it back to 0 so
   the dropdown's left edge lines up with the Email Address input from
   first paint. */











































































/* Dev4 local polish: audio-button alignment, recording select affordance,
   compact TTS controls, and tighter menu proportions. */


















/* voice_select, preview buttons, text_to_convert sizing → centralized in v4_2026.css */









































/* Extension overview inline editor: final spacing polish. */
body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host {
    padding: 24px 28px 18px !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(.aa-profile-basic-card, .aa-profile-number-card),
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host :is(.aa-profile-basic-card, .aa-profile-number-card) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host .aa-profile-basic-card,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host .aa-profile-basic-card {
    padding-top: 0 !important;
}

body.v4-body .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host .aa-profile-number-card,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #extension_app #aa_ov_edit_host .aa-profile-number-card {
    padding-bottom: 16px !important;
}

/* ============================================================
 * Menu key Play / Stop buttons (announcement rows)
 * Sized to match the greeting section's controls.
 * ============================================================ */
.aa-menu-play-btn,
.aa-menu-stop-btn {
    height: 34px !important;
    min-height: 34px !important;
    width: 100% !important;
    padding: 0 14px !important;
    border: 1px solid #C6D3E1 !important;
    border-radius: 7px !important;
    background: #FFFFFF !important;
    color: #0E2749 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    gap: 6px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    box-shadow: 0 1px 2px rgba(14, 39, 73, 0.06) !important;
    justify-content: center !important;
}

.aa-menu-play-btn:hover {
    background: var(--v4-brand-soft, #FEF5EB) !important;
    color: var(--v4-brand, #F89939) !important;
    border-color: var(--v4-brand-light, #FBB26A) !important;
}

.aa-menu-stop-btn {
    border-color: #D9534F !important;
    color: #D9534F !important;
}

.aa-menu-stop-btn .aa-stop-spinner {
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #D9534F !important;
    border-top-color: transparent !important;
    border-radius: 50% !important;
    animation: aa-spin 0.8s linear infinite !important;
    flex-shrink: 0 !important;
}

@keyframes aa-spin {
    to { transform: rotate(360deg); }
}

/* Action dropdown click-to-expand indicator for announcement rows */
.aa-menu-action-select[data-greeting-expanded="true"] {
    border-color: var(--v4-brand, #F89939) !important;
    box-shadow: 0 0 0 3px var(--v4-brand-soft, #FEF5EB) !important;
}


/* ============================================================
 * Auto Attendant menu target inline editor drawer.
 * ============================================================ */
body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-source-row > td,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-source-row > td {
    background: #FAFCFF !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-drawer-row,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-drawer-row {
    display: table-row !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-drawer-row > td,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-drawer-row > td {
    /* Left padding aligns drawer with Action Data Type column (past 59px key cell) */
    padding: 10px 24px 14px 62px !important;
    border-top: 0 !important;
    background: transparent !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-drawer,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-drawer {
    width: 100% !important;
    min-width: 0 !important;
    border: 1px solid #E9ECEF !important;
    border-radius: 10px !important;
    background: #F6F8FA !important;
    box-shadow: 0 1px 4px rgba(14, 39, 73, 0.05) !important;
    overflow: visible !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-head,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 44px !important;
    padding: 8px 12px 8px 16px !important;
    border-bottom: 1px solid #E9ECEF !important;
    background: #fff !important;
    border-radius: 10px 10px 0 0 !important;
    gap: 12px !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-head-left,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-head-left {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-head-right,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-head-right {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-type-badge,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-type-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 2px 8px !important;
    background: #EDF2F7 !important;
    border-radius: 5px !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: #4A5868 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-title,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-title {
    min-width: 0 !important;
    color: #0E2749 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-save-btn,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-save-btn {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #F89939 !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-save-btn:hover,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-save-btn:hover {
    background: #EC8526 !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-cancel-btn,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-cancel-btn {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-close,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-close {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    border: 1px solid #C9D8EA !important;
    border-radius: 7px !important;
    background: #FFFFFF !important;
    color: #526A86 !important;
    font-size: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-close:hover,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-close:hover {
    background: #F6F8FA !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-loader,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-loader,
body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-loader.submitting,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-loader.submitting {
    min-height: 220px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-loader.hidden,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-loader.hidden {
    display: none !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-drawer iframe,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-drawer iframe {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 200px !important;
    max-height: none !important;
    border: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
    margin: 0 !important;
    border-radius: 0 0 10px 10px !important;
}

body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-drawer iframe.hidden,
body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-drawer iframe.hidden {
    display: none !important;
}

@media (max-width: 900px) {
    body.v4-body .v4-content #auto_attendant_app .aa-menu-inline-drawer-row > td,
    body.v4-body #v4-app .v4-content #auto_attendant_app .aa-menu-inline-drawer-row > td {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
}

/* 7. Collapse the upload panel when hidden so it does not eat flex-gap.
   The upload container (data-container_name="upload") stays display:block
   at 0 height when the user hasn't clicked Upload.  In a flex-column
   parent with gap:5px this zero-height element still consumes two 5px
   gaps (one above, one below), inflating the Create-to-STT distance
   from 5px to 13px.  Also kill the 3px default margin-top on the
   text-to-speech panel so the net gap is a clean 5px. */



/* 8. Fix uneven visual gaps between greeting recorder rows (Ext/HG/CC).
   extension_editable.css sets min-height:38px!important on .greeting_label.
   That makes the Voice row 38px instead of 34px (2px padding top+bottom),
   and the resting-row labels overflow their 34px grid tracks by 4px.
   Result: visual gaps of 3px, 7px, 7px, 5px instead of uniform 5px.
   Fix: constrain labels in recorder sections to 34px. */


/* 8b. The recording-selector row (.greeting_selector_fixer) and the
   recorder-controls container (.aa-vm-recorder-controls) are siblings
   inside .aa-vm-recorder-area.  That parent is flex-column with gap:0,
   so there is no gap between Recording and Listen.  Fix: set gap:5px
   on the parent to match the internal gap of .aa-vm-recorder-controls. */


/* 8c. Same gap fix for the CC and HG Pre-alert announcement area.
   The JS normaliser stamps inline gap: var(--aa-greeting-row-gap, 4px)
   !important on .announcement-area.  Inline !important beats stylesheet
   !important, so we cannot override the gap property directly.  Instead,
   redefine the variable to 5px on this element so the inline var()
   resolves to 5px. */


/* 8d. TTS panel (.greeting_container.greeting_parent) inside pre-alert and
   voicemail areas: the normaliser sets margin-left on this container but
   leaves it as display:block with no gap.  The children (Voice, Message,
   Actions) rely on individual margins which are inconsistent (Voice 4px,
   Message 5px, Actions 0px).  Convert to flex-column gap:5px so all rows
   get uniform spacing, and zero out the old per-child margins. */



/* 9. Resting-row <a> wrappers: force 34px so the 34px .btn inside does not
   overflow the wrapper (was 28px, causing buttons to extend 3px past the
   grid row bottom and shrink the visual gap to the next element).
   Scoped to .aa-vm-recorder-controls (voicemail) and .announcement-area
   (Settings Pre-alert) only.  Must NOT match .cc_greeting descendants
   (Playback tab) whose buttons have their own layout.
   :not(.hidden) prevents this rule from overriding display:none on
   hidden buttons (Stop, Download-spinner, Close, etc.) that should
   stay invisible until toggled by JS. */

/* 10a. CC Playback <a> wrappers: 34px to match buttons. Same fix as rule 9
   but scoped to .cc_greeting instead of .aa-vm-recorder-controls/.announcement-area.
   All CC rules include .v4-tabbed-detail to beat extension_editable.css specificity. */


/* 10b. Keep Name row (.name-area) and STT response hidden when they carry .hidden.
   Bootstrap .d-flex sets display:flex!important which beats .hidden{display:none}.
   Only target rows that are MEANT to stay hidden (Name and STT), NOT the Upload
   row which should be visible but arrives with .hidden from the server HTML. */


/* 10c. CC Playback inner wrapper: flex-column with 5px gap so Recording→Actions→Upload
   have uniform spacing. The wrapper is .control_section.greeting > div (unnamed). */


/* 10d. cc_greeting margin-top: 5px for Recording-to-Actions spacing.
   Must beat extension_editable.css line 2294 which sets margin-top:10px at (0,3,5,1). */


/* 10e. Recording selector row (span.announcement_controls outside cc_greeting):
   consistent 34px height, grid with 116px label column. */


/* 10f. Actions/Upload rows inside cc_greeting: grid with 116px label column
   and 3 equal button columns. Matches the AA greeting spec.
   Must beat extension_editable.css line 2308 which sets margin:0 0 8px at (0,3,7,1).
   Adding #announcements gives us 4 IDs → (0,4,6,2) which beats (0,3,7,1).
   The Upload row (.greeting-action-row[data-container_name="upload_options"])
   arrives with .hidden from the server but must be visible — include it
   via the data-container_name selector. The Name row (.name-area.hidden)
   is excluded by rule 10b above. */


/* 10g. CC Playback label styling: 116px, navy, 13px 800-weight. */


/* 10h. CC Playback button sizing moved to v4_2026.css canonical rule */


/* ============================================================
   UNIFIED DELETE MODAL (shared by AA, CC, HG)
   Previously inline <style> in each entity's module PHP.
   ============================================================ */
.v4-entity-delete-overlay {
    position: fixed; inset: 0;
    background: rgba(14, 39, 73, 0.45);
    display: flex; align-items: center; justify-content: center;
    z-index: 9999; padding: 24px;
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
}
.v4-entity-delete-overlay[hidden] { display: none; }
.v4-entity-delete-modal {
    background: #FFFFFF; border-radius: 12px;
    width: 100%; max-width: 460px;
    box-shadow: 0 20px 50px -10px rgba(14, 39, 73, 0.25);
}
.v4-entity-delete-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 24px 8px;
}
.v4-entity-delete-head h2 { margin: 0; font-size: 18px; font-weight: 700; color: #0E2749; }
.v4-entity-delete-close {
    background: transparent; border: 0; cursor: pointer;
    font-size: 18px; color: #6B7280; padding: 4px 8px; border-radius: 6px;
}
.v4-entity-delete-close:hover { background: rgba(14, 39, 73, 0.05); color: #0E2749; }
.v4-entity-delete-body { padding: 0 24px 16px; }
.v4-entity-delete-copy {
    margin: 4px 0 8px; font-size: 14px; line-height: 1.55; color: #4B5563;
}
.v4-entity-delete-copy strong { color: #0E2749; font-weight: 700; }
.v4-entity-delete-warn {
    margin: 8px 0 0; font-size: 12.5px; font-weight: 600;
    color: #B91C1C; letter-spacing: 0.01em;
}
.v4-entity-delete-error {
    margin-top: 12px; background: #FEF2F2; border: 1px solid #FCA5A5;
    color: #B91C1C; border-radius: 8px; padding: 10px 12px;
    font-size: 13px; font-weight: 500;
}
.v4-entity-delete-actions {
    display: flex; gap: 10px; justify-content: flex-end;
    padding: 4px 24px 22px;
}
.v4-entity-delete-cancel, .v4-entity-delete-confirm {
    height: 38px; padding: 0 18px; border-radius: 999px;
    font-size: 13.5px; font-weight: 600; cursor: pointer;
    font-family: inherit; transition: background 0.15s, border-color 0.15s, opacity 0.15s;
}
.v4-entity-delete-cancel { background: #FFFFFF; border: 1px solid #D6DAE0; color: #0E2749; }
.v4-entity-delete-cancel:hover { background: rgba(14, 39, 73, 0.04); }
.v4-entity-delete-confirm { background: #DC2626; border: 1px solid #DC2626; color: #FFFFFF; }
.v4-entity-delete-confirm:hover:not(:disabled) { background: #B91C1C; border-color: #B91C1C; }
.v4-entity-delete-confirm:disabled { opacity: 0.6; cursor: wait; }

/* Iframe embedding mode: strips page chrome when entity is loaded in iframe (e.g. menu key config) */
.entity-iframe-mode .v4-detail-head { display: none !important; }
.entity-iframe-mode .aa-tabs { display: none !important; }
.entity-iframe-mode .aa-features-panel { display: none !important; }
.entity-iframe-mode .v4-detail,
.entity-iframe-mode #hunt_group_app,
.entity-iframe-mode #call_center_app { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
.entity-iframe-mode .aa-tab-panel { display: none !important; }
.entity-iframe-mode .aa-tab-panel.is-active { display: block !important; }
.entity-iframe-mode .setting_section,
.entity-iframe-mode .form_container { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 16px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.entity-iframe-mode #aa_sticky_foot,
.entity-iframe-mode .aa-sticky-foot { position: static !important; width: 100% !important; max-width: none !important; padding: 0 16px 16px !important; margin: 0 !important; transform: none !important; }

/* ============================================================
 * CC / HG routing section fields — clean stacked layout
 * Labels above inputs, no inline pixel widths, no box-in-box.
 * ============================================================ */
.cc-routing-fields {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 0 8px;
    width: 100%;
    max-width: 480px;
}
.cc-routing-field {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.cc-routing-field-label {
    font-size: 13px;
    font-weight: 600;
    color: #0E2749;
    margin: 0;
    line-height: 1.3;
    min-width: 130px;
    flex-shrink: 0;
    white-space: nowrap;
}
.cc-routing-field .form-control {
    flex: 1;
    max-width: 200px;
}
.cc-routing-field .switch {
    flex-shrink: 0;
    margin: 0;
    width: 38px;
    min-width: 38px;
    height: 22px;
}
.cc-routing-field .switch input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}
.cc-routing-field .error {
    font-size: 12px;
    color: #D9534F;
    margin-top: 2px;
}



/* Forwarding-family (always/busy/no-answer) field labels - entity-agnostic
   canonical so Hunt Group & Call Center match the extension's 14/700 weight
   (they lacked the #extension_app label polish and rendered 13/600). Scoped to
   the 3 entity apps + the simple-forwarding sections. AA untouched; CFS
   Selective already handled by its own central rule above. 2026-05-29 */
body.v4-body .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) :is(#call_forwarding_always, #call_forwarding_busy, #call_forwarding_no_answer) :is(label.label, label.col-form-label),
body.v4-body #v4-app .v4-content .v4-tabbed-detail :is(#extension_app, #call_center_app, #hunt_group_app) :is(#call_forwarding_always, #call_forwarding_busy, #call_forwarding_no_answer) :is(label.label, label.col-form-label) {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #173456 !important;
}

body.v4-body .v4-content .v4-tabbed-detail #call_center_app .acd-state-select,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #call_center_app .acd-state-select {
    height: 34px !important;
    min-height: 34px !important;
    padding: 4px 28px 4px 10px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #0E2749 !important;
    border: 1px solid #E0E5EB !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23697A8D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 10px 6px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    width: auto !important;
    min-width: 120px !important;
}
body.v4-body .v4-content .v4-tabbed-detail #call_center_app .agent_section .drag_handle,
body.v4-body #v4-app .v4-content .v4-tabbed-detail #call_center_app .agent_section .drag_handle {
    vertical-align: middle !important;
}