/*
 * Advantage Voice & Data - Allworx unified administration design system
 * Version 4.1.6 / 2026-10-05
 *
 * This file is the single, shared presentation layer for every administration
 * route. It loads after the historical modernization stylesheet and therefore
 * becomes the stable extension point for future UI work.
 */

/* The product already ships these font files; no network font service is used. */
@font-face {
    font-family: "AVD Open Sans";
    src: url("../corp/fonts/OpenSans-Regular-webfont.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "AVD Open Sans";
    src: url("../corp/fonts/OpenSans-Semibold-webfont.woff") format("woff");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "AVD Open Sans";
    src: url("../corp/fonts/OpenSans-Bold-webfont.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --avd-canvas: #edf2f5;
    --avd-panel: #ffffff;
    --avd-panel-alt: #f7fafb;
    --avd-ink: #17313f;
    --avd-muted: #607784;
    --avd-line: #cedbe2;
    --avd-line-strong: #afc2cc;
    --avd-navy: #073f5f;
    --avd-navy-deep: #062f48;
    --avd-blue: #08648f;
    --avd-blue-hover: #064d70;
    --avd-orange: #ec5a1f;
    --avd-orange-hover: #ca4511;
    --avd-red: #b4232d;
    --avd-red-hover: #8f1821;
    --avd-green: #18794e;
    --avd-focus: rgba(236, 90, 31, .34);
    --avd-radius-card: 13px;
    --avd-radius-control: 7px;
    --avd-shadow-card: 0 7px 22px rgba(18, 49, 66, .09);
    --avd-font-sans: "AVD Open Sans", "Segoe UI Variable", "Segoe UI", Roboto,
        "Helvetica Neue", Arial, sans-serif;
    --avd-type-body: 15.5px;
    --avd-type-table: 15.5px;
    --avd-type-label: 15px;
    --avd-type-small: 13.5px;
    --avd-type-action: 13.5px;
    --avd-type-card-title: 17px;
}

html body.adv-modern.adv-uniform-page {
    background-color: var(--avd-canvas) !important;
}

/* One content geometry for all 46 audited primary routes. */
html body.adv-modern.adv-uniform-page #div_navstrip,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home {
    width: min(1480px, calc(100vw - var(--avx-rail-width) - 56px)) !important;
    max-width: 1480px !important;
    margin-right: auto !important;
    margin-left: max(276px, calc((100vw + var(--avx-rail-width) - 1480px) / 2)) !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home {
    padding-bottom: 42px !important;
}

/* Cards use one border, radius, shadow, and header treatment everywhere. */
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-uniform-card,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home div.info1,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home div.info2,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home div.info3 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 18px !important;
    color: var(--avd-ink) !important;
    background: var(--avd-panel) !important;
    border: 1px solid var(--avd-line) !important;
    border-radius: var(--avd-radius-card) !important;
    box-shadow: var(--avd-shadow-card) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/*
 * Foundation 3.0.1: the live 9.2.2.5 deep audit found two legacy page rules
 * with enough specificity to retain their historical 834px card ceiling.
 * Keep those real top-level cards on the same canvas as every other route.
 */
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .pagingContents > .pagingCard.adv-uniform-card,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .rolesContents > .rolesMainCard.adv-uniform-card {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-uniform-card > .adv-uniform-card-header,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home div.info1 > div.label,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home div.info2 > div.label,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home div.info3 > div.label {
    min-height: 48px !important;
    padding: 11px 16px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--avd-navy-deep), var(--avd-navy)) !important;
    border: 0 !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 23px !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home div.info1 > div.label *,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home div.info2 > div.label *,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home div.info3 > div.label * {
    color: #ffffff !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-uniform-card > .adv-uniform-card-body,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home div.info1 > div.contents,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home div.info2 > div.contents,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home div.info3 > div.contents {
    width: 100% !important;
    padding: 17px 18px !important;
    color: var(--avd-ink) !important;
    background: var(--avd-panel) !important;
    box-sizing: border-box !important;
}

/* Shared form rhythm. Existing DOM order and application visibility remain intact. */
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-uniform-form-table {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 !important;
    border-spacing: 0 7px !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-uniform-field-label {
    width: 34% !important;
    padding: 8px 16px 8px 0 !important;
    color: var(--avd-ink) !important;
    font-weight: 650 !important;
    line-height: 20px !important;
    text-align: left !important;
    vertical-align: top !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-uniform-field-control {
    width: 66% !important;
    padding: 4px 0 !important;
    text-align: left !important;
    vertical-align: top !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home input[type="text"],
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home input[type="password"],
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home input[type="number"],
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home select,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home textarea {
    min-height: 36px !important;
    padding: 7px 10px !important;
    color: var(--avd-ink) !important;
    background: #ffffff !important;
    border: 1px solid var(--avd-line-strong) !important;
    border-radius: var(--avd-radius-control) !important;
    box-shadow: inset 0 1px 2px rgba(17, 45, 60, .06) !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home input:focus,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home select:focus,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home textarea:focus {
    border-color: var(--avd-blue) !important;
    outline: 3px solid rgba(8, 100, 143, .16) !important;
    outline-offset: 1px !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home input[type="checkbox"],
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home input[type="radio"] {
    width: 17px !important;
    height: 17px !important;
    margin: 1px 8px 0 0 !important;
    accent-color: var(--avd-blue) !important;
    vertical-align: top !important;
}

/* One action component replaces per-page button geometry. */
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-ds-action:not(.hidden) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 86px !important;
    min-height: 36px !important;
    margin: 3px 5px 3px 0 !important;
    padding: 7px 14px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #0b719f, var(--avd-blue)) !important;
    border: 1px solid #064968 !important;
    border-radius: var(--avd-radius-control) !important;
    box-shadow: 0 2px 5px rgba(11, 54, 76, .16) !important;
    box-sizing: border-box !important;
    font: 700 13px/20px Inter, ui-sans-serif, system-ui, "Segoe UI", Arial, sans-serif !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-ds-action:not(.hidden):hover,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-ds-action:not(.hidden):focus-visible {
    color: #ffffff !important;
    background: var(--avd-blue-hover) !important;
    border-color: var(--avd-blue-hover) !important;
    box-shadow: 0 0 0 3px rgba(8, 100, 143, .18) !important;
    transform: translateY(-1px) !important;
}

/*
 * Normalize legacy header pills that previously overrode the shared action
 * component. These selectors deliberately outrank the historical per-page
 * rules while retaining the original links and click handlers.
 */
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home a.adv-ds-action.adv-uniform-secondary-action:not(.hidden),
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home input.adv-ds-action.adv-uniform-secondary-action:not(.hidden) {
    display: inline-flex !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #0b719f, var(--avd-blue)) !important;
    border: 1px solid #064968 !important;
    border-radius: var(--avd-radius-control) !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-ds-primary:not(.hidden) {
    background: linear-gradient(180deg, #f4773f, var(--avd-orange)) !important;
    border-color: var(--avd-orange-hover) !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-ds-primary:not(.hidden):hover,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-ds-primary:not(.hidden):focus-visible {
    background: var(--avd-orange-hover) !important;
    border-color: var(--avd-orange-hover) !important;
    box-shadow: 0 0 0 3px var(--avd-focus) !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-ds-danger:not(.hidden) {
    background: linear-gradient(180deg, #cf3540, var(--avd-red)) !important;
    border-color: var(--avd-red-hover) !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home a.adv-ds-action.adv-uniform-danger-action:not(.hidden),
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home input.adv-ds-action.adv-uniform-danger-action:not(.hidden) {
    display: inline-flex !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #cf3540, var(--avd-red)) !important;
    border: 1px solid var(--avd-red-hover) !important;
    border-radius: var(--avd-radius-control) !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-ds-danger:not(.hidden):hover,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-ds-danger:not(.hidden):focus-visible {
    background: var(--avd-red-hover) !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-ds-action[disabled],
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-ds-action.ui-state-disabled,
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home a.adv-ds-action[aria-disabled="true"] {
    opacity: .48 !important;
    box-shadow: none !important;
    transform: none !important;
    cursor: not-allowed !important;
}

/* Stable data tables, preserving application-defined alignment and severity. */
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home table.adv-uniform-data-table {
    width: 100% !important;
    table-layout: auto !important;
    border: 1px solid var(--avd-line) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 9px !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home table.adv-uniform-data-table th {
    padding: 10px 12px !important;
    color: #ffffff !important;
    background: var(--avd-navy) !important;
    border-color: rgba(255,255,255,.16) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: .025em !important;
    line-height: 18px !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home table.adv-uniform-data-table td {
    padding: 10px 12px !important;
    color: var(--avd-ink) !important;
    border-color: var(--avd-line) !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home table.adv-uniform-data-table tbody tr:nth-child(even):not([class*="adv-sev-"]) > td {
    background: var(--avd-panel-alt) !important;
}

html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home table.adv-uniform-data-table tbody tr:not([class*="adv-sev-"]):hover > td {
    background: #eaf3f7 !important;
}

/* Native collapsible cards retain their state while sharing one interaction cue. */
html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home span.collapse_ctrl {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    min-height: 22px !important;
    margin-right: 8px !important;
    color: #ffffff !important;
    border-radius: 50% !important;
}

/*
 * Foundation 3.1: one readable typography system for every administration
 * route. The live 9.2.2.6 audit found page content ranging from 11.2px to
 * 14px, with handset names, metadata, links, and row actions all using
 * different scales. These presentation-only rules establish a shared type
 * hierarchy without moving controls or changing any event handler.
 */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] {
    font-family: var(--avd-font-sans) !important;
    font-size: var(--avd-type-body) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-uniform-card > .adv-uniform-card-header,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] div.info1 > div.label,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] div.info2 > div.label,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] div.info3 > div.label {
    font-family: var(--avd-font-sans) !important;
    font-size: var(--avd-type-card-title) !important;
    font-weight: 700 !important;
    letter-spacing: .005em !important;
    line-height: 24px !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-uniform-card-body,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] div.info1 > div.contents,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] div.info2 > div.contents,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] div.info3 > div.contents {
    font-family: var(--avd-font-sans) !important;
    font-size: var(--avd-type-body) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/* Legacy layout tables inherit the same readable content scale. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-uniform-card-body td {
    font-family: var(--avd-font-sans) !important;
    font-size: var(--avd-type-table) !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-uniform-field-label,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-uniform-check-label,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-uniform-inline-check-label {
    font-family: var(--avd-font-sans) !important;
    font-size: var(--avd-type-label) !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] input[type="text"],
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] input[type="password"],
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] input[type="number"],
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] select,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] textarea {
    font-family: var(--avd-font-sans) !important;
    font-size: var(--avd-type-label) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* Data tables: compact headers, comfortably readable values. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] table.adv-uniform-data-table thead th,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] table.adv-uniform-data-table > tbody > tr:first-child > th,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] table.adv-uniform-data-table tr.tableheader > th,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] table.adv-uniform-data-table tr.tableheader > td,
html body.adv-modern.adv-phase2-page[class] #div_home.adv-phase2-home[id] table.adv-phase2-list-table th {
    font-family: var(--avd-font-sans) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: .018em !important;
    line-height: 1.35 !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] table.adv-uniform-data-table > tbody > tr > td,
html body.adv-modern.adv-phase2-page[class] #div_home.adv-phase2-home[id] table.adv-phase2-list-table > tbody > tr > td {
    font-family: var(--avd-font-sans) !important;
    font-size: var(--avd-type-table) !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] table.adv-uniform-data-table a:not(.adv-uniform-action):not(.adv-ds-action),
html body.adv-modern.adv-phase2-page[class] #div_home.adv-phase2-home[id] table.adv-phase2-list-table a:not(.adv-uniform-action):not(.adv-ds-action) {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* All shared actions keep their existing roles, colors, and click behavior. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-uniform-action:not(.hidden),
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-ds-action:not(.hidden) {
    font-family: var(--avd-font-sans) !important;
    font-size: var(--avd-type-action) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Supporting copy remains subordinate without dropping below 13px. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] small,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .hint,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .handsetsAddMeta,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-handsets-add-description {
    font-family: var(--avd-font-sans) !important;
    font-size: var(--avd-type-small) !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

/*
 * SIP Handsets has a multi-row record structure rather than a simple table.
 * Give each phone a stronger first row and a calm secondary information tier.
 */
html body.adv-modern.adv-phase2-handsets[class] #div_home.adv-phase2-home[id] #table_sip_handsets > tbody > tr > td {
    font-family: var(--avd-font-sans) !important;
    font-size: var(--avd-type-table) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

html body.adv-modern.adv-phase2-handsets[class] #div_home.adv-phase2-home[id] #table_sip_handsets > tbody > tr.adv-handset-group-start > td {
    font-size: var(--avd-type-body) !important;
    font-weight: 600 !important;
}

html body.adv-modern.adv-phase2-handsets[class] #div_home.adv-phase2-home[id] #table_sip_handsets > tbody > tr > td table td {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

html body.adv-modern.adv-phase2-handsets[class] #div_home.adv-phase2-home[id] #table_sip_handsets a:not(.adv-uniform-action):not(.adv-ds-action) {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

html body.adv-modern.adv-phase2-handsets[class] #div_home.adv-phase2-home[id] td.adv-handsets-action-cell .handsetsButtonLink.adv-uniform-action:not(.hidden) {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Typography only: preserve the application severity colors and backgrounds. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] #logData td,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .systemEventRecords table td {
    font-family: var(--avd-font-sans) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

/*
 * Foundation 3.2: semantic record typography. The classifier adds only CSS
 * hooks to existing cells and spans; it never moves, wraps, or rewrites data.
 */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] tr.adv-record-row > td.adv-record-cell {
    font-family: var(--avd-font-sans) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    text-rendering: optimizeLegibility;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-record-value,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] td.adv-record-identity {
    color: #102f41 !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    letter-spacing: -.008em !important;
    line-height: 1.45 !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-record-primary,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] td.adv-record-number {
    color: var(--avd-navy-deep) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-variant-numeric: tabular-nums;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-record-secondary,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-record-template {
    color: var(--avd-muted) !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.45 !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] td.adv-record-meta,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-record-meta-group {
    font-family: var(--avd-font-sans) !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-record-meta-group > .search,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] td.adv-record-meta > .search {
    color: var(--avd-ink) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-record-status {
    font-family: var(--avd-font-sans) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-record-status-ok {
    color: var(--avd-green) !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-record-status-warning {
    color: var(--avd-red) !important;
}

/* Handsets: each complete phone reads as a structured identity record. */
html body.adv-modern.adv-phase2-handsets[class] #div_home.adv-phase2-home[id] #table_sip_handsets > tbody > tr.adv-record-handset > td {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-phase2-handsets[class] #div_home.adv-phase2-home[id] #table_sip_handsets .adv-record-handset .descText,
html body.adv-modern.adv-phase2-handsets[class] #div_home.adv-phase2-home[id] #table_sip_handsets .adv-record-handset .ownerText,
html body.adv-modern.adv-phase2-handsets[class] #div_home.adv-phase2-home[id] #table_sip_handsets .adv-record-handset .CIDtext {
    color: #102f41 !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    letter-spacing: -.008em !important;
    line-height: 1.45 !important;
}

html body.adv-modern.adv-phase2-handsets[class] #div_home.adv-phase2-home[id] #table_sip_handsets .adv-record-owner > .adv-record-secondary {
    display: block !important;
    margin-top: 3px !important;
}

html body.adv-modern.adv-phase2-handsets[class] #div_home.adv-phase2-home[id] #table_sip_handsets .handsetsStationModel.adv-record-title {
    color: var(--avd-navy-deep) !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
    line-height: 1.45 !important;
}

/* Extensions and Users use the same primary/secondary identity hierarchy. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] #table_extensions tr.adv-record-extension .adv-record-identity .adv-record-secondary {
    display: block !important;
    margin-top: 3px !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] #table_users tr.adv-record-user .name.adv-record-value {
    color: #102f41 !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] #table_users tr.adv-record-user .name.adv-record-value > .adv-record-secondary {
    display: inline !important;
    margin-left: 3px !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] tr.adv-record-row > td.adv-record-actions {
    font-size: var(--avd-type-action) !important;
    font-weight: 400 !important;
}

/*
 * Foundation 3.3: visibly larger record text with restrained modern accents.
 * Raw legacy selectors are included beside semantic hooks so late-rendered
 * Allworx tables receive the same result even before classification settles.
 */
html body.adv-modern[class] #div_home[id] tr.adv-record-row > td.adv-record-cell,
html body.adv-modern[class] #div_home[id] table.adv-uniform-data-table > tbody > tr > td,
html body.adv-modern[class] #div_home[id] table.adv-phase2-list-table > tbody > tr > td {
    font-family: var(--avd-font-sans) !important;
    font-size: 15.5px !important;
    font-weight: 400 !important;
    letter-spacing: .002em !important;
    line-height: 1.55 !important;
}

html body.adv-modern[class] #div_home[id] table.adv-uniform-data-table thead th,
html body.adv-modern[class] #div_home[id] table.adv-phase2-list-table thead th,
html body.adv-modern[class] #div_home[id] table.adv-uniform-data-table tr.tableheader > th,
html body.adv-modern[class] #div_home[id] table.adv-uniform-data-table tr.tableheader > td {
    font-family: var(--avd-font-sans) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
    line-height: 1.4 !important;
}

html body.adv-modern[class] #div_home[id] .adv-uniform-field-label,
html body.adv-modern[class] #div_home[id] .adv-uniform-check-label,
html body.adv-modern[class] #div_home[id] input[type="text"],
html body.adv-modern[class] #div_home[id] input[type="password"],
html body.adv-modern[class] #div_home[id] input[type="number"],
html body.adv-modern[class] #div_home[id] select,
html body.adv-modern[class] #div_home[id] textarea {
    font-family: var(--avd-font-sans) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* Prominent identity typography: large enough to be visibly different. */
html body.adv-modern[class] #div_home[id] .adv-record-display-name,
html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info .descText,
html body.adv-modern[class] #div_home[id] #table_extensions > tbody > tr.extinfo span.desc,
html body.adv-modern[class] #div_home[id] #table_users > tbody > tr.userinfo span.name {
    display: inline-block !important;
    position: relative !important;
    padding-left: 12px !important;
    color: #103b53 !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: -.014em !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

html body.adv-modern[class] #div_home[id] .adv-record-display-name::before,
html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info .descText::before,
html body.adv-modern[class] #div_home[id] #table_extensions > tbody > tr.extinfo span.desc::before,
html body.adv-modern[class] #div_home[id] #table_users > tbody > tr.userinfo span.name::before {
    position: absolute !important;
    top: .18em !important;
    bottom: .18em !important;
    left: 0 !important;
    width: 4px !important;
    content: "" !important;
    background: linear-gradient(180deg, var(--avd-orange), #f28b38) !important;
    border-radius: 999px !important;
    box-shadow: 0 1px 2px rgba(123, 53, 17, .18) !important;
}

/* Handsets: owner and caller identity remain prominent but subordinate. */
html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info .ownerText,
html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info .CIDtext,
html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.adv-record-handset .adv-record-value:not(.adv-record-display-name) {
    color: #173f55 !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: -.01em !important;
    line-height: 1.45 !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info .ownerText {
    display: block !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info > td:nth-child(2),
html body.adv-modern[class] #div_home[id] #table_extensions > tbody > tr.extinfo > td:first-child,
html body.adv-modern[class] #div_home[id] #table_users > tbody > tr.userinfo > td:first-child {
    color: var(--avd-blue) !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.01em !important;
}

/* Secondary identifiers become compact, readable information chips. */
html body.adv-modern[class] #div_home[id] .adv-record-chip,
html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info > td:nth-child(3) > span.hint,
html body.adv-modern[class] #div_home[id] #table_extensions > tbody > tr.extinfo span.user.hint,
html body.adv-modern[class] #div_home[id] #table_users > tbody > tr.userinfo span.name > span.hint {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 24px !important;
    margin-top: 5px !important;
    padding: 2px 8px !important;
    color: #486979 !important;
    background: #eef5f8 !important;
    border: 1px solid #cadce5 !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

html body.adv-modern[class] #div_home[id] #table_extensions > tbody > tr.extinfo span.user.hint {
    margin-left: 12px !important;
}

html body.adv-modern[class] #div_home[id] #table_users > tbody > tr.userinfo span.name > span.hint {
    margin-top: 0 !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
}

/* Registration metadata and status read like modern operational indicators. */
html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info span.regsum,
html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.adv-record-handset .adv-record-meta-group {
    color: #294d60 !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 14.5px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info span.regsum > span.search,
html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.adv-record-handset .adv-record-meta-group > span.search {
    color: #173f55 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info span.registered,
html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info span.notregistered {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 26px !important;
    margin-top: 6px !important;
    padding: 3px 9px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .005em !important;
    line-height: 18px !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info span.registered {
    color: #12633f !important;
    background: #e9f6ef !important;
    border: 1px solid #b8dec9 !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info span.notregistered {
    color: #8a3f10 !important;
    background: #fff3e7 !important;
    border: 1px solid #efc89f !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info span.registered span.search,
html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info span.notregistered span.search {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

/* Outside Lines and generic identity cells share the larger identity level. */
html body.adv-modern[class] #div_home[id] tr.adv-record-outside-line > td.adv-record-identity,
html body.adv-modern[class] #div_home[id] table.adv-outside-proxy-table > tbody > tr.adv-outside-proxy-row > td.adv-outside-proxy-identity {
    color: #103b53 !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: -.01em !important;
    line-height: 1.45 !important;
}

@media (max-width: 1000px) {
    html body.adv-modern[class] #div_home[id] .adv-record-display-name,
    html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info .descText,
    html body.adv-modern[class] #div_home[id] #table_extensions > tbody > tr.extinfo span.desc,
    html body.adv-modern[class] #div_home[id] #table_users > tbody > tr.userinfo span.name {
        font-size: 16.5px !important;
    }

    html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info .ownerText,
    html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.otherphone.info .CIDtext {
        font-size: 15.5px !important;
    }
}

/*
 * Foundation 3.10: Dial Plan page family.
 *
 * Historical page CSS alternately stretched Dial Plan cards to the full
 * canvas, shrank them to their contents, and fixed them at 930px. This final
 * shared contract gives the landing page and all nested View/Modify/Add/Delete
 * states one bounded, left-aligned column without changing application state.
 */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] {
    width: calc(100vw - var(--avx-rail-width) - 56px) !important;
    max-width: 1120px !important;
    min-width: 0 !important;
    margin-right: auto !important;
    padding: 0 0 44px !important;
    color: var(--avd-ink) !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] > .adv-dial-foundation-shell,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-foundation-contents,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-foundation-column {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--avd-ink) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Every primary section follows the same edge, radius, and vertical rhythm. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-foundation-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 17px !important;
    padding: 0 !important;
    color: var(--avd-ink) !important;
    background: var(--avd-panel) !important;
    border: 1px solid var(--avd-line) !important;
    border-radius: var(--avd-radius-card) !important;
    box-shadow: var(--avd-shadow-card) !important;
    float: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-foundation-card.adv-dial-nested-card {
    margin: 15px 0 0 !important;
    border-color: #bed0d9 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 12px rgba(18, 49, 66, .07) !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-foundation-card > .adv-dial-card-header {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 9px 14px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--avd-navy-deep), var(--avd-navy)) !important;
    border: 0 !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-family: var(--avd-font-sans) !important;
    font-size: var(--avd-type-card-title) !important;
    font-weight: 700 !important;
    letter-spacing: .005em !important;
    line-height: 24px !important;
    text-align: left !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-nested-card > .adv-dial-card-header {
    min-height: 46px !important;
    background: linear-gradient(135deg, #0a5277, #0b668e) !important;
    border-bottom-width: 2px !important;
    font-size: 16px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .l1,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .adv-dial-header-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .adv-dial-header-actions {
    margin-left: auto !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-foundation-card > .adv-dial-card-body {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 18px !important;
    color: var(--avd-ink) !important;
    background: var(--avd-panel) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    text-align: left !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-nested-card > .adv-dial-card-body {
    padding: 16px 17px !important;
}

/* Preserve compact disclosure controls while keeping all title actions aligned. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header span.collapse_ctrl {
    flex: 0 0 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 50% !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* Header actions stay light; primary additions remain the orange accent. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-ds-action:not(.hidden) {
    min-width: 76px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    color: var(--avd-navy-deep) !important;
    background: #ffffff !important;
    border: 1px solid #c5d9e3 !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 4px rgba(3, 38, 57, .14) !important;
    font-size: 12.5px !important;
    line-height: 18px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-ds-action:not(.hidden):hover,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-ds-action:not(.hidden):focus-visible {
    color: var(--avd-navy-deep) !important;
    background: #edf7fb !important;
    border-color: #9fc4d4 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-ds-primary:not(.hidden) {
    color: #ffffff !important;
    background: linear-gradient(180deg, #f4773f, var(--avd-orange)) !important;
    border-color: var(--avd-orange-hover) !important;
}

/* One table treatment for Internal Plan, ARS, Emergency, Services, DPGs, and restrictions. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table {
    display: table !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--avd-ink) !important;
    background: var(--avd-panel) !important;
    border: 1px solid var(--avd-line) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 9px !important;
    table-layout: auto !important;
    float: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table + * {
    margin-top: 10px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table th {
    padding: 10px 12px !important;
    color: #ffffff !important;
    background: var(--avd-navy) !important;
    border-color: rgba(255,255,255,.16) !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    line-height: 18px !important;
    text-align: left !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table td {
    padding: 11px 12px !important;
    color: var(--avd-ink) !important;
    background: #ffffff !important;
    border-color: var(--avd-line) !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 14.5px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table tbody tr:nth-child(even) > td {
    background: var(--avd-panel-alt) !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table tbody tr:hover > td {
    background: #eaf3f7 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table td.adv-dial-action-cell {
    width: 1% !important;
    min-width: 150px !important;
    text-align: right !important;
    white-space: nowrap !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.dialPlanInternalTable td:first-child,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.dialPlanArsTable td:first-child,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] td.dialPlanCodeCell {
    color: #0c405d !important;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
}

/* Forms use a readable label/control grid and stay left aligned. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-form-table {
    width: 100% !important;
    max-width: 920px !important;
    min-width: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 7px !important;
    box-shadow: none !important;
    table-layout: auto !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-form-table > tbody > tr.adv-dial-form-row > td,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-form-table > tbody > tr.adv-dial-form-row > th {
    color: var(--avd-ink) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-field-label {
    width: 31% !important;
    padding: 8px 16px 8px 0 !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: left !important;
    vertical-align: top !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-field-control {
    width: 69% !important;
    padding: 3px 0 !important;
    text-align: left !important;
    vertical-align: top !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-choice-row {
    padding: 5px 0 !important;
    text-align: left !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-form-table input[type="text"],
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-form-table input[type="number"],
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-form-table select,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-form-table textarea {
    min-height: 36px !important;
    max-width: 100% !important;
    padding: 7px 10px !important;
    color: var(--avd-ink) !important;
    background: #ffffff !important;
    border: 1px solid var(--avd-line-strong) !important;
    border-radius: var(--avd-radius-control) !important;
    box-shadow: inset 0 1px 2px rgba(17, 45, 60, .06) !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-transfer-table {
    max-width: 760px !important;
    padding: 12px !important;
    background: var(--avd-panel-alt) !important;
    border: 1px solid var(--avd-line) !important;
    border-radius: 9px !important;
    border-spacing: 8px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] select.adv-dial-pick-list {
    min-width: 250px !important;
    min-height: 210px !important;
    padding: 6px !important;
    background: #ffffff !important;
}

/* AJAX editors and option groups read as intentional subpanels. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-inline-editor {
    width: 100% !important;
    max-width: 900px !important;
    margin: 4px 0 14px !important;
    padding: 15px 16px !important;
    color: var(--avd-ink) !important;
    background: #f4f8fa !important;
    border: 1px solid #bfd2dc !important;
    border-left: 4px solid var(--avd-blue) !important;
    border-radius: 9px !important;
    box-shadow: 0 3px 10px rgba(18, 49, 66, .06) !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-bulk-toggle {
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-bulk-toggle > .label {
    min-height: 40px !important;
    padding: 8px 12px !important;
    color: #ffffff !important;
    background: #246585 !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    font-weight: 700 !important;
    line-height: 22px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-choice-list {
    max-width: 920px !important;
    margin: 0 !important;
    padding: 15px 16px !important;
    background: var(--avd-panel-alt) !important;
    border: 1px solid var(--avd-line) !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    line-height: 1.75 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-choice-list input[type="checkbox"],
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-choice-list input[type="radio"] {
    margin-right: 8px !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-button-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 15px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid var(--avd-line) !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-button-row .adv-ds-action:not(.hidden),
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] td.adv-dial-action-cell .adv-ds-action:not(.hidden) {
    margin: 0 6px 0 0 !important;
}

/* Notices align with the card column and retain live show/hide behavior. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-notice:not(:empty) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 16px !important;
    padding: 13px 15px !important;
    color: #6f4610 !important;
    background: #fff8e8 !important;
    border: 1px solid #e7c985 !important;
    border-left: 5px solid #d98218 !important;
    border-radius: 9px !important;
    box-shadow: 0 3px 10px rgba(88, 60, 20, .07) !important;
    box-sizing: border-box !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-notice .fyi2b {
    display: inline-block !important;
    margin: 0 9px 0 0 !important;
    color: #6f4610 !important;
    font-weight: 700 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-notice .fyi2d {
    color: #6f4610 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-notice > a.adv-ds-action:not(.hidden) {
    margin-left: 10px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #e69a25, #cc7611) !important;
    border-color: #a85e0c !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .dialPlanDidStatusValue.adv-dial-status,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .dialPlanDidEnabled .dialPlanDidStatusValue {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 3px 10px !important;
    color: #ffffff !important;
    background: var(--avd-green) !important;
    border: 1px solid #12643f !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] td.dialPlanStatusPillCell.adv-dial-status {
    color: #12643f !important;
    background: #e9f6ef !important;
    font-weight: 700 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .dialPlanDidDisabled .dialPlanDidStatusValue {
    color: #445f6d !important;
    background: #e9f0f3 !important;
    border-color: #c5d5dc !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] #div_didRouteConfig,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] #div_emergencynumberView,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] #div_emergencynumberUpdate {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--avd-ink) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-action-status:not(:empty) {
    margin-top: 10px !important;
    padding: 10px 12px !important;
    color: #174c68 !important;
    background: #eaf5fa !important;
    border: 1px solid #b8d6e3 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

/*
 * Foundation 3.10.1: Dial Plan header and density correction.
 *
 * ist.js creates two spans with the collapse_ctrl class: the first is the
 * triangular disclosure button (plus/minus), while the second wraps the card
 * title.  Treating both as 24px circles clipped titles and made a second empty
 * circle appear.  The selectors below give those two native elements distinct
 * presentation roles without changing either click handling or saved state.
 */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header {
    overflow: hidden !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > span.collapse_ctrl.plus,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > span.collapse_ctrl.minus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 26px !important;
    order: 0 !important;
    position: static !important;
    inset: auto !important;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    margin: 0 3px 0 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: rgba(255,255,255,.11) !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 50% !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    transform: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > span.collapse_ctrl.plus:hover,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > span.collapse_ctrl.minus:hover,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > span.collapse_ctrl.plus:focus,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > span.collapse_ctrl.minus:focus {
    background: rgba(255,255,255,.22) !important;
    border-color: rgba(255,255,255,.48) !important;
    outline: 2px solid rgba(255,255,255,.34) !important;
    outline-offset: 2px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > span.collapse_ctrl:not(.plus):not(.minus) {
    display: block !important;
    flex: 1 1 auto !important;
    order: 1 !important;
    position: static !important;
    inset: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    transform: none !important;
    white-space: normal !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > span.collapse_ctrl:not(.plus):not(.minus)::before,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > span.collapse_ctrl:not(.plus):not(.minus)::after {
    content: none !important;
    display: none !important;
}

/* Keep every native header action at the right edge in source order. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .l1 {
    flex: 0 0 auto !important;
    order: 2 !important;
    position: static !important;
    inset: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    transform: none !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .l1 + .l1 {
    margin-left: 2px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .l1:not(.hidden) a.adv-ds-action {
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}

/* A quieter nested hierarchy keeps the outer section visually dominant. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-nested-card > .adv-dial-card-header {
    background: linear-gradient(135deg, #0b587b, #0b6b91) !important;
    border-bottom-color: #f17a42 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-foundation-card > .adv-dial-card-body {
    padding: 16px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-nested-card > .adv-dial-card-body {
    padding: 13px 14px 15px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table th {
    padding: 9px 11px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table td {
    padding: 9px 11px !important;
}

/* Row actions form one compact cluster instead of a tall button stack. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table td.adv-dial-action-cell {
    width: 1% !important;
    min-width: 180px !important;
    padding-right: 10px !important;
    text-align: right !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] td.adv-dial-action-cell > .modlink {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    width: auto !important;
    margin: 0 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] td.adv-dial-action-cell .adv-ds-action:not(.hidden) {
    min-width: 76px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
}

/* Emergency viewing and editing read as a deliberate embedded settings area. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] #div_emergencynumberView:not(:empty),
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] #div_emergencynumberUpdate:not(:empty) {
    margin-top: 4px !important;
    padding: 13px 14px !important;
    background: #f6fafb !important;
    border: 1px solid #c7d9e1 !important;
    border-left: 4px solid var(--avd-blue) !important;
    border-radius: 9px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] #div_emergencynumberView .adv-ds-action:not(.hidden) {
    margin: 7px 0 0 !important;
}

/*
 * Foundation 3.10.2: Dial Plan visual-depth and action-readability pass.
 * Direct native-anchor selectors are intentional: they render correctly from
 * first paint, before the shared observer adds adv-ds-action classes, and they
 * prevent historical label-link rules from restoring underlines or white text.
 */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .l1 > a:not(.hidden),
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > a:not(.hidden) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 78px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 6px 13px !important;
    color: #073f5f !important;
    background: linear-gradient(180deg, #ffffff, #f3f8fa) !important;
    border: 1px solid #bad0da !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(2, 35, 52, .18), inset 0 1px 0 #ffffff !important;
    box-sizing: border-box !important;
    font: 700 13px/20px var(--avd-font-sans) !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    text-transform: capitalize !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .l1 > a:not(.hidden) > *,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > a:not(.hidden) > * {
    display: inline !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .l1 > a:not(.hidden):hover,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .l1 > a:not(.hidden):focus-visible,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > a:not(.hidden):hover,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > a:not(.hidden):focus-visible {
    color: #ffffff !important;
    background: linear-gradient(180deg, #1377a2, var(--avd-blue)) !important;
    border-color: #7eb2c8 !important;
    box-shadow: 0 0 0 3px rgba(255,255,255,.18), 0 3px 8px rgba(2, 35, 52, .2) !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.dialPlanModifyButton:not(.hidden)::before {
    content: "\270E" !important;
    display: inline-block !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.dialPlanSecondaryButton:not(.hidden)::before {
    content: "\2197" !important;
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* Stronger card depth and a calm body surface distinguish structure from data. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-foundation-card {
    border-color: #bfd1da !important;
    box-shadow: 0 8px 24px rgba(18, 49, 66, .1) !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-foundation-card > .adv-dial-card-header:not(.noborder) {
    box-shadow: 0 3px 10px rgba(5, 48, 72, .12) !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-foundation-card > .adv-dial-card-body {
    background: linear-gradient(180deg, #ffffff 0, #fbfdfe 100%) !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-nested-card {
    border-color: #b9ced8 !important;
    box-shadow: 0 5px 16px rgba(18, 49, 66, .08) !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-nested-card > .adv-dial-card-header {
    min-height: 44px !important;
    padding: 8px 13px !important;
    background: linear-gradient(135deg, #0c5778, #0c6a8e) !important;
    border-bottom: 2px solid #f17a42 !important;
    font-size: 15.5px !important;
}

/* Internal Extension Length becomes one readable summary instead of three pills. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .dialPlanExtLenCard > .adv-dial-card-body {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-height: 78px !important;
    padding: 17px 19px !important;
    color: #173b50 !important;
    background: linear-gradient(120deg, #f7fbfd, #ffffff 72%) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .dialPlanExtLenCard > .adv-dial-card-body::before {
    content: "123" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 38px !important;
    margin-right: 6px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0b719f, #07577c) !important;
    border-radius: 9px !important;
    box-shadow: 0 4px 10px rgba(8, 100, 143, .18) !important;
    font: 700 12px/1 var(--avd-font-sans) !important;
    letter-spacing: .04em !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .dialPlanExtLenCard > .adv-dial-card-body > .dialPlanLooseText {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font: inherit !important;
    line-height: inherit !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .dialPlanExtLenCard #span_idpExtLength {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    min-height: 30px !important;
    margin: 0 2px !important;
    padding: 3px 9px !important;
    color: #ffffff !important;
    background: var(--avd-green) !important;
    border: 1px solid #12643f !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 5px rgba(24, 121, 78, .16) !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* Internal Dial Plan gets a technical key/value hierarchy, not a flat grid. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.dialPlanInternalTable {
    border-color: #b8cfd9 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(18, 49, 66, .07) !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.dialPlanInternalTable thead th {
    padding: 11px 13px !important;
    color: #ffffff !important;
    background: linear-gradient(90deg, #083d59, #0b5776) !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    font-size: 13px !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.dialPlanInternalTable tbody td:first-child {
    width: 42% !important;
    padding-left: 14px !important;
    color: #073f5f !important;
    background: #f4f9fb !important;
    box-shadow: inset 3px 0 0 #9fc8d9 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.58 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.dialPlanInternalTable tbody td:nth-child(2) {
    color: #203d4c !important;
    background: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.dialPlanInternalTable tbody tr:nth-child(even) > td:first-child {
    background: #edf5f8 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.dialPlanInternalTable tbody tr:nth-child(even) > td:nth-child(2) {
    background: #f9fbfc !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.dialPlanInternalTable tbody tr:hover > td {
    background: #eaf4f8 !important;
}

/* Shared generated tables use a stronger header and softer, clearer rows. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table {
    border-color: #b9ced8 !important;
    box-shadow: 0 4px 14px rgba(18, 49, 66, .065) !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table thead th {
    background: linear-gradient(180deg, #0a4c6b, #083f5b) !important;
    border-bottom: 2px solid var(--avd-orange) !important;
    font-size: 12px !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table tbody td {
    border-bottom: 1px solid #dbe6eb !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table tbody tr:last-child > td {
    border-bottom: 0 !important;
}

/* DID state and page notices become purposeful information components. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] #div_didRouteConfig.dialPlanTextPanel {
    margin: 0 0 14px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .dialPlanDidStatus {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 46px !important;
    padding: 7px 10px 7px 8px !important;
    color: #173b50 !important;
    background: linear-gradient(120deg, #f4f9fb, #ffffff) !important;
    border: 1px solid #bdd3dd !important;
    border-left: 5px solid var(--avd-blue) !important;
    border-radius: 9px !important;
    box-shadow: 0 3px 9px rgba(18, 49, 66, .08) !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .dialPlanDidStatus::before {
    content: "DID" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 30px !important;
    color: #0a5273 !important;
    background: #dceef5 !important;
    border-radius: 7px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .dialPlanDidStatusLabel {
    color: #173b50 !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] #configNote.adv-dial-notice,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-nested-card .adv-dial-notice:not(:empty) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    color: #68420c !important;
    background: linear-gradient(120deg, #fff9eb, #fff3cf) !important;
    border: 1px solid #e5c575 !important;
    border-left: 5px solid #d98218 !important;
    border-radius: 9px !important;
    box-shadow: 0 3px 10px rgba(88, 60, 20, .06) !important;
}

/* Compact legends and hints finish the data sections without another card. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-body > span.i {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin-top: 10px !important;
    padding: 4px 10px !important;
    color: #536d7a !important;
    background: #eef4f6 !important;
    border: 1px solid #d3e0e5 !important;
    border-radius: 999px !important;
    font-size: 12.5px !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

/*
 * Foundation 3.10.3: live-rendered Dial Plan completion.
 *
 * The legacy stylesheet forces underlined white text on every Dial Plan header
 * anchor, and the Phone Functions Reference link contains an unclosed action
 * wrapper plus a separately styled child span.  These final selectors own the
 * complete rendered action, including descendants and all link states.  The
 * remaining rules give generated subsections and nested forms the same visual
 * hierarchy after their AJAX content arrives.
 */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden),
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden):link,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden):visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 82px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 6px 13px !important;
    color: #073f5f !important;
    -webkit-text-fill-color: #073f5f !important;
    background: linear-gradient(180deg, #ffffff, #edf5f8) !important;
    background-image: linear-gradient(180deg, #ffffff, #edf5f8) !important;
    border: 1px solid #a9c5d2 !important;
    border-bottom: 1px solid #a9c5d2 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(2, 35, 52, .2), inset 0 1px 0 #ffffff !important;
    box-sizing: border-box !important;
    font: 700 13px/20px var(--avd-font-sans) !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    text-transform: capitalize !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden) > *,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden) span {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden):hover,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden):focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(180deg, #167ca6, #07577c) !important;
    background-image: linear-gradient(180deg, #167ca6, #07577c) !important;
    border-color: #8ec0d4 !important;
    border-bottom-color: #8ec0d4 !important;
    box-shadow: 0 0 0 3px rgba(255,255,255,.2), 0 3px 9px rgba(2, 35, 52, .22) !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    transform: translateY(-1px) !important;
}

/* Add and destructive header actions keep semantic color without losing text. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-ds-primary:not(.hidden) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(180deg, #f4773f, #e85b20) !important;
    background-image: linear-gradient(180deg, #f4773f, #e85b20) !important;
    border-color: #c84918 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-ds-danger:not(.hidden) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(180deg, #c93643, #a61f2b) !important;
    background-image: linear-gradient(180deg, #c93643, #a61f2b) !important;
    border-color: #8e1c26 !important;
}

/* The malformed legacy Reference Card label is rendered deterministically. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a[rel="x_prc"],
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-dial-reference-action {
    min-width: 218px !important;
    font-size: 0 !important;
    text-transform: none !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a[rel="x_prc"] > *,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-dial-reference-action > * {
    display: none !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a[rel="x_prc"]::before,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-dial-reference-action::before {
    content: none !important;
    display: none !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a[rel="x_prc"]::after,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-dial-reference-action::after {
    content: "View Phone Functions Reference" !important;
    display: inline !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font: 700 13px/20px var(--avd-font-sans) !important;
    letter-spacing: .01em !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-shadow: none !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.dialPlanModifyButton::before,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.dialPlanSecondaryButton::before {
    content: none !important;
    display: none !important;
}

/* Multiple native header action spans behave as one compact action group. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .adv-dial-header-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 0 0 6px !important;
    padding: 0 !important;
    gap: 6px !important;
    color: inherit !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .adv-dial-header-actions-primary {
    margin-left: auto !important;
}

/* Expanded parent and generated subsections use one deliberate vertical flow. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-external-card > .adv-dial-card-body,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-dpg-card > .adv-dial-card-body,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-restriction-card > .adv-dial-card-body,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-service-group-card > .adv-dial-card-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 16px !important;
    background: linear-gradient(180deg, #f8fbfc, #ffffff) !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-body > .adv-dial-nested-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-section-panel:not(:empty):not(.adv-dial-card-body) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px !important;
    color: #173b50 !important;
    background: #ffffff !important;
    border: 1px solid #c7d9e1 !important;
    border-left: 4px solid #4d96b6 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 13px rgba(18, 49, 66, .07) !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-help-panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 14px !important;
    padding: 12px 14px !important;
    color: #284b5d !important;
    background: linear-gradient(120deg, #eef7fb, #f8fcfd) !important;
    border: 1px solid #c6dce5 !important;
    border-left: 5px solid #3a8eb2 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
}

/* Every generated table receives the same full-width technical treatment. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table {
    display: table !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    table-layout: auto !important;
    border: 1px solid #b7ccd6 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 15px rgba(18, 49, 66, .07) !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table th {
    padding: 10px 12px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #0a4d6c, #073e59) !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.16) !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    font: 700 12px/1.35 var(--avd-font-sans) !important;
    letter-spacing: .035em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table td {
    padding: 10px 12px !important;
    color: #203d4c !important;
    background: #ffffff !important;
    border: 0 !important;
    border-right: 1px solid #e0e9ed !important;
    border-bottom: 1px solid #dbe6eb !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table tbody tr:nth-child(even) > td {
    background: #f6fafb !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table tbody tr:hover > td {
    background: #eaf4f8 !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table tr:last-child > td {
    border-bottom: 0 !important;
}

/* Row actions are buttons, never underlined links, in every generated table. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] td.adv-dial-action-cell a:not(.hidden),
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table .modlink a:not(.hidden) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 70px !important;
    min-height: 32px !important;
    margin: 2px !important;
    padding: 5px 11px !important;
    color: #084765 !important;
    -webkit-text-fill-color: #084765 !important;
    background: linear-gradient(180deg, #ffffff, #edf5f8) !important;
    border: 1px solid #aec8d4 !important;
    border-bottom: 1px solid #aec8d4 !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 5px rgba(18, 49, 66, .1) !important;
    font: 700 12.5px/18px var(--avd-font-sans) !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] td.adv-dial-action-cell a.adv-ds-danger:not(.hidden),
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table .modlink a.adv-ds-danger:not(.hidden) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(180deg, #c93643, #a61f2b) !important;
    border-color: #8e1c26 !important;
}

/* Nested View/Modify/Add routes become one left-aligned settings surface. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] form.adv-dial-form {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] form.adv-dial-form > .adv-dial-foundation-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-form-surface {
    width: 100% !important;
    max-width: none !important;
    padding: 18px !important;
    color: #203d4c !important;
    background: linear-gradient(180deg, #ffffff, #f8fbfc) !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-form-table {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px !important;
    background: #f7fafb !important;
    border: 1px solid #cedee5 !important;
    border-radius: 10px !important;
    border-collapse: separate !important;
    border-spacing: 0 7px !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-form-table .adv-dial-field-label {
    width: 34% !important;
    padding: 8px 16px 8px 8px !important;
    color: #153d53 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-align: right !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-form-table .adv-dial-field-control {
    width: 66% !important;
    padding: 4px 8px !important;
    color: #203d4c !important;
    text-align: left !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-inline-editor:not(:empty),
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-choice-list:not(:empty) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 15px 16px !important;
    color: #203d4c !important;
    background: #f7fafb !important;
    border: 1px solid #c9dbe3 !important;
    border-left: 4px solid #4d96b6 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 10px rgba(18, 49, 66, .06) !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-button-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 13px 0 0 !important;
    border-top: 1px solid #d6e2e8 !important;
    text-align: left !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-button-row .adv-ds-action:not(.hidden) {
    min-width: 92px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 7px 14px !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
}

@media (max-width: 860px) {
    html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] {
        width: calc(100vw - 28px) !important;
        max-width: none !important;
        margin-left: 14px !important;
        margin-right: 14px !important;
    }

    html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > .adv-dial-header-actions {
        flex-basis: 100% !important;
        margin-left: 29px !important;
    }

    html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header > span.collapse_ctrl:not(.plus):not(.minus) {
        margin-right: 4px !important;
    }

    html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-field-label,
    html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-field-control {
        display: block !important;
        width: 100% !important;
        padding-right: 0 !important;
    }

    html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-data-table {
        min-width: 640px !important;
    }

    html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-form-table,
    html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-transfer-table {
        min-width: 0 !important;
    }

    html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a[rel="x_prc"],
    html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-dial-reference-action {
        min-width: 170px !important;
    }

    html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-form-table .adv-dial-field-label,
    html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] table.adv-dial-form-table .adv-dial-field-control {
        display: block !important;
        width: 100% !important;
        padding: 5px 7px !important;
        text-align: left !important;
    }
}

/*
 * Foundation 3.9: Call Queues / ACD page family.
 * The shared layer covers the queue index, expanded queue summaries, reset
 * panel, Queue Streaming Settings, Busy Reasons, the complete Modify form,
 * exit routing accordions, and agent membership. Existing values, names,
 * handlers, submissions, and server-generated state remain unchanged.
 */
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-shell {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    width: 100% !important;
    gap: 18px !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-main-card,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-modify-form,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-form-actions {
    grid-column: 1 / -1 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-settings-card {
    align-self: stretch !important;
    margin: 0 !important;
}

/* Landing-page guidance becomes a compact two-column task row. */
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-main-body {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 18px !important;
    gap: 12px !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-quick-link {
    display: flex !important;
    align-items: center !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 11px 13px !important;
    color: #294b5d !important;
    background: linear-gradient(180deg, #ffffff, #f3f8fa) !important;
    border: 1px solid var(--avd-line) !important;
    border-left: 4px solid var(--avd-orange) !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 10px rgba(18, 49, 66, .06) !important;
    box-sizing: border-box !important;
    line-height: 1.45 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-quick-link .adv-ds-action {
    flex: 0 0 auto !important;
    margin: 0 10px 0 0 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-license-note,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-queue-list {
    grid-column: 1 / -1 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-license-note {
    margin: 0 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-queue-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 2px 0 0 !important;
    gap: 12px !important;
}

/* Queue headers use the same action order and alignment on every queue. */
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-queue-card {
    margin: 0 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-queue-header {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    min-height: 58px !important;
    padding: 9px 14px !important;
    gap: 9px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--avd-navy-deep), var(--avd-navy)) !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-disclosure {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 26px !important;
    order: 1 !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    margin: 0 !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, .13) !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    border-radius: 7px !important;
    cursor: pointer !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-disclosure:hover,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-disclosure:focus {
    background: rgba(255, 255, 255, .24) !important;
    border-color: rgba(255, 255, 255, .48) !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-queue-name {
    display: block !important;
    flex: 0 1 auto !important;
    order: 2 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-queue-action-slot {
    display: block !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-modify-slot {
    order: 4 !important;
    margin-left: auto !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-reset-slot {
    order: 5 !important;
}

/*
 * Queue header actions keep one compact geometry in both collapse states.
 * Native collapse_hs/hidden changes can still occur, but they no longer switch
 * the visible Modify control from the original white treatment to blue after
 * its first expansion.
 */
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] a.adv-acd-header-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 82px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 5px 12px !important;
    color: #073f5f !important;
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .82) !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 7px rgba(0, 19, 31, .22) !important;
    box-sizing: border-box !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
    line-height: 20px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transform: none !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] a.adv-acd-header-action:not(.adv-acd-reset-action):hover,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] a.adv-acd-header-action:not(.adv-acd-reset-action):focus {
    color: #06344f !important;
    background: #eef7fb !important;
    border-color: #b8d6e3 !important;
    box-shadow: 0 3px 10px rgba(0, 19, 31, .28) !important;
    transform: none !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] a.adv-acd-header-action.adv-acd-reset-action {
    color: #ffffff !important;
    background: linear-gradient(180deg, #cf3540, var(--avd-red)) !important;
    border-color: #d74650 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-mode-badge {
    flex: 0 1 auto !important;
    order: 3 !important;
    max-width: 300px !important;
    margin: 0 0 0 4px !important;
    padding: 5px 10px !important;
    overflow: hidden !important;
    color: #e8f5fa !important;
    background: rgba(255, 255, 255, .11) !important;
    border: 1px solid rgba(255, 255, 255, .25) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Expanded queue values become a two-column summary instead of one long list. */
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-queue-card > .cqCardData {
    padding: 16px !important;
    background: #f5f9fb !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-summary-grid {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-summary-grid > tbody {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-summary-grid tr.adv-acd-summary-item {
    display: grid !important;
    grid-template-columns: minmax(155px, 46%) minmax(0, 54%) !important;
    min-height: 48px !important;
    background: #ffffff !important;
    border: 1px solid var(--avd-line) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(18, 49, 66, .04) !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-summary-grid tr.adv-acd-summary-item:hover {
    border-color: #a9c7d5 !important;
    box-shadow: 0 3px 9px rgba(18, 49, 66, .08) !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-summary-grid tr.adv-acd-summary-item > td {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 9px 11px !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-summary-grid td.adv-acd-summary-label {
    color: #31566a !important;
    background: #edf4f7 !important;
    border-right: 1px solid var(--avd-line) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-summary-grid td.adv-acd-summary-value {
    color: var(--avd-ink) !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-route-summary {
    margin: 0 0 14px !important;
    border-color: var(--avd-line) !important;
    box-shadow: 0 2px 7px rgba(18, 49, 66, .05) !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-route-summary tr:first-child td {
    padding: 11px 13px !important;
    color: #ffffff !important;
    background: var(--avd-navy) !important;
    border-bottom: 2px solid var(--avd-orange) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Agent summaries and the Modify membership grid share one disclosure model. */
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-agents-card,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-member-card {
    width: 100% !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid var(--avd-line) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 7px rgba(18, 49, 66, .05) !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-agents-header,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-member-card > thead > tr > td:first-child {
    padding: 11px 13px !important;
    color: var(--avd-ink) !important;
    background: #eaf3f7 !important;
    border-bottom: 1px solid var(--avd-line) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: left !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] a.adv-acd-agent-toggle {
    min-width: 68px !important;
    min-height: 32px !important;
    margin: 0 0 0 9px !important;
    padding: 5px 11px !important;
    vertical-align: middle !important;
    text-transform: capitalize !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] a.adv-acd-agent-toggle.hidden {
    display: none !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-queue-card .adv-acd-agent-list:not(.hidden) {
    display: block !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    columns: 2 260px !important;
    column-gap: 28px !important;
    color: #294b5d !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 14.5px !important;
    line-height: 1.85 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-agent-list.hidden {
    display: none !important;
}

/* Reset confirmation is clearly separated from operational queue details. */
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-reset-editor:not(:empty) {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 14px 16px !important;
    color: #4d3820 !important;
    background: #fff8e8 !important;
    border: 1px solid #e8cf92 !important;
    border-left: 4px solid var(--avd-orange) !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-reset-editor > label {
    display: flex !important;
    align-items: flex-start !important;
    margin: 7px 0 !important;
}

/* Queue Streaming and Busy Reasons stay aligned in both view and edit state. */
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-settings-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 52px !important;
    padding: 11px 15px !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-settings-header > .l1 {
    flex: 0 0 auto !important;
    margin: 0 0 0 12px !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-settings-header a.adv-ds-action {
    min-width: 78px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    font-size: 12.5px !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-settings-body {
    min-height: 112px !important;
    padding: 16px !important;
    background: #ffffff !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-summary,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-form,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-busy-form {
    width: 100% !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid var(--avd-line) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 9px !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-summary th,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-summary td,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-form td,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-busy-form td {
    padding: 10px 12px !important;
    color: var(--avd-ink) !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid var(--avd-line) !important;
    text-align: left !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-summary tr:nth-child(even) th,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-summary tr:nth-child(even) td,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-form tr:nth-child(even) td,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-busy-form tr:nth-child(even) td {
    background: var(--avd-panel-alt) !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-summary tr:last-child th,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-summary tr:last-child td,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-form tr:last-child td,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-busy-form tr:last-child td {
    border-bottom: 0 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-summary th,
html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-settings-form td.formLabel {
    width: 42% !important;
    color: #31566a !important;
    background: #edf4f7 !important;
    border-right: 1px solid var(--avd-line) !important;
    font-weight: 700 !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-busy-form td:first-child {
    width: 42px !important;
    color: #ffffff !important;
    background: var(--avd-blue) !important;
    border-right: 1px solid #064968 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-busy-form input[type="text"] {
    width: 100% !important;
    max-width: 280px !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-settings-editor > .buttons {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    margin: 12px 0 0 !important;
    padding: 12px !important;
    gap: 7px !important;
    background: #f3f7f9 !important;
    border: 1px solid var(--avd-line) !important;
    border-radius: 9px !important;
    text-align: left !important;
}

html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-settings-editor > .buttons .fyi2_h {
    flex: 1 1 100% !important;
    margin: 5px 0 0 !important;
}

/* The complete Modify page is divided into understandable form groups. */
html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-modify-form {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-modify-card {
    margin: 0 !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-modify-body {
    padding: 18px !important;
    background: #f5f9fb !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-notice {
    margin: 0 0 14px !important;
    padding: 11px 13px !important;
    color: #5f481e !important;
    background: #fff8e8 !important;
    border: 1px solid #ead59f !important;
    border-left: 4px solid var(--avd-orange) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid var(--avd-line) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 10px rgba(18, 49, 66, .05) !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table tr.adv-acd-form-section > th {
    padding: 12px 14px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0a5275, var(--avd-blue)) !important;
    border: 0 !important;
    border-bottom: 2px solid var(--avd-orange) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -.005em !important;
    line-height: 1.35 !important;
    text-align: left !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table tr.adv-acd-form-section > th > span,
html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table tr.adv-acd-form-section > th > small {
    display: block !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table tr.adv-acd-form-section > th > small {
    margin-top: 2px !important;
    color: #cce6f1 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: .01em !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table tr.adv-acd-form-row > td {
    padding: 10px 13px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid var(--avd-line) !important;
    text-align: left !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table tr.adv-acd-form-row:nth-child(odd) > td {
    background: var(--avd-panel-alt) !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table td.cqModifyFieldLabel,
html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table td.formLabel {
    width: 34% !important;
    color: #274a5c !important;
    background: #edf4f7 !important;
    border-right: 1px solid var(--avd-line) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table td.cqModifyFieldValue,
html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table td.textInputBox {
    width: 66% !important;
    color: var(--avd-ink) !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table .hint {
    display: inline-block !important;
    margin: 4px 0 0 8px !important;
    color: var(--avd-muted) !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-routing-card {
    width: 100% !important;
    margin: 16px 0 !important;
    background: #ffffff !important;
    border: 1px solid var(--avd-line) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 10px rgba(18, 49, 66, .05) !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-routing-card td.adv-acd-routing-header {
    padding: 12px 14px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--avd-navy-deep), var(--avd-navy)) !important;
    border: 0 !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: left !important;
    text-shadow: none !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-routing-card div.q {
    min-height: 43px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    color: #274a5c !important;
    background: #ffffff !important;
    border-bottom: 1px solid var(--avd-line) !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-routing-card div.q:hover {
    background: #edf5f8 !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-route-options {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 0 !important;
    padding: 8px !important;
    gap: 7px !important;
    list-style: none !important;
    background: #f5f9fb !important;
    border: 0 !important;
    border-radius: 0 !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-route-option {
    display: grid !important;
    grid-template-columns: minmax(180px, auto) minmax(180px, 1fr) !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 7px 10px !important;
    color: #294b5d !important;
    background: #ffffff !important;
    border: 1px solid var(--avd-line) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-route-option > label {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-route-option > select {
    width: 100% !important;
    max-width: 520px !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-member-panel:not(.hidden) {
    display: block !important;
    max-height: 590px !important;
    margin: 0 !important;
    padding: 12px !important;
    overflow: auto !important;
    background: #f5f9fb !important;
    border: 0 !important;
    border-radius: 0 !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-member-panel.hidden {
    display: none !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-member-grid {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-member-grid > thead {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-member-grid > thead th:first-child {
    width: 54px !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-member-grid > tbody {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 8px 0 0 !important;
    gap: 8px !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-member-grid tr.adv-acd-member-row {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    align-items: center !important;
    min-height: 43px !important;
    background: #ffffff !important;
    border: 1px solid var(--avd-line) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-member-grid tr.adv-acd-member-row > td {
    display: flex !important;
    align-items: center !important;
    min-height: 43px !important;
    padding: 8px 11px !important;
    background: #ffffff !important;
    border: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-member-grid tr.adv-acd-member-row > td:first-child {
    justify-content: center !important;
    background: #edf4f7 !important;
    border-right: 1px solid var(--avd-line) !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-form-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    gap: 8px !important;
    background: #ffffff !important;
    border: 1px solid var(--avd-line) !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 10px rgba(18, 49, 66, .05) !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-form-actions input {
    margin: 0 !important;
}

@media (max-width: 1120px) {
    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-mode-badge {
        max-width: 36% !important;
    }
}

@media (max-width: 900px) {
    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-shell,
    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-main-body,
    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-summary-grid > tbody,
    html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-member-grid > tbody {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-main-card,
    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-modify-form,
    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-form-actions,
    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-license-note,
    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-queue-list {
        grid-column: 1 !important;
    }
}

@media (max-width: 720px) {
    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-queue-header {
        flex-wrap: wrap !important;
    }

    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-queue-name {
        flex: 1 1 150px !important;
    }

    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-modify-slot {
        order: 3 !important;
    }

    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-reset-slot {
        order: 4 !important;
    }

    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-mode-badge {
        flex: 0 1 auto !important;
        order: 5 !important;
        max-width: calc(100% - 37px) !important;
        margin: 5px 0 0 37px !important;
    }

    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-summary-grid tr.adv-acd-summary-item,
    html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] .adv-acd-route-option {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body.adv-modern.adv-acd-foundation-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-summary-grid td.adv-acd-summary-label {
        border-right: 0 !important;
        border-bottom: 1px solid var(--avd-line) !important;
    }

    html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table tr.adv-acd-form-row > td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table td.cqModifyFieldLabel,
    html body.adv-modern.adv-acd-modify-body[class] #div_home.adv-acd-foundation-page[id] table.adv-acd-form-table td.formLabel {
        border-right: 0 !important;
        border-bottom: 1px solid var(--avd-line) !important;
    }
}

/*
 * Foundation 4.1.0 - professional control-plane refinement
 *
 * A live audit of all 46 primary routes plus representative Add, Modify, and
 * Manage views found that the remaining visual gaps were legacy detail
 * tables, route identity, operational status text, report filters, and very
 * large configuration forms.  The semantic classes for these rules are added
 * by advantage-ui-core.js without changing server values or behavior.
 */

:root {
    --avd-v41-canvas: #e9f0f4;
    --avd-v41-canvas-blue: #dce9ef;
    --avd-v41-surface: #ffffff;
    --avd-v41-surface-soft: #f6f9fb;
    --avd-v41-ink: #163545;
    --avd-v41-muted: #607b89;
    --avd-v41-line: #c9d8e0;
    --avd-v41-line-soft: #dce6eb;
    --avd-v41-navy: #073d5b;
    --avd-v41-navy-deep: #052f47;
    --avd-v41-blue: #08719d;
    --avd-v41-shadow: 0 10px 28px rgba(19, 55, 75, .09),
        0 2px 6px rgba(19, 55, 75, .05);
    --avd-v41-shadow-hover: 0 14px 34px rgba(19, 55, 75, .13),
        0 3px 8px rgba(19, 55, 75, .07);
}

html body.adv-design-system-v41.adv-uniform-page {
    background-color: var(--avd-v41-canvas) !important;
    background-image:
        radial-gradient(circle at 96% 0, rgba(8, 113, 157, .10), transparent 32rem),
        radial-gradient(circle at 18% 2%, rgba(236, 90, 31, .07), transparent 28rem),
        linear-gradient(180deg, #f1f6f8 0, var(--avd-v41-canvas) 34rem) !important;
    background-attachment: fixed !important;
}

/* Make the existing breadcrumb a deliberate navigation surface. */
html body.adv-design-system-v41.adv-uniform-page #div_navstrip {
    min-height: 38px !important;
    margin-top: 14px !important;
    margin-bottom: 8px !important;
    padding: 8px 12px !important;
    color: #526f7e !important;
    background: rgba(255, 255, 255, .58) !important;
    border: 1px solid rgba(184, 204, 214, .64) !important;
    border-radius: 9px !important;
    box-shadow: 0 3px 12px rgba(19, 55, 75, .04) !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    backdrop-filter: blur(10px);
}

html body.adv-design-system-v41.adv-uniform-page #div_navstrip a {
    color: var(--avd-v41-blue) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_navstrip a:hover {
    color: var(--avd-orange) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

/* Clear page identity on every non-dashboard administration route. */
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page > .adv-v41-page-identity {
    position: relative !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 15px 18px 16px 22px !important;
    color: var(--avd-v41-ink) !important;
    background: linear-gradient(105deg, rgba(255, 255, 255, .96), rgba(246, 250, 252, .92)) !important;
    border: 1px solid var(--avd-v41-line) !important;
    border-radius: 13px !important;
    box-shadow: var(--avd-v41-shadow) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-align: left !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page > .adv-v41-page-identity::before {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 5px !important;
    content: "" !important;
    background: linear-gradient(180deg, var(--avd-orange), #ff9b54) !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-page-kicker {
    margin: 0 0 3px !important;
    color: var(--avd-v41-blue) !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-page-identity h1 {
    margin: 0 !important;
    color: var(--avd-v41-navy-deep) !important;
    font: 700 24px/1.22 var(--avd-font-sans) !important;
    letter-spacing: -.015em !important;
}

/* Premium card depth with a quiet lift on interactive page sections. */
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-card {
    border-color: var(--avd-v41-line) !important;
    box-shadow: var(--avd-v41-shadow) !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-top {
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-top:hover {
    border-color: #b6cad4 !important;
    box-shadow: var(--avd-v41-shadow-hover) !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header {
    min-height: 54px !important;
    padding: 11px 16px !important;
    background:
        linear-gradient(135deg, var(--avd-v41-navy-deep), var(--avd-v41-navy) 68%, #095273) !important;
    border-bottom-width: 3px !important;
    font-size: 16px !important;
    letter-spacing: .008em !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-body {
    padding: 18px 20px !important;
    background: linear-gradient(180deg, #ffffff, #fcfdfe) !important;
}

/* Read-only key/value information is presented as a modern definition grid. */
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v41-detail-table {
    width: 100% !important;
    max-width: 860px !important;
    margin: 8px 0 16px !important;
    background: var(--avd-v41-surface-soft) !important;
    border: 1px solid var(--avd-v41-line-soft) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    box-shadow: inset 4px 0 0 rgba(8, 113, 157, .70) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-detail-row > td,
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-detail-row > th {
    padding: 9px 13px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--avd-v41-line-soft) !important;
    text-align: left !important;
    vertical-align: top !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-detail-row:last-child > td,
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-detail-row:last-child > th {
    border-bottom: 0 !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-detail-label {
    width: 34% !important;
    color: #365767 !important;
    font-weight: 700 !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-detail-value {
    color: var(--avd-v41-ink) !important;
    font-weight: 500 !important;
    overflow-wrap: anywhere !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-section-label {
    width: auto !important;
    max-width: 860px !important;
    margin: 18px 0 6px !important;
    padding: 8px 12px !important;
    color: var(--avd-v41-navy) !important;
    background: linear-gradient(90deg, #e6f0f5, rgba(230, 240, 245, .25)) !important;
    border: 0 !important;
    border-left: 4px solid var(--avd-orange) !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .025em !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

/* Search, filter, and report controls share one compact command surface. */
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-toolbar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 9px 12px !important;
    width: 100% !important;
    margin: 10px 0 !important;
    padding: 11px 13px !important;
    color: var(--avd-v41-ink) !important;
    background: linear-gradient(180deg, #f6fafc, #eef5f8) !important;
    border: 1px solid var(--avd-v41-line) !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 10px rgba(19, 55, 75, .04) !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-toolbar-label {
    color: var(--avd-v41-navy) !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page tr.adv-v41-toolbar-row > td,
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page tr.adv-v41-toolbar-row > th {
    padding: 10px 12px !important;
    color: var(--avd-v41-ink) !important;
    background: #eef5f8 !important;
    border-top: 1px solid var(--avd-v41-line) !important;
    border-bottom: 1px solid var(--avd-v41-line) !important;
    vertical-align: middle !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page tr.adv-v41-toolbar-row > :first-child {
    border-left: 1px solid var(--avd-v41-line) !important;
    border-radius: 9px 0 0 9px !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page tr.adv-v41-toolbar-row > :last-child {
    border-right: 1px solid var(--avd-v41-line) !important;
    border-radius: 0 9px 9px 0 !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-toolbar input[type="text"],
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-toolbar input[type="search"] {
    flex: 1 1 300px !important;
    min-width: 180px !important;
    max-width: 620px !important;
}

/* Restrained operational-state pills improve scan speed without replacing
 * the server's original status text. */
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-status {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 3px 9px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-status-success {
    color: #12613f !important;
    background: #eaf8f1 !important;
    border-color: #a8dcc3 !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-status-warning {
    color: #8a4b0a !important;
    background: #fff6e8 !important;
    border-color: #efc985 !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-status-danger {
    color: #8f1821 !important;
    background: #fff0f1 !important;
    border-color: #e6a5aa !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-status-info {
    color: #075985 !important;
    background: #eaf6fc !important;
    border-color: #a9d3e7 !important;
}

/* Modern loading and operation feedback.  The native message stays visible. */
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-loading-state {
    position: relative !important;
    min-height: 42px !important;
    margin: 8px 0 !important;
    padding: 11px 16px 11px 44px !important;
    color: #365767 !important;
    background: linear-gradient(90deg, #f5fafc, #edf5f8, #f5fafc) !important;
    background-size: 220% 100% !important;
    border: 1px solid #c8dce5 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    font-size: 13.5px !important;
    font-style: normal !important;
    font-weight: 650 !important;
    animation: adv-v41-loading-sheen 1.8s ease-in-out infinite !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-loading-state::before {
    position: absolute !important;
    top: 50% !important;
    left: 15px !important;
    width: 16px !important;
    height: 16px !important;
    margin-top: -10px !important;
    content: "" !important;
    border: 3px solid rgba(8, 113, 157, .22) !important;
    border-top-color: var(--avd-v41-blue) !important;
    border-radius: 50% !important;
    animation: adv-v41-spinner .78s linear infinite !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-operation-status:not(:empty) {
    margin: 10px 0 !important;
    padding: 10px 13px !important;
    color: #27566d !important;
    background: #edf7fb !important;
    border: 1px solid #b9d8e6 !important;
    border-left: 4px solid var(--avd-v41-blue) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    font-weight: 650 !important;
}

@keyframes adv-v41-spinner {
    to { transform: rotate(360deg); }
}

@keyframes adv-v41-loading-sheen {
    0%, 100% { background-position: 0 0; }
    50% { background-position: 100% 0; }
}

/* Refine the shared tables without weakening the established severity rows. */
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table {
    border-color: var(--avd-v41-line) !important;
    border-radius: 11px !important;
    box-shadow: 0 4px 14px rgba(19, 55, 75, .05) !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > thead > tr > th,
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-table-header > th,
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-table-header > td {
    padding: 11px 13px !important;
    background: linear-gradient(180deg, #0a567a, #073f5f) !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    font-size: 12px !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-data-row > td {
    padding: 11px 13px !important;
    border-color: var(--avd-v41-line-soft) !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-data-row:hover > td {
    background: #eaf4f8 !important;
}

/* Large configuration forms remain left-aligned but gain a calmer reading
 * lane and clearer row relationships. */
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-form-table {
    max-width: 1120px !important;
    border-spacing: 0 8px !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-form-row > td,
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-form-row > th {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-field-label {
    color: #294b5c !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: .005em !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page input[type="text"],
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page input[type="password"],
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page input[type="email"],
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page input[type="number"],
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page input[type="tel"],
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page select,
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page textarea {
    border-color: #aebfc8 !important;
    box-shadow: inset 0 1px 2px rgba(19, 55, 75, .05),
        0 1px 0 rgba(255, 255, 255, .8) !important;
    transition: border-color .16s ease, box-shadow .16s ease !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):hover,
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page select:hover,
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page textarea:hover {
    border-color: #789aaa !important;
}

/* Buttons feel responsive while retaining the established white/blue/red
 * action hierarchy and disclosure-state behavior. */
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-ds-action,
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-uniform-action {
    min-height: 36px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(19, 55, 75, .12) !important;
    transition: background-color .16s ease, border-color .16s ease,
        box-shadow .16s ease, transform .12s ease !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-ds-action:hover,
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-uniform-action:hover {
    box-shadow: 0 5px 12px rgba(19, 55, 75, .16) !important;
    transform: translateY(-1px) !important;
}

html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-ds-action:active,
html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-uniform-action:active {
    box-shadow: 0 1px 3px rgba(19, 55, 75, .14) !important;
    transform: translateY(0) !important;
}

/* System-event severity is intentionally unmistakable and survives zebra or
 * hover rules loaded by historical report stylesheets. */
html body.adv-design-system-v41.adv-syslog-page #eventRecords #logData tbody tr.adv-sev-critical > td,
html body.adv-design-system-v41.adv-syslog-page #eventRecords #logData tbody tr.adv-sev-error > td {
    color: #7f1d1d !important;
    background: #fff0f1 !important;
}

html body.adv-design-system-v41.adv-syslog-page #eventRecords #logData tbody tr.adv-sev-warning > td {
    color: #7c3d12 !important;
    background: #fff5e8 !important;
}

html body.adv-design-system-v41.adv-syslog-page #eventRecords #logData tbody tr.adv-sev-notice > td {
    color: #164e75 !important;
    background: #edf7fc !important;
}

html body.adv-design-system-v41.adv-syslog-page #eventRecords #logData tbody tr.adv-sev-info > td {
    color: #14532d !important;
    background: #edf9f2 !important;
}

@media (max-width: 980px) {
    html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page > .adv-v41-page-identity {
        padding: 13px 15px 14px 19px !important;
    }

    html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-page-identity h1 {
        font-size: 21px !important;
    }

    html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-detail-label,
    html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-detail-value {
        width: auto !important;
    }
}

@media (max-width: 720px) {
    html body.adv-design-system-v41.adv-uniform-page #div_navstrip {
        margin-top: 8px !important;
    }

    html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v41-toolbar {
        align-items: stretch !important;
        flex-direction: column !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page *,
    html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page *::before,
    html body.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }
}

/*
 * Foundation 3.7: Auto Attendant View and Modify presentation.
 * All selectors are restricted to the page-owned semantic classes already
 * emitted by attendantView.aspf and attendantModify.aspf. No application
 * state, form name, control value, link target, or event handler is changed.
 */
html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAttendantsList {
    display: grid !important;
    width: 100% !important;
    gap: 18px !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaCard,
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyCard {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #c7d7df !important;
    border-radius: 13px !important;
    box-shadow: 0 8px 24px rgba(18, 49, 66, .10) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaCard > .autoAaHeader,
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyCard > .autoAaModifyLabel {
    min-height: 58px !important;
    padding: 12px 16px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #062f48, #075274) !important;
    border: 0 !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    line-height: 28px !important;
}

/* View: title, actions, and the current greeting become one stable toolbar. */
html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaCard > .autoAaHeader {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaHeader > span.l1 {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaHeader > span.l1:first-of-type {
    margin-left: 18px !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaHeader a.actionlink {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 66px !important;
    min-height: 32px !important;
    padding: 4px 11px !important;
    color: #073f5f !important;
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .82) !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 7px rgba(0, 19, 31, .22) !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    line-height: 20px !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
    transition: background-color .15s ease, border-color .15s ease,
        box-shadow .15s ease, transform .15s ease !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaHeader a.actionlink:hover,
html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaHeader a.actionlink:focus {
    color: #06344f !important;
    background: #eef7fb !important;
    border-color: #b8d6e3 !important;
    box-shadow: 0 3px 10px rgba(0, 19, 31, .28) !important;
    transform: translateY(-1px) !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaHeader a.actionlink[title*="resetting"] {
    color: #8f1821 !important;
    background: #fff5f5 !important;
    border-color: #f2c8cc !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaHeader a.actionlink.disabled {
    opacity: .55 !important;
    box-shadow: none !important;
    pointer-events: none !important;
    transform: none !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaScheduleHint {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    margin: 0 0 0 auto !important;
    padding: 4px 11px !important;
    color: #e8f6fc !important;
    background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(255, 255, 255, .23) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    white-space: normal !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaScheduleHint i {
    color: inherit !important;
    font-style: normal !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaData {
    width: 100% !important;
    padding: 18px !important;
    color: var(--avd-ink) !important;
    background: #f7fafb !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaDetailsTable {
    width: 100% !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #cfdee5 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 12px rgba(18, 49, 66, .06) !important;
    table-layout: fixed !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaDetailsTable > tbody > tr > td {
    padding: 10px 14px !important;
    color: #294b5d !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e1eaee !important;
    box-sizing: border-box !important;
    font-size: 14.5px !important;
    line-height: 22px !important;
    text-align: left !important;
    vertical-align: top !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaDetailsTable > tbody > tr:nth-child(even) > td {
    background: #f8fbfc !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaDetailsTable > tbody > tr:last-child > td {
    border-bottom: 0 !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaDetailsTable > tbody > tr > td:first-child,
html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaDetailLabel {
    width: 34% !important;
    color: #17313f !important;
    background: #f1f6f8 !important;
    border-right: 1px solid #d7e3e8 !important;
    font-weight: 700 !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaDetailsTable > tbody > tr:nth-child(even) > td:first-child {
    background: #eaf2f5 !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaDetailsTable > tbody > tr > td[colspan="2"] {
    width: 100% !important;
    padding: 16px !important;
    background: #f7fafb !important;
    border-right: 0 !important;
}

/* View: Day/Night shortcut maps use the full available row and equal columns. */
html body.adv-modern.adv-auto-page-body[class] #div_home[id] table.autoAaShortcutsTable {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #bfd2dc !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    table-layout: fixed !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] table.autoAaShortcutsTable td {
    width: 10% !important;
    padding: 9px 5px !important;
    color: #23495c !important;
    background: #ffffff !important;
    border: 0 !important;
    border-right: 1px solid #d7e4e9 !important;
    border-bottom: 1px solid #d7e4e9 !important;
    box-sizing: border-box !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-align: center !important;
    vertical-align: middle !important;
    overflow-wrap: anywhere !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] table.autoAaShortcutsTable thead tr:first-child td {
    padding: 10px 12px !important;
    color: #ffffff !important;
    background: #08648f !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] table.autoAaShortcutsTable thead tr:nth-child(2) td {
    color: #17313f !important;
    background: #e8f2f6 !important;
    font-weight: 700 !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] table.autoAaShortcutsTable tr:last-child td {
    border-bottom: 0 !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] table.autoAaShortcutsTable td:last-child {
    border-right: 0 !important;
}

/* View: reset/copy panels and their live status remain inside the attendant. */
html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaActionPanel:not(.hidden),
html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaStatus:not(:empty),
html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaError:not(:empty) {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 14px 16px !important;
    color: #294b5d !important;
    background: #eef6f9 !important;
    border: 1px solid #c9dce5 !important;
    border-left: 4px solid var(--avd-blue) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaError:not(:empty) {
    color: #8f1821 !important;
    background: #fff3f4 !important;
    border-color: #edc5c9 !important;
    border-left-color: var(--avd-red) !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaInlineForm ul,
html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaActionPanel ul {
    margin: 10px 0 12px !important;
    padding: 0 !important;
    list-style: none !important;
}

html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaInlineForm li,
html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaActionPanel li {
    margin: 6px 0 !important;
}

/* Modify: a readable form canvas with the same card language as View. */
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyForm {
    display: grid !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    gap: 18px !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyData {
    width: 100% !important;
    padding: 18px 20px 20px !important;
    color: var(--avd-ink) !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyData > .inst2 {
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 12px 14px !important;
    color: #294b5d !important;
    background: #edf6fa !important;
    border: 1px solid #c6dce6 !important;
    border-left: 4px solid var(--avd-blue) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 21px !important;
    text-align: left !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable {
    width: 100% !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #d2e0e6 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    table-layout: fixed !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable > tbody > tr > td {
    padding: 11px 14px !important;
    color: #294b5d !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e0e9ed !important;
    box-sizing: border-box !important;
    font-size: 14.5px !important;
    line-height: 22px !important;
    text-align: left !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable > tbody > tr:nth-child(even) > td {
    background: #f8fbfc !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable > tbody > tr:last-child > td {
    border-bottom: 0 !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable > tbody > tr > td:first-child,
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable .formLabel {
    width: 34% !important;
    color: #17313f !important;
    background: #f1f6f8 !important;
    border-right: 1px solid #d7e3e8 !important;
    font-weight: 700 !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable > tbody > tr:nth-child(even) > td:first-child {
    background: #eaf2f5 !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyForm input[type="text"],
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyForm input[type="number"],
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyForm select,
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyForm textarea {
    min-height: 36px !important;
    max-width: 520px !important;
    padding: 6px 10px !important;
    color: #17313f !important;
    background: #ffffff !important;
    border: 1px solid #aebfc8 !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyForm input[type="text"]:focus,
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyForm input[type="number"]:focus,
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyForm select:focus,
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyForm textarea:focus {
    border-color: var(--avd-blue) !important;
    box-shadow: 0 0 0 3px rgba(8, 100, 143, .14) !important;
    outline: 0 !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyForm select:disabled,
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyForm input:disabled {
    color: #71838c !important;
    background: #edf2f4 !important;
    cursor: not-allowed !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable .hint {
    display: block !important;
    margin-top: 5px !important;
    color: #607784 !important;
    font-size: 12.5px !important;
    font-style: normal !important;
    line-height: 18px !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable ul {
    display: grid !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    gap: 7px !important;
    list-style: none !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable li {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 6px 10px !important;
    background: #f3f7f9 !important;
    border: 1px solid #d8e4e9 !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    gap: 7px !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable input[type="radio"] {
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaShortcutGroup {
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 15px !important;
    background: #f7fafb !important;
    border: 1px solid #cfdee5 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaShortcutHeader {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 12px !important;
    gap: 10px !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaShortcutTitle {
    color: #17313f !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 23px !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaShortcutHeader select {
    min-width: 170px !important;
    margin-left: auto !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyShortcutTable {
    width: min(100%, 760px) !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #c9d9e1 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 8px !important;
    table-layout: fixed !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyShortcutTable th {
    padding: 9px 12px !important;
    color: #ffffff !important;
    background: #08648f !important;
    border: 0 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-align: left !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyShortcutTable th:first-child {
    width: 72px !important;
    text-align: center !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyShortcutTable td {
    padding: 8px 11px !important;
    color: #294b5d !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e0e9ed !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: left !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyShortcutTable tr:nth-child(even) td {
    background: #f7fafb !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyShortcutTable tr:last-child td {
    border-bottom: 0 !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyShortcutTable td.autoAaShortcutDigit {
    width: 72px !important;
    color: #07577e !important;
    background: #edf5f8 !important;
    border-right: 1px solid #d5e3e9 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyShortcutTable select {
    width: min(100%, 600px) !important;
    max-width: 600px !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaUndefinedShortcut td {
    background: #fff8e8 !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaNotDefinedWarning {
    margin-top: 5px !important;
    color: #a35b0b !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyButtons {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;
    gap: 9px !important;
    text-align: left !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyButtons input {
    min-width: 104px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 7px 17px !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    cursor: pointer !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaPrimaryButton {
    color: #ffffff !important;
    background: var(--avd-blue) !important;
    border: 1px solid var(--avd-blue) !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaPrimaryButton:hover,
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaPrimaryButton:focus {
    background: var(--avd-blue-hover) !important;
    border-color: var(--avd-blue-hover) !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaSecondaryButton {
    color: #17313f !important;
    background: #ffffff !important;
    border: 1px solid #aebfc8 !important;
}

html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaSecondaryButton:hover,
html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaSecondaryButton:focus {
    background: #edf4f7 !important;
    border-color: #819ba7 !important;
}

@media (max-width: 900px) {
    html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaHeader > span.l1:first-of-type {
        margin-left: 0 !important;
    }

    html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaScheduleHint {
        flex-basis: 100% !important;
        margin-left: 0 !important;
    }

    html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaDetailsTable {
        table-layout: auto !important;
    }

    html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaDetailsTable > tbody > tr > td:first-child,
    html body.adv-modern.adv-auto-page-body[class] #div_home[id] .autoAaDetailLabel,
    html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable > tbody > tr > td:first-child,
    html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] table.autoAaModifyTable .formLabel {
        width: 40% !important;
    }

    html body.adv-modern.adv-auto-modify-page-body[class] #div_home[id] .autoAaModifyData {
        padding: 14px !important;
    }
}

/*
 * Foundation 3.8: Handsets collapse reliability and secondary sections.
 * The JavaScript adds presentation classes to each independently generated
 * section after its existing AJAX content arrives. The selectors below give
 * Analog Handsets, Handset Preference Groups, Network Profile Templates, and
 * Configuration Templates the same visual system as SIP Handsets.
 */
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 18px !important;
    color: var(--avd-ink) !important;
    background: #ffffff !important;
    border: 1px solid #c7d7df !important;
    border-radius: 13px !important;
    box-shadow: 0 8px 24px rgba(18, 49, 66, .10) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-card > .adv-handsets-foundation-header {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    min-height: 56px !important;
    padding: 11px 15px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #062f48, #075274) !important;
    border: 0 !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    line-height: 28px !important;
    gap: 8px !important;
}

/* Only the leading triangle is the control; the legacy title wrapper stays text. */
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-header > span.collapse_ctrl.plus,
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-header > span.collapse_ctrl.minus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 3px 0 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, .12) !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    line-height: 1 !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-header > span.collapse_ctrl.plus:hover,
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-header > span.collapse_ctrl.minus:hover,
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-header > span.collapse_ctrl.plus:focus,
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-header > span.collapse_ctrl.minus:focus {
    background: rgba(255, 255, 255, .22) !important;
    border-color: rgba(255, 255, 255, .48) !important;
    outline: 2px solid rgba(255, 255, 255, .34) !important;
    outline-offset: 2px !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-header > span.collapse_ctrl.plus::before,
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-header > span.collapse_ctrl.minus::before {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-header > span.collapse_ctrl:not(.plus):not(.minus) {
    display: inline !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    cursor: default !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-header .l1 {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 0 0 6px !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-data {
    width: 100% !important;
    padding: 18px !important;
    color: var(--avd-ink) !important;
    background: #f7fafb !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-data.hidden {
    display: none;
}

/* Shared secondary-section table contract across four different generators. */
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: #294b5d !important;
    background: #ffffff !important;
    border: 1px solid #cbdbe3 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 12px rgba(18, 49, 66, .06) !important;
    table-layout: auto !important;
    overflow: hidden !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table th.adv-handsets-section-heading {
    padding: 10px 13px !important;
    color: #ffffff !important;
    background: #08648f !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .22) !important;
    border-bottom: 1px solid #064d70 !important;
    box-sizing: border-box !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    line-height: 20px !important;
    text-align: left !important;
    white-space: normal !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table th.adv-handsets-section-heading:last-child {
    border-right: 0 !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-cell {
    padding: 11px 13px !important;
    color: #294b5d !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e0e9ed !important;
    box-sizing: border-box !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    text-align: left !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table tr.adv-handsets-section-row:nth-child(even) td.adv-handsets-section-cell {
    background: #f7fafb !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table tr.adv-handsets-section-row:hover td.adv-handsets-section-cell {
    background: #edf5f8 !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table tr.adv-handsets-section-row:last-child td.adv-handsets-section-cell {
    border-bottom: 0 !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-identity {
    color: #17313f !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-actions {
    width: 230px !important;
    min-width: 190px !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-actions .modlink {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    gap: 6px !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-actions .modlink a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 62px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    color: #ffffff !important;
    background: var(--avd-blue) !important;
    border: 1px solid var(--avd-blue) !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 5px rgba(18, 49, 66, .12) !important;
    box-sizing: border-box !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
    white-space: nowrap !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-actions .modlink a:hover,
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-actions .modlink a:focus {
    color: #ffffff !important;
    background: var(--avd-blue-hover) !important;
    border-color: var(--avd-blue-hover) !important;
    transform: translateY(-1px) !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-actions .modlink a[title*="Delete"],
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-actions .modlink a[title*="delete"] {
    color: #ffffff !important;
    background: linear-gradient(180deg, #c93643, #a61f2b) !important;
    border-color: #891722 !important;
    box-shadow: 0 2px 6px rgba(137, 23, 34, .24) !important;
}

/* A solid destructive action remains legible against alternating table rows. */
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-actions .modlink a.adv-handsets-delete-action {
    color: #ffffff !important;
    background: linear-gradient(180deg, #c93643, #a61f2b) !important;
    border-color: #891722 !important;
    box-shadow: 0 2px 6px rgba(137, 23, 34, .24) !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-actions .modlink a.adv-handsets-delete-action:hover,
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-actions .modlink a.adv-handsets-delete-action:focus {
    color: #ffffff !important;
    background: #891722 !important;
    border-color: #6f1019 !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-actions .modlink a.disabled {
    opacity: .52 !important;
    pointer-events: none !important;
    transform: none !important;
}

/* Active Templates and Handset Templates read as related subcards. */
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-section-caption {
    padding: 10px 13px !important;
    color: #17313f !important;
    background: #eaf3f7 !important;
    border: 1px solid #cbdbe3 !important;
    border-bottom: 0 !important;
    border-radius: 9px 9px 0 0 !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    text-align: left !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] #j_template table.adv-handsets-section-table {
    margin-bottom: 18px !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] #j_template hr,
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] #j_template table + br {
    display: none !important;
}

/* Preference Group assignment disclosure and its generated group cards. */
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-toggle {
    display: inline-flex;
    align-items: center !important;
    min-height: 38px !important;
    margin: 0 0 14px !important;
    padding: 7px 12px !important;
    color: #07577e !important;
    background: #eaf4f8 !important;
    border: 1px solid #bdd5e0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    cursor: pointer !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-toggle:hover,
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-toggle:focus {
    color: #063f5d !important;
    background: #dceef5 !important;
    border-color: #8fbdcf !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-toggle.hidden {
    display: none;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-toggle > span.plus,
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-toggle > span.minus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    margin-right: 7px !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: var(--avd-blue) !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-grid:not(:empty) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    margin: 0 0 16px !important;
    gap: 12px !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-grid[style*="display: none"],
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-grid[style*="display:none"],
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-grid.hidden {
    display: none !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-grid > br,
html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-grid > hr {
    display: none !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-assignment-table {
    align-self: start !important;
    margin: 0 !important;
}

html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-section-inline-panel {
    margin: 12px 0 !important;
    padding: 14px !important;
    color: #294b5d !important;
    background: #eef6f9 !important;
    border: 1px solid #c7dce5 !important;
    border-left: 4px solid var(--avd-blue) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

@media (max-width: 820px) {
    html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-foundation-data {
        padding: 12px !important;
    }

    html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] table.adv-handsets-section-table td.adv-handsets-section-actions {
        width: auto !important;
        min-width: 0 !important;
    }

    html body.adv-modern.adv-handsets-foundation-body[class] #div_home.adv-handsets-foundation-page[id] .adv-handsets-assignment-grid:not(:empty) {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 900px) {
    html body.adv-modern.adv-uniform-page #div_navstrip,
    html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home {
        width: calc(100vw - var(--avx-rail-width) - 28px) !important;
        margin-left: calc(var(--avx-rail-width) + 14px) !important;
    }

    html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-uniform-field-label,
    html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-uniform-field-control {
        display: block !important;
        width: 100% !important;
        padding-right: 0 !important;
    }

    html body.adv-modern.adv-uniform-page #div_home.adv-uniform-home .adv-ds-action:not(.hidden) {
        white-space: normal !important;
    }
}

/*
 * Foundation 3.4: Extensions identity metadata.
 * Login and Park-to-Extension state form one compact, labeled line beneath
 * the primary name while preserving the original elements and state markers.
 */
html body.adv-modern[class] #div_home[id] #table_extensions > tbody > tr.extinfo td.adv-record-identity > .adv-extension-meta-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 7px 0 0 28px !important;
    padding: 0 !important;
    color: var(--avd-muted) !important;
    font-family: var(--avd-font-sans) !important;
    line-height: 1.35 !important;
}

html body.adv-modern[class] #div_home[id] #table_extensions > tbody > tr.extinfo td.adv-record-identity > .adv-extension-meta-row > .adv-extension-login {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 25px !important;
    margin: 0 !important;
    padding: 3px 9px !important;
    color: #31596d !important;
    background: #edf5f8 !important;
    border: 1px solid #c7dbe4 !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 17px !important;
    white-space: nowrap !important;
}

html body.adv-modern[class] #div_home[id] #table_extensions > tbody > tr.extinfo td.adv-record-identity > .adv-extension-meta-row > .adv-extension-login::before {
    margin-right: 6px !important;
    content: "Login" !important;
    color: #63808f !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: .07em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

html body.adv-modern[class] #div_home[id] #table_extensions > tbody > tr.extinfo td.adv-record-identity > .adv-extension-meta-row > .adv-extension-park-status {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 25px !important;
    margin: 0 !important;
    padding: 3px 9px !important;
    color: #78531c !important;
    background: #fff7e7 !important;
    border: 1px solid #e8d09b !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 17px !important;
    white-space: nowrap !important;
}

html body.adv-modern[class] #div_home[id] #table_extensions > tbody > tr.extinfo td.adv-record-identity > .adv-extension-meta-row > .adv-extension-park-status::before {
    margin: 0 !important;
    content: "\1F697  Park to Extension" !important;
    color: inherit !important;
}

@media (max-width: 1000px) {
    html body.adv-modern[class] #div_home[id] #table_extensions > tbody > tr.extinfo td.adv-record-identity > .adv-extension-meta-row {
        margin-left: 24px !important;
    }
}

/*
 * Foundation 3.5: handset install codes are operational identifiers.
 * The original server-generated text remains intact and receives a compact,
 * read-only identifier treatment instead of appearing as incidental body copy.
 */
html body.adv-modern[class] #div_home[id] #table_sip_handsets span.handsetinfo.adv-install-code {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 40px !important;
    margin: 4px 0 !important;
    padding: 7px 13px 7px 10px !important;
    overflow-wrap: anywhere !important;
    color: #173f55 !important;
    background: linear-gradient(180deg, #ffffff, #f1f7fa) !important;
    border: 1px solid #bfd3dd !important;
    border-left: 4px solid var(--avd-orange) !important;
    border-radius: 9px !important;
    box-shadow: 0 2px 7px rgba(25, 68, 91, .10) !important;
    box-sizing: border-box !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: .003em !important;
    line-height: 1.45 !important;
    white-space: normal !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets span.handsetinfo.adv-install-code::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 27px !important;
    height: 25px !important;
    margin-right: 9px !important;
    content: "IC" !important;
    color: #ffffff !important;
    background: var(--avd-blue) !important;
    border-radius: 6px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .20) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .07em !important;
    line-height: 1 !important;
}

/*
 * Foundation 3.6: handset network and restart metadata.
 * Existing server-generated text, links, state spans, and font family remain
 * intact; presentation hooks provide grouping, hierarchy, and state emphasis.
 */
html body.adv-modern[class] #div_home[id] #table_sip_handsets > tbody > tr.station tr.adv-handset-network-row > td.adv-handset-network-cell {
    padding: 10px 14px !important;
    color: #294d60 !important;
    background: linear-gradient(90deg, #f3f8fa, #f8fbfc) !important;
    border: 1px solid #cfdee5 !important;
    border-left: 4px solid var(--avd-blue) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(25, 68, 91, .07) !important;
    box-sizing: border-box !important;
    line-height: 1.55 !important;
    white-space: normal !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets span.adv-handset-network-summary {
    color: #294d60 !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets .adv-handset-public-address {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 25px !important;
    margin: 0 3px !important;
    padding: 2px 8px !important;
    color: #075f8a !important;
    background: #e8f3f8 !important;
    border: 1px solid #b9d5e1 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    font-weight: 700 !important;
    line-height: 19px !important;
    text-decoration: none !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets a.adv-handset-public-address:hover,
html body.adv-modern[class] #div_home[id] #table_sip_handsets a.adv-handset-public-address:focus {
    color: #034969 !important;
    background: #dceef5 !important;
    border-color: #8fbdcf !important;
    text-decoration: underline !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets span.adv-handset-public-address-disabled {
    color: #5f7783 !important;
    background: #eef3f5 !important;
    border-color: #d1dde2 !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets span.adv-handset-network-state:not(.hidden) {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    margin: 0 3px !important;
    padding: 2px 8px !important;
    color: #865216 !important;
    background: #fff5df !important;
    border: 1px solid #e7c985 !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets span.adv-handset-network-state:not(.hidden)::before {
    width: 7px !important;
    height: 7px !important;
    margin-right: 6px !important;
    content: "" !important;
    background: #d98218 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 2px rgba(217, 130, 24, .14) !important;
}

html body.adv-modern[class] #div_home[id] #table_sip_handsets span.adv-handset-reboot-meta,
html body.adv-modern[class] #div_home[id] #table_sip_handsets span.adv-handset-private-meta {
    display: inline-block !important;
    margin-left: 11px !important;
    padding-left: 11px !important;
    color: #607d8c !important;
    border-left: 1px solid #c5d7df !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}

@media (max-width: 1000px) {
    html body.adv-modern[class] #div_home[id] #table_sip_handsets span.adv-handset-reboot-meta,
    html body.adv-modern[class] #div_home[id] #table_sip_handsets span.adv-handset-private-meta {
        margin-left: 7px !important;
        padding-left: 7px !important;
        white-space: normal !important;
    }
}

/*
 * Foundation 3.10.4: unified Dial Plan header actions.
 *
 * Dial Plan previously retained a separate gradient/icon treatment even after
 * the other administration families standardized on the compact white header
 * action.  This final contract intentionally matches Auto Attendant and ACD in
 * both collapse states.  It also suppresses every decorative action icon; the
 * Reference Card keeps only its deterministic text label.
 */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden),
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden):link,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden):visited,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-ds-primary:not(.hidden),
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-ds-danger:not(.hidden) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 66px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 4px 11px !important;
    color: #073f5f !important;
    -webkit-text-fill-color: #073f5f !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, .82) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .82) !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 7px rgba(0, 19, 31, .22) !important;
    box-sizing: border-box !important;
    font: 700 13px/20px var(--avd-font-sans) !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    text-transform: capitalize !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: background-color .15s ease, border-color .15s ease,
        box-shadow .15s ease, transform .15s ease !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden):hover,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden):focus,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.hidden):focus-visible,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-ds-primary:not(.hidden):hover,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-ds-danger:not(.hidden):hover {
    color: #06344f !important;
    -webkit-text-fill-color: #06344f !important;
    background: #eef7fb !important;
    background-image: none !important;
    border-color: #b8d6e3 !important;
    border-bottom-color: #b8d6e3 !important;
    box-shadow: 0 3px 10px rgba(0, 19, 31, .28) !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    transform: translateY(-1px) !important;
}

/* Suppress pencil, external-link, and any other decorative header icon. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not([rel="x_prc"])::before,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.adv-dial-reference-action)::before,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not([rel="x_prc"])::after,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a:not(.adv-dial-reference-action)::after {
    content: none !important;
    display: none !important;
}

/* Reference Card is text-only and uses the same white header-button surface. */
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a[rel="x_prc"],
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-dial-reference-action {
    min-width: 218px !important;
}

html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a[rel="x_prc"]::after,
html body.adv-modern.adv-dial-foundation-body[class] #div_home.adv-dial-foundation-page[id] .adv-dial-card-header a.adv-dial-reference-action::after {
    content: "View Phone Functions Reference" !important;
    display: inline !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-shadow: none !important;
}

/*
 * Foundation 3.10.5: native Dial Plan visual contract.
 *
 * The Dial Plan is assembled by several server fragments and asynchronous
 * builders.  These final selectors deliberately use the native page IDs and
 * classes, so a late-generated section does not depend on JavaScript-added
 * presentation classes before it receives the same card and action treatment
 * as Auto Attendant.  No controls are replaced and no handlers are changed.
 */

/* Every top-level and generated subsection uses one card surface. */
html body #div_home.adv-dial-page[id] .advDialTopData > .info1,
html body #div_home.adv-dial-page[id] #j_edialingrules > .data > .info1 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    color: #18364a !important;
    background: #ffffff !important;
    border: 1px solid #c7d7df !important;
    border-radius: 13px !important;
    box-shadow: 0 8px 24px rgba(18, 49, 66, .10) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body #div_home.adv-dial-page[id] #j_edialingrules > .data > .info1 {
    box-shadow: 0 5px 16px rgba(18, 49, 66, .09) !important;
}

/*
 * Match the Auto Attendant header: deep navy, orange rule, stable height,
 * and one alignment model in expanded and collapsed states.
 */
html body #div_home.adv-dial-page[id] .info1 > .label,
html body #div_home.adv-dial-page[id] .dialPlanCard > .dialPlanLabel {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 11px 16px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #062f48, #075274) !important;
    border: 0 !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-family: var(--avd-font-sans) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    line-height: 28px !important;
    text-shadow: none !important;
}

html body #div_home.adv-dial-page[id] .info1 > .label > span.collapse_ctrl {
    flex: 0 0 auto !important;
}

html body #div_home.adv-dial-page[id] .info1 > .label > .l1,
html body #div_home.adv-dial-page[id] .dialPlanLabel > .l1 {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 8px !important;
    float: none !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    color: inherit !important;
    line-height: 20px !important;
}

html body #div_home.adv-dial-page[id] .info1 > .label > .l1 + .l1,
html body #div_home.adv-dial-page[id] .dialPlanLabel > .l1 + .l1 {
    margin-left: 0 !important;
}

/* Header actions exactly follow the compact Auto Attendant button contract. */
html body #div_home.adv-dial-page[id] .info1 > .label a,
html body #div_home.adv-dial-page[id] .info1 > .label a:link,
html body #div_home.adv-dial-page[id] .info1 > .label a:visited,
html body #div_home.adv-dial-page[id] .dialPlanLabel a,
html body #div_home.adv-dial-page[id] .dialPlanLabel a:link,
html body #div_home.adv-dial-page[id] .dialPlanLabel a:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 66px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 4px 11px !important;
    color: #073f5f !important;
    -webkit-text-fill-color: #073f5f !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, .82) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .82) !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 7px rgba(0, 19, 31, .22) !important;
    box-sizing: border-box !important;
    font: 700 13px/20px var(--avd-font-sans) !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    text-transform: capitalize !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: background-color .15s ease, border-color .15s ease,
        box-shadow .15s ease, transform .15s ease !important;
}

html body #div_home.adv-dial-page[id] .info1 > .label a:hover,
html body #div_home.adv-dial-page[id] .info1 > .label a:focus,
html body #div_home.adv-dial-page[id] .info1 > .label a:focus-visible,
html body #div_home.adv-dial-page[id] .dialPlanLabel a:hover,
html body #div_home.adv-dial-page[id] .dialPlanLabel a:focus,
html body #div_home.adv-dial-page[id] .dialPlanLabel a:focus-visible {
    color: #06344f !important;
    -webkit-text-fill-color: #06344f !important;
    background: #eef7fb !important;
    background-image: none !important;
    border-color: #b8d6e3 !important;
    border-bottom-color: #b8d6e3 !important;
    box-shadow: 0 3px 10px rgba(0, 19, 31, .28) !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    transform: translateY(-1px) !important;
}

/* Remove every legacy pencil/external-link glyph from header actions. */
html body #div_home.adv-dial-page[id] .info1 > .label a::before,
html body #div_home.adv-dial-page[id] .info1 > .label a::after,
html body #div_home.adv-dial-page[id] .dialPlanLabel a::before,
html body #div_home.adv-dial-page[id] .dialPlanLabel a::after {
    content: none !important;
    display: none !important;
}

/*
 * The legacy Reference Card markup contains a malformed closing span.  Render
 * a deterministic label from its stable rel attribute so it can never become
 * the empty white pill shown in the prior revision.
 */
html body #div_home.adv-dial-page[id] .dialPlanLabel a[rel="x_prc"] {
    min-width: 218px !important;
    font-size: 0 !important;
    text-transform: none !important;
}

html body #div_home.adv-dial-page[id] .dialPlanLabel a[rel="x_prc"] > * {
    display: none !important;
}

html body #div_home.adv-dial-page[id] .dialPlanLabel a[rel="x_prc"]::before {
    content: "View Phone Functions Reference" !important;
    display: inline !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font: 700 13px/20px var(--avd-font-sans) !important;
    letter-spacing: .01em !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-shadow: none !important;
}

/* Card bodies and generated regions share one clean content surface. */
html body #div_home.adv-dial-page[id] .info1 > .data,
html body #div_home.adv-dial-page[id] .dialPlanCard > .dialPlanData {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
    color: #18364a !important;
    background: #ffffff !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

html body #div_home.adv-dial-page[id] .info1 > .data.hidden,
html body #div_home.adv-dial-page[id] .dialPlanData.hidden {
    display: none !important;
}

/* Give the generated NANPA block the same real visual header as its siblings. */
html body #div_home.adv-dial-page[id] #div_nanpa::before {
    content: "North American Numbering Plan" !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 10px 16px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #062f48, #075274) !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    box-sizing: border-box !important;
    font: 700 16px/26px var(--avd-font-sans) !important;
    letter-spacing: .01em !important;
}

html body #div_home.adv-dial-page[id] #div_nanpa > table {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 16px !important;
}

/* Uniform tables across ARS, Emergency, Services, DPGs and restrictions. */
html body #div_home.adv-dial-page[id] table.section,
html body #div_home.adv-dial-page[id] table.info,
html body #div_home.adv-dial-page[id] table.dialPlanTable,
html body #div_home.adv-dial-page[id] table.dialPlanReadableTable {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #c7d7df !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(18, 49, 66, .07) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body #div_home.adv-dial-page[id] table.section th,
html body #div_home.adv-dial-page[id] table.info th,
html body #div_home.adv-dial-page[id] table.dialPlanTable th,
html body #div_home.adv-dial-page[id] table.dialPlanReadableTable th {
    padding: 10px 13px !important;
    color: #ffffff !important;
    background: #0a405d !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .18) !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    font: 700 13px/19px var(--avd-font-sans) !important;
    letter-spacing: .015em !important;
    text-align: left !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

html body #div_home.adv-dial-page[id] table.section td,
html body #div_home.adv-dial-page[id] table.info td,
html body #div_home.adv-dial-page[id] table.dialPlanTable td,
html body #div_home.adv-dial-page[id] table.dialPlanReadableTable td {
    padding: 10px 13px !important;
    color: #18364a !important;
    background: #ffffff !important;
    border: 0 !important;
    border-right: 1px solid #d7e3e9 !important;
    border-bottom: 1px solid #d7e3e9 !important;
    vertical-align: middle !important;
}

html body #div_home.adv-dial-page[id] table.section tr:nth-child(even) > td,
html body #div_home.adv-dial-page[id] table.info tr:nth-child(even) > td,
html body #div_home.adv-dial-page[id] table.dialPlanTable tr:nth-child(even) > td,
html body #div_home.adv-dial-page[id] table.dialPlanReadableTable tr:nth-child(even) > td {
    background: #f5f9fb !important;
}

/* Row actions use one neutral button system; destructive actions stay distinct. */
html body #div_home.adv-dial-page[id] .data .modlink {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

html body #div_home.adv-dial-page[id] .data .modlink a,
html body #div_home.adv-dial-page[id] .data a.actionlink,
html body #div_home.adv-dial-page[id] .data a.actionLink {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 72px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    color: #073f5f !important;
    -webkit-text-fill-color: #073f5f !important;
    background: #f8fbfd !important;
    background-image: none !important;
    border: 1px solid #b8d2de !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 6px rgba(18, 49, 66, .10) !important;
    box-sizing: border-box !important;
    font: 700 13px/20px var(--avd-font-sans) !important;
    text-align: center !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-shadow: none !important;
    text-transform: capitalize !important;
    white-space: nowrap !important;
}

html body #div_home.adv-dial-page[id] .data .modlink a:hover,
html body #div_home.adv-dial-page[id] .data a.actionlink:hover,
html body #div_home.adv-dial-page[id] .data a.actionLink:hover {
    color: #06344f !important;
    -webkit-text-fill-color: #06344f !important;
    background: #eaf5f9 !important;
    border-color: #8db9ca !important;
    text-decoration: none !important;
}

html body #div_home.adv-dial-page[id] .data .modlink a.dialPlanDeleteButton,
html body #div_home.adv-dial-page[id] .data .modlink a[title*="Delete"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #b42334 !important;
    border-color: #931b2a !important;
}

html body #div_home.adv-dial-page[id] .data .modlink a.dialPlanDeleteButton:hover,
html body #div_home.adv-dial-page[id] .data .modlink a[title*="Delete"]:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #8f1827 !important;
    border-color: #76131f !important;
}

/* Bulk Edit remains a disclosure control, but now belongs to the same palette. */
html body #div_home.adv-dial-page[id] #div_bulkedit {
    margin: 0 0 14px 0 !important;
}

html body #div_home.adv-dial-page[id] #div_bulkedit > .label {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    color: #0a405d !important;
    background: #eaf4f8 !important;
    border: 1px solid #bcd3de !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font: 700 14px/22px var(--avd-font-sans) !important;
    text-shadow: none !important;
}

html body #div_home.adv-dial-page[id] #div_bulkedit > .label span {
    color: inherit !important;
}

/* Emergency notification settings become a left-aligned information card. */
html body #div_home.adv-dial-page[id] #j_emergencyrules > .data > table:not(.section) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 0 0 !important;
    background: #f7fbfd !important;
    border: 1px solid #c7d7df !important;
    border-left: 4px solid #2b86ad !important;
    border-collapse: separate !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

html body #div_home.adv-dial-page[id] #j_emergencyrules > .data > table:not(.section) td {
    padding: 14px 16px !important;
    color: #18364a !important;
    background: transparent !important;
    border: 0 !important;
    text-align: left !important;
}

html body #div_home.adv-dial-page[id] #j_emergencyrules > .data > table:not(.section) td > div {
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
}

html body #div_home.adv-dial-page[id] #j_emergencyrules > .data > table:not(.section) .l1 {
    display: inline-flex !important;
    margin-top: 10px !important;
}

/* Keep the unified page usable on narrower administration windows. */
@media (max-width: 980px) {
    html body #div_home.adv-dial-page[id] .info1 > .label,
    html body #div_home.adv-dial-page[id] .dialPlanCard > .dialPlanLabel {
        flex-wrap: wrap !important;
    }

    html body #div_home.adv-dial-page[id] .info1 > .label > .l1,
    html body #div_home.adv-dial-page[id] .dialPlanLabel > .l1 {
        margin-left: 0 !important;
    }

    html body #div_home.adv-dial-page[id] .dialPlanLabel a[rel="x_prc"] {
        min-width: 0 !important;
    }
}

/*
 * Foundation 3.10.6: live disclosure and header-action state contract.
 *
 * Auto Attendant is the reference interaction: actions are compact white
 * controls while a card is collapsed, become blue while its details are
 * expanded, and return to white immediately when it is collapsed again.  The
 * JavaScript bridge adds adv-collapse-expanded/collapsed to both Auto
 * Attendant and Dial Plan cards.  These final selectors deliberately outrank
 * the historical shared-action and pencil/external-link rules.
 */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label {
    min-height: 56px !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.plus,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.minus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    line-height: 1 !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.plus::before,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.minus::before {
    display: block !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.plus::before {
    content: "\25B6" !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.minus::before {
    content: "\25BC" !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.plus:hover,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.minus:hover,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.plus:focus-visible,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.minus:focus-visible {
    background: rgba(255, 255, 255, .22) !important;
    border-color: rgba(255, 255, 255, .52) !important;
    outline: 2px solid rgba(255, 255, 255, .34) !important;
    outline-offset: 2px !important;
}

/* A collapsed body is never exposed by a broader flex/grid presentation rule. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card.adv-collapse-collapsed > .data,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .data.hidden {
    display: none !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card.adv-collapse-expanded > .data {
    display: block !important;
}

/* Header actions stay present and keep identical geometry in both states. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a.collapse_hs.hidden,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a.adv-dial-header-action,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a.actionlink {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 66px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 4px 11px !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    font: 700 13px/20px var(--avd-font-sans) !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    text-transform: capitalize !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Collapsed: white, compact, and immediately readable. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card.adv-collapse-collapsed > .label a:not(.adv-ds-danger),
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card.adv-collapse-collapsed > .label a:not(.adv-uniform-danger-action) {
    color: #073f5f !important;
    -webkit-text-fill-color: #073f5f !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, .86) !important;
    box-shadow: 0 2px 7px rgba(0, 19, 31, .22) !important;
}

/* Expanded: blue, without changing size or moving the header. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card.adv-collapse-expanded > .label a:not(.adv-ds-danger),
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card.adv-collapse-expanded > .label a:not(.adv-uniform-danger-action) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(180deg, #0b719f, var(--avd-blue)) !important;
    background-image: linear-gradient(180deg, #0b719f, var(--avd-blue)) !important;
    border: 1px solid #064968 !important;
    box-shadow: 0 2px 7px rgba(0, 19, 31, .25) !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a.adv-ds-danger,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a.adv-uniform-danger-action {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(180deg, #cf3540, var(--avd-red)) !important;
    background-image: linear-gradient(180deg, #cf3540, var(--avd-red)) !important;
    border: 1px solid var(--avd-red-hover) !important;
    box-shadow: 0 2px 7px rgba(65, 10, 17, .24) !important;
}

/* No pencil, external-link, or other decorative glyph precedes button text. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a::before,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a::after {
    content: none !important;
    display: none !important;
}

/* Use the Reference link's real words now that its decorative glyph is gone. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a[rel="x_prc"],
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a.adv-dial-reference-action {
    min-width: 218px !important;
    font-size: 13px !important;
    text-transform: none !important;
}

html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a[rel="x_prc"] > *,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a.adv-dial-reference-action > * {
    display: inline !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font: inherit !important;
    text-decoration: none !important;
}

/*
 * Foundation 3.10.7: single disclosure control and icon-free actions.
 *
 * A late native istHandleCollapse pass can briefly append a second real
 * plus/minus control after the shared fallback.  JavaScript reconciles the
 * DOM to one control; these sibling rules prevent the duplicate from ever
 * being presented while that reconciliation runs.  The separate title span
 * (collapse_ctrl without plus/minus) remains untouched.
 */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.plus ~ span.collapse_ctrl.plus,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.plus ~ span.collapse_ctrl.minus,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.minus ~ span.collapse_ctrl.plus,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label > span.collapse_ctrl.minus ~ span.collapse_ctrl.minus {
    display: none !important;
}

/* Outrank the older class-specific pencil and external-link pseudo-elements. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a[class]::before,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home[id] .adv-collapse-card > .label a[class]::after {
    content: none !important;
    display: none !important;
}

/*
 * Foundation 4.0.0 - complete administration UI convergence
 *
 * These rules are driven by route-independent classes added by
 * advantage-ui-core.js after each page's native renderer completes.  They
 * intentionally change presentation only: the original DOM order, form
 * names, values, links, handlers, and server operations remain untouched.
 */

:root {
    --avd-v4-canvas: #edf3f6;
    --avd-v4-card: #ffffff;
    --avd-v4-card-alt: #f7fafc;
    --avd-v4-header: #083f5e;
    --avd-v4-header-deep: #062f48;
    --avd-v4-line: #cbd9e1;
    --avd-v4-line-soft: #dde7ec;
    --avd-v4-row: #f7fafc;
    --avd-v4-row-hover: #eef6fa;
    --avd-v4-label: #eaf2f6;
    --avd-v4-focus: #ec5a1f;
    --avd-v4-shadow: 0 8px 24px rgba(16, 48, 66, .09);
}

html body.adv-design-system-v4.adv-uniform-page {
    color: var(--avd-ink) !important;
    background: var(--avd-v4-canvas) !important;
    font-family: var(--avd-font-sans) !important;
    font-size: var(--avd-type-body) !important;
    line-height: 1.45 !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page * {
    font-family: var(--avd-font-sans);
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page {
    min-width: 0 !important;
    padding-bottom: 44px !important;
    color: var(--avd-ink) !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page > .adv-v4-shell,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-contents {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
}

/* Eliminate the two remaining two-ID fixed-width page families. */
html body.adv-design-system-v4.adv-paging-body #div_home.pagingPage #j_names,
html body.adv-design-system-v4.adv-paging-body #div_home.pagingPage #j_zones,
html body.adv-design-system-v4.adv-paging-body #div_home.pagingPage .pagingContents,
html body.adv-design-system-v4.adv-roles-body #div_home.rolesPage #div_roles,
html body.adv-design-system-v4.adv-roles-body #div_home.rolesPage .rolesContents {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card {
    color: var(--avd-ink) !important;
    background: var(--avd-v4-card) !important;
    border: 1px solid var(--avd-v4-line) !important;
    border-radius: var(--avd-radius-card) !important;
    box-shadow: var(--avd-v4-shadow) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-top {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 18px 0 !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-nested {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin: 14px !important;
    border-color: var(--avd-v4-line-soft) !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 12px rgba(16, 48, 66, .06) !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--avd-v4-header-deep), var(--avd-v4-header)) !important;
    border: 0 !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font: 700 var(--avd-type-card-title)/1.35 var(--avd-font-sans) !important;
    letter-spacing: .005em !important;
    text-align: left !important;
    text-shadow: none !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > span:not(.adv-ds-action),
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > strong,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > b {
    color: inherit !important;
    font: inherit !important;
    text-shadow: none !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-header-with-actions > .l1,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-header-with-actions > .modlink,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-header-with-actions > .adv-v4-action-group {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-left: auto !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-body {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
    color: var(--avd-ink) !important;
    background: var(--avd-v4-card) !important;
    border: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-body:empty {
    display: none !important;
}

/* Consistent record typography across every list page. */
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page td,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page th,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page label,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .data,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .contents {
    font-size: var(--avd-type-table) !important;
    line-height: 1.42 !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .hint,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .normal,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .small {
    color: var(--avd-muted) !important;
    font-size: var(--avd-type-small) !important;
    line-height: 1.4 !important;
}

/* One data-table language for primary and asynchronously generated tables. */
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: var(--avd-ink) !important;
    background: var(--avd-v4-card) !important;
    border: 1px solid var(--avd-v4-line) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > thead > tr > th,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-table-header > th,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-table-header > td {
    min-height: 42px !important;
    padding: 10px 12px !important;
    color: #ffffff !important;
    background: var(--avd-blue) !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .18) !important;
    border-bottom: 1px solid var(--avd-blue-hover) !important;
    font: 700 var(--avd-type-label)/1.35 var(--avd-font-sans) !important;
    letter-spacing: .01em !important;
    text-align: left !important;
    text-shadow: none !important;
    vertical-align: middle !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-data-row > td {
    padding: 10px 12px !important;
    color: var(--avd-ink) !important;
    background: #ffffff !important;
    border: 0 !important;
    border-right: 1px solid var(--avd-v4-line-soft) !important;
    border-bottom: 1px solid var(--avd-v4-line-soft) !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-data-row:nth-child(even):not(.adv-sev-critical):not(.adv-sev-error):not(.adv-sev-warning):not(.adv-sev-notice):not(.adv-sev-info):not(.adv-sev-debug) > td {
    background: var(--avd-v4-row) !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-data-row:hover:not(.adv-sev-critical):not(.adv-sev-error):not(.adv-sev-warning):not(.adv-sev-notice):not(.adv-sev-info):not(.adv-sev-debug) > td {
    background: var(--avd-v4-row-hover) !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table tr:last-child > td {
    border-bottom: 0 !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table tr > :last-child {
    border-right: 0 !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-action-cell {
    white-space: normal !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-action-cell > .adv-v4-action-group,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page td.adv-v4-action-cell {
    align-items: center !important;
    gap: 7px !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page td.adv-v4-action-cell > .adv-ds-action,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page td.adv-v4-action-cell > .adv-uniform-action {
    margin: 2px 4px 2px 0 !important;
}

/* Forms stay left-aligned and use predictable label/control spacing. */
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page form.adv-v4-form {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: var(--avd-ink) !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page table.adv-v4-form-table {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 7px !important;
    table-layout: auto !important;
    box-sizing: border-box !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-form-row > td,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-form-row > th {
    padding: 6px 10px !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
    vertical-align: middle !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-field-label {
    width: 32% !important;
    max-width: 350px !important;
    padding-right: 20px !important;
    color: #264858 !important;
    font-weight: 600 !important;
    text-align: right !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-field-control {
    width: 68% !important;
    color: var(--avd-ink) !important;
    text-align: left !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-field-wide {
    width: 100% !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page input[type="text"],
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page input[type="password"],
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page input[type="email"],
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page input[type="number"],
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page input[type="tel"],
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page select,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page textarea {
    min-height: 38px !important;
    padding: 7px 10px !important;
    color: var(--avd-ink) !important;
    background: #ffffff !important;
    border: 1px solid var(--avd-line-strong) !important;
    border-radius: var(--avd-radius-control) !important;
    box-shadow: inset 0 1px 2px rgba(16, 48, 66, .05) !important;
    box-sizing: border-box !important;
    font: 500 15px/1.35 var(--avd-font-sans) !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page textarea,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page select[multiple],
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page select[size] {
    min-height: 92px !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page input[type="checkbox"],
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page input[type="radio"] {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 8px 0 0 !important;
    vertical-align: middle !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-choice-row > td,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-choice-row > th {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page input:focus,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page select:focus,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page textarea:focus {
    border-color: var(--avd-blue) !important;
    outline: 3px solid rgba(8, 100, 143, .16) !important;
    outline-offset: 1px !important;
}

/* One compact action system, regardless of whether the legacy page used a
 * link, input, or button element. */
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-ds-action,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-uniform-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 70px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    color: var(--avd-navy) !important;
    -webkit-text-fill-color: var(--avd-navy) !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #9fb8c5 !important;
    border-radius: var(--avd-radius-control) !important;
    box-shadow: 0 2px 6px rgba(16, 48, 66, .12) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    font: 700 var(--avd-type-action)/1.25 var(--avd-font-sans) !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-ds-action::before,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-ds-action::after,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-uniform-action::before,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-uniform-action::after {
    content: none !important;
    display: none !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-ds-action:hover,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-uniform-action:hover {
    color: var(--avd-navy-deep) !important;
    -webkit-text-fill-color: var(--avd-navy-deep) !important;
    background: #edf6fa !important;
    border-color: var(--avd-blue) !important;
    box-shadow: 0 3px 9px rgba(16, 48, 66, .16) !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-ds-action.adv-ds-primary,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-uniform-primary-action {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(180deg, #0b719f, var(--avd-blue)) !important;
    background-image: linear-gradient(180deg, #0b719f, var(--avd-blue)) !important;
    border-color: var(--avd-blue-hover) !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-ds-action.adv-ds-primary:hover,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-uniform-primary-action:hover {
    background: linear-gradient(180deg, #08648f, var(--avd-blue-hover)) !important;
    background-image: linear-gradient(180deg, #08648f, var(--avd-blue-hover)) !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-ds-action.adv-ds-danger,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-uniform-danger-action {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(180deg, #d03a45, var(--avd-red)) !important;
    background-image: linear-gradient(180deg, #d03a45, var(--avd-red)) !important;
    border-color: var(--avd-red-hover) !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-ds-action.adv-ds-danger:hover,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-uniform-danger-action:hover {
    background: linear-gradient(180deg, #b4232d, var(--avd-red-hover)) !important;
    background-image: linear-gradient(180deg, #b4232d, var(--avd-red-hover)) !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-ds-action:focus-visible,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-uniform-action:focus-visible {
    outline: 3px solid var(--avd-focus) !important;
    outline-offset: 2px !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-ds-action:disabled,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-uniform-action:disabled {
    cursor: not-allowed !important;
    filter: grayscale(.18) !important;
    opacity: .58 !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-action-group,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-action-bar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-action-bar {
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
    padding: 14px 0 0 !important;
    border-top: 1px solid var(--avd-v4-line-soft) !important;
}

/* Header actions remain white until an established disclosure state rule
 * (Auto Attendant, Queue, or Dial Plan) intentionally promotes them. */
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header .adv-ds-action:not(.adv-ds-danger),
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header .adv-uniform-action:not(.adv-uniform-danger-action) {
    color: var(--avd-navy) !important;
    -webkit-text-fill-color: var(--avd-navy) !important;
    background: #ffffff !important;
    background-image: none !important;
    border-color: rgba(255, 255, 255, .88) !important;
}

/* Existing expanded/collapsed card state remains authoritative. */
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-collapse-card.adv-collapse-expanded > .adv-v4-card-header .adv-ds-action:not(.adv-ds-danger),
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-collapse-card.adv-collapse-expanded > .adv-v4-card-header .adv-uniform-action:not(.adv-uniform-danger-action),
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .cqCard.adv-cq-expanded > .adv-v4-card-header .adv-ds-action:not(.adv-ds-danger) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(180deg, #0b719f, var(--avd-blue)) !important;
    background-image: linear-gradient(180deg, #0b719f, var(--avd-blue)) !important;
    border-color: #064968 !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-notice {
    width: auto !important;
    max-width: none !important;
    margin: 12px 0 !important;
    padding: 12px 14px !important;
    color: #24495c !important;
    background: #eef7fb !important;
    border: 1px solid #bad5e1 !important;
    border-left: 4px solid var(--avd-blue) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-error {
    color: #8f1821 !important;
    font-weight: 700 !important;
}

/* A single disclosure glyph is visible in every header, including content
 * inserted by a late native renderer. */
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > span.collapse_ctrl.plus,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > span.collapse_ctrl.minus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(255, 255, 255, .30) !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > span.collapse_ctrl.plus::before,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > span.collapse_ctrl.minus::before {
    display: block !important;
    color: #ffffff !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > span.collapse_ctrl.plus::before {
    content: "\25B6" !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > span.collapse_ctrl.minus::before {
    content: "\25BC" !important;
}

html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > span.collapse_ctrl.plus ~ span.collapse_ctrl.plus,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > span.collapse_ctrl.plus ~ span.collapse_ctrl.minus,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > span.collapse_ctrl.minus ~ span.collapse_ctrl.plus,
html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header > span.collapse_ctrl.minus ~ span.collapse_ctrl.minus {
    display: none !important;
}

@media (max-width: 980px) {
    html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
    }

    html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-header-with-actions > .l1,
    html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-header-with-actions > .modlink {
        width: 100% !important;
        margin-left: 0 !important;
    }

    html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-field-label,
    html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-field-control {
        width: auto !important;
        max-width: none !important;
        text-align: left !important;
    }
}

@media (max-width: 720px) {
    html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-body {
        padding: 12px !important;
        overflow-x: auto !important;
    }

    html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table,
    html body.adv-design-system-v4.adv-uniform-page #div_home.adv-v4-page table.adv-v4-form-table {
        min-width: 640px !important;
    }
}

/* Foundation 4.1 cascade finalization.  Keep the 4.1 visual refinements
 * authoritative after the compatibility rules inherited from 4.0. */
html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page {
    background-color: var(--avd-v41-canvas) !important;
    background-image:
        radial-gradient(circle at 96% 0, rgba(8, 113, 157, .10), transparent 32rem),
        radial-gradient(circle at 18% 2%, rgba(236, 90, 31, .07), transparent 28rem),
        linear-gradient(180deg, #f1f6f8 0, var(--avd-v41-canvas) 34rem) !important;
    background-attachment: fixed !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-card {
    border-color: var(--avd-v41-line) !important;
    box-shadow: var(--avd-v41-shadow) !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-top:hover {
    border-color: #b6cad4 !important;
    box-shadow: var(--avd-v41-shadow-hover) !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-header {
    min-height: 54px !important;
    padding: 11px 16px !important;
    background: linear-gradient(135deg, var(--avd-v41-navy-deep), var(--avd-v41-navy) 68%, #095273) !important;
    font-size: 16px !important;
    letter-spacing: .008em !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-body {
    padding: 18px 20px !important;
    background: linear-gradient(180deg, #ffffff, #fcfdfe) !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table {
    border-color: var(--avd-v41-line) !important;
    border-radius: 11px !important;
    box-shadow: 0 4px 14px rgba(19, 55, 75, .05) !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > thead > tr > th,
html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-table-header > th,
html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-table-header > td {
    padding: 11px 13px !important;
    background: linear-gradient(180deg, #0a567a, #073f5f) !important;
    border-bottom: 3px solid var(--avd-orange) !important;
    font-size: 12px !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-data-row > td {
    padding: 11px 13px !important;
    border-color: var(--avd-v41-line-soft) !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-data-table > tbody > tr.adv-v4-data-row:hover:not(.adv-sev-critical):not(.adv-sev-error):not(.adv-sev-warning):not(.adv-sev-notice):not(.adv-sev-info):not(.adv-sev-debug) > td {
    background: #eaf4f8 !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page table.adv-v4-form-table {
    max-width: 1120px !important;
    border-spacing: 0 8px !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-field-label {
    color: #294b5c !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: .005em !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page input[type="text"],
html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page input[type="password"],
html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page input[type="email"],
html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page input[type="number"],
html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page input[type="tel"],
html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page select,
html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page textarea {
    border-color: #aebfc8 !important;
    box-shadow: inset 0 1px 2px rgba(19, 55, 75, .05),
        0 1px 0 rgba(255, 255, 255, .8) !important;
    transition: border-color .16s ease, box-shadow .16s ease !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-ds-action,
html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-uniform-action {
    min-height: 36px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(19, 55, 75, .12) !important;
    transition: background-color .16s ease, border-color .16s ease,
        box-shadow .16s ease, transform .12s ease !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-ds-action:hover,
html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-uniform-action:hover {
    box-shadow: 0 5px 12px rgba(19, 55, 75, .16) !important;
    transform: translateY(-1px) !important;
}

html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-ds-action:active,
html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-uniform-action:active {
    box-shadow: 0 1px 3px rgba(19, 55, 75, .14) !important;
    transform: translateY(0) !important;
}

@media (max-width: 720px) {
    html body.adv-design-system-v4.adv-design-system-v41.adv-uniform-page #div_home.adv-v4-page .adv-v4-card-body {
        padding: 12px !important;
    }
}

/* Foundation 4.1.5: left-aligned 1120px canvas beside the navigation rail.
 * Keep modern styling and native inner layouts while restoring the familiar
 * placement of the old administration pages, including the home menu. */
@media screen {
    html body.adv-modern {
        --avd-page-max: 1120px;
        --avd-page-gap: 20px;
    }

    html body.adv-modern.adv-uniform-page[class] #div_navstrip[id],
    html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home.adv-v4-page[id],
    html body.adv-modern.adv-section-home[class] #div_navstrip[id],
    html body.adv-modern.adv-section-home[class] #div_home.homemenu[id] {
        width: min(var(--avd-page-max), calc(100vw - var(--avx-rail-width) - (2 * var(--avd-page-gap)))) !important;
        max-width: var(--avd-page-max) !important;
        min-width: 0 !important;
        margin-left: calc(var(--avx-rail-width) + var(--avd-page-gap)) !important;
        margin-right: var(--avd-page-gap) !important;
        left: auto !important;
        box-sizing: border-box !important;
    }

    html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home.adv-v4-page[id],
    html body.adv-modern.adv-section-home[class] #div_home.homemenu[id] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Keep dense native handset columns accessible within the smaller page. */
    html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home.adv-v4-page[id] #div_sip_data {
        overflow-x: auto !important;
    }
}

/* The existing navigation rail stacks above the page at this breakpoint. */
@media screen and (max-width: 860px) {
    /* The desktop flyout hover bridge must not extend the stacked menu. */
    html body.adv-modern #sectionlinks #menu > li::after {
        content: none !important;
    }

    html body.adv-modern.adv-uniform-page[class] #div_navstrip[id],
    html body.adv-modern.adv-uniform-page[class] #div_home.adv-uniform-home.adv-v4-page[id],
    html body.adv-modern.adv-section-home[class] #div_navstrip[id],
    html body.adv-modern.adv-section-home[class] #div_home.homemenu[id] {
        width: calc(100% - 32px) !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
}

/* Foundation 4.1.3: align account controls with the breadcrumb surface. */
html body.adv-modern.adv-uniform-page #div_navstrip {
    z-index: 240 !important;
    padding-right: 380px !important;
    overflow: visible !important;
}

html body.adv-modern.adv-uniform-page #div_navstrip #div_navstrip_msg:not(.inlineForm) {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    float: none !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    line-height: 16px !important;
    white-space: nowrap !important;
    transform: translateY(-50%) !important;
}

html body.adv-modern.adv-uniform-page #div_navstrip #div_navstrip_msg #div_options_list {
    top: calc(100% + 4px) !important;
    margin-top: 0 !important;
    white-space: normal !important;
}

@media (max-width: 1100px) {
    html body.adv-modern.adv-uniform-page #div_navstrip {
        padding-right: 12px !important;
    }

    html body.adv-modern.adv-uniform-page #div_navstrip #div_navstrip_msg:not(.inlineForm) {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        display: table !important;
        max-width: 100% !important;
        margin: 6px 0 0 auto !important;
        white-space: normal !important;
        transform: none !important;
    }
}

/* Foundation 4.1.3: compact native Advanced Diagnostic Logging. */
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #j_tools_advanced > .data {
    padding: 12px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag {
    padding: 12px 14px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .fyi2_h {
    margin: 0 0 10px !important;
    padding: 8px 10px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag > br + br {
    display: none !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag table {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 6px 0 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    table-layout: auto !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag tr > td {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 4px 6px !important;
    text-align: left !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    background: transparent !important;
    border: 0 !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-options > tbody > tr > td {
    padding-left: 0 !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-heading > td {
    padding-top: 10px !important;
    padding-bottom: 2px !important;
    color: var(--avd-v41-blue) !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-modules {
    margin-top: 0 !important;
    background: var(--avd-v41-surface-soft) !important;
    border: 1px solid var(--avd-v41-line-soft) !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-modules > tbody > tr > td:nth-child(odd) {
    white-space: nowrap !important;
    padding-left: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag input[name="logRule"] {
    width: 210px !important;
    max-width: 100% !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag input[name="logLevels"] {
    width: 64px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag input[name="minutesLogging"] {
    width: 54px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag input[type="text"],
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-ds-action {
    min-height: 32px !important;
    height: 32px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
    line-height: 20px !important;
    box-sizing: border-box !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-modules .hint {
    display: inline-block !important;
    margin: 0 6px !important;
    font-size: 12px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-capture-row > td {
    padding-top: 12px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-spacer {
    display: none !important;
}

@media (max-width: 650px) {
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag table.adv-diag-options,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag table.adv-diag-modules {
        width: 100% !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-modules,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-modules > tbody {
        display: block !important;
    }

    /* Native addRowWhenFull() reveals additional .hidden rows with an
     * inline table-row display. Include those rows without revealing others. */
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-modules > tbody > tr:not(.hidden),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-modules > tbody > tr.hidden[style*="display: table-row"] {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        gap: 0 4px !important;
        padding: 4px !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-modules tr > td {
        display: block !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_data_advanced_diag .adv-diag-capture-row > td {
        white-space: normal !important;
    }
}

/* Foundation 4.1.2: compact SIP handset records. Keep native table cells,
 * station/appearance grouping, metadata, and every operational action. */
/* Native Delete panels keep .hidden while slideDown/slideUp changes their
 * inline display. Let that animation override the base .hidden rule. */
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets .hidden:not(.inlineForm[id^="div_d_"]) {
    display: none !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr > th {
    padding: 7px 10px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td {
    height: auto !important;
    min-height: 0 !important;
    padding: 8px 10px !important;
    vertical-align: middle !important;
    line-height: 1.35 !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info .descText,
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info .ownerText,
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info .CIDtext {
    font-size: 15px !important;
    line-height: 1.35 !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info .adv-record-chip {
    min-height: 20px !important;
    margin-top: 3px !important;
    padding: 1px 7px !important;
    font-size: 12px !important;
    line-height: 17px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info span.registered,
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info span.notregistered {
    min-height: 22px !important;
    margin-top: 3px !important;
    padding: 2px 8px !important;
    font-size: 12.5px !important;
    line-height: 17px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:last-child {
    width: 236px !important;
    min-width: 236px !important;
    max-width: none !important;
    text-align: center !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:last-child .modlink {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:last-child .modlink > a:not(.hidden) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 68px !important;
    max-width: none !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    font-size: 12.5px !important;
    line-height: 18px !important;
    border-radius: 6px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.station > td[colspan="6"] {
    padding: 6px 8px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.station > td > table > tbody > tr > td {
    padding: 4px 8px !important;
    line-height: 1.35 !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets .handsetsStationModel {
    padding: 3px 9px !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.station .bannerlinks {
    width: auto !important;
    min-width: 0 !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.station .bannerlinks a:not(.hidden) {
    display: inline-flex !important;
    width: auto !important;
    min-width: 68px !important;
    max-width: none !important;
    min-height: 30px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 5px 10px !important;
    font-size: 12.5px !important;
    line-height: 18px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.station tr.adv-handset-network-row > td.adv-handset-network-cell {
    padding: 6px 10px !important;
    line-height: 1.35 !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets span.handsetinfo.adv-install-code {
    min-height: 30px !important;
    margin: 2px 0 !important;
    padding: 4px 8px !important;
    font-size: 13.5px !important;
    line-height: 20px !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets span.handsetinfo.adv-install-code::before {
    min-width: 22px !important;
    height: 20px !important;
    margin-right: 7px !important;
}

@media (max-width: 1200px) {
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:last-child {
        width: 100px !important;
        min-width: 100px !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:last-child .modlink {
        flex-direction: column !important;
        gap: 4px !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:last-child .modlink > a:not(.hidden) {
        min-width: 74px !important;
    }
}

/* Foundation 4.1.6: fit handset records and fill read-only detail cards. */
@media screen {
    /* The handset list alone gets more room; keep its top bar in alignment. */
    html body.adv-modern[data-adv-class="Phones"][data-adv-subclass="Int"][data-adv-operation="View"] {
        --avd-page-max: 1480px;
    }

    /* Read-only details follow the available card width on every page. */
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] table.adv-v41-detail-table,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-v41-section-label {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    /* Fit the actual six columns, including legacy pixel widths on rows. */
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_sip_data {
        overflow-x: visible !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > thead > tr > th,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.tableheader > th,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td {
        min-width: 0 !important;
        max-width: none !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > thead > tr > th:nth-child(1),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.tableheader > th:nth-child(1),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:nth-child(1) {
        width: 22% !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > thead > tr > th:nth-child(2),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.tableheader > th:nth-child(2),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:nth-child(2) {
        width: 5% !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > thead > tr > th:nth-child(3),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.tableheader > th:nth-child(3),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:nth-child(3) {
        width: 12% !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > thead > tr > th:nth-child(4),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.tableheader > th:nth-child(4),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:nth-child(4) {
        width: 20% !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > thead > tr > th:nth-child(5),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.tableheader > th:nth-child(5),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:nth-child(5) {
        width: 23% !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > thead > tr > th:nth-child(6),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.tableheader > th:nth-child(6),
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:nth-child(6) {
        width: 18% !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info .descText,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info .ownerText,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info .CIDtext {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow: visible !important;
        overflow-wrap: anywhere !important;
        text-overflow: clip !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info .regsum,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info .registered,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info .notregistered,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info .hint {
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:last-child .modlink {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:last-child .modlink > a:not(.hidden) {
        min-width: 68px !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.station > td > table {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.station > td > table > tbody > tr > td {
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.station > td > table > tbody > tr:first-child > td:first-child {
        width: 40% !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.station .bannerlinks {
        width: 60% !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets span.adv-handset-reboot-meta,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets span.adv-handset-private-meta,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets span.adv-handset-network-state,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets span.adv-handset-public-address,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets span.handsetinfo.adv-install-code {
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }
}

@media screen and (max-width: 650px) {
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > thead > tr > th,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.tableheader > th,
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td {
        padding: 6px 4px !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.otherphone.info > td:last-child .modlink > a:not(.hidden) {
        width: 100% !important;
        min-width: 0 !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_sip_handsets > tbody > tr.station > td > table > tbody > tr:first-child > td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* Foundation 4.2.4: native page layout and account editor corrections. */
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-internal-restrictions-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 20px !important;
    width: 100% !important;
    min-width: 0 !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-internal-restrictions-list,
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-internal-restrictions-tip {
    min-width: 0 !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-internal-restrictions-list > table {
    width: 100% !important;
    max-width: none !important;
    table-layout: fixed !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-internal-restrictions-list > table > thead > tr > th:first-child {
    width: 45% !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-internal-restrictions-list > table > tbody > tr > td:first-child {
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-internal-restrictions-list .modlink {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #div_tip_dir {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* The badge is an inline child; its parent remains a centered table cell. */
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_user > tbody > tr > td:nth-child(3) {
    text-align: center !important;
    vertical-align: middle !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] .schedulesShell,
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] .schedulesContents,
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] #div_all_schedules,
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] .schedulesCard {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Native showit() uses inline display to reveal or hide these panels. */
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] .schedulesToggleChip[style*="display: none"],
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] .schedulesToggleChip.hidden:not([style*="display: block"]),
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] .schedulesGreetingPanel[style*="display: none"],
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] .schedulesGreetingPanel.hidden:not([style*="display: block"]),
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] .schedulesResourcesPanel[style*="display: none"],
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] .schedulesResourcesPanel.hidden:not([style*="display: block"]) {
    display: none !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] table.schedulesControlTable > tbody > tr > td {
    background: #ffffff !important;
    color: #203848 !important;
    -webkit-text-fill-color: #203848 !important;
    text-transform: none !important;
    font-weight: 500 !important;
}

html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #eventRecords > .info1 > .label {
    justify-content: flex-start !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-events-filter-controls,
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-events-download-controls {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: auto !important;
    margin: 0 !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-events-download-controls {
    margin-left: auto !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-events-filter-controls > span {
    margin: 0 !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #eventRecords #span_show.hidden,
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #eventRecords #span_hide.hidden,
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #eventRecords #div_auto.hidden {
    display: none !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-events-severity-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px 20px !important;
    margin: 4px 0 16px !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-events-severity-option {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 700 !important;
    color: var(--avd-v41-ink) !important;
    cursor: pointer !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-events-severity-option input[type="checkbox"] {
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Keep the compact account badge; only the editor becomes a rectangular panel. */
html body.adv-modern[class] #div_navstrip[id] #div_navstrip_msg.inlineForm {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    float: none !important;
    width: 420px !important;
    max-width: calc(100vw - 32px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: calc(100vh - 150px) !important;
    margin: 0 !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    border: 1px solid #cbdbe5 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #203848 !important;
    box-shadow: 0 12px 32px rgba(21, 54, 77, .20) !important;
    text-align: left !important;
    white-space: normal !important;
    line-height: 1.5 !important;
    transform: none !important;
    overflow: auto !important;
    z-index: 300 !important;
}
html body.adv-modern[class] #div_navstrip[id] #div_navstrip_msg.inlineForm form.overlay {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #203848 !important;
}
html body.adv-modern[class] #div_navstrip[id] #div_navstrip_msg.inlineForm form.overlay > b {
    display: block !important;
    margin: 12px 0 5px !important;
    color: #203848 !important;
}
html body.adv-modern[class] #div_navstrip[id] #div_navstrip_msg.inlineForm form.overlay > b:first-of-type {
    margin-top: 0 !important;
}
html body.adv-modern[class] #div_navstrip[id] #div_navstrip_msg.inlineForm form.overlay > br {
    display: none !important;
}
html body.adv-modern[class] #div_navstrip[id] #div_navstrip_msg.inlineForm form.overlay > input[type="password"] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 36px !important;
    margin: 0 0 12px !important;
    box-sizing: border-box !important;
}
html body.adv-modern[class] #div_navstrip[id] #div_navstrip_msg.inlineForm form.overlay > div {
    margin: 10px 0 !important;
    padding: 10px 12px !important;
    border-radius: 6px !important;
    background: #f3f7fa !important;
    color: #365767 !important;
}
html body.adv-modern[class] #div_navstrip[id] #div_navstrip_msg.inlineForm form.overlay > input[type="button"] {
    margin-top: 4px !important;
}
@media (max-width: 1200px) {
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-internal-restrictions-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-events-severity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 480px) {
    html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] .adv-events-severity-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Foundation 4.2.5: keep each schedule's related day actions on one row. */
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] .schedulesDayActions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: auto !important;
    margin: 10px 12px 4px !important;
    padding: 0 !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] .schedulesDayActions > span.modfunctions {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page.adv-schedules-body[class] #div_home.schedulesPage[id] .schedulesDayActions a.schedulesButtonLink {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* Foundation 4.2.13: Multi-Site uses one native connection toolbar. Nested
 * .buttons spans are groups, not independent full-width action bars. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] #connectButtons:not(.hidden) {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: auto !important;
    margin: 16px 0 12px !important;
    padding: 12px !important;
    border: 1px solid #d5e2ea !important;
    border-radius: 8px !important;
    background: #f5f9fc !important;
}
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] #connectButtons > .buttons:not(.hidden) {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
/* Native role/offline state selects which buttons are applicable. */
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] #connectButtons.hidden,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] #connectButtons .hidden,
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] #advancedLink.hidden {
    display: none !important;
}
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] #connectButtons input {
    margin: 0 !important;
    min-height: 36px !important;
    padding: 8px 14px !important;
    border-radius: 7px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] #siteOfflineText:not(.hidden) {
    color: #526c7c !important;
    font-weight: 700 !important;
}
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] #j_msm_config > .label {
    gap: 8px !important;
    flex-wrap: wrap !important;
}
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] #link_msm_modify {
    margin-left: auto !important;
    margin-right: 0 !important;
}
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] #link_msm_advanced {
    margin: 0 !important;
}
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] #j_msm_config > .label a:not(.hidden) {
    color: #073f5f !important;
    -webkit-text-fill-color: #073f5f !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #d5e2ea !important;
    box-shadow: none !important;
}
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] :is(#j_msm_sitelist, #j_msm_mapped, #j_msm_conflicts) table.section {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    box-sizing: border-box !important;
}
html body.adv-modern.adv-uniform-page[class] #div_home.adv-v4-page[id] :is(#j_msm_sitelist, #j_msm_mapped, #j_msm_conflicts) table.section :is(th, td) {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* Users section disclosures: white/blue when closed, blue/white when open.
 * The existing native disclosure bridge supplies these state classes. */
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] :is(#j_users, #j_usertmp, #j_userpw).adv-collapse-card.adv-collapse-collapsed > .label {
    color: #073f5f !important;
    -webkit-text-fill-color: #073f5f !important;
    background: #ffffff !important;
    background-image: none !important;
    text-shadow: none !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] :is(#j_users, #j_usertmp, #j_userpw).adv-collapse-card.adv-collapse-expanded > .label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(115deg, #0a3043, #075173) !important;
    text-shadow: none !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] :is(#j_users, #j_usertmp, #j_userpw).adv-collapse-card > .label :is(span, em, strong) {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    text-shadow: none !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] :is(#j_users, #j_usertmp, #j_userpw).adv-collapse-card.adv-collapse-collapsed > .label a:not(.hidden) {
    color: #073f5f !important;
    -webkit-text-fill-color: #073f5f !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #b5cddc !important;
    box-shadow: none !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] :is(#j_users, #j_usertmp, #j_userpw).adv-collapse-card.adv-collapse-expanded > .label a:not(.hidden) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #08648f !important;
    background-image: none !important;
    border: 1px solid #0b719f !important;
    box-shadow: none !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] :is(#j_users, #j_usertmp, #j_userpw).adv-collapse-card.adv-collapse-collapsed > .label .collapse_ctrl {
    color: #073f5f !important;
    -webkit-text-fill-color: #073f5f !important;
    background: #edf5fa !important;
    border-color: #b5cddc !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] :is(#j_users, #j_usertmp, #j_userpw).adv-collapse-card.adv-collapse-expanded > .label .collapse_ctrl {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: rgba(255, 255, 255, .12) !important;
    border-color: rgba(255, 255, 255, .35) !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #j_users.adv-collapse-collapsed > .label #span_add_user > .hint {
    color: #405c6e !important;
    -webkit-text-fill-color: #405c6e !important;
    background: #f2f7fa !important;
    border-color: #d5e2ea !important;
}
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #j_users.adv-collapse-expanded > .label #span_add_user > .hint {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .25) !important;
}
/* Allocate more space to site names and links than the short numeric ID. */
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_active th:nth-child(1) { width: 23% !important; }
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_active th:nth-child(2) { width: 6% !important; }
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_active th:nth-child(3) { width: 15% !important; }
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_active th:nth-child(4) { width: 10% !important; }
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_active th:nth-child(5),
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_active th:nth-child(6) { width: 15% !important; }
html body.adv-modern.adv-design-system-v41.adv-uniform-page[class] #div_home.adv-v4-page[id] #table_active th:nth-child(7) { width: 16% !important; }