/* STRATUS V6 — shared visual system. All three preview pages load only this stylesheet. */

body {

    margin: 0;

    background: #f8fcf5

}



.preview-header {

    font: 14px "Segoe UI",Arial,sans-serif;

    min-height: 86px;

    padding: 12px 32px;

    display: flex;

    gap: 25px;

    align-items: center;

    background: #fff;

    border-bottom: 1px solid #e8f1e2;

    color: #3d6124

}



    .preview-header img {

        width: 198px;

        height: auto

    }



    .preview-header nav {

        display: flex;

        justify-content: center;

        gap: 4px;

        flex: 1

    }



        .preview-header nav :is(a,span) {

            display: flex;

            align-items: center;

            gap: 7px;

            padding: 12px 10px;

            white-space: nowrap

        }



    .preview-header svg {

        width: 18px;

        height: 18px;

        color: #779662

    }



    .preview-header .selected {

        background: #effae8;

        border-radius: 10px;

        color: #54b114

    }



        .preview-header .selected svg {

            color: #54b114

        }



.preview-account {

    display: flex;

    align-items: center;

    gap: 10px;

    border-left: 1px solid #e8f1e2;

    padding-left: 20px;

    font-size: 11px

}



    .preview-account > b {

        display: grid;

        place-items: center;

        width: 38px;

        height: 38px;

        background: #ecf7e5;

        border-radius: 50%;

        color: #57a124;

        font-size: 14px

    }



    .preview-account small, .preview-account em {

        display: block;

        font-size: 8px;

        margin-top: 3px;

        font-style: normal;

        color: #779662

    }



@media(max-width:1200px) {

    .preview-header {

        flex-wrap: wrap;

        gap: 8px;

        padding: 12px 24px

    }



        .preview-header nav {

            order: 3;

            width: 100%;

            flex-basis: 100%;

            justify-content: flex-start;

            overflow-x: auto

        }



    .preview-account {

        margin-left: auto

    }



    .preview-header nav :is(a,span) {

        padding: 8px 10px

    }

}



@media(max-width:550px) {

    .preview-header img {

        width: 155px

    }



    .preview-account small {

        max-width: 120px

    }



    .preview-account {

        padding-left: 10px

    }



        .preview-account > b {

            display: none

        }

}



.preview-header nav a {

    text-decoration: none;

    color: inherit

}



    .preview-header nav a[aria-current=page] {

        background: #effae8;

        border-radius: 10px;

        color: #54b114

    }



        .preview-header nav a[aria-current=page] svg {

            color: #54b114

        }



    .preview-header nav a:focus-visible {

        outline: 3px solid #54b114;

        outline-offset: 2px

    }





.container:has(.so-dashboard) {

    max-width: none;

    width: 100%;

    padding: 0

}



main:has(>.so-dashboard) {

    padding-bottom: 0 !important

}



.so-dashboard {

    --ink: #2b5310;

    --muted: #759063;

    --cyan: #6dd724;

    --mint: #7dc948;

    --line: #e8f1e2;

    color: var(--ink);

    font: 14px/1.5 "Segoe UI",Arial,sans-serif;

    background: radial-gradient(ellipse at 90% 10%,#eefae6,transparent 45%),#f8fcf5;

    min-height: calc(100vh - 85px);

    text-align: left

}



    .so-dashboard * {

        box-sizing: border-box

    }



    .so-dashboard [hidden] {

        display: none !important

    }



.so-content {

    max-width: 1640px;

    margin: auto;

    padding: 22px 40px 0

}



.so-breadcrumb {

    font-size: 12px;

    color: var(--muted);

    margin-bottom: 18px

}



    .so-breadcrumb span {

        margin: 0 10px;

        color: #c7d5bd

    }



.so-hero {

    position: relative;

    min-height: 215px;

    border: 1px solid #e2f1d8;

    border-radius: 20px;

    overflow: hidden;

    background: linear-gradient(105deg,#ecfbe2,#f8fdf5 60%,#e2f6d4);

    display: flex;

    align-items: center

}



.so-hero-copy {

    padding: 30px 36px;

    position: relative;

    z-index: 2;

    width: 73%

}



.so-eyebrow {

    font-size: 10px;

    letter-spacing: 2px;

    font-weight: 700;

    color: #488c19

}



.so-hero h1 {

    font-size: clamp(26px,2.6vw,39px);

    letter-spacing: -1.2px;

    font-weight: 650;

    margin: 8px 0

}



.so-hero p {

    color: #5e8047;

    font-size: 14px;

    margin: 0 0 20px

}



.so-hero-tags span {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    font-size: 11px;

    color: #518a29

}



.so-dashboard svg {

    width: 22px;

    height: 22px;

    flex-shrink: 0

}



.so-hero-photo {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 42%;

    background: linear-gradient(90deg,#f5fcf0 0%,transparent 55%),url('../img/background.png') center 43%/cover

}



.so-hero .so-wave {

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 56px;

    z-index: 1

}



.so-toolbar {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 14px;

    margin: 26px 0 18px

}



.so-dashboard h2 {

    font-size: 17px;

    letter-spacing: -.3px;

    margin: 0;

    font-weight: 650

}



.so-dashboard p {

    margin: 3px 0 0

}



.so-toolbar p, .so-card-heading p, .so-section-heading p {

    color: var(--muted);

    font-size: 12px

}



.so-tools {

    display: flex;

    align-items: center;

    gap: 10px;

    flex-wrap: wrap

}



.so-snapshot {

    font-size: 10px;

    border: 1px solid #e1edd8;

    border-radius: 20px;

    padding: 5px 9px;

    color: #6d8959;

    background: #fff

}



.so-select select, .so-button {

    font: inherit;

    font-size: 12px;

    border: 1px solid #e1edd9;

    border-radius: 9px;

    background: white;

    color: var(--ink);

    padding: 9px 12px

}



.so-button {

    display: flex;

    align-items: center;

    gap: 8px;

    cursor: pointer

}



    .so-button svg {

        width: 16px;

        height: 16px

    }



    .so-button:hover {

        background: #f0fce8

    }



.so-summary {

    display: grid;

    grid-template-columns: repeat(4,1fr);

    gap: 16px

}



.so-card, .so-metric {

    background: #fff;

    border: 1px solid var(--line);

    border-radius: 15px;

    box-shadow: 0 4px 18px #396c1604

}



.so-metric {

    padding: 19px 20px;

    display: flex;

    justify-content: space-between;

    gap: 10px

}



.so-metric-label {

    font-size: 12px;

    color: #678353

}



.so-metric strong {

    font-size: 34px;

    display: block;

    line-height: 1.25;

    font-weight: 650;

    letter-spacing: -1px;

    margin: 5px 0

}



.so-metric small {

    font-size: 10px;

    color: var(--muted)

}



.so-icon {

    height: 40px;

    width: 40px;

    display: grid;

    place-items: center;

    border-radius: 12px;

    background: #f1fce9;

    color: #59ba15

}



.so-amber {

    background: #fff5e6;

    color: #b87d22

}



.so-green {

    background: #f0f9ea;

    color: #579b28

}



.so-purple {

    background: #f4fcef;

    color: #95c474

}



.so-section-heading {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 26px 0 13px

}



.so-subtle {

    color: var(--muted);

    font-size: 11px

}



.so-services {

    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 16px

}



.so-service {

    padding: 20px;

    position: relative;

    overflow: hidden

}



    .so-service:before {

        content: "";

        position: absolute;

        left: 0;

        top: 22px;

        bottom: 22px;

        width: 3px;

        border-radius: 3px;

        background: var(--accent)

    }



.so-service-head {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 19px

}



.so-service h3 {

    margin: 0;

    font-size: 15px;

    font-weight: 650

}



.so-service-head small {

    color: var(--muted);

    font-size: 11px

}



.so-service-head .so-icon {

    color: var(--accent);

    background: var(--wash)

}



.so-service-head .so-total {

    margin-left: auto;

    font-size: 27px;

    font-weight: 650;

    line-height: 1

}



.so-total small {

    display: block;

    text-align: right;

    font-size: 9px;

    font-weight: 400;

    margin-top: 5px

}



.so-state-row {

    display: flex;

    gap: 12px;

    margin-bottom: 15px

}



.so-state {

    width: 50%;

    display: flex;

    justify-content: space-between;

    padding: 9px 11px;

    background: #f7fbf5;

    border-radius: 8px;

    font-size: 11px;

    color: #708b5e

}



    .so-state b {

        color: var(--ink);

        font-size: 15px

    }



.so-service-bottom {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-top: 1px solid #f1f5ee;

    padding-top: 13px;

    font-size: 11px;

    color: var(--muted)

}



.so-detail {

    border: 0;

    background: none;

    color: #4fa712;

    font: 600 11px "Segoe UI",sans-serif;

    cursor: pointer;

    padding: 4px 0;

    display: flex;

    align-items: center;

    gap: 5px

}



    .so-detail svg {

        width: 14px;

        height: 14px

    }



.so-lower {

    display: grid;

    grid-template-columns: 1.45fr 1fr 1fr;

    gap: 16px;

    margin-top: 20px

}



    .so-lower > .so-card {

        padding: 21px;

        min-width: 0

    }



.so-card-heading {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px

}



    .so-card-heading h2 {

        font-size: 15px

    }



    .so-card-heading p {

        font-size: 10px

    }



    .so-card-heading .so-icon {

        width: 34px;

        height: 34px;

        border-radius: 10px

    }



.so-legend {

    display: flex;

    gap: 16px;

    font-size: 10px;

    color: var(--muted);

    margin: 22px 0

}



    .so-legend span {

        display: flex;

        align-items: center;

        gap: 5px

    }



.so-dot {

    width: 7px;

    height: 7px;

    border-radius: 50%;

    display: inline-block

}



.so-open {

    background: #81db42

}



.so-progress {

    background: #a1d47d

}



.so-done {

    background: #7dc948

}



.so-bar-row {

    display: grid;

    grid-template-columns: 70px 1fr 30px;

    gap: 10px;

    align-items: center;

    margin: 22px 0;

    font-size: 11px

}



.so-bar-track {

    height: 12px;

    background: #f4f9f1;

    border-radius: 4px;

    display: flex;

    overflow: hidden

}



    .so-bar-track i {

        height: 100%;

        display: block

    }



.so-chart-note {

    font-size: 9px;

    color: var(--muted);

    padding-top: 6px

}



.so-completion-row {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 17px 0;

    border-bottom: 1px solid #f0f5ed;

    font-size: 12px

}



    .so-completion-row b {

        margin-left: auto;

        font-size: 21px;

        font-weight: 650

    }



    .so-completion-row .so-mini {

        width: 29px;

        height: 29px;

        display: grid;

        place-items: center;

        border-radius: 9px;

        background: #f4faf0;

        color: #6dae40

    }



.so-mini svg {

    width: 17px;

    height: 17px

}



.so-empty-note {

    display: flex;

    gap: 9px;

    align-items: center;

    color: var(--muted);

    font-size: 10px;

    margin-top: 15px

}



    .so-empty-note svg {

        width: 16px;

        height: 16px

    }



.so-empty {

    padding: 32px 4px;

    text-align: center;

    color: var(--muted);

    font-size: 11px

}



    .so-empty .so-icon {

        margin: 0 auto 13px;

        width: 49px;

        height: 49px;

        border-radius: 50%;

        background: #f5faf1;

        color: #97b583

    }



    .so-empty strong {

        display: block;

        font-size: 13px;

        font-weight: 600;

        color: #5b7b45;

        margin-bottom: 5px

    }



.so-type-row {

    display: flex;

    justify-content: space-between;

    padding: 13px 0;

    border-bottom: 1px solid var(--line);

    font-size: 12px

}



.so-footer {

    display: flex;

    justify-content: space-between;

    gap: 10px;

    padding: 24px 0 18px;

    font-size: 9px;

    color: #7a9369

}



    .so-footer > span:first-child {

        font-weight: 600

    }



    .so-footer span span {

        margin: 0 7px;

        color: #6cbd34

    }



.so-sr {

    position: absolute;

    width: 1px;

    height: 1px;

    overflow: hidden;

    clip-path: inset(50%)

}



.so-dashboard button:focus-visible, .so-dashboard select:focus-visible {

    outline: 3px solid #56b614;

    outline-offset: 3px

}



.so-dashboard dialog {

    border: 1px solid var(--line);

    border-radius: 18px;

    padding: 24px;

    color: var(--ink);

    width: min(480px,90vw);

    box-shadow: 0 24px 100px #2b4f1230

}



    .so-dashboard dialog::backdrop {

        background: #2d4f1555

    }



.so-dialog-head {

    display: flex;

    align-items: center;

    justify-content: space-between

}



    .so-dialog-head button {

        border: 0;

        background: #f3faee;

        border-radius: 50%;

        width: 32px;

        height: 32px;

        font-size: 22px;

        color: var(--ink);

        cursor: pointer

    }



@media(min-width:1800px) {

    .so-hero {

        min-height: 250px

    }



    .so-lower > .so-card {

        min-height: 320px

    }

}



@media(max-width:1100px) {

    .so-content {

        padding: 20px 24px 0

    }



    .so-lower {

        grid-template-columns: 1.4fr 1fr

    }



    .so-types {

        grid-column: 1/-1

    }



    .so-empty {

        padding: 24px

    }



    .so-toolbar {

        align-items: flex-start

    }



    .so-tools {

        justify-content: flex-end

    }



    .so-state {

        padding: 8px

    }



    .so-snapshot {

        width: 100%;

        text-align: center

    }



    .so-hero-copy {

        width: 80%

    }

}



@media(max-width:740px) {

    .so-content {

        padding: 16px 16px 0

    }



    .so-hero {

        min-height: 225px

    }



    .so-hero-copy {

        padding: 24px;

        width: 100%

    }



    .so-hero-photo {

        opacity: .22;

        width: 65%

    }



    .so-hero h1 {

        font-size: 29px;

        max-width: 280px

    }



    .so-hero p {

        max-width: 260px;

        font-size: 12px

    }



    .so-summary {

        grid-template-columns: repeat(2,1fr);

        gap: 10px

    }



    .so-metric {

        padding: 15px

    }



        .so-metric strong {

            font-size: 29px

        }



        .so-metric .so-icon {

            width: 31px;

            height: 31px

        }



    .so-toolbar {

        display: block

    }



    .so-tools {

        justify-content: flex-start;

        margin-top: 13px

    }



    .so-snapshot {

        width: auto

    }



    .so-services, .so-lower {

        grid-template-columns: 1fr

    }



    .so-types {

        grid-column: auto

    }



    .so-section-heading > .so-subtle {

        display: none

    }



    .so-footer {

        display: block

    }



        .so-footer > span {

            display: block;

            margin-bottom: 4px

        }



    .so-toolbar h2 {

        font-size: 19px

    }

}





.container:has(.v6-page) {

    max-width: none;

    width: 100%;

    padding: 0

}



main:has(>.v6-page) {

    padding-bottom: 0 !important

}



.v6-page {

    --ink: #2b5310;

    --muted: #769064;

    --line: #e8f1e1;

    color: var(--ink);

    font: 14px/1.5 "Segoe UI",Arial,sans-serif;

    text-align: left;

    background: radial-gradient(ellipse at 95% 12%,#eefae6,transparent 45%),#f8fcf5;

    min-height: calc(100vh - 86px)

}



    .v6-page * {

        box-sizing: border-box

    }



    .v6-page svg {

        width: 22px;

        height: 22px;

        flex-shrink: 0

    }



.v6-wrap {

    max-width: 1520px;

    margin: auto;

    padding: 24px 40px 0

}



.v6-breadcrumb {

    font-size: 12px;

    color: var(--muted);

    margin-bottom: 20px

}



    .v6-breadcrumb span {

        margin: 0 10px;

        color: #c0d3b3

    }



.v6-hero {

    position: relative;

    isolation: isolate;

    overflow: hidden;

    min-height: 244px;

    border: 1px solid #e3f1d9;

    border-radius: 20px;

    background: linear-gradient(105deg,#ecfbe1,#f5fcf0 65%,#e8f8dd);

    display: flex;

    align-items: center

}



.v6-hero-copy {

    padding: 29px 36px;

    position: relative;

    z-index: 2;

    width: 70%

}



.v6-eyebrow {

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.9px;

    color: #518c28

}



.v6-hero h1 {

    font-size: clamp(29px,2.7vw,41px);

    line-height: 1.16;

    letter-spacing: -1.25px;

    font-weight: 650;

    margin: 11px 0

}



.v6-hero p {

    font-size: 13px;

    color: #688752;

    margin: 0 0 17px

}



.v6-brand-line {

    font-size: 10px;

    display: flex;

    align-items: center;

    gap: 8px;

    color: #598f34

}



    .v6-brand-line svg {

        width: 20px

    }



.v6-photo {

    position: absolute;

    top: 0;

    right: 0;

    width: 46%;

    height: 100%;

    background: linear-gradient(90deg,#f5fcf0,transparent 60%),url('../img/background.png') center 44%/cover;

    z-index: 0

}



.v6-hero .v6-waves {

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 55px;

    z-index: 1

}



.v6-section-heading {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 30px 0 19px;

    gap: 20px

}



.v6-page h2 {

    font-size: 23px;

    letter-spacing: -.6px;

    font-weight: 650;

    margin: 4px 0

}



.v6-section-heading p {

    margin: 0;

    color: var(--muted);

    font-size: 12px

}



.v6-step {

    font-size: 11px;

    display: flex;

    align-items: center;

    gap: 8px;

    color: #7d966c

}



    .v6-step b {

        border: 1px solid #ddefd1;

        background: #eefae6;

        color: #58a224;

        font-size: 11px;

        font-weight: 600;

        border-radius: 50%;

        width: 26px;

        height: 26px;

        display: grid;

        place-items: center

    }



    .v6-step > span {

        color: #a0b591;

        margin: 0 3px

    }



.v6-grid {

    display: grid;

    grid-template-columns: repeat(3,minmax(0,1fr));

    gap: 20px

}



.v6-service {

    font: inherit;

    text-align: left;

    background: #fff;

    border: 1px solid var(--line);

    border-radius: 17px;

    box-shadow: 0 5px 18px #396c1604;

    color: var(--ink);

    padding: 22px 24px 0;

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    text-decoration: none;

    transition: box-shadow .18s,border-color .18s,transform .18s;

    overflow: hidden

}



    .v6-service:is(a,button) {

        cursor: pointer

    }



        .v6-service:is(a,button):hover {

            border-color: var(--accent);

            box-shadow: 0 12px 25px #47792410;

            transform: translateY(-3px)

        }



        .v6-service:is(a,button):focus-visible {

            outline: 3px solid #57b516;

            outline-offset: 4px

        }



        .v6-service:is(a,button):hover .v6-open {

            background: var(--accent);

            color: #fff

        }



.v6-card-top {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    margin-bottom: 10px

}



.v6-number {

    font-size: 11px;

    letter-spacing: 1px;

    color: #aabd9c;

    padding-top: 3px

}



.v6-art {

    position: relative;

    width: 86px;

    height: 76px;

    display: grid;

    place-items: center

}



.v6-icon {

    position: relative;

    display: grid;

    place-items: center;

    width: 60px;

    height: 60px;

    background: var(--wash);

    color: var(--accent);

    border-radius: 19px;

    z-index: 1

}



    .v6-icon svg {

        width: 32px;

        height: 32px

    }



.v6-orbit {

    position: absolute;

    border: 1px solid var(--line);

    width: 85px;

    height: 56px;

    border-radius: 50%;

    transform: rotate(-32deg)

}



.v6-orbit-small {

    position: absolute;

    right: -7px;

    bottom: 7px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #a5d853;

    opacity: .8

}



.v6-spark {

    position: absolute;

    top: -4px;

    left: 1px;

    color: var(--accent);

    font-size: 17px;

    font-weight: 300

}



.v6-category {

    font-size: 9px;

    font-weight: 650;

    letter-spacing: 1.3px;

    text-transform: uppercase;

    color: var(--accent);

    margin: 4px 0 7px

}



.v6-service :is(h2,h3) {

    font-size: 21px;

    line-height: 1.25;

    letter-spacing: -.5px;

    font-weight: 650;

    margin: 0 0 9px

}



.v6-service p {

    font-size: 12px;

    line-height: 1.7;

    color: var(--muted);

    margin: 0 0 22px;

    max-width: 310px

}



.v6-card-foot {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    border-top: 1px solid #f0f5ed;

    padding: 15px 0;

    margin-top: auto

}



    .v6-card-foot > span:first-child {

        font-size: 10px;

        color: #7d966c

    }



.v6-open {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    border-radius: 8px;

    background: var(--wash);

    color: var(--accent);

    padding: 7px 11px;

    font-size: 11px;

    font-weight: 600;

    transition: background .18s,color .18s

}



    .v6-open svg {

        width: 15px;

        height: 15px

    }



.v6-service[aria-disabled=true] {

    opacity: .8

}



.v6-help {

    display: flex;

    align-items: center;

    gap: 11px;

    background: #f3faee;

    border: 1px solid #e6f1df;

    border-radius: 12px;

    padding: 14px 18px;

    margin-top: 23px;

    font-size: 11px;

    color: #759162

}



    .v6-help > svg {

        color: #76ae4f;

        width: 19px;

        height: 19px

    }



    .v6-help strong {

        font-weight: 600;

        color: #557b3b;

        margin-right: 4px

    }



.v6-theme-mark {

    margin-left: auto;

    letter-spacing: 1px;

    font-size: 10px;

    color: #5a8c38;

    border: 1px solid #d9eacd;

    border-radius: 5px;

    padding: 2px 6px

}



.v6-footer {

    display: flex;

    justify-content: space-between;

    gap: 12px;

    padding: 23px 0 20px;

    font-size: 9px;

    color: #829972

}



    .v6-footer > span:first-child {

        font-weight: 600

    }



.v6-page dialog {

    width: min(470px,90vw);

    border: 1px solid #e2efd9;

    border-radius: 18px;

    padding: 26px;

    color: var(--ink);

    box-shadow: 0 20px 100px #2f511740

}



    .v6-page dialog::backdrop {

        background: #2b4e1260

    }



.v6-dialog-head {

    display: flex;

    justify-content: space-between;

    align-items: center

}



    .v6-dialog-head h2 {

        font-size: 21px

    }



    .v6-dialog-head button {

        border: 0;

        border-radius: 50%;

        background: #f0f9ea;

        color: #4f9121;

        width: 32px;

        height: 32px;

        font-size: 22px;

        cursor: pointer

    }



.v6-dialog-note {

    background: #f5fbf0;

    border-radius: 9px;

    padding: 13px;

    font-size: 12px;

    color: #698854

}



.v6-dialog-label {

    font-size: 10px;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #5ca827

}



.v6-page dialog p {

    font-size: 13px;

    color: var(--muted)

}



@media(min-width:1600px) {

    .v6-wrap {

        padding-top: 28px

    }



    .v6-hero {

        min-height: 260px

    }



    .v6-service {

        padding: 25px 28px 0

    }



        .v6-service p {

            max-width: 340px

        }

}



@media(max-width:1000px) {

    .v6-wrap {

        padding: 22px 24px 0

    }



    .v6-grid {

        grid-template-columns: repeat(2,minmax(0,1fr))

    }



    .v6-step {

        display: none

    }



    .v6-hero-copy {

        width: 80%

    }



    .v6-hero h1 {

        font-size: 34px

    }

}



@media(max-width:600px) {

    .v6-wrap {

        padding: 18px 16px 0

    }



    .v6-hero {

        min-height: 260px

    }



    .v6-hero-copy {

        padding: 26px 23px;

        width: 100%

    }



    .v6-hero h1 {

        font-size: 32px;

        max-width: 300px

    }



    .v6-hero p {

        max-width: 245px;

        font-size: 12px

    }



    .v6-photo {

        opacity: .2;

        width: 72%

    }



    .v6-grid {

        grid-template-columns: 1fr;

        gap: 14px

    }



    .v6-section-heading {

        margin-top: 25px

    }



    .v6-page h2 {

        font-size: 21px

    }



    .v6-service {

        padding: 19px 22px 0

    }



    .v6-card-top {

        margin-bottom: 4px

    }



    .v6-service p {

        max-width: none

    }



    .v6-help {

        align-items: flex-start;

        font-size: 10px;

        padding: 13px

    }



        .v6-help strong {

            display: block

        }



    .v6-footer {

        display: block;

        font-size: 8px

    }



        .v6-footer span {

            display: block;

            margin-bottom: 5px

        }

}



@media(prefers-reduced-motion:reduce) {

    .v6-service, .v6-open {

        transition: none

    }



        .v6-service:is(a,button):hover {

            transform: none

        }

}



.v6-section-heading {

    margin-top: 12px

}



    .v6-section-heading h1 {

        font-size: 23px;

        letter-spacing: -.6px;

        font-weight: 650;

        margin: 4px 0

    }



@media(max-width:600px) {

    .v6-section-heading h1 {

        font-size: 21px

    }

}





/* Reusable V6 application components: headings, navigation, panels, inputs, buttons and tables. */

.v6-app {

    --v6-ink: #2b5310;

    --v6-muted: #789166;

    --v6-cyan: #68cf21;

    --v6-line: #e8f1e1;

    --v6-radius: 14px;

    --v6-surface: #fff;

    color: var(--v6-ink);

    font: 13px/1.5 "Segoe UI",Arial,sans-serif;

    background: radial-gradient(ellipse at 95% 0%,#eefae6,transparent 45%),#f8fcf5;

    min-height: calc(100vh - 86px)

}



    .v6-app * {

        box-sizing: border-box

    }



    .v6-app [hidden] {

        display: none !important

    }



    .v6-app svg {

        width: 19px;

        height: 19px;

        flex-shrink: 0

    }



.v6-app-wrap {

    max-width: 1560px;

    margin: auto;

    padding: 20px 32px 0

}



.v6-app-breadcrumb {

    display: flex;

    gap: 10px;

    color: var(--v6-muted);

    font-size: 11px;

    margin-bottom: 18px

}



.v6-app a {

    color: inherit;

    text-decoration: none

}



.v6-app-breadcrumb a:hover {

    text-decoration: underline

}



.v6-page-heading {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

    margin-bottom: 20px

}



.v6-kicker {

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #579b27

}



.v6-app h1 {

    font-size: 28px;

    letter-spacing: -.8px;

    line-height: 1.25;

    margin: 5px 0;

    font-weight: 650

}



.v6-page-heading p {

    font-size: 12px;

    color: var(--v6-muted);

    margin: 0

}



.v6-preview-badge {

    font-size: 10px;

    border: 1px solid #e2eddb;

    background: #fff;

    border-radius: 20px;

    padding: 5px 10px;

    color: var(--v6-muted)

}



.v6-workspace-tabs {

    display: flex;

    align-items: center;

    gap: 6px;

    padding: 5px;

    border: 1px solid var(--v6-line);

    border-radius: 11px;

    background: #fff;

    margin-bottom: 22px;

    width: max-content;

    max-width: 100%;

    overflow: auto

}



    .v6-workspace-tabs :is(button,span) {

        font: 500 11px "Segoe UI",sans-serif;

        border: 0;

        white-space: nowrap;

        background: none;

        color: #7c946b;

        padding: 9px 14px;

        border-radius: 7px;

        display: flex;

        align-items: center;

        gap: 9px

    }



    .v6-workspace-tabs button {

        cursor: pointer

    }



    .v6-workspace-tabs .is-current {

        color: #50a416;

        background: #f0fbe8

    }



    .v6-workspace-tabs b {

        font-size: 10px;

        background: #f2f7ee;

        border-radius: 20px;

        padding: 2px 6px;

        font-weight: 600

    }



.v6-form-layout {

    display: grid;

    grid-template-columns: 190px minmax(0,1fr);

    gap: 24px;

    align-items: start

}



.v6-form-sidebar {

    position: sticky;

    top: 20px

}



.v6-sidebar-title {

    font-size: 9px;

    letter-spacing: 1.4px;

    color: #8fa381;

    padding: 6px 10px 12px

}



.v6-form-sidebar nav {

    display: grid;

    gap: 5px

}



    .v6-form-sidebar nav a {

        display: flex;

        align-items: center;

        gap: 10px;

        padding: 11px 10px;

        border-radius: 9px;

        color: #708c5d;

        font-size: 11px

    }



        .v6-form-sidebar nav a svg {

            width: 17px;

            color: #90b179

        }



        .v6-form-sidebar nav a[aria-current="location"], .v6-form-sidebar nav a:hover {

            background: #eef9e6;

            color: #50a316

        }



    .v6-form-sidebar nav small {

        margin-left: auto;

        font-size: 9px;

        color: #a3b596

    }



.v6-side-note {

    border-top: 1px solid #e7f0e0;

    margin: 18px 9px 0;

    padding-top: 18px;

    display: flex;

    gap: 8px;

    font-size: 11px;

    color: #6e8b5a

}



    .v6-side-note > svg {

        color: #79b54f

    }



    .v6-side-note small {

        display: block;

        font-size: 10px;

        color: #99ac8b;

        margin-top: 5px

    }



.v6-form-content {

    min-width: 0;

    display: grid;

    gap: 18px

}



.v6-panel {

    background: var(--v6-surface);

    border: 1px solid var(--v6-line);

    border-radius: var(--v6-radius);

    padding: 22px;

    box-shadow: 0 4px 16px #396c1603;

    scroll-margin-top: 18px

}



.v6-panel-head {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 21px

}



.v6-panel-icon {

    width: 35px;

    height: 35px;

    border-radius: 10px;

    background: #f1fbea;

    color: #5db91d;

    display: grid;

    place-items: center;

    flex-shrink: 0

}



.v6-panel-head h2 {

    font-size: 15px;

    font-weight: 650;

    letter-spacing: -.3px;

    margin: 0

}



.v6-panel-head p {

    font-size: 10px;

    color: var(--v6-muted);

    margin: 3px 0 0

}



.v6-panel-num {

    margin-left: auto;

    font-size: 10px;

    color: #aabc9d;

    letter-spacing: 1px

}



.v6-form-grid {

    display: grid;

    grid-template-columns: repeat(3,minmax(0,1fr));

    gap: 16px 19px

}



.v6-field {

    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 6px

}



    .v6-field label, .v6-poi > label {

        font-size: 11px;

        font-weight: 500;

        color: #5c7d45

    }



.v6-app :is(input:not([type=radio]):not([type=file]),select,textarea) {

    font: 12px "Segoe UI",Arial,sans-serif;

    color: var(--v6-ink);

    background: #fdfffc;

    border: 1px solid #e0ecd7;

    border-radius: 7px;

    padding: 9px 11px;

    min-height: 37px;

    width: 100%;

    min-width: 0;

    box-shadow: 0 1px 2px #325b1602

}



.v6-app input::placeholder, .v6-app textarea::placeholder {

    color: #a8bc9a

}



.v6-app textarea {

    resize: vertical;

    min-height: 64px

}



.v6-app :is(input,select,textarea):focus {

    outline: 2px solid #9edd73;

    outline-offset: 1px;

    border-color: #83cc50

}



.v6-span-all {

    grid-column: 1/-1

}



.v6-timer {

    display: flex;

    align-items: center;

    gap: 8px;

    min-height: 37px;

    width: max-content;

    background: #f2f9ed;

    color: #63a337;

    border: 1px solid #e2efd9;

    padding: 7px 11px;

    border-radius: 7px

}



    .v6-timer strong {

        font-size: 12px;

        font-weight: 600;

        letter-spacing: 1px

    }



    .v6-timer span {

        font-size: 9px;

        color: #899d7b;

        margin-left: 5px

    }



    .v6-timer svg {

        width: 15px;

        height: 15px

    }



.v6-btn {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    gap: 8px;

    font: 600 11px "Segoe UI",Arial,sans-serif;

    min-height: 36px;

    padding: 9px 14px;

    border: 1px solid transparent;

    border-radius: 8px;

    white-space: nowrap;

    cursor: pointer;

    text-decoration: none

}



    .v6-btn svg {

        width: 16px;

        height: 16px

    }



.v6-btn-soft {

    background: #f0fbe8;

    color: #53a719;

    border-color: #e0f2d4

}



.v6-btn-outline {

    background: #fff;

    border-color: #e0ecd7;

    color: #698b52

}



.v6-btn-primary {

    background: linear-gradient(110deg,#69d220,#7bc746);

    color: #fff;

    border-color: #68ca24;

    box-shadow: 0 3px 7px #6ac52a1a

}



.v6-btn:hover {

    filter: brightness(.97)

}



.v6-app :is(button,a,label.v6-btn):focus-visible {

    outline: 3px solid #61bf1f;

    outline-offset: 3px

}



.v6-location-grid {

    display: grid;

    grid-template-columns: 1.35fr 1fr;

    gap: 22px

}



.v6-tool-heading {

    font-size: 9px;

    text-transform: uppercase;

    letter-spacing: 1.1px;

    font-weight: 700;

    color: #809c6c;

    margin-bottom: 10px

}



.v6-input-action {

    display: flex;

    gap: 8px

}



.v6-map {

    margin-top: 12px;

    height: 178px;

    border: 1px solid #e4f0db;

    border-radius: 10px;

    position: relative;

    overflow: hidden

}



    .v6-map > svg {

        width: 100%;

        height: 100%

    }



.v6-map-label {

    position: absolute;

    top: 12px;

    left: 12px;

    background: #ffffffed;

    box-shadow: 0 3px 9px #5a7d4210;

    border-radius: 6px;

    padding: 6px 9px;

    font-size: 10px;

    color: #6a8c52

}



    .v6-map-label small {

        display: block;

        font-size: 8px;

        color: #9aae8c

    }



.v6-map-pin {

    position: absolute;

    left: 54%;

    top: 43%;

    color: #5cb71d;

    background: #fff;

    border: 1px solid #e2f0d8;

    border-radius: 50%;

    width: 37px;

    height: 37px;

    display: grid;

    place-items: center;

    box-shadow: 0 3px 10px #639c3b20

}



.v6-poi > label {

    display: block;

    margin-bottom: 6px

}



.v6-info-box {

    margin-top: 21px;

    padding: 15px;

    background: #f7fcf3;

    border: 1px solid #eaf4e3;

    border-radius: 9px;

    display: flex;

    gap: 10px;

    color: #73935d;

    font-size: 11px

}



    .v6-info-box > svg {

        color: #7db556

    }



    .v6-info-box small {

        display: block;

        color: #9ab08b;

        font-size: 10px;

        margin-top: 5px

    }



.v6-location-fields {

    margin-top: 20px;

    padding-top: 19px;

    border-top: 1px solid #f1f6ed

}



.v6-align-bottom {

    justify-content: flex-end;

    align-items: flex-start

}



.v6-priority {

    border: 0;

    margin: 0;

    padding: 0;

    min-width: 0

}



    .v6-priority legend {

        font-size: 11px;

        color: #5c7d45;

        font-weight: 500;

        margin-bottom: 6px;

        padding: 0

    }



    .v6-priority > div {

        display: flex;

        gap: 8px

    }



    .v6-priority label {

        position: relative;

        cursor: pointer

    }



    .v6-priority input {

        position: absolute;

        opacity: 0

    }



    .v6-priority span {

        display: block;

        border: 1px solid #e3ecdc;

        border-radius: 7px;

        padding: 8px 24px;

        background: #fdfffb;

        color: #869e75;

        font-size: 12px;

        font-weight: 650

    }



    .v6-priority input:checked + span {

        border-color: #e7a19f;

        background: #fff0ef;

        color: #ba5651

    }



    .v6-priority label:last-child input:checked + span {

        background: #fff6e9;

        border-color: #ecc786;

        color: #b58531

    }



    .v6-priority input:focus-visible + span {

        outline: 3px solid #70c734;

        outline-offset: 2px

    }



.v6-panel-actions {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 12px;

    margin: 18px 0

}



.v6-muted {

    color: #95ac85;

    font-size: 10px

}



.v6-error {

    font-size: 11px;

    color: #b4514d

}



    .v6-error:empty {

        display: none

    }



.v6-table-scroll {

    overflow-x: auto;

    border: 1px solid #e9f2e3;

    border-radius: 9px;

    margin-top: 14px

}



.v6-table {

    width: 100%;

    border-collapse: collapse;

    text-align: left;

    white-space: nowrap;

    font-size: 10px

}



    .v6-table th {

        font-weight: 600;

        color: #728e5e;

        background: #f6fbf2;

        padding: 11px 13px

    }



    .v6-table td {

        border-top: 1px solid #ecf3e7;

        padding: 12px 13px;

        color: #5f8246

    }



    .v6-table .v6-table-empty {

        text-align: center;

        padding: 21px;

        color: #a1b593;

        font-size: 11px

    }



    .v6-table button {

        border: 0;

        background: none;

        color: #6ca445;

        cursor: pointer;

        font: inherit;

        padding: 3px

    }



.v6-count-grid {

    display: grid;

    grid-template-columns: 110px 1fr 1fr;

    gap: 10px 18px;

    align-items: center;

    max-width: 720px

}



    .v6-count-grid > span, .v6-count-grid > strong {

        font-size: 11px;

        color: #789464;

        font-weight: 500

    }



        .v6-count-grid > strong:nth-child(-n+3) {

            color: #62ac2e;

            font-size: 10px

        }



.v6-upload {

    border: 1px dashed #d8e9cc;

    border-radius: 10px;

    padding: 20px;

    background: #fafef8;

    display: flex;

    gap: 12px;

    align-items: center

}



    .v6-upload strong {

        font-size: 12px;

        font-weight: 600

    }



    .v6-upload p {

        font-size: 10px;

        color: #94ae82;

        margin: 4px 0 0

    }



    .v6-upload label {

        margin-left: auto

    }



.v6-distance-grid {

    grid-template-columns: repeat(5,minmax(0,1fr));

    gap: 12px

}



.v6-field output {

    display: flex;

    align-items: center;

    min-height: 37px;

    background: #f3f9ee;

    border: 1px solid #e4efdc;

    border-radius: 7px;

    color: #639c3b;

    padding: 8px 12px;

    font-size: 13px;

    font-weight: 600

}



.v6-savebar {

    position: sticky;

    bottom: 0;

    z-index: 3;

    background: #fffffff2;

    backdrop-filter: blur(8px);

    border: 1px solid #e4f0dc;

    border-radius: 12px 12px 0 0;

    padding: 13px 18px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 14px;

    box-shadow: 0 -4px 18px #4f7a3106

}



    .v6-savebar > span {

        display: flex;

        align-items: center;

        gap: 9px;

        font-size: 11px;

        color: #65874e

    }



        .v6-savebar > span > svg {

            color: #71b83f

        }



    .v6-savebar small {

        display: block;

        font-size: 9px;

        color: #9aaf8b;

        margin-top: 2px

    }



.v6-app-footer {

    font-size: 9px;

    color: #92a882;

    display: flex;

    justify-content: space-between;

    padding: 18px 0

}



.v6-toast {

    position: fixed;

    bottom: 24px;

    left: 50%;

    transform: translateX(-50%);

    max-width: min(580px,90vw);

    z-index: 50;

    background: #325818;

    color: #fff;

    font-size: 12px;

    border-radius: 10px;

    padding: 15px 20px;

    box-shadow: 0 8px 30px #2a4d1230

}



.v6-app dialog {

    border: 1px solid #e4f0dc;

    border-radius: 16px;

    width: min(540px,92vw);

    padding: 25px;

    color: var(--v6-ink);

    box-shadow: 0 20px 90px #2d531240

}



    .v6-app dialog::backdrop {

        background: #3054175c

    }



.v6-review-heading {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px

}



    .v6-review-heading h2 {

        font-size: 21px;

        margin: 6px 0

    }



.v6-app dialog > p {

    font-size: 12px;

    color: #84a070

}



.v6-app dialog dl {

    display: grid;

    grid-template-columns: 130px 1fr;

    gap: 12px;

    font-size: 12px;

    padding: 16px;

    background: #f7fcf3;

    border-radius: 10px

}



.v6-app dialog dd {

    margin: 0;

    overflow-wrap: anywhere

}



.v6-app dialog dt {

    color: #839f6f

}



.v6-sr {

    position: absolute !important;

    width: 1px !important;

    height: 1px !important;

    overflow: hidden;

    clip-path: inset(50%)

}



@media(max-width:1100px) {

    .v6-app-wrap {

        padding: 20px 22px 0

    }



    .v6-form-layout {

        grid-template-columns: 160px minmax(0,1fr);

        gap: 16px

    }



    .v6-form-sidebar nav a {

        font-size: 10px;

        gap: 8px

    }



    .v6-form-sidebar nav small {

        display: none

    }



    .v6-form-grid {

        grid-template-columns: repeat(2,minmax(0,1fr))

    }



    .v6-distance-grid {

        grid-template-columns: repeat(3,minmax(0,1fr))

    }



    .v6-location-grid {

        grid-template-columns: 1fr

    }



    .v6-poi {

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 7px 16px

    }



        .v6-poi .v6-tool-heading, .v6-poi > label {

            grid-column: 1

        }



        .v6-poi .v6-info-box {

            grid-column: 2;

            grid-row: 1/4;

            margin: 0

        }



        .v6-poi .v6-input-action {

            grid-column: 1

        }

}



@media(max-width:760px) {

    .v6-form-layout {

        grid-template-columns: 1fr

    }



    .v6-form-sidebar {

        position: relative;

        top: 0;

        overflow: hidden

    }



    .v6-sidebar-title, .v6-side-note {

        display: none

    }



    .v6-form-sidebar nav {

        display: flex;

        overflow-x: auto;

        padding-bottom: 5px

    }



        .v6-form-sidebar nav a {

            flex-shrink: 0;

            font-size: 10px;

            background: #fff;

            border: 1px solid #e7f2e0;

            padding: 8px 10px

        }



            .v6-form-sidebar nav a svg {

                width: 15px

            }



    .v6-panel {

        padding: 18px

    }



    .v6-page-heading {

        align-items: flex-start

    }



    .v6-preview-badge {

        font-size: 8px;

        max-width: 130px

    }



    .v6-app h1 {

        font-size: 25px

    }



    .v6-form-layout {

        gap: 12px

    }



    .v6-upload {

        flex-wrap: wrap

    }



        .v6-upload label {

            margin-left: 0

        }



    .v6-distance-grid {

        grid-template-columns: repeat(2,minmax(0,1fr))

    }

}



@media(max-width:480px) {

    .v6-app-wrap {

        padding: 17px 14px 0

    }



    .v6-form-grid {

        grid-template-columns: 1fr

    }



    .v6-panel {

        padding: 16px

    }



    .v6-panel-head {

        gap: 9px

    }



        .v6-panel-head h2 {

            font-size: 14px

        }



        .v6-panel-head p {

            font-size: 9px

        }



    .v6-poi {

        display: block

    }



        .v6-poi .v6-info-box {

            margin-top: 12px

        }



        .v6-poi > label {

            margin: 10px 0 6px

        }



    .v6-count-grid {

        grid-template-columns: 55px 1fr 1fr;

        gap: 10px

    }



    .v6-panel-actions {

        align-items: flex-start

    }



        .v6-panel-actions .v6-muted {

            max-width: 160px

        }



    .v6-savebar {

        padding: 12px;

        gap: 8px

    }



        .v6-savebar small {

            max-width: 155px

        }



        .v6-savebar .v6-btn {

            padding: 9px;

            font-size: 10px

        }



    .v6-distance-grid {

        grid-template-columns: repeat(2,minmax(0,1fr))

    }



    .v6-workspace-tabs :is(button,span) {

        padding: 9px 10px

    }



    .v6-page-heading p {

        max-width: 210px

    }



    .v6-page-heading {

        gap: 10px

    }



    .v6-app-footer {

        font-size: 8px

    }



        .v6-app-footer span {

            margin-left: 10px

        }

}



@media(prefers-reduced-motion:reduce) {

    .v6-app * {

        scroll-behavior: auto

    }

}



.v6-header-duration {

    margin-left: auto;

    display: flex;

    align-items: center;

    gap: 10px;

    flex-shrink: 0

}



    .v6-header-duration > span {

        font-size: 10px;

        color: #7a9866

    }



    .v6-header-duration .v6-timer {

        min-height: 32px

    }



        .v6-header-duration .v6-timer span {

            font-size: 8px

        }



@media(max-width:600px) {

    #caller .v6-panel-head {

        flex-wrap: wrap

    }



    .v6-header-duration {

        width: 100%;

        margin-left: 44px;

        flex-shrink: 1

    }



        .v6-header-duration .v6-timer {

            padding: 6px 9px

        }

}



.v6-app {

    overflow-x: clip

}



.v6-form-content {

    grid-template-columns: minmax(0,1fr)

}



.v6-panel, .v6-savebar {

    min-width: 0

}



@media(max-width:600px) {

    .v6-header-duration {

        width: auto;

        flex-basis: 100%;

        margin-left: 0;

        flex-wrap: wrap;

        gap: 6px

    }



    .v6-upload > div {

        min-width: 0

    }

}



/* V6 transfer components: shared stylesheet additions. */

.v6-iht-toolbar {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 14px;

    margin-bottom: 22px

}



    .v6-iht-toolbar .v6-workspace-tabs {

        margin: 0

    }



.v6-iht-counters {

    display: flex;

    gap: 12px

}



    .v6-iht-counters button {

        display: flex;

        align-items: center;

        gap: 7px;

        border: 1px solid #e4efdc;

        background: #fff;

        border-radius: 9px;

        padding: 8px 11px;

        font: 10px "Segoe UI",sans-serif;

        color: #7e996c;

        cursor: pointer

    }



    .v6-iht-counters b {

        font-size: 13px;

        color: #6a8a54;

        font-weight: 600

    }



    .v6-iht-counters i {

        height: 6px;

        width: 6px;

        background: #6cce28;

        border-radius: 50%

    }



    .v6-iht-counters button:last-child i {

        background: #a6cf8a

    }



.v6-iht #iht-caller .v6-panel-head {

    flex-wrap: wrap

}



.v6-requirements {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

    border-top: 1px solid #eef5e9;

    padding-top: 20px;

    margin-top: 20px

}



.v6-check-group {

    padding: 0;

    border: 0;

    margin: 0;

    min-width: 0

}



    .v6-check-group legend {

        font-size: 11px;

        color: #5c7d45;

        font-weight: 600;

        padding: 0;

        margin-bottom: 11px

    }



    .v6-check-group > div {

        display: flex;

        flex-wrap: wrap;

        gap: 8px

    }



.v6-check-option {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    padding: 8px 10px;

    border: 1px solid #e4efdc;

    border-radius: 7px;

    font-size: 10px;

    color: #7d976b;

    background: #fdfffc;

    cursor: pointer

}



.v6-app .v6-check-option input[type=checkbox] {

    width: 13px;

    height: 13px;

    min-height: 0;

    padding: 0;

    margin: 0;

    accent-color: #61be21;

    box-shadow: none

}



.v6-check-option:has(input:checked) {

    border-color: #a5da81;

    background: #f3fcec;

    color: #579f25

}



.v6-facility-grid {

    display: grid;

    grid-template-columns: repeat(2,minmax(0,1fr));

    gap: 18px

}



.v6-facility-card {

    background: #fdfffb;

    border: 1px solid #e8f2e1;

    border-radius: 11px;

    padding: 17px;

    min-width: 0

}



.v6-facility-title {

    display: flex;

    gap: 10px;

    align-items: center;

    margin-bottom: 18px

}



    .v6-facility-title h3 {

        font-size: 13px;

        font-weight: 650;

        margin: 0;

        color: #436829

    }



    .v6-facility-title small {

        font-size: 9px;

        color: #9ab08a

    }



.v6-journey-badge {

    width: 29px;

    height: 29px;

    border-radius: 9px;

    background: #effce6;

    color: #64b929;

    display: grid;

    place-items: center;

    font-size: 11px;

    font-weight: 650

}



.v6-journey-mint {

    background: #eef8e7;

    color: #72a94c

}



.v6-grid-two {

    grid-template-columns: repeat(2,minmax(0,1fr));

    gap: 13px

}



.v6-discharge-switch {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 14px;

    border: 1px solid #e8f2e1;

    border-radius: 10px;

    background: #f8fcf5;

    padding: 13px 16px;

    margin-bottom: 18px

}



    .v6-discharge-switch strong {

        font-size: 11px;

        font-weight: 600

    }



    .v6-discharge-switch p {

        font-size: 10px;

        color: #8aa478;

        margin: 3px 0 0

    }



.v6-switch {

    position: relative;

    display: inline-flex;

    flex-shrink: 0;

    cursor: pointer

}



    .v6-switch input {

        position: absolute;

        opacity: 0

    }



    .v6-switch > span:not(.v6-sr) {

        position: relative;

        width: 35px;

        height: 20px;

        border-radius: 20px;

        background: #dfebd7;

        transition: background .15s

    }



        .v6-switch > span:not(.v6-sr):after {

            content: "";

            position: absolute;

            left: 3px;

            top: 3px;

            width: 14px;

            height: 14px;

            background: #fff;

            border-radius: 50%;

            box-shadow: 0 1px 3px #4b6d3420;

            transition: transform .15s

        }



    .v6-switch input:checked + span {

        background: #6ebb39

    }



        .v6-switch input:checked + span:after {

            transform: translateX(15px)

        }



    .v6-switch input:focus-visible + span {

        outline: 3px solid #70c336;

        outline-offset: 3px

    }



.v6-discharge-fields {

    display: grid;

    gap: 14px;

    margin-top: 14px

}



.v6-handover {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 15px

}



    .v6-handover h2 {

        font-size: 14px;

        margin: 0;

        font-weight: 650

    }



    .v6-handover p {

        font-size: 10px;

        color: #92aa81;

        margin: 4px 0 0

    }



.v6-status-options {

    border: 0;

    display: flex;

    gap: 18px;

    padding: 0;

    margin: 0

}



    .v6-status-options label {

        display: flex;

        align-items: center;

        gap: 6px;

        font-size: 11px;

        color: #6f8e5a

    }



    .v6-status-options input {

        accent-color: #61bc22;

        margin: 0

    }



.v6-iht input[readonly] {

    background: #f5faf2 !important;

    color: #98af88 !important

}



.v6-list-title {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    margin-bottom: 20px

}



    .v6-list-title h2 {

        font-size: 18px;

        margin: 0

    }



    .v6-list-title p {

        color: #8da77b;

        font-size: 11px;

        margin: 4px 0 0

    }



.v6-list-filters {

    display: grid;

    grid-template-columns: 160px 160px minmax(200px,1fr) auto auto;

    gap: 12px;

    align-items: end

}



.v6-list-empty {

    padding: 65px 20px;

    text-align: center;

    border: 1px solid #ebf3e5;

    border-radius: 12px;

    margin-top: 22px;

    background: #fdfffc

}



    .v6-list-empty > .v6-panel-icon {

        margin: auto;

        width: 48px;

        height: 48px;

        border-radius: 50%

    }



    .v6-list-empty h3 {

        font-size: 16px;

        font-weight: 600;

        margin: 15px 0 6px

    }



    .v6-list-empty p {

        font-size: 12px;

        color: #8fa87e

    }



    .v6-list-empty > span:last-child {

        font-size: 10px;

        color: #a0b691

    }



.v6-list-pagination {

    display: flex;

    gap: 12px;

    align-items: center;

    justify-content: flex-end;

    margin-top: 18px;

    font-size: 10px;

    color: #91aa7f

}



    .v6-list-pagination > span {

        margin-right: auto

    }



    .v6-list-pagination label {

        display: flex;

        align-items: center;

        gap: 8px

    }



    .v6-list-pagination select {

        width: 60px !important;

        min-height: 30px !important;

        padding: 5px !important

    }



.v6-iht button:disabled {

    opacity: .45;

    cursor: default

}



.v6-iht .v6-list-pagination .v6-btn {

    font-size: 10px;

    min-height: 30px;

    padding: 7px 10px

}



.v6-app .v6-required {

    color: #be7371

}



.v6-app .v6-status-options input {

    width: 14px;

    height: 14px

}



@media(max-width:1100px) {

    .v6-facility-grid {

        grid-template-columns: 1fr

    }



    .v6-list-filters {

        grid-template-columns: 1fr 1fr auto auto

    }



        .v6-list-filters .v6-field:nth-child(3) {

            grid-column: 1/3;

            grid-row: 2

        }



        .v6-list-filters .v6-btn {

            grid-row: 2

        }



    .v6-iht-toolbar {

        flex-wrap: wrap

    }



    .v6-iht-counters {

        margin-left: auto

    }



    .v6-requirements {

        grid-template-columns: 1fr

    }

}



@media(max-width:600px) {

    .v6-iht #iht-caller .v6-header-duration {

        flex-basis: 100%;

        margin: 0

    }



    .v6-iht-counters {

        margin-left: 0

    }



    .v6-facility-card {

        padding: 14px

    }



    .v6-grid-two {

        grid-template-columns: 1fr

    }



    .v6-handover {

        align-items: flex-start;

        flex-direction: column

    }



    .v6-iht .v6-workspace-tabs button {

        padding: 9px 12px

    }



    .v6-iht .v6-page-heading {

        align-items: flex-start

    }



    .v6-iht h1 {

        font-size: 23px;

        max-width: 260px

    }



    .v6-iht .v6-preview-badge {

        max-width: 100px

    }



    .v6-list-filters {

        grid-template-columns: 1fr 1fr

    }



        .v6-list-filters .v6-btn {

            grid-row: 3

        }



    .v6-list-pagination {

        flex-wrap: wrap

    }



        .v6-list-pagination > span {

            width: 100%

        }



        .v6-list-pagination label {

            margin-right: auto

        }



    .v6-list-empty {

        padding: 40px 12px

    }



    .v6-list-title {

        align-items: flex-start

    }



    .v6-status-options {

        flex-wrap: wrap

    }



    .v6-iht-toolbar {

        gap: 12px

    }



    .v6-iht .v6-savebar small {

        max-width: 150px

    }

}



/* V6 IOD refinements; core panels, fields, destinations and document controls are shared. */

.v6-iod-acronym {

    display: inline-block;

    vertical-align: middle;

    font-size: 10px;

    letter-spacing: 1px;

    font-weight: 600;

    color: #609d36;

    background: #edf7e6;

    border: 1px solid #ddecd3;

    border-radius: 6px;

    padding: 5px 8px;

    margin-left: 8px

}



.v6-iod .v6-list-filters {

    grid-template-columns: minmax(0,1fr) auto auto

}



    .v6-iod .v6-list-filters .v6-field {

        grid-column: auto;

        grid-row: auto

    }



    .v6-iod .v6-list-filters .v6-btn {

        grid-row: auto

    }



@media(max-width:600px) {

    .v6-iod .v6-list-filters {

        grid-template-columns: 1fr 1fr

    }



        .v6-iod .v6-list-filters .v6-field {

            grid-column: 1/-1

        }



        .v6-iod .v6-list-filters .v6-btn {

            grid-row: 2

        }



    .v6-iod h1 {

        font-size: 24px

    }

}



/* V6 login — shared stylesheet, no authenticated application header. */

.v6-login {

    box-sizing: border-box;

    min-height: 100vh;

    padding: 28px;

    background: radial-gradient(ellipse at 90% 5%,#e9f7df,transparent 50%),#f6fbf2;

    display: grid;

    align-items: center

}



.v6-login-shell {

    width: 100%;

    max-width: 1460px;

    min-height: min(780px,calc(100dvh - 56px));

    margin: auto;

    display: grid;

    grid-template-columns: 1.08fr 1fr;

    background: #fff;

    border: 1px solid #e4f0dc;

    border-radius: 24px;

    box-shadow: 0 16px 70px #40682510;

    overflow: hidden

}



.v6-login-story {

    position: relative;

    isolation: isolate;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    padding: 38px 40px;

    min-height: 650px;

    background: linear-gradient(180deg,#f0fde7 0%,#f0fde7 25%,#f4fcef7a 42%,#2e5810c9 100%),url('../img/background.png') center/100% auto no-repeat;

    background-color: #d8f3c5;

    background-size: 100% 100%,100% auto;

    background-position: center,center;

    background-repeat: no-repeat

}



.v6-login-brand {

    width: 224px;

    max-width: 70%;

    height: auto;

    display: block;

    position: relative;

    z-index: 1

}



.v6-login-story-copy {

    position: relative;

    z-index: 1;

    margin-top: 50px

}



.v6-login-story .v6-kicker {

    font-size: 9px;

    letter-spacing: 1.8px;

    color: #518b28

}



.v6-login-story h1 {

    font-size: clamp(33px,3.3vw,49px);

    line-height: 1.13;

    letter-spacing: -1.7px;

    font-weight: 650;

    margin: 15px 0 18px;

    color: #2c5211

}



.v6-login-story-copy p {

    font-size: 13px;

    line-height: 1.8;

    color: #577c3e;

    margin: 0

}



.v6-login-story-bottom {

    position: relative;

    z-index: 2;

    margin-top: auto;

    display: flex;

    align-items: center;

    gap: 13px;

    color: #fff;

    padding-top: 160px

}



.v6-login-ecg {

    display: grid;

    place-items: center;

    width: 42px;

    height: 42px;

    border: 1px solid #ffffff4d;

    background: #f0ffe618;

    border-radius: 12px;

    flex-shrink: 0

}



    .v6-login-ecg svg {

        width: 26px;

        height: 26px;

        color: #dbfac5

    }



.v6-login-story-bottom strong {

    display: block;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .1px

}



.v6-login-story-bottom div > span {

    display: block;

    font-size: 10px;

    color: #e7f6dc;

    margin-top: 4px

}



.v6-login-version {

    margin-left: auto;

    font-size: 10px;

    letter-spacing: 1px;

    color: #ebfbe0;

    border: 1px solid #eaffdc55;

    border-radius: 6px;

    padding: 4px 7px

}



.v6-login-story .v6-login-wave {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 90px;

    z-index: 0

}



.v6-login-form-panel {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 44px 55px 66px;

    min-width: 0

}



.v6-login-form-wrap {

    max-width: 365px;

    width: 100%;

    margin: auto

}



.v6-login-symbol {

    width: 48px;

    height: 48px;

    border: 1px solid #e8f4df;

    border-radius: 15px;

    background: linear-gradient(140deg,#f1fce9,#f2faed);

    display: grid;

    place-items: center;

    color: #5eaf26;

    margin-bottom: 26px

}



    .v6-login-symbol svg {

        width: 24px;

        height: 24px

    }



.v6-login-form-wrap > .v6-kicker {

    font-size: 9px;

    letter-spacing: 1.65px;

    color: #779661

}



.v6-login h2 {

    font-size: 31px;

    letter-spacing: -1px;

    line-height: 1.2;

    font-weight: 650;

    margin: 9px 0

}



.v6-login-intro {

    font-size: 12px;

    color: #92aa82;

    margin: 0 0 29px

}



.v6-login form {

    display: grid;

    gap: 20px

}



.v6-login .v6-field {

    gap: 8px

}



    .v6-login .v6-field > label {

        font-size: 11px;

        color: #5e8046;

        font-weight: 600

    }



.v6-login-input {

    position: relative;

    min-width: 0

}



    .v6-login-input > svg {

        position: absolute;

        top: 14px;

        left: 13px;

        width: 18px;

        height: 18px;

        color: #9db88a;

        pointer-events: none

    }



.v6-app.v6-login .v6-login-input input {

    height: 46px;

    padding: 12px 13px 12px 41px;

    border-radius: 9px;

    background: #fdfffc;

    font-size: 12px

}



.v6-login .v6-login-input input[type=password], .v6-login .v6-login-input input#login-password {

    padding-right: 62px

}



.v6-login-input button {

    position: absolute;

    right: 9px;

    top: 7px;

    border: 0;

    border-radius: 5px;

    background: transparent;

    color: #6ba840;

    font: 600 10px "Segoe UI",Arial,sans-serif;

    padding: 8px;

    cursor: pointer

}



.v6-login-options {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 10px;

    margin-top: -2px

}



.v6-login-remember {

    display: flex;

    align-items: center;

    gap: 7px;

    font-size: 11px;

    color: #86a174;

    cursor: pointer

}



.v6-app.v6-login .v6-login-remember input[type=checkbox] {

    width: 14px;

    height: 14px;

    min-height: 0;

    margin: 0;

    padding: 0;

    box-shadow: none;

    accent-color: #65c025

}



.v6-login-text-button {

    font: 600 11px "Segoe UI",Arial,sans-serif;

    border: 0;

    background: none;

    padding: 3px 0;

    color: #61ac2d;

    cursor: pointer

}



    .v6-login-text-button:hover {

        text-decoration: underline

    }



.v6-login .v6-login-submit {

    width: 100%;

    height: 45px;

    border-radius: 9px;

    font-size: 12px;

    justify-content: center;

    gap: 16px;

    margin-top: 3px

}



.v6-login-submit svg {

    width: 17px;

    height: 17px

}



.v6-login-support {

    border-top: 1px solid #ecf4e7;

    padding-top: 23px;

    margin-top: 25px;

    color: #769362;

    font-size: 10px;

    line-height: 1.8

}



    .v6-login-support > span {

        display: block;

        color: #98ac8a

    }



.v6-login-preview {

    margin-top: 25px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    font-size: 9px;

    color: #a5b798

}



    .v6-login-preview a {

        display: flex;

        align-items: center;

        gap: 5px;

        color: #71ad48;

        white-space: nowrap

    }



        .v6-login-preview a svg {

            height: 13px;

            width: 13px

        }



.v6-login-footer {

    position: absolute;

    left: 25px;

    right: 25px;

    bottom: 23px;

    text-align: center;

    font-size: 8px;

    color: #9fb391;

    line-height: 1.5

}



.v6-login-message {

    font-size: 11px;

    line-height: 1.65;

    margin: 0;

    background: #f5fbf0;

    border: 1px solid #e0f0d5;

    border-radius: 9px;

    color: #618b44;

    padding: 11px 13px

}



.v6-login input:focus-visible, .v6-login button:focus-visible, .v6-login a:focus-visible {

    outline: 3px solid #82cc4f;

    outline-offset: 3px

}



@media(max-height:780px) and (min-width:901px) {

    .v6-login {

        padding: 20px

    }



    .v6-login-shell {

        min-height: calc(100dvh - 40px)

    }



    .v6-login-story {

        min-height: 610px;

        padding: 30px 34px

    }



    .v6-login-story-copy {

        margin-top: 34px

    }



    .v6-login-form-panel {

        padding: 30px 46px 52px

    }



    .v6-login-symbol {

        margin-bottom: 19px;

        width: 42px;

        height: 42px

    }



    .v6-login-intro {

        margin-bottom: 23px

    }



    .v6-login form {

        gap: 17px

    }



    .v6-login-support {

        margin-top: 20px;

        padding-top: 19px

    }



    .v6-login-preview {

        margin-top: 18px

    }

}



@media(max-width:1050px) {

    .v6-login {

        padding: 20px

    }



    .v6-login-shell {

        grid-template-columns: 1fr 1fr

    }



    .v6-login-story {

        padding: 32px 28px

    }



    .v6-login-form-panel {

        padding: 35px 30px 65px

    }



    .v6-login-story h1 {

        font-size: 36px

    }



    .v6-login-story-copy p {

        font-size: 12px

    }



    .v6-login-story-bottom {

        gap: 9px

    }



        .v6-login-story-bottom strong {

            font-size: 11px

        }



        .v6-login-story-bottom div > span {

            font-size: 9px

        }



    .v6-login-version {

        display: none

    }



    .v6-login-preview {

        font-size: 8px

    }

}



@media(max-width:760px) {

    .v6-login {

        padding: 15px;

        align-items: start

    }



    .v6-login-shell {

        grid-template-columns: minmax(0,1fr);

        border-radius: 19px;

        max-width: 520px;

        min-height: 0

    }



    .v6-login-story {

        min-height: 0;

        padding: 25px 28px 29px;

        background-size: 100% 100%,100% auto;

        background-position: center,center

    }



    .v6-login-brand {

        width: 175px

    }



    .v6-login-story-copy {

        margin-top: 24px

    }



    .v6-login-story .v6-kicker {

        font-size: 8px;

        letter-spacing: 1.2px

    }



    .v6-login-story h1 {

        font-size: 30px;

        letter-spacing: -1px;

        margin: 9px 0 10px

    }



    .v6-login-story-copy p {

        font-size: 11px;

        line-height: 1.6

    }



    .v6-login-story-bottom {

        display: none

    }



    .v6-login-story .v6-login-wave {

        height: 35px

    }



    .v6-login-form-panel {

        padding: 29px 28px 58px

    }



    .v6-login-symbol {

        display: none

    }



    .v6-login h2 {

        font-size: 27px

    }



    .v6-login-intro {

        margin-bottom: 24px

    }



    .v6-login form {

        gap: 18px

    }



    .v6-login-form-wrap {

        max-width: none

    }



    .v6-login-footer {

        font-size: 7px;

        bottom: 18px

    }



    .v6-login-preview {

        margin-top: 21px;

        font-size: 8px

    }

}



@media(max-width:380px) {

    .v6-login {

        padding: 10px

    }



    .v6-login-story {

        padding: 22px

    }



    .v6-login-form-panel {

        padding: 27px 22px 56px

    }



    .v6-login-preview {

        align-items: flex-start;

        gap: 8px

    }



        .v6-login-preview > span {

            max-width: 155px

        }

}



/* V6 same-page sign-in / Microsoft Authenticator step. */

.v6-auth-steps {

    list-style: none;

    display: flex;

    align-items: center;

    gap: 12px;

    margin: 0 0 24px;

    padding: 0;

    font-size: 10px;

    color: #a0b591

}



    .v6-auth-steps li:not(.v6-auth-step-line) {

        display: flex;

        align-items: center;

        gap: 7px;

        white-space: nowrap

    }



    .v6-auth-steps li > span {

        width: 21px;

        height: 21px;

        border: 1px solid #e4efdc;

        border-radius: 50%;

        display: grid;

        place-items: center;

        font-size: 9px;

        background: #fbfdf9

    }



    .v6-auth-steps li[aria-current=step] {

        color: #59a325;

        font-weight: 600

    }



        .v6-auth-steps li[aria-current=step] > span {

            border-color: #cfebbc;

            background: #f0fbe9;

            color: #59a325

        }



    .v6-auth-steps li.is-complete {

        color: #809e6c

    }



        .v6-auth-steps li.is-complete > span {

            background: #f0f8ea;

            color: #689f42;

            border-color: #ddebd3

        }



.v6-auth-step-line {

    height: 1px;

    background: #e6f0df;

    flex: 1

}



.v6-auth-divider {

    position: relative;

    text-align: center;

    font-size: 10px;

    color: #a6b79a;

    margin: 19px 0

}



    .v6-auth-divider:before {

        content: "";

        height: 1px;

        background: #ebf3e6;

        position: absolute;

        left: 0;

        right: 0;

        top: 50%

    }



    .v6-auth-divider span {

        position: relative;

        padding: 0 13px;

        background: #fff

    }



.v6-microsoft-signin {

    height: 43px;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 11px;

    width: 100%;

    border: 1px solid #e1ecd9;

    background: #fff;

    border-radius: 9px;

    font: 500 12px "Segoe UI",Arial,sans-serif;

    color: #5a7845;

    cursor: pointer

}



    .v6-microsoft-signin:hover {

        background: #fafef8

    }



    .v6-microsoft-signin svg {

        width: 18px;

        height: 18px

    }



.v6-auth-field-error {

    font-size: 10px;

    color: #ba5e59;

    line-height: 1.5

}



.v6-login input[aria-invalid=true] {

    border-color: #d99792;

    background: #fffafa

}



.v6-mfa-account {

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 13px 14px;

    border: 1px solid #e8f1e1;

    border-radius: 10px;

    background: #f8fcf5;

    margin: 0 0 24px;

    min-width: 0

}



    .v6-mfa-account > svg {

        color: #7cb555;

        width: 23px;

        height: 23px

    }



    .v6-mfa-account > div {

        min-width: 0;

        flex: 1

    }



    .v6-mfa-account strong {

        font-size: 11px;

        font-weight: 600;

        color: #618449;

        display: block;

        overflow-wrap: anywhere

    }



    .v6-mfa-account div > span {

        font-size: 9px;

        color: #98ab8a;

        display: block;

        margin-top: 3px

    }



.v6-mfa-account-check {

    width: 22px;

    height: 22px;

    border-radius: 50%;

    background: #ebf5e4;

    color: #73a451;

    display: grid;

    place-items: center

}



    .v6-mfa-account-check svg {

        width: 13px;

        height: 13px

    }



.v6-login.v6-app #mfa-code {

    height: 59px;

    padding: 12px 10px;

    font: 500 25px/1.2 "Segoe UI",Arial,sans-serif;

    letter-spacing: 12px;

    text-align: center;

    border-radius: 9px;

    background: #fdfffc

}



.v6-login #mfa-code::placeholder {

    color: #c3d5b7;

    opacity: 1

}



.v6-login #mfa-code-help {

    font-size: 10px;

    color: #99ad8b;

    line-height: 1.5

}



.v6-mfa-help {

    display: flex;

    gap: 9px;

    border-top: 1px solid #ebf3e5;

    margin: 22px 0 0;

    padding-top: 17px;

    color: #99af89;

    align-items: flex-start

}



    .v6-mfa-help > span {

        margin-top: 1px;

        color: #a0bb8d

    }



    .v6-mfa-help svg {

        width: 15px;

        height: 15px

    }



    .v6-mfa-help p {

        margin: 0;

        font-size: 10px;

        line-height: 1.7

    }



.v6-mfa-actions {

    display: flex;

    justify-content: space-between;

    gap: 15px;

    margin-top: 22px

}



    .v6-mfa-actions button {

        font-size: 10px

    }



.v6-auth-preview-label {

    margin-top: 26px;

    text-align: center;

    font-size: 8px;

    color: #a7b99a

}



.v6-login.is-mfa .v6-login-intro {

    line-height: 1.75;

    max-width: 340px;

    margin-bottom: 21px

}



.v6-login.is-mfa #mfa-recovery-note {

    margin: 14px 0 0

}



.v6-login .v6-login-support {

    margin-top: 20px;

    padding-top: 17px

}



.v6-login .v6-login-preview {

    margin-top: 18px

}



.v6-login-form-panel:has(#login-microsoft-option:not([hidden])) {

    padding-top: 33px

}



.v6-login:not(.is-mfa) .v6-login-symbol {

    margin-bottom: 17px

}



.v6-login:not(.is-mfa) .v6-login-intro {

    margin-bottom: 20px

}



.v6-login:not(.is-mfa) form {

    gap: 16px

}



.v6-login .v6-login-submit:disabled {

    opacity: .55;

    cursor: wait

}



@media(max-height:780px) and (min-width:901px) {

    .v6-login:not(.is-mfa) .v6-login-symbol {

        display: none

    }



    .v6-login .v6-auth-steps {

        margin-bottom: 19px

    }



    .v6-login.is-mfa .v6-login-symbol {

        width: 38px;

        height: 38px;

        margin-bottom: 17px

    }



    .v6-login.is-mfa .v6-mfa-account {

        margin-bottom: 20px

    }



    .v6-login.is-mfa .v6-auth-preview-label {

        margin-top: 19px

    }



    .v6-login:not(.is-mfa) .v6-login-support {

        padding-top: 12px;

        margin-top: 15px

    }



    .v6-login:not(.is-mfa) .v6-login-preview {

        margin-top: 14px

    }



    .v6-login .v6-login-form-panel {

        padding-top: 26px

    }

}



@media(max-width:760px) {

    .v6-login .v6-auth-steps {

        margin-bottom: 23px

    }



    .v6-login.is-mfa .v6-login-symbol {

        display: none

    }



    .v6-login.v6-app #mfa-code {

        letter-spacing: 11px

    }



    .v6-login.is-mfa .v6-login-form-panel {

        padding-bottom: 53px

    }



    .v6-mfa-account {

        margin-bottom: 21px

    }



    .v6-mfa-actions {

        gap: 8px

    }



    .v6-auth-preview-label {

        margin-top: 22px

    }

}



.v6-login #login-heading:focus {

    outline: none

}



/* V6 first-time MFA enrollment: email-link notice and app setup. */

.v6-enrollment-setup .v6-login-shell {

    grid-template-columns: .84fr 1.16fr

}



.v6-enrollment-setup .v6-login-form-panel {

    padding: 31px 38px 59px

}



.v6-enrollment-setup .v6-login-form-wrap {

    max-width: 520px

}



.v6-enrollment-setup h2 {

    font-size: 27px;

    letter-spacing: -.8px;

    margin: 8px 0

}



.v6-enrollment-setup .v6-login-story h1 {

    font-size: clamp(30px,2.8vw,42px)

}



.v6-enroll-intro {

    font-size: 12px;

    line-height: 1.75;

    color: #8aa578;

    margin: 8px 0 22px

}



.v6-enrollment-steps {

    display: grid;

    gap: 19px

}



.v6-enrollment-step {

    display: grid;

    grid-template-columns: 26px minmax(0,1fr);

    gap: 11px;

    min-width: 0

}



.v6-enrollment-number {

    width: 24px;

    height: 24px;

    border: 1px solid #dcefcf;

    border-radius: 50%;

    display: grid;

    place-items: center;

    background: #f1fbea;

    color: #63ac31;

    font-size: 10px;

    font-weight: 650;

    margin-top: 1px

}



.v6-enrollment-step h3 {

    font-size: 13px;

    font-weight: 650;

    letter-spacing: -.15px;

    color: #496f2e;

    margin: 2px 0 5px

}



.v6-enrollment-step p {

    font-size: 10px;

    line-height: 1.75;

    color: #8ca57a;

    margin: 4px 0 10px

}



.v6-enroll-download {

    display: flex;

    align-items: center;

    gap: 10px;

    border: 1px solid #e6f1de;

    background: #f8fdf5;

    border-radius: 8px;

    padding: 10px 12px;

    color: #5e913a !important;

    max-width: 340px

}



    .v6-enroll-download > svg {

        width: 23px;

        height: 23px;

        color: #76b64a

    }



    .v6-enroll-download > span:first-of-type {

        font-size: 10px;

        font-weight: 600

    }



    .v6-enroll-download small {

        display: block;

        font-size: 8px;

        color: #a2b594;

        font-weight: 400;

        margin-top: 3px

    }



    .v6-enroll-download > span:last-child {

        margin-left: auto;

        font-size: 16px;

        color: #96b67f

    }



.v6-enroll-scan {

    display: grid;

    grid-template-columns: minmax(0,1fr) 132px;

    gap: 19px;

    align-items: start

}



    .v6-enroll-scan strong {

        font-weight: 600;

        color: #6c8e54

    }



.v6-enroll-qr {

    min-height: 145px;

    border: 1px dashed #cee3bf;

    border-radius: 10px;

    background: #f9fdf7;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 12px;

    color: #9bba85

}



    .v6-enroll-qr > svg {

        width: 54px;

        height: 54px;

        opacity: .6

    }



    .v6-enroll-qr > strong {

        font-size: 9px;

        color: #85a56e;

        font-weight: 500;

        margin-top: 9px

    }



    .v6-enroll-qr > span {

        font-size: 8px;

        color: #afc1a2;

        line-height: 1.6;

        margin-top: 4px

    }



.v6-manual-setup summary {

    font-size: 9px;

    cursor: pointer;

    color: #64a934;

    margin-top: 9px

}



.v6-manual-setup p {

    padding: 9px;

    background: #f6fbf2;

    border-radius: 7px;

    font-size: 9px

}



.v6-enroll-code-row {

    display: grid;

    grid-template-columns: minmax(0,1fr) auto;

    gap: 10px;

    align-items: center

}



.v6-app.v6-login #setup-code {

    height: 43px;

    border-radius: 8px;

    text-align: center;

    font: 500 21px "Segoe UI",Arial,sans-serif;

    letter-spacing: 8px;

    padding: 9px 8px;

    background: #fdfffc;

    min-width: 0

}



.v6-enroll-code-row .v6-btn {

    height: 43px;

    font-size: 10px;

    padding: 9px 12px

}



.v6-enrollment-setup #setup-code-error {

    display: block;

    margin-top: 6px

}



.v6-enrollment-setup #setup-code-message {

    font-size: 10px;

    margin-top: 9px

}



.v6-enroll-bottom {

    border-top: 1px solid #ecf3e7;

    margin-top: 22px;

    padding-top: 16px;

    display: flex;

    gap: 15px;

    justify-content: space-between;

    font-size: 9px;

    color: #6aa541

}



.v6-enrollment-setup .v6-auth-preview-label {

    margin-top: 17px

}



.v6-enrollment-notice .v6-email-symbol {

    background: #f1fbea

}



.v6-enrollment-notice .v6-enroll-intro {

    margin-bottom: 22px

}



.v6-enroll-notice {

    display: flex;

    gap: 12px;

    align-items: flex-start;

    border: 1px solid #e4f1db;

    border-radius: 11px;

    background: #f5fbf0;

    padding: 16px;

    margin-bottom: 20px

}



    .v6-enroll-notice > svg {

        color: #77b64c;

        width: 23px;

        height: 23px;

        margin-top: 1px

    }



    .v6-enroll-notice strong {

        font-size: 12px;

        color: #5c863e;

        font-weight: 600

    }



    .v6-enroll-notice p {

        font-size: 11px;

        color: #8ea87c;

        line-height: 1.75;

        margin: 5px 0 0

    }



.v6-enroll-explain {

    font-size: 12px;

    color: #8fa87e;

    line-height: 1.8;

    margin: 0 0 20px

}



    .v6-enroll-explain strong {

        font-weight: 600;

        color: #6d9055

    }



.v6-enroll-mini-flow {

    display: flex;

    gap: 9px;

    justify-content: space-between;

    font-size: 9px;

    color: #769e5a;

    margin: 0 0 24px;

    white-space: nowrap

}



    .v6-enroll-mini-flow > span:nth-child(even) {

        color: #b8cbab

    }



.v6-enroll-small-note {

    font-size: 10px;

    color: #9ab18a;

    line-height: 1.8;

    margin: 17px 0 20px

}



.v6-enroll-back {

    color: #66a838 !important;

    font-size: 10px

}



.v6-email-preview {

    margin-top: 23px;

    border-top: 1px solid #ebf3e6;

    padding-top: 15px

}



    .v6-email-preview summary {

        cursor: pointer;

        font-size: 10px;

        color: #84aa6a

    }



.v6-preview-mail {

    margin-top: 12px;

    padding: 17px;

    border: 1px solid #e6f1de;

    border-radius: 10px;

    background: #fbfef9

}



    .v6-preview-mail > span {

        font-size: 8px;

        letter-spacing: 1px;

        color: #a2b794

    }



    .v6-preview-mail h3 {

        font-size: 14px;

        line-height: 1.5;

        margin: 10px 0;

        font-weight: 600

    }



    .v6-preview-mail p {

        font-size: 10px;

        color: #8fa97d;

        line-height: 1.8

    }



    .v6-preview-mail .v6-btn {

        margin: 5px 0

    }



.v6-enrollment-notice #enroll-notice-message {

    margin-top: 12px

}



.v6-enrollment-notice .v6-auth-preview-label {

    margin-top: 18px

}



.v6-enrollment-notice .v6-login-story h1 {

    font-size: clamp(30px,2.8vw,42px)

}



@media(max-height:780px) and (min-width:901px) {

    .v6-enrollment-setup .v6-login-form-panel {

        padding-top: 24px;

        padding-bottom: 50px

    }



    .v6-enrollment-setup .v6-enroll-intro {

        margin-bottom: 17px

    }



    .v6-enrollment-steps {

        gap: 15px

    }



    .v6-enroll-qr {

        min-height: 133px

    }



    .v6-enroll-bottom {

        margin-top: 16px;

        padding-top: 13px

    }



    .v6-enrollment-setup .v6-auth-preview-label {

        margin-top: 12px

    }



    .v6-enrollment-notice .v6-login-symbol {

        margin-bottom: 18px

    }



    .v6-enrollment-notice .v6-enroll-intro {

        margin-bottom: 18px

    }

}



@media(max-width:1050px) {

    .v6-enrollment-setup .v6-login-story {

        padding: 30px 24px

    }



    .v6-enrollment-setup .v6-login-form-panel {

        padding-left: 26px;

        padding-right: 26px

    }



    .v6-enroll-scan {

        grid-template-columns: minmax(0,1fr) 116px;

        gap: 12px

    }



    .v6-enroll-qr {

        padding: 10px;

        min-height: 135px

    }



    .v6-enrollment-setup .v6-login-story h1 {

        font-size: 33px

    }

}



@media(max-width:760px) {

    .v6-enrollment-setup .v6-login-shell {

        grid-template-columns: minmax(0,1fr)

    }



    .v6-enrollment-setup .v6-login-form-panel {

        padding: 28px 25px 55px

    }



    .v6-enrollment-notice .v6-login-symbol {

        display: grid;

        width: 42px;

        height: 42px;

        margin-bottom: 20px

    }



    .v6-enrollment-setup .v6-login-story h1 {

        font-size: 30px

    }



    .v6-enrollment-setup h2 {

        font-size: 26px

    }



    .v6-enrollment-steps {

        gap: 22px

    }



    .v6-enroll-scan {

        grid-template-columns: minmax(0,1fr) 113px

    }



    .v6-enroll-code-row {

        grid-template-columns: minmax(0,1fr)

    }



        .v6-enroll-code-row .v6-btn {

            width: 100%

        }



    .v6-enroll-bottom {

        flex-wrap: wrap;

        font-size: 9px

    }



    .v6-enroll-mini-flow {

        font-size: 8px;

        gap: 5px

    }



    .v6-enrollment-notice .v6-login-story h1 {

        font-size: 30px

    }

}



@media(max-width:380px) {

    .v6-enrollment-step {

        grid-template-columns: 22px minmax(0,1fr);

        gap: 8px

    }



    .v6-enroll-scan {

        grid-template-columns: 1fr

    }



    .v6-enroll-qr {

        max-width: 150px;

        min-height: 150px

    }



    .v6-enrollment-setup .v6-login-form-panel {

        padding-left: 20px;

        padding-right: 20px

    }

}





/* Shared V6 busy indicator. */

.v6-busy-overlay {

    position: fixed;

    inset: 0;

    z-index: 1000;

    display: grid;

    place-items: center;

    padding: 24px;

    background: rgba(233,245,249,.7);

    backdrop-filter: blur(7px)

}



    .v6-busy-overlay[hidden] {

        display: none

    }



.v6-busy-card {

    width: min(100%,330px);

    box-sizing: border-box;

    text-align: center;

    background: #fff;

    border: 1px solid #e7f2e0;

    border-radius: 24px;

    padding: 35px 28px 29px;

    box-shadow: 0 24px 80px #32571920;

    font-family: "Segoe UI",sans-serif;

    color: #2d4c17

}



.v6-busy-orbit {

    position: relative;

    width: 76px;

    height: 76px;

    margin: 0 auto 23px;

    display: grid;

    place-items: center;

    background: #f5fbf0;

    border-radius: 50%

}



    .v6-busy-orbit:before {

        content: "";

        position: absolute;

        inset: 0;

        border: 3px solid #e8f3e1;

        border-top-color: #63cd19;

        border-right-color: #8aca67;

        border-radius: 50%;

        animation: v6-busy-spin 1.3s linear infinite

    }



    .v6-busy-orbit svg {

        width: 37px;

        height: 37px;

        color: #60bc20

    }



.v6-busy-card h2 {

    margin: 0 0 9px;

    font-size: 20px;

    font-weight: 600;

    letter-spacing: -.4px

}



.v6-busy-card p {

    margin: 0;

    color: #899f7a;

    font-size: 12px;

    line-height: 1.7

}



.v6-busy-dots {

    display: flex;

    justify-content: center;

    gap: 5px;

    margin-top: 22px

}



    .v6-busy-dots i {

        width: 5px;

        height: 5px;

        background: #70c734;

        border-radius: 50%;

        animation: v6-busy-pulse 1.2s ease-in-out infinite

    }



        .v6-busy-dots i:nth-child(2) {

            animation-delay: .15s;

            background: #8ccb61

        }



        .v6-busy-dots i:nth-child(3) {

            animation-delay: .3s;

            background: #98cd77

        }



@keyframes v6-busy-spin {

    to {

        transform: rotate(360deg)

    }

}



@keyframes v6-busy-pulse {

    50% {

        opacity: .3;

        transform: translateY(-3px)

    }

}



@media(prefers-reduced-motion:reduce) {

    .v6-busy-orbit:before, .v6-busy-dots i {

        animation: none

    }

}





/* Emergency inline validation. */

.v6-app .v6-field-error {

    display: block;

    margin-top: 6px;

    color: #b44949;

    font-size: 12px;

    line-height: 1.5

}



.v6-app [aria-invalid=true] {

    border-color: #d48686 !important;

    background: #fffafa !important

}



.v6-validation-summary {

    border: 1px solid #edcece;

    background: #fff8f7;

    border-radius: 12px;

    padding: 16px 20px;

    margin-bottom: 18px;

    color: #963e3e;

    font-size: 13px

}



    .v6-validation-summary[hidden] {

        display: none

    }



    .v6-validation-summary strong {

        display: block;

        margin-bottom: 5px

    }



    .v6-validation-summary p {

        margin: 0;

        line-height: 1.6

    }









/* V6 Index: responsive Apache ECharts containers. */

.so-echart {

    height: 216px;

    width: 100%;

    min-width: 0

}



    .so-echart[hidden] {

        display: none

    }



.so-dashboard .so-echart svg {

    width: 100% !important;

    height: 100% !important

}



.so-load-state {

    padding: 14px 18px;

    border: 1px solid #e4f0db;

    border-radius: 12px;

    background: #fff;

    color: #688752;

    font-size: 12px

}



    .so-load-state[hidden] {

        display: none

    }



.so-lower > .so-card {

    min-width: 0

}



.so-lower {

    grid-template-columns: 1.4fr 1fr 1.15fr

}



.so-sr {

    white-space: nowrap

}



.so-chart-note {

    line-height: 1.6

}



@media(max-width:1100px) {

    .so-lower {

        grid-template-columns: 1.4fr 1fr

    }



    .so-types {

        grid-column: 1/-1

    }

}



@media(max-width:700px) {

    .so-lower {

        grid-template-columns: minmax(0,1fr)

    }



    .so-echart {

        height: 240px

    }

}





/* V6 incident service selection. */

.v6-service-emergency {

    --accent: #61c51b;

    --wash: #f0fbe9

}



.v6-service-iht {

    --accent: #90c36d;

    --wash: #f5fcf0

}



.v6-service-iod {

    --accent: #66a938;

    --wash: #f1f9eb

}



.v6-service-security {

    --accent: #73b843;

    --wash: #f4fcee

}



.v6-service-fire {

    --accent: #c58a37;

    --wash: #fff7e9

}



.v6-service-event {

    --accent: #77ba49;

    --wash: #f3fced

}



.v6-breadcrumb a {

    color: inherit;

    text-decoration: none

}



    .v6-breadcrumb a:hover {

        text-decoration: underline

    }



.v6-breadcrumb [aria-current=page] {

    margin: 0;

    color: inherit

}



.v6-service:focus-visible {

    outline: 3px solid #63c122;

    outline-offset: 4px

}







/* Unified V6 incident forms. */

.v6-priority legend em.v6-required {

    font-style: normal

}



.v6-dispatch-preview {

    display: flex;

    align-items: center;

    gap: 12px;

    flex-wrap: wrap;

    border-top: 1px solid #eaf2e5;

    padding-top: 18px;

    margin-top: 20px

}



.v6-unified-incident #patient-fields .v6-form-grid {

    margin: 0

}



.v6-field-error {

    display: block;

    color: #b44949;

    font-size: 12px;

    line-height: 1.5;

    margin-top: 6px

}



.v6-validation-summary {

    border: 1px solid #edcece;

    background: #fff8f7;

    border-radius: 12px;

    padding: 16px 20px;

    margin-bottom: 18px;

    color: #963e3e;

    font-size: 13px

}



    .v6-validation-summary[hidden] {

        display: none

    }



    .v6-validation-summary strong {

        display: block;

        margin-bottom: 5px

    }



    .v6-validation-summary p {

        margin: 0;

        line-height: 1.6

    }



.v6-app [aria-invalid=true] {

    border-color: #d48686 !important;

    background: #fffafa !important

}



.v6-unified-incident .v6-header-duration {

    margin-left: auto

}



.v6-unified-incident .v6-form-sidebar {

    max-height: calc(100vh - 35px);

    overflow-y: auto

}



.v6-app .v6-savebar button:disabled {

    opacity: .6;

    cursor: wait

}



@media(max-width:700px) {

    .v6-unified-incident .v6-panel-head {

        flex-wrap: wrap

    }



    .v6-unified-incident .v6-header-duration {

        margin-left: 0;

        width: 100%

    }

}



/* V6 persistent workspace menu. */

:root {

    --v6-header-height: 110px

}



html {

    scroll-padding-top: calc(var(--v6-header-height) + 16px)

}



.preview-header {

    position: sticky;

    top: 0;

    z-index: 100;

    background: #fff;

    box-shadow: 0 3px 14px #30541708

}



.v6-app .v6-panel {

    scroll-margin-top: 0

}



@media(min-width:761px) {

    .v6-app .v6-form-sidebar {

        top: calc(var(--v6-header-height) + 20px);

        max-height: calc(100dvh - var(--v6-header-height) - 40px);

        overflow-y: auto;

        overscroll-behavior: contain

    }

}



@media print {

    .preview-header {

        position: static;

        box-shadow: none

    }

}





/* V6 alert workspace */

.va {

    color: #2f5217

}



    .va h1 {

        font-size: 29px;

        margin: 8px 0

    }



    .va h2 {

        font-size: 17px;

        margin: 0

    }



    .va p, .va small {

        color: #768d66

    }



.va-heading, .va-actions {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px

}



.va button {

    font: inherit;

    font-size: 12px;

    border: 1px solid #e1eed8;

    border-radius: 9px;

    padding: 10px 13px;

    background: white;

    color: #416b24;

    cursor: pointer

}



    .va button:hover {

        background: #f3faee

    }



    .va button:focus-visible, .va input:focus-visible, .va select:focus-visible {

        outline: 3px solid #73ca36;

        outline-offset: 2px

    }



.va .va-primary {

    background: #62c020;

    color: white;

    border-color: #62c020

}



.va-notice {

    font-size: 11px;

    color: #708860;

    margin: 15px 0

}



.va-stats {

    display: grid;

    grid-template-columns: repeat(4,1fr);

    gap: 14px;

    margin-bottom: 22px

}



    .va-stats article, .va-card {

        background: white;

        border: 1px solid #e7f0e0;

        border-radius: 17px;

        box-shadow: 0 4px 16px #31571703

    }



    .va-stats article {

        padding: 20px

    }



    .va-stats span, .va-stats small {

        display: block;

        font-size: 11px

    }



    .va-stats strong {

        display: block;

        font-size: 30px;

        margin: 9px 0

    }



    .va-stats article:first-child {

        border-top: 3px solid #66c623

    }



.va-layout {

    display: grid;

    grid-template-columns: minmax(0,1fr) 320px;

    gap: 20px

}



.va-card {

    min-width: 0;

    overflow: hidden

}



.va-tabs {

    display: flex;

    gap: 4px;

    flex-wrap: wrap;

    padding: 16px;

    border-bottom: 1px solid #f0f4ed

}



    .va-tabs button {

        border: 0;

        background: transparent;

        padding: 9px

    }



    .va-tabs [aria-pressed=true] {

        background: #eefbe5;

        color: #409108;

        font-weight: 700

    }



.va-filters {

    display: flex;

    align-items: end;

    flex-wrap: wrap;

    gap: 12px;

    padding: 18px

}



.va label {

    display: flex;

    flex-direction: column;

    gap: 7px;

    font-size: 12px

}



.va input:not([type=checkbox]), .va select, .va textarea {

    font: inherit;

    box-sizing: border-box;

    min-width: 0;

    width: 100%;

    border: 1px solid #deebd5;

    border-radius: 8px;

    background: #fcfefb;

    color: #2f5217;

    padding: 10px

}



.va .va-check {

    flex-direction: row;

    align-items: center;

    padding-bottom: 10px

}



.va-search {

    flex: 1;

    min-width: 150px

}



.va-table-heading {

    display: flex;

    justify-content: space-between;

    padding: 10px 18px 18px;

    font-size: 12px

}



.va-scroll {

    overflow: auto

}



.va table {

    border-collapse: collapse;

    width: 100%;

    font-size: 12px;

    text-align: left

}



.va th {

    background: #f7fbf4;

    color: #718960;

    font-size: 10px;

    font-weight: 600;

    white-space: nowrap

}



.va td, .va th {

    padding: 14px 16px;

    border-bottom: 1px solid #f1f5ee

}



    .va td small {

        display: block;

        margin-top: 5px

    }



    .va td button {

        white-space: nowrap

    }



.va tr.is-selected {

    background: #f5fcf0

}



.va-status, .va-error {

    font-size: 12px;

    padding: 0 18px

}



.va .va-error {

    color: #b13940

}



.va-detail {

    padding: 20px;

    align-self: start

}



.va-empty {

    text-align: center;

    padding: 65px 15px;

    line-height: 2;

    color: #738b62

}



.va-badge {

    display: inline-block;

    border-radius: 20px;

    background: #f0f8ea;

    color: #4e802c;

    padding: 5px 9px;

    font-size: 10px

}



    .va-badge.open {

        background: #fff1ef;

        color: #b24f48

    }



.va-location {

    margin: 20px 0;

    background: #f2f9ed;

    border: 1px dashed #c8e0b8;

    border-radius: 12px;

    padding: 22px;

    line-height: 1.8

}



.va dl {

    font-size: 12px

}



.va dt {

    color: #798e6b;

    margin-top: 14px

}



.va dd {

    margin: 5px 0

}



.va-detail .va-actions {

    flex-wrap: wrap;

    margin-top: 20px

}



.va dialog {

    border: 1px solid #e3eddc;

    border-radius: 20px;

    padding: 24px;

    width: min(720px,90vw);

    max-height: 85vh;

    color: #2f5217

}



    .va dialog::backdrop {

        background: #284b1066;

        backdrop-filter: blur(3px)

    }



    .va dialog form {

        display: grid;

        gap: 15px;

        margin-top: 20px

    }



.va-profile-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px

}



    .va-profile-grid label {

        min-width: 0

    }



.va-profile-tabs {

    margin-top: 16px

}



.va-profile-image {

    max-width: 180px;

    max-height: 180px

}



.va [hidden] {

    display: none !important

}



@media(max-width:1100px) {

    .va-layout {

        grid-template-columns: 1fr

    }



    .va-detail {

        min-height: 140px

    }

}



@media(max-width:600px) {

    .va-stats {

        grid-template-columns: 1fr 1fr

    }



    .va-heading {

        flex-wrap: wrap

    }



    .va-profile-grid {

        grid-template-columns: 1fr

    }



    .va-filters > label {

        flex: 1 1 140px

    }

}



/* V6 Dispatch workspace */

.vd {

    font: 13px/1.5 "Segoe UI",Arial,sans-serif;

    color: #2d4f16;

    background: #f6fbf2;

    padding: 22px 24px;

    min-height: calc(100vh - var(--v6-header-height))

}



    .vd * {

        box-sizing: border-box

    }



    .vd h1 {

        font-size: 25px;

        letter-spacing: -.6px;

        margin: 5px 0

    }



    .vd h2 {

        font-size: 15px;

        margin: 0

    }



    .vd h3 {

        font-size: 12px;

        margin: 0

    }



    .vd p {

        color: #7b926b;

        font-size: 12px

    }



.vd-eyebrow {

    font-size: 9px;

    letter-spacing: 1.7px;

    font-weight: 700;

    color: #5b8e38

}



.vd-title, .vd-tools, .vd-panel-title, .vd-map-tools, .vd-group {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 10px

}



.vd-tools {

    flex-wrap: wrap

}



.vd button {

    font: inherit;

    font-size: 11px;

    cursor: pointer;

    background: white;

    color: #4c8226;

    border: 1px solid #e0edd7;

    border-radius: 8px;

    padding: 8px 11px

}



    .vd button:hover {

        background: #effae8

    }



    .vd button:focus-visible, .vd input:focus-visible, .vd select:focus-visible {

        outline: 3px solid #66c624;

        outline-offset: 2px

    }



    .vd button:disabled {

        opacity: .55;

        cursor: wait

    }



.vd-demo {

    font-size: 10px;

    color: #829774

}



.vd-summary {

    display: flex;

    align-items: center;

    gap: 24px;

    flex-wrap: wrap;

    padding: 15px 0 19px;

    font-size: 11px

}



    .vd-summary > span {

        display: flex;

        align-items: center;

        gap: 7px

    }



    .vd-summary b {

        font-size: 15px

    }



    .vd-summary small {

        margin-left: auto;

        color: #869b78

    }



.vd-dot {

    display: inline-block;

    width: 7px;

    height: 7px;

    border-radius: 50%;

    background: #64b52b

}



    .vd-dot.red {

        background: #e27674

    }



    .vd-dot.amber {

        background: #dca44f

    }



    .vd-dot.blue {

        background: #a2d181

    }



.vd-board {

    display: grid;

    grid-template-columns: 245px minmax(300px,1fr) 260px;

    gap: 14px;

    align-items: start

}



.vd-panel, .vd-map-panel {

    border: 1px solid #e4efdc;

    border-radius: 15px;

    overflow: hidden;

    background: #fff;

    min-width: 0

}



.vd-panel {

    max-height: calc(100dvh - var(--v6-header-height) - 136px);

    overflow: auto;

    scrollbar-width: thin

}



.vd-panel-title {

    padding: 17px 15px;

    border-bottom: 1px solid #f0f5ed

}



.vd .vd-text {

    border: 0;

    background: none;

    padding: 0

}



.vd-label {

    display: block;

    font-size: 10px;

    color: #819672;

    margin: 12px 14px

}



.vd input, .vd select {

    display: block;

    width: 100%;

    font: inherit;

    color: #496c31;

    border: 1px solid #e3ecdc;

    background: #fdfefc;

    border-radius: 7px;

    padding: 9px;

    margin-top: 5px

}



.vd-group {

    padding: 12px 14px;

    background: #fef3f1;

    color: #ac605d;

    border-top: 1px solid #f0e6e4;

    border-bottom: 1px solid #f0e6e4

}



    .vd-group.amber {

        background: #fff8eb;

        color: #a78341;

        border-color: #f1eadc

    }



    .vd-group.blue {

        background: #f5fbf1;

        color: #7fa465;

        border-color: #edf6e7

    }



    .vd-group.teal {

        background: #f3f9ee;

        color: #5f8f3d;

        border-color: #e7f0e1

    }



.vd-incident {

    display: block !important;

    width: 100%;

    text-align: left;

    border: 0 !important;

    border-bottom: 1px solid #f0f4ed !important;

    border-radius: 0 !important;

    padding: 14px !important;

    color: #2f5117 !important

}



    .vd-incident.selected {

        background: #f1faea !important;

        box-shadow: inset 3px 0 #66c425

    }



.vd-line {

    display: flex;

    justify-content: space-between;

    gap: 8px;

    align-items: center

}



.vd-incident strong {

    font-size: 12px

}



.vd-incident small {

    display: block;

    color: #8c9e7f;

    margin-top: 5px;

    font-size: 10px

}



.vd-badge {

    font-size: 9px;

    padding: 3px 6px;

    border-radius: 5px;

    background: #f3faee;

    color: #809e6b;

    white-space: nowrap

}



.vd-patrol {

    padding: 14px;

    border-bottom: 1px solid #f0f4ed

}



    .vd-patrol strong {

        font-size: 12px

    }



    .vd-patrol small {

        display: block;

        font-size: 10px;

        color: #92a485;

        margin: 4px 0 9px

    }



    .vd-patrol button {

        padding: 5px 8px

    }



.vd-map-tools {

    padding: 12px 16px

}



    .vd-map-tools small {

        display: block;

        font-size: 10px;

        color: #90a383

    }



.vd-map {

    position: relative;

    height: clamp(330px,48vh,650px);

    overflow: hidden;

    background: #e4f4d9

}



.vd .vd-map-art {

    width: 100%;

    height: 100%;

    display: block

}



.vd-marker {

    position: absolute;

    transform: translate(-50%,-50%);

    border-radius: 50% !important;

    width: 31px;

    height: 31px;

    padding: 0 !important;

    border: 3px solid white !important;

    box-shadow: 0 3px 9px #456f2833;

    background: #e77d78 !important;

    color: white !important;

    font-weight: 700 !important;

    font-size: 19px !important

}



    .vd-marker.free {

        background: #6faf42 !important;

        font-size: 12px !important

    }



    .vd-marker.selected {

        outline: 5px solid #e87a7850

    }



.vd-map-key {

    position: absolute;

    left: 12px;

    top: 12px;

    display: flex;

    gap: 12px;

    background: #fffffff0;

    padding: 9px;

    border-radius: 8px;

    font-size: 9px

}



.vd-map-note {

    position: absolute;

    bottom: 8px;

    left: 8px;

    background: #ffffffe6;

    padding: 4px 7px;

    border-radius: 5px;

    color: #7c956a;

    font-size: 9px

}



.vd-detail {

    padding: 18px;

    background: #fff;

    min-height: 130px

}



    .vd-detail h2 {

        margin-top: 6px

    }



    .vd-detail .vd-line {

        margin-top: 14px;

        flex-wrap: wrap

    }



.vd .vd-primary {

    background: #62c020;

    border-color: #62c020;

    color: white

}



.vd-empty {

    padding: 25px 14px;

    color: #90a284;

    font-size: 11px;

    text-align: center

}



.vd dialog {

    width: min(470px,90vw);

    border: 1px solid #e4efdc;

    border-radius: 16px;

    color: #2f5117;

    padding: 20px

}



    .vd dialog::backdrop {

        background: #2d501466;

        backdrop-filter: blur(3px)

    }



    .vd dialog p {

        font-size: 13px

    }



.vd [hidden] {

    display: none !important

}



@media(max-width:1150px) {

    .vd-board {

        grid-template-columns: 205px minmax(250px,1fr)

    }



    .vd-patrols {

        grid-column: 1/-1;

        max-height: none

    }



        .vd-patrols #ds-busy-list, .vd-patrols #ds-free-list {

            display: grid;

            grid-template-columns: repeat(3,1fr)

        }



    .vd-panel {

        max-height: none

    }



    .vd-summary {

        gap: 15px

    }



        .vd-summary small {

            margin-left: 0

        }



    .vd-title {

        flex-wrap: wrap

    }

}



@media(max-width:650px) {

    .vd {

        padding: 15px

    }



    .vd-board {

        display: flex;

        flex-direction: column

    }



        .vd-board > * {

            width: 100%

        }



    .vd-incidents {

        max-height: 360px

    }



    .vd-map {

        height: 350px

    }



    .vd-patrols #ds-busy-list, .vd-patrols #ds-free-list {

        grid-template-columns: 1fr 1fr

    }



    .vd h1 {

        font-size: 22px

    }

}



/* V6 keyboard skip link */

/* Dispatch workspace layout refinements */
#dispatch-app {
    box-sizing: border-box;
    height: auto;
    min-height: 0;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
}

#dispatch-app .vd-board {
    flex: 0 0 auto;
    min-height: 0;
    height: calc(100dvh - var(--v6-header-height) - 90px);
    max-height: calc(100dvh - var(--v6-header-height) - 90px);
    grid-template-columns: minmax(195px, 225px) minmax(0, 1fr) minmax(210px, 235px);
    align-items: stretch;
}

#dispatch-app.has-selection .vd-board {
    grid-template-columns: minmax(200px, 225px) minmax(250px, 290px) minmax(0, 1fr) minmax(210px, 235px);
}

#dispatch-app .vd-panel,
#dispatch-app .vd-map-panel {
    height: 100%;
    max-height: none;
    min-height: 0;
}

#dispatch-app .vd-incidents,
#dispatch-app .vd-patrols {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#dispatch-app .vd-panel-title {
    flex: 0 0 auto;
    padding: 13px 14px;
}

#dispatch-app .vd-panel-title select {
    margin: 0;
}

#dispatch-app .vd-incidents .vd-panel-title > select {
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
}

#dispatch-app .vd-incident-tools,
#dispatch-app .vd-map-actions,
#dispatch-app .vd-map-counts,
#dispatch-app .vd-patrol-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
}

#dispatch-app .vd-incident-tools button {
    min-height: 34px;
}

#dispatch-app #ds-search-toggle {
    display: grid;
    width: 34px;
    padding: 7px;
    place-items: center;
}

#dispatch-app #ds-search-toggle svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

#dispatch-app .vd-search-row {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    border-bottom: 1px solid #f0f5ed;
}

#dispatch-app .vd-search-row input {
    min-width: 0;
    margin: 0;
}

#dispatch-app .vd-search-row button {
    padding: 6px 9px;
}

#dispatch-app .vd-queue {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

#dispatch-app .vd-priority-group {
    display: flex;
    flex: 1 1 50%;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #ecf2e8;
    border-radius: 9px;
}

#dispatch-app .vd-priority-group > .vd-group {
    flex: 0 0 auto;
    padding: 9px 10px;
}

#dispatch-app .vd-priority-group > .vd-group h3 {
    flex: 0 0 auto;
    white-space: nowrap;
}

#dispatch-app .vd-priority-group > .vd-group select {
    width: 106px;
    min-width: 0;
    flex: 0 1 106px;
    margin: 0;
    padding: 7px 5px;
    font-size: 10px;
}

#dispatch-app .vd-priority-list {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    scrollbar-width: thin;
}

#dispatch-app .vd-incident-detail {
    display: flex;
    flex-direction: column;
}

#dispatch-app .vd-incident-detail .vd-detail {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow: auto;
    padding: 14px;
}

#dispatch-app .vd-detail-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 0;
}

#dispatch-app .vd-detail-grid > div {
    padding: 9px 0;
    border-bottom: 1px solid #f0f4ed;
}

#dispatch-app .vd-detail-grid dt {
    color: #8fa183;
    font-size: 10px;
}

#dispatch-app .vd-detail-grid dd {
    margin: 2px 0 0;
    color: #2f5117;
    font-size: 12px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

#dispatch-app .vd-map-panel {
    display: flex;
    flex-direction: column;
}

#dispatch-app .vd-map-tools {
    align-items: flex-start;
    flex: 0 0 auto;
    flex-wrap: wrap;
    padding: 10px 13px 7px;
}

#dispatch-app .vd-map-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: auto;
}

#dispatch-app .vd-map-counts {
    flex-wrap: wrap;
    gap: 5px 10px;
    font-size: 10px;
}

#dispatch-app .vd-map-counts > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

#dispatch-app .vd-map-counts b {
    font-size: 13px;
}

#dispatch-app .vd-map-status {
    flex: 0 0 auto;
    padding: 0 14px 7px;
    color: #869b78;
    font-size: 10px;
}

#dispatch-app .vd-map {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    background: #ecf5e6;
    z-index: 0;
}

#dispatch-app .vd-map-wrap {
    position: relative;
    flex: 1 1 0;
    min-height: 220px;
    overflow: hidden;
    background: #ecf5e6;
}

#dispatch-app .vd-map-pin {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 9px #456f2855;
    background: #e77d78;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}

#dispatch-app .vd-map-pin.free {
    background: #6faf42;
    font-size: 13px;
}

#dispatch-app .vd-map-pin.selected {
    outline: 4px solid #66c42555;
}

#dispatch-app .vd-map-pin:focus-visible {
    outline: 3px solid #4fa016;
    outline-offset: 3px;
    border-radius: 50%;
}

#dispatch-app .vd-map-key,
#dispatch-app .vd-map-note {
    z-index: 500;
}

#dispatch-app .vd-detail {
    flex: 0 0 auto;
    min-height: 105px;
    max-height: 175px;
    overflow: auto;
    padding: 12px 15px;
}

#dispatch-app .vd-patrol-filter {
    flex: 0 0 auto;
}

#dispatch-app .vd-patrol-filter .vd-label {
    margin: 8px 12px;
}

#dispatch-app .vd-patrol-filter select {
    padding: 7px;
}

#dispatch-app .vd-patrol-tabs {
    flex: 0 0 auto;
    gap: 6px;
    padding: 5px 10px;
    background: #f4f9f1;
    border-bottom: 1px solid #e8f0e2;
}

#dispatch-app .vd-patrol-tabs button {
    flex: 1 1 50%;
    border: 0;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    padding: 8px 5px;
    color: #627952;
    font-size: 12px;
    font-weight: 600;
}

#dispatch-app .vd-patrol-tabs button.active {
    border-color: #cae6b7;
    background: #e8f5df;
    color: #396d15;
    font-weight: 700;
    box-shadow: inset 0 0 0 1px #ffffff80;
}

#dispatch-app .vd-patrol-tabs span {
    display: inline-block;
    min-width: 19px;
    margin-left: 4px;
    padding: 1px 5px;
    border-radius: 10px;
    background: #eaf1e5;
    font-size: 10px;
}

#dispatch-app .vd-patrol-tabs button.active span {
    background: #ffffff;
    color: #396d15;
}

#dispatch-app .vd-patrol-list {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    scrollbar-width: thin;
}

#dispatch-app #ds-map-fullscreen {
    display: grid;
    width: 34px;
    height: 34px;
    padding: 7px;
    place-items: center;
}

#dispatch-app #ds-map-fullscreen svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#dispatch-app:fullscreen {
    width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    padding: 14px;
    overflow: hidden;
    background: #f6fbf2;
}

#dispatch-app:fullscreen .vd-board {
    flex: 1 1 auto;
    height: auto;
    max-height: none;
}

#dispatch-app .vd-patrol-name {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    color: #2f5117 !important;
    font-size: 12px !important;
    font-weight: 700;
    text-align: left;
}

#dispatch-app .vd-patrol-name:hover {
    text-decoration: underline;
}

#dispatch-app .vd-unit-details {
    margin-right: 6px;
}

#dispatch-app .vd-vehicle-detail {
    margin: 12px 0 18px;
}

#dispatch-app .vd-vehicle-detail > div {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f4ed;
}

#dispatch-app .vd-vehicle-detail dt {
    color: #8fa183;
    font-size: 11px;
}

#dispatch-app .vd-vehicle-detail dd {
    margin: 0;
    color: #2f5117;
    font-size: 12px;
    font-weight: 600;
}

#dispatch-app .vd-sound-dialog {
    width: min(380px, 90vw);
}

#dispatch-app .vd-sound-content {
    padding: 6px 4px 2px;
}

#dispatch-app .vd-sound-content h2 {
    margin: 7px 0;
}

#dispatch-app .vd-sound-content p {
    margin: 0 0 16px;
}

#dispatch-app .vd-vehicle-tabs {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    border-bottom: 1px solid #ebf1e6;
}

#dispatch-app .vd-vehicle-tabs button {
    flex: 0 0 auto;
    border: 1px solid transparent;
    border-radius: 7px 7px 0 0;
    background: transparent;
    color: #708660;
    padding: 8px 10px;
}

#dispatch-app .vd-vehicle-tabs button.active {
    border-color: #cae6b7;
    border-bottom-color: #fff;
    background: #ecf6e5;
    color: #396d15;
    font-weight: 700;
}

#dispatch-app .vd-vehicle-tab-panel {
    padding: 10px 0;
}

#dispatch-app .vd-vehicle-tab-placeholder {
    margin: 12px 2px;
    color: #8fa183;
    font-size: 12px;
}

#dispatch-app dialog {
    max-height: calc(100dvh - 72px);
    overflow: auto;
}

@media (max-width: 1100px) {
    #dispatch-app {
        height: auto;
        min-height: calc(100dvh - var(--v6-header-height));
    }

    #dispatch-app .vd-board {
        height: auto;
        max-height: none;
        grid-template-columns: minmax(220px, .8fr) minmax(340px, 1.6fr);
    }

    #dispatch-app.has-selection .vd-board {
        grid-template-columns: minmax(220px, .8fr) minmax(340px, 1.6fr);
    }

    #dispatch-app .vd-panel,
    #dispatch-app .vd-map-panel {
        height: min(62dvh, 600px);
        min-height: 420px;
    }

    #dispatch-app .vd-patrols {
        grid-column: 1 / -1;
        height: 410px;
        min-height: 360px;
    }

    #dispatch-app.has-selection .vd-incident-detail {
        grid-column: 1;
        grid-row: 2;
        height: min(38vh, 360px);
        min-height: 260px;
    }

    #dispatch-app.has-selection .vd-map-panel {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 760px) {
    #dispatch-app {
        padding: 12px;
    }

    #dispatch-app .vd-board {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    #dispatch-app .vd-panel,
    #dispatch-app .vd-map-panel {
        width: 100%;
        height: 56dvh;
        min-height: 340px;
    }

    #dispatch-app .vd-patrols {
        height: 52dvh;
        min-height: 320px;
    }

    #dispatch-app .vd-incident-detail {
        height: auto;
        min-height: 320px;
        max-height: 55vh;
    }

    #dispatch-app .vd-map-tools {
        align-items: flex-start;
    }

    #dispatch-app .vd-map-actions {
        justify-content: flex-start;
        margin-left: 0;
    }
}

.v6-skip-link:not(:focus) {

    position: absolute !important;

    width: 1px !important;

    height: 1px !important;

    padding: 0 !important;

    margin: -1px !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;

    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;

}



.v6-skip-link:focus {

    position: fixed;

    top: 12px;

    left: 12px;

    z-index: 1100;

    padding: 10px 16px;

    border-radius: 8px;

    background: #ffffff;

    color: #2f5217;

    outline: 3px solid #62c020;

    box-shadow: 0 4px 16px #2f521726;

}



/* V6 event dispatch */
.ve-selector{max-width:360px;margin:15px 0!important}.ve-actions{display:flex;gap:10px;margin-bottom:10px}.vd .ve-check{display:flex;align-items:center;gap:9px;margin:14px;font-size:12px}.vd .ve-check input{width:auto;margin:0}.ve-zone{position:absolute;left:38%;top:33%;width:34%;height:36%;border:2px dashed #71aa49;border-radius:35%;background:#85c65819;color:#608a43;font-size:9px;padding:20px;pointer-events:none}.ve-post{position:absolute;left:60%;top:65%;background:white;border:1px solid #6ead42;border-radius:6px;padding:5px;color:#588d33;font-size:9px}.ve-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.ve-metrics article{background:#f4faef;border-radius:12px;padding:15px}.ve-metrics strong{display:block;font-size:24px}.vd .ve-table{width:100%;border-collapse:collapse;font-size:12px}.ve-table th,.ve-table td{text-align:left;padding:10px;border-bottom:1px solid #e8f0e2}.vd dialog{max-height:85vh;overflow:auto}.ve-note{display:block;border-top:1px solid #ebf1e7;padding:10px 0}.vd textarea{width:100%;min-height:80px;border:1px solid #d6e6cb;border-radius:8px;font:inherit;padding:10px}.vd .ve-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}


/* V6 admin navigation */
.preview-header nav{min-width:0;flex-wrap:wrap}


/* V6 report landing */
.vr h1{font-size:30px;letter-spacing:-.7px;margin:7px 0}.vr-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.vr-heading p{font-size:13px;color:#7b916b;margin:0}.vr-search{font-size:11px;color:#718e5d;display:grid;gap:7px;min-width:250px}.vr-search input{font:inherit;font-size:13px;border:1px solid #e1edd8;border-radius:10px;padding:12px 14px;background:#fff;color:#2f5217;width:100%;box-sizing:border-box}.vr-list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.vr-list-heading h2{font-size:15px;margin:0}.vr-list-heading span{font-size:11px;color:#899e7b}.vr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.vr-card{display:flex;align-items:center;gap:15px;padding:22px 20px;min-height:112px;border:1px solid #e6f0df;border-radius:15px;text-decoration:none;color:#2f5217;background:white;box-shadow:0 4px 16px #2f521703;transition:transform .15s,border-color .15s,box-shadow .15s}.vr-card:hover{transform:translateY(-2px);border-color:#c0e3a7;box-shadow:0 8px 25px #2f521709}.vr-icon{width:45px;height:45px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#f0fbe8;color:#5eb720}.vr-icon svg{width:23px;height:23px}.vr-tone-1{background:#f4faef;color:#9abb83}.vr-tone-2{background:#f0f9ea;color:#75aa50}.vr-copy{flex:1}.vr-card h2{font-size:14px;margin:0 0 5px;font-weight:650}.vr-card p{font-size:11px;color:#879c78;line-height:1.65;margin:0}.vr-arrow{color:#7ca95c;font-size:19px}.vr-card:focus-visible,.vr-search input:focus-visible{outline:3px solid #66c624;outline-offset:3px}.vr-empty{padding:45px;text-align:center;color:#849975}.vr [hidden]{display:none!important}@media(max-width:1050px){.vr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.vr-heading{align-items:stretch;flex-direction:column;gap:18px}.vr-grid{grid-template-columns:1fr}.vr-card{min-height:94px;padding:18px}.vr .v6-wrap{padding:20px 20px 0}}@media(prefers-reduced-motion:reduce){.vr-card{transition:none}.vr-card:hover{transform:none}}


/* V6 current overview */
.vo{color:#2f5217}.vo h1{font-size:29px;margin:8px 0;letter-spacing:-.7px}.vo h2{font-size:15px;margin:0}.vo p{color:#829873;font-size:12px}.vo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.vo-clock{text-align:right}.vo-clock strong{display:block;font-size:17px;font-variant-numeric:tabular-nums}.vo-clock small,.vo-subtle{font-size:10px;color:#8d9f80}.vo button{font:inherit;font-size:11px;border:1px solid #e0edd7;background:#fff;color:#568d2f;border-radius:8px;padding:9px 12px;cursor:pointer}.vo button:disabled{opacity:.5;cursor:wait}.vo button:hover{background:#f2faed}.vo button:focus-visible,.vo input:focus-visible,.vo select:focus-visible{outline:3px solid #62c020;outline-offset:2px}.vo-freshness{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#869b77;font-size:11px;margin:15px 0 18px}.vo-freshness label{margin-left:auto;display:flex;align-items:center;gap:6px}.vo-demo{padding:5px 9px;border-radius:20px;background:#fff4dd;color:#9c7a35;font-size:10px}.vo-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:17px;background:#ffffff;border:1px solid #e5efde;border-radius:14px}.vo-filters label{font-size:10px;color:#7b9569;display:grid;gap:7px;flex:1;min-width:130px}.vo-filters input,.vo-filters select{font:inherit;font-size:12px;padding:10px;border:1px solid #e1edd8;background:#fcfefb;color:#406327;border-radius:8px;width:100%;box-sizing:border-box}.vo-filters .vo-search{flex:1.5;min-width:160px}.vo-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.vo-metrics article{border:1px solid #e5efde;border-radius:13px;background:#fff;padding:18px 20px}.vo-metrics span,.vo-metrics small{display:block;color:#879d77;font-size:10px}.vo-metrics strong{display:block;font-size:28px;margin:4px 0}.vo-metrics article:nth-child(2){border-top:3px solid #d98681}.vo-metrics article:nth-child(3){border-top:3px solid #77b64b}.vo-metrics article:nth-child(4){border-top:3px solid #d8ac62}.vo-main{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.vo-card{border:1px solid #e5efde;border-radius:15px;background:#fff;overflow:hidden;min-width:0}.vo-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px}.vo-card-head small{display:block;color:#91a385;font-size:10px;margin-top:5px}.vo-map{height:430px;background:#ecf5e6;position:relative;z-index:0}.vo-map .leaflet-container{font-family:"Segoe UI",Arial,sans-serif}.vo .vo-map svg{width:auto;height:auto}.vo .leaflet-control-attribution{font-size:9px}.vo .leaflet-control-zoom a{color:#467724}.vo-legend{display:flex;align-items:center;gap:18px;padding:12px 18px;font-size:10px;flex-wrap:wrap}.vo-legend small{margin-left:auto;color:#97a98b}.vo-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d98681;margin-right:5px}.vo-dot.patrol{background:#6fae43}.vo-dot.alert{background:#d9a957}.vo-pin{border:0;background:transparent}.vo-pin>span{display:grid;place-items:center;width:29px;height:29px;border:3px solid #fff;box-shadow:0 2px 9px #335c1744;border-radius:50%;font:700 14px "Segoe UI",sans-serif;color:white;background:#d87875}.vo-pin.patrol>span{background:#6ca941}.vo-pin.alert>span{background:#c89b47}.vo-pin.is-selected>span{outline:5px solid #67c32755}.vo-pin:focus{outline:3px solid #56b614;outline-offset:4px;border-radius:50%}.vo-map-notice{margin:0;padding:0 18px 12px}.vo-map-notice:empty{display:none}.vo-breakdown{padding:0 18px 16px}.vo-breakdown>div{margin-top:13px}.vo-breakdown .vo-status-line{display:flex;justify-content:space-between;font-size:11px;color:#738e60;margin-bottom:6px}.vo-bar{height:5px;background:#f3f8f0;border-radius:5px;overflow:hidden}.vo-bar i{display:block;height:100%;background:#93c372;border-radius:5px}.vo-divider{border-top:1px solid #eef4ea}.vo-detail{padding:0 18px 18px;font-size:12px}.vo-detail h3{font-size:15px;margin:3px 0 10px}.vo-detail dl{display:grid;grid-template-columns:80px 1fr;gap:9px;font-size:11px}.vo-detail dt{color:#8fa281}.vo-detail dd{margin:0}.vo-tag{display:inline-block;background:#f0f9ea;border-radius:6px;font-size:10px;padding:4px 7px;color:#628f42}.vo-report{margin-top:18px}.vo-scroll{overflow:auto}.vo table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}.vo td,.vo th{padding:13px 16px;border-bottom:1px solid #f0f5ed}.vo th{color:#7e956e;background:#f7fbf5;font-size:10px;white-space:nowrap}.vo td small{display:block;color:#96a78a;margin-top:4px}.vo tr.selected{background:#f3faee}.vo-result{padding:0 18px}.vo-empty{padding:28px!important;text-align:center;color:#95a887}.vo-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.vo [hidden]{display:none!important}@media(max-width:1050px){.vo-main{grid-template-columns:1fr}.vo-aside{display:grid;grid-template-columns:1fr 1fr}.vo-aside .vo-divider{display:none}.vo-aside .vo-card-head:first-child{grid-column:1}.vo-aside .vo-breakdown{grid-column:1;grid-row:2}.vo-aside .vo-card-head:nth-of-type(4){grid-column:2;grid-row:1}.vo-detail{grid-column:2;grid-row:2}.vo-filters label{min-width:150px}}@media(max-width:600px){.vo .v6-wrap{padding:20px 16px 0}.vo-heading{align-items:start;flex-direction:column;gap:5px}.vo-clock{text-align:left}.vo-metrics{grid-template-columns:1fr 1fr}.vo-metrics article{padding:14px}.vo-aside{display:block}.vo-freshness label{margin-left:0}.vo-map{height:350px}.vo h1{font-size:25px}}@media print{.vo-filters,.vo-freshness button,.vo button{display:none}.vo-main{display:block}.vo-map{height:350px}.vo-card{break-inside:avoid}.vo-scroll{overflow:visible}}

.vo .v6-wrap{padding-top:16px}.vo .v6-breadcrumb{margin-bottom:12px}.vo-heading p{margin:0}.vo h1{font-size:27px;margin:5px 0}.vo-freshness{margin:10px 0 12px}.vo-metrics{margin:12px 0}.vo-metrics article{padding:12px 18px}.vo-filters{padding:13px}


/* V6 ePCR dashboard */
.vepr h1{font-size:29px;letter-spacing:-.7px;margin:7px 0}.vepr h2{font-size:16px;margin:0}.vepr p{font-size:12px;color:#849975}.vepr-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.vepr-heading p{margin:0}.vepr-demo{font-size:10px;color:#9a803c;background:#fff5dc;padding:6px 10px;border-radius:20px}.vepr button{font:inherit;font-size:12px;border:1px solid #e4efdc;color:#578934;background:white;border-radius:8px;padding:10px 14px;cursor:pointer}.vepr button:hover{background:#f4fbef}.vepr button:disabled{opacity:.5;cursor:wait}.vepr button:focus-visible,.vepr input:focus-visible{outline:3px solid #68c329;outline-offset:3px}.vepr .vepr-primary{background:#64c024;color:white;border-color:#64c024}.vepr-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:white;padding:17px;border:1px solid #e6f0df;border-radius:13px;margin:22px 0 0}.vepr label{display:grid;gap:6px;font-size:10px;color:#7d956d}.vepr input{font:inherit;font-size:12px;border:1px solid #e0edd7;border-radius:8px;padding:10px;background:#fdfefc;color:#416428;min-width:0}.vepr-filters label{min-width:180px}.vepr-subtle{font-size:10px;color:#8ea180}.vepr-filters .vepr-subtle{margin:auto 0 auto auto}.vepr-error{color:#ae4f4f!important;font-size:12px;min-height:10px;margin:5px 0}.vepr-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0 13px}.vepr-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.vepr .vepr-metric{display:block;text-align:left;background:white;border-radius:15px;padding:20px;border:1px solid #e6efe0;box-shadow:0 4px 18px #2f521703}.vepr-metric>span:first-child{font-size:12px;color:#7c956a}.vepr-metric strong{display:block;font-size:32px;line-height:1.4;color:#2f5217;margin:7px 0}.vepr-metric small{color:#92a485;font-size:10px}.vepr-metric.overdue{border-top:3px solid #df8b88}.vepr-metric.new{border-top:3px solid #8acc5c}.vepr-metric.complete{border-top:3px solid #8ab66b}.vepr-metric[aria-pressed=true]{outline:2px solid #b6de9b;outline-offset:1px;background:#fcfefb}.vepr .vepr-metric-note{display:flex;justify-content:space-between;margin-top:18px;padding-top:12px;border-top:1px solid #f1f5ee;font-size:10px;color:#8ba07d}.vepr-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:18px}.vepr-card{border:1px solid #e5efde;border-radius:15px;background:white;overflow:hidden;min-width:0}.vepr-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px}.vepr-table-head h2{margin-top:4px}.vepr-list-tools{display:flex;align-items:center;gap:12px;padding:0 18px 18px}.vepr-list-tools label{flex:1;max-width:360px}.vepr-list-tools>span{margin-left:auto;font-size:11px;color:#8ba07d}.vepr-scroll{overflow:auto}.vepr table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.vepr th{background:#f6faf3;color:#819871;font-size:10px;white-space:nowrap}.vepr td,.vepr th{padding:14px;border-bottom:1px solid #f0f5ed}.vepr td small{display:block;color:#97a98a;margin-top:4px}.vepr-tag{display:inline-block;background:#f4faef;color:#6b984b;padding:4px 7px;border-radius:6px;white-space:nowrap;font-size:10px}.vepr-tag.overdue{background:#fff0ee;color:#b66b68}.vepr-tag.complete{background:#f0f8ea;color:#6d9651}.vepr-workflow{padding:0 15px}.vepr-workflow button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #eef4ea;border-radius:8px;padding:16px 10px;color:#608249;margin-bottom:3px}.vepr-workflow button>span{display:flex;gap:10px;align-items:center}.vepr-workflow strong{font-size:21px;color:#2f5217}.vepr-workflow [aria-pressed=true],.vepr #epcr-mine[aria-pressed=true]{background:#f0fae9;color:#4d9e14}.vepr-stage-dot{width:7px;height:7px;background:#98bc7f;border-radius:50%}.vepr-footnote{padding:0 18px;font-size:10px!important;line-height:1.7}.vepr-help{margin:20px 18px;padding:16px;background:#f6fbf3;border-radius:10px;font-size:11px;color:#6d9253}.vepr-help p{font-size:11px;margin-bottom:0}.vepr dialog{border:1px solid #e5efde;border-radius:18px;width:min(560px,90vw);max-height:85vh;overflow:auto;padding:8px;color:#2f5217}.vepr dialog::backdrop{background:#30531866;backdrop-filter:blur(3px)}.vepr-detail-dl{display:grid;grid-template-columns:120px 1fr;gap:15px;margin:10px 20px 25px;font-size:12px}.vepr-detail-dl dt{color:#8fa481}.vepr-detail-dl dd{margin:0;overflow-wrap:anywhere}.vepr-empty{text-align:center;padding:35px!important;color:#8ca27d}.vepr-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}@media(max-width:1000px){.vepr-layout{grid-template-columns:1fr}.vepr-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.vepr-workflow button{flex-wrap:wrap;gap:8px}.vepr-help{display:none}}@media(max-width:600px){.vepr-heading,.vepr-section-title{align-items:start;flex-direction:column}.vepr-summary{grid-template-columns:1fr}.vepr-workflow{grid-template-columns:1fr 1fr}.vepr .v6-wrap{padding:20px 16px 0}.vepr-filters label{flex:1;min-width:140px}.vepr-detail-dl{grid-template-columns:100px 1fr}.vepr-filters .vepr-subtle{margin:0}}

/* Hospitals — Client Admin */
.v6-hospitals {
    --v6h-ink: #2b5310;
    --v6h-muted: #769064;
    --v6h-line: #e8f1e1;
    --v6h-accent: #54b114;
    color: var(--v6h-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-hospitals *,
    .v6-hospitals *::before,
    .v6-hospitals *::after {
        box-sizing: border-box;
    }

    .v6-hospitals [hidden] {
        display: none !important;
    }

.container:has(.v6-hospitals) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6h-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6h-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
    color: var(--v6h-muted);
    font-size: 12px;
}

    .v6h-breadcrumb a {
        color: inherit;
        text-decoration: none;
    }

        .v6h-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6h-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.v6h-heading-icon,
.v6h-icon,
.v6h-hospital-icon,
.v6h-empty-icon {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: var(--v6h-accent);
    background: #f0fbe8;
    border-radius: 12px;
}

.v6h-heading-icon {
    width: 54px;
    height: 54px;
    font-size: 24px;
}

.v6h-heading h1 {
    margin: 3px 0;
    color: var(--v6h-ink);
    font-size: 28px;
    font-weight: 650;
    letter-spacing: -.7px;
}

.v6h-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6h-heading > div > p:last-child,
.v6h-panel-heading p,
.v6h-list-heading p {
    margin: 3px 0 0;
    color: var(--v6h-muted);
    font-size: 12px;
}

.v6h-preview-note {
    margin: 0 0 20px;
    color: var(--v6h-muted);
    font-size: 12px;
}

.v6h-panel {
    margin-bottom: 20px;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--v6h-line);
    border-radius: 15px;
    box-shadow: 0 4px 18px #396c1604;
}

.v6h-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.v6h-icon {
    width: 38px;
    height: 38px;
    font-size: 17px;
}

.v6h-panel h2 {
    margin: 0;
    color: var(--v6h-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6h-fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
    align-items: end;
    gap: 18px;
}

.v6h-field,
.v6h-search {
    min-width: 0;
}

.v6-hospitals label {
    display: block;
    margin-bottom: 7px;
    color: #5c7d45;
    font-size: 12px;
    font-weight: 500;
}

.v6-hospitals select,
.v6-hospitals input[type="search"] {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 10px 12px;
    color: var(--v6h-ink);
    background: #fdfffc;
    border: 1px solid #e0ecd7;
    border-radius: 8px;
    font: inherit;
    font-size: 13px;
}

.v6-hospitals input::placeholder {
    color: #90a681;
}

.v6-hospitals :is(input, select, button, a):focus-visible {
    outline: 3px solid #9edd73;
    outline-offset: 3px;
}

.v6h-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 17px;
    border: 1px solid transparent;
    border-radius: 8px;
    font: 600 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.v6h-button-primary {
    color: #fff;
    background: linear-gradient(110deg, #69d220, #7bc746);
    border-color: #68ca24;
}

    .v6h-button-primary:hover {
        filter: brightness(.96);
    }

.v6h-feedback {
    margin: 16px 0 0;
    color: #4a7c28;
    font-size: 12px;
}

    .v6h-feedback[data-error="true"] {
        color: #b34236;
    }

.v6h-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.v6h-title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.v6h-count {
    padding: 4px 9px;
    color: #508a27;
    background: #f0f8ea;
    border-radius: 20px;
    font-size: 11px;
    white-space: nowrap;
}

.v6h-search {
    width: min(300px, 100%);
}

.v6h-table {
    width: 100%;
    border-collapse: collapse;
}

    .v6h-table th {
        padding: 12px 16px;
        color: #738e60;
        background: #f7fbf4;
        border-bottom: 1px solid var(--v6h-line);
        font-size: 11px;
        font-weight: 600;
        text-align: left;
    }

    .v6h-table td {
        padding: 16px;
        border-bottom: 1px solid #f0f5ed;
        font-size: 13px;
    }

    .v6h-table tbody tr:hover {
        background: #fdfffb;
    }

.v6h-hospital-name {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow-wrap: anywhere;
}

.v6h-hospital-icon {
    width: 34px;
    height: 34px;
    border-radius: 9px;
}

.v6h-table .v6h-action-column {
    width: 110px;
    text-align: right;
}

.v6h-remove {
    padding: 7px 10px;
    color: #a84c43;
    background: transparent;
    border: 1px solid #eddeda;
    border-radius: 7px;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}

    .v6h-remove:hover {
        background: #fff4f1;
    }

.v6h-empty {
    padding: 38px 16px;
    text-align: center;
}

.v6h-empty-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    font-size: 22px;
}

.v6h-empty h3 {
    margin: 0 0 6px;
    font-size: 16px;
}

.v6h-empty p,
.v6h-results {
    color: var(--v6h-muted);
    font-size: 12px;
}

.v6h-empty p {
    margin: 0;
}

.v6h-results {
    margin: 14px 0 0;
}

@media (max-width: 800px) {
    .v6h-fields {
        grid-template-columns: 1fr 1fr;
    }

        .v6h-fields > button {
            grid-column: 1 / -1;
            justify-self: start;
        }

    .v6h-list-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .v6h-search {
        width: 100%;
    }
}

@media (max-width: 540px) {
    .v6h-wrap {
        padding: 18px 16px 28px;
    }

    .v6h-panel {
        padding: 18px;
    }

    .v6h-fields {
        grid-template-columns: 1fr;
    }

        .v6h-fields > button {
            width: 100%;
        }

    .v6h-heading h1 {
        font-size: 25px;
    }

    .v6h-eyebrow {
        font-size: 9px;
        letter-spacing: 1px;
    }

    .v6h-table th,
    .v6h-table td {
        padding: 12px 8px;
    }

    .v6h-hospital-name {
        gap: 8px;
    }

    .v6h-hospital-icon {
        display: none;
    }

    .v6-hospitals select,
    .v6-hospitals input[type="search"] {
        font-size: 16px;
    }
}

/* Vehicle Release — Client Admin */

.v6-vehicle-release .v6-app-wrap {
    max-width: 1440px;
    padding-bottom: 32px;
}

.container:has(.v6-vehicle-release) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-vehicle-release [hidden] {
    display: none !important;
}

.v6vr-heading {
    display: flex;
    align-items: center;
    gap: 16px;
}

.v6vr-heading-icon,
.v6vr-empty-icon,
.v6vr-vehicle-icon {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #54b114;
    background: #f0fbe8;
    border-radius: 12px;
}

.v6vr-heading-icon {
    width: 54px;
    height: 54px;
    font-size: 24px;
}

.v6vr-preview-note {
    margin: 0 0 20px;
    color: #769064;
    font-size: 12px;
}

.v6-vehicle-release .v6-panel {
    margin-bottom: 20px;
}

.v6vr-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.4fr) auto;
    align-items: end;
    gap: 18px;
}

.v6-vehicle-release .v6-field label {
    font-size: 12px;
}

    .v6-vehicle-release .v6-field label i {
        margin-right: 5px;
        color: #7ca85d;
    }

.v6-vehicle-release .v6vr-toolbar :is(input, select) {
    min-height: 42px;
    font-size: 13px;
}

.v6vr-toolbar > button {
    min-height: 42px;
    font-size: 12px;
}

.v6vr-count {
    margin-left: auto;
    padding: 5px 10px;
    color: #508a27;
    background: #f0f8ea;
    border-radius: 20px;
    font-size: 11px;
    white-space: nowrap;
}

.v6-vehicle-release .v6-table {
    font-size: 13px;
}

    .v6-vehicle-release .v6-table th {
        padding: 13px 16px;
        font-size: 12px;
    }

        .v6-vehicle-release .v6-table th i {
            margin-right: 6px;
            color: #87a771;
        }

    .v6-vehicle-release .v6-table td {
        padding: 16px;
        vertical-align: middle;
    }

    .v6-vehicle-release .v6-table tbody tr:hover {
        background: #fdfffb;
    }

.v6vr-vehicle-name {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    color: #2b5310;
}

.v6vr-vehicle-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 16px;
}

.v6vr-registration {
    display: inline-block;
    padding: 5px 9px;
    color: #5c7d45;
    background: #f5faf2;
    border: 1px solid #e8f1e1;
    border-radius: 6px;
    font-size: 12px;
    letter-spacing: .4px;
}

.v6vr-crew {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #769064;
}

    .v6vr-crew i {
        color: #a0b591;
    }

.v6vr-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 88px;
    min-height: 44px;
    margin: 0;
    cursor: pointer;
}

.v6-vehicle-release .v6vr-toggle input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
}

.v6vr-toggle-track {
    position: relative;
    width: 42px;
    height: 24px;
    flex-shrink: 0;
    background: #d2e0c9;
    border-radius: 20px;
    transition: background-color .15s ease;
}

    .v6vr-toggle-track::after {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        width: 18px;
        height: 18px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 1px 3px #2b531026;
        transition: transform .15s ease;
    }

.v6vr-toggle input:checked + .v6vr-toggle-track {
    background: #6ab834;
}

    .v6vr-toggle input:checked + .v6vr-toggle-track::after {
        transform: translateX(18px);
    }

.v6vr-toggle input:focus-visible + .v6vr-toggle-track {
    outline: 3px solid #9edd73;
    outline-offset: 4px;
}

.v6vr-toggle-text {
    color: #769064;
    font-size: 12px;
    font-weight: 600;
}

.v6vr-toggle input:checked ~ .v6vr-toggle-text {
    color: #508a27;
}

.v6vr-empty {
    padding: 36px 16px;
    text-align: center;
}

.v6vr-empty-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    font-size: 22px;
}

.v6vr-empty h3 {
    margin: 0 0 7px;
    color: #2b5310;
    font-size: 16px;
}

.v6vr-empty p,
.v6vr-results {
    color: #769064;
    font-size: 12px;
}

.v6vr-empty p {
    margin: 0;
}

.v6vr-results {
    margin: 16px 0 0;
}

.v6vr-feedback {
    margin: 12px 0 0;
    padding: 11px 14px;
    color: #4a7c28;
    background: #f2f9ed;
    border: 1px solid #e2eed9;
    border-radius: 8px;
    font-size: 12px;
}

@media (max-width: 900px) {
    .v6vr-toolbar {
        grid-template-columns: 1fr 1fr;
    }

        .v6vr-toolbar > button {
            grid-column: 1 / -1;
            justify-self: start;
        }
}

@media (max-width: 600px) {
    .v6-vehicle-release .v6-app-wrap {
        padding: 18px 16px 28px;
    }

    .v6vr-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6vr-heading-icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6vr-toolbar {
        grid-template-columns: 1fr;
    }

        .v6vr-toolbar > button {
            width: 100%;
        }

    .v6-vehicle-release .v6vr-toolbar :is(input, select) {
        font-size: 16px;
    }

    .v6-vehicle-release .v6-panel-head {
        flex-wrap: wrap;
    }

    .v6vr-count {
        margin-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v6vr-toggle-track,
    .v6vr-toggle-track::after {
        transition: none;
    }
}

/* POI — Client Admin */

.container:has(.v6-poi) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-poi .v6-app-wrap {
    max-width: 1440px;
    padding-bottom: 32px;
}

.v6-poi [hidden] {
    display: none !important;
}

.v6poi-heading {
    display: flex;
    align-items: center;
    gap: 16px;
}

.v6poi-heading-icon,
.v6poi-location-icon,
.v6poi-empty-icon {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #54b114;
    background: #f0fbe8;
    border-radius: 12px;
}

.v6poi-heading-icon {
    width: 54px;
    height: 54px;
    font-size: 24px;
}

.v6poi-preview-note {
    margin: 0 0 20px;
    color: #769064;
    font-size: 12px;
}

.v6-poi .v6-panel {
    margin-bottom: 20px;
}

.v6poi-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.4fr) auto;
    align-items: end;
    gap: 18px;
}

.v6-poi .v6-field label {
    font-size: 12px;
}

    .v6-poi .v6-field label i {
        margin-right: 5px;
        color: #7ca85d;
    }

.v6-poi .v6-field :is(input, select) {
    min-height: 42px;
    font-size: 13px;
}

.v6poi-toolbar > button {
    min-height: 42px;
    font-size: 12px;
}

.v6poi-count {
    margin-left: auto;
    padding: 5px 10px;
    color: #508a27;
    background: #f0f8ea;
    border-radius: 20px;
    font-size: 11px;
    white-space: nowrap;
}

.v6-poi .v6-table {
    font-size: 13px;
}

    .v6-poi .v6-table th {
        padding: 13px 16px;
        font-size: 12px;
    }

        .v6-poi .v6-table th i {
            margin-right: 6px;
            color: #87a771;
        }

    .v6-poi .v6-table td {
        padding: 16px;
        vertical-align: middle;
    }

    .v6-poi .v6-table tbody tr:hover {
        background: #fdfffb;
    }

.v6poi-name {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #2b5310;
    font-weight: 600;
}

.v6poi-location-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 16px;
}

.v6poi-location,
.v6poi-city {
    display: block;
}

.v6poi-city {
    margin-top: 3px;
    color: #8ba17c;
    font-size: 11px;
}

.v6poi-coordinate {
    color: #668252;
    font-variant-numeric: tabular-nums;
}

.v6-poi .v6-table .v6poi-edit {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    color: #53a719;
    background: #f0fbe8;
    border: 1px solid #e0f2d4;
    border-radius: 7px;
    font: 600 12px "Segoe UI", Arial, sans-serif;
}

    .v6-poi .v6-table .v6poi-edit:hover {
        background: #e7f7dc;
    }

.v6poi-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.v6poi-span-all {
    grid-column: 1 / -1;
}

.v6poi-required {
    margin-left: 3px;
    color: #bc5146;
}

.v6poi-coordinate-help {
    margin: -7px 0 0;
    color: #849c73;
    font-size: 12px;
}

    .v6poi-coordinate-help i {
        margin-right: 5px;
        color: #75af4c;
    }

.v6poi-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #ecf3e7;
}

    .v6poi-actions .v6-btn {
        min-height: 42px;
        padding-inline: 20px;
        font-size: 12px;
    }

.v6poi-empty {
    padding: 36px 16px;
    text-align: center;
}

.v6poi-empty-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    font-size: 22px;
}

.v6poi-empty h3 {
    margin: 0 0 7px;
    color: #2b5310;
    font-size: 16px;
}

.v6poi-empty p,
.v6poi-results {
    color: #769064;
    font-size: 12px;
}

.v6poi-empty p {
    margin: 0;
}

.v6poi-results {
    margin: 16px 0 0;
}

.v6poi-feedback {
    margin: 0 0 18px;
    padding: 12px 16px;
    color: #4a7c28;
    background: #f2f9ed;
    border: 1px solid #e2eed9;
    border-radius: 9px;
    font-size: 12px;
}

@media (max-width: 900px) {
    .v6poi-toolbar {
        grid-template-columns: 1fr 1fr;
    }

        .v6poi-toolbar > button {
            grid-column: 1 / -1;
            justify-self: start;
        }
}

@media (max-width: 600px) {
    .v6-poi .v6-app-wrap {
        padding: 18px 16px 28px;
    }

    .v6poi-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6poi-heading-icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6poi-toolbar,
    .v6poi-form-grid {
        grid-template-columns: 1fr;
    }

        .v6poi-toolbar > button {
            width: 100%;
        }

    .v6-poi .v6-field :is(input, select) {
        font-size: 16px;
    }

    .v6-poi .v6-panel-head {
        flex-wrap: wrap;
    }

    .v6poi-count {
        margin-left: 0;
    }

    .v6poi-actions .v6-btn {
        flex: 1;
    }
}

/* ICD 10 Codes — Client Admin */

.container:has(.v6-icd10) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-icd10 .v6-app-wrap {
    max-width: 1440px;
    padding-bottom: 32px;
}

.v6-icd10 [hidden] {
    display: none !important;
}

.v6icd-heading {
    display: flex;
    align-items: center;
    gap: 16px;
}

.v6icd-heading-icon,
.v6icd-empty-icon {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #54b114;
    background: #f0fbe8;
    border-radius: 12px;
}

.v6icd-heading-icon {
    width: 54px;
    height: 54px;
    font-size: 24px;
}

.v6icd-preview-note,
.v6icd-help,
.v6icd-results {
    color: #769064;
    font-size: 12px;
}

.v6icd-preview-note {
    margin: 0 0 20px;
}

.v6-icd10 .v6-panel {
    margin-bottom: 20px;
}

.v6icd-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(160px, .7fr);
    gap: 20px;
}

.v6-icd10 .v6-field label {
    font-size: 12px;
}

    .v6-icd10 .v6-field label i {
        margin-right: 5px;
        color: #7ca85d;
    }

.v6-icd10 .v6-field :is(input, select) {
    min-height: 42px;
    font-size: 13px;
}

.v6icd-required {
    margin-left: 3px;
    color: #bc5146;
}

.v6icd-help {
    margin: 12px 0 0;
}

    .v6icd-help i {
        margin-right: 5px;
        color: #75af4c;
    }

.v6icd-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid #ecf3e7;
}

    .v6icd-actions .v6-btn {
        min-height: 42px;
        padding-inline: 20px;
        font-size: 12px;
    }

        .v6icd-actions .v6-btn:disabled {
            opacity: .55;
            cursor: not-allowed;
        }

.v6icd-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

    .v6icd-list-heading .v6-panel-head {
        margin-bottom: 0;
    }

.v6icd-search {
    width: min(320px, 100%);
    flex-shrink: 0;
}

.v6icd-count {
    padding: 5px 10px;
    color: #508a27;
    background: #f0f8ea;
    border-radius: 20px;
    font-size: 11px;
    white-space: nowrap;
}

.v6-icd10 .v6-table {
    font-size: 13px;
}

    .v6-icd10 .v6-table th {
        padding: 13px 16px;
        font-size: 12px;
    }

    .v6-icd10 .v6-table td {
        padding: 16px;
        vertical-align: middle;
    }

    .v6-icd10 .v6-table tbody tr:hover {
        background: #fdfffb;
    }

.v6icd-provider {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #2b5310;
}

    .v6icd-provider i {
        color: #86b168;
    }

.v6icd-code {
    display: inline-block;
    padding: 5px 10px;
    color: #53a719;
    background: #f1fbea;
    border: 1px solid #e3f2d9;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .4px;
}

.v6-icd10 .v6-table .v6icd-price-column {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.v6-icd10 .v6-table .v6icd-edit {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    color: #53a719;
    background: #f0fbe8;
    border: 1px solid #e0f2d4;
    border-radius: 7px;
    font: 600 12px "Segoe UI", Arial, sans-serif;
}

    .v6-icd10 .v6-table .v6icd-edit:hover {
        background: #e7f7dc;
    }

.v6icd-empty {
    padding: 36px 16px;
    text-align: center;
}

.v6icd-empty-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    font-size: 22px;
}

.v6icd-empty h3 {
    margin: 0 0 7px;
    color: #2b5310;
    font-size: 16px;
}

.v6icd-empty p {
    margin: 0;
    color: #769064;
    font-size: 12px;
}

.v6icd-results {
    margin: 16px 0 0;
}

.v6icd-feedback {
    margin: 0 0 18px;
    padding: 12px 16px;
    color: #4a7c28;
    background: #f2f9ed;
    border: 1px solid #e2eed9;
    border-radius: 9px;
    font-size: 12px;
}

@media (max-width: 850px) {
    .v6icd-form-grid {
        grid-template-columns: 1fr 1fr;
    }

        .v6icd-form-grid > .v6-field:last-child {
            grid-column: 1 / -1;
        }

    .v6icd-list-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .v6icd-search {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .v6-icd10 .v6-app-wrap {
        padding: 18px 16px 28px;
    }

    .v6icd-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6icd-heading-icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6icd-form-grid {
        grid-template-columns: 1fr;
    }

    .v6-icd10 .v6-field :is(input, select) {
        font-size: 16px;
    }

    .v6icd-list-heading .v6-panel-head {
        flex-wrap: wrap;
    }

    .v6icd-actions .v6-btn {
        flex: 1;
    }
}

/* CUSTOMER PRICES */

.container:has(.v6-customer-prices) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-customer-prices .v6-app-wrap {
    max-width: 1440px;
    padding-bottom: 32px;
}

.v6-customer-prices [hidden] {
    display: none !important;
}

.v6-customer-prices .v6cp-page-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-customer-prices .v6cp-heading-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border: 1px solid #e1f2d5;
    border-radius: 16px;
    background: #f1fbea;
    color: #54b114;
    font-size: 23px;
}

.v6-customer-prices h1 {
    margin: 4px 0 6px;
    color: #2b5310;
    font-size: clamp(24px, 3vw, 30px);
    font-weight: 700;
    line-height: 1.2;
}

.v6-customer-prices .v6cp-description {
    margin: 0;
    color: #769064;
    font-size: 13px;
    line-height: 1.6;
}

.v6-customer-prices .v6cp-preview-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

    .v6-customer-prices .v6cp-preview-note i {
        color: #54b114;
    }

.v6-customer-prices .v6cp-feedback {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #d9ebcc;
    border-radius: 10px;
    background: #f4faef;
    color: #426b25;
    line-height: 1.6;
}

.v6-customer-prices .v6cp-form-panel {
    margin-bottom: 22px;
}

.v6-customer-prices .v6cp-panel-heading,
.v6-customer-prices .v6cp-list-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.v6-customer-prices .v6cp-panel-heading {
    margin-bottom: 24px;
}

.v6-customer-prices .v6cp-panel-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #f1fbea;
    color: #54b114;
    font-size: 16px;
}

.v6-customer-prices h2 {
    margin: 0;
    color: #2b5310;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.v6-customer-prices .v6cp-panel-heading p,
.v6-customer-prices .v6cp-list-title p {
    margin: 4px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6-customer-prices .v6cp-form-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.v6-customer-prices .v6-field {
    min-width: 0;
}

    .v6-customer-prices .v6-field label {
        color: #4c6b36;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-customer-prices .v6-field input,
    .v6-customer-prices .v6-field select {
        width: 100%;
        min-height: 42px;
        box-sizing: border-box;
        padding: 10px 12px;
        border: 1px solid #e3eedc;
        border-radius: 9px;
        background: #fff;
        color: #3c5f24;
        font-family: inherit;
        font-size: 13px;
        line-height: 1.4;
    }

        .v6-customer-prices .v6-field input::placeholder {
            color: #98ab8a;
        }

        .v6-customer-prices .v6-field input:focus,
        .v6-customer-prices .v6-field select:focus {
            border-color: #54b114;
            outline: 3px solid #54b1141f;
            outline-offset: 1px;
        }

.v6-customer-prices .v6cp-required {
    color: #c44f60;
}

.v6-customer-prices .v6cp-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #edf3e8;
}

.v6-customer-prices .v6cp-required-note {
    margin: 0;
    color: #769064;
    font-size: 12px;
}

.v6-customer-prices .v6cp-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .v6-customer-prices .v6cp-actions .v6-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 42px;
        padding: 10px 18px;
        font-family: inherit;
        font-size: 13px;
        cursor: pointer;
    }

.v6-customer-prices button:disabled {
    opacity: .55;
    cursor: not-allowed;
}

.v6-customer-prices .v6cp-list-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
}

.v6-customer-prices .v6cp-title-line {
    display: flex;
    align-items: center;
    gap: 9px;
}

.v6-customer-prices .v6cp-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    padding: 3px 8px;
    border-radius: 20px;
    background: #f1fbea;
    color: #4fa216;
    font-size: 11px;
    font-weight: 700;
}

.v6-customer-prices .v6cp-filters {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(220px, 1.3fr);
    gap: 12px;
    width: 490px;
    max-width: 100%;
}

.v6-customer-prices .v6cp-search {
    position: relative;
}

    .v6-customer-prices .v6cp-search > i {
        position: absolute;
        top: 50%;
        left: 13px;
        transform: translateY(-50%);
        color: #92aa82;
        pointer-events: none;
    }

    .v6-customer-prices .v6cp-search input {
        padding-left: 37px;
    }

.v6-customer-prices .v6-table {
    min-width: 680px;
    font-size: 13px;
}

    .v6-customer-prices .v6-table th {
        padding: 13px 16px;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-customer-prices .v6-table td {
        padding: 16px;
        color: #4c6b36;
        vertical-align: middle;
    }

    .v6-customer-prices .v6-table tbody tr:hover {
        background: #fafdf8;
    }

    .v6-customer-prices .v6-table .v6cp-customer {
        color: #2b5310;
        font-weight: 600;
    }

.v6-customer-prices .v6cp-care {
    display: inline-flex;
    padding: 5px 10px;
    border: 1px solid #e2f1d8;
    border-radius: 7px;
    background: #f4fbef;
    color: #4fa216;
    font-size: 11px;
    font-weight: 700;
}

.v6-customer-prices .v6-table .v6cp-price {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.v6-customer-prices .v6-table .v6cp-options {
    width: 100px;
    text-align: right;
}

.v6-customer-prices .v6-table .v6cp-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid #e0efd5;
    border-radius: 8px;
    background: #fff;
    color: #4fa216;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

    .v6-customer-prices .v6-table .v6cp-edit:hover {
        border-color: #c0e0a9;
        background: #f4fbef;
    }

.v6-customer-prices button:focus-visible {
    outline: 3px solid #54b11440;
    outline-offset: 3px;
}

.v6-customer-prices .v6cp-empty {
    padding: 46px 20px;
    border: 1px dashed #e3eedc;
    border-radius: 10px;
    text-align: center;
}

    .v6-customer-prices .v6cp-empty > i {
        margin-bottom: 12px;
        color: #acc59a;
        font-size: 29px;
    }

    .v6-customer-prices .v6cp-empty h3 {
        margin: 0 0 6px;
        color: #4c6b36;
        font-size: 15px;
    }

    .v6-customer-prices .v6cp-empty p,
    .v6-customer-prices .v6cp-results,
    .v6-customer-prices .v6cp-noscript {
        color: #769064;
        font-size: 12px;
        line-height: 1.6;
    }

    .v6-customer-prices .v6cp-empty p {
        margin: 0;
    }

.v6-customer-prices .v6cp-results {
    margin: 14px 0 0;
}

@media (max-width: 1100px) {
    .v6-customer-prices .v6cp-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .v6-customer-prices .v6cp-list-heading {
        flex-direction: column;
    }

    .v6-customer-prices .v6cp-filters {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .v6-customer-prices .v6-app-wrap {
        padding: 16px 16px 28px;
    }

    .v6-customer-prices .v6-panel {
        padding: 18px;
    }

    .v6-customer-prices .v6cp-page-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6-customer-prices .v6cp-heading-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 19px;
    }

    .v6-customer-prices .v6cp-form-grid,
    .v6-customer-prices .v6cp-filters {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .v6-customer-prices .v6-field input,
    .v6-customer-prices .v6-field select {
        font-size: 16px;
    }

    .v6-customer-prices .v6cp-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6-customer-prices .v6cp-actions .v6-btn {
        flex: 1;
    }
}

/* Call Source — Client Admin */

.container:has(.v6-call-source) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-call-source .v6-app-wrap {
    max-width: 1440px;
    padding-bottom: 32px;
}

.v6-call-source [hidden] {
    display: none !important;
}

.v6cs-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6cs-heading-icon,
.v6cs-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #f1fbea;
    color: #54b114;
}

.v6cs-heading-icon {
    width: 54px;
    height: 54px;
    border: 1px solid #e1f2d5;
    border-radius: 16px;
    font-size: 23px;
}

.v6-call-source h1 {
    margin: 4px 0 6px;
    color: #2b5310;
    font-size: clamp(24px, 3vw, 30px);
    font-weight: 700;
    line-height: 1.2;
}

.v6cs-heading > div > p:last-child {
    margin: 0;
    color: #769064;
    font-size: 13px;
    line-height: 1.6;
}

.v6cs-preview-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

    .v6cs-preview-note i {
        color: #54b114;
    }

.v6cs-feedback {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #d9ebcc;
    border-radius: 10px;
    background: #f4faef;
    color: #426b25;
    line-height: 1.6;
}

.v6cs-company-panel,
.v6cs-form-panel {
    margin-bottom: 22px;
}

.v6cs-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.v6cs-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 16px;
}

.v6-call-source h2 {
    margin: 0;
    color: #2b5310;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.v6cs-panel-heading p {
    margin: 4px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6cs-company-field,
.v6cs-name-field {
    max-width: 560px;
}

.v6-call-source .v6-field label {
    color: #4c6b36;
    font-size: 12px;
    font-weight: 600;
}

.v6-call-source .v6-field input,
.v6-call-source .v6-field select {
    width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #e3eedc;
    border-radius: 9px;
    background: #fff;
    color: #3c5f24;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.4;
}

    .v6-call-source .v6-field input::placeholder {
        color: #98ab8a;
    }

    .v6-call-source .v6-field input:focus,
    .v6-call-source .v6-field select:focus {
        border-color: #54b114;
        outline: 3px solid #54b1141f;
        outline-offset: 1px;
    }

.v6cs-required {
    color: #c44f60;
}

.v6cs-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #edf3e8;
}

.v6cs-required-note {
    margin: 0;
    color: #769064;
    font-size: 12px;
}

.v6cs-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.v6-call-source .v6cs-actions .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 18px;
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}

.v6-call-source button:disabled {
    opacity: .55;
    cursor: not-allowed;
}

.v6cs-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
}

    .v6cs-list-heading .v6cs-panel-heading {
        margin-bottom: 0;
    }

.v6cs-title-line {
    display: flex;
    align-items: center;
    gap: 9px;
}

.v6cs-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    padding: 3px 8px;
    border-radius: 20px;
    background: #f1fbea;
    color: #4fa216;
    font-size: 11px;
    font-weight: 700;
}

.v6cs-search-field {
    width: 310px;
    max-width: 100%;
}

.v6cs-search {
    position: relative;
}

    .v6cs-search > i {
        position: absolute;
        top: 50%;
        left: 13px;
        transform: translateY(-50%);
        color: #92aa82;
        pointer-events: none;
    }

.v6-call-source .v6cs-search input {
    padding-left: 37px;
}

.v6-call-source .v6-table {
    min-width: 460px;
    font-size: 13px;
}

    .v6-call-source .v6-table th {
        padding: 13px 16px;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-call-source .v6-table td {
        padding: 16px;
        color: #4c6b36;
        vertical-align: middle;
    }

    .v6-call-source .v6-table tbody tr:hover {
        background: #fafdf8;
    }

.v6cs-source-name {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #2b5310;
    font-weight: 600;
}

    .v6cs-source-name > i {
        color: #90b875;
        font-size: 13px;
    }

.v6-call-source .v6-table .v6cs-options {
    width: 180px;
    text-align: right;
}

.v6cs-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.v6-call-source .v6-table .v6cs-row-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid #e0efd5;
    border-radius: 8px;
    background: #fff;
    color: #4fa216;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

    .v6-call-source .v6-table .v6cs-row-button:hover {
        background: #f4fbef;
        border-color: #c0e0a9;
    }

.v6-call-source .v6-table .v6cs-delete {
    color: #b35664;
    border-color: #eedce0;
}

    .v6-call-source .v6-table .v6cs-delete:hover {
        background: #fff3f5;
        border-color: #dfb8c0;
    }

.v6-call-source button:focus-visible {
    outline: 3px solid #54b11440;
    outline-offset: 3px;
}

.v6cs-empty {
    padding: 44px 20px;
    border: 1px dashed #e3eedc;
    border-radius: 10px;
    text-align: center;
}

    .v6cs-empty > i {
        margin-bottom: 12px;
        color: #acc59a;
        font-size: 28px;
    }

    .v6cs-empty h3 {
        margin: 0 0 6px;
        color: #4c6b36;
        font-size: 15px;
    }

    .v6cs-empty p,
    .v6cs-results {
        color: #769064;
        font-size: 12px;
        line-height: 1.6;
    }

    .v6cs-empty p {
        margin: 0;
    }

.v6cs-results {
    margin: 14px 0 0;
}

@media (max-width: 700px) {
    .v6cs-list-heading {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .v6cs-search-field {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .v6-call-source .v6-app-wrap {
        padding: 16px 16px 28px;
    }

    .v6-call-source .v6-panel {
        padding: 18px;
    }

    .v6cs-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6cs-heading-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 19px;
    }

    .v6-call-source .v6-field input,
    .v6-call-source .v6-field select {
        font-size: 16px;
    }

    .v6cs-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6cs-actions .v6-btn {
        flex: 1;
    }
}

/* Events — Client Admin */

.container:has(.v6-admin-events) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-admin-events .v6-app-wrap {
    max-width: 1440px;
    padding-bottom: 32px;
}

.v6-admin-events [hidden] {
    display: none !important;
}

.v6ae-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6ae-heading-icon,
.v6ae-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #f1fbea;
    color: #54b114;
}

.v6ae-heading-icon {
    width: 54px;
    height: 54px;
    border: 1px solid #e1f2d5;
    border-radius: 16px;
    font-size: 23px;
}

.v6-admin-events h1 {
    margin: 4px 0 6px;
    color: #2b5310;
    font-size: clamp(24px, 3vw, 30px);
    font-weight: 700;
    line-height: 1.2;
}

.v6ae-heading > div > p:last-child {
    margin: 0;
    color: #769064;
    font-size: 13px;
    line-height: 1.6;
}

.v6ae-preview-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

    .v6ae-preview-note i {
        color: #54b114;
    }

.v6ae-feedback {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #d9ebcc;
    border-radius: 10px;
    background: #f4faef;
    color: #426b25;
    line-height: 1.6;
}

.v6ae-form-panel {
    margin-bottom: 22px;
}

.v6ae-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6ae-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 16px;
}

.v6-admin-events h2 {
    margin: 0;
    color: #2b5310;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.v6ae-panel-heading p {
    margin: 4px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6ae-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 30px;
}

.v6ae-details,
.v6ae-settings {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

.v6ae-section-title {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #54b114;
}

.v6ae-details > .v6ae-section-title {
    margin-top: 5px;
    padding-top: 20px;
    border-top: 1px solid #edf3e8;
}

.v6ae-section-title h3 {
    margin: 0;
    color: #4c6b36;
    font-size: 13px;
    font-weight: 700;
}

.v6ae-coordinate-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.v6-admin-events .v6-field {
    min-width: 0;
}

    .v6-admin-events .v6-field label {
        color: #4c6b36;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-admin-events .v6-field input,
    .v6-admin-events .v6-field select {
        width: 100%;
        min-height: 42px;
        box-sizing: border-box;
        padding: 10px 12px;
        border: 1px solid #e3eedc;
        border-radius: 9px;
        background: #fff;
        color: #3c5f24;
        font-family: inherit;
        font-size: 13px;
        line-height: 1.4;
    }

        .v6-admin-events .v6-field input::placeholder {
            color: #98ab8a;
        }

        .v6-admin-events .v6-field input:focus,
        .v6-admin-events .v6-field select:focus {
            border-color: #54b114;
            outline: 3px solid #54b1141f;
            outline-offset: 1px;
        }

        .v6-admin-events .v6-field input:disabled,
        .v6-admin-events .v6-field select:disabled {
            background: #f5f9f3;
            color: #8fa481;
            cursor: not-allowed;
        }

.v6ae-help {
    margin: 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6ae-required {
    color: #c44f60;
}

.v6ae-settings-card {
    min-width: 0;
    margin: 0;
    padding: 18px;
    border: 1px solid #e8f1e1;
    border-radius: 12px;
    background: #fcfefb;
}

    .v6ae-settings-card > .v6ae-section-title {
        margin-bottom: 16px;
    }

    .v6ae-settings-card legend {
        float: none;
        width: auto;
        margin: 0;
        padding: 0 7px;
        color: #4c6b36;
        font-size: 13px;
        font-weight: 700;
    }

.v6ae-check-option {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: #4c6b36;
    font-size: 13px;
    cursor: pointer;
}

.v6-admin-events .v6ae-check-option input {
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #54b114;
}

.v6ae-vehicle-options {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin: 16px 0 20px;
}

.v6ae-vehicle-picker {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px;
    margin-bottom: 16px;
}

.v6-admin-events #DDSelectedVehicle {
    min-height: 116px;
    padding: 6px;
}

    .v6-admin-events #DDSelectedVehicle option {
        padding: 7px 9px;
        border-radius: 5px;
    }

.v6ae-selected-footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-top: 12px;
}

.v6ae-remove {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #b35664;
    font: 12px/1.6 "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.v6ae-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid #edf3e8;
}

.v6ae-required-note {
    margin: 0;
    color: #769064;
    font-size: 12px;
}

.v6ae-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.v6-admin-events .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 17px;
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}

.v6-admin-events button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.v6-admin-events button:focus-visible,
.v6-admin-events input[type="radio"]:focus-visible,
.v6-admin-events input[type="checkbox"]:focus-visible {
    outline: 3px solid #54b11440;
    outline-offset: 3px;
}

.v6ae-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
}

    .v6ae-list-heading .v6ae-panel-heading {
        margin-bottom: 0;
    }

.v6ae-title-line {
    display: flex;
    align-items: center;
    gap: 9px;
}

.v6ae-count,
.v6ae-default {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 9px;
    border-radius: 20px;
    background: #f1fbea;
    color: #4fa216;
    font-size: 11px;
    font-weight: 700;
}

.v6ae-default {
    background: #f2f9ed;
    color: #528330;
}

.v6ae-search-field {
    width: 310px;
    max-width: 100%;
}

.v6ae-search {
    position: relative;
}

    .v6ae-search > i {
        position: absolute;
        top: 50%;
        left: 13px;
        transform: translateY(-50%);
        color: #92aa82;
        pointer-events: none;
    }

.v6-admin-events .v6ae-search input {
    padding-left: 37px;
}

.v6-admin-events .v6-table {
    min-width: 700px;
    font-size: 13px;
}

    .v6-admin-events .v6-table th {
        padding: 13px 16px;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-admin-events .v6-table td {
        padding: 16px;
        color: #4c6b36;
        vertical-align: middle;
    }

    .v6-admin-events .v6-table tbody tr:hover {
        background: #fafdf8;
    }

.v6ae-event-name {
    display: block;
    color: #2b5310;
    font-weight: 600;
}

.v6ae-event-address {
    display: block;
    max-width: 380px;
    margin-top: 4px;
    color: #88a078;
    font-size: 12px;
    white-space: normal;
    overflow-wrap: anywhere;
}

.v6-admin-events .v6-table .v6ae-options {
    width: 180px;
    text-align: right;
}

.v6ae-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.v6-admin-events .v6-table .v6ae-row-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid #e0efd5;
    border-radius: 8px;
    background: #fff;
    color: #4fa216;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

    .v6-admin-events .v6-table .v6ae-row-button:hover {
        background: #f4fbef;
    }

.v6-admin-events .v6-table .v6ae-delete {
    color: #b35664;
    border-color: #eedce0;
}

    .v6-admin-events .v6-table .v6ae-delete:hover {
        background: #fff3f5;
    }

.v6ae-empty {
    padding: 44px 20px;
    border: 1px dashed #e3eedc;
    border-radius: 10px;
    text-align: center;
}

    .v6ae-empty > i {
        margin-bottom: 12px;
        color: #acc59a;
        font-size: 28px;
    }

    .v6ae-empty h3 {
        margin: 0 0 6px;
        color: #4c6b36;
        font-size: 15px;
    }

    .v6ae-empty p,
    .v6ae-results {
        color: #769064;
        font-size: 12px;
        line-height: 1.6;
    }

    .v6ae-empty p {
        margin: 0;
    }

.v6ae-results {
    margin: 14px 0 0;
}

@media (max-width: 1050px) {
    .v6ae-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .v6ae-settings {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 700px) {
    .v6ae-list-heading {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .v6ae-search-field {
        width: 100%;
    }

    .v6ae-coordinate-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .v6-admin-events .v6-app-wrap {
        padding: 16px 16px 28px;
    }

    .v6-admin-events .v6-panel {
        padding: 18px;
    }

    .v6ae-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6ae-heading-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 19px;
    }

    .v6ae-coordinate-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .v6-admin-events .v6-field input,
    .v6-admin-events .v6-field select {
        font-size: 16px;
    }

    .v6ae-form-footer,
    .v6ae-selected-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6ae-actions .v6-btn {
        flex: 1;
    }
}

/* Event POI — Client Admin */

.container:has(.v6-event-poi) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-event-poi .v6-app-wrap {
    max-width: 1440px;
    padding-bottom: 32px;
}

.v6-event-poi [hidden] {
    display: none !important;
}

.v6epoi-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6epoi-heading-icon,
.v6epoi-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #f1fbea;
    color: #54b114;
}

.v6epoi-heading-icon {
    width: 54px;
    height: 54px;
    border: 1px solid #e1f2d5;
    border-radius: 16px;
    font-size: 23px;
}

.v6-event-poi h1 {
    margin: 4px 0 6px;
    color: #2b5310;
    font-size: clamp(24px, 3vw, 30px);
    font-weight: 700;
    line-height: 1.2;
}

.v6epoi-heading > div > p:last-child {
    margin: 0;
    color: #769064;
    font-size: 13px;
    line-height: 1.6;
}

.v6epoi-preview-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

    .v6epoi-preview-note i {
        color: #54b114;
    }

.v6epoi-feedback {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #d9ebcc;
    border-radius: 10px;
    background: #f4faef;
    color: #426b25;
    line-height: 1.6;
}

.v6epoi-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6epoi-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 16px;
}

.v6-event-poi h2 {
    margin: 0;
    color: #2b5310;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.v6epoi-panel-heading p {
    margin: 4px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6epoi-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

    .v6epoi-list-heading .v6epoi-panel-heading {
        margin-bottom: 0;
    }

.v6epoi-title-line {
    display: flex;
    align-items: center;
    gap: 9px;
}

.v6epoi-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    padding: 3px 8px;
    border-radius: 20px;
    background: #f1fbea;
    color: #4fa216;
    font-size: 11px;
    font-weight: 700;
}

.v6epoi-filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid #ebf3e5;
    border-radius: 11px;
    background: #fcfefb;
}

.v6-event-poi .v6-field {
    min-width: 0;
}

    .v6-event-poi .v6-field label {
        color: #4c6b36;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-event-poi .v6-field input,
    .v6-event-poi .v6-field select {
        width: 100%;
        min-height: 42px;
        box-sizing: border-box;
        padding: 10px 12px;
        border: 1px solid #e3eedc;
        border-radius: 9px;
        background: #fff;
        color: #3c5f24;
        font-family: inherit;
        font-size: 13px;
        line-height: 1.4;
    }

        .v6-event-poi .v6-field input::placeholder {
            color: #98ab8a;
        }

        .v6-event-poi .v6-field input:focus,
        .v6-event-poi .v6-field select:focus {
            border-color: #54b114;
            outline: 3px solid #54b1141f;
            outline-offset: 1px;
        }

.v6epoi-search {
    position: relative;
}

    .v6epoi-search > i {
        position: absolute;
        top: 50%;
        left: 13px;
        transform: translateY(-50%);
        color: #92aa82;
        pointer-events: none;
    }

.v6-event-poi .v6epoi-search input {
    padding-left: 37px;
}

.v6epoi-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
    align-items: start;
    gap: 28px;
}

.v6epoi-fields {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.v6epoi-coordinate-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.v6epoi-required {
    color: #c44f60;
}

.v6epoi-upload {
    min-width: 0;
    padding: 20px;
    border: 1px solid #e8f1e1;
    border-radius: 12px;
    background: #fcfefb;
}

    .v6epoi-upload h3 {
        margin: 0 0 6px;
        color: #4c6b36;
        font-size: 14px;
        font-weight: 700;
    }

.v6epoi-help {
    margin: 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6epoi-icon-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    margin: 20px 0;
    overflow: hidden;
    border: 1px dashed #cee6bd;
    border-radius: 14px;
    background: #f4fbef;
}

    .v6epoi-icon-preview > i {
        color: #54b114;
        font-size: 34px;
    }

    .v6epoi-icon-preview img {
        display: block;
        width: 76px;
        height: 76px;
        object-fit: contain;
    }

.v6-event-poi #FUIcon {
    padding: 7px;
    font-size: 12px;
}

    .v6-event-poi #FUIcon::file-selector-button {
        margin-right: 9px;
        padding: 7px 9px;
        border: 0;
        border-radius: 6px;
        background: #f1fbea;
        color: #4fa216;
        font-family: inherit;
        cursor: pointer;
    }

.v6epoi-clear-icon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 15px 0 8px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #b35664;
    font: 12px/1.6 "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.v6epoi-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid #edf3e8;
}

.v6epoi-required-note {
    margin: 0;
    color: #769064;
    font-size: 12px;
}

.v6epoi-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.v6-event-poi .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 17px;
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}

.v6-event-poi button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.v6-event-poi button:focus-visible {
    outline: 3px solid #54b11440;
    outline-offset: 3px;
}

.v6-event-poi .v6-table {
    min-width: 820px;
    font-size: 13px;
}

    .v6-event-poi .v6-table th {
        padding: 13px 16px;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-event-poi .v6-table td {
        padding: 16px;
        color: #4c6b36;
        vertical-align: middle;
    }

    .v6-event-poi .v6-table tbody tr:hover {
        background: #fafdf8;
    }

.v6epoi-name-cell {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #2b5310;
    font-weight: 600;
}

.v6epoi-row-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border: 1px solid #e7f2df;
    border-radius: 9px;
    background: #f5fbf0;
    color: #54b114;
}

    .v6epoi-row-icon img {
        display: block;
        width: 28px;
        height: 28px;
        object-fit: contain;
    }

.v6-event-poi .v6-table .v6epoi-coordinate {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.v6-event-poi .v6-table .v6epoi-options {
    width: 180px;
    text-align: right;
}

.v6epoi-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.v6-event-poi .v6-table .v6epoi-row-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid #e0efd5;
    border-radius: 8px;
    background: #fff;
    color: #4fa216;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

    .v6-event-poi .v6-table .v6epoi-row-button:hover {
        background: #f4fbef;
    }

.v6-event-poi .v6-table .v6epoi-delete {
    color: #b35664;
    border-color: #eedce0;
}

    .v6-event-poi .v6-table .v6epoi-delete:hover {
        background: #fff3f5;
    }

.v6epoi-empty {
    margin-top: 18px;
    padding: 44px 20px;
    border: 1px dashed #e3eedc;
    border-radius: 10px;
    text-align: center;
}

    .v6epoi-empty > i {
        margin-bottom: 12px;
        color: #acc59a;
        font-size: 28px;
    }

    .v6epoi-empty h3 {
        margin: 0 0 6px;
        color: #4c6b36;
        font-size: 15px;
    }

    .v6epoi-empty p,
    .v6epoi-results {
        color: #769064;
        font-size: 12px;
        line-height: 1.6;
    }

    .v6epoi-empty p {
        margin: 0;
    }

.v6epoi-results {
    margin: 14px 0 0;
}

@media (max-width: 900px) {
    .v6epoi-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 700px) {
    .v6epoi-list-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .v6epoi-filters {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .v6-event-poi .v6-app-wrap {
        padding: 16px 16px 28px;
    }

    .v6-event-poi .v6-panel {
        padding: 18px;
    }

    .v6epoi-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6epoi-heading-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 19px;
    }

    .v6epoi-coordinate-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .v6-event-poi .v6-field input,
    .v6-event-poi .v6-field select {
        font-size: 16px;
    }

    .v6epoi-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6epoi-actions .v6-btn {
        flex: 1;
    }
}

/* PRF Check List — Client Admin */

.container:has(.v6-prf-check-list) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-prf-check-list .v6-app-wrap {
    max-width: 1440px;
    padding-bottom: 32px;
}

.v6-prf-check-list [hidden] {
    display: none !important;
}

.v6prf-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6prf-heading-icon,
.v6prf-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #f1fbea;
    color: #54b114;
}

.v6prf-heading-icon {
    width: 54px;
    height: 54px;
    border: 1px solid #e1f2d5;
    border-radius: 16px;
    font-size: 23px;
}

.v6-prf-check-list h1 {
    margin: 4px 0 6px;
    color: #2b5310;
    font-size: clamp(24px, 3vw, 30px);
    font-weight: 700;
    line-height: 1.2;
}

.v6prf-heading > div > p:last-child {
    margin: 0;
    color: #769064;
    font-size: 13px;
    line-height: 1.6;
}

.v6prf-preview-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

    .v6prf-preview-note i {
        color: #54b114;
    }

.v6prf-feedback {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #d9ebcc;
    border-radius: 10px;
    background: #f4faef;
    color: #426b25;
    line-height: 1.6;
}

    .v6prf-feedback[data-error="true"] {
        border-color: #edd8c2;
        background: #fff8ee;
        color: #8f642e;
    }

.v6prf-item-panel {
    margin-bottom: 22px;
}

.v6prf-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6prf-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 16px;
}

.v6-prf-check-list h2 {
    margin: 0;
    color: #2b5310;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.v6prf-panel-heading p {
    margin: 4px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6prf-item-form,
.v6prf-reason-form {
    display: grid;
    align-items: end;
    gap: 18px;
    padding: 18px;
    border: 1px solid #ebf3e5;
    border-radius: 11px;
    background: #fcfefb;
}

.v6prf-item-form {
    grid-template-columns: minmax(0, 1fr) auto;
}

.v6prf-reason-form {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
}

.v6-prf-check-list .v6-field {
    min-width: 0;
}

    .v6-prf-check-list .v6-field label {
        color: #4c6b36;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-prf-check-list .v6-field input,
    .v6-prf-check-list .v6-field select {
        width: 100%;
        min-height: 42px;
        box-sizing: border-box;
        padding: 10px 12px;
        border: 1px solid #e3eedc;
        border-radius: 9px;
        background: #fff;
        color: #3c5f24;
        font-family: inherit;
        font-size: 13px;
        line-height: 1.4;
    }

        .v6-prf-check-list .v6-field input::placeholder {
            color: #98ab8a;
        }

        .v6-prf-check-list .v6-field input:focus,
        .v6-prf-check-list .v6-field select:focus {
            border-color: #54b114;
            outline: 3px solid #54b1141f;
            outline-offset: 1px;
        }

        .v6-prf-check-list .v6-field input:disabled,
        .v6-prf-check-list .v6-field select:disabled {
            background: #f5f9f3;
            color: #8fa481;
            cursor: not-allowed;
        }

.v6prf-required {
    color: #c44f60;
}

.v6-prf-check-list .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 18px;
    font-family: inherit;
    font-size: 13px;
    white-space: nowrap;
    cursor: pointer;
}

.v6-prf-check-list button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.v6-prf-check-list button:focus-visible {
    outline: 3px solid #54b11440;
    outline-offset: 3px;
}

.v6prf-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 24px;
}

.v6prf-title-line {
    display: flex;
    align-items: center;
    gap: 9px;
}

    .v6prf-title-line h3 {
        margin: 0;
        color: #4c6b36;
        font-size: 13px;
        font-weight: 700;
    }

.v6prf-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    padding: 3px 8px;
    border-radius: 20px;
    background: #f1fbea;
    color: #4fa216;
    font-size: 11px;
    font-weight: 700;
}

.v6prf-search-field {
    width: 310px;
    max-width: 100%;
}

.v6prf-search {
    position: relative;
}

    .v6prf-search > i {
        position: absolute;
        top: 50%;
        left: 13px;
        transform: translateY(-50%);
        color: #92aa82;
        pointer-events: none;
    }

.v6-prf-check-list .v6prf-search input {
    padding-left: 37px;
}

.v6-prf-check-list .v6-table {
    min-width: 500px;
    font-size: 13px;
}

    .v6-prf-check-list .v6-table th {
        padding: 13px 16px;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-prf-check-list .v6-table td {
        padding: 15px 16px;
        color: #4c6b36;
        vertical-align: middle;
    }

    .v6-prf-check-list .v6-table tbody tr:hover {
        background: #fafdf8;
    }

    .v6-prf-check-list .v6-table .v6prf-description {
        color: #2b5310;
        font-weight: 600;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .v6-prf-check-list .v6-table .v6prf-reason {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .v6-prf-check-list .v6-table .v6prf-options {
        width: 110px;
        text-align: right;
    }

    .v6-prf-check-list .v6-table .v6prf-delete {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 34px;
        padding: 7px 11px;
        border: 1px solid #eedce0;
        border-radius: 8px;
        background: #fff;
        color: #b35664;
        font-family: inherit;
        font-size: 12px;
        font-weight: 600;
        cursor: pointer;
    }

        .v6-prf-check-list .v6-table .v6prf-delete:hover {
            border-color: #dfb8c0;
            background: #fff3f5;
        }

    .v6-prf-check-list .v6-table .v6prf-empty {
        padding: 30px 16px;
        color: #88a078;
        text-align: center;
        white-space: normal;
    }

.v6prf-help,
.v6prf-results {
    margin: 14px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

@media (max-width: 1000px) {
    .v6prf-reason-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .v6prf-reason-form > .v6-btn {
            grid-column: 1 / -1;
            justify-self: end;
        }
}

@media (max-width: 700px) {
    .v6prf-list-heading {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .v6prf-search-field {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .v6-prf-check-list .v6-app-wrap {
        padding: 16px 16px 28px;
    }

    .v6-prf-check-list .v6-panel {
        padding: 18px;
    }

    .v6prf-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6prf-heading-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 19px;
    }

    .v6prf-item-form,
    .v6prf-reason-form {
        grid-template-columns: minmax(0, 1fr);
        padding: 14px;
    }

        .v6prf-reason-form > .v6-btn {
            justify-self: stretch;
        }

    .v6-prf-check-list .v6-field input,
    .v6-prf-check-list .v6-field select {
        font-size: 16px;
    }
}

/* Level of Care Prices — Client Admin */

.container:has(.v6-level-of-care-prices) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-level-of-care-prices .v6-app-wrap {
    max-width: 1440px;
    padding-bottom: 32px;
}

.v6-level-of-care-prices [hidden] {
    display: none !important;
}

.v6locp-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6locp-heading-icon,
.v6locp-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #f1fbea;
    color: #54b114;
}

.v6locp-heading-icon {
    width: 54px;
    height: 54px;
    border: 1px solid #e1f2d5;
    border-radius: 16px;
    font-size: 23px;
}

.v6-level-of-care-prices h1 {
    margin: 4px 0 6px;
    color: #2b5310;
    font-size: clamp(24px, 3vw, 30px);
    font-weight: 700;
    line-height: 1.2;
}

.v6locp-heading > div > p:last-child {
    margin: 0;
    color: #769064;
    font-size: 13px;
    line-height: 1.6;
}

.v6locp-preview-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

    .v6locp-preview-note i {
        color: #54b114;
    }

.v6locp-feedback {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #d9ebcc;
    border-radius: 10px;
    background: #f4faef;
    color: #426b25;
    line-height: 1.6;
}

.v6locp-form-panel {
    margin-bottom: 22px;
}

.v6locp-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6locp-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 16px;
}

.v6-level-of-care-prices h2 {
    margin: 0;
    color: #2b5310;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.v6locp-panel-heading p {
    margin: 4px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6locp-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.v6-level-of-care-prices .v6-field {
    min-width: 0;
}

    .v6-level-of-care-prices .v6-field label {
        color: #4c6b36;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-level-of-care-prices .v6-field input,
    .v6-level-of-care-prices .v6-field select {
        width: 100%;
        min-height: 42px;
        box-sizing: border-box;
        padding: 10px 12px;
        border: 1px solid #e3eedc;
        border-radius: 9px;
        background: #fff;
        color: #3c5f24;
        font-family: inherit;
        font-size: 13px;
        line-height: 1.4;
    }

        .v6-level-of-care-prices .v6-field input::placeholder {
            color: #98ab8a;
        }

        .v6-level-of-care-prices .v6-field input:focus,
        .v6-level-of-care-prices .v6-field select:focus {
            border-color: #54b114;
            outline: 3px solid #54b1141f;
            outline-offset: 1px;
        }

.v6locp-required {
    color: #c44f60;
}

.v6locp-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #edf3e8;
}

.v6locp-required-note {
    margin: 0;
    color: #769064;
    font-size: 12px;
}

.v6locp-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.v6-level-of-care-prices .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 18px;
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}

.v6-level-of-care-prices button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.v6-level-of-care-prices button:focus-visible {
    outline: 3px solid #54b11440;
    outline-offset: 3px;
}

.v6locp-list-heading {
    margin-bottom: 20px;
}

    .v6locp-list-heading .v6locp-panel-heading {
        margin-bottom: 0;
    }

.v6locp-title-line {
    display: flex;
    align-items: center;
    gap: 9px;
}

.v6locp-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    padding: 3px 8px;
    border-radius: 20px;
    background: #f1fbea;
    color: #4fa216;
    font-size: 11px;
    font-weight: 700;
}

.v6locp-filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid #ebf3e5;
    border-radius: 11px;
    background: #fcfefb;
}

.v6locp-search {
    position: relative;
}

    .v6locp-search > i {
        position: absolute;
        top: 50%;
        left: 13px;
        transform: translateY(-50%);
        color: #92aa82;
        pointer-events: none;
    }

.v6-level-of-care-prices .v6locp-search input {
    padding-left: 37px;
}

.v6-level-of-care-prices .v6-table {
    min-width: 960px;
    font-size: 13px;
}

    .v6-level-of-care-prices .v6-table th {
        padding: 13px 16px;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-level-of-care-prices .v6-table td {
        padding: 16px;
        color: #4c6b36;
        vertical-align: middle;
    }

    .v6-level-of-care-prices .v6-table tbody tr:hover {
        background: #fafdf8;
    }

    .v6-level-of-care-prices .v6-table .v6locp-provider-name {
        color: #2b5310;
        font-weight: 600;
        white-space: normal;
        overflow-wrap: anywhere;
    }

.v6locp-care {
    display: inline-flex;
    padding: 5px 10px;
    border: 1px solid #e2f1d8;
    border-radius: 7px;
    background: #f4fbef;
    color: #4fa216;
    font-size: 11px;
    font-weight: 700;
}

.v6-level-of-care-prices .v6-table .v6locp-price {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.v6-level-of-care-prices .v6-table .v6locp-options {
    width: 180px;
    text-align: right;
}

.v6locp-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.v6-level-of-care-prices .v6-table .v6locp-row-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid #e0efd5;
    border-radius: 8px;
    background: #fff;
    color: #4fa216;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

    .v6-level-of-care-prices .v6-table .v6locp-row-button:hover {
        background: #f4fbef;
    }

.v6-level-of-care-prices .v6-table .v6locp-delete {
    color: #b35664;
    border-color: #eedce0;
}

    .v6-level-of-care-prices .v6-table .v6locp-delete:hover {
        background: #fff3f5;
    }

.v6locp-empty {
    margin-top: 18px;
    padding: 44px 20px;
    border: 1px dashed #e3eedc;
    border-radius: 10px;
    text-align: center;
}

    .v6locp-empty > i {
        margin-bottom: 12px;
        color: #acc59a;
        font-size: 28px;
    }

    .v6locp-empty h3 {
        margin: 0 0 6px;
        color: #4c6b36;
        font-size: 15px;
    }

    .v6locp-empty p,
    .v6locp-results {
        color: #769064;
        font-size: 12px;
        line-height: 1.6;
    }

    .v6locp-empty p {
        margin: 0;
    }

.v6locp-results {
    margin: 14px 0 0;
}

@media (max-width: 1000px) {
    .v6locp-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .v6locp-filters {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .v6-level-of-care-prices .v6-app-wrap {
        padding: 16px 16px 28px;
    }

    .v6-level-of-care-prices .v6-panel {
        padding: 18px;
    }

    .v6locp-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6locp-heading-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 19px;
    }

    .v6locp-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .v6-level-of-care-prices .v6-field input,
    .v6-level-of-care-prices .v6-field select {
        font-size: 16px;
    }

    .v6locp-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6locp-actions .v6-btn {
        flex: 1;
    }
}

/* Equipment — Client Admin */

.container:has(.v6-equipment) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-equipment {
    color: #2b5310;
    background: radial-gradient( ellipse at top right, #eefae6, transparent 55% ), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-equipment *,
    .v6-equipment *::before,
    .v6-equipment *::after {
        box-sizing: border-box;
    }

    .v6-equipment .v6-app-wrap {
        max-width: 1440px;
        padding-bottom: 36px;
    }

    .v6-equipment [hidden] {
        display: none !important;
    }

.v6eq-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6eq-heading-icon,
.v6eq-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 12px;
    background: #f0fbe8;
    color: #54b114;
}

.v6eq-heading-icon {
    width: 54px;
    height: 54px;
    font-size: 24px;
}

.v6eq-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-equipment h1 {
    margin: 3px 0;
    color: #2b5310;
    font-size: 28px;
    font-weight: 650;
    letter-spacing: -.7px;
    line-height: 1.3;
}

.v6eq-heading > div > p:last-child {
    margin: 3px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6eq-preview-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

    .v6eq-preview-note i {
        color: #54b114;
    }

.v6-equipment .v6-panel {
    padding: 24px;
    border: 1px solid #e8f1e1;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6eq-feedback {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #d9ebcc;
    border-radius: 10px;
    background: #f4faef;
    color: #426b25;
    font-size: 13px;
    line-height: 1.6;
}

.v6eq-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6eq-icon {
    width: 38px;
    height: 38px;
    font-size: 17px;
}

.v6-equipment h2 {
    margin: 0;
    color: #2b5310;
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
    line-height: 1.4;
}

.v6eq-panel-heading p {
    margin: 3px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6eq-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

    .v6eq-list-heading .v6eq-panel-heading {
        margin-bottom: 0;
    }

.v6eq-title-line {
    display: flex;
    align-items: center;
    gap: 9px;
}

.v6eq-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    padding: 3px 8px;
    border-radius: 20px;
    background: #f1fbea;
    color: #4fa216;
    font-size: 11px;
    font-weight: 700;
}

.v6eq-filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid #ebf3e5;
    border-radius: 11px;
    background: #fcfefb;
}

.v6eq-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.v6-equipment .v6-field {
    min-width: 0;
}

    .v6-equipment .v6-field label {
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-equipment .v6-field input,
    .v6-equipment .v6-field select {
        width: 100%;
        min-height: 42px;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: #2b5310;
        font-family: inherit;
        font-size: 13px;
        line-height: 1.4;
    }

        .v6-equipment .v6-field input::placeholder {
            color: #90a681;
        }

        .v6-equipment .v6-field input:focus,
        .v6-equipment .v6-field select:focus {
            border-color: #54b114;
            outline: 3px solid #54b1141f;
            outline-offset: 1px;
        }

.v6eq-required {
    color: #c44f60;
}

.v6eq-search {
    position: relative;
}

    .v6eq-search > i {
        position: absolute;
        top: 50%;
        left: 13px;
        transform: translateY(-50%);
        color: #92aa82;
        pointer-events: none;
    }

.v6-equipment .v6eq-search input {
    padding-left: 37px;
}

.v6eq-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid #edf3e8;
}

.v6eq-required-note {
    margin: 0;
    color: #769064;
    font-size: 12px;
}

.v6eq-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.v6-equipment .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 17px;
    border-radius: 8px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.v6-equipment .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

    .v6-equipment .v6-btn-primary:hover {
        filter: brightness(.96);
    }

.v6-equipment button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.v6-equipment button:focus-visible {
    outline: 3px solid #9edd73;
    outline-offset: 3px;
}

.v6-equipment .v6-table {
    min-width: 760px;
    font-size: 13px;
}

    .v6-equipment .v6-table th {
        padding: 13px 16px;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-equipment .v6-table td {
        padding: 16px;
        color: #4c6b36;
        vertical-align: middle;
    }

    .v6-equipment .v6-table tbody tr:hover {
        background: #fafdf8;
    }

.v6eq-name-cell {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #2b5310;
    font-weight: 600;
}

    .v6eq-name-cell > i {
        color: #90b875;
        font-size: 15px;
    }

.v6eq-serial {
    display: inline-flex;
    padding: 4px 9px;
    border: 1px solid #e6f0df;
    border-radius: 6px;
    background: #f7fbf5;
    color: #668252;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.v6-equipment .v6-table .v6eq-options {
    width: 180px;
    text-align: right;
}

.v6eq-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.v6-equipment .v6-table .v6eq-row-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid #e0efd5;
    border-radius: 8px;
    background: #fff;
    color: #4fa216;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

    .v6-equipment .v6-table .v6eq-row-button:hover {
        background: #f4fbef;
    }

.v6-equipment .v6-table .v6eq-delete {
    color: #b35664;
    border-color: #eedce0;
}

    .v6-equipment .v6-table .v6eq-delete:hover {
        background: #fff3f5;
    }

.v6eq-empty {
    margin-top: 18px;
    padding: 44px 20px;
    border: 1px dashed #e3eedc;
    border-radius: 10px;
    text-align: center;
}

    .v6eq-empty > i {
        margin-bottom: 12px;
        color: #acc59a;
        font-size: 28px;
    }

    .v6eq-empty h3 {
        margin: 0 0 6px;
        color: #4c6b36;
        font-size: 15px;
    }

    .v6eq-empty p,
    .v6eq-help,
    .v6eq-results {
        color: #769064;
        font-size: 12px;
        line-height: 1.6;
    }

    .v6eq-empty p {
        margin: 0;
    }

.v6eq-results,
.v6eq-help {
    margin: 14px 0 0;
}

@media (max-width: 1000px) {
    .v6eq-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .v6eq-list-heading {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .v6eq-filters {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .v6-equipment .v6-app-wrap {
        padding: 16px 16px 28px;
    }

    .v6-equipment .v6-panel {
        padding: 18px;
    }

    .v6eq-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6eq-heading-icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6eq-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .v6-equipment .v6-field input,
    .v6-equipment .v6-field select {
        font-size: 16px;
    }

    .v6eq-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6eq-actions .v6-btn {
        flex: 1;
    }
}

/* Event Hospitals — Client Admin */

.container:has(.v6-event-hospitals) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-event-hospitals {
    color: #2b5310;
    background: radial-gradient( ellipse at top right, #eefae6, transparent 55% ), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-event-hospitals *,
    .v6-event-hospitals *::before,
    .v6-event-hospitals *::after {
        box-sizing: border-box;
    }

    .v6-event-hospitals .v6-app-wrap {
        max-width: 1440px;
        padding-bottom: 36px;
    }

    .v6-event-hospitals [hidden] {
        display: none !important;
    }

.v6eh-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6eh-heading-icon,
.v6eh-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 12px;
    background: #f0fbe8;
    color: #54b114;
}

.v6eh-heading-icon {
    width: 54px;
    height: 54px;
    font-size: 24px;
}

.v6eh-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-event-hospitals h1 {
    margin: 3px 0;
    color: #2b5310;
    font-size: 28px;
    font-weight: 650;
    letter-spacing: -.7px;
    line-height: 1.3;
}

.v6eh-heading > div > p:last-child {
    margin: 3px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6eh-preview-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

    .v6eh-preview-note i {
        color: #54b114;
    }

.v6-event-hospitals .v6-panel {
    padding: 24px;
    border: 1px solid #e8f1e1;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6eh-form-panel {
    margin-bottom: 22px;
}

.v6eh-feedback {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #d9ebcc;
    border-radius: 10px;
    background: #f4faef;
    color: #426b25;
    font-size: 13px;
    line-height: 1.6;
}

.v6eh-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6eh-icon {
    width: 38px;
    height: 38px;
    font-size: 17px;
}

.v6-event-hospitals h2 {
    margin: 0;
    color: #2b5310;
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
    line-height: 1.4;
}

.v6eh-panel-heading p {
    margin: 3px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6eh-form-grid,
.v6eh-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.v6eh-full-width {
    grid-column: 1 / -1;
}

.v6eh-location-heading {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 4px;
    padding-top: 20px;
    border-top: 1px solid #edf3e8;
    color: #54b114;
}

    .v6eh-location-heading h3 {
        margin: 0;
        color: #4c6b36;
        font-size: 13px;
        font-weight: 650;
    }

.v6-event-hospitals .v6-field {
    min-width: 0;
}

    .v6-event-hospitals .v6-field label {
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-event-hospitals .v6-field input,
    .v6-event-hospitals .v6-field select {
        width: 100%;
        min-height: 42px;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: #2b5310;
        font-family: inherit;
        font-size: 13px;
        line-height: 1.4;
    }

        .v6-event-hospitals .v6-field input::placeholder {
            color: #90a681;
        }

        .v6-event-hospitals .v6-field input:focus,
        .v6-event-hospitals .v6-field select:focus {
            border-color: #54b114;
            outline: 3px solid #54b1141f;
            outline-offset: 1px;
        }

        .v6-event-hospitals .v6-field input:disabled {
            background: #f5f9f3;
            color: #8fa481;
            cursor: not-allowed;
        }

.v6eh-required {
    color: #c44f60;
}

.v6eh-help {
    margin: 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6eh-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid #edf3e8;
}

.v6eh-required-note {
    margin: 0;
    color: #769064;
    font-size: 12px;
}

.v6eh-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.v6-event-hospitals .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 17px;
    border-radius: 8px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.v6-event-hospitals .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

    .v6-event-hospitals .v6-btn-primary:hover {
        filter: brightness(.96);
    }

.v6-event-hospitals button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.v6-event-hospitals button:focus-visible {
    outline: 3px solid #9edd73;
    outline-offset: 3px;
}

.v6eh-title-line {
    display: flex;
    align-items: center;
    gap: 9px;
}

.v6eh-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    padding: 3px 8px;
    border-radius: 20px;
    background: #f1fbea;
    color: #4fa216;
    font-size: 11px;
    font-weight: 700;
}

.v6eh-filters {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid #ebf3e5;
    border-radius: 11px;
    background: #fcfefb;
}

.v6eh-search {
    position: relative;
}

    .v6eh-search > i {
        position: absolute;
        top: 50%;
        left: 13px;
        transform: translateY(-50%);
        color: #92aa82;
        pointer-events: none;
    }

.v6-event-hospitals .v6eh-search input {
    padding-left: 37px;
}

.v6-event-hospitals .v6-table {
    min-width: 900px;
    font-size: 13px;
}

    .v6-event-hospitals .v6-table th {
        padding: 13px 16px;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-event-hospitals .v6-table td {
        padding: 16px;
        color: #4c6b36;
        vertical-align: middle;
    }

    .v6-event-hospitals .v6-table tbody tr:hover {
        background: #fafdf8;
    }

.v6eh-hospital-name {
    display: block;
    color: #2b5310;
    font-weight: 600;
}

.v6eh-hospital-address {
    display: block;
    max-width: 340px;
    margin-top: 4px;
    color: #88a078;
    font-size: 12px;
    white-space: normal;
    overflow-wrap: anywhere;
}

.v6-event-hospitals .v6-table .v6eh-coordinate {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.v6-event-hospitals .v6-table .v6eh-options {
    width: 180px;
    text-align: right;
}

.v6eh-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.v6-event-hospitals .v6-table .v6eh-row-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid #e0efd5;
    border-radius: 8px;
    background: #fff;
    color: #4fa216;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

    .v6-event-hospitals .v6-table .v6eh-row-button:hover {
        background: #f4fbef;
    }

.v6-event-hospitals .v6-table .v6eh-delete {
    color: #b35664;
    border-color: #eedce0;
}

    .v6-event-hospitals .v6-table .v6eh-delete:hover {
        background: #fff3f5;
    }

.v6eh-empty {
    margin-top: 18px;
    padding: 44px 20px;
    border: 1px dashed #e3eedc;
    border-radius: 10px;
    text-align: center;
}

    .v6eh-empty > i {
        margin-bottom: 12px;
        color: #acc59a;
        font-size: 28px;
    }

    .v6eh-empty h3 {
        margin: 0 0 6px;
        color: #4c6b36;
        font-size: 15px;
    }

    .v6eh-empty p,
    .v6eh-results {
        color: #769064;
        font-size: 12px;
        line-height: 1.6;
    }

    .v6eh-empty p {
        margin: 0;
    }

.v6eh-results {
    margin: 14px 0 0;
}

@media (max-width: 700px) {
    .v6eh-filters {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .v6-event-hospitals .v6-app-wrap {
        padding: 16px 16px 28px;
    }

    .v6-event-hospitals .v6-panel {
        padding: 18px;
    }

    .v6eh-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6eh-heading-icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6eh-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .v6-event-hospitals .v6-field input,
    .v6-event-hospitals .v6-field select {
        font-size: 16px;
    }

    .v6eh-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6eh-actions .v6-btn {
        flex: 1;
    }
}

/* Alert Settings — Client Admin */

.container:has(.v6-alert-settings) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-alert-settings {
    color: #2b5310;
    background: radial-gradient( ellipse at top right, #eefae6, transparent 55% ), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-alert-settings *,
    .v6-alert-settings *::before,
    .v6-alert-settings *::after {
        box-sizing: border-box;
    }

    .v6-alert-settings .v6-app-wrap {
        max-width: 1440px;
        padding-bottom: 36px;
    }

    .v6-alert-settings [hidden] {
        display: none !important;
    }

.v6als-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6als-heading-icon,
.v6als-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 12px;
    background: #f0fbe8;
    color: #54b114;
}

.v6als-heading-icon {
    width: 54px;
    height: 54px;
    font-size: 24px;
}

.v6als-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-alert-settings h1 {
    margin: 3px 0;
    color: #2b5310;
    font-size: 28px;
    font-weight: 650;
    letter-spacing: -.7px;
    line-height: 1.3;
}

.v6als-heading > div > p:last-child {
    margin: 3px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6als-preview-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

    .v6als-preview-note i {
        color: #54b114;
    }

.v6-alert-settings .v6-panel {
    padding: 24px;
    border: 1px solid #e8f1e1;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6als-feedback {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #d9ebcc;
    border-radius: 10px;
    background: #f4faef;
    color: #426b25;
    font-size: 13px;
    line-height: 1.6;
}

.v6als-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6als-icon {
    width: 38px;
    height: 38px;
    font-size: 17px;
}

.v6-alert-settings h2 {
    margin: 0;
    color: #2b5310;
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
    line-height: 1.4;
}

.v6als-panel-heading p {
    margin: 3px 0 0;
    color: #769064;
    font-size: 12px;
    line-height: 1.6;
}

.v6als-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

    .v6als-list-heading .v6als-panel-heading {
        margin-bottom: 0;
    }

.v6als-title-line {
    display: flex;
    align-items: center;
    gap: 9px;
}

.v6als-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    padding: 3px 8px;
    border-radius: 20px;
    background: #f1fbea;
    color: #4fa216;
    font-size: 11px;
    font-weight: 700;
}

.v6als-filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 18px;
    padding: 18px;
    border: 1px solid #ebf3e5;
    border-radius: 11px;
    background: #fcfefb;
}

.v6als-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.v6-alert-settings .v6-field {
    min-width: 0;
}

    .v6-alert-settings .v6-field label {
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-alert-settings .v6-field input,
    .v6-alert-settings .v6-field select {
        width: 100%;
        min-height: 42px;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: #2b5310;
        font-family: inherit;
        font-size: 13px;
        line-height: 1.4;
    }

        .v6-alert-settings .v6-field input::placeholder {
            color: #90a681;
        }

        .v6-alert-settings .v6-field input:focus,
        .v6-alert-settings .v6-field select:focus {
            border-color: #54b114;
            outline: 3px solid #54b1141f;
            outline-offset: 1px;
        }

.v6als-required {
    color: #c44f60;
}

.v6als-search {
    position: relative;
}

    .v6als-search > i {
        position: absolute;
        top: 50%;
        left: 13px;
        transform: translateY(-50%);
        color: #92aa82;
        pointer-events: none;
    }

.v6-alert-settings .v6als-search input {
    padding-left: 37px;
}

.v6als-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid #edf3e8;
}

.v6als-required-note {
    margin: 0;
    color: #769064;
    font-size: 12px;
}

.v6als-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.v6-alert-settings .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 17px;
    border-radius: 8px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.v6-alert-settings .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

    .v6-alert-settings .v6-btn-primary:hover {
        filter: brightness(.96);
    }

.v6-alert-settings button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.v6-alert-settings button:focus-visible {
    outline: 3px solid #9edd73;
    outline-offset: 3px;
}

.v6-alert-settings .v6-table {
    min-width: 760px;
    font-size: 13px;
}

    .v6-alert-settings .v6-table th {
        padding: 13px 16px;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
    }

    .v6-alert-settings .v6-table td {
        padding: 16px;
        color: #4c6b36;
        vertical-align: middle;
    }

    .v6-alert-settings .v6-table tbody tr:hover {
        background: #fafdf8;
    }

.v6als-name-cell {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #2b5310;
    font-weight: 600;
}

    .v6als-name-cell > i {
        color: #90b875;
        font-size: 14px;
    }

.v6als-time {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border: 1px solid #e2f1d8;
    border-radius: 7px;
    background: #f4fbef;
    color: #4fa216;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.v6-alert-settings .v6-table .v6als-options {
    width: 180px;
    text-align: right;
}

.v6als-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.v6-alert-settings .v6-table .v6als-row-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid #e0efd5;
    border-radius: 8px;
    background: #fff;
    color: #4fa216;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

    .v6-alert-settings .v6-table .v6als-row-button:hover {
        background: #f4fbef;
    }

.v6-alert-settings .v6-table .v6als-delete {
    color: #b35664;
    border-color: #eedce0;
}

    .v6-alert-settings .v6-table .v6als-delete:hover {
        background: #fff3f5;
    }

.v6als-empty {
    margin-top: 18px;
    padding: 44px 20px;
    border: 1px dashed #e3eedc;
    border-radius: 10px;
    text-align: center;
}

    .v6als-empty > i {
        margin-bottom: 12px;
        color: #acc59a;
        font-size: 28px;
    }

    .v6als-empty h3 {
        margin: 0 0 6px;
        color: #4c6b36;
        font-size: 15px;
    }

    .v6als-empty p,
    .v6als-help,
    .v6als-results {
        color: #769064;
        font-size: 12px;
        line-height: 1.6;
    }

    .v6als-empty p {
        margin: 0;
    }

.v6als-results,
.v6als-help {
    margin: 14px 0 0;
}

@media (max-width: 1000px) {
    .v6als-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .v6als-list-heading {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .v6als-filters {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .v6-alert-settings .v6-app-wrap {
        padding: 16px 16px 28px;
    }

    .v6-alert-settings .v6-panel {
        padding: 18px;
    }

    .v6als-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6als-heading-icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6als-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .v6-alert-settings .v6-field input,
    .v6-alert-settings .v6-field select {
        font-size: 16px;
    }

    .v6als-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6als-actions .v6-btn {
        flex: 1;
    }
}

/* CloseIncident — Client Admin / Hospitals theme */

.v6-close-incident {
    --v6ci-ink: #2b5310;
    --v6ci-muted: #769064;
    --v6ci-line: #e8f1e1;
    --v6ci-accent: #54b114;
    color: var(--v6ci-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-close-incident *,
    .v6-close-incident *::before,
    .v6-close-incident *::after {
        box-sizing: border-box;
    }

    .v6-close-incident [hidden] {
        display: none !important;
    }

.container:has(.v6-close-incident) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-close-incident .v6ci-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-close-incident .v6-app-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 12px;
    color: var(--v6ci-muted);
}

    .v6-close-incident .v6-app-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-close-incident .v6-app-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-close-incident .v6ci-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-close-incident .v6ci-heading-icon {
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6ci-accent);
    font-size: 24px;
}

.v6-close-incident .v6ci-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-close-incident h1 {
    margin: 3px 0;
    color: var(--v6ci-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-close-incident .v6ci-subtitle {
    margin: 3px 0 0;
    color: var(--v6ci-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-close-incident .v6ci-preview {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e2f1d7;
    border-radius: 9px;
    background: #f5fdef;
    color: #5e8742;
    font-size: 12px;
}

    .v6-close-incident .v6ci-preview i {
        margin-top: 3px;
        color: var(--v6ci-accent);
    }

.v6-close-incident .v6ci-panel {
    margin: 0;
    padding: 24px;
    border: 1px solid var(--v6ci-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-close-incident .v6ci-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-close-incident .v6ci-panel-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6ci-accent);
    font-size: 16px;
}

.v6-close-incident h2 {
    margin: 0;
    color: var(--v6ci-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-close-incident .v6ci-panel-heading p {
    margin: 3px 0 0;
    color: var(--v6ci-muted);
    font-size: 12px;
}

.v6-close-incident .v6ci-search {
    display: grid;
    grid-template-columns: minmax(180px, 420px) auto;
    align-items: start;
    justify-content: start;
    gap: 14px;
}

    .v6-close-incident .v6ci-search > button {
        margin-top: 24px;
    }

.v6-close-incident .v6-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

    .v6-close-incident .v6-field label {
        margin: 0;
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

.v6-close-incident input[type="search"],
.v6-close-incident select {
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #e0ecd7;
    border-radius: 8px;
    background: #fdfffc;
    color: var(--v6ci-ink);
    font: inherit;
    font-size: 13px;
}

.v6-close-incident input::placeholder {
    color: #9aaf8b;
}

.v6-close-incident select:disabled {
    opacity: 1;
    background: #f6faf4;
    color: #728a61;
    cursor: default;
}

.v6-close-incident [aria-invalid="true"] {
    border-color: #c44f60;
}

.v6-close-incident input:focus,
.v6-close-incident select:focus {
    border-color: var(--v6ci-accent);
    outline: 3px solid #54b1141f;
}

.v6-close-incident .v6ci-required {
    color: #c44f60;
}

.v6-close-incident .v6ci-help {
    margin: 0;
    color: var(--v6ci-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-close-incident .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid #deecd5;
    border-radius: 8px;
    background: #fff;
    color: #549626;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}

.v6-close-incident .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-close-incident .v6-btn:hover:not(:disabled) {
    filter: brightness(.96);
}

.v6-close-incident .v6-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.v6-close-incident :focus-visible {
    outline: 3px solid #9edd73;
    outline-offset: 3px;
}

.v6-close-incident .v6ci-feedback {
    margin: 18px 0;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-close-incident .v6ci-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-close-incident .v6ci-empty {
    margin-top: 18px;
    padding-block: 48px;
    text-align: center;
}

.v6-close-incident .v6ci-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: #f3fbee;
    color: #84b760;
    font-size: 24px;
}

.v6-close-incident .v6ci-empty p {
    margin: 7px 0 0;
    color: var(--v6ci-muted);
    font-size: 13px;
}

.v6-close-incident .v6ci-results {
    display: grid;
    gap: 18px;
    margin-top: 18px;
}

.v6-close-incident .v6ci-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 0 0 22px;
    padding: 18px;
    border: 1px solid #ebf3e6;
    border-radius: 10px;
    background: #fafdf8;
}

    .v6-close-incident .v6ci-summary dt {
        margin-bottom: 7px;
        color: var(--v6ci-muted);
        font-size: 12px;
    }

    .v6-close-incident .v6ci-summary dd {
        margin: 0;
        color: var(--v6ci-ink);
        font-size: 15px;
        font-weight: 600;
        overflow-wrap: anywhere;
    }

.v6-close-incident .v6ci-status {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    border: 1px solid #dbf1cc;
    border-radius: 20px;
    background: #f3fced;
    color: #539a22;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

    .v6-close-incident .v6ci-status.is-complete {
        border-color: #d9ebcc;
        background: #f2f9ed;
        color: #4b8027;
    }

.v6-close-incident .v6ci-reason-field {
    max-width: 460px;
}

.v6-close-incident .v6ci-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--v6ci-line);
}

.v6-close-incident .v6ci-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--v6ci-line);
    border-radius: 9px;
}

.v6-close-incident .v6ci-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    text-align: left;
}

    .v6-close-incident .v6ci-table th {
        padding: 13px 16px;
        border-bottom: 1px solid var(--v6ci-line);
        background: #f8fcf6;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .v6-close-incident .v6ci-table td {
        padding: 16px;
        border-bottom: 1px solid #f1f6ed;
        color: #4c6b36;
        vertical-align: middle;
    }

    .v6-close-incident .v6ci-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .v6-close-incident .v6ci-table tbody tr:hover {
        background: #fafdf8;
    }

    .v6-close-incident .v6ci-table select {
        min-width: 200px;
    }

.v6-close-incident .v6ci-row-action {
    min-height: 36px;
    padding: 8px 12px;
    border-color: #d8edc9;
    background: #f8fdf4;
    color: #539c20;
    font-size: 12px;
}

.v6-close-incident .v6ci-completed-label {
    color: #4b8027;
    font-size: 12px;
    white-space: nowrap;
}

.v6-close-incident .v6ci-tracking-table td {
    white-space: nowrap;
}

.v6-close-incident .v6ci-table-empty {
    padding: 28px 16px;
    text-align: center;
    color: var(--v6ci-muted);
}

.v6-close-incident .v6ci-page-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

.v6-close-incident .v6ci-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 700px) {
    .v6-close-incident .v6ci-summary {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .v6-close-incident .v6ci-search {
        grid-template-columns: 1fr;
        justify-content: stretch;
    }

        .v6-close-incident .v6ci-search > button {
            margin-top: 0;
            justify-self: start;
        }
}

@media (max-width: 600px) {
    .v6-close-incident .v6ci-wrap {
        padding: 20px 16px 28px;
    }

    .v6-close-incident .v6ci-panel {
        padding: 18px;
    }

    .v6-close-incident .v6ci-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6-close-incident .v6ci-heading-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-close-incident h1 {
        font-size: 23px;
    }

    .v6-close-incident .v6ci-footer {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .v6-close-incident .v6ci-reason-field {
        max-width: none;
    }

    .v6-close-incident input[type="search"],
    .v6-close-incident select {
        font-size: 16px;
    }
}

/* Customers — Client Admin / Hospitals theme */

.v6-customers {
    --v6cu-ink: #2b5310;
    --v6cu-muted: #769064;
    --v6cu-line: #e8f1e1;
    --v6cu-accent: #54b114;
    color: var(--v6cu-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-customers *,
    .v6-customers *::before,
    .v6-customers *::after {
        box-sizing: border-box;
    }

    .v6-customers [hidden] {
        display: none !important;
    }

.container:has(.v6-customers) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-customers .v6cu-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-customers .v6-app-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--v6cu-muted);
    font-size: 14px;
}

    .v6-customers .v6-app-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-customers .v6-app-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-customers .v6cu-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-customers .v6cu-heading-icon {
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6cu-accent);
    font-size: 24px;
}

.v6-customers .v6cu-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-customers h1 {
    margin: 3px 0;
    color: var(--v6cu-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-customers .v6cu-subtitle {
    margin: 3px 0 0;
    color: var(--v6cu-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-customers .v6cu-preview {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e2f1d7;
    border-radius: 9px;
    background: #f5fdef;
    color: #5e8742;
    font-size: 12px;
}

    .v6-customers .v6cu-preview i {
        margin-top: 3px;
        color: var(--v6cu-accent);
    }

.v6-customers .v6cu-panel {
    margin: 0;
    padding: 24px;
    border: 1px solid var(--v6cu-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-customers .v6cu-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-customers .v6cu-panel-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6cu-accent);
    font-size: 16px;
}

.v6-customers h2 {
    margin: 0;
    color: var(--v6cu-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-customers .v6cu-panel-heading p {
    margin: 3px 0 0;
    color: var(--v6cu-muted);
    font-size: 12px;
}

.v6-customers .v6cu-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.v6-customers .v6cu-full-width {
    grid-column: 1 / -1;
}

.v6-customers .v6-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

    .v6-customers .v6-field label {
        margin: 0;
        color: #5c7d45;
        font-size: 14px;
        font-weight: 500;
    }

    .v6-customers .v6-field input,
    .v6-customers .v6-field textarea {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        margin: 0;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: var(--v6cu-ink);
        font: inherit;
        font-size: 13px;
        line-height: 1.5;
    }

    .v6-customers .v6-field textarea {
        min-height: 100px;
        resize: vertical;
    }

.v6-customers input::placeholder,
.v6-customers textarea::placeholder {
    color: #9aaf8b;
}

.v6-customers .v6-field input:focus,
.v6-customers .v6-field textarea:focus {
    border-color: var(--v6cu-accent);
    outline: 3px solid #54b1141f;
}

.v6-customers .v6-field [aria-invalid="true"] {
    border-color: #c44f60;
}

.v6-customers .v6cu-required,
.v6-customers .v6cu-field-error {
    color: #c44f60;
}

.v6-customers .v6cu-field-error {
    font-size: 12px;
}

.v6-customers .v6cu-help {
    margin: 0;
    color: var(--v6cu-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-customers .v6cu-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--v6cu-line);
}

.v6-customers .v6cu-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v6-customers .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid #deecd5;
    border-radius: 8px;
    background: #fff;
    color: #549626;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}

.v6-customers .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-customers .v6cu-secondary {
    background: #fafdf8;
    color: #688a50;
}

.v6-customers .v6-btn:hover {
    filter: brightness(.96);
}

.v6-customers :focus-visible {
    outline: 3px solid #9edd73;
    outline-offset: 3px;
}

.v6-customers .v6cu-feedback {
    margin: 18px 0 0;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-customers .v6cu-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-customers .v6cu-list-panel {
    margin-top: 18px;
}

.v6-customers .v6cu-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

    .v6-customers .v6cu-list-heading .v6cu-panel-heading {
        margin-bottom: 0;
    }

.v6-customers .v6cu-list-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.v6-customers .v6cu-search-field {
    flex: 1;
    max-width: 440px;
}

.v6-customers .v6cu-list-toolbar > p {
    padding-bottom: 11px;
}

.v6-customers .v6cu-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--v6cu-line);
    border-radius: 9px;
}

.v6-customers .v6cu-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    text-align: left;
}

    .v6-customers .v6cu-table th {
        padding: 13px 16px;
        border-bottom: 1px solid var(--v6cu-line);
        background: #f8fcf6;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .v6-customers .v6cu-table td {
        max-width: 280px;
        padding: 16px;
        border-bottom: 1px solid #f1f6ed;
        color: #4c6b36;
        vertical-align: middle;
        overflow-wrap: anywhere;
    }

    .v6-customers .v6cu-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .v6-customers .v6cu-table tbody tr:hover {
        background: #fafdf8;
    }

    .v6-customers .v6cu-table .v6cu-customer-name {
        min-width: 170px;
        color: var(--v6cu-ink);
        font-weight: 600;
    }

    .v6-customers .v6cu-table .v6cu-address {
        min-width: 180px;
        white-space: pre-line;
    }

.v6-customers .v6cu-row-actions {
    display: flex;
    gap: 8px;
}

    .v6-customers .v6cu-row-actions .v6-btn {
        min-height: 34px;
        padding: 7px 11px;
        font-size: 12px;
    }

.v6-customers .v6cu-edit {
    border-color: #daedcc;
    background: #f7fdf3;
    color: #559e23;
}

.v6-customers .v6cu-delete {
    border-color: #f0d9df;
    background: #fff8fa;
    color: #bc6178;
}

.v6-customers .v6cu-table .v6cu-empty {
    padding: 32px 16px;
    text-align: center;
    color: var(--v6cu-muted);
}

.v6-customers .v6cu-page-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

.v6-customers .v6cu-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 700px) {
    .v6-customers .v6cu-form-grid {
        grid-template-columns: 1fr;
    }

    .v6-customers .v6cu-list-heading,
    .v6-customers .v6cu-list-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .v6-customers .v6cu-search-field {
        width: 100%;
        max-width: none;
    }

    .v6-customers .v6cu-list-toolbar > p {
        padding-bottom: 0;
    }
}

@media (max-width: 600px) {
    .v6-customers .v6cu-wrap {
        padding: 20px 16px 28px;
    }

    .v6-customers .v6cu-panel {
        padding: 18px;
    }

    .v6-customers .v6cu-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6-customers .v6cu-heading-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-customers h1 {
        font-size: 23px;
    }

    .v6-customers .v6-field input,
    .v6-customers .v6-field textarea {
        font-size: 16px;
    }

    .v6-customers .v6cu-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6-customers .v6cu-buttons > button {
        flex: 1;
    }
}

/* BillingType — Stratus Admin / Hospitals theme */

.v6-billing-type {
    --v6bt-ink: #2b5310;
    --v6bt-muted: #769064;
    --v6bt-line: #e8f1e1;
    --v6bt-accent: #54b114;
    color: var(--v6bt-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-billing-type *,
    .v6-billing-type *::before,
    .v6-billing-type *::after {
        box-sizing: border-box;
    }

    .v6-billing-type [hidden] {
        display: none !important;
    }

.container:has(.v6-billing-type) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-billing-type .v6bt-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-billing-type .v6-app-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--v6bt-muted);
    font-size: 12px;
}

    .v6-billing-type .v6-app-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-billing-type .v6-app-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-billing-type .v6bt-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-billing-type .v6bt-heading-icon {
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6bt-accent);
    font-size: 24px;
}

.v6-billing-type .v6bt-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-billing-type h1 {
    margin: 3px 0;
    color: var(--v6bt-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-billing-type .v6bt-subtitle {
    margin: 3px 0 0;
    color: var(--v6bt-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-billing-type .v6bt-preview {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e2f1d7;
    border-radius: 9px;
    background: #f5fdef;
    color: #5e8742;
    font-size: 12px;
}

    .v6-billing-type .v6bt-preview i {
        margin-top: 3px;
        color: var(--v6bt-accent);
    }

.v6-billing-type .v6bt-panel {
    margin: 0;
    padding: 24px;
    border: 1px solid var(--v6bt-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-billing-type .v6bt-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-billing-type .v6bt-panel-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6bt-accent);
    font-size: 16px;
}

.v6-billing-type h2 {
    margin: 0;
    color: var(--v6bt-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-billing-type .v6bt-panel-heading p {
    margin: 3px 0 0;
    color: var(--v6bt-muted);
    font-size: 12px;
}

.v6-billing-type .v6bt-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.v6-billing-type .v6-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

    .v6-billing-type .v6-field label {
        margin: 0;
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-billing-type .v6-field input,
    .v6-billing-type .v6-field select {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        margin: 0;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: var(--v6bt-ink);
        font: inherit;
        font-size: 13px;
        line-height: 1.5;
    }

.v6-billing-type input::placeholder {
    color: #9aaf8b;
}

.v6-billing-type .v6-field input:focus,
.v6-billing-type .v6-field select:focus {
    border-color: var(--v6bt-accent);
    outline: 3px solid #54b1141f;
}

.v6-billing-type .v6-field [aria-invalid="true"] {
    border-color: #c44f60;
}

.v6-billing-type .v6bt-required,
.v6-billing-type .v6bt-field-error {
    color: #c44f60;
}

.v6-billing-type .v6bt-field-error {
    font-size: 12px;
}

.v6-billing-type .v6bt-help {
    margin: 0;
    color: var(--v6bt-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-billing-type .v6bt-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--v6bt-line);
}

.v6-billing-type .v6bt-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v6-billing-type .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid #deecd5;
    border-radius: 8px;
    background: #fff;
    color: #549626;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}

.v6-billing-type .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-billing-type .v6bt-secondary {
    background: #fafdf8;
    color: #688a50;
}

.v6-billing-type .v6-btn:hover {
    filter: brightness(.96);
}

.v6-billing-type :focus-visible {
    outline: 3px solid #9edd73;
    outline-offset: 3px;
}

.v6-billing-type .v6bt-feedback {
    margin: 18px 0 0;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-billing-type .v6bt-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-billing-type .v6bt-directory {
    margin-top: 18px;
}

.v6-billing-type .v6bt-directory-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

    .v6-billing-type .v6bt-directory-heading .v6bt-panel-heading {
        margin-bottom: 0;
    }

.v6-billing-type .v6bt-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.v6-billing-type .v6bt-search-field {
    flex: 1;
    max-width: 440px;
}

.v6-billing-type .v6bt-toolbar > p {
    padding-bottom: 11px;
}

.v6-billing-type .v6bt-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--v6bt-line);
    border-radius: 9px;
}

.v6-billing-type .v6bt-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    text-align: left;
}

    .v6-billing-type .v6bt-table th {
        padding: 13px 16px;
        border-bottom: 1px solid var(--v6bt-line);
        background: #f8fcf6;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .v6-billing-type .v6bt-table td {
        padding: 16px;
        border-bottom: 1px solid #f1f6ed;
        color: #4c6b36;
        vertical-align: middle;
        overflow-wrap: anywhere;
    }

    .v6-billing-type .v6bt-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .v6-billing-type .v6bt-table tbody tr:hover {
        background: #fafdf8;
    }

    .v6-billing-type .v6bt-table th:last-child,
    .v6-billing-type .v6bt-table td:last-child {
        width: 180px;
    }

    .v6-billing-type .v6bt-table .v6bt-name-cell {
        min-width: 200px;
        color: var(--v6bt-ink);
        font-weight: 600;
        white-space: pre-wrap;
    }

.v6-billing-type .v6bt-row-actions {
    display: flex;
    gap: 8px;
}

    .v6-billing-type .v6bt-row-actions .v6-btn {
        min-height: 34px;
        padding: 7px 11px;
        font-size: 12px;
    }

.v6-billing-type .v6bt-edit {
    border-color: #daedcc;
    background: #f7fdf3;
    color: #559e23;
}

.v6-billing-type .v6bt-delete {
    border-color: #f0d9df;
    background: #fff8fa;
    color: #bc6178;
}

.v6-billing-type .v6bt-table .v6bt-empty {
    padding: 32px 16px;
    text-align: center;
    color: var(--v6bt-muted);
    font-weight: 400;
}

.v6-billing-type .v6bt-page-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

.v6-billing-type .v6bt-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 700px) {
    .v6-billing-type .v6bt-form-grid {
        grid-template-columns: 1fr;
    }

    .v6-billing-type .v6bt-directory-heading,
    .v6-billing-type .v6bt-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .v6-billing-type .v6bt-search-field {
        width: 100%;
        max-width: none;
    }

    .v6-billing-type .v6bt-toolbar > p {
        padding-bottom: 0;
    }
}

@media (max-width: 600px) {
    .v6-billing-type .v6bt-wrap {
        padding: 20px 16px 28px;
    }

    .v6-billing-type .v6bt-panel {
        padding: 18px;
    }

    .v6-billing-type .v6bt-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6-billing-type .v6bt-heading-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-billing-type h1 {
        font-size: 23px;
    }

    .v6-billing-type .v6-field input,
    .v6-billing-type .v6-field select {
        font-size: 16px;
    }

    .v6-billing-type .v6bt-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6-billing-type .v6bt-buttons > button {
        flex: 1;
    }
}

/* Companies — Stratus Admin / Hospitals theme */

.v6-companies {
    --v6co-ink: #2b5310;
    --v6co-muted: #769064;
    --v6co-line: #e8f1e1;
    --v6co-accent: #54b114;
    color: var(--v6co-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-companies *,
    .v6-companies *::before,
    .v6-companies *::after {
        box-sizing: border-box;
    }

    .v6-companies [hidden] {
        display: none !important;
    }

.container:has(.v6-companies) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-companies .v6co-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-companies .v6-app-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--v6co-muted);
    font-size: 12px;
}

    .v6-companies .v6-app-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-companies .v6-app-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-companies .v6co-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-companies .v6co-heading-icon {
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6co-accent);
    font-size: 24px;
}

.v6-companies .v6co-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-companies h1 {
    margin: 3px 0;
    color: var(--v6co-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-companies .v6co-subtitle {
    margin: 3px 0 0;
    color: var(--v6co-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-companies .v6co-preview {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e2f1d7;
    border-radius: 9px;
    background: #f5fdef;
    color: #5e8742;
    font-size: 12px;
}

    .v6-companies .v6co-preview i {
        margin-top: 3px;
        color: var(--v6co-accent);
    }

.v6-companies .v6co-editor {
    display: grid;
    gap: 18px;
    margin: 0;
}

.v6-companies .v6co-panel {
    min-width: 0;
    margin: 0;
    padding: 24px;
    border: 1px solid var(--v6co-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-companies .v6co-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-companies .v6co-panel-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6co-accent);
    font-size: 16px;
}

.v6-companies h2 {
    margin: 0;
    color: var(--v6co-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-companies h3 {
    margin: 0 0 5px;
    color: var(--v6co-ink);
    font-size: 14px;
    font-weight: 600;
}

.v6-companies .v6co-panel-heading p {
    margin: 3px 0 0;
    color: var(--v6co-muted);
    font-size: 12px;
}

.v6-companies .v6co-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.v6-companies .v6co-full {
    grid-column: 1 / -1;
}

.v6-companies .v6-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

    .v6-companies .v6-field label {
        margin: 0;
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-companies .v6-field input,
    .v6-companies .v6-field select,
    .v6-companies .v6-field textarea {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        margin: 0;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: var(--v6co-ink);
        font: inherit;
        font-size: 13px;
        line-height: 1.5;
    }

    .v6-companies .v6-field textarea {
        min-height: 110px;
        resize: vertical;
    }

.v6-companies input::placeholder,
.v6-companies textarea::placeholder {
    color: #9aaf8b;
}

.v6-companies .v6-field input:focus,
.v6-companies .v6-field select:focus,
.v6-companies .v6-field textarea:focus {
    border-color: var(--v6co-accent);
    outline: 3px solid #54b1141f;
}

.v6-companies .v6-field [aria-invalid="true"] {
    border-color: #c44f60;
}

.v6-companies .v6co-required,
.v6-companies .v6co-field-error {
    color: #c44f60;
}

.v6-companies .v6co-field-error,
.v6-companies .v6co-help {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
}

.v6-companies .v6co-help {
    color: var(--v6co-muted);
}

.v6-companies .v6co-toggle-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.v6-companies .v6co-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 56px;
    margin: 0;
    padding: 13px 15px;
    border: 1px solid #e9f2e2;
    border-radius: 9px;
    background: #fcfefb;
    color: #5c7d45;
    font-size: 12px;
    cursor: pointer;
}

    .v6-companies .v6co-toggle input {
        flex: 0 0 auto;
        width: 19px;
        height: 19px;
        margin: 0;
        accent-color: #54b114;
        cursor: pointer;
    }

    .v6-companies .v6co-toggle:has(input:checked) {
        border-color: #d0e9bf;
        background: #f5fbf0;
        color: #4b8324;
    }

.v6-companies .v6co-tracking-toggle {
    max-width: 430px;
}

.v6-companies .v6co-tracking-fields {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid var(--v6co-line);
}

.v6-companies .v6co-tracking-note {
    margin-bottom: 18px;
}

.v6-companies .v6co-key-section {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid var(--v6co-line);
}

.v6-companies .v6co-key-editor {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: end;
    gap: 14px;
    margin: 18px 0;
}

.v6-companies .v6co-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--v6co-line);
}

.v6-companies .v6co-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v6-companies .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid #deecd5;
    border-radius: 8px;
    background: #fff;
    color: #549626;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}

.v6-companies .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-companies .v6co-secondary {
    background: #fafdf8;
    color: #688a50;
}

.v6-companies .v6-btn:hover {
    filter: brightness(.96);
}

.v6-companies :focus-visible {
    outline: 3px solid #9edd73;
    outline-offset: 3px;
}

.v6-companies .v6co-feedback {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-companies .v6co-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-companies .v6co-directory {
    margin-top: 18px;
}

.v6-companies .v6co-directory-heading,
.v6-companies .v6co-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.v6-companies .v6co-directory-heading {
    align-items: center;
    margin-bottom: 22px;
}

    .v6-companies .v6co-directory-heading .v6co-panel-heading {
        margin-bottom: 0;
    }

.v6-companies .v6co-toolbar {
    align-items: flex-end;
    margin-bottom: 16px;
}

.v6-companies .v6co-search-field {
    flex: 1;
    max-width: 440px;
}

.v6-companies .v6co-toolbar > p {
    padding-bottom: 11px;
}

.v6-companies .v6co-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--v6co-line);
    border-radius: 9px;
}

.v6-companies .v6co-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    text-align: left;
}

    .v6-companies .v6co-table th {
        padding: 13px 16px;
        border-bottom: 1px solid var(--v6co-line);
        background: #f8fcf6;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .v6-companies .v6co-table td {
        min-width: 120px;
        max-width: 360px;
        padding: 16px;
        border-bottom: 1px solid #f1f6ed;
        color: #4c6b36;
        vertical-align: middle;
        overflow-wrap: anywhere;
    }

    .v6-companies .v6co-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .v6-companies .v6co-table tbody tr:hover {
        background: #fafdf8;
    }

.v6-companies .v6co-name-cell {
    font-weight: 600;
}

.v6-companies .v6co-row-actions {
    display: flex;
    gap: 8px;
}

    .v6-companies .v6co-row-actions .v6-btn {
        min-height: 34px;
        padding: 7px 11px;
        font-size: 12px;
    }

.v6-companies .v6co-edit {
    border-color: #daedcc;
    background: #f7fdf3;
    color: #559e23;
}

.v6-companies .v6co-delete {
    border-color: #f0d9df;
    background: #fff8fa;
    color: #bc6178;
}

.v6-companies .v6co-table .v6co-empty {
    padding: 28px 16px;
    text-align: center;
    color: var(--v6co-muted);
}

.v6-companies .v6co-page-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

.v6-companies .v6co-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 1000px) {
    .v6-companies .v6co-toggle-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .v6-companies .v6co-key-editor {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .v6-companies .v6co-key-editor > .v6co-buttons {
            grid-column: 1 / -1;
        }
}

@media (max-width: 700px) {
    .v6-companies .v6co-grid,
    .v6-companies .v6co-toggle-grid,
    .v6-companies .v6co-key-editor {
        grid-template-columns: 1fr;
    }

    .v6-companies .v6co-directory-heading,
    .v6-companies .v6co-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .v6-companies .v6co-search-field {
        width: 100%;
        max-width: none;
    }

    .v6-companies .v6co-toolbar > p {
        padding-bottom: 0;
    }
}

@media (max-width: 600px) {
    .v6-companies .v6co-wrap {
        padding: 20px 16px 28px;
    }

    .v6-companies .v6co-panel {
        padding: 18px;
    }

    .v6-companies .v6co-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6-companies .v6co-heading-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-companies h1 {
        font-size: 23px;
    }

    .v6-companies .v6-field input,
    .v6-companies .v6-field select,
    .v6-companies .v6-field textarea {
        font-size: 16px;
    }

    .v6-companies .v6co-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

        .v6-companies .v6co-form-footer .v6co-buttons > button {
            flex: 1;
        }
}

/* Companies — checkbox alignment and compact focus outline */

.v6-companies .v6co-toggle-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(64px, auto);
    gap: 12px;
    align-items: stretch;
}

.v6-companies .v6co-toggle {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-width: 0;
    min-height: 64px;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid #e9f2e2;
    border-radius: 8px;
    background: #fcfefb;
    box-shadow: none;
    outline: none;
}

    .v6-companies .v6co-toggle > span {
        min-width: 0;
        color: #5c7d45;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.5;
        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
    }

    .v6-companies .v6co-toggle input[type="checkbox"] {
        appearance: auto;
        -webkit-appearance: checkbox;
        display: block;
        justify-self: end;
        position: static;
        width: 18px;
        min-width: 18px;
        max-width: 18px;
        height: 18px;
        min-height: 18px;
        max-height: 18px;
        margin: 0;
        padding: 0;
        border-radius: 3px;
        accent-color: #54b114;
        box-shadow: none;
        transform: none;
        cursor: pointer;
    }

        .v6-companies .v6co-toggle input[type="checkbox"]:focus {
            outline: none;
            box-shadow: none;
        }

        .v6-companies .v6co-toggle input[type="checkbox"]:focus-visible {
            outline: 2px solid #54b114;
            outline-offset: 2px;
            box-shadow: none;
        }

    .v6-companies .v6co-toggle:has(input:checked) {
        border-color: #d0e9bf;
        background: #f5fbf0;
    }

.v6-companies .v6co-tracking-toggle {
    width: 100%;
    max-width: 430px;
}

@media (max-width: 700px) {
    .v6-companies .v6co-toggle-grid {
        grid-template-columns: 1fr;
    }
}

/* EPCRWorkflowSettings — Stratus Admin / Hospitals theme */

.v6-epcr-workflow-settings {
    --v6ew-ink: #2b5310;
    --v6ew-muted: #769064;
    --v6ew-line: #e8f1e1;
    --v6ew-accent: #54b114;
    color: var(--v6ew-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-epcr-workflow-settings *,
    .v6-epcr-workflow-settings *::before,
    .v6-epcr-workflow-settings *::after {
        box-sizing: border-box;
    }

    .v6-epcr-workflow-settings [hidden] {
        display: none !important;
    }

.container:has(.v6-epcr-workflow-settings) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-epcr-workflow-settings .v6ew-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-epcr-workflow-settings .v6-app-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--v6ew-muted);
    font-size: 12px;
}

    .v6-epcr-workflow-settings .v6-app-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-epcr-workflow-settings .v6-app-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-epcr-workflow-settings .v6ew-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-epcr-workflow-settings .v6ew-heading-icon {
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6ew-accent);
    font-size: 24px;
}

.v6-epcr-workflow-settings .v6ew-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-epcr-workflow-settings h1 {
    margin: 3px 0;
    color: var(--v6ew-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-epcr-workflow-settings .v6ew-subtitle {
    margin: 3px 0 0;
    color: var(--v6ew-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-epcr-workflow-settings .v6ew-preview {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e2f1d7;
    border-radius: 9px;
    background: #f5fdef;
    color: #5e8742;
    font-size: 12px;
}

    .v6-epcr-workflow-settings .v6ew-preview i {
        margin-top: 3px;
        color: var(--v6ew-accent);
    }

.v6-epcr-workflow-settings .v6ew-panel {
    margin: 0;
    padding: 24px;
    border: 1px solid var(--v6ew-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-epcr-workflow-settings .v6ew-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-epcr-workflow-settings .v6ew-panel-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6ew-accent);
    font-size: 16px;
}

.v6-epcr-workflow-settings h2 {
    margin: 0;
    color: var(--v6ew-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-epcr-workflow-settings .v6ew-panel-heading p {
    margin: 3px 0 0;
    color: var(--v6ew-muted);
    font-size: 12px;
}

.v6-epcr-workflow-settings .v6ew-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 24px;
    max-width: 960px;
}

.v6-epcr-workflow-settings .v6ew-full {
    grid-column: 1 / -1;
}

.v6-epcr-workflow-settings .v6-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

    .v6-epcr-workflow-settings .v6-field label {
        margin: 0;
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-epcr-workflow-settings .v6-field input,
    .v6-epcr-workflow-settings .v6-field select {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        margin: 0;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: var(--v6ew-ink);
        font: inherit;
        font-size: 13px;
        line-height: 1.5;
    }

        .v6-epcr-workflow-settings .v6-field input:focus,
        .v6-epcr-workflow-settings .v6-field select:focus {
            border-color: var(--v6ew-accent);
            outline: 2px solid #54b1142b;
            outline-offset: 1px;
        }

    .v6-epcr-workflow-settings .v6-field [aria-invalid="true"] {
        border-color: #c44f60;
    }

    .v6-epcr-workflow-settings .v6-field input:disabled,
    .v6-epcr-workflow-settings .v6-field select:disabled {
        opacity: 1;
        background: #f5f9f3;
        color: #90a382;
        cursor: not-allowed;
    }

.v6-epcr-workflow-settings .v6ew-input-unit {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

    .v6-epcr-workflow-settings .v6ew-input-unit input {
        flex: 1;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.v6-epcr-workflow-settings .v6ew-unit {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border: 1px solid #e0ecd7;
    border-left: 0;
    border-radius: 0 8px 8px 0;
    background: #f5faf2;
    color: #759361;
    font-size: 12px;
}

.v6-epcr-workflow-settings .v6ew-required,
.v6-epcr-workflow-settings .v6ew-field-error {
    color: #c44f60;
}

.v6-epcr-workflow-settings .v6ew-field-error,
.v6-epcr-workflow-settings .v6ew-help {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
}

.v6-epcr-workflow-settings .v6ew-help {
    color: var(--v6ew-muted);
}

.v6-epcr-workflow-settings .v6ew-context {
    margin: 22px 0 0;
    padding: 12px 14px;
    border: 1px solid #e9f2e3;
    border-radius: 8px;
    background: #fafdf8;
    color: #759361;
    font-size: 12px;
}

.v6-epcr-workflow-settings .v6ew-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--v6ew-line);
}

.v6-epcr-workflow-settings .v6ew-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v6-epcr-workflow-settings .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid #deecd5;
    border-radius: 8px;
    background: #fff;
    color: #549626;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}

.v6-epcr-workflow-settings .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-epcr-workflow-settings .v6ew-secondary {
    background: #fafdf8;
    color: #688a50;
}

.v6-epcr-workflow-settings .v6-btn:hover {
    filter: brightness(.96);
}

.v6-epcr-workflow-settings :focus-visible {
    outline: 2px solid #54b114;
    outline-offset: 2px;
}

.v6-epcr-workflow-settings .v6ew-feedback {
    margin: 18px 0 0;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-epcr-workflow-settings .v6ew-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-epcr-workflow-settings .v6ew-page-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

@media (max-width: 700px) {
    .v6-epcr-workflow-settings .v6ew-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .v6-epcr-workflow-settings .v6ew-wrap {
        padding: 20px 16px 28px;
    }

    .v6-epcr-workflow-settings .v6ew-panel {
        padding: 18px;
    }

    .v6-epcr-workflow-settings .v6ew-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6-epcr-workflow-settings .v6ew-heading-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-epcr-workflow-settings h1 {
        font-size: 23px;
    }

    .v6-epcr-workflow-settings .v6-field input,
    .v6-epcr-workflow-settings .v6-field select {
        font-size: 16px;
    }

    .v6-epcr-workflow-settings .v6ew-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6-epcr-workflow-settings .v6ew-buttons > button {
        flex: 1;
    }
}

/* Vehicles — Stratus Admin / Hospitals theme */

.v6-vehicles {
    --v6veh-ink: #2b5310;
    --v6veh-muted: #769064;
    --v6veh-line: #e8f1e1;
    --v6veh-accent: #54b114;
    color: var(--v6veh-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-vehicles *,
    .v6-vehicles *::before,
    .v6-vehicles *::after {
        box-sizing: border-box;
    }

    .v6-vehicles [hidden] {
        display: none !important;
    }

.container:has(.v6-vehicles) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-vehicles .v6veh-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-vehicles .v6-app-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    color: var(--v6veh-muted);
    font-size: 12px;
}

    .v6-vehicles .v6-app-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-vehicles .v6-app-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-vehicles .v6veh-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-vehicles .v6veh-heading-icon {
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6veh-accent);
    font-size: 24px;
}

.v6-vehicles .v6veh-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-vehicles h1 {
    margin: 3px 0;
    color: var(--v6veh-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-vehicles .v6veh-subtitle {
    margin: 3px 0 0;
    color: var(--v6veh-muted);
    font-size: 12px;
}

.v6-vehicles .v6veh-preview {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e2f1d7;
    border-radius: 9px;
    background: #f5fdef;
    color: #5e8742;
    font-size: 12px;
}

    .v6-vehicles .v6veh-preview i {
        margin-top: 3px;
        color: var(--v6veh-accent);
    }

.v6-vehicles .v6veh-panel {
    min-width: 0;
    margin: 0;
    padding: 24px;
    border: 1px solid var(--v6veh-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-vehicles .v6veh-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-vehicles .v6veh-panel-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6veh-accent);
}

.v6-vehicles h2 {
    margin: 0;
    color: var(--v6veh-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-vehicles h3 {
    margin: 0 0 8px;
    color: var(--v6veh-ink);
    font-size: 14px;
    font-weight: 600;
}

.v6-vehicles .v6veh-panel-heading p,
.v6-vehicles .v6veh-help,
.v6-vehicles .v6veh-count {
    margin: 3px 0 0;
    color: var(--v6veh-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-vehicles .v6veh-toolbar {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 16px;
}

    .v6-vehicles .v6veh-toolbar > .v6-field {
        flex: 1 1 230px;
    }

.v6-vehicles .v6veh-count {
    margin: 18px 0 12px;
}

.v6-vehicles .v6veh-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.v6-vehicles .v6veh-full {
    grid-column: 1 / -1;
}

.v6-vehicles .v6-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

    .v6-vehicles .v6-field label {
        margin: 0;
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-vehicles .v6-field input,
    .v6-vehicles .v6-field select,
    .v6-vehicles .v6-field textarea {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        margin: 0;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: var(--v6veh-ink);
        font: inherit;
        font-size: 13px;
        line-height: 1.5;
    }

    .v6-vehicles .v6-field textarea {
        min-height: 100px;
        resize: vertical;
    }

    .v6-vehicles .v6-field select[multiple] {
        min-height: 150px;
    }

.v6-vehicles input::placeholder,
.v6-vehicles textarea::placeholder {
    color: #9aaf8b;
}

.v6-vehicles .v6-field input:focus,
.v6-vehicles .v6-field select:focus,
.v6-vehicles .v6-field textarea:focus {
    border-color: var(--v6veh-accent);
    outline: 2px solid #54b1142b;
    outline-offset: 1px;
}

.v6-vehicles .v6-field [aria-invalid="true"] {
    border-color: #c44f60;
}

.v6-vehicles .v6-field input:disabled {
    background: #f5f9f3;
    color: #90a382;
    cursor: not-allowed;
}

.v6-vehicles .v6veh-required {
    color: #c44f60;
}

.v6-vehicles .v6veh-checkbox {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center;
    gap: 16px;
    max-width: 360px;
    min-height: 54px;
    margin-top: 20px;
    padding: 13px 16px;
    border: 1px solid #e9f2e2;
    border-radius: 8px;
    background: #fcfefb;
    color: #5c7d45;
    font-size: 13px;
    cursor: pointer;
}

    .v6-vehicles .v6veh-checkbox input[type="checkbox"] {
        appearance: auto;
        width: 18px;
        min-width: 18px;
        max-width: 18px;
        height: 18px;
        min-height: 18px;
        max-height: 18px;
        margin: 0;
        padding: 0;
        accent-color: #54b114;
        box-shadow: none;
        cursor: pointer;
    }

    .v6-vehicles .v6veh-checkbox:has(input:checked) {
        border-color: #d0e9bf;
        background: #f5fbf0;
    }

    .v6-vehicles .v6veh-checkbox input:focus {
        outline: none;
    }

    .v6-vehicles .v6veh-checkbox input:focus-visible {
        outline: 2px solid #54b114;
        outline-offset: 2px;
    }

.v6-vehicles .v6veh-section {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid var(--v6veh-line);
}

    .v6-vehicles .v6veh-section > .v6veh-grid,
    .v6-vehicles .v6veh-section > .v6-btn {
        margin-top: 16px;
    }

.v6-vehicles .v6veh-buttons,
.v6-vehicles .v6veh-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v6-vehicles .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid #deecd5;
    border-radius: 8px;
    background: #fff;
    color: #549626;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}

.v6-vehicles .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-vehicles .v6veh-secondary {
    background: #fafdf8;
    color: #688a50;
}

.v6-vehicles .v6veh-delete {
    border-color: #f0d9df;
    background: #fff8fa;
    color: #bc6178;
}

.v6-vehicles .v6-btn:hover {
    filter: brightness(.96);
}

.v6-vehicles :focus-visible {
    outline: 2px solid #54b114;
    outline-offset: 2px;
}

.v6-vehicles .v6veh-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--v6veh-line);
}

.v6-vehicles .v6veh-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--v6veh-line);
    border-radius: 9px;
}

.v6-vehicles .v6veh-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    text-align: left;
}

    .v6-vehicles .v6veh-table th {
        padding: 13px 16px;
        border-bottom: 1px solid var(--v6veh-line);
        background: #f8fcf6;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .v6-vehicles .v6veh-table td {
        padding: 16px;
        border-bottom: 1px solid #f1f6ed;
        color: #4c6b36;
        vertical-align: middle;
        overflow-wrap: anywhere;
    }

    .v6-vehicles .v6veh-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .v6-vehicles .v6veh-table tbody tr:hover {
        background: #fafdf8;
    }

.v6-vehicles .v6veh-row-actions {
    flex-wrap: nowrap;
    gap: 8px;
}

    .v6-vehicles .v6veh-row-actions .v6-btn {
        min-height: 34px;
        padding: 7px 11px;
        font-size: 12px;
    }

.v6-vehicles .v6veh-status {
    display: inline-flex;
    padding: 4px 9px;
    border-radius: 20px;
    background: #f4f8f1;
    color: #7e936f;
    font-size: 11px;
    font-weight: 600;
}

    .v6-vehicles .v6veh-status.is-active {
        background: #f2f9ed;
        color: #4b8027;
    }

.v6-vehicles .v6veh-table .v6veh-empty {
    padding: 32px 16px;
    text-align: center;
    color: var(--v6veh-muted);
}

.v6-vehicles .v6veh-feedback {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-vehicles .v6veh-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-vehicles .v6veh-dialog {
    width: min(920px, calc(100vw - 32px));
    max-height: 88vh;
    padding: 24px;
    overflow-y: auto;
    border: 1px solid var(--v6veh-line);
    border-radius: 15px;
    background: #fff;
    color: var(--v6veh-ink);
    box-shadow: 0 20px 70px #2b53102b;
}

    .v6-vehicles .v6veh-dialog::backdrop {
        background: #2b531066;
    }

.v6-vehicles .v6veh-dialog-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.v6-vehicles .v6veh-dialog-phone {
    max-width: 420px;
    margin: 18px 0;
}

.v6-vehicles .v6veh-assignment-box {
    display: grid;
    align-content: start;
    gap: 14px;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--v6veh-line);
    border-radius: 10px;
    background: #fcfefb;
}

.v6-vehicles .v6veh-dialog-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--v6veh-line);
}

.v6-vehicles #Vehicles-assignment-feedback {
    margin-top: 16px;
}

.v6-vehicles .v6veh-page-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

.v6-vehicles .v6veh-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 700px) {
    .v6-vehicles .v6veh-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .v6-vehicles .v6veh-wrap {
        padding: 20px 16px 28px;
    }

    .v6-vehicles .v6veh-panel,
    .v6-vehicles .v6veh-dialog {
        padding: 18px;
    }

    .v6-vehicles .v6veh-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6-vehicles .v6veh-heading-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-vehicles h1 {
        font-size: 23px;
    }

    .v6-vehicles .v6-field input,
    .v6-vehicles .v6-field select,
    .v6-vehicles .v6-field textarea {
        font-size: 16px;
    }

    .v6-vehicles .v6veh-footer {
        align-items: stretch;
        flex-direction: column;
    }

        .v6-vehicles .v6veh-footer .v6veh-buttons > button {
            flex: 1;
        }
}

/* CompanyInvoiceAndEmailInfo — Stratus Admin / Hospitals theme */

.v6-company-invoice-email {
    --v6cie-ink: #2b5310;
    --v6cie-muted: #769064;
    --v6cie-line: #e8f1e1;
    --v6cie-accent: #54b114;
    color: var(--v6cie-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-company-invoice-email *,
    .v6-company-invoice-email *::before,
    .v6-company-invoice-email *::after {
        box-sizing: border-box;
    }

    .v6-company-invoice-email [hidden] {
        display: none !important;
    }

.container:has(.v6-company-invoice-email) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-company-invoice-email .v6cie-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-company-invoice-email .v6-app-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    color: var(--v6cie-muted);
    font-size: 12px;
}

    .v6-company-invoice-email .v6-app-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-company-invoice-email .v6-app-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-company-invoice-email .v6cie-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-company-invoice-email .v6cie-heading-icon {
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6cie-accent);
    font-size: 24px;
}

.v6-company-invoice-email .v6cie-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-company-invoice-email h1 {
    margin: 3px 0;
    color: var(--v6cie-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-company-invoice-email .v6cie-subtitle {
    margin: 3px 0 0;
    color: var(--v6cie-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-company-invoice-email .v6cie-preview {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e2f1d7;
    border-radius: 9px;
    background: #f5fdef;
    color: #5e8742;
    font-size: 12px;
}

    .v6-company-invoice-email .v6cie-preview i {
        margin-top: 3px;
        color: var(--v6cie-accent);
    }

.v6-company-invoice-email .v6cie-panel {
    min-width: 0;
    margin: 0;
    padding: 24px;
    border: 1px solid var(--v6cie-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-company-invoice-email .v6cie-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-company-invoice-email .v6cie-panel-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6cie-accent);
    font-size: 16px;
}

.v6-company-invoice-email h2 {
    margin: 0;
    color: var(--v6cie-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-company-invoice-email .v6cie-panel-heading p,
.v6-company-invoice-email .v6cie-help {
    margin: 3px 0 0;
    color: var(--v6cie-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-company-invoice-email .v6cie-editor {
    display: grid;
    gap: 18px;
    margin: 0;
}

.v6-company-invoice-email .v6cie-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.v6-company-invoice-email .v6cie-invoice-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 24px;
}

.v6-company-invoice-email .v6-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

    .v6-company-invoice-email .v6-field label {
        margin: 0;
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-company-invoice-email .v6-field input,
    .v6-company-invoice-email .v6-field select,
    .v6-company-invoice-email .v6-field textarea {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        margin: 0;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: var(--v6cie-ink);
        font: inherit;
        font-size: 13px;
        line-height: 1.5;
    }

    .v6-company-invoice-email .v6-field textarea {
        min-height: 150px;
        resize: vertical;
    }

.v6-company-invoice-email input::placeholder,
.v6-company-invoice-email textarea::placeholder {
    color: #9aaf8b;
}

.v6-company-invoice-email .v6-field input:focus,
.v6-company-invoice-email .v6-field select:focus,
.v6-company-invoice-email .v6-field textarea:focus {
    border-color: var(--v6cie-accent);
    outline: 2px solid #54b1142b;
    outline-offset: 1px;
}

.v6-company-invoice-email .v6-field [aria-invalid="true"] {
    border-color: #c44f60;
}

.v6-company-invoice-email input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 6px 10px;
    border: 1px solid #daedcd;
    border-radius: 6px;
    background: #f4fcee;
    color: #579b27;
    font: inherit;
    cursor: pointer;
}

.v6-company-invoice-email .v6cie-logo-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 400px);
    align-items: start;
    gap: 24px;
}

.v6-company-invoice-email .v6cie-logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 18px;
    border: 1px dashed #daebcf;
    border-radius: 10px;
    background: #fafdf8;
}

.v6-company-invoice-email .v6cie-logo-preview {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 240px;
    object-fit: contain;
}

.v6-company-invoice-email .v6cie-logo-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #9cb48b;
    font-size: 12px;
}

    .v6-company-invoice-email .v6cie-logo-empty i {
        font-size: 32px;
    }

.v6-company-invoice-email progress {
    width: 100%;
    max-width: 360px;
    height: 8px;
    margin-top: 8px;
    accent-color: #54b114;
}

.v6-company-invoice-email .v6cie-checkbox {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 430px;
    min-height: 58px;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid #e9f2e2;
    border-radius: 8px;
    background: #fcfefb;
    color: #5c7d45;
    font-size: 13px;
    cursor: pointer;
}

    .v6-company-invoice-email .v6cie-checkbox input[type="checkbox"] {
        appearance: auto;
        display: block;
        width: 18px;
        min-width: 18px;
        max-width: 18px;
        height: 18px;
        min-height: 18px;
        max-height: 18px;
        margin: 0;
        padding: 0;
        accent-color: #54b114;
        box-shadow: none;
        cursor: pointer;
    }

    .v6-company-invoice-email .v6cie-checkbox:has(input:checked) {
        border-color: #d0e9bf;
        background: #f5fbf0;
    }

    .v6-company-invoice-email .v6cie-checkbox input:focus {
        outline: none;
    }

    .v6-company-invoice-email .v6cie-checkbox input:focus-visible {
        outline: 2px solid #54b114;
        outline-offset: 2px;
    }

.v6-company-invoice-email .v6cie-email-fields {
    min-width: 0;
    margin: 24px 0 0;
    padding: 22px 0 0;
    border: 0;
    border-top: 1px solid var(--v6cie-line);
}

.v6-company-invoice-email .v6cie-email-note {
    margin-top: 18px;
}

.v6-company-invoice-email .v6cie-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--v6cie-line);
}

.v6-company-invoice-email .v6cie-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v6-company-invoice-email .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid #deecd5;
    border-radius: 8px;
    background: #fff;
    color: #549626;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}

.v6-company-invoice-email .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-company-invoice-email .v6cie-secondary {
    background: #fafdf8;
    color: #688a50;
}

.v6-company-invoice-email .v6-btn:hover:not(:disabled) {
    filter: brightness(.96);
}

.v6-company-invoice-email .v6-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.v6-company-invoice-email :focus-visible {
    outline: 2px solid #54b114;
    outline-offset: 2px;
}

.v6-company-invoice-email .v6cie-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.v6-company-invoice-email .v6cie-search-field {
    flex: 1;
    max-width: 440px;
}

.v6-company-invoice-email .v6cie-toolbar > p {
    padding-bottom: 11px;
}

.v6-company-invoice-email .v6cie-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--v6cie-line);
    border-radius: 9px;
}

.v6-company-invoice-email .v6cie-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    text-align: left;
}

    .v6-company-invoice-email .v6cie-table th {
        padding: 13px 16px;
        border-bottom: 1px solid var(--v6cie-line);
        background: #f8fcf6;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .v6-company-invoice-email .v6cie-table td {
        padding: 16px;
        border-bottom: 1px solid #f1f6ed;
        color: #4c6b36;
        vertical-align: middle;
        overflow-wrap: anywhere;
    }

    .v6-company-invoice-email .v6cie-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .v6-company-invoice-email .v6cie-table tbody tr:hover {
        background: #fafdf8;
    }

    .v6-company-invoice-email .v6cie-table .v6-btn {
        min-height: 34px;
        padding: 7px 13px;
        font-size: 12px;
    }

.v6-company-invoice-email .v6cie-status {
    display: inline-flex;
    padding: 4px 9px;
    border-radius: 20px;
    background: #f4f8f1;
    color: #7e936f;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

    .v6-company-invoice-email .v6cie-status.is-enabled {
        background: #f2f9ed;
        color: #4b8027;
    }

.v6-company-invoice-email .v6cie-table .v6cie-empty {
    padding: 32px 16px;
    text-align: center;
    color: var(--v6cie-muted);
}

.v6-company-invoice-email .v6cie-feedback {
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-company-invoice-email .v6cie-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-company-invoice-email .v6cie-page-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

.v6-company-invoice-email .v6cie-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 1000px) {
    .v6-company-invoice-email .v6cie-invoice-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .v6-company-invoice-email .v6cie-grid,
    .v6-company-invoice-email .v6cie-logo-layout {
        grid-template-columns: 1fr;
    }

    .v6-company-invoice-email .v6cie-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .v6-company-invoice-email .v6cie-search-field {
        width: 100%;
        max-width: none;
    }

    .v6-company-invoice-email .v6cie-toolbar > p {
        padding-bottom: 0;
    }
}

@media (max-width: 600px) {
    .v6-company-invoice-email .v6cie-wrap {
        padding: 20px 16px 28px;
    }

    .v6-company-invoice-email .v6cie-panel {
        padding: 18px;
    }

    .v6-company-invoice-email .v6cie-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6-company-invoice-email .v6cie-heading-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-company-invoice-email h1 {
        font-size: 23px;
    }

    .v6-company-invoice-email .v6-field input,
    .v6-company-invoice-email .v6-field select,
    .v6-company-invoice-email .v6-field textarea {
        font-size: 16px;
    }

    .v6-company-invoice-email .v6cie-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6-company-invoice-email .v6cie-buttons > button {
        flex: 1;
    }
}

/* EPCRDropDowns — Stratus Admin / Hospitals theme */

.v6-epcr-drop-downs {
    --v6edd-ink: #2b5310;
    --v6edd-muted: #769064;
    --v6edd-line: #e8f1e1;
    --v6edd-accent: #54b114;
    color: var(--v6edd-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-epcr-drop-downs *,
    .v6-epcr-drop-downs *::before,
    .v6-epcr-drop-downs *::after {
        box-sizing: border-box;
    }

    .v6-epcr-drop-downs [hidden] {
        display: none !important;
    }

.container:has(.v6-epcr-drop-downs) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-epcr-drop-downs .v6edd-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-epcr-drop-downs .v6-app-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--v6edd-muted);
    font-size: 12px;
}

    .v6-epcr-drop-downs .v6-app-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-epcr-drop-downs .v6-app-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-epcr-drop-downs .v6edd-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-epcr-drop-downs .v6edd-heading-icon {
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6edd-accent);
    font-size: 24px;
}

.v6-epcr-drop-downs .v6edd-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-epcr-drop-downs h1 {
    margin: 3px 0;
    color: var(--v6edd-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-epcr-drop-downs .v6edd-subtitle {
    margin: 3px 0 0;
    color: var(--v6edd-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-epcr-drop-downs .v6edd-preview {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e2f1d7;
    border-radius: 9px;
    background: #f5fdef;
    color: #5e8742;
    font-size: 12px;
}

    .v6-epcr-drop-downs .v6edd-preview i {
        margin-top: 3px;
        color: var(--v6edd-accent);
    }

.v6-epcr-drop-downs .v6edd-panel {
    min-width: 0;
    margin: 0;
    padding: 24px;
    border: 1px solid var(--v6edd-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-epcr-drop-downs .v6edd-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-epcr-drop-downs .v6edd-panel-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6edd-accent);
    font-size: 16px;
}

.v6-epcr-drop-downs h2 {
    margin: 0;
    color: var(--v6edd-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-epcr-drop-downs .v6edd-panel-heading p {
    margin: 3px 0 0;
    color: var(--v6edd-muted);
    font-size: 12px;
}

.v6-epcr-drop-downs .v6-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

.v6-epcr-drop-downs .v6edd-name-field {
    max-width: 760px;
}

.v6-epcr-drop-downs .v6-field label {
    margin: 0;
    color: #5c7d45;
    font-size: 12px;
    font-weight: 500;
}

.v6-epcr-drop-downs .v6-field input {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #e0ecd7;
    border-radius: 8px;
    background: #fdfffc;
    color: var(--v6edd-ink);
    font: inherit;
    font-size: 13px;
    line-height: 1.5;
}

.v6-epcr-drop-downs input::placeholder {
    color: #9aaf8b;
}

.v6-epcr-drop-downs .v6-field input:focus {
    border-color: var(--v6edd-accent);
    outline: 2px solid #54b1142b;
    outline-offset: 1px;
}

.v6-epcr-drop-downs .v6-field [aria-invalid="true"] {
    border-color: #c44f60;
}

.v6-epcr-drop-downs .v6edd-required,
.v6-epcr-drop-downs .v6edd-field-error {
    color: #c44f60;
}

.v6-epcr-drop-downs .v6edd-field-error,
.v6-epcr-drop-downs .v6edd-help {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
}

.v6-epcr-drop-downs .v6edd-help {
    color: var(--v6edd-muted);
}

.v6-epcr-drop-downs .v6edd-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--v6edd-line);
}

.v6-epcr-drop-downs .v6edd-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v6-epcr-drop-downs .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid #deecd5;
    border-radius: 8px;
    background: #fff;
    color: #549626;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}

.v6-epcr-drop-downs .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-epcr-drop-downs .v6edd-secondary {
    background: #fafdf8;
    color: #688a50;
}

.v6-epcr-drop-downs .v6-btn:hover {
    filter: brightness(.96);
}

.v6-epcr-drop-downs :focus-visible {
    outline: 2px solid #54b114;
    outline-offset: 2px;
}

.v6-epcr-drop-downs .v6edd-feedback {
    margin: 18px 0 0;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-epcr-drop-downs .v6edd-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-epcr-drop-downs .v6edd-directory {
    margin-top: 18px;
}

.v6-epcr-drop-downs .v6edd-directory-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

    .v6-epcr-drop-downs .v6edd-directory-heading .v6edd-panel-heading {
        margin-bottom: 0;
    }

.v6-epcr-drop-downs .v6edd-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.v6-epcr-drop-downs .v6edd-search-field {
    flex: 1;
    max-width: 440px;
}

.v6-epcr-drop-downs .v6edd-toolbar > p {
    padding-bottom: 11px;
}

.v6-epcr-drop-downs .v6edd-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--v6edd-line);
    border-radius: 9px;
}

.v6-epcr-drop-downs .v6edd-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    text-align: left;
}

    .v6-epcr-drop-downs .v6edd-table th {
        padding: 13px 16px;
        border-bottom: 1px solid var(--v6edd-line);
        background: #f8fcf6;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .v6-epcr-drop-downs .v6edd-table td {
        padding: 16px;
        border-bottom: 1px solid #f1f6ed;
        color: #4c6b36;
        vertical-align: middle;
        overflow-wrap: anywhere;
    }

    .v6-epcr-drop-downs .v6edd-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .v6-epcr-drop-downs .v6edd-table tbody tr:hover {
        background: #fafdf8;
    }

    .v6-epcr-drop-downs .v6edd-table th:last-child,
    .v6-epcr-drop-downs .v6edd-table td:last-child {
        width: 180px;
    }

.v6-epcr-drop-downs .v6edd-name-cell {
    min-width: 220px;
    font-weight: 500;
    white-space: pre-wrap;
}

.v6-epcr-drop-downs .v6edd-row-actions {
    display: flex;
    gap: 8px;
}

    .v6-epcr-drop-downs .v6edd-row-actions .v6-btn {
        min-height: 34px;
        padding: 7px 11px;
        font-size: 12px;
    }

.v6-epcr-drop-downs .v6edd-edit {
    border-color: #daedcc;
    background: #f7fdf3;
    color: #559e23;
}

.v6-epcr-drop-downs .v6edd-delete {
    border-color: #f0d9df;
    background: #fff8fa;
    color: #bc6178;
}

.v6-epcr-drop-downs .v6edd-table .v6edd-empty {
    padding: 32px 16px;
    text-align: center;
    color: var(--v6edd-muted);
}

.v6-epcr-drop-downs .v6edd-page-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

.v6-epcr-drop-downs .v6edd-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 700px) {
    .v6-epcr-drop-downs .v6edd-directory-heading,
    .v6-epcr-drop-downs .v6edd-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .v6-epcr-drop-downs .v6edd-search-field {
        width: 100%;
        max-width: none;
    }

    .v6-epcr-drop-downs .v6edd-toolbar > p {
        padding-bottom: 0;
    }
}

@media (max-width: 600px) {
    .v6-epcr-drop-downs .v6edd-wrap {
        padding: 20px 16px 28px;
    }

    .v6-epcr-drop-downs .v6edd-panel {
        padding: 18px;
    }

    .v6-epcr-drop-downs .v6edd-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6-epcr-drop-downs .v6edd-heading-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-epcr-drop-downs h1 {
        font-size: 23px;
    }

    .v6-epcr-drop-downs .v6-field input {
        font-size: 16px;
    }

    .v6-epcr-drop-downs .v6edd-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6-epcr-drop-downs .v6edd-buttons > button {
        flex: 1;
    }
}

/* Devices — Stratus Admin / Hospitals theme */

.v6-devices {
    --v6dev-ink: #2b5310;
    --v6dev-muted: #769064;
    --v6dev-line: #e8f1e1;
    --v6dev-accent: #54b114;
    color: var(--v6dev-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-devices *,
    .v6-devices *::before,
    .v6-devices *::after {
        box-sizing: border-box;
    }

    .v6-devices [hidden] {
        display: none !important;
    }

.container:has(.v6-devices) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-devices .v6dev-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-devices .v6-app-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    color: var(--v6dev-muted);
    font-size: 12px;
}

    .v6-devices .v6-app-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-devices .v6-app-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-devices .v6dev-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-devices .v6dev-heading-icon {
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6dev-accent);
    font-size: 24px;
}

.v6-devices .v6dev-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-devices h1 {
    margin: 3px 0;
    color: var(--v6dev-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-devices .v6dev-subtitle {
    margin: 3px 0 0;
    color: var(--v6dev-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-devices .v6dev-preview {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e2f1d7;
    border-radius: 9px;
    background: #f5fdef;
    color: #5e8742;
    font-size: 12px;
}

    .v6-devices .v6dev-preview i {
        margin-top: 3px;
        color: var(--v6dev-accent);
    }

.v6-devices .v6dev-panel {
    min-width: 0;
    margin: 0;
    padding: 24px;
    border: 1px solid var(--v6dev-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-devices .v6dev-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-devices .v6dev-panel-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6dev-accent);
    font-size: 16px;
}

.v6-devices h2 {
    margin: 0;
    color: var(--v6dev-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-devices .v6dev-panel-heading p,
.v6-devices .v6dev-help {
    margin: 3px 0 0;
    color: var(--v6dev-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-devices .v6dev-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.v6-devices .v6dev-full {
    grid-column: 1 / -1;
}

.v6-devices .v6-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

    .v6-devices .v6-field label {
        margin: 0;
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-devices .v6-field input,
    .v6-devices .v6-field select {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        margin: 0;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: var(--v6dev-ink);
        font: inherit;
        font-size: 13px;
        line-height: 1.5;
    }

.v6-devices input::placeholder {
    color: #9aaf8b;
}

.v6-devices .v6-field input:focus,
.v6-devices .v6-field select:focus {
    border-color: var(--v6dev-accent);
    outline: 2px solid #54b1142b;
    outline-offset: 1px;
}

.v6-devices .v6-field [aria-invalid="true"] {
    border-color: #c44f60;
}

.v6-devices .v6dev-required,
.v6-devices .v6dev-field-error {
    color: #c44f60;
}

.v6-devices .v6dev-field-error {
    font-size: 12px;
}

.v6-devices .v6dev-active-field {
    display: flex;
    align-items: flex-end;
}

.v6-devices .v6dev-checkbox {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 10px 14px;
    border: 1px solid #e9f2e2;
    border-radius: 8px;
    background: #fcfefb;
    color: #5c7d45;
    font-size: 13px;
    cursor: pointer;
}

    .v6-devices .v6dev-checkbox input[type="checkbox"] {
        appearance: auto;
        display: block;
        width: 18px;
        min-width: 18px;
        max-width: 18px;
        height: 18px;
        min-height: 18px;
        max-height: 18px;
        margin: 0;
        padding: 0;
        accent-color: #54b114;
        box-shadow: none;
        cursor: pointer;
    }

    .v6-devices .v6dev-checkbox:has(input:checked) {
        border-color: #d0e9bf;
        background: #f5fbf0;
    }

    .v6-devices .v6dev-checkbox input:focus {
        outline: none;
    }

    .v6-devices .v6dev-checkbox input:focus-visible {
        outline: 2px solid #54b114;
        outline-offset: 2px;
    }

.v6-devices .v6dev-company-note {
    margin-top: 20px;
}

.v6-devices .v6dev-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--v6dev-line);
}

.v6-devices .v6dev-buttons,
.v6-devices .v6dev-row-actions {
    display: flex;
    gap: 10px;
}

.v6-devices .v6dev-buttons {
    flex-wrap: wrap;
}

.v6-devices .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid #deecd5;
    border-radius: 8px;
    background: #fff;
    color: #549626;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}

.v6-devices .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-devices .v6dev-secondary {
    background: #fafdf8;
    color: #688a50;
}

.v6-devices .v6dev-delete {
    border-color: #f0d9df;
    background: #fff8fa;
    color: #bc6178;
}

.v6-devices .v6-btn:hover {
    filter: brightness(.96);
}

.v6-devices :focus-visible {
    outline: 2px solid #54b114;
    outline-offset: 2px;
}

.v6-devices .v6dev-feedback {
    margin: 18px 0 0;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-devices .v6dev-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-devices .v6dev-directory {
    margin-top: 18px;
}

.v6-devices .v6dev-directory-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

    .v6-devices .v6dev-directory-heading .v6dev-panel-heading {
        margin-bottom: 0;
    }

.v6-devices .v6dev-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 16px;
}

    .v6-devices .v6dev-toolbar > .v6-field {
        flex: 1 1 220px;
    }

    .v6-devices .v6dev-toolbar > p {
        padding-bottom: 11px;
    }

.v6-devices .v6dev-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--v6dev-line);
    border-radius: 9px;
}

.v6-devices .v6dev-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    text-align: left;
}

    .v6-devices .v6dev-table th {
        padding: 13px 16px;
        border-bottom: 1px solid var(--v6dev-line);
        background: #f8fcf6;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .v6-devices .v6dev-table td {
        min-width: 110px;
        padding: 16px;
        border-bottom: 1px solid #f1f6ed;
        color: #4c6b36;
        vertical-align: middle;
        overflow-wrap: anywhere;
    }

    .v6-devices .v6dev-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .v6-devices .v6dev-table tbody tr:hover {
        background: #fafdf8;
    }

.v6-devices .v6dev-row-actions {
    gap: 8px;
}

    .v6-devices .v6dev-row-actions .v6-btn {
        min-height: 34px;
        padding: 7px 11px;
        font-size: 12px;
    }

.v6-devices .v6dev-status {
    display: inline-flex;
    padding: 4px 9px;
    border-radius: 20px;
    background: #f4f8f1;
    color: #7e936f;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

    .v6-devices .v6dev-status.is-active {
        background: #f2f9ed;
        color: #4b8027;
    }

.v6-devices .v6dev-table .v6dev-empty {
    padding: 32px 16px;
    text-align: center;
    color: var(--v6dev-muted);
}

.v6-devices .v6dev-dialog {
    width: min(560px, calc(100vw - 32px));
    max-height: 85vh;
    padding: 24px;
    overflow-y: auto;
    border: 1px solid var(--v6dev-line);
    border-radius: 15px;
    background: #fff;
    color: var(--v6dev-ink);
    box-shadow: 0 20px 70px #2b53102b;
}

    .v6-devices .v6dev-dialog::backdrop {
        background: #2b531066;
    }

.v6-devices .v6dev-dialog-note {
    margin-top: 16px;
}

.v6-devices .v6dev-dialog-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--v6dev-line);
}

.v6-devices .v6dev-page-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

.v6-devices .v6dev-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 700px) {
    .v6-devices .v6dev-grid {
        grid-template-columns: 1fr;
    }

    .v6-devices .v6dev-directory-heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .v6-devices .v6dev-wrap {
        padding: 20px 16px 28px;
    }

    .v6-devices .v6dev-panel,
    .v6-devices .v6dev-dialog {
        padding: 18px;
    }

    .v6-devices .v6dev-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6-devices .v6dev-heading-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-devices h1 {
        font-size: 23px;
    }

    .v6-devices .v6-field input,
    .v6-devices .v6-field select {
        font-size: 16px;
    }

    .v6-devices .v6dev-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6-devices .v6dev-buttons > button {
        flex: 1;
    }
}

/* HospitalManage — Stratus Admin / Hospitals theme */

.v6-hospital-manage {
    --v6hm-ink: #2b5310;
    --v6hm-muted: #769064;
    --v6hm-line: #e8f1e1;
    --v6hm-accent: #54b114;
    color: var(--v6hm-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-hospital-manage *,
    .v6-hospital-manage *::before,
    .v6-hospital-manage *::after {
        box-sizing: border-box;
    }

    .v6-hospital-manage [hidden] {
        display: none !important;
    }

.container:has(.v6-hospital-manage) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-hospital-manage .v6hm-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-hospital-manage .v6-app-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--v6hm-muted);
    font-size: 12px;
}

    .v6-hospital-manage .v6-app-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-hospital-manage .v6-app-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-hospital-manage .v6hm-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-hospital-manage .v6hm-heading-icon {
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6hm-accent);
    font-size: 24px;
}

.v6-hospital-manage .v6hm-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-hospital-manage h1 {
    margin: 3px 0;
    color: var(--v6hm-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-hospital-manage .v6hm-subtitle {
    margin: 3px 0 0;
    color: var(--v6hm-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-hospital-manage .v6hm-preview {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e2f1d7;
    border-radius: 9px;
    background: #f5fdef;
    color: #5e8742;
    font-size: 12px;
}

    .v6-hospital-manage .v6hm-preview i {
        margin-top: 3px;
        color: var(--v6hm-accent);
    }

.v6-hospital-manage .v6hm-panel {
    min-width: 0;
    margin: 0;
    padding: 24px;
    border: 1px solid var(--v6hm-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-hospital-manage .v6hm-panel-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-hospital-manage .v6hm-panel-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6hm-accent);
    font-size: 16px;
}

.v6-hospital-manage h2 {
    margin: 0;
    color: var(--v6hm-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-hospital-manage .v6hm-panel-heading p {
    margin: 3px 0 0;
    color: var(--v6hm-muted);
    font-size: 12px;
}

.v6-hospital-manage .v6hm-name-field {
    max-width: 760px;
}

.v6-hospital-manage .v6hm-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.v6-hospital-manage .v6hm-full {
    grid-column: 1 / -1;
}

.v6-hospital-manage .v6-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

    .v6-hospital-manage .v6-field label {
        margin: 0;
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-hospital-manage .v6-field input {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        margin: 0;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: var(--v6hm-ink);
        font: inherit;
        font-size: 13px;
        line-height: 1.5;
    }

.v6-hospital-manage input::placeholder {
    color: #9aaf8b;
}

.v6-hospital-manage .v6-field input:focus {
    border-color: var(--v6hm-accent);
    outline: 2px solid #54b1142b;
    outline-offset: 1px;
}

.v6-hospital-manage .v6-field [aria-invalid="true"] {
    border-color: #c44f60;
}

.v6-hospital-manage .v6-field input:disabled {
    background: #f5f9f3;
    color: #90a382;
    cursor: not-allowed;
}

.v6-hospital-manage .v6hm-required {
    color: #c44f60;
}

.v6-hospital-manage .v6hm-help {
    margin: 0;
    color: var(--v6hm-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-hospital-manage .v6hm-form-section {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid var(--v6hm-line);
}

.v6-hospital-manage .v6hm-section-heading {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: var(--v6hm-accent);
}

.v6-hospital-manage h3 {
    margin: 0;
    color: var(--v6hm-ink);
    font-size: 14px;
    font-weight: 600;
}

.v6-hospital-manage .v6hm-location-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 18px;
    padding: 12px 14px;
    border: 1px solid #e8f2e1;
    border-radius: 8px;
    background: #fafdf8;
    color: #769064;
    font-size: 12px;
}

    .v6-hospital-manage .v6hm-location-note p {
        margin: 0;
    }

    .v6-hospital-manage .v6hm-location-note i {
        margin-top: 3px;
        color: var(--v6hm-accent);
    }

.v6-hospital-manage .v6hm-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--v6hm-line);
}

.v6-hospital-manage .v6hm-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v6-hospital-manage .v6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid #deecd5;
    border-radius: 8px;
    background: #fff;
    color: #549626;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}

.v6-hospital-manage .v6-btn-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-hospital-manage .v6hm-secondary {
    background: #fafdf8;
    color: #688a50;
}

.v6-hospital-manage .v6-btn:hover {
    filter: brightness(.96);
}

.v6-hospital-manage :focus-visible {
    outline: 2px solid #54b114;
    outline-offset: 2px;
}

.v6-hospital-manage .v6hm-feedback {
    margin: 18px 0 0;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-hospital-manage .v6hm-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-hospital-manage .v6hm-directory {
    margin-top: 18px;
}

.v6-hospital-manage .v6hm-directory-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

    .v6-hospital-manage .v6hm-directory-heading .v6hm-panel-heading {
        margin-bottom: 0;
    }

.v6-hospital-manage .v6hm-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.v6-hospital-manage .v6hm-search-field {
    flex: 1;
    max-width: 460px;
}

.v6-hospital-manage .v6hm-toolbar > p {
    padding-bottom: 11px;
}

.v6-hospital-manage .v6hm-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--v6hm-line);
    border-radius: 9px;
}

.v6-hospital-manage .v6hm-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    text-align: left;
}

    .v6-hospital-manage .v6hm-table th {
        padding: 13px 16px;
        border-bottom: 1px solid var(--v6hm-line);
        background: #f8fcf6;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .v6-hospital-manage .v6hm-table td {
        min-width: 120px;
        max-width: 300px;
        padding: 16px;
        border-bottom: 1px solid #f1f6ed;
        color: #4c6b36;
        vertical-align: middle;
        overflow-wrap: anywhere;
    }

    .v6-hospital-manage .v6hm-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .v6-hospital-manage .v6hm-table tbody tr:hover {
        background: #fafdf8;
    }

    .v6-hospital-manage .v6hm-table .v6hm-name-cell {
        min-width: 200px;
        color: var(--v6hm-ink);
        font-weight: 600;
    }

    .v6-hospital-manage .v6hm-table .v6hm-address-cell {
        min-width: 240px;
    }

.v6-hospital-manage .v6hm-row-actions {
    display: flex;
    gap: 8px;
}

    .v6-hospital-manage .v6hm-row-actions .v6-btn {
        min-height: 34px;
        padding: 7px 11px;
        font-size: 12px;
    }

.v6-hospital-manage .v6hm-edit {
    border-color: #daedcc;
    background: #f7fdf3;
    color: #559e23;
}

.v6-hospital-manage .v6hm-delete {
    border-color: #f0d9df;
    background: #fff8fa;
    color: #bc6178;
}

.v6-hospital-manage .v6hm-table .v6hm-empty {
    padding: 32px 16px;
    text-align: center;
    color: var(--v6hm-muted);
}

.v6-hospital-manage .v6hm-page-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

.v6-hospital-manage .v6hm-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 700px) {
    .v6-hospital-manage .v6hm-grid {
        grid-template-columns: 1fr;
    }

    .v6-hospital-manage .v6hm-directory-heading,
    .v6-hospital-manage .v6hm-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .v6-hospital-manage .v6hm-search-field {
        width: 100%;
        max-width: none;
    }

    .v6-hospital-manage .v6hm-toolbar > p {
        padding-bottom: 0;
    }
}

@media (max-width: 600px) {
    .v6-hospital-manage .v6hm-wrap {
        padding: 20px 16px 28px;
    }

    .v6-hospital-manage .v6hm-panel {
        padding: 18px;
    }

    .v6-hospital-manage .v6hm-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .v6-hospital-manage .v6hm-heading-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-hospital-manage h1 {
        font-size: 23px;
    }

    .v6-hospital-manage .v6-field input {
        font-size: 16px;
    }

    .v6-hospital-manage .v6hm-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6-hospital-manage .v6hm-buttons > button {
        flex: 1;
    }
}

/* Users — Stratus Admin */

.v6-users {
    --v6usr-ink: #2b5310;
    --v6usr-muted: #769064;
    --v6usr-line: #e8f1e1;
    --v6usr-accent: #54b114;
    color: var(--v6usr-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-users *,
    .v6-users *::before,
    .v6-users *::after {
        box-sizing: border-box;
    }

    .v6-users [hidden] {
        display: none !important;
    }

.container:has(.v6-users) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-users .v6usr-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-users .v6usr-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: var(--v6usr-muted);
    font-size: 12px;
}

    .v6-users .v6usr-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-users .v6usr-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-users .v6usr-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-users .v6usr-page-icon,
.v6-users .v6usr-section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6usr-accent);
}

.v6-users .v6usr-page-icon {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    font-size: 24px;
}

.v6-users .v6usr-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-users h1 {
    margin: 3px 0;
    color: var(--v6usr-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-users .v6usr-subtitle {
    margin: 3px 0;
    color: var(--v6usr-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-users .v6usr-preview {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e1f0d6;
    border-radius: 9px;
    background: #f3fbee;
    color: #688a50;
    font-size: 12px;
}

    .v6-users .v6usr-preview i {
        margin-top: 3px;
        color: var(--v6usr-accent);
    }

.v6-users .v6usr-panel {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--v6usr-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-users .v6usr-section-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-users .v6usr-section-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    font-size: 16px;
}

.v6-users h2 {
    margin: 0;
    color: var(--v6usr-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-users .v6usr-help {
    margin: 3px 0 0;
    color: var(--v6usr-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-users .v6usr-required {
    color: #c4556b;
}

.v6-users .v6usr-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.v6-users .v6usr-full {
    grid-column: 1 / -1;
}

.v6-users .v6usr-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

    .v6-users .v6usr-field > label {
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-users .v6usr-field > input,
    .v6-users .v6usr-field > select,
    .v6-users .v6usr-field > textarea {
        display: block;
        width: 100%;
        min-width: 0;
        min-height: 42px;
        margin: 0;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: var(--v6usr-ink);
        font: inherit;
        font-size: 13px;
        line-height: 1.5;
        box-shadow: none;
    }

    .v6-users .v6usr-field > textarea {
        min-height: 112px;
        resize: vertical;
    }

        .v6-users .v6usr-field > input:focus,
        .v6-users .v6usr-field > select:focus,
        .v6-users .v6usr-field > textarea:focus {
            border-color: var(--v6usr-accent);
            outline: 2px solid #54b1142b;
            outline-offset: 1px;
        }

    .v6-users .v6usr-field > select:disabled {
        background: #f5f9f3;
        color: #90a582;
        cursor: not-allowed;
    }

.v6-users .v6usr-options {
    min-width: 0;
    margin: 26px 0 0;
    padding: 20px 0 0;
    border: 0;
    border-top: 1px solid var(--v6usr-line);
}

    .v6-users .v6usr-options legend {
        float: none;
        width: auto;
        margin: 0;
        padding: 0 10px 0 0;
        color: var(--v6usr-ink);
        font-size: 14px;
        font-weight: 650;
    }

.v6-users .v6usr-options-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 24px;
    margin-top: 16px;
}

.v6-users .v6usr-option {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center;
    gap: 16px;
    min-height: 60px;
    margin: 0;
    padding: 16px;
    border: 1px solid var(--v6usr-line);
    border-radius: 9px;
    background: #fdfffc;
    color: #5c7d45;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .v6-users .v6usr-option:has(input:checked) {
        border-color: #c0e3a8;
        background: #f5fbf0;
    }

    .v6-users .v6usr-option > input[type="checkbox"] {
        appearance: auto;
        -webkit-appearance: checkbox;
        position: static;
        display: block;
        justify-self: end;
        width: 18px;
        min-width: 18px;
        max-width: 18px;
        height: 18px;
        min-height: 18px;
        max-height: 18px;
        margin: 0;
        padding: 0;
        border: initial;
        border-radius: 3px;
        background: initial;
        accent-color: var(--v6usr-accent);
        box-shadow: none;
        transform: none;
        opacity: 1;
        cursor: pointer;
    }

        .v6-users .v6usr-option > input[type="checkbox"]:focus-visible {
            outline: 2px solid var(--v6usr-accent);
            outline-offset: 2px;
            box-shadow: none;
        }

.v6-users .v6usr-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--v6usr-line);
}

.v6-users .v6usr-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v6-users .v6usr-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid transparent;
    border-radius: 8px;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.v6-users .v6usr-button-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-users .v6usr-button-secondary {
    border-color: #e0ecd7;
    background: #fafdf8;
    color: #688a50;
}

.v6-users .v6usr-button:hover {
    filter: brightness(.96);
}

.v6-users .v6usr-button:focus-visible,
.v6-users .v6usr-table-scroll:focus-visible,
.v6-users .v6usr-breadcrumb a:focus-visible {
    outline: 2px solid var(--v6usr-accent);
    outline-offset: 2px;
}

.v6-users .v6usr-feedback {
    margin: 18px 0 0;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-users .v6usr-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-users .v6usr-directory {
    margin-top: 18px;
}

.v6-users .v6usr-directory-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

    .v6-users .v6usr-directory-heading .v6usr-section-heading {
        margin: 0;
    }

.v6-users .v6usr-toolbar {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 18px;
}

    .v6-users .v6usr-toolbar .v6usr-field {
        flex: 1;
        max-width: 440px;
    }

.v6-users .v6usr-count {
    margin: 0 0 11px auto;
    color: var(--v6usr-muted);
    font-size: 12px;
}

.v6-users .v6usr-table-scroll {
    overflow-x: auto;
    border: 1px solid var(--v6usr-line);
    border-radius: 9px;
}

.v6-users .v6usr-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    text-align: left;
    font-size: 13px;
}

    .v6-users .v6usr-table th {
        padding: 13px 16px;
        border-bottom: 1px solid var(--v6usr-line);
        background: #f8fcf6;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .v6-users .v6usr-table td {
        padding: 16px;
        border-bottom: 1px solid #f1f6ed;
        color: #4c6b36;
        vertical-align: middle;
        overflow-wrap: anywhere;
    }

    .v6-users .v6usr-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .v6-users .v6usr-table tbody tr:hover {
        background: #fcfefb;
    }

.v6-users .v6usr-row-actions {
    display: flex;
    gap: 8px;
}

    .v6-users .v6usr-row-actions .v6usr-button {
        min-height: 34px;
        padding: 7px 11px;
        font-size: 12px;
    }

.v6-users .v6usr-button-edit {
    border-color: #daeecc;
    background: #f4fbef;
    color: #549a23;
}

.v6-users .v6usr-button-delete {
    border-color: #f0d7dc;
    background: #fff7f8;
    color: #b25469;
}

.v6-users .v6usr-empty {
    margin: 0;
    padding: 32px 16px;
    color: var(--v6usr-muted);
    text-align: center;
    font-size: 13px;
}

.v6-users .v6usr-footer {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

.v6-users .v6usr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (max-width: 700px) {
    .v6-users .v6usr-grid,
    .v6-users .v6usr-options-grid {
        grid-template-columns: 1fr;
    }

    .v6-users .v6usr-directory-heading,
    .v6-users .v6usr-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

        .v6-users .v6usr-toolbar .v6usr-field {
            width: 100%;
            max-width: none;
        }

    .v6-users .v6usr-count {
        margin: 0;
    }
}

@media (max-width: 600px) {
    .v6-users .v6usr-wrap {
        padding: 20px 16px 28px;
    }

    .v6-users .v6usr-panel {
        padding: 18px;
    }

    .v6-users .v6usr-page-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-users h1 {
        font-size: 23px;
    }

    .v6-users .v6usr-field > input,
    .v6-users .v6usr-field > select,
    .v6-users .v6usr-field > textarea {
        font-size: 16px;
    }

    .v6-users .v6usr-form-footer,
    .v6-users .v6usr-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6-users .v6usr-actions .v6usr-button {
        flex: 1;
    }
}

/* EPCR DD Data — Stratus Admin */

.v6-epcr-dd-data {
    --v6edd-ink: #2b5310;
    --v6edd-muted: #769064;
    --v6edd-line: #e8f1e1;
    --v6edd-accent: #54b114;
    color: var(--v6edd-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-epcr-dd-data *,
    .v6-epcr-dd-data *::before,
    .v6-epcr-dd-data *::after {
        box-sizing: border-box;
    }

    .v6-epcr-dd-data [hidden] {
        display: none !important;
    }

.container:has(.v6-epcr-dd-data) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-epcr-dd-data .v6edd-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-epcr-dd-data .v6edd-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: var(--v6edd-muted);
    font-size: 12px;
}

    .v6-epcr-dd-data .v6edd-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-epcr-dd-data .v6edd-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-epcr-dd-data .v6edd-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-epcr-dd-data .v6edd-page-icon,
.v6-epcr-dd-data .v6edd-section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6edd-accent);
}

.v6-epcr-dd-data .v6edd-page-icon {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    font-size: 24px;
}

.v6-epcr-dd-data .v6edd-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-epcr-dd-data h1 {
    margin: 3px 0;
    color: var(--v6edd-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-epcr-dd-data .v6edd-subtitle {
    margin: 3px 0;
    color: var(--v6edd-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-epcr-dd-data .v6edd-preview {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e1f0d6;
    border-radius: 9px;
    background: #f3fbee;
    color: #688a50;
    font-size: 12px;
}

    .v6-epcr-dd-data .v6edd-preview i {
        margin-top: 3px;
        color: var(--v6edd-accent);
    }

.v6-epcr-dd-data .v6edd-panel {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--v6edd-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-epcr-dd-data .v6edd-section-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-epcr-dd-data .v6edd-section-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    font-size: 16px;
}

.v6-epcr-dd-data h2 {
    margin: 0;
    color: var(--v6edd-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-epcr-dd-data .v6edd-help {
    margin: 3px 0 0;
    color: var(--v6edd-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-epcr-dd-data .v6edd-required {
    color: #c4556b;
}

.v6-epcr-dd-data .v6edd-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.v6-epcr-dd-data .v6edd-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

    .v6-epcr-dd-data .v6edd-field > label {
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-epcr-dd-data .v6edd-field > input,
    .v6-epcr-dd-data .v6edd-field > select {
        display: block;
        width: 100%;
        min-width: 0;
        min-height: 42px;
        margin: 0;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: var(--v6edd-ink);
        font: inherit;
        font-size: 13px;
        line-height: 1.5;
        box-shadow: none;
    }

        .v6-epcr-dd-data .v6edd-field > input:focus,
        .v6-epcr-dd-data .v6edd-field > select:focus {
            border-color: var(--v6edd-accent);
            outline: 2px solid #54b1142b;
            outline-offset: 1px;
        }

.v6-epcr-dd-data .v6edd-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--v6edd-line);
}

.v6-epcr-dd-data .v6edd-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v6-epcr-dd-data .v6edd-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid transparent;
    border-radius: 8px;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.v6-epcr-dd-data .v6edd-button-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-epcr-dd-data .v6edd-button-secondary {
    border-color: #e0ecd7;
    background: #fafdf8;
    color: #688a50;
}

.v6-epcr-dd-data .v6edd-button:hover:not(:disabled) {
    filter: brightness(.96);
}

.v6-epcr-dd-data .v6edd-button:disabled {
    opacity: .55;
    cursor: not-allowed;
}

.v6-epcr-dd-data .v6edd-button:focus-visible,
.v6-epcr-dd-data .v6edd-table-scroll:focus-visible,
.v6-epcr-dd-data .v6edd-breadcrumb a:focus-visible {
    outline: 2px solid var(--v6edd-accent);
    outline-offset: 2px;
}

.v6-epcr-dd-data .v6edd-feedback {
    margin: 18px 0 0;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-epcr-dd-data .v6edd-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-epcr-dd-data .v6edd-directory {
    margin-top: 18px;
}

.v6-epcr-dd-data .v6edd-directory-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

    .v6-epcr-dd-data .v6edd-directory-heading .v6edd-section-heading {
        margin: 0;
    }

.v6-epcr-dd-data .v6edd-count {
    margin: 0 0 14px;
    color: var(--v6edd-muted);
    font-size: 12px;
}

    .v6-epcr-dd-data .v6edd-count:empty {
        display: none;
    }

.v6-epcr-dd-data .v6edd-table-scroll {
    overflow-x: auto;
    border: 1px solid var(--v6edd-line);
    border-radius: 9px;
}

.v6-epcr-dd-data .v6edd-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    text-align: left;
    font-size: 13px;
}

    .v6-epcr-dd-data .v6edd-table th {
        padding: 13px 16px;
        border-bottom: 1px solid var(--v6edd-line);
        background: #f8fcf6;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .v6-epcr-dd-data .v6edd-table td {
        padding: 16px;
        border-bottom: 1px solid #f1f6ed;
        color: #4c6b36;
        vertical-align: middle;
        overflow-wrap: anywhere;
    }

    .v6-epcr-dd-data .v6edd-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .v6-epcr-dd-data .v6edd-table tbody tr:hover {
        background: #fcfefb;
    }

.v6-epcr-dd-data .v6edd-value {
    color: #7e986c;
    font-variant-numeric: tabular-nums;
}

.v6-epcr-dd-data .v6edd-row-actions {
    display: flex;
    gap: 8px;
}

    .v6-epcr-dd-data .v6edd-row-actions .v6edd-button {
        min-height: 34px;
        padding: 7px 11px;
        font-size: 12px;
    }

.v6-epcr-dd-data .v6edd-button-edit {
    border-color: #daeecc;
    background: #f4fbef;
    color: #549a23;
}

.v6-epcr-dd-data .v6edd-button-delete {
    border-color: #f0d7dc;
    background: #fff7f8;
    color: #b25469;
}

.v6-epcr-dd-data .v6edd-empty {
    padding: 36px 16px;
    border: 1px dashed #e0ecd7;
    border-radius: 10px;
    background: #fdfffc;
    text-align: center;
}

.v6-epcr-dd-data .v6edd-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 12px;
    border-radius: 12px;
    background: #f1faea;
    color: var(--v6edd-accent);
    font-size: 18px;
}

.v6-epcr-dd-data .v6edd-empty h3 {
    margin: 0;
    color: #5c7d45;
    font-size: 14px;
    font-weight: 600;
}

.v6-epcr-dd-data .v6edd-empty p {
    margin: 6px 0 0;
    color: var(--v6edd-muted);
    font-size: 12px;
}

.v6-epcr-dd-data .v6edd-footer {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

.v6-epcr-dd-data .v6edd-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (max-width: 700px) {
    .v6-epcr-dd-data .v6edd-grid {
        grid-template-columns: 1fr;
    }

    .v6-epcr-dd-data .v6edd-directory-heading {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .v6-epcr-dd-data .v6edd-wrap {
        padding: 20px 16px 28px;
    }

    .v6-epcr-dd-data .v6edd-panel {
        padding: 18px;
    }

    .v6-epcr-dd-data .v6edd-page-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-epcr-dd-data h1 {
        font-size: 23px;
    }

    .v6-epcr-dd-data .v6edd-field > input,
    .v6-epcr-dd-data .v6edd-field > select {
        font-size: 16px;
    }

    .v6-epcr-dd-data .v6edd-form-footer,
    .v6-epcr-dd-data .v6edd-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6-epcr-dd-data .v6edd-actions .v6edd-button {
        flex: 1;
    }
}

/* Vehicle Tracking Providers — Stratus Admin */

.v6-vehicle-tracking-providers {
    --v6vtp-ink: #2b5310;
    --v6vtp-muted: #769064;
    --v6vtp-line: #e8f1e1;
    --v6vtp-accent: #54b114;
    color: var(--v6vtp-ink);
    background: radial-gradient(ellipse at top right, #eefae6, transparent 55%), #f8fcf5;
    font: 14px/1.5 "Segoe UI", Arial, sans-serif;
}

    .v6-vehicle-tracking-providers *,
    .v6-vehicle-tracking-providers *::before,
    .v6-vehicle-tracking-providers *::after {
        box-sizing: border-box;
    }

    .v6-vehicle-tracking-providers [hidden] {
        display: none !important;
    }

.container:has(.v6-vehicle-tracking-providers) {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.v6-vehicle-tracking-providers .v6vtp-wrap {
    max-width: 1440px;
    margin-inline: auto;
    padding: 24px 32px 36px;
}

.v6-vehicle-tracking-providers .v6vtp-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: var(--v6vtp-muted);
    font-size: 12px;
}

    .v6-vehicle-tracking-providers .v6vtp-breadcrumb a {
        color: #579b27;
        text-decoration: none;
    }

        .v6-vehicle-tracking-providers .v6vtp-breadcrumb a:hover {
            text-decoration: underline;
        }

.v6-vehicle-tracking-providers .v6vtp-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0 18px;
}

.v6-vehicle-tracking-providers .v6vtp-page-icon,
.v6-vehicle-tracking-providers .v6vtp-section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f0fbe8;
    color: var(--v6vtp-accent);
}

.v6-vehicle-tracking-providers .v6vtp-page-icon {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    font-size: 24px;
}

.v6-vehicle-tracking-providers .v6vtp-eyebrow {
    margin: 0;
    color: #579b27;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.4px;
}

.v6-vehicle-tracking-providers h1 {
    margin: 3px 0;
    color: var(--v6vtp-ink);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.v6-vehicle-tracking-providers .v6vtp-subtitle {
    margin: 3px 0;
    color: var(--v6vtp-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-vehicle-tracking-providers .v6vtp-preview {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 18px;
    padding: 12px 16px;
    border: 1px solid #e1f0d6;
    border-radius: 9px;
    background: #f3fbee;
    color: #688a50;
    font-size: 12px;
}

    .v6-vehicle-tracking-providers .v6vtp-preview i {
        margin-top: 3px;
        color: var(--v6vtp-accent);
    }

.v6-vehicle-tracking-providers .v6vtp-panel {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--v6vtp-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px #396c1604;
}

.v6-vehicle-tracking-providers .v6vtp-section-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.v6-vehicle-tracking-providers .v6vtp-section-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    font-size: 16px;
}

.v6-vehicle-tracking-providers h2 {
    margin: 0;
    color: var(--v6vtp-ink);
    font-size: 17px;
    font-weight: 650;
    letter-spacing: -.3px;
}

.v6-vehicle-tracking-providers .v6vtp-help {
    margin: 3px 0 0;
    color: var(--v6vtp-muted);
    font-size: 12px;
    line-height: 1.6;
}

.v6-vehicle-tracking-providers .v6vtp-required {
    color: #c4556b;
}

.v6-vehicle-tracking-providers .v6vtp-fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

    .v6-vehicle-tracking-providers .v6vtp-fieldset legend {
        float: none;
        width: auto;
        margin: 0 0 16px;
        padding: 0;
        color: #5c7d45;
        font-size: 14px;
        font-weight: 650;
    }

.v6-vehicle-tracking-providers .v6vtp-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.v6-vehicle-tracking-providers .v6vtp-full {
    grid-column: 1 / -1;
}

.v6-vehicle-tracking-providers .v6vtp-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

    .v6-vehicle-tracking-providers .v6vtp-field > label {
        color: #5c7d45;
        font-size: 12px;
        font-weight: 500;
    }

    .v6-vehicle-tracking-providers .v6vtp-field > input,
    .v6-vehicle-tracking-providers .v6vtp-field > textarea {
        display: block;
        width: 100%;
        min-width: 0;
        min-height: 42px;
        margin: 0;
        padding: 10px 12px;
        border: 1px solid #e0ecd7;
        border-radius: 8px;
        background: #fdfffc;
        color: var(--v6vtp-ink);
        font: inherit;
        font-size: 13px;
        line-height: 1.5;
        box-shadow: none;
    }

        .v6-vehicle-tracking-providers .v6vtp-field > textarea.v6vtp-object {
            min-height: 160px;
            resize: vertical;
            font-family: Consolas, "Courier New", monospace;
            tab-size: 4;
        }

        .v6-vehicle-tracking-providers .v6vtp-field > input:focus,
        .v6-vehicle-tracking-providers .v6vtp-field > textarea:focus {
            border-color: var(--v6vtp-accent);
            outline: 2px solid #54b1142b;
            outline-offset: 1px;
        }

.v6-vehicle-tracking-providers .v6vtp-mappings {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid var(--v6vtp-line);
}

    .v6-vehicle-tracking-providers .v6vtp-mappings > .v6vtp-help {
        margin-bottom: 18px;
    }

.v6-vehicle-tracking-providers .v6vtp-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--v6vtp-line);
}

.v6-vehicle-tracking-providers .v6vtp-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v6-vehicle-tracking-providers .v6vtp-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin: 0;
    padding: 10px 17px;
    border: 1px solid transparent;
    border-radius: 8px;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}

.v6-vehicle-tracking-providers .v6vtp-button-primary {
    border-color: #68ca24;
    background: linear-gradient(110deg, #69d220, #7bc746);
    color: #fff;
}

.v6-vehicle-tracking-providers .v6vtp-button-secondary {
    border-color: #e0ecd7;
    background: #fafdf8;
    color: #688a50;
}

.v6-vehicle-tracking-providers .v6vtp-button:hover {
    filter: brightness(.96);
}

.v6-vehicle-tracking-providers .v6vtp-button:focus-visible,
.v6-vehicle-tracking-providers .v6vtp-table-scroll:focus-visible,
.v6-vehicle-tracking-providers .v6vtp-breadcrumb a:focus-visible {
    outline: 2px solid var(--v6vtp-accent);
    outline-offset: 2px;
}

.v6-vehicle-tracking-providers .v6vtp-feedback {
    margin: 18px 0 0;
    padding: 13px 16px;
    border: 1px solid #cfe7be;
    border-radius: 9px;
    background: #f4faef;
    color: #416b23;
    font-size: 13px;
}

    .v6-vehicle-tracking-providers .v6vtp-feedback.is-error {
        border-color: #f0cdd3;
        background: #fff4f5;
        color: #a23e50;
    }

.v6-vehicle-tracking-providers .v6vtp-directory {
    margin-top: 18px;
}

.v6-vehicle-tracking-providers .v6vtp-directory-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

    .v6-vehicle-tracking-providers .v6vtp-directory-heading .v6vtp-section-heading {
        margin: 0;
    }

.v6-vehicle-tracking-providers .v6vtp-count {
    margin: 0 0 14px;
    color: var(--v6vtp-muted);
    font-size: 12px;
}

.v6-vehicle-tracking-providers .v6vtp-table-scroll {
    overflow-x: auto;
    border: 1px solid var(--v6vtp-line);
    border-radius: 9px;
}

.v6-vehicle-tracking-providers .v6vtp-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    text-align: left;
    font-size: 13px;
}

    .v6-vehicle-tracking-providers .v6vtp-table th {
        padding: 13px 16px;
        border-bottom: 1px solid var(--v6vtp-line);
        background: #f8fcf6;
        color: #668252;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .v6-vehicle-tracking-providers .v6vtp-table td {
        padding: 16px;
        border-bottom: 1px solid #f1f6ed;
        color: #4c6b36;
        vertical-align: middle;
        overflow-wrap: anywhere;
    }

    .v6-vehicle-tracking-providers .v6vtp-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .v6-vehicle-tracking-providers .v6vtp-table tbody tr:hover {
        background: #fcfefb;
    }

.v6-vehicle-tracking-providers .v6vtp-row-actions {
    display: flex;
    gap: 8px;
}

    .v6-vehicle-tracking-providers .v6vtp-row-actions .v6vtp-button {
        min-height: 34px;
        padding: 7px 11px;
        font-size: 12px;
    }

.v6-vehicle-tracking-providers .v6vtp-button-edit {
    border-color: #daeecc;
    background: #f4fbef;
    color: #549a23;
}

.v6-vehicle-tracking-providers .v6vtp-button-delete {
    border-color: #f0d7dc;
    background: #fff7f8;
    color: #b25469;
}

.v6-vehicle-tracking-providers .v6vtp-empty {
    padding: 32px 16px;
    border: 1px dashed #e0ecd7;
    border-radius: 10px;
    background: #fdfffc;
    text-align: center;
}

    .v6-vehicle-tracking-providers .v6vtp-empty h3 {
        margin: 0;
        color: #5c7d45;
        font-size: 14px;
        font-weight: 600;
    }

    .v6-vehicle-tracking-providers .v6vtp-empty p {
        margin: 6px 0 0;
        color: var(--v6vtp-muted);
        font-size: 12px;
    }

.v6-vehicle-tracking-providers .v6vtp-footer {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 24px;
    color: #98ac8a;
    font-size: 10px;
}

.v6-vehicle-tracking-providers .v6vtp-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (max-width: 700px) {
    .v6-vehicle-tracking-providers .v6vtp-grid {
        grid-template-columns: 1fr;
    }

    .v6-vehicle-tracking-providers .v6vtp-directory-heading {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .v6-vehicle-tracking-providers .v6vtp-wrap {
        padding: 20px 16px 28px;
    }

    .v6-vehicle-tracking-providers .v6vtp-panel {
        padding: 18px;
    }

    .v6-vehicle-tracking-providers .v6vtp-page-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .v6-vehicle-tracking-providers h1 {
        font-size: 23px;
    }

    .v6-vehicle-tracking-providers .v6vtp-field > input,
    .v6-vehicle-tracking-providers .v6vtp-field > textarea {
        font-size: 16px;
    }

    .v6-vehicle-tracking-providers .v6vtp-form-footer,
    .v6-vehicle-tracking-providers .v6vtp-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .v6-vehicle-tracking-providers .v6vtp-actions .v6vtp-button {
        flex: 1;
    }
}

/* Compact incident queue controls and internal scrolling */
.vd-incidents {
    height: calc(100dvh - var(--v6-header-height) - 136px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.vd-incidents > .vd-panel-title {
    flex: 0 0 auto;
    gap: 8px;
    padding: 12px;
}

.vd-incidents > .vd-panel-title > select {
    min-width: 0;
    width: auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 8px 26px 8px 9px;
}

.vd-incident-tools {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.vd .vd-incident-tools button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 30px;
    padding: 5px;
}

.vd .vd-incident-tools #ds-reset {
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #4c8226;
}

.vd-incident-tools svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.vd-incidents .vd-search-row {
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 8px 10px;
    border-bottom: 1px solid #f0f5ed;
}

.vd-incidents .vd-search-row[hidden] {
    display: none;
}

.vd-incidents .vd-search-row input {
    min-width: 0;
    margin: 0;
    padding: 7px 8px;
}

.vd .vd-search-row button {
    padding: 6px 8px;
    white-space: nowrap;
}

.vd-queue {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

@media(max-width:1150px) {
    .vd-incidents {
        height: 420px;
        max-height: calc(100dvh - var(--v6-header-height) - 136px);
    }
}

@media(max-width:650px) {
    .vd-incidents {
        height: 360px;
        max-height: 360px;
    }
}

/* Event dispatch uses the same compact three-card workspace as Dispatch. */
#dispatch-app .vd-event-select {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: #738963;
    font-size: 10px;
    white-space: nowrap;
}
#dispatch-app .vd-event-select select {
    width: 145px;
    min-width: 0;
    margin: 0;
    padding: 7px 8px;
    font-size: 10px;
}
#dispatch-app .vd-map-context {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    padding-right: 13px;
}
#dispatch-app .vd-map-context .vd-map-status { padding-right: 0; }
#dispatch-app .vd-map-layer-controls {
    flex: 0 0 auto;
    padding: 8px 12px 10px;
    border-top: 1px solid #ecf2e8;
    background: #fff;
    color: #708660;
    font-size: 10px;
}
#dispatch-app .vd-map-layer-controls > strong { display: block; margin-bottom: 3px; color: #2f5117; }
#dispatch-app .vd-map-layer-controls .ve-check { display: inline-flex; margin: 4px 12px 0 0; font-size: 10px; }
#dispatch-app .vd-map-pin.medical { background: #e8a23d; font-size: 15px; }
@media (max-width: 1100px) {
    #dispatch-app .vd-event-select { flex: 1 1 100%; }
}

/* Keep the dispatch board footer close enough to avoid page-level overflow. */
body:has(#dispatch-app) .v6-copyright-footer { margin-top: 0; }

/* Dashboard report summaries are informational; the queue contains overdue details. */
#epcr-app button[aria-disabled="true"],#epcr-app button[aria-disabled="true"]:hover{cursor:default;background:white}

/* Keep the introduction readable over the compact mobile image. */
@media (max-width: 600px) {
    .v6-login-story-copy p {
        color: #ffffff;
        text-shadow: 0 1px 3px #2b4e12;
    }
}

/* Hyperbook account colours and its own book-page loading indicator. */
.v6-login {
    background: radial-gradient(ellipse at 90% 5%, #e8f3d9, transparent 50%), #f5f8f0;
}
.v6-login-story {
    background-image: linear-gradient(180deg, #f1f8e8 0%, #f1f8e8 25%, #eff8e87a 42%, #24431bd9 100%), url('../img/background.png');
    background-color: #e0edcf;
}
.v6-login-shell {
    border-color: #dce7d1;
    box-shadow: 0 16px 70px #29451e14;
}
.v6-login .v6-login-submit,
.v6-login .v6-btn-primary {
    background: #477c23;
    border-color: #477c23;
    color: #ffffff;
}
.v6-login .v6-login-submit:hover,
.v6-login .v6-btn-primary:hover {
    background: #356019;
    border-color: #356019;
}
.v6-login .v6-login-text-button {
    color: #426c24;
}
.v6-login input:focus-visible,
.v6-login button:focus-visible,
.v6-login a:focus-visible {
    outline-color: #5f8c31;
}
.v6-busy-overlay {
    background: rgba(240, 246, 232, .82);
}
.v6-busy-card {
    border-color: #dce7d1;
    color: #24391b;
    box-shadow: 0 24px 80px #29451e24;
}
.hb-book-loader {
    position: relative;
    width: 78px;
    height: 62px;
    margin: 0 auto 25px;
    perspective: 220px;
}
.hb-book-loader::before {
    content: '';
    position: absolute;
    inset: 3px 2px;
    border: 3px solid #477c23;
    border-radius: 5px 9px 9px 5px;
    background: #edf4e3;
    box-shadow: -5px 5px 0 #d5e5bf;
}
.hb-book-loader span {
    position: absolute;
    top: 9px;
    left: 38px;
    width: 30px;
    height: 44px;
    border: 1px solid #9bbb75;
    border-radius: 1px 5px 5px 1px;
    background: repeating-linear-gradient(to bottom, #ffffff 0 7px, #e0ebd2 7px 8px);
    transform-origin: left center;
    animation: hb-page-turn 2.1s ease-in-out infinite;
}
.hb-book-loader span:nth-child(2) {
    animation-delay: .35s;
}
.hb-book-loader span:nth-child(3) {
    animation-delay: .7s;
}
.hb-loading-track {
    height: 4px;
    margin-top: 24px;
    overflow: hidden;
    border-radius: 4px;
    background: #e5eedb;
}
.hb-loading-track::after {
    content: '';
    display: block;
    width: 40%;
    height: 100%;
    border-radius: inherit;
    background: #6f9f3d;
    animation: hb-reading-progress 1.8s ease-in-out infinite;
}
@keyframes hb-page-turn {
    0%, 15% { transform: rotateY(0); opacity: 1; }
    70%, 100% { transform: rotateY(-165deg); opacity: 0; }
}
@keyframes hb-reading-progress {
    from { transform: translateX(-110%); }
    to { transform: translateX(360%); }
}
@media (prefers-reduced-motion: reduce) {
    .hb-book-loader span,
    .hb-loading-track::after {
        animation: none;
    }
    .hb-book-loader span:nth-child(2) { transform: rotateY(-55deg); }
    .hb-book-loader span:nth-child(3) { transform: rotateY(-110deg); }
}