/* /Pages/Account/ChangePassword.cshtml.rz.scp.css */
.auth-card form[b-lvebwy852b] {
    display: grid;
}

.auth-card form > .dossiers-primary-button[b-lvebwy852b] {
    width: fit-content;
    margin-top: 16px;
}

.auth-back-link[b-lvebwy852b] {
    display: inline-flex;
    margin-top: 18px;
    color: var(--arrivio-green-700);
    font-weight: 650;
}
/* /Pages/Account/ForgotPassword.cshtml.rz.scp.css */
.auth-card form[b-27m29kktxq] {
    display: grid;
}

.auth-card form > .dossiers-primary-button[b-27m29kktxq] {
    width: fit-content;
    margin-top: 16px;
}

.auth-back-link[b-27m29kktxq] {
    display: inline-flex;
    margin-top: 18px;
    color: var(--arrivio-green-700);
    font-weight: 650;
}
/* /Pages/Account/Login.cshtml.rz.scp.css */
.auth-check[b-0kivcnrmml] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-top: 12px;
}

.auth-check input[b-0kivcnrmml] {
    margin: 0;
}

.auth-card form > .dossiers-primary-button[b-0kivcnrmml] {
    display: flex;
    width: fit-content;
    margin-top: 12px;
}

.auth-forgot-link[b-0kivcnrmml] {
    display: inline-flex;
    margin-top: 18px;
    color: var(--arrivio-green-700);
    font-weight: 650;
}
/* /Pages/Account/ResetPassword.cshtml.rz.scp.css */
.auth-card form[b-sgmz7q4031] {
    display: grid;
}

.auth-card form > .dossiers-primary-button[b-sgmz7q4031] {
    width: fit-content;
    margin-top: 16px;
}

.auth-back-link[b-sgmz7q4031] {
    display: inline-flex;
    margin-top: 18px;
    color: var(--arrivio-green-700);
    font-weight: 650;
}
/* /Pages/Advisor.cshtml.rz.scp.css */
.mobile-body[b-18f5kf19ns] {
    min-width: 320px;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    overflow-x: hidden;
    background: var(--arrivio-green-50);
    color: var(--arrivio-gray-900);
}

.mobile-app[b-18f5kf19ns] {
    position: relative;
    display: flex;
    width: min(100%, 480px);
    min-height: 100vh;
    min-height: 100dvh;
    flex-direction: column;
    margin: 0 auto;
    background: var(--arrivio-gray-50);
}

.mobile-topbar[b-18f5kf19ns] {
    position: relative;
    display: flex;
    min-height: 70px;
    align-items: center;
    justify-content: space-between;
    padding:
        max(var(--arrivio-space-4), env(safe-area-inset-top))
        var(--arrivio-space-4)
        var(--arrivio-space-3);
    background: var(--arrivio-white);
}

.mobile-wordmark[b-18f5kf19ns] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    color: var(--arrivio-green-900);
    font-size: 1.7rem;
    font-weight: 750;
    letter-spacing: -0.05em;
    line-height: 1;
    text-decoration: none;
}

.mobile-wordmark:hover[b-18f5kf19ns],
.mobile-wordmark:focus[b-18f5kf19ns] {
    color: var(--arrivio-green-900);
    text-decoration: none;
}

.mobile-wordmark span[b-18f5kf19ns] {
    color: var(--arrivio-green-500);
}

.mobile-icon-button[b-18f5kf19ns] {
    display: inline-grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: 50%;
    background: var(--arrivio-white);
    color: var(--arrivio-gray-700);
    box-shadow: none;
}

.mobile-icon-button:disabled[b-18f5kf19ns] {
    cursor: not-allowed;
    opacity: 0.5;
}

.mobile-icon-button svg[b-18f5kf19ns] {
    width: 20px;
    height: 20px;
}

.mobile-workday[b-18f5kf19ns] {
    position: relative;
    z-index: 3;
    display: grid;
    flex: 1;
    align-content: start;
    gap: var(--arrivio-space-4);
    margin-top: 0;
    padding:
        var(--arrivio-space-4)
        var(--arrivio-space-4)
        calc(96px + env(safe-area-inset-bottom));
}

.mobile-intro[b-18f5kf19ns] {
    position: relative;
    padding:
        var(--arrivio-space-4)
        calc(var(--arrivio-space-4) + var(--arrivio-space-1))
        var(--arrivio-space-4);
    background: var(--arrivio-white);
}

.mobile-eyebrow[b-18f5kf19ns],
.mobile-card-heading p[b-18f5kf19ns] {
    margin: 0;
    color: var(--arrivio-green-700);
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.mobile-intro h1[b-18f5kf19ns] {
    margin: var(--arrivio-space-1) 0 var(--arrivio-space-2);
    color: var(--arrivio-gray-950);
    max-width: 18rem;
    font-size: clamp(1.75rem, 8vw, 2.1rem);
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1.12;
}

.mobile-intro > p:last-child[b-18f5kf19ns] {
    max-width: 20rem;
    margin: 0;
    color: var(--arrivio-gray-600);
    font-size: 1rem;
    line-height: 1.55;
}

.mobile-intro > p strong[b-18f5kf19ns] {
    color: var(--arrivio-green-800);
    font-weight: 750;
}

.mobile-feedback[b-18f5kf19ns] {
    display: flex;
    min-height: 44px;
    align-items: center;
    gap: var(--arrivio-space-2);
    padding: var(--arrivio-space-3);
    border: 1px solid var(--arrivio-green-100);
    border-radius: var(--arrivio-radius-sm);
    background: var(--arrivio-green-50);
    color: var(--arrivio-green-800);
    font-size: 0.875rem;
    font-weight: 600;
}

.mobile-appointment-card .mobile-feedback[b-18f5kf19ns] {
    margin: 0 0 var(--arrivio-space-3);
}

.mobile-appointment-card .mobile-feedback:last-child[b-18f5kf19ns] {
    margin-bottom: 0;
}

.mobile-feedback--error[b-18f5kf19ns] {
    border-color: var(--arrivio-red-100);
    background: var(--arrivio-white);
    color: var(--arrivio-red-600);
}

.mobile-feedback svg[b-18f5kf19ns] {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
}

.mobile-appointment-card[b-18f5kf19ns],
.mobile-empty-card[b-18f5kf19ns],
.mobile-tomorrow-card[b-18f5kf19ns] {
    overflow: hidden;
    border: 1px solid var(--arrivio-white);
    border-radius: var(--arrivio-radius-lg);
    background: var(--arrivio-white);
    box-shadow: var(--arrivio-shadow-md);
}

.mobile-appointment-section[b-18f5kf19ns] {
    display: grid;
    gap: var(--arrivio-space-4);
}

.mobile-appointment-card .card-body[b-18f5kf19ns] {
    padding: var(--arrivio-space-5);
}

.mobile-route-map[b-18f5kf19ns] {
    position: relative;
    overflow: hidden;
    margin-bottom: var(--arrivio-space-5);
    border: 1px solid var(--arrivio-gray-100);
    border-radius: var(--arrivio-radius-lg);
    background: var(--arrivio-white);
}

.mobile-route-map svg[b-18f5kf19ns] {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    pointer-events: none;
}

.mobile-route-map__canvas[b-18f5kf19ns] {
    position: relative;
    overflow: hidden;
    background: #faf9f6;
}

.mobile-route-map__geography[b-18f5kf19ns] {
    position: absolute;
    z-index: 0;
    inset: 0;
    opacity: 0;
}

.mobile-route-map__canvas.has-orientation-map
    .mobile-route-map__geography[b-18f5kf19ns] {
    opacity: 1;
}

.mobile-route-map__canvas.has-orientation-map
    :is(
        .mobile-route-map__ground,
        .mobile-route-map__land,
        .mobile-route-map__park,
        .mobile-route-map__water,
        .mobile-route-map__minor-roads,
        .mobile-route-map__roads)[b-18f5kf19ns] {
    opacity: 0;
}

.mobile-route-map__geography[b-18f5kf19ns]  .maplibregl-canvas {
    outline: 0;
}

.mobile-route-map__geography[b-18f5kf19ns]  .maplibregl-ctrl-attrib {
    margin: 0 6px 6px 0;
    border-radius: 999px;
    background: rgb(255 255 255 / 84%);
    box-shadow: 0 1px 4px rgb(11 61 43 / 8%);
    color: var(--arrivio-gray-600);
    font-size: 7px;
    line-height: 1.25;
}

.mobile-route-map__geography[b-18f5kf19ns]
     .maplibregl-ctrl-attrib:not([open]) {
    width: 18px;
    height: 18px;
    padding: 0;
    overflow: hidden;
}

.mobile-route-map__geography[b-18f5kf19ns]
     .maplibregl-ctrl-attrib:not([open])
    .maplibregl-ctrl-attrib-inner {
    display: none;
}

.mobile-route-map__geography[b-18f5kf19ns]  .maplibregl-ctrl-attrib-button {
    width: 18px;
    height: 18px;
    opacity: 0.62;
}

.mobile-route-map__geography[b-18f5kf19ns]
     .maplibregl-ctrl-attrib[open] {
    max-width: calc(100% - 12px);
    padding: 3px 22px 3px 7px;
}

.mobile-route-map__ground[b-18f5kf19ns] {
    fill: #faf9f6;
}

.mobile-route-map__land[b-18f5kf19ns] {
    fill: #f0f6f2;
}

.mobile-route-map__park[b-18f5kf19ns] {
    fill: #e3f0e7;
}

.mobile-route-map__water[b-18f5kf19ns] {
    fill: none;
    stroke: #dcecef;
    stroke-linecap: round;
    stroke-width: 13;
}

.mobile-route-map__minor-roads[b-18f5kf19ns],
.mobile-route-map__roads[b-18f5kf19ns] {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mobile-route-map__minor-roads[b-18f5kf19ns] {
    stroke: rgb(255 255 255 / 76%);
    stroke-width: 7;
}

.mobile-route-map__roads[b-18f5kf19ns] {
    stroke-width: 14;
}

.mobile-route-map__route-shadow[b-18f5kf19ns],
.mobile-route-map__route[b-18f5kf19ns] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mobile-route-map__route-shadow[b-18f5kf19ns] {
    display: none;
}

.mobile-route-map__route[b-18f5kf19ns] {
    stroke: var(--arrivio-green-700);
    stroke-width: 4.75;
}

.mobile-route-map__origin-ring[b-18f5kf19ns] {
    fill: #5f819d;
    stroke: var(--arrivio-white);
    stroke-width: 2;
}

.mobile-route-map__origin-core[b-18f5kf19ns] {
    fill: var(--arrivio-white);
}

.mobile-route-map__destination path[b-18f5kf19ns] {
    fill: var(--arrivio-green-800);
}

.mobile-route-map__destination circle[b-18f5kf19ns] {
    fill: var(--arrivio-white);
}

.mobile-route-map__labels[b-18f5kf19ns] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: var(--arrivio-space-2);
    padding: var(--arrivio-space-2) var(--arrivio-space-3);
    border-top: 1px solid var(--arrivio-gray-100);
    background: var(--arrivio-white);
}

.mobile-route-map__labels span[b-18f5kf19ns] {
    overflow: hidden;
    color: var(--arrivio-gray-600);
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-route-map__labels strong[b-18f5kf19ns] {
    min-width: 0;
    overflow: hidden;
    color: var(--arrivio-gray-700);
    font-size: 0.75rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-card-heading[b-18f5kf19ns] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--arrivio-space-3);
    margin-bottom: var(--arrivio-space-4);
}

.mobile-card-heading h2[b-18f5kf19ns] {
    margin: var(--arrivio-space-1) 0 0;
    color: var(--arrivio-gray-950);
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.mobile-status[b-18f5kf19ns] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: var(--arrivio-space-1) var(--arrivio-space-2);
    border-radius: var(--arrivio-radius-xl);
    background: var(--arrivio-green-50);
    color: var(--arrivio-green-800);
    font-size: 0.75rem;
    font-weight: 700;
}

.mobile-appointment-facts[b-18f5kf19ns] {
    display: grid;
    gap: 0;
    margin: 0 0 var(--arrivio-space-5);
    padding: var(--arrivio-space-1) 0;
    border-top: 1px solid var(--arrivio-gray-100);
    border-bottom: 1px solid var(--arrivio-gray-100);
}

.mobile-appointment-facts > div[b-18f5kf19ns] {
    display: grid;
    grid-template-columns: minmax(94px, 0.8fr) minmax(0, 1.2fr);
    gap: var(--arrivio-space-2);
    align-items: center;
    padding: var(--arrivio-space-3) 0;
}

.mobile-appointment-facts > div + div[b-18f5kf19ns] {
    border-top: 1px solid var(--arrivio-gray-100);
}

.mobile-appointment-facts dt[b-18f5kf19ns],
.mobile-appointment-facts dd[b-18f5kf19ns] {
    margin: 0;
}

.mobile-appointment-facts dt[b-18f5kf19ns] {
    display: flex;
    align-items: center;
    gap: var(--arrivio-space-2);
    color: var(--arrivio-gray-600);
    font-size: 0.875rem;
    font-weight: 550;
}

.mobile-appointment-facts dt svg[b-18f5kf19ns] {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: var(--arrivio-green-700);
}

.mobile-appointment-facts dd[b-18f5kf19ns] {
    overflow-wrap: break-word;
    color: var(--arrivio-gray-900);
    font-size: 0.95rem;
    font-weight: 650;
    text-align: right;
}

.mobile-upcoming[b-18f5kf19ns] {
    display: grid;
    gap: var(--arrivio-space-3);
    margin-top: var(--arrivio-space-4);
    padding-top: var(--arrivio-space-4);
    border-top: 1px solid var(--arrivio-gray-100);
}

.mobile-upcoming[hidden][b-18f5kf19ns] {
    display: none;
}

.mobile-next-preview[b-18f5kf19ns] {
    margin: 0;
    padding: var(--arrivio-space-3);
    border-radius: var(--arrivio-radius-sm);
    background: var(--arrivio-gray-50);
    color: var(--arrivio-gray-700);
}

.mobile-next-preview[hidden][b-18f5kf19ns] {
    display: none;
}

.mobile-next-preview > p[b-18f5kf19ns] {
    margin: 0 0 var(--arrivio-space-2);
    color: var(--arrivio-green-800);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.mobile-next-preview > div[b-18f5kf19ns] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--arrivio-space-3);
}

.mobile-next-preview strong[b-18f5kf19ns] {
    min-width: 0;
    overflow: hidden;
    color: var(--arrivio-gray-900);
    font-size: 0.95rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-next-preview > span[b-18f5kf19ns],
.mobile-next-preview div span[b-18f5kf19ns] {
    font-size: 0.825rem;
}

.mobile-next-preview div span[b-18f5kf19ns] {
    flex: 0 0 auto;
}

.mobile-later-today[b-18f5kf19ns] {
    margin: 0;
    padding: var(--arrivio-space-3);
    border-radius: var(--arrivio-radius-sm);
    background: var(--arrivio-gray-50);
    color: var(--arrivio-gray-700);
}

.mobile-later-today[hidden][b-18f5kf19ns] {
    display: none;
}

.mobile-later-today > p:first-child[b-18f5kf19ns],
.mobile-tomorrow-card h2[b-18f5kf19ns] {
    margin: 0 0 var(--arrivio-space-2);
    color: var(--arrivio-green-800);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.mobile-later-row[b-18f5kf19ns] {
    display: block;
    padding: var(--arrivio-space-2) 0;
    color: var(--arrivio-gray-700);
    font-size: 0.85rem;
}

.mobile-later-row + .mobile-later-row[b-18f5kf19ns] {
    border-top: 1px solid var(--arrivio-gray-100);
}

.mobile-later-summary[b-18f5kf19ns] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.mobile-later-row time[b-18f5kf19ns] {
    color: var(--arrivio-gray-600);
    font-variant-numeric: tabular-nums;
    flex: 0 0 auto;
}

.mobile-later-summary strong[b-18f5kf19ns] {
    flex: 1 1 auto;
}

.mobile-later-row strong[b-18f5kf19ns] {
    overflow: hidden;
    color: var(--arrivio-gray-800);
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-later-row > span[b-18f5kf19ns] {
    display: block;
    margin-top: 0.2rem;
    color: var(--arrivio-gray-600);
    font-size: 0.825rem;
}

.mobile-more-count[b-18f5kf19ns] {
    margin: var(--arrivio-space-2) 0 0;
    color: var(--arrivio-gray-600);
    font-size: 0.8rem;
    font-weight: 600;
}

.mobile-more-count[hidden][b-18f5kf19ns] {
    display: none;
}

.mobile-primary-action[b-18f5kf19ns] {
    display: flex;
    width: 100%;
    height: 52px;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: var(--arrivio-space-2);
    border-color: var(--arrivio-green-900);
    border-radius: var(--arrivio-radius-sm);
    background: var(--arrivio-green-900);
    font-size: 1rem;
    font-weight: 650;
    transition:
        background-color 180ms ease,
        transform 180ms ease;
}

.mobile-primary-action[hidden][b-18f5kf19ns] {
    display: none;
}

.mobile-primary-action:hover[b-18f5kf19ns],
.mobile-primary-action:focus[b-18f5kf19ns] {
    border-color: var(--arrivio-green-800);
    background: var(--arrivio-green-800);
}

.mobile-primary-action:active[b-18f5kf19ns] {
    transform: translateY(1px);
}

.mobile-primary-action:disabled[b-18f5kf19ns] {
    border-color: var(--arrivio-green-100);
    background: var(--arrivio-green-50);
    color: var(--arrivio-green-800);
    opacity: 1;
}

.mobile-delay-actions[b-18f5kf19ns] {
    display: grid;
    gap: var(--arrivio-space-2);
    margin-top: var(--arrivio-space-3);
    padding: var(--arrivio-space-3);
    border: 1px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-sm);
    background: var(--arrivio-gray-50);
}

.mobile-delay-actions[hidden][b-18f5kf19ns] {
    display: none;
}

.mobile-delay-actions > span[b-18f5kf19ns] {
    color: var(--arrivio-gray-700);
    font-size: 0.85rem;
    font-weight: 650;
}

.mobile-delay-buttons[b-18f5kf19ns] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--arrivio-space-1);
}

.mobile-delay-buttons .btn[b-18f5kf19ns] {
    min-height: 42px;
    padding: 0.45rem 0.35rem;
    font-size: 0.8rem;
    font-weight: 650;
}

.mobile-delay-feedback[b-18f5kf19ns] {
    margin: 0;
    color: var(--arrivio-green-800);
    font-size: 0.8rem;
    font-weight: 600;
}

.mobile-primary-action svg[b-18f5kf19ns] {
    width: 19px;
    height: 19px;
}

.mobile-action-spinner[b-18f5kf19ns] {
    display: none;
    width: 18px;
    height: 18px;
    border: 2px solid color-mix(
        in srgb,
        var(--arrivio-white) 42%,
        transparent);
    border-top-color: var(--arrivio-white);
    border-radius: 50%;
    animation: mobile-action-spin-b-18f5kf19ns 700ms linear infinite;
}

.mobile-primary-action.is-loading .mobile-action-spinner[b-18f5kf19ns] {
    display: inline-block;
}

.mobile-primary-action.is-loading:disabled[b-18f5kf19ns] {
    border-color: var(--arrivio-green-900);
    background: var(--arrivio-green-900);
    color: var(--arrivio-white);
}

@keyframes mobile-action-spin-b-18f5kf19ns {
    to {
        transform: rotate(360deg);
    }
}

.mobile-empty-card .card-body[b-18f5kf19ns] {
    display: grid;
    min-height: 260px;
    place-items: center;
    align-content: center;
    gap: var(--arrivio-space-2);
    padding: var(--arrivio-space-5);
    text-align: center;
}

.mobile-empty-card .card-body > span[b-18f5kf19ns] {
    display: inline-grid;
    width: 56px;
    height: 56px;
    margin-bottom: var(--arrivio-space-2);
    place-items: center;
    border-radius: 50%;
    background: var(--arrivio-green-50);
    color: var(--arrivio-green-700);
}

.mobile-empty-card h2[b-18f5kf19ns],
.mobile-empty-card p[b-18f5kf19ns] {
    margin: 0;
}

.mobile-empty-card h2[b-18f5kf19ns] {
    font-size: 1.1rem;
}

.mobile-empty-card p[b-18f5kf19ns] {
    max-width: 18rem;
    color: var(--arrivio-gray-600);
    font-size: 0.9rem;
}

.mobile-completion[b-18f5kf19ns] {
    display: grid;
    min-height: 300px;
    place-items: center;
    align-content: center;
    gap: var(--arrivio-space-2);
    padding: var(--arrivio-space-5);
    text-align: center;
}

.mobile-completion[hidden][b-18f5kf19ns] {
    display: none;
}

.mobile-completion > span[b-18f5kf19ns] {
    display: inline-grid;
    width: 58px;
    height: 58px;
    margin-bottom: var(--arrivio-space-2);
    place-items: center;
    border-radius: 50%;
    background: var(--arrivio-green-50);
    color: var(--arrivio-green-700);
}

.mobile-completion > span svg[b-18f5kf19ns] {
    width: 28px;
    height: 28px;
}

.mobile-completion h2[b-18f5kf19ns],
.mobile-completion p[b-18f5kf19ns] {
    margin: 0;
}

.mobile-completion h2[b-18f5kf19ns] {
    color: var(--arrivio-gray-950);
    font-size: 1.35rem;
    font-weight: 700;
}

.mobile-completion p[b-18f5kf19ns] {
    color: var(--arrivio-gray-600);
    font-size: 0.9rem;
}

.mobile-completion p:first-of-type[b-18f5kf19ns] {
    color: var(--arrivio-green-700);
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.mobile-tomorrow-card .card-body[b-18f5kf19ns] {
    padding: var(--arrivio-space-4) var(--arrivio-space-5);
}

.mobile-tomorrow-list[b-18f5kf19ns] {
    display: grid;
}

.mobile-tomorrow-row[b-18f5kf19ns] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--arrivio-space-1) var(--arrivio-space-3);
    padding: var(--arrivio-space-3) 0;
}

.mobile-tomorrow-row + .mobile-tomorrow-row[b-18f5kf19ns] {
    border-top: 1px solid var(--arrivio-gray-100);
}

.mobile-tomorrow-row time[b-18f5kf19ns] {
    grid-column: 1;
    color: var(--arrivio-green-800);
    font-size: 0.825rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.mobile-tomorrow-row strong[b-18f5kf19ns] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--arrivio-gray-900);
    font-size: 0.9rem;
    font-weight: 650;
}

.mobile-tomorrow-row span[b-18f5kf19ns] {
    grid-row: 1 / span 2;
    grid-column: 2;
    align-self: center;
    color: var(--arrivio-gray-600);
    font-size: 0.8rem;
    text-align: right;
}

.mobile-development-tools[b-18f5kf19ns] {
    display: grid;
    justify-items: center;
    gap: var(--arrivio-space-2);
    margin-top: auto;
    padding:
        var(--arrivio-space-4)
        var(--arrivio-space-4)
        calc(88px + env(safe-area-inset-bottom));
    text-align: center;
}

.mobile-development-tools button[b-18f5kf19ns] {
    min-height: 44px;
    padding: var(--arrivio-space-2) var(--arrivio-space-3);
    border: 0;
    background: transparent;
    color: var(--arrivio-gray-600);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: var(--arrivio-gray-300);
    text-underline-offset: 3px;
}

.mobile-development-tools button:hover[b-18f5kf19ns],
.mobile-development-tools button:focus-visible[b-18f5kf19ns] {
    color: var(--arrivio-green-800);
}

.mobile-development-tools button:disabled[b-18f5kf19ns] {
    cursor: wait;
    opacity: 0.55;
}

.mobile-development-tools p[b-18f5kf19ns] {
    max-width: 20rem;
    margin: 0;
    color: var(--arrivio-green-800);
    font-size: 0.8rem;
    line-height: 1.45;
}

.mobile-development-tools p.is-error[b-18f5kf19ns] {
    color: var(--arrivio-red-600);
}

.mobile-bottom-navigation[b-18f5kf19ns] {
    position: fixed;
    z-index: 10;
    right: max(0px, calc((100vw - 480px) / 2));
    bottom: 0;
    left: max(0px, calc((100vw - 480px) / 2));
    display: grid;
    min-height: calc(72px + env(safe-area-inset-bottom));
    grid-template-columns: repeat(3, 1fr);
    padding-bottom: env(safe-area-inset-bottom);
    border-top: 1px solid var(--arrivio-gray-200);
    background: color-mix(
        in srgb,
        var(--arrivio-white) 96%,
        transparent
    );
    box-shadow: 0 -2px 14px rgba(21, 25, 29, 0.04);
    backdrop-filter: blur(14px);
}

.mobile-bottom-navigation a[b-18f5kf19ns],
.mobile-bottom-navigation button[b-18f5kf19ns] {
    display: flex;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: var(--arrivio-space-1);
    border: 0;
    background: transparent;
    color: var(--arrivio-gray-600);
    font-size: 0.75rem;
    font-weight: 600;
    text-decoration: none;
}

.mobile-bottom-navigation button:disabled[b-18f5kf19ns] {
    cursor: not-allowed;
    opacity: 0.48;
}

.mobile-bottom-navigation svg[b-18f5kf19ns] {
    width: 22px;
    height: 22px;
}

.mobile-bottom-navigation .is-active[b-18f5kf19ns] {
    color: var(--arrivio-green-800);
    font-weight: 700;
}

@media (min-width: 700px) {
    .mobile-app[b-18f5kf19ns] {
        min-height: calc(100dvh - 48px);
        margin-block: var(--arrivio-space-4);
        border: 1px solid var(--arrivio-gray-200);
        border-radius: var(--arrivio-radius-xl);
        box-shadow: var(--arrivio-shadow-md);
    }

}

@media (max-width: 360px) {
    .mobile-topbar[b-18f5kf19ns] {
        padding-inline: var(--arrivio-space-3);
    }

    .mobile-intro[b-18f5kf19ns] {
        padding-inline: var(--arrivio-space-4);
    }

    .mobile-workday[b-18f5kf19ns] {
        padding-inline: var(--arrivio-space-3);
    }

    .mobile-appointment-card .card-body[b-18f5kf19ns] {
        padding: var(--arrivio-space-4);
    }

    .mobile-tomorrow-card .card-body[b-18f5kf19ns] {
        padding: var(--arrivio-space-4);
    }

    .mobile-route-map[b-18f5kf19ns] {
        margin-bottom: var(--arrivio-space-4);
        border-radius: var(--arrivio-radius-md);
    }

    .mobile-route-map__labels[b-18f5kf19ns] {
        padding-inline: var(--arrivio-space-2);
    }

    .mobile-next-preview > div[b-18f5kf19ns] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--arrivio-space-1);
    }

    .mobile-next-preview strong[b-18f5kf19ns] {
        max-width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mobile-primary-action[b-18f5kf19ns],
    .mobile-action-spinner[b-18f5kf19ns] {
        animation: none;
        transition: none;
    }
}
/* /Pages/Billing/Index.cshtml.rz.scp.css */
.billing-card[b-skr5b4gqvx] {
    max-width: 760px;
}

.billing-card form[b-skr5b4gqvx] {
    margin-top: 22px;
}

.billing-note[b-skr5b4gqvx] {
    margin: 14px 0 0;
    color: var(--arrivio-slate-500, #667085);
    font-size: .9rem;
}
/* /Pages/NieuweAfspraak.cshtml.rz.scp.css */
.appointment-wizard-page[b-it3b6z1dvh] {
    min-height: calc(100vh - 92px);
    background: var(--arrivio-gray-50);
}

.appointment-wizard-page > .container[b-it3b6z1dvh] {
    max-width: 980px;
}

.appointment-wizard-back[b-it3b6z1dvh] {
    color: var(--arrivio-gray-700);
    font-weight: 650;
}

.appointment-wizard-back svg[b-it3b6z1dvh],
.wizard-actions svg[b-it3b6z1dvh] {
    width: 1rem;
    height: 1rem;
}

.wizard-progress[b-it3b6z1dvh] {
    position: relative;
    margin-bottom: 1.5rem;
    padding: 1.25rem 1rem;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-md);
    background: var(--arrivio-white);
    box-shadow: var(--arrivio-shadow-sm);
}

.wizard-progress ol[b-it3b6z1dvh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

.wizard-progress-step[b-it3b6z1dvh] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: var(--arrivio-gray-500);
    font-size: 0.78rem;
    font-weight: 700;
    text-align: center;
}

.wizard-progress-number[b-it3b6z1dvh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 2px solid var(--arrivio-gray-300);
    border-radius: 50%;
    background: var(--arrivio-white);
    color: var(--arrivio-gray-600);
}

.wizard-progress-step.is-active[b-it3b6z1dvh],
.wizard-progress-step.is-complete[b-it3b6z1dvh] {
    color: var(--arrivio-green-800);
}

.wizard-progress-step.is-active .wizard-progress-number[b-it3b6z1dvh],
.wizard-progress-step.is-complete .wizard-progress-number[b-it3b6z1dvh] {
    border-color: var(--arrivio-green-600);
    background: var(--arrivio-green-600);
    color: var(--arrivio-white);
}

.wizard-progress-bar[b-it3b6z1dvh] {
    position: absolute;
    top: 2.35rem;
    right: calc(12.5% + 1.1rem);
    left: calc(12.5% + 1.1rem);
    height: 2px;
    overflow: hidden;
    background: var(--arrivio-gray-200);
}

.wizard-progress-bar span[b-it3b6z1dvh] {
    display: block;
    width: 0;
    height: 100%;
    background: var(--arrivio-green-600);
    transition: width var(--arrivio-transition);
}

.wizard-panel-icon[b-it3b6z1dvh],
.appointment-preference-icon[b-it3b6z1dvh] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: var(--arrivio-radius-sm);
    background: var(--arrivio-green-100);
    color: var(--arrivio-green-700);
}

.wizard-panel-icon[b-it3b6z1dvh] {
    width: 3rem;
    height: 3rem;
}

.wizard-panel-icon svg[b-it3b6z1dvh],
.appointment-preference-icon svg[b-it3b6z1dvh] {
    width: 1.25rem;
    height: 1.25rem;
}

.wizard-panel-heading h2[b-it3b6z1dvh] {
    margin-bottom: 0.25rem;
    font-size: 1.45rem;
}

.customer-search-workflow[b-it3b6z1dvh] {
    display: grid;
    gap: 1rem;
}

.customer-search-input[b-it3b6z1dvh] {
    position: relative;
}

.customer-search-input svg[b-it3b6z1dvh] {
    position: absolute;
    top: 50%;
    left: 0.9rem;
    width: 1rem;
    height: 1rem;
    color: var(--arrivio-gray-500);
    transform: translateY(-50%);
    pointer-events: none;
}

.customer-search-input input[b-it3b6z1dvh] {
    padding-left: 2.5rem;
}

.customer-search-results[b-it3b6z1dvh] {
    display: grid;
    gap: 0.5rem;
}

.customer-search-result[b-it3b6z1dvh],
.customer-selected-card[b-it3b6z1dvh],
.customer-empty-state[b-it3b6z1dvh],
.customer-create-card[b-it3b6z1dvh],
.customer-duplicate-state[b-it3b6z1dvh] {
    border: 1px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-md);
    background: var(--arrivio-white);
}

.customer-search-result[b-it3b6z1dvh] {
    display: grid;
    gap: 0.2rem;
    width: 100%;
    padding: 0.9rem 1rem;
    color: inherit;
    text-align: left;
}

.customer-search-result:hover[b-it3b6z1dvh],
.customer-search-result:focus[b-it3b6z1dvh] {
    border-color: var(--arrivio-green-600);
    background: var(--arrivio-green-50);
}

.customer-search-result span[b-it3b6z1dvh],
.customer-selected-card span[b-it3b6z1dvh] {
    color: var(--arrivio-gray-600);
    font-size: 0.82rem;
}

.customer-selected-card[b-it3b6z1dvh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-color: var(--arrivio-green-600);
    background: var(--arrivio-green-50);
}

.customer-selected-card > div[b-it3b6z1dvh] {
    display: grid;
    gap: 0.15rem;
}

.customer-empty-state[b-it3b6z1dvh],
.customer-create-card[b-it3b6z1dvh],
.customer-duplicate-state[b-it3b6z1dvh] {
    padding: 1.25rem;
}

.customer-empty-state p[b-it3b6z1dvh],
.customer-create-card p[b-it3b6z1dvh],
.customer-duplicate-state p[b-it3b6z1dvh] {
    margin: 0.25rem 0 1rem;
    color: var(--arrivio-gray-600);
}

.customer-create-card h3[b-it3b6z1dvh] {
    margin: 0;
    font-size: 1.1rem;
}

.customer-duplicate-state[b-it3b6z1dvh] {
    border-color: var(--arrivio-gray-300);
    background: var(--arrivio-gray-50);
}

.appointment-preference[b-it3b6z1dvh] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding: 1.25rem;
    border: 2px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-md);
    cursor: pointer;
}

.appointment-preference:hover[b-it3b6z1dvh],
.appointment-preference.is-selected[b-it3b6z1dvh] {
    border-color: var(--arrivio-green-600);
}

.appointment-preference.is-selected[b-it3b6z1dvh] {
    background: var(--arrivio-green-50);
}

.appointment-preference input[b-it3b6z1dvh] {
    position: absolute;
    opacity: 0;
}

.appointment-preference:focus-within[b-it3b6z1dvh] {
    box-shadow: 0 0 0 0.2rem rgba(22, 143, 95, 0.16);
}

.appointment-preference-icon[b-it3b6z1dvh] {
    width: 2.75rem;
    height: 2.75rem;
}

.appointment-preference-copy[b-it3b6z1dvh] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.appointment-preference-copy span[b-it3b6z1dvh] {
    color: var(--arrivio-gray-600);
    font-size: 0.9rem;
}

.appointment-preference-copy small[b-it3b6z1dvh] {
    color: var(--arrivio-gray-600);
}

.confirmation-section h3[b-it3b6z1dvh] {
    font-size: 1rem;
}

.confirmation-section dl[b-it3b6z1dvh] {
    margin: 0;
}

.confirmation-section dl > div[b-it3b6z1dvh] {
    display: grid;
    grid-template-columns: 7.5rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.5rem 0;
    border-top: 1px solid var(--arrivio-gray-200);
}

.confirmation-section dt[b-it3b6z1dvh] {
    color: var(--arrivio-gray-600);
    font-size: 0.82rem;
}

.confirmation-section dd[b-it3b6z1dvh] {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 0.88rem;
    font-weight: 650;
}

.wizard-panel [data-lucide="info"][b-it3b6z1dvh] {
    flex: 0 0 auto;
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.15rem;
}

.wizard-actions .btn[b-it3b6z1dvh] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.planning-proposal[b-it3b6z1dvh] {
    border-left: 4px solid var(--arrivio-green-600) !important;
}

.planning-proposal.is-accepted[b-it3b6z1dvh] {
    box-shadow: 0 0 0 3px rgba(22, 143, 95, 0.15);
}

.proposal-details[b-it3b6z1dvh] {
    display: grid;
    gap: 0.35rem;
}

.proposal-details > div[b-it3b6z1dvh] {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: 0.75rem;
}

.proposal-details dt[b-it3b6z1dvh] {
    color: var(--arrivio-gray-600);
    font-size: 0.82rem;
}

.proposal-details dd[b-it3b6z1dvh] {
    margin: 0;
    font-weight: 700;
}

.planning-week-navigation .btn[b-it3b6z1dvh] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.availability-employee + .availability-employee[b-it3b6z1dvh] {
    border-top: 1px solid var(--arrivio-gray-200);
}

.availability-employee > summary[b-it3b6z1dvh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    cursor: pointer;
    list-style: none;
}

.availability-employee > summary[b-it3b6z1dvh]::-webkit-details-marker {
    display: none;
}

.availability-employee > summary span[b-it3b6z1dvh],
.availability-employee > summary small[b-it3b6z1dvh] {
    display: block;
}

.availability-employee > summary small[b-it3b6z1dvh] {
    margin-top: 0.1rem;
    color: var(--arrivio-gray-500);
    font-size: 0.72rem;
}

.availability-employee > summary svg[b-it3b6z1dvh] {
    width: 1rem;
    height: 1rem;
    transition: transform var(--arrivio-transition);
}

.availability-employee[open] > summary[b-it3b6z1dvh] {
    border-bottom: 1px solid var(--arrivio-gray-200);
    background: var(--arrivio-gray-50);
}

.availability-employee[open] > summary svg[b-it3b6z1dvh] {
    transform: rotate(180deg);
}

.availability-table[b-it3b6z1dvh] {
    min-width: 1080px;
}

.availability-table th[b-it3b6z1dvh],
.availability-table td[b-it3b6z1dvh] {
    min-width: 210px;
    text-align: center;
}

.availability-table td[b-it3b6z1dvh] {
    vertical-align: top;
}

.availability-table thead small[b-it3b6z1dvh] {
    color: var(--arrivio-gray-500);
    font-weight: 600;
}

.availability-day-slots[b-it3b6z1dvh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.3rem;
}

.availability-slot[b-it3b6z1dvh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    padding: 0.3rem;
    border: 1px solid transparent;
    border-radius: var(--arrivio-radius-sm);
    line-height: 1.15;
}

.availability-slot strong[b-it3b6z1dvh] {
    font-size: 0.92rem;
}

.availability-slot small[b-it3b6z1dvh] {
    margin-top: 0.2rem;
    font-size: 0.62rem;
    font-weight: 650;
    white-space: nowrap;
}

button.availability-slot.is-available[b-it3b6z1dvh] {
    border-color: var(--arrivio-green-600);
    background: var(--arrivio-green-100);
    color: var(--arrivio-green-800);
}

button.availability-slot.is-available:hover[b-it3b6z1dvh],
button.availability-slot.is-available:focus[b-it3b6z1dvh] {
    border-color: var(--arrivio-green-700);
    background: var(--arrivio-green-50);
}

.availability-slot.is-busy[b-it3b6z1dvh] {
    border-color: var(--arrivio-gray-300);
    background: var(--arrivio-gray-300);
    color: var(--arrivio-gray-700);
    cursor: not-allowed;
    opacity: 0.72;
}

button.availability-slot.is-available.is-selected[b-it3b6z1dvh],
button.availability-slot.is-available.is-selected:hover[b-it3b6z1dvh],
button.availability-slot.is-available.is-selected:focus[b-it3b6z1dvh] {
    border-color: var(--arrivio-green-700);
    background: var(--arrivio-green-600);
    color: var(--arrivio-white);
    box-shadow: 0 0 0 3px rgba(22, 143, 95, 0.16);
}

.availability-legend[b-it3b6z1dvh] {
    width: 1rem;
    height: 1rem;
    border-radius: 4px;
}

.availability-legend.is-available[b-it3b6z1dvh] {
    border: 1px solid var(--arrivio-green-600);
    background: var(--arrivio-green-100);
}

.availability-legend.is-busy[b-it3b6z1dvh] {
    border: 1px solid var(--arrivio-gray-400);
    background: var(--arrivio-gray-300);
}

@media (max-width: 767.98px) {
    .appointment-wizard-page[b-it3b6z1dvh] {
        padding-top: 1.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .wizard-progress-label[b-it3b6z1dvh] {
        font-size: 0.68rem;
    }

    .confirmation-section dl > div[b-it3b6z1dvh] {
        grid-template-columns: 1fr;
        gap: 0.1rem;
    }

    .customer-selected-card[b-it3b6z1dvh] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Organisatie.cshtml.rz.scp.css */
.settings-page[b-k1v79rr0zk] {
    display: grid;
    gap: 24px;
}

.settings-intro[b-k1v79rr0zk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
}

.settings-eyebrow[b-k1v79rr0zk] {
    margin: 0 0 4px;
    color: var(--arrivio-green-700);
    font-size: 0.76rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.settings-intro h2[b-k1v79rr0zk] {
    margin-bottom: 8px;
    font-size: clamp(1.65rem, 3vw, 2.15rem);
    font-weight: 720;
}

.settings-intro h2.app-page-title[b-k1v79rr0zk] {
    margin-bottom: 4px;
    font-size: 1.45rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.settings-intro p:last-child[b-k1v79rr0zk] {
    max-width: 680px;
    margin: 0;
}

.settings-status[b-k1v79rr0zk] {
    display: inline-flex;
    min-width: max-content;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid var(--arrivio-green-100);
    border-radius: var(--arrivio-radius-sm);
    background: var(--arrivio-green-50);
    color: var(--arrivio-green-800);
    font-size: 0.78rem;
    font-weight: 650;
}

.settings-status svg[b-k1v79rr0zk] {
    width: 17px;
    height: 17px;
}

.settings-alert[b-k1v79rr0zk] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid;
    border-radius: var(--arrivio-radius-md);
}

.settings-alert > svg[b-k1v79rr0zk] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}

.settings-alert div[b-k1v79rr0zk] {
    display: grid;
    gap: 1px;
}

.settings-alert strong[b-k1v79rr0zk] {
    font-size: 0.88rem;
}

.settings-alert span[b-k1v79rr0zk] {
    font-size: 0.8rem;
}

.settings-alert--success[b-k1v79rr0zk] {
    border-color: #b9e7cf;
    background: var(--arrivio-green-50);
    color: var(--arrivio-green-800);
}

.settings-alert--error[b-k1v79rr0zk] {
    border-color: #fecaca;
    background: #fff7f7;
    color: #991b1b;
}

.settings-layout[b-k1v79rr0zk] {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.settings-section-nav[b-k1v79rr0zk] {
    position: sticky;
    top: 24px;
    display: grid;
    gap: 4px;
    padding: 8px;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-md);
    background: var(--arrivio-white);
    box-shadow: var(--arrivio-shadow-sm);
}

.settings-section-nav a[b-k1v79rr0zk] {
    display: flex;
    min-height: 43px;
    align-items: center;
    gap: 10px;
    padding: 10px 11px;
    border-radius: 8px;
    color: var(--arrivio-gray-700);
    font-size: 0.86rem;
    font-weight: 600;
    text-decoration: none;
}

.settings-section-nav a:hover[b-k1v79rr0zk],
.settings-section-nav a:focus[b-k1v79rr0zk],
.settings-section-nav a.is-active[b-k1v79rr0zk] {
    background: var(--arrivio-green-50);
    color: var(--arrivio-green-800);
}

.settings-section-nav svg[b-k1v79rr0zk] {
    width: 18px;
    height: 18px;
}

.settings-content[b-k1v79rr0zk] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.settings-card[b-k1v79rr0zk] {
    scroll-margin-top: 24px;
    padding: 24px;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-md);
    background: var(--arrivio-white);
    box-shadow: var(--arrivio-shadow-sm);
}

.settings-card-heading[b-k1v79rr0zk] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--arrivio-gray-200);
}

.settings-card-heading > span[b-k1v79rr0zk] {
    display: inline-grid;
    width: 40px;
    height: 40px;
    place-items: center;
    flex: 0 0 40px;
    border-radius: 10px;
    background: var(--arrivio-green-50);
    color: var(--arrivio-green-700);
}

.settings-card-heading svg[b-k1v79rr0zk] {
    width: 20px;
    height: 20px;
}

.settings-card-heading h3[b-k1v79rr0zk] {
    margin: 0 0 2px;
    font-size: 1rem;
    font-weight: 700;
}

.settings-card-heading p[b-k1v79rr0zk] {
    margin: 0;
    color: var(--arrivio-gray-600);
    font-size: 0.85rem;
}

.settings-grid[b-k1v79rr0zk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.settings-grid--three[b-k1v79rr0zk] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.settings-grid--address[b-k1v79rr0zk] {
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
}

.settings-field--wide[b-k1v79rr0zk] {
    grid-column: span 2;
}

.settings-field--street[b-k1v79rr0zk] {
    grid-column: span 3;
}

.settings-field[b-k1v79rr0zk] {
    display: grid;
    align-content: start;
    gap: 6px;
}

.settings-field label[b-k1v79rr0zk],
.settings-workdays legend[b-k1v79rr0zk] {
    margin: 0;
    color: var(--arrivio-gray-800);
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 650;
}

.settings-field label em[b-k1v79rr0zk] {
    margin-left: 4px;
    color: var(--arrivio-gray-500);
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 550;
}

.settings-field[b-k1v79rr0zk]  .form-control,
.settings-field[b-k1v79rr0zk]  .form-select {
    min-height: 43px;
    border-color: var(--arrivio-gray-300);
    border-radius: 8px;
    color: var(--arrivio-gray-900);
    font-size: 0.85rem;
}

.settings-field[b-k1v79rr0zk]  .form-control:focus,
.settings-field[b-k1v79rr0zk]  .form-select:focus {
    border-color: var(--arrivio-green-600);
    box-shadow: 0 0 0 3px rgba(22, 143, 95, 0.12);
}

.settings-field[b-k1v79rr0zk]  textarea.form-control {
    min-height: 74px;
    resize: vertical;
}

.settings-field > small[b-k1v79rr0zk] {
    color: var(--arrivio-gray-500);
    font-size: 0.74rem;
}

.settings-field[b-k1v79rr0zk]  .text-danger,
.settings-workdays[b-k1v79rr0zk]  .text-danger {
    font-size: 0.76rem;
}

.settings-workdays[b-k1v79rr0zk] {
    min-width: 0;
    margin: 0 0 22px;
    padding: 0;
    border: 0;
}

.settings-workdays legend[b-k1v79rr0zk] {
    margin-bottom: 9px;
}

.settings-day-options[b-k1v79rr0zk] {
    display: grid;
    grid-template-columns: repeat(7, minmax(60px, 1fr));
    gap: 8px;
}

.settings-day-options label[b-k1v79rr0zk] {
    position: relative;
    cursor: pointer;
}

.settings-day-options input[b-k1v79rr0zk] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.settings-day-options label > span[b-k1v79rr0zk] {
    display: grid;
    min-height: 48px;
    place-items: center;
    border: 1px solid var(--arrivio-gray-300);
    border-radius: 9px;
    background: var(--arrivio-white);
    color: var(--arrivio-gray-700);
    font-size: 0.82rem;
    font-weight: 700;
}

.settings-day-options label > small[b-k1v79rr0zk] {
    display: block;
    margin-top: 4px;
    color: var(--arrivio-gray-500);
    font-size: 0.68rem;
    text-align: center;
}

.settings-day-options input:checked + span[b-k1v79rr0zk] {
    border-color: var(--arrivio-green-600);
    background: var(--arrivio-green-50);
    color: var(--arrivio-green-800);
    box-shadow: inset 0 0 0 1px var(--arrivio-green-600);
}

.settings-day-options input:focus-visible + span[b-k1v79rr0zk] {
    outline: 3px solid rgba(22, 143, 95, 0.2);
    outline-offset: 2px;
}

.settings-hours[b-k1v79rr0zk] {
    display: flex;
    max-width: 430px;
    align-items: end;
    gap: 12px;
}

.settings-hours .settings-field[b-k1v79rr0zk] {
    flex: 1;
}

.settings-hours-separator[b-k1v79rr0zk] {
    padding-bottom: 11px;
    color: var(--arrivio-gray-500);
    font-size: 0.78rem;
}

.settings-actions[b-k1v79rr0zk] {
    position: sticky;
    z-index: 5;
    bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 14px 16px;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-md);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--arrivio-shadow-md);
    backdrop-filter: blur(12px);
}

.settings-actions p[b-k1v79rr0zk] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--arrivio-gray-600);
    font-size: 0.8rem;
}

.settings-actions p svg[b-k1v79rr0zk] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.settings-save-button[b-k1v79rr0zk] {
    display: inline-flex;
    height: 40px;
    min-width: max-content;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 18px;
    border-color: var(--arrivio-green-900);
    border-radius: 6px;
    background: var(--arrivio-green-900);
    color: var(--arrivio-white);
    font-size: 0.8rem;
    font-weight: 600;
}

.settings-save-button:hover[b-k1v79rr0zk],
.settings-save-button:focus[b-k1v79rr0zk] {
    border-color: var(--arrivio-green-800);
    background: var(--arrivio-green-800);
    color: var(--arrivio-white);
}

.settings-save-button svg[b-k1v79rr0zk] {
    width: 17px;
    height: 17px;
}

@media (max-width: 1050px) {
    .settings-layout[b-k1v79rr0zk] {
        grid-template-columns: 1fr;
    }

    .settings-section-nav[b-k1v79rr0zk] {
        position: static;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .settings-section-nav a[b-k1v79rr0zk] {
        justify-content: center;
    }

    .settings-grid--three[b-k1v79rr0zk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .settings-intro[b-k1v79rr0zk] {
        flex-direction: column;
        gap: 14px;
    }

    .settings-section-nav[b-k1v79rr0zk] {
        display: flex;
        overflow-x: auto;
    }

    .settings-section-nav a[b-k1v79rr0zk] {
        min-width: max-content;
    }

    .settings-grid[b-k1v79rr0zk],
    .settings-grid--three[b-k1v79rr0zk],
    .settings-grid--address[b-k1v79rr0zk] {
        grid-template-columns: 1fr;
    }

    .settings-field--wide[b-k1v79rr0zk],
    .settings-field--street[b-k1v79rr0zk] {
        grid-column: auto;
    }

    .settings-day-options[b-k1v79rr0zk] {
        grid-template-columns: repeat(4, minmax(54px, 1fr));
    }

    .settings-actions[b-k1v79rr0zk] {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .settings-save-button[b-k1v79rr0zk] {
        justify-content: center;
    }
}
/* /Pages/Planner.cshtml.rz.scp.css */
.day-planner[b-6ifympowt6] {
    display: grid;
    gap: 20px;
}

.day-planner-intro[b-6ifympowt6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
}

.day-planner-intro h2[b-6ifympowt6] {
    margin-bottom: 7px;
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 740;
}

.day-planner-intro p[b-6ifympowt6] {
    max-width: 640px;
    margin: 0;
}

.day-planner-date[b-6ifympowt6] {
    display: grid;
    min-width: 270px;
    gap: 5px;
}

.day-planner-date > label[b-6ifympowt6] {
    color: var(--arrivio-gray-600);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.day-planner-date > div[b-6ifympowt6] {
    display: flex;
    gap: 8px;
}

.day-planner-date .form-control[b-6ifympowt6] {
    min-height: 42px;
    border-color: var(--arrivio-gray-300);
    border-radius: var(--arrivio-radius-sm);
    font-size: 0.82rem;
}

.day-planner-date .form-control:focus[b-6ifympowt6] {
    border-color: var(--arrivio-green-600);
    box-shadow: 0 0 0 3px rgba(22, 143, 95, 0.12);
}

.day-planner-date button[b-6ifympowt6] {
    min-height: 42px;
    padding: 8px 14px;
    border: 1px solid var(--arrivio-green-600);
    border-radius: var(--arrivio-radius-sm);
    color: var(--arrivio-white);
    background: var(--arrivio-green-600);
    font-size: 0.78rem;
    font-weight: 700;
}

.day-planner-date button:hover[b-6ifympowt6],
.day-planner-date button:focus[b-6ifympowt6] {
    border-color: var(--arrivio-green-800);
    background: var(--arrivio-green-800);
}

.day-planner-summary[b-6ifympowt6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 16px;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-md);
    background: var(--arrivio-white);
    box-shadow: var(--arrivio-shadow-sm);
}

.day-planner-summary > span[b-6ifympowt6] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: var(--arrivio-radius-sm);
    color: var(--arrivio-green-800);
    background: var(--arrivio-green-50);
}

.day-planner-summary svg[b-6ifympowt6] {
    width: 18px;
    height: 18px;
}

.day-planner-summary > div[b-6ifympowt6] {
    display: grid;
    gap: 1px;
}

.day-planner-summary strong[b-6ifympowt6] {
    color: var(--arrivio-gray-900);
    font-size: 0.86rem;
    text-transform: capitalize;
}

.day-planner-summary small[b-6ifympowt6] {
    color: var(--arrivio-gray-600);
    font-size: 0.72rem;
}

.day-planner-employees[b-6ifympowt6] {
    display: grid;
    gap: 16px;
}

.day-planner-employee[b-6ifympowt6] {
    overflow: hidden;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-lg);
    background: var(--arrivio-white);
    box-shadow: var(--arrivio-shadow-sm);
}

.day-planner-employee-header[b-6ifympowt6] {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--arrivio-gray-200);
    background: var(--arrivio-gray-50);
}

.day-planner-employee-identity[b-6ifympowt6] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.day-planner-employee-identity > i[b-6ifympowt6] {
    width: 5px;
    height: 38px;
    flex: 0 0 5px;
    border-radius: var(--arrivio-radius-xl);
    background: var(--employee-color);
}

.day-planner-employee-identity h3[b-6ifympowt6],
.day-planner-employee-identity p[b-6ifympowt6] {
    margin: 0;
}

.day-planner-employee-identity h3[b-6ifympowt6] {
    color: var(--arrivio-gray-900);
    font-size: 0.94rem;
}

.day-planner-employee-identity p[b-6ifympowt6] {
    margin-top: 1px;
    color: var(--arrivio-gray-600);
    font-size: 0.72rem;
}

.day-planner-count[b-6ifympowt6] {
    padding: 5px 9px;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-xl);
    color: var(--arrivio-gray-600);
    background: var(--arrivio-white);
    font-size: 0.68rem;
    font-weight: 700;
}

.day-planner-appointments[b-6ifympowt6] {
    display: grid;
}

.day-planner-appointment[b-6ifympowt6] {
    display: grid;
    grid-template-columns: 82px minmax(180px, 1.4fr) minmax(140px, 0.8fr) auto;
    align-items: center;
    gap: 20px;
    min-height: 74px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--arrivio-gray-200);
}

.day-planner-appointment:last-child[b-6ifympowt6] {
    border-bottom: 0;
}

.day-planner-time[b-6ifympowt6] {
    display: grid;
    line-height: 1.2;
}

.day-planner-time strong[b-6ifympowt6] {
    color: var(--arrivio-gray-900);
    font-size: 0.9rem;
}

.day-planner-time span[b-6ifympowt6] {
    margin-top: 3px;
    color: var(--arrivio-gray-500);
    font-size: 0.68rem;
}

.day-planner-appointment-main[b-6ifympowt6] {
    min-width: 0;
}

.day-planner-appointment-main > div[b-6ifympowt6] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.day-planner-appointment-main strong[b-6ifympowt6] {
    color: var(--arrivio-gray-900);
    font-size: 0.82rem;
}

.day-planner-appointment-main span[b-6ifympowt6] {
    overflow: hidden;
    color: var(--arrivio-green-800);
    font-size: 0.7rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-planner-appointment-main small[b-6ifympowt6] {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    color: var(--arrivio-gray-600);
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-planner-location[b-6ifympowt6] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    color: var(--arrivio-gray-600);
    font-size: 0.74rem;
}

.day-planner-location svg[b-6ifympowt6] {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

.day-planner-location span[b-6ifympowt6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-planner-status[b-6ifympowt6] {
    justify-self: end;
    padding: 5px 9px;
    border: 1px solid;
    border-radius: var(--arrivio-radius-xl);
    font-size: 0.66rem;
    font-weight: 750;
}

.day-planner-status.is-planned[b-6ifympowt6] {
    border-color: var(--arrivio-blue-100);
    color: var(--arrivio-blue-600);
    background: rgba(219, 234, 254, 0.45);
}

.day-planner-status.is-progress[b-6ifympowt6] {
    border-color: var(--arrivio-amber-100);
    color: var(--arrivio-amber-700);
    background: rgba(254, 243, 199, 0.5);
}

.day-planner-status.is-completed[b-6ifympowt6] {
    border-color: var(--arrivio-green-100);
    color: var(--arrivio-green-800);
    background: var(--arrivio-green-50);
}

.day-planner-status.is-cancelled[b-6ifympowt6] {
    border-color: var(--arrivio-gray-300);
    color: var(--arrivio-gray-600);
    background: var(--arrivio-gray-100);
}

.day-planner-empty[b-6ifympowt6] {
    display: flex;
    min-height: 92px;
    align-items: center;
    gap: 12px;
    padding: 18px;
}

.day-planner-empty > span[b-6ifympowt6] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: var(--arrivio-radius-sm);
    color: var(--arrivio-gray-500);
    background: var(--arrivio-gray-100);
}

.day-planner-empty svg[b-6ifympowt6] {
    width: 17px;
    height: 17px;
}

.day-planner-empty strong[b-6ifympowt6],
.day-planner-empty h3[b-6ifympowt6] {
    margin: 0;
    color: var(--arrivio-gray-800);
    font-size: 0.8rem;
}

.day-planner-empty p[b-6ifympowt6] {
    margin: 2px 0 0;
    color: var(--arrivio-gray-500);
    font-size: 0.72rem;
}

.day-planner-empty--page[b-6ifympowt6] {
    min-height: 220px;
    justify-content: center;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-lg);
    background: var(--arrivio-white);
    box-shadow: var(--arrivio-shadow-sm);
    text-align: left;
}

@media (max-width: 900px) {
    .day-planner-appointment[b-6ifympowt6] {
        grid-template-columns: 70px minmax(160px, 1fr) auto;
        gap: 14px;
    }

    .day-planner-location[b-6ifympowt6] {
        grid-column: 2;
        grid-row: 2;
    }

    .day-planner-status[b-6ifympowt6] {
        grid-column: 3;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 700px) {
    .day-planner-intro[b-6ifympowt6] {
        flex-direction: column;
        gap: 18px;
    }

    .day-planner-date[b-6ifympowt6] {
        width: 100%;
        min-width: 0;
    }

    .day-planner-date .form-control[b-6ifympowt6] {
        min-width: 0;
    }

    .day-planner-employee-header[b-6ifympowt6] {
        align-items: flex-start;
    }

    .day-planner-appointment[b-6ifympowt6] {
        grid-template-columns: 62px minmax(0, 1fr);
        align-items: start;
    }

    .day-planner-location[b-6ifympowt6] {
        grid-column: 2;
        grid-row: auto;
    }

    .day-planner-status[b-6ifympowt6] {
        grid-column: 2;
        grid-row: auto;
        justify-self: start;
    }
}

@media (max-width: 440px) {
    .day-planner-date > div[b-6ifympowt6] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .day-planner-employee-header[b-6ifympowt6] {
        flex-direction: column;
        gap: 10px;
    }

    .day-planner-count[b-6ifympowt6] {
        margin-left: 17px;
    }
}
/* /Pages/Planning.cshtml.rz.scp.css */
.cockpit-page[b-ane55jhghy] {
    color: var(--arrivio-gray-900);
}

.cockpit-success-alert[b-ane55jhghy] {
    transition:
        opacity 180ms ease,
        transform 180ms ease;
}

.cockpit-success-alert.is-hiding[b-ane55jhghy] {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-2px);
}

.cockpit-success-alert[hidden][b-ane55jhghy] {
    display: none !important;
}

.cockpit-page-heading[b-ane55jhghy] {
    margin-bottom: 24px;
}

.cockpit-page-heading-main[b-ane55jhghy] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.cockpit-page-heading h1[b-ane55jhghy] {
    margin: 0;
    color: var(--arrivio-green-900);
    font-size: 1.45rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.cockpit-page-heading p[b-ane55jhghy] {
    margin: 4px 0 0;
    color: var(--arrivio-gray-500);
    font-size: 0.875rem;
    line-height: 1.55;
}

.cockpit-controls[b-ane55jhghy] {
    display: grid;
    gap: 12px;
    margin-bottom: 12px;
}

.cockpit-resource-switch[b-ane55jhghy] {
    display: inline-flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: min(100%, 720px);
    overflow: hidden;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: 6px;
    background: var(--arrivio-white);
}

.cockpit-resource-switch a[b-ane55jhghy] {
    display: inline-flex;
    min-width: 104px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 18px;
    border: 0;
    background: var(--arrivio-white);
    color: var(--arrivio-gray-800);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
}

.cockpit-resource-switch a:hover[b-ane55jhghy],
.cockpit-resource-switch a:focus[b-ane55jhghy] {
    color: var(--arrivio-green-800);
}

.cockpit-resource-switch a.is-active[b-ane55jhghy] {
    background: var(--arrivio-green-900);
    color: var(--arrivio-white);
    opacity: 1;
}

.cockpit-planning-toolbar[b-ane55jhghy] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
}

.cockpit-week-navigation[b-ane55jhghy] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-right: min(9vw, 180px);
}

.cockpit-week-navigation a[b-ane55jhghy] {
    text-decoration: none;
}

.cockpit-control-button[b-ane55jhghy],
.cockpit-week-select[b-ane55jhghy] {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: 6px;
    background: var(--arrivio-white);
    color: var(--arrivio-gray-900);
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

.cockpit-control-button:hover[b-ane55jhghy],
.cockpit-control-button:focus[b-ane55jhghy],
.cockpit-week-select:hover[b-ane55jhghy],
.cockpit-week-select:focus[b-ane55jhghy] {
    border-color: var(--arrivio-green-600);
    color: var(--arrivio-green-800);
}

.cockpit-control-button svg[b-ane55jhghy],
.cockpit-week-select svg[b-ane55jhghy] {
    width: 16px;
    height: 16px;
}

.cockpit-week-navigation > strong[b-ane55jhghy] {
    min-width: 132px;
    color: var(--arrivio-green-900);
    font-size: 0.9rem;
    font-weight: 650;
    text-align: center;
}

.cockpit-employee-filter[b-ane55jhghy],
.cockpit-search[b-ane55jhghy] {
    display: flex;
    min-height: 40px;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: 6px;
    background: var(--arrivio-white);
}

.cockpit-employee-filter[b-ane55jhghy] {
    width: 180px;
    flex: 0 0 180px;
    padding: 0 12px;
}

.cockpit-employee-filter svg[b-ane55jhghy],
.cockpit-search svg[b-ane55jhghy] {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    color: var(--arrivio-green-700);
}

.cockpit-employee-filter select[b-ane55jhghy],
.cockpit-search input[b-ane55jhghy] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--arrivio-gray-900);
    font-size: 0.78rem;
}

.cockpit-employee-filter select[b-ane55jhghy] {
    appearance: none;
}

.cockpit-search[b-ane55jhghy] {
    min-width: 80px;
    flex: 1 1 360px;
    padding: 0 12px;
}

.cockpit-search input[b-ane55jhghy]::placeholder {
    color: var(--arrivio-gray-500);
}

.cockpit-workspace[b-ane55jhghy] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.cockpit-workspace.has-sidebar[b-ane55jhghy] {
    grid-template-columns: minmax(0, 1fr) 296px;
}

.cockpit-schedule[b-ane55jhghy] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: 8px;
    background: var(--arrivio-white);
}

.cockpit-schedule-grid[b-ane55jhghy] {
    min-width: 0;
}

.cockpit-schedule-header[b-ane55jhghy],
.cockpit-resource-row[b-ane55jhghy] {
    display: grid;
    min-width: 0;
    grid-template-columns: 100px 50px repeat(7, minmax(0, 1fr));
}

.cockpit-resource-header[b-ane55jhghy],
.cockpit-time-header[b-ane55jhghy],
.cockpit-day-header[b-ane55jhghy] {
    min-width: 0;
    padding: 12px 8px;
    border-right: 1px solid var(--arrivio-gray-200);
    border-bottom: 1px solid var(--arrivio-gray-200);
    background: var(--arrivio-gray-50);
    color: var(--arrivio-gray-700);
    font-size: 0.78rem;
    font-weight: 650;
    text-align: center;
}

.cockpit-resource-header[b-ane55jhghy] {
    padding-left: 14px;
    text-align: left;
}

.cockpit-day-header:last-child[b-ane55jhghy] {
    border-right: 0;
}

.cockpit-day-header strong[b-ane55jhghy] {
    display: block;
    color: var(--arrivio-gray-900);
    font-size: 0.9rem;
    font-weight: 650;
    text-transform: capitalize;
}

.cockpit-day-header span[b-ane55jhghy] {
    display: block;
    margin-top: 1px;
    color: var(--arrivio-gray-500);
    font-size: 0.76rem;
    text-transform: lowercase;
}

.cockpit-resource-row[hidden][b-ane55jhghy] {
    display: none;
}

.cockpit-resource-row:not([hidden]) ~ .cockpit-resource-row:not([hidden])[b-ane55jhghy] {
    margin-top: 10px;
}

.cockpit-resource-cell[b-ane55jhghy] {
    position: relative;
    display: flex;
    min-width: 0;
    height: var(--planner-row-height);
    align-items: center;
    padding: 16px 8px 12px 14px;
    border-right: 1px solid var(--arrivio-gray-200);
    border-bottom: 1px solid var(--arrivio-gray-200);
}

.cockpit-resource-accent[b-ane55jhghy] {
    position: absolute;
    inset: 16px auto 16px 0;
    width: 3px;
    background: var(--resource-color);
}

.cockpit-resource-copy[b-ane55jhghy] {
    display: block;
    min-width: 0;
}

.cockpit-resource-copy strong[b-ane55jhghy] {
    display: flex;
    overflow: hidden;
    align-items: center;
    color: var(--arrivio-gray-900);
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-time-scale[b-ane55jhghy] {
    position: relative;
    height: var(--planner-row-height);
    border-right: 1px solid var(--arrivio-gray-200);
    border-bottom: 1px solid var(--arrivio-gray-200);
    background: var(--arrivio-gray-50);
}

.cockpit-time-mark[b-ane55jhghy] {
    position: absolute;
    top: var(--timeline-top);
    right: 0;
    left: 0;
    height: 1px;
    pointer-events: none;
}

.cockpit-time-mark.is-end[b-ane55jhghy] {
    top: auto;
    bottom: 0;
}

.cockpit-time-mark[b-ane55jhghy]::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    border-top: 1px solid rgba(118, 137, 130, 0.62);
    content: "";
}

.cockpit-time-mark.is-half-hour[b-ane55jhghy]::after {
    width: 6px;
    border-color: rgba(118, 137, 130, 0.34);
}

.cockpit-time-mark strong[b-ane55jhghy] {
    position: absolute;
    top: 2px;
    right: 10px;
    left: 0;
    color: var(--arrivio-gray-500);
    font-size: 0.76rem;
    font-weight: 500;
    line-height: 1.15;
    text-align: center;
}

.cockpit-time-mark.is-end strong[b-ane55jhghy] {
    top: auto;
    bottom: 2px;
}

.cockpit-day-cell[b-ane55jhghy] {
    position: relative;
    min-width: 0;
    height: var(--planner-row-height);
    overflow: hidden;
    border-right: 1px solid var(--arrivio-gray-200);
    border-bottom: 1px solid var(--arrivio-gray-200);
    background: var(--arrivio-white);
}

.cockpit-day-cell:last-child[b-ane55jhghy] {
    border-right: 0;
}

.cockpit-day-cell.is-appointment-drop-target[b-ane55jhghy] {
    background: color-mix(
        in srgb,
        var(--arrivio-green-50) 58%,
        var(--arrivio-white));
}

.cockpit-day-cell.is-appointment-drop-target.is-invalid[b-ane55jhghy] {
    background: #fff8ed;
}

.cockpit-hour-line[b-ane55jhghy] {
    position: absolute;
    top: var(--timeline-top);
    right: 0;
    left: 0;
    z-index: 0;
    border-top: 1px solid rgba(217, 222, 227, 0.38);
    pointer-events: none;
}

.cockpit-hour-line.is-end[b-ane55jhghy] {
    top: auto;
    bottom: 0;
}

.cockpit-free-slot[b-ane55jhghy] {
    position: absolute;
    top: var(--timeline-top);
    right: 0;
    left: 0;
    z-index: 0;
    height: var(--timeline-height);
    padding: 0;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 3px;
    background: transparent;
    cursor: pointer;
    transition:
        background-color 160ms ease,
        border-color 160ms ease;
}

.cockpit-free-slot span[b-ane55jhghy] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.cockpit-free-slot:hover[b-ane55jhghy],
.cockpit-free-slot:focus-visible[b-ane55jhghy] {
    z-index: 3;
    border-color: color-mix(
        in srgb,
        var(--arrivio-green-700) 35%,
        white);
    background: color-mix(
        in srgb,
        var(--arrivio-green-700) 10%,
        white);
    outline: 0;
}

.cockpit-free-slot:hover span[b-ane55jhghy],
.cockpit-free-slot:focus-visible span[b-ane55jhghy] {
    position: static;
    display: flex;
    width: auto;
    height: 100%;
    margin: 0;
    align-items: center;
    justify-content: center;
    overflow: visible;
    clip: auto;
    color: var(--arrivio-green-800);
    font-size: 0.62rem;
    font-weight: 650;
    line-height: 1;
}

.cockpit-free-slot:focus-visible[b-ane55jhghy] {
    box-shadow: inset 0 0 0 1px var(--arrivio-green-700);
}

.cockpit-drag-selection[b-ane55jhghy] {
    position: absolute;
    top: var(--selection-top);
    right: 5px;
    left: 5px;
    z-index: 4;
    display: flex;
    height: var(--selection-height);
    min-height: 18px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    overflow: hidden;
    border: 1px solid color-mix(
        in srgb,
        var(--arrivio-green-700) 48%,
        white);
    border-radius: 5px;
    background: color-mix(
        in srgb,
        var(--arrivio-green-50) 82%,
        transparent);
    color: var(--arrivio-green-900);
    font-size: 0.62rem;
    line-height: 1.2;
    pointer-events: none;
    text-align: center;
}

.cockpit-drag-selection[hidden][b-ane55jhghy] {
    display: none;
}

.cockpit-drag-selection strong[b-ane55jhghy] {
    font-size: 0.66rem;
    font-weight: 700;
}

.cockpit-drag-selection span[b-ane55jhghy] {
    color: var(--arrivio-green-800);
    font-weight: 600;
}

.cockpit-drag-selection small:empty[b-ane55jhghy] {
    display: none;
}

.cockpit-drag-selection.is-blocked[b-ane55jhghy] {
    border-color: rgba(169, 117, 45, 0.52);
    background: rgba(255, 248, 237, 0.92);
    color: #774b10;
}

.cockpit-drag-selection.is-blocked span[b-ane55jhghy],
.cockpit-drag-selection.is-blocked small[b-ane55jhghy] {
    color: #8a5a16;
}

.cockpit-appointment[b-ane55jhghy] {
    position: absolute;
    top: var(--timeline-top);
    right: 6px;
    left: 6px;
    z-index: 3;
    display: grid;
    height: var(--timeline-height);
    min-height: 18px;
    gap: 1px;
    padding: 6px 7px 6px 9px;
    overflow: hidden;
    border: 1px solid var(--arrivio-gray-200);
    border-left: 3px solid var(--resource-color);
    border-radius: 5px;
    background: var(--arrivio-white);
    box-shadow: 0 2px 7px rgba(21, 25, 29, 0.06);
    color: var(--arrivio-gray-900);
    font-size: 0.8rem;
    line-height: 1.35;
    text-align: left;
    touch-action: manipulation;
    transition:
        opacity 150ms ease,
        box-shadow 150ms ease;
}

.cockpit-appointment.is-dragging[b-ane55jhghy] {
    z-index: 5;
    opacity: 0.34;
    cursor: grabbing;
}

.cockpit-appointment.is-processing[b-ane55jhghy] {
    opacity: 0.52;
    pointer-events: none;
}

.cockpit-appointment-drag-preview[b-ane55jhghy] {
    position: absolute;
    top: var(--selection-top);
    right: 5px;
    left: 5px;
    z-index: 7;
    display: flex;
    height: var(--selection-height);
    min-height: 22px;
    flex-direction: column;
    justify-content: center;
    padding: 4px 7px;
    overflow: hidden;
    border: 1px solid color-mix(
        in srgb,
        var(--arrivio-green-700) 52%,
        white);
    border-left: 3px solid var(--arrivio-green-700);
    border-radius: 5px;
    background: color-mix(
        in srgb,
        var(--arrivio-green-50) 92%,
        white);
    box-shadow: 0 8px 20px rgba(13, 75, 55, 0.13);
    color: var(--arrivio-green-900);
    line-height: 1.2;
    pointer-events: none;
}

.cockpit-appointment-drag-preview strong[b-ane55jhghy],
.cockpit-appointment-drag-preview span[b-ane55jhghy],
.cockpit-appointment-drag-preview small[b-ane55jhghy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-appointment-drag-preview strong[b-ane55jhghy] {
    font-size: 0.72rem;
}

.cockpit-appointment-drag-preview span[b-ane55jhghy] {
    font-size: 0.65rem;
    font-weight: 650;
}

.cockpit-appointment-drag-preview small[b-ane55jhghy] {
    color: var(--arrivio-green-700);
    font-size: 0.58rem;
}

.cockpit-appointment-drag-preview.is-invalid[b-ane55jhghy] {
    border-color: #cc8b32;
    border-left-color: #b56f16;
    background: #fff8ed;
    color: #774b10;
    box-shadow: 0 8px 20px rgba(119, 75, 16, 0.1);
}

.cockpit-appointment-drag-preview.is-invalid small[b-ane55jhghy] {
    color: #8a5a16;
}

.cockpit-appointment-drag-preview.is-processing[b-ane55jhghy]::after {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 12px;
    height: 12px;
    border: 2px solid rgba(28, 124, 87, 0.22);
    border-top-color: var(--arrivio-green-700);
    border-radius: 50%;
    animation: cockpit-move-spin-b-ane55jhghy 700ms linear infinite;
    content: "";
}

.cockpit-move-toast[b-ane55jhghy] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1400;
    display: flex;
    max-width: min(520px, calc(100vw - 32px));
    min-height: 48px;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid color-mix(
        in srgb,
        var(--arrivio-green-700) 28%,
        white);
    border-radius: 8px;
    background: var(--arrivio-white);
    box-shadow: 0 12px 30px rgba(21, 25, 29, 0.16);
    color: var(--arrivio-gray-800);
    font-size: 0.8rem;
}

.cockpit-move-toast[hidden][b-ane55jhghy] {
    display: none;
}

.cockpit-move-toast > svg[b-ane55jhghy] {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: var(--arrivio-green-700);
}

.cockpit-move-toast span[b-ane55jhghy] {
    flex: 1;
}

.cockpit-move-toast button[b-ane55jhghy] {
    min-height: 32px;
    padding: 4px 8px;
    border: 0;
    background: transparent;
    color: var(--arrivio-green-800);
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.cockpit-move-toast.is-error[b-ane55jhghy] {
    border-color: #efc9c4;
    background: #fff7f6;
    color: #8c2920;
}

.cockpit-move-toast.is-error > svg[b-ane55jhghy] {
    color: #b63a2d;
}

@keyframes cockpit-move-spin-b-ane55jhghy {
    to {
        transform: rotate(360deg);
    }
}

.cockpit-travel-time[b-ane55jhghy] {
    position: absolute;
    top: var(--timeline-top);
    right: 9px;
    left: 9px;
    z-index: 2;
    display: grid;
    height: var(--timeline-height);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 2px 6px;
    overflow: hidden;
    border: 1px dashed color-mix(
        in srgb,
        var(--arrivio-green-700) 30%,
        var(--arrivio-gray-200));
    border-radius: 5px;
    background: color-mix(
        in srgb,
        var(--arrivio-green-50) 72%,
        var(--arrivio-gray-50));
    color: var(--arrivio-gray-600);
    cursor: default;
    font-size: 0.58rem;
    line-height: 1.2;
}

.cockpit-travel-time:focus-visible[b-ane55jhghy] {
    outline: 2px solid color-mix(
        in srgb,
        var(--arrivio-green-700) 46%,
        transparent);
    outline-offset: -2px;
}

.cockpit-travel-time-range[b-ane55jhghy] {
    overflow: hidden;
    color: var(--arrivio-gray-600);
    font-size: 0.55rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-travel-time strong[b-ane55jhghy] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 3px;
    overflow: hidden;
    color: var(--arrivio-green-800);
    font-size: 0.62rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-travel-time strong svg[b-ane55jhghy] {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
}

.cockpit-travel-time-duration[b-ane55jhghy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-travel-time-duration[b-ane55jhghy] {
    justify-self: start;
}

.cockpit-travel-time-duration span[b-ane55jhghy] {
    color: var(--arrivio-gray-500);
}

.cockpit-travel-time-short[b-ane55jhghy] {
    display: none;
}

.cockpit-travel-time.is-compact[b-ane55jhghy] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    padding-block: 2px;
}

.cockpit-travel-time.is-compact .cockpit-travel-time-range[b-ane55jhghy] {
    align-self: center;
}

.cockpit-travel-time.is-compact .cockpit-travel-time-short[b-ane55jhghy] {
    display: inline-flex;
    align-self: center;
    align-items: center;
    gap: 3px;
    overflow: hidden;
    color: var(--arrivio-green-800);
    font-size: 0.52rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-travel-time-short svg[b-ane55jhghy] {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
}

.cockpit-travel-time.is-compact strong[b-ane55jhghy],
.cockpit-travel-time.is-compact .cockpit-travel-time-duration[b-ane55jhghy] {
    display: none;
}

.cockpit-travel-time.is-micro[b-ane55jhghy] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-block: 1px;
}

.cockpit-travel-time.is-micro .cockpit-travel-time-range[b-ane55jhghy] {
    display: none;
}

.cockpit-travel-time.is-micro .cockpit-travel-time-short[b-ane55jhghy] {
    width: 100%;
    font-size: 0.5rem;
    text-align: center;
}

.cockpit-travel-tooltip[b-ane55jhghy] {
    position: fixed;
    z-index: 1200;
    width: min(240px, calc(100vw - 24px));
    padding: 10px 12px;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: 7px;
    background: var(--arrivio-white);
    box-shadow: 0 8px 22px rgba(21, 25, 29, 0.14);
    color: var(--arrivio-gray-800);
    font-size: 0.72rem;
    line-height: 1.35;
    pointer-events: none;
}

.cockpit-travel-tooltip dl[b-ane55jhghy] {
    display: grid;
    gap: 6px;
    margin: 0;
}

.cockpit-travel-tooltip dl > div[b-ane55jhghy] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1px;
}

.cockpit-travel-tooltip dt[b-ane55jhghy] {
    color: var(--arrivio-gray-500);
    font-size: 0.64rem;
    font-weight: 600;
}

.cockpit-travel-tooltip dd[b-ane55jhghy] {
    margin: 0;
    color: var(--arrivio-gray-900);
    font-weight: 650;
}

.cockpit-appointment.is-compact[b-ane55jhghy] {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 0 4px;
    padding: 2px 5px 2px 7px;
}

.cockpit-appointment.is-compact .cockpit-appointment-time[b-ane55jhghy] {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    font-size: 0.66rem;
}

.cockpit-appointment.is-compact .cockpit-appointment-status[b-ane55jhghy] {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    padding: 1px 4px;
    font-size: 0.54rem;
}

.cockpit-appointment.is-compact > strong[b-ane55jhghy] {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    font-size: 0.7rem;
}

.cockpit-appointment.is-compact .cockpit-appointment-summary[b-ane55jhghy] {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    font-size: 0.58rem;
}

.cockpit-appointment.is-compact .cockpit-appointment-summary > span:last-child[b-ane55jhghy] {
    display: none;
}

.cockpit-appointment.is-micro[b-ane55jhghy] {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 1fr;
    padding-block: 0;
}

.cockpit-appointment.is-micro .cockpit-appointment-time[b-ane55jhghy],
.cockpit-appointment.is-micro > strong[b-ane55jhghy] {
    grid-row: 1;
}

.cockpit-appointment.is-micro .cockpit-appointment-status[b-ane55jhghy],
.cockpit-appointment.is-micro .cockpit-appointment-summary[b-ane55jhghy] {
    display: none;
}

.cockpit-appointment:hover[b-ane55jhghy],
.cockpit-appointment:focus[b-ane55jhghy] {
    border-color: color-mix(in srgb, var(--resource-color) 58%, white);
    border-left-color: var(--resource-color);
    outline: 0;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--resource-color) 18%, transparent);
}

.cockpit-appointment-time[b-ane55jhghy] {
    color: var(--arrivio-gray-700);
    font-size: 0.75rem;
    font-weight: 600;
}

.cockpit-appointment.has-live-status .cockpit-appointment-time[b-ane55jhghy] {
    padding-right: 64px;
}

.cockpit-appointment-status[b-ane55jhghy] {
    position: absolute;
    top: 5px;
    right: 5px;
    display: inline-flex;
    align-items: center;
    padding: 2px 5px;
    border-radius: var(--arrivio-radius-xl);
    background: var(--arrivio-green-50);
    color: var(--arrivio-green-800);
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.2;
}

.cockpit-appointment strong[b-ane55jhghy],
.cockpit-appointment > span:last-child[b-ane55jhghy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-appointment strong[b-ane55jhghy] {
    font-size: 0.8rem;
    font-weight: 700;
}

.cockpit-appointment > span:last-child[b-ane55jhghy] {
    color: var(--arrivio-gray-600);
    font-size: 0.8rem;
}

.cockpit-available-time[b-ane55jhghy] {
    position: absolute;
    inset: 50% 8px auto;
    display: block;
    color: var(--arrivio-gray-400);
    font-size: 0.78rem;
    font-weight: 550;
    pointer-events: none;
    text-align: center;
    transform: translateY(-50%);
}

.cockpit-blocked-time[b-ane55jhghy] {
    position: absolute;
    top: var(--timeline-top);
    right: 6px;
    left: 6px;
    z-index: 1;
    display: flex;
    height: var(--timeline-height);
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 2px 4px;
    overflow: hidden;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: 5px;
    background:
        repeating-linear-gradient(
            135deg,
            rgba(217, 222, 227, 0.18) 0,
            rgba(217, 222, 227, 0.18) 5px,
            rgba(169, 177, 185, 0.24) 5px,
            rgba(169, 177, 185, 0.24) 7px
        ),
        var(--arrivio-gray-50);
    color: var(--arrivio-gray-600);
    font-size: 0.58rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.cockpit-blocked-time.is-outside-schedule[b-ane55jhghy] {
    pointer-events: none;
    border-color: rgba(169, 177, 185, 0.18);
    background:
        repeating-linear-gradient(
            135deg,
            rgba(217, 222, 227, 0.1) 0,
            rgba(217, 222, 227, 0.1) 6px,
            rgba(169, 177, 185, 0.14) 6px,
            rgba(169, 177, 185, 0.14) 8px
        ),
        rgba(247, 248, 249, 0.88);
    color: var(--arrivio-gray-500);
}

.cockpit-blocked-time.is-explicit-block[b-ane55jhghy] {
    border-color: rgba(169, 177, 185, 0.34);
}

.cockpit-blocked-time.is-leave[b-ane55jhghy] {
    border-color: #ead9bf;
    background: #fff8ed;
    color: #8a5a16;
}

.cockpit-day-header small[b-ane55jhghy] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: var(--arrivio-green-700);
    font-size: 0.56rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-blocked-time svg[b-ane55jhghy] {
    width: 11px;
    height: 11px;
    flex: 0 0 11px;
}

.cockpit-blocked-time strong[b-ane55jhghy] {
    overflow: hidden;
    color: var(--arrivio-gray-700);
    font-size: 0.58rem;
    font-weight: 650;
    text-overflow: ellipsis;
}

.cockpit-schedule-footer[b-ane55jhghy] {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 12px;
}

.cockpit-new-appointment[b-ane55jhghy] {
    display: inline-flex;
    height: 40px;
    min-height: 40px;
    align-items: center;
    gap: 7px;
    padding: 0 18px;
    border-radius: 6px;
    background: var(--arrivio-green-900);
    color: var(--arrivio-white);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.cockpit-new-appointment:hover[b-ane55jhghy],
.cockpit-new-appointment:focus[b-ane55jhghy] {
    background: var(--arrivio-green-800);
    color: var(--arrivio-white);
}

.cockpit-new-appointment svg[b-ane55jhghy] {
    width: 16px;
    height: 16px;
}

.cockpit-legend[b-ane55jhghy] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    color: var(--arrivio-gray-600);
    font-size: 0.62rem;
}

.cockpit-legend span[b-ane55jhghy] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.cockpit-legend i[b-ane55jhghy] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--legend-color);
}

.cockpit-legend i.is-available[b-ane55jhghy] {
    border: 1px dashed var(--arrivio-gray-300);
    border-radius: 3px;
    background: var(--arrivio-white);
}

.cockpit-legend i.is-blocked[b-ane55jhghy] {
    border: 1px solid var(--arrivio-gray-300);
    border-radius: 2px;
    background: repeating-linear-gradient(
        135deg,
        var(--arrivio-gray-100) 0,
        var(--arrivio-gray-100) 3px,
        var(--arrivio-gray-300) 3px,
        var(--arrivio-gray-300) 4px
    );
}

.cockpit-details[b-ane55jhghy] {
    display: grid;
    width: 296px;
    gap: 12px;
}

.cockpit-side-card[b-ane55jhghy] {
    overflow: hidden;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: 8px;
    background: var(--arrivio-white);
}

.cockpit-side-card-header[b-ane55jhghy] {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--arrivio-gray-200);
}

.cockpit-side-card-header h2[b-ane55jhghy] {
    margin: 0;
    color: var(--arrivio-gray-900);
    font-size: 0.875rem;
    font-weight: 650;
}

.cockpit-side-card-header > span[b-ane55jhghy] {
    padding: 4px 7px;
    border-radius: 4px;
    background: #efe7ff;
    color: #6842b8;
    font-size: 0.58rem;
    font-weight: 650;
}

.cockpit-capacity-list[b-ane55jhghy] {
    display: grid;
    gap: 12px;
    padding: 12px 14px 14px;
}

.cockpit-capacity-list > div[b-ane55jhghy] {
    display: grid;
    gap: 5px;
}

.cockpit-capacity-list span[b-ane55jhghy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 0.68rem;
}

.cockpit-capacity-list strong[b-ane55jhghy] {
    color: var(--arrivio-gray-800);
    font-weight: 600;
}

.cockpit-capacity-list small[b-ane55jhghy] {
    color: var(--arrivio-gray-500);
}

.cockpit-capacity-track[b-ane55jhghy] {
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--arrivio-gray-100);
}

.cockpit-capacity-track i[b-ane55jhghy] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--capacity-color);
}

.cockpit-unplanned-list[b-ane55jhghy] {
    display: grid;
}

.cockpit-unplanned-item[b-ane55jhghy] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 14px;
    border: 0;
    border-bottom: 1px solid var(--arrivio-gray-200);
    background: var(--arrivio-white);
    color: inherit;
    cursor: pointer;
    text-align: left;
    transition:
        background-color 150ms ease,
        box-shadow 150ms ease;
}

.cockpit-unplanned-item:last-child[b-ane55jhghy] {
    border-bottom: 0;
}

.cockpit-unplanned-item:hover[b-ane55jhghy] {
    background: color-mix(
        in srgb,
        var(--arrivio-green-100) 64%,
        var(--arrivio-white)
    );
}

.cockpit-unplanned-item:focus-visible[b-ane55jhghy] {
    position: relative;
    z-index: 1;
    outline: 2px solid var(--arrivio-green-600);
    outline-offset: -2px;
}

.cockpit-unplanned-item > div[b-ane55jhghy] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.cockpit-unplanned-item > svg[b-ane55jhghy] {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    color: var(--arrivio-green-700);
}

.cockpit-unplanned-list strong[b-ane55jhghy],
.cockpit-unplanned-list span[b-ane55jhghy],
.cockpit-unplanned-list small[b-ane55jhghy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-unplanned-list strong[b-ane55jhghy] {
    color: var(--arrivio-gray-900);
    font-size: 0.71rem;
    font-weight: 650;
}

.cockpit-unplanned-list span[b-ane55jhghy],
.cockpit-unplanned-list small[b-ane55jhghy] {
    color: var(--arrivio-gray-500);
    font-size: 0.62rem;
}

@media (max-width: 1399px) {
    .cockpit-week-navigation[b-ane55jhghy] {
        margin-right: 0;
    }
}

@media (max-width: 1199px) {
    .cockpit-planning-toolbar[b-ane55jhghy] {
        flex-wrap: wrap;
    }

    .cockpit-week-navigation[b-ane55jhghy] {
        width: 100%;
        justify-content: flex-start;
    }

    .cockpit-search[b-ane55jhghy] {
        min-width: 220px;
    }

    .cockpit-workspace.has-sidebar[b-ane55jhghy] {
        grid-template-columns: minmax(0, 1fr);
    }

    .cockpit-details[b-ane55jhghy] {
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 800px) {
    .cockpit-page-heading-main[b-ane55jhghy] {
        flex-direction: column;
        align-items: flex-start;
    }

    .cockpit-resource-switch a[b-ane55jhghy] {
        min-width: 96px;
        padding-inline: 12px;
    }

    .cockpit-resource-switch[b-ane55jhghy] {
        width: 100%;
        justify-content: stretch;
    }

    .cockpit-resource-switch a[b-ane55jhghy] {
        flex: 1 1 140px;
    }

    .cockpit-week-navigation[b-ane55jhghy] {
        display: grid;
        grid-template-columns: auto auto minmax(130px, 1fr) auto;
    }

    .cockpit-week-navigation > strong[b-ane55jhghy] {
        min-width: 0;
    }

    .cockpit-employee-filter[b-ane55jhghy] {
        width: 180px;
    }

}
/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
.app-layout[b-bfkyamk8o9] {
    min-height: 100vh;
    background-color: var(--arrivio-gray-50);
}

.app-sidebar[b-bfkyamk8o9] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1030;
    display: flex;
    width: 264px;
    flex-direction: column;
    padding: 24px 16px;
    background: var(--arrivio-green-900);
    color: var(--arrivio-white);
}

.app-sidebar-brand[b-bfkyamk8o9] {
    padding: 0 12px 32px;
}

.app-wordmark[b-bfkyamk8o9] {
    display: inline-flex;
    align-items: baseline;
    padding: 0;
    line-height: 1;
    text-decoration: none;
}

.app-wordmark:hover[b-bfkyamk8o9],
.app-wordmark:focus[b-bfkyamk8o9] {
    text-decoration: none;
}

.app-wordmark-name[b-bfkyamk8o9] {
    color: var(--arrivio-white);
    font-size: 3rem;
    font-weight: 650;
    letter-spacing: -0.035em;
}

.app-wordmark-dot[b-bfkyamk8o9] {
    margin-left: 1px;
    color: var(--arrivio-green-500);
    font-size: 3.375rem;
    font-weight: 700;
}

.app-sidebar-navigation[b-bfkyamk8o9] {
    flex: 1;
}

.app-sidebar-section-title[b-bfkyamk8o9] {
    padding: 0 12px 8px;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.app-navigation-list[b-bfkyamk8o9] {
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.app-navigation-link[b-bfkyamk8o9] {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid transparent;
    border-radius: var(--arrivio-radius-sm);
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
}

.app-navigation-link svg[b-bfkyamk8o9] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    stroke-width: 1.8;
}

.app-navigation-link:hover[b-bfkyamk8o9],
.app-navigation-link:focus[b-bfkyamk8o9] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--arrivio-white);
    text-decoration: none;
}

.app-navigation-link.is-active[b-bfkyamk8o9] {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.14);
    color: var(--arrivio-white);
}

.app-navigation-link.is-active[b-bfkyamk8o9]::after {
    width: 6px;
    height: 6px;
    margin-left: auto;
    border-radius: 50%;
    background: var(--arrivio-green-500);
    content: "";
}

.app-sidebar-footer[b-bfkyamk8o9] {
    padding: 16px 12px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.app-sidebar-footer[b-bfkyamk8o9]  .app-sidebar-footer-link {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: var(--arrivio-radius-sm);
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color var(--arrivio-transition), color var(--arrivio-transition);
}

.app-sidebar-footer[b-bfkyamk8o9]  .app-sidebar-footer-link svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    stroke-width: 1.8;
}

.app-sidebar-footer[b-bfkyamk8o9]  .app-sidebar-footer-link:hover,
.app-sidebar-footer[b-bfkyamk8o9]  .app-sidebar-footer-link:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    color: var(--arrivio-white);
    outline: none;
}

.app-frame[b-bfkyamk8o9] {
    min-height: 100vh;
    margin-left: 264px;
}

.app-header[b-bfkyamk8o9] {
    border-bottom: 1px solid var(--arrivio-gray-200);
    background: rgba(255, 255, 255, 0.96);
}

.app-header-inner[b-bfkyamk8o9] {
    display: flex;
    width: min(100%, 1800px);
    min-height: 80px;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin: 0 auto;
    padding: 16px 24px;
}

.app-page-context[b-bfkyamk8o9] {
    min-width: 0;
}

.app-breadcrumb[b-bfkyamk8o9] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--arrivio-gray-500);
    font-size: 0.8rem;
    line-height: 1.45;
    font-weight: 600;
}

.app-breadcrumb a[b-bfkyamk8o9] {
    color: var(--arrivio-gray-600);
    text-decoration: none;
}

.app-breadcrumb a:hover[b-bfkyamk8o9],
.app-breadcrumb a:focus[b-bfkyamk8o9] {
    color: var(--arrivio-green-700);
}

.app-breadcrumb svg[b-bfkyamk8o9] {
    width: 14px;
    height: 14px;
}

.app-profile-menu[b-bfkyamk8o9] {
    position: relative;
}

.app-profile-trigger[b-bfkyamk8o9],
.app-profile-login[b-bfkyamk8o9] {
    display: flex;
    min-width: 224px;
    align-items: center;
    gap: 12px;
    padding: 8px 12px 8px 8px;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-md);
    background: var(--arrivio-white);
    color: inherit;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
}

.app-profile-trigger[b-bfkyamk8o9] {
    list-style: none;
}

.app-profile-trigger[b-bfkyamk8o9]::-webkit-details-marker {
    display: none;
}

.app-profile-trigger:hover[b-bfkyamk8o9],
.app-profile-trigger:focus-visible[b-bfkyamk8o9],
.app-profile-login:hover[b-bfkyamk8o9],
.app-profile-login:focus-visible[b-bfkyamk8o9] {
    border-color: var(--arrivio-green-500);
    box-shadow: 0 0 0 3px var(--arrivio-green-50);
    color: inherit;
    outline: none;
    text-decoration: none;
}

.app-profile-avatar[b-bfkyamk8o9] {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    border-radius: 50%;
    background: var(--arrivio-green-50);
    color: var(--arrivio-green-700);
}

.app-profile-avatar svg[b-bfkyamk8o9] {
    width: 19px;
    height: 19px;
}

.app-profile-copy[b-bfkyamk8o9] {
    display: grid;
    min-width: 0;
    flex: 1;
    line-height: 1.25;
}

.app-profile-copy strong[b-bfkyamk8o9] {
    overflow: hidden;
    color: var(--arrivio-gray-900);
    font-size: 0.86rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-profile-copy span[b-bfkyamk8o9] {
    color: var(--arrivio-gray-500);
    font-size: 0.78rem;
}

.app-profile-chevron[b-bfkyamk8o9] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: var(--arrivio-gray-500);
    transition: transform 160ms ease;
}

.app-profile-menu[open] .app-profile-chevron[b-bfkyamk8o9] {
    transform: rotate(180deg);
}

.app-profile-panel[b-bfkyamk8o9] {
    position: absolute;
    z-index: 1040;
    top: calc(100% + 8px);
    right: 0;
    display: grid;
    width: min(320px, calc(100vw - 32px));
    gap: 16px;
    padding: 18px;
    border: 1px solid var(--arrivio-gray-200);
    border-radius: var(--arrivio-radius-md);
    background: var(--arrivio-white);
    box-shadow: 0 16px 40px rgba(20, 36, 31, 0.14);
}

.app-profile-identity[b-bfkyamk8o9],
.app-profile-access[b-bfkyamk8o9] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.app-profile-identity span[b-bfkyamk8o9],
.app-profile-access span[b-bfkyamk8o9] {
    color: var(--arrivio-gray-500);
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.app-profile-identity strong[b-bfkyamk8o9],
.app-profile-access strong[b-bfkyamk8o9] {
    overflow-wrap: anywhere;
    color: var(--arrivio-gray-900);
    font-size: 0.9rem;
}

.app-profile-panel form[b-bfkyamk8o9] {
    margin: 0;
}

.app-profile-action[b-bfkyamk8o9],
.app-profile-logout[b-bfkyamk8o9] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid var(--arrivio-gray-300);
    border-radius: var(--arrivio-radius-sm);
    background: var(--arrivio-white);
    color: var(--arrivio-gray-800);
    font-weight: 650;
    text-decoration: none;
}

.app-profile-action:hover[b-bfkyamk8o9],
.app-profile-action:focus-visible[b-bfkyamk8o9],
.app-profile-logout:hover[b-bfkyamk8o9],
.app-profile-logout:focus-visible[b-bfkyamk8o9] {
    border-color: var(--arrivio-green-700);
    color: var(--arrivio-green-800);
    outline: none;
    text-decoration: none;
}

.app-profile-action svg[b-bfkyamk8o9],
.app-profile-logout svg[b-bfkyamk8o9] {
    width: 17px;
    height: 17px;
}

.app-profile-login[b-bfkyamk8o9] {
    min-width: auto;
    font-size: 0.86rem;
    font-weight: 650;
}

.app-main[b-bfkyamk8o9] {
    min-height: calc(100vh - 81px);
}

.app-content[b-bfkyamk8o9] {
    width: min(100%, 1800px);
    margin: 0 auto;
    padding: 24px;
}

.app-content--planner[b-bfkyamk8o9] {
    width: min(100%, 1800px);
}

.app-layout--advisor[b-bfkyamk8o9] {
    background: var(--arrivio-gray-100);
}

.app-layout--advisor .app-sidebar[b-bfkyamk8o9],
.app-layout--advisor .app-header[b-bfkyamk8o9] {
    display: none;
}

.app-layout--advisor .app-frame[b-bfkyamk8o9] {
    margin-left: 0;
}

.app-layout--advisor .app-main[b-bfkyamk8o9] {
    min-height: 100vh;
}

.app-content--advisor[b-bfkyamk8o9] {
    width: 100%;
    max-width: none;
    padding: 0;
}

/* Compacte sidebarstate is voorbereid; bediening volgt in een latere sprint. */
.app-layout[data-sidebar-state="collapsed"] .app-sidebar[b-bfkyamk8o9] {
    width: 80px;
}

.app-layout[data-sidebar-state="collapsed"] .app-sidebar-brand[b-bfkyamk8o9],
.app-layout[data-sidebar-state="collapsed"] .app-navigation-link[b-bfkyamk8o9],
.app-layout[data-sidebar-state="collapsed"] .app-sidebar-footer[b-bfkyamk8o9] {
    justify-content: center;
}

.app-layout[data-sidebar-state="collapsed"] .app-wordmark[b-bfkyamk8o9],
.app-layout[data-sidebar-state="collapsed"] .app-sidebar-section-title[b-bfkyamk8o9],
.app-layout[data-sidebar-state="collapsed"] .app-navigation-label[b-bfkyamk8o9],
.app-layout[data-sidebar-state="collapsed"] .app-navigation-link.is-active[b-bfkyamk8o9]::after,
.app-layout[data-sidebar-state="collapsed"] .app-sidebar-footer-link span[b-bfkyamk8o9] {
    display: none;
}

.app-layout[data-sidebar-state="collapsed"] .app-frame[b-bfkyamk8o9] {
    margin-left: 80px;
}

@media (max-width: 800px) {
    .app-sidebar[b-bfkyamk8o9] {
        position: static;
        width: 100%;
        padding: 14px 12px 10px;
    }

    .app-sidebar-brand[b-bfkyamk8o9] {
        padding: 0 8px 10px;
    }

    .app-wordmark-name[b-bfkyamk8o9] {
        font-size: 1.8rem;
    }

    .app-wordmark-dot[b-bfkyamk8o9] {
        font-size: 2.05rem;
    }

    .app-sidebar-section-title[b-bfkyamk8o9],
    .app-sidebar-footer[b-bfkyamk8o9] {
        display: none;
    }

    .app-navigation-list[b-bfkyamk8o9] {
        display: flex;
        overflow-x: auto;
        padding-bottom: 3px;
        scrollbar-width: thin;
    }

    .app-navigation-list li[b-bfkyamk8o9] {
        flex: 0 0 auto;
    }

    .app-navigation-link[b-bfkyamk8o9] {
        min-height: 40px;
        gap: 8px;
        padding: 9px 10px;
        font-size: 0.78rem;
    }

    .app-navigation-link svg[b-bfkyamk8o9] {
        width: 17px;
        height: 17px;
        flex-basis: 17px;
    }

    .app-frame[b-bfkyamk8o9],
    .app-layout[data-sidebar-state="collapsed"] .app-frame[b-bfkyamk8o9] {
        margin-left: 0;
    }

    .app-header-inner[b-bfkyamk8o9] {
        min-height: 78px;
        padding: 14px 20px;
    }

    .app-profile-trigger[b-bfkyamk8o9],
    .app-profile-login[b-bfkyamk8o9] {
        min-width: auto;
        padding: 6px;
    }

    .app-profile-copy[b-bfkyamk8o9] {
        display: none;
    }

    .app-profile-chevron[b-bfkyamk8o9] {
        display: none;
    }

    .app-content[b-bfkyamk8o9],
    .app-content--planner[b-bfkyamk8o9] {
        padding: 20px;
    }

    .app-layout--advisor .app-content--advisor[b-bfkyamk8o9] {
        padding: 0;
    }
}
/* /Pages/Start.cshtml.rz.scp.css */
.onboarding-card[b-np5j4jr6pl] {
    width: min(100%, 520px);
}

.onboarding-card form[b-np5j4jr6pl] {
    display: grid;
    gap: 8px;
}

.onboarding-card form label:not(:first-of-type)[b-np5j4jr6pl] {
    margin-top: 8px;
}

.onboarding-card form > .dossiers-primary-button[b-np5j4jr6pl] {
    width: fit-content;
    margin-top: 12px;
}

.onboarding-activation-link[b-np5j4jr6pl] {
    display: inline-flex;
    margin-top: 16px;
    text-decoration: none;
}