body#partrack {
    font-family: "Segoe UI Light", "Segoe UI", "Segoe WP", "Helvetica Neue", sans-serif;
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    background-color: #ffffff;
}

#partrack .widget-clock .time {
    font-family: sans-serif;
}

#partrack .form-outline .form-control {
    min-height: 40px;
    margin-bottom: 5px;
}

#partrack .top-form-area form {
    display: none;
}

#partrack .top-form-area.showing form {
    display: block;
}

#partrack .capitalize {
    text-transform: capitalize;
}

#partrack .capitalize-first:first-letter {
    text-transform: capitalize;
}

#partrack #filters-row {
    line-height: 20px;
}

#partrack .hidden {
    display: none;
}

#partrack #main-content .card.center.col-12.section {
    padding-right: 1rem;
    padding-left: 1rem;
}

#partrack .text-shadow-light {
    text-shadow: -2px 2px 2px lightgray;
}

#partrack .nav-link {
    font-size: 16px;
}

#partrack .nav-item .dropdown-menu {
    font-size: 16px;
}

/*#partrack .nav-item .dropdown-menu:hover,*/
#partrack .nav-item a.list-group-item:hover,
/*#partrack .nav-item .dropdown-menu:active,*/
#partrack .nav-item a.list-group-item:active,
#partrack .nav-item .dropdown-item:hover,
#partrack .nav-item .dropdown-item:active,
#partrack .dropdown .dropdown-menu button.dropdown-item:hover,
#partrack .dropdown .dropdown-menu button.dropdown-item:active {
    background-color: var(--color-partrack) !important;
    color: white !important;
}

#partrack #user-menu-wide .dropdown-menu {
    right: 0;
    left: unset;
    z-index: 9999;
}

/* ── Megamenu dropdowns must sit above the SideButtonStack (z-index: 1045) ── */
#partrack .navbar .nav-item.dropdown.position-static > .dropdown-menu {
    z-index: 1050 !important;
    left: 0px !important;
}

#partrack #helpModal .modal-header {
    /*padding-bottom: 3em !important;*/
}

#partrack .btn-default {
    background-color: #2bbbad !important;
    color: #fff !important
}

#partrack .btn-secondary {
    background-color: #a6c !important;
    color: #fff !important;
}

#partrack .btn-green {
    background-color: #388e3c;
    color: #fff;
}

#partrack .btn:active, #partrack .btn:focus {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
}

#partrack .alert {
    /*background-color: unset;*/
}

#partrack .alert-success {
    border: 1px solid #4CAF50;
    background: #4CAF50;
    color: #ffffff;
}

#partrack .alert-primary {
    background: #3f51b5;
    color: #ffffff;
}

#partrack .form-switch.form-switch-lg .form-check-input {
    width: 4rem;
    height: 1rem;
}

    #partrack .form-switch.form-switch-lg .form-check-input:after {
        height: 2rem;
        width: 2rem;
        margin-top: -8px;
    }

    #partrack .form-switch.form-switch-lg .form-check-input:checked[type=checkbox]:after {
        height: 2rem;
        width: 2rem;
        margin-top: -8px;
        margin-left: 2rem;
    }

#partrack .modal .modal-full-height {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    width: 400px;
    height: 100%;
    top: 0;
    right: 0;
}

#partrack .modal-dialog .modal-content .modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#partrack .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

#partrack .close {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background-color: transparent;
    opacity: .5;
    border: unset;
}

@media (min-width: 992px) {
    #partrack .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
    }

    #partrack .modal .modal-full-height.modal-top {
        bottom: auto;
    }

    #partrack .modal .modal-full-height.modal-bottom {
        top: auto;
    }

    #partrack .modal .modal-full-height .modal-content {
        width: 100%;
    }

    #partrack .modal .modal-full-height.modal-lg {
        width: 90%;
        max-width: 90%;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    #partrack .modal .modal-full-height.modal-lg {
        width: 800px;
        max-width: 800px;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    #partrack .modal .modal-full-height.modal-lg {
        width: 1000px;
        max-width: 1000px;
    }
}

#partrack .modal .modal-dialog.modal-left {
    left: 0;
}

#partrack .modal .modal-dialog.modal-right {
    right: 0;
}

#partrack .navbar {
    min-height: 50px;
    border: 1px solid transparent;
}

#partrack .pull-right {
    float: right !important;
}

#partrack .pull-left {
    float: left !important;
}
/* Metro Tile Styling */
#partrack .tile {
    display: block;
    cursor: pointer;
    -webkit-perspective: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.2s;
    float: left;
    min-width: 75px;
    min-height: 75px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    opacity: 0.75;
    /*background-color: #2e8bcc;*/
    z-index: 1;
    border: 4px #ffffff solid;
    color: #ffffff;
    box-shadow: 0 2px 6px -1px rgba(var(--mdb-box-shadow-color-rgb), 0.16), 0 6px 18px -1px rgba(var(--mdb-box-shadow-color-rgb), 0.1) !important;
}

    #partrack .tile h1,
    #partrack .tile h2,
    #partrack .tile h3,
    #partrack .tile h4,
    #partrack .tile h5,
    #partrack .tile h6 {
        color: #ffffff;
        -webkit-user-select: none;
    }

    #partrack .tile h2 {
        font-size: 1.75em;
        margin-top: -20px;
        margin-left: 0px;
    }

    #partrack .tile h3,
    #partrack .tile h4 {
        margin-top: -15px;
    }

        #partrack .tile h1.tile-text,
        #partrack .tile h2.tile-text,
        #partrack .tile h3.tile-text,
        #partrack .tile h4.tile-text {
            margin-top: 20px;
        }

    #partrack .tile a:hover {
        text-decoration: none;
    }

    #partrack .tile img {
        border: 0;
    }

.tile:hover {
    opacity: 1;
}

#partrack .tile .tile-label {
    position: absolute;
    bottom: 10px;
    left: 20px;
    font-size: 14px;
    color: #ffffff;
}

#partrack .tile .tile-content .tile-icon-large {
    margin-left: 0px;
    vertical-align: middle !important;
    text-align: center;
}

#partrack .tile .tile-content {
    padding-top: 20px;
    line-height: normal;
    position: relative;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#partrack .census .client.tile {
    height: 190px;
    position: relative;
    margin-right: 10px;
    border-width: 3px;
}

/* Census tile — quick-view details button pinned to bottom of tile */
#partrack .census .client.tile .tile-quick-view {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2px 3px;
    background: rgba(0,0,0,0.08);
}

/* Client Quick View Modal — dark header matching the details page */
.client-quick-view-modal .modal-header {
    background-color: #2c3e50;
    color: #fff;
}

.client-quick-view-modal .modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

    #partrack .census .client.tile.vacation {
        /*border-color: #2e5e86;*/
        border-color: var(--color-vacation);
    }

#partrack .btn.btn-vacation {
    background-color: var(--color-vacation-light) !important;
}

#partrack td.census-code.vacation {
    background-color: var(--color-vacation-light) !important;
    color: white !important;
}

#partrack td.census-code.vacation-border {
    border-color: var(--color-vacation) !important;
    border-width: 2px !important;
}

#partrack td.census-code.vacation-border-thick {
    border-color: var(--color-vacation) !important;
    border-width: 3px !important;
}

#partrack .census .client.tile.appointment {
    border-color: var(--color-appointment);
}

#partrack td.census-code.appointment {
    background-color: var(--color-appointment-light) !important;
    color: white !important;
}

#partrack td.census-code.appointment-border {
    border-color: var(--color-appointment) !important;
    border-width: 2px !important;
}

#partrack td.census-code.appointment-border-thick {
    border-color: var(--color-appointment) !important;
    border-width: 3px !important;
}

.tile.tile-blue {
    background-color: #2e8bcc;
}

.tile.tile-green {
    background-color: #339933;
}

.tile.tile-red {
    background-color: #e51400;
}

.tile.tile-yellow {
    background-color: #ffc40d;
}

.tile.tile-orange {
    background-color: #f39c12;
}

.tile.tile-pink {
    background-color: #e671b8;
}

.tile.tile-purple {
    background-color: #7b4f9d;
}

.tile.tile-lime {
    background-color: #8cbf26;
}

.tile.tile-magenta {
    background-color: #ff0097;
}

.tile.tile-teal {
    background-color: #00aba9;
}

.tile.tile-turquoise {
    background-color: #1abc9c;
}

.tile.tile-green-sea {
    background-color: #16a085;
}

.tile.tile-emerald {
    background-color: #2ecc71;
}

.tile.tile-nephritis {
    background-color: #27ae60;
}

.tile.tile-peter-river {
    background-color: #3498db;
}

.tile.tile-belize-hole {
    background-color: #2980b9;
}

.tile.tile-amethyst {
    background-color: #9b59b6;
}

.tile.tile-wisteria {
    background-color: #8e44ad;
}

.tile.tile-wet-asphalt {
    background-color: #34495e;
}

.tile.tile-midnight-blue {
    background-color: #2c3e50;
}

.tile.tile-sun-flower {
    background-color: #f1c40f;
}

.tile.tile-carrot {
    background-color: #e67e22;
}

.tile.tile-pumpkin {
    background-color: #d35400;
}

.tile.tile-alizarin {
    background-color: #e74c3c;
}

.tile.tile-pomegranate {
    background-color: #c0392b;
}

.tile.tile-clouds {
    background-color: #ecf0f1;
}

    .tile.tile-clouds h1,
    .tile.tile-clouds h2,
    .tile.tile-clouds h3,
    .tile.tile-clouds h4,
    .tile.tile-clouds h5,
    .tile.tile-clouds h6 {
        color: #34495e;
    }

    .tile.tile-clouds .tile-label {
        color: #34495e;
    }

.tile.tile-silver {
    background-color: #bdc3c7;
}

.tile.tile-concrete {
    background-color: #95a5a6;
}

.tile.tile-clocked-elsewhere {
    background-color: #e67e22;
}

.tile.tile-asbestos {
    background-color: #7f8c8d;
}

.tile.tile-info {
    background-color: #3498db;
}

.tile.tile-danger {
    background-color: #e74c3c;
}

.tile.tile-warning {
    background-color: #f1c40f;
}

.tile.tile-success {
    background-color: #2ecc71;
}

a.fa-links {
    color: #ffffff;
}

    a.fa-links:hover,
    a.fa-links:focus {
        color: #ffffff;
    }

.tile.tile-small {
    height: 70px;
    width: 70px;
}

.tile.tile-medium {
    height: 150px;
    width: 150px;
}

.tile.tile-wide,
.tile.tile-double {
    height: 150px;
    width: 310px;
}

.client.tile.tile-wide {
    z-index: 1000 !important;
    margin-right: -80px !important;
    margin-left: -80px !important;
    opacity: 1 !important;
}

.tile.tile-large {
    height: 310px;
    width: 310px;
}

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eeeeee;
    box-sizing: border-box;
}

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

.container .jumbotron {
    border-radius: 0px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px;
    }
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

#partrack .form-header {
    color: #fff;
    text-align: center;
    margin-top: -50px;
    margin-bottom: 8px;
    padding: 1rem;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

#partrack .section.card .form-header {
    padding-top: 1em;
    padding-bottom: 1em;
}

#partrack .section.card .card-body {
    margin-top: -6px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

#partrack .month-button {
    margin-bottom: 1.5em;
    padding: 1vmin 2vmin;
    margin-right: .25rem;
    margin-left: .25rem;
    width: auto;
}

#partrack .modal-dialog .modal-content {
    border: 0;
    border-radius: .125rem
}

    #partrack .modal-dialog .modal-content .modal-header {
        border-top-left-radius: .125rem;
        border-top-right-radius: .125rem
    }

#partrack .modal-dialog .btn .fa {
    color: #fff !important
}

#partrack .modal-dialog [class*=btn-outline-] .fa {
    color: inherit !important
}

#partrack .modal-dialog.cascading-modal {
    margin-top: 10%
}

    #partrack .modal-dialog.cascading-modal .close {
        opacity: 1;
        text-shadow: none;
        color: #fff;
        outline: 0
    }

    #partrack .modal-dialog.cascading-modal .modal-header {
        margin: -2rem 1rem 1rem;
        border: none;
        border-radius: .125rem;
        padding: 1.5rem;
        text-align: center
    }

        #partrack .modal-dialog.cascading-modal .modal-header .close {
            margin-right: 1rem
        }

        #partrack .modal-dialog.cascading-modal .modal-header .title {
            margin-bottom: 0;
            width: 100%;
            font-size: 1.25rem
        }

            #partrack .modal-dialog.cascading-modal .modal-header .title .fa {
                margin-right: 9px
            }

        #partrack .modal-dialog.cascading-modal .modal-header .social-buttons {
            margin-top: 1.5rem
        }

            #partrack .modal-dialog.cascading-modal .modal-header .social-buttons a {
                font-size: 1rem
            }

    #partrack .modal-dialog.cascading-modal .modal-c-tabs .nav-tabs {
        margin: -1.5rem 1rem 0
    }

    #partrack .modal-dialog.cascading-modal .modal-c-tabs .tab-content {
        padding: 1.7rem 0 0
    }

    #partrack .modal-dialog.cascading-modal .nav-tabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        #partrack .modal-dialog.cascading-modal .nav-tabs li {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

            #partrack .modal-dialog.cascading-modal .nav-tabs li a {
                text-align: center
            }

    #partrack .modal-dialog.cascading-modal .modal-body,
    #partrack .modal-dialog.cascading-modal .modal-footer {
        padding-left: 2rem;
        padding-right: 2rem;
        color: #616161
    }

        #partrack .modal-dialog.cascading-modal .modal-body .additional-option,
        #partrack .modal-dialog.cascading-modal .modal-footer .additional-option {
            margin-top: 1rem;
            text-align: center
        }

    #partrack .modal-dialog.cascading-modal.modal-avatar {
        margin-top: 6rem
    }

        #partrack .modal-dialog.cascading-modal.modal-avatar .modal-header {
            margin: -6rem 0 -1rem
        }

            #partrack .modal-dialog.cascading-modal.modal-avatar .modal-header img {
                width: 130px;
                margin-left: auto;
                margin-right: auto
            }

#partrack .modal-dialog.modal-notify .heading {
    margin: 0;
    padding: .3rem;
    font-size: 1.15rem;
    color: #fff
}

#partrack .modal-dialog.modal-notify .modal-header {
    border: 0
}

#partrack .modal-dialog.modal-notify .close {
    opacity: 1
}

#partrack .modal-dialog.modal-notify .modal-body {
    padding: 1.5rem;
    color: #616161
}

#partrack .modal-dialog.modal-notify.modal-primary .fa {
    color: #4285f4
}

#partrack .modal-dialog.modal-notify.modal-danger .badge,
#partrack .modal-dialog.modal-notify.modal-danger .modal-header {
    background-color: #ff3547
}

#partrack .modal-dialog.modal-notify.modal-danger .fa {
    color: #ff3547
}

#partrack .modal-dialog.modal-notify.modal-warning .badge,
#partrack .modal-dialog.modal-notify.modal-warning .modal-header {
    background-color: #fb3
}

#partrack .modal-dialog.modal-notify.modal-warning .fa {
    color: #fb3
}

#partrack .modal-dialog.modal-notify.modal-success .badge,
#partrack .modal-dialog.modal-notify.modal-success .modal-header {
    background-color: #00c851
}

#partrack .modal-dialog.modal-notify.modal-success .fa {
    color: #00c851
}

#partrack .modal-dialog.modal-notify.modal-info .badge,
#partrack .modal-dialog.modal-notify.modal-info .modal-header {
    background-color: #33b5e5
}

#partrack .modal-dialog.modal-notify.modal-info .fa {
    color: #33b5e5
}

#partrack .datepicker-modal-container {
    width: 400px;
}

    #partrack .datepicker-modal-container .datepicker-header {
        padding-bottom: 15px;
    }

    #partrack .datepicker-modal-container .datepicker-main {
        margin-top: -15px;
    }

#partrack .default-color {
    background-color: #2bbbad;
}

#partrack .btn-blue-grey {
    background-color: #78909c;
    color: #fff !important;
}

#partrack .btn-green {
    background-color: #388e3c;
    color: #fff !important;
}

#partrack .btn-amber {
    background-color: #ffa000;
    color: #fff !important;
}

#partrack table thead tr th {
    font-weight: bold;
}

#partrack td, th {
    padding: 5px;
}

#partrack .dt-buttons {
    padding-left: 25px;
}

#partrack table.dataTable tbody tr td {
    padding: 5px;
}

#partrack .table-key {
    text-align: center;
    margin-left: 25px;
    align-content: center;
}

    #partrack .table-key .entry {
        padding: 10px 5px;
        background-color: white;
    }

    #partrack .table-key .divider {
        width: 2px;
        border: 1px solid darkgrey;
        padding: 0;
        margin-left: 10px;
        margin-right: 10px;
    }

#partrack .text-right {
    text-align: right !important;
}

#partrack .badge.badge-notification.button-notification {
    position: relative;
    right: 10px;
    top: -20px;
    z-index: 999;
}

.form-check.form-switch .form-check-pre-label {
}

#partrack .partrack-form :disabled {
    background: unset;
}

#partrack .partrack-form div.form-outline:has(:disabled) {
}

/* ============================================================
   RESPONSIVE DESIGN — ParTrack-specific overrides
   ============================================================ */

/* ── Phones (portrait) ──────────────────────────────────── */
@media (max-width: 575.98px) {
    #partrack .nav-link {
        font-size: 14px;
        padding: 0.4rem 0.5rem;
    }

    #partrack .nav-item .dropdown-menu {
        font-size: 14px;
    }

    /* Census tiles: fit within phone viewport */
    #partrack .census .client.tile {
        height: auto;
        min-height: 120px;
        min-width: 90px;
        width: 28vw;
        max-width: 130px;
        margin-right: 4px !important;
        margin-left: 0 !important;
        margin-bottom: 4px;
        border-width: 2px;
    }

    /* CRITICAL: disable the expand-on-click negative margins on mobile */
    .client.tile.tile-wide {
        z-index: auto !important;
        margin-right: 4px !important;
        margin-left: 0 !important;
        width: 28vw !important;
        max-width: 130px !important;
        height: auto !important;
        min-height: 120px;
        opacity: 1 !important;
    }

    .tile.tile-medium {
        height: auto;
        min-height: 120px;
        width: 28vw;
        max-width: 130px;
    }

    .tile.tile-wide,
    .tile.tile-double {
        height: auto;
        min-height: 120px;
        width: 28vw;
        max-width: 130px;
    }

    .tile.tile-small {
        height: 55px;
        width: 55px;
    }

    #partrack .tile .tile-content {
        padding-top: 10px;
    }

    #partrack .tile h2 {
        font-size: 1.2em;
        margin-top: -10px;
    }

    #partrack .tile .tile-label {
        font-size: 11px;
        bottom: 4px;
        left: 8px;
    }

    /* Form headers: reduce negative margin */
    #partrack .form-header {
        margin-top: -30px;
        padding: 0.6rem;
        font-size: 0.9rem;
    }

    /* Datepicker: fit within viewport */
    #partrack .datepicker-modal-container {
        width: calc(100vw - 2rem);
        max-width: 360px;
    }

    /* Month buttons: wrap nicely */
    #partrack .month-button {
        padding: 0.4rem 0.6rem;
        margin-bottom: 0.5em;
        margin-right: 0.15rem;
        margin-left: 0.15rem;
        font-size: 0.8rem;
    }

    /* Side modal button: full-width on mobile */
    #partrack .modal .modal-full-height {
        width: 100%;
    }
}

/* ── Phones (landscape) + small tablets ─────────────────── */
@media (max-width: 767.98px) {
    #partrack .nav-link {
        font-size: 14px;
    }

    #partrack .census .client.tile {
        height: auto;
        min-height: 130px;
        max-width: 150px;
        margin-right: 6px !important;
        margin-left: 0 !important;
    }

    /* Disable expand-on-click negative margins */
    .client.tile.tile-wide {
        z-index: auto !important;
        margin-right: 6px !important;
        margin-left: 0 !important;
        max-width: 150px !important;
        height: auto !important;
        min-height: 130px;
    }

    .tile.tile-medium {
        height: auto;
        min-height: 130px;
        max-width: 150px;
    }

    .tile.tile-wide,
    .tile.tile-double {
        height: auto;
        min-height: 130px;
        max-width: 150px;
    }

    #partrack .datepicker-modal-container {
        width: calc(100vw - 2rem);
        max-width: 380px;
    }

    /* Stack modals to near-full-width */
    #partrack .modal .modal-full-height {
        width: 100%;
    }

    /* Census row: allow wrapping */
    .census .row {
        flex-wrap: wrap;
    }
}

/* ── Tablets ────────────────────────────────────────────── */
@media (min-width: 768px) and (max-width: 991.98px) {
    #partrack .census .client.tile {
        height: 155px;
    }

    /* Reduce expand effect on tablets */
    .client.tile.tile-wide {
        margin-right: -40px !important;
        margin-left: -40px !important;
    }

    #partrack .modal .modal-full-height {
        width: 320px;
    }
}

/* ── Staging environment indicator ──────────────────────── */
/*
 * A bright yellow inset box-shadow creates a full-viewport border without
 * affecting layout (no added width/height, no reflow).  The ::before pseudo-
 * element sits on top of all content (z-index: 9999) so it is always visible
 * regardless of scrolling or modal stacking.
 */
body.staging-border::before {
    content: "";
    position: fixed;
    inset: 0;
    border: 6px solid #FFD700;
    pointer-events: none;
    z-index: 9999;
    box-sizing: border-box;
}

body.staging-border::after {
    content: "TRAINING";
    position: fixed;
    bottom: 0;
    left: 0;
    transform: none;
    background: #FFD700;
    color: #000;
    font-family: sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    padding: 2px 12px;
    z-index: 10000;
    pointer-events: none;
    border-radius: 0 0 4px 0;
}
/* ── Sticky Save Bar (Client Details & Address Details edit mode) ───────── */
.pt-sticky-save-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1040;
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-top: 2px solid var(--bs-success);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
    padding: 10px 24px;
    display: flex;
    align-items: center;
}

/* ── Topbar notification bell ───────────────────────────────────────────── */
.partrack-navbar-bell {
    margin-right: 50px;
}

.partrack-navbar-bell .fa-bell {
    font-size: 1.5rem;
    color: #fff !important;
}