/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-o1lc12fpt6] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
    background:
        radial-gradient(circle at 72% 8%, rgba(205, 247, 250, 0.52), transparent 31rem),
        linear-gradient(180deg, #edfafd 0%, #f8fdfe 52%, #ffffff 100%);
}

main[b-o1lc12fpt6] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.content[b-o1lc12fpt6] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.content[b-o1lc12fpt6]  .app-bounded-list-page {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    min-height: 0;
    padding: 1rem 0;
    overflow: hidden;
}

.content[b-o1lc12fpt6]  .app-bounded-list-filter {
    flex: 0 0 auto;
    min-width: 0;
}

.content[b-o1lc12fpt6]  .app-bounded-list-filter .card {
    margin: 0 !important;
}

.content[b-o1lc12fpt6]  .app-bounded-list-region {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    background: #fff;
    border: 1px solid #d8e1e3;
    border-radius: 0.35rem;
}

.content[b-o1lc12fpt6]  .app-bounded-list-region > * {
    height: auto !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.content[b-o1lc12fpt6]  .app-bounded-list-region .overflow-auto,
.content[b-o1lc12fpt6]  .app-bounded-list-region .table-responsive {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.content[b-o1lc12fpt6]  .app-bounded-list-region table {
    width: 100%;
    margin-bottom: 0;
}

.content[b-o1lc12fpt6]  .app-bounded-list-region thead tr:first-child > th {
    border-top: 0;
}

.content[b-o1lc12fpt6]  .app-bounded-list-region tr > :first-child {
    border-left: 0;
}

.content[b-o1lc12fpt6]  .app-bounded-list-region tr > :last-child {
    border-right: 0;
}

.content[b-o1lc12fpt6]  .app-bounded-list-region tbody tr:last-child > td {
    border-bottom: 0;
}

.content[b-o1lc12fpt6]  .app-bounded-list-region thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
}

.content[b-o1lc12fpt6]  .app-bounded-list-region th {
    background: #fff;
}

.headNav[b-o1lc12fpt6] {
  width: 100%;
  height: 300px;
  background-color: #fff;
}

.top-row[b-o1lc12fpt6] {
    position: relative;
    flex: 0 0 auto;
    background:
        linear-gradient(90deg, rgba(0, 71, 80, 0.18) 0%, rgba(255, 255, 255, 0) 42%),
        url('/images/top-menu-header.webp') center 52% / cover no-repeat,
        #329aa4;
    border-bottom: 1px solid rgba(96, 203, 209, 0.58);
    height: auto;
    min-height: 0;
    margin-bottom: 0;
}
.top-row > ._wrp[b-o1lc12fpt6] {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.2rem;
    padding: 0.35rem 0 0.2rem;
}

.top-row-heading[b-o1lc12fpt6] {
    width: 100%;
    min-width: 0;
}

.top-row-title[b-o1lc12fpt6] {
    min-height: 1.9rem;
    margin: 0;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.025em;
    text-shadow: 0 1px 2px rgba(0, 38, 43, 0.3);
}

.top-row-breadcrumb[b-o1lc12fpt6] {
    min-width: 0;
    overflow-x: auto;
    color: #0a525b;
    scrollbar-width: none;
}

.top-row-breadcrumb[b-o1lc12fpt6]::-webkit-scrollbar {
    display: none;
}

.top-row-breadcrumb ol[b-o1lc12fpt6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.2rem;
    width: max-content;
    min-width: 100%;
    margin: 0;
    padding: 0.16rem 0.3rem;
    list-style: none;
    border: 1px solid rgba(238, 255, 255, 0.82);
    border-radius: 999px;
    background: rgba(245, 255, 255, 0.78);
    box-shadow: 0 0.22rem 0.75rem rgba(0, 67, 75, 0.13);
    backdrop-filter: blur(6px);
}

.top-row-breadcrumb[b-o1lc12fpt6]  li {
    display: flex;
    align-items: center;
    min-width: 0;
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.25;
}

.top-row-breadcrumb[b-o1lc12fpt6]  li + li::before {
    display: block;
    width: 0.38rem;
    height: 0.38rem;
    margin: 0 0.35rem 0 0.2rem;
    content: '';
    border-top: 1.5px solid rgba(8, 89, 99, 0.62);
    border-right: 1.5px solid rgba(8, 89, 99, 0.62);
    transform: translateY(1px) rotate(45deg);
}

.top-row-breadcrumb[b-o1lc12fpt6]  a,
.top-row-breadcrumb[b-o1lc12fpt6]  span {
    display: block;
    padding: 0.25rem 0.45rem 0.13rem;
    color: inherit;
    text-decoration: none;
    border-radius: 999px;
    transform: translateY(1px);
}

.top-row-breadcrumb[b-o1lc12fpt6]  a {
    color: #07545e;
    transition:
        color 140ms ease,
        background-color 140ms ease;
}

.top-row-breadcrumb[b-o1lc12fpt6]  a:hover,
.top-row-breadcrumb[b-o1lc12fpt6]  a:focus-visible {
    color: #053f47;
    background-color: rgba(18, 154, 167, 0.15);
}

.top-row-breadcrumb[b-o1lc12fpt6]  li[aria-current='page'] span {
    color: #064b54;
    background-color: rgba(18, 154, 167, 0.13);
}

.top-row-lower[b-o1lc12fpt6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: 1.5rem;
}

.top-row-menu[b-o1lc12fpt6] {
    display: flex;
    align-items: flex-start;
}

#topMenu[b-o1lc12fpt6] {
    width: 250px;
}

#topMenu .btn[b-o1lc12fpt6] {
    position: relative;
    width: 100%;
    min-height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(0.35rem - 2px) 3.25rem;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.035em;
    background: rgba(3, 85, 94, 0.48);
    border: 1px solid rgba(221, 253, 255, 0.9);
    border-radius: 0.55rem;
    box-shadow: 0 0.25rem 0.85rem rgba(0, 43, 49, 0.13);
    backdrop-filter: blur(2px);
    transition:
        background-color 140ms ease,
        border-color 140ms ease,
        box-shadow 140ms ease;
}

#topMenu .btn:hover[b-o1lc12fpt6],
#topMenu .btn:focus[b-o1lc12fpt6],
#topMenu .btn.show[b-o1lc12fpt6] {
    color: #fff;
    background: rgba(1, 67, 75, 0.68);
    border-color: #fff;
    box-shadow: 0 0.35rem 1rem rgba(0, 35, 40, 0.2);
}

#topMenu .btn[b-o1lc12fpt6]::after {
    position: absolute;
    right: 1.2rem;
    margin-left: 0;
}
#topMenu .dropdown-menu[b-o1lc12fpt6] {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: calc(100vh - 6.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.35rem;
    background-color: rgba(250, 254, 255, 0.98);
    border-radius: 0.55rem;
    border: 1px solid #b8dde1;
    box-shadow: 0 0.75rem 1.75rem rgba(7, 72, 80, 0.18);
    z-index: 5000;
}

#topMenu .dropdown-divider[b-o1lc12fpt6] {
    margin: 0.35rem 0.45rem;
    border-color: #cbe7ea;
    opacity: 1;
}

#topMenu .top-menu-group-label[b-o1lc12fpt6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.3rem 0.75rem 0.2rem;
    color: #08717b;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

#topMenu .top-menu-group-label[b-o1lc12fpt6]::before {
    width: 0.22rem;
    height: 0.95rem;
    flex: 0 0 auto;
    content: '';
    border-radius: 999px;
    background-color: #18aeba;
}

#topMenu .top-menu-home-link[b-o1lc12fpt6] {
    font-weight: 600;
}

#topMenu .dropdown-menu li a[b-o1lc12fpt6] {
    display: block;
    width: 100%;
    padding: 0.42rem 0.75rem;
    color: #17393f;
    text-decoration: none;
    border-radius: 0.35rem;
}
#topMenu .dropdown-menu li a:hover[b-o1lc12fpt6] {
    color: #0a5962;
    background-color: #e8f7f9;
}

.app-footer[b-o1lc12fpt6] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    min-height: 2.8rem;
    padding: 0.32rem 1rem;
    background: linear-gradient(180deg, #163b43 0%, #0b252c 100%);
    border-top: 1px solid rgba(91, 190, 199, 0.48);
    box-shadow: 0 -0.25rem 0.8rem rgba(4, 39, 45, 0.1);
}

.app-footer-actions[b-o1lc12fpt6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

.app-footer-actions:empty[b-o1lc12fpt6] {
    display: none;
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button {
    display: inline-flex;
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button .btn {
    min-height: 2rem;
    padding: 0.32rem 0.85rem;
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 0.45rem;
    box-shadow: 0 0.18rem 0.45rem rgba(0, 18, 22, 0.2);
    transition:
        filter 140ms ease,
        transform 140ms ease,
        border-color 140ms ease;
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button .btn:hover,
.app-footer-actions[b-o1lc12fpt6]  .app-footer-button .btn:focus-visible {
    transform: translateY(-1px);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button .btn:disabled {
    cursor: not-allowed;
    opacity: 0.55;
    box-shadow: none;
    transform: none;
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--new .btn {
    color: #063b45;
    border-color: #a5edf4;
    background: linear-gradient(180deg, #baf1f6 0%, #63ccdc 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--new .btn:hover,
.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--new .btn:focus-visible {
    color: #052f36;
    background: linear-gradient(180deg, #c9f6f9 0%, #73d5e2 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--execute .btn {
    color: #fff;
    border-color: #78d2a3;
    background: linear-gradient(180deg, #36a96d 0%, #207a4e 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--execute .btn:hover,
.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--execute .btn:focus-visible {
    color: #fff;
    background: linear-gradient(180deg, #42b978 0%, #258557 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--preview .btn {
    color: #293a3f;
    border-color: #cbd7db;
    background: linear-gradient(180deg, #f8fafb 0%, #dde4e7 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--preview .btn:hover,
.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--preview .btn:focus-visible {
    color: #223136;
    background: linear-gradient(180deg, #fff 0%, #e8edef 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--print .btn {
    color: #493a0c;
    border-color: #eadba5;
    background: linear-gradient(180deg, #fffdf3 0%, #f2e7bd 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--print .btn:hover,
.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--print .btn:focus-visible {
    color: #3f3108;
    border-color: #fff0b9;
    background: linear-gradient(180deg, #fffef8 0%, #f7edc9 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--cancel .btn {
    color: #392000;
    border-color: #ffd08a;
    background: linear-gradient(180deg, #ffc466 0%, #e88720 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--cancel .btn:hover,
.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--cancel .btn:focus-visible {
    color: #2f1900;
    background: linear-gradient(180deg, #ffd07f 0%, #f0932d 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--edit .btn {
    color: #fff;
    border-color: #8bc6f6;
    background: linear-gradient(180deg, #4599e7 0%, #246cb4 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--edit .btn:hover,
.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--edit .btn:focus-visible {
    color: #fff;
    background: linear-gradient(180deg, #55a7ee 0%, #2c78c4 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--delete .btn {
    color: #fff;
    border-color: #ef9999;
    background: linear-gradient(180deg, #df5d5d 0%, #b83737 100%);
}

.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--delete .btn:hover,
.app-footer-actions[b-o1lc12fpt6]  .app-footer-button--delete .btn:focus-visible {
    color: #fff;
    background: linear-gradient(180deg, #eb6b6b 0%, #c84343 100%);
}

.app-footer-top-link[b-o1lc12fpt6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.32rem 0.9rem;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    border: 1px solid #87d6dc;
    border-radius: 0.45rem;
    background: linear-gradient(180deg, #16818b 0%, #075761 100%);
    box-shadow: 0 0.2rem 0.55rem rgba(0, 18, 22, 0.2);
    transition:
        background-color 140ms ease,
        border-color 140ms ease,
        transform 140ms ease;
}

.app-footer-top-link:hover[b-o1lc12fpt6],
.app-footer-top-link:focus-visible[b-o1lc12fpt6] {
    color: #fff;
    border-color: #fff;
    background: linear-gradient(180deg, #1b919b 0%, #08636e 100%);
    transform: translateY(-1px);
}

@media print {
    .page[b-o1lc12fpt6] {
        display: block;
        height: auto;
        min-height: 0;
        overflow: visible;
        background: #fff;
    }

    main[b-o1lc12fpt6],
    .content[b-o1lc12fpt6] {
        display: block;
        min-height: 0;
        overflow: visible;
    }

    .content[b-o1lc12fpt6]  .app-bounded-list-page,
    .content[b-o1lc12fpt6]  .app-bounded-list-region {
        display: block;
        height: auto;
        overflow: visible;
    }
}

@media (max-width: 680px) {
    .top-row-lower[b-o1lc12fpt6] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.15rem;
    }

    .top-row-breadcrumb[b-o1lc12fpt6] {
        width: 100%;
    }

    .top-row-breadcrumb ol[b-o1lc12fpt6] {
        justify-content: flex-start;
    }

    .top-row-menu[b-o1lc12fpt6],
    #topMenu[b-o1lc12fpt6],
    #topMenu .btn[b-o1lc12fpt6] {
        width: 100%;
    }

    #topMenu .dropdown-menu[b-o1lc12fpt6] {
        width: 100%;
    }
}


#blazor-error-ui[b-o1lc12fpt6] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-o1lc12fpt6] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-f659fd42nd] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-f659fd42nd] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-f659fd42nd] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-f659fd42nd] {
    font-size: 1.1rem;
}

.bi[b-f659fd42nd] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-f659fd42nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-f659fd42nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-f659fd42nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-bank[b-f659fd42nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-bank' viewBox='0 0 16 16'%3E%3Cpath d='m8 0 6.61 3h.89a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v7a.5.5 0 0 1 .485.38l.5 2a.498.498 0 0 1-.485.62H.5a.498.498 0 0 1-.485-.62l.5-2A.5.5 0 0 1 1 13V6H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 3h.89zM3.777 3h8.447L8 1zM2 6v7h1V6zm2 0v7h2.5V6zm3.5 0v7h1V6zm2 0v7H12V6zM13 6v7h1V6zm2-1V4H1v1zm-.39 9H1.39l-.25 1h13.72z'/%3E%3C/svg%3E")
}
.bi-table[b-f659fd42nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-table' viewBox='0 0 16 16'%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z'/%3E%3C/svg%3E")
}
.bi-file-earmark-spreadsheet[b-f659fd42nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-file-earmark-spreadsheet' viewBox='0 0 16 16'%3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V9H3V2a1 1 0 0 1 1-1h5.5zM3 12v-2h2v2zm0 1h2v2H4a1 1 0 0 1-1-1zm3 2v-2h3v2zm4 0v-2h3v1a1 1 0 0 1-1 1zm3-3h-3v-2h3zm-7 0v-2h3v2z'/%3E%3C/svg%3E")
}
.bi-truck[b-f659fd42nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-truck' viewBox='0 0 16 16'%3E%3Cpath d='M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5zm1.294 7.456A2 2 0 0 1 4.732 11h5.536a2 2 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456M12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2m9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2'/%3E%3C/svg%3E")
}
.bi-receipt[b-f659fd42nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-receipt' viewBox='0 0 16 16'%3E%3Cpath d='M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .801.13l.5 1A.5.5 0 0 1 15 2v12a.5.5 0 0 1-.053.224l-.5 1a.5.5 0 0 1-.8.13L13 14.707l-.646.647a.5.5 0 0 1-.708 0L11 14.707l-.646.647a.5.5 0 0 1-.708 0L9 14.707l-.646.647a.5.5 0 0 1-.708 0L7 14.707l-.646.647a.5.5 0 0 1-.708 0L5 14.707l-.646.647a.5.5 0 0 1-.708 0L3 14.707l-.646.647a.5.5 0 0 1-.801-.13l-.5-1A.5.5 0 0 1 1 14V2a.5.5 0 0 1 .053-.224l.5-1a.5.5 0 0 1 .367-.27m.217 1.338L2 2.118v11.764l.137.274.51-.51a.5.5 0 0 1 .707 0l.646.647.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.509.509.137-.274V2.118l-.137-.274-.51.51a.5.5 0 0 1-.707 0L12 1.707l-.646.647a.5.5 0 0 1-.708 0L10 1.707l-.646.647a.5.5 0 0 1-.708 0L8 1.707l-.646.647a.5.5 0 0 1-.708 0L6 1.707l-.646.647a.5.5 0 0 1-.708 0L4 1.707l-.646.647a.5.5 0 0 1-.708 0z'/%3E%3Cpath d='M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m8-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E")
}
.bi-person[b-f659fd42nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z'/%3E%3C/svg%3E")
}
.bi-clock[b-f659fd42nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-clock' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0'/%3E%3C/svg%3E")
}
.bi-database[b-f659fd42nd] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-database' viewBox='0 0 16 16'%3E%3Cpath d='M4.318 2.687C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4c0-.374.356-.875 1.318-1.313M13 5.698V7c0 .374-.356.875-1.318 1.313C10.766 8.729 9.464 9 8 9s-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777A5 5 0 0 0 13 5.698M14 4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13zm-1 4.698V10c0 .374-.356.875-1.318 1.313C10.766 11.729 9.464 12 8 12s-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777A5 5 0 0 0 13 8.698m0 3V13c0 .374-.356.875-1.318 1.313C10.766 14.729 9.464 15 8 15s-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13s3.022-.289 4.096-.777c.324-.147.633-.323.904-.525'/%3E%3C/svg%3E");
}

.nav-item[b-f659fd42nd] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-f659fd42nd] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-f659fd42nd] {
        padding-bottom: 1rem;
    }

    .nav-item[b-f659fd42nd]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-f659fd42nd]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-f659fd42nd]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-f659fd42nd] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-f659fd42nd] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-f659fd42nd] {
        display: none;
    }

    .nav-scrollable[b-f659fd42nd] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-xxjtx71jk9],
.components-reconnect-repeated-attempt-visible[b-xxjtx71jk9],
.components-reconnect-failed-visible[b-xxjtx71jk9],
.components-pause-visible[b-xxjtx71jk9],
.components-resume-failed-visible[b-xxjtx71jk9],
.components-rejoining-animation[b-xxjtx71jk9] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-xxjtx71jk9],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-xxjtx71jk9],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-xxjtx71jk9],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-xxjtx71jk9],
#components-reconnect-modal.components-reconnect-retrying[b-xxjtx71jk9],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-xxjtx71jk9],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-xxjtx71jk9],
#components-reconnect-modal.components-reconnect-failed[b-xxjtx71jk9],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-xxjtx71jk9] {
    display: block;
}


#components-reconnect-modal[b-xxjtx71jk9] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-xxjtx71jk9 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-xxjtx71jk9 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-xxjtx71jk9 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-xxjtx71jk9]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-xxjtx71jk9 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-xxjtx71jk9 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-xxjtx71jk9 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-xxjtx71jk9 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-xxjtx71jk9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-xxjtx71jk9] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-xxjtx71jk9] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-xxjtx71jk9] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-xxjtx71jk9] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-xxjtx71jk9] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-xxjtx71jk9] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-xxjtx71jk9 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-xxjtx71jk9] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-xxjtx71jk9 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/PageInitializeError.razor.rz.scp.css */
.error-icon[b-to5b6iolk0] {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 50%;
  background-color: #dc3545;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 24px;
}

.initialize-error-text[b-to5b6iolk0] {
  line-height: 1.8;
  white-space: pre-line;
}
/* /Components/Pages/PageLoading.razor.rz.scp.css */
.page-loading-surface[b-rrpzgjbqcm] {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: 1rem;
  background: var(--app-status-surface-background);
}
/* /Components/Pages/ProcessingOverlay.razor.rz.scp.css */
.processing-overlay[b-6ts6vhfnjp] {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: 1rem;
  background: var(--app-status-surface-background);
  user-select: none;
}
/* /Components/Ui/DatePicker.razor.rz.scp.css */
.date-picker-input-group[b-zrtovsabol] {
  display: inline-flex;
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
  flex-wrap: nowrap;
  align-items: stretch;
}

.date-picker-input-group .date-picker-text[b-zrtovsabol] {
  flex: 0 0 7rem;
  width: 7rem;
  min-width: 7rem;
}

.date-picker-input-group .masked-date-native[b-zrtovsabol] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: 0;
  pointer-events: none;
}

.date-picker-input-group .picker-calendar-button[b-zrtovsabol] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  padding: 0.375rem 0.625rem;
  color: #374151;
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: none;
}

.date-picker-input-group .picker-calendar-button:hover[b-zrtovsabol] {
  color: #1f2937;
  background-color: #f8fafc;
  border-color: #cbd5e1;
}

.date-picker-input-group:focus-within .date-picker-text[b-zrtovsabol],
.date-picker-input-group:focus-within .picker-calendar-button[b-zrtovsabol] {
  border-color: #86b7fe;
}

.date-picker-input-group .date-picker-text:focus[b-zrtovsabol],
.date-picker-input-group .picker-calendar-button:focus[b-zrtovsabol] {
  box-shadow: none;
}

.date-picker-input-group:focus-within[b-zrtovsabol] {
  border-radius: 0.375rem;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}
/* /Components/Ui/MessageDialog.razor.rz.scp.css */
.message-backdrop[b-mu7cbaubgb] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
}

.message-dialog[b-mu7cbaubgb] {
  width: fit-content;
  min-width: 360px;
  max-width: min(640px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow: auto;
  box-sizing: border-box;
  background: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.message-title[b-mu7cbaubgb] {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 12px;
}

.message-body[b-mu7cbaubgb] {
  white-space: pre-line;
  overflow-wrap: anywhere;
  margin-bottom: 20px;
}

.message-footer[b-mu7cbaubgb] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

  .message-footer .btn[b-mu7cbaubgb] {
    min-width: 80px;
  }
/* /Components/Ui/MonthPicker.razor.rz.scp.css */
.month-picker-input-group[b-4elbwy6fd8] {
  display: inline-flex;
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
  flex-wrap: nowrap;
  align-items: stretch;
}

.month-picker-input-group .month-picker-text[b-4elbwy6fd8] {
  flex: 0 0 5.5rem;
  width: 5.5rem;
  min-width: 5.5rem;
}

.month-picker-input-group .masked-date-native[b-4elbwy6fd8] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: 0;
  pointer-events: none;
}

.month-picker-input-group .picker-calendar-button[b-4elbwy6fd8] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  padding: 0.375rem 0.625rem;
  color: #374151;
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: none;
}

.month-picker-input-group .picker-calendar-button:hover[b-4elbwy6fd8] {
  color: #1f2937;
  background-color: #f8fafc;
  border-color: #cbd5e1;
}

.month-picker-input-group:focus-within .month-picker-text[b-4elbwy6fd8],
.month-picker-input-group:focus-within .picker-calendar-button[b-4elbwy6fd8] {
  border-color: #86b7fe;
}

.month-picker-input-group .month-picker-text:focus[b-4elbwy6fd8],
.month-picker-input-group .picker-calendar-button:focus[b-4elbwy6fd8] {
  box-shadow: none;
}

.month-picker-input-group:focus-within[b-4elbwy6fd8] {
  border-radius: 0.375rem;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}
/* /Features/App/Home/Home.razor.rz.scp.css */
.home-menu[b-d9kvtt0v84] {
  width: min(100%, 1040px);
  min-height: calc(100dvh - 9.25rem);
  margin: 0 auto;
  padding: 0.25rem 0 2rem;
  display: flex;
  flex-direction: column;
}

.home-menu-section[b-d9kvtt0v84] {
  --section-accent: #18adba;
}

.home-menu-section + .home-menu-section[b-d9kvtt0v84] {
  margin-top: 1.1rem;
}

.home-menu-section--monthly[b-d9kvtt0v84] {
  --section-accent: #168dcc;
}

.home-menu-section--maintenance[b-d9kvtt0v84] {
  --section-accent: #07576c;
}

.home-menu-section-heading[b-d9kvtt0v84] {
  display: grid;
  grid-template-columns: 0.45rem auto minmax(2rem, 1fr);
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.7rem;
}

.home-menu-section-heading h2[b-d9kvtt0v84] {
  margin: 0;
  color: #142f35;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}

.home-menu-section-marker[b-d9kvtt0v84] {
  align-self: stretch;
  min-height: 1.35rem;
  border-radius: 1px;
  background: var(--section-accent);
}

.home-menu-section-line[b-d9kvtt0v84] {
  height: 1px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--section-accent) 82%, transparent),
    color-mix(in srgb, var(--section-accent) 36%, transparent)
  );
}

.home-menu-grid[b-d9kvtt0v84] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem 1.5rem;
}

.home-menu-card[b-d9kvtt0v84] {
  display: grid;
  grid-template-rows: minmax(4.75rem, 1fr) minmax(3.25rem, auto);
  min-width: 0;
  min-height: 8rem;
  overflow: hidden;
  color: #172f34;
  text-decoration: none;
  border: 1px solid #9ddde4;
  border-radius: 0.65rem;
  background: #fff;
  box-shadow:
    0 0.12rem 0.18rem rgba(12, 83, 92, 0.08),
    0 0.32rem 0.75rem rgba(12, 83, 92, 0.08);
  transition:
    transform 140ms ease,
    border-color 140ms ease,
    box-shadow 140ms ease;
}

.home-menu-card:hover[b-d9kvtt0v84] {
  color: #102c32;
  border-color: #55bfca;
  box-shadow:
    0 0.18rem 0.3rem rgba(8, 78, 87, 0.1),
    0 0.55rem 1.15rem rgba(8, 78, 87, 0.13);
  transform: translateY(-2px);
}

.home-menu-card:focus-visible[b-d9kvtt0v84] {
  outline: 3px solid rgba(20, 155, 169, 0.32);
  outline-offset: 3px;
}

.home-menu-card-icon-area[b-d9kvtt0v84] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 0.55rem 0.75rem 0.35rem;
  background: linear-gradient(180deg, #fff 0%, #fcfeff 100%);
}

.home-menu-card-icon[b-d9kvtt0v84] {
  display: block;
  width: 4.4rem;
  height: 3.7rem;
  overflow: visible;
}

.home-menu-card-label[b-d9kvtt0v84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0.42rem 0.5rem 0.48rem;
  font-size: 0.96rem;
  font-weight: 600;
  line-height: 1.32;
  text-align: center;
  background: linear-gradient(180deg, #e9f9fb 0%, #e4f5f7 100%);
  border-top: 1px solid #bfe8ec;
}

.home-company-brand[b-d9kvtt0v84] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: flex-end;
  margin-top: auto;
  padding: 1rem 0.25rem 0.35rem;
}

.home-company-brand-wordmark[b-d9kvtt0v84] {
  display: block;
  width: clamp(11rem, 18vw, 14rem);
  height: auto;
  filter: drop-shadow(0 0.15rem 0.12rem rgba(132, 57, 12, 0.15));
}

@media (max-width: 900px) {
  .home-menu-grid[b-d9kvtt0v84] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
  }
}

/* 最小画面構成 1024×768 では縦方向だけを詰めて1画面に収める。 */
@media (max-height: 800px) and (min-width: 901px) {
  .home-menu[b-d9kvtt0v84] {
    padding-top: 0;
    padding-bottom: 0.5rem;
  }

  .home-menu-section + .home-menu-section[b-d9kvtt0v84] {
    margin-top: 0.6rem;
  }

  .home-menu-section-heading[b-d9kvtt0v84] {
    gap: 0.55rem;
    margin-bottom: 0.35rem;
  }

  .home-menu-section-heading h2[b-d9kvtt0v84] {
    font-size: 0.95rem;
  }

  .home-menu-section-marker[b-d9kvtt0v84] {
    min-height: 1.1rem;
  }

  .home-menu-grid[b-d9kvtt0v84] {
    gap: 0.45rem 1rem;
  }

  .home-menu-card[b-d9kvtt0v84] {
    grid-template-rows: minmax(3.4rem, 1fr) minmax(2.55rem, auto);
    min-height: 6rem;
  }

  .home-menu-card-icon-area[b-d9kvtt0v84] {
    padding: 0.25rem 0.6rem 0.15rem;
  }

  .home-menu-card-icon[b-d9kvtt0v84] {
    width: 3.7rem;
    height: 3.05rem;
  }

  .home-menu-card-label[b-d9kvtt0v84] {
    padding: 0.25rem 0.4rem 0.3rem;
    font-size: 0.86rem;
    line-height: 1.24;
  }

  .home-company-brand[b-d9kvtt0v84] {
    padding-top: 0.5rem;
  }
}

@media (max-width: 520px) {
  .home-menu-grid[b-d9kvtt0v84] {
    grid-template-columns: 1fr;
  }

  .home-menu-card[b-d9kvtt0v84] {
    min-height: 7.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-menu-card[b-d9kvtt0v84] {
    transition: none;
  }

  .home-menu-card:hover[b-d9kvtt0v84] {
    transform: none;
  }
}
/* /Features/DailyProcessing/SalesData/Entry/Common/SalesDataEntryCore.razor.rz.scp.css */
/* =========================================================
   Add / Edit Modal
   ========================================================= */

.sales-entry-form-modal-host[b-p1wotvkval]  .modal-dialog {
  width: min(96vw, 960px);
  max-width: min(96vw, 960px);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.sales-entry-form-modal-host[b-p1wotvkval]  .modal-content {
  max-height: calc(100dvh - 1rem);
  overflow: hidden;
}

.sales-entry-form-modal-host[b-p1wotvkval]  .modal-header,
.sales-entry-form-modal-host[b-p1wotvkval]  .modal-footer {
  flex: 0 0 auto;
  padding: 0.65rem 1rem;
}

.sales-entry-form-modal-host[b-p1wotvkval]  .modal-body {
  min-height: 0;
  padding: 0.75rem 1rem;
  overflow-y: auto;
}

.sales-entry-form-grid[b-p1wotvkval] {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

.sales-entry-form-column[b-p1wotvkval] {
  min-width: 0;
}

  .sales-entry-form-column[b-p1wotvkval]  > * {
    width: 100%;
    min-width: 0;
    margin-bottom: 0.55rem !important;
  }

  .sales-entry-form-column[b-p1wotvkval]  label {
    flex: 0 0 6.5rem;
    width: 6.5rem;
    margin-bottom: 0;
    white-space: nowrap;
  }

  .sales-entry-form-column[b-p1wotvkval]  .form-control,
  .sales-entry-form-column[b-p1wotvkval]  .form-select,
  .sales-entry-form-column[b-p1wotvkval]  .input-group {
    min-width: 0;
  }

@media (max-width: 767.98px) {
  .sales-entry-form-modal-host[b-p1wotvkval]  .modal-dialog {
    width: calc(100vw - 1rem);
    max-width: calc(100vw - 1rem);
  }

  .sales-entry-form-column[b-p1wotvkval]  label {
    flex-basis: 5.5rem;
    width: 5.5rem;
  }
}

/* 売上データ入力画面全体 */
.sales-entry-page[b-p1wotvkval] {
  /* ヘッダー・本文上余白・フッターを除いた高さまで広げ、下部の空白を抑える */
  min-height: calc(100dvh - 160px);
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: visible;
}

/*
   画面内の各ブロックは画面幅に合わせる。
   ただし、合計欄がこれ以上縮めない幅は
   --sales-entry-min-width で sales-entry-content に反映する。
*/
.sales-entry-content[b-p1wotvkval] {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
  min-width: var(--sales-entry-min-width, 0px);
}

/* 売上データ一覧と合計欄をまとめる領域 */
.sales-list-area[b-p1wotvkval] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 8.5rem;
}

/* 検索条件・一覧・戻るボタンは同じ右端に揃える */
.sales-entry-content > .sales-list-area[b-p1wotvkval],
.sales-entry-content > .footer-buttons[b-p1wotvkval] {
  width: 100%;
  min-width: 0;
}

.sales-entry-content[b-p1wotvkval]  > .card,
.sales-entry-content[b-p1wotvkval]  .card {
  width: 100%;
  max-width: 100%;
}

/* 売上データ一覧エリア */
.sales-table-area[b-p1wotvkval] {
  flex: 1 1 0;
  min-height: 5rem;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
}

  /* 一覧内部のカード、カード本文、スクロール領域を親の高さ内に収める */
  .sales-table-area[b-p1wotvkval]  .card,
  .sales-table-area[b-p1wotvkval]  .card-body {
    height: 100%;
    max-height: 100%;
    min-height: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .sales-table-area[b-p1wotvkval]  .card-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  /* 横スクロールは売上データ一覧の中だけに出す */
  .sales-table-area[b-p1wotvkval]  .overflow-auto {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    min-width: 0;
    overflow-x: auto !important;
    overflow-y: auto !important;
  }

  /*
   table本体は、C#側で計算した列幅合計に合わせる。
   画面幅によってブラウザが勝手に列幅を広げないように、
   max(100%, ...) は使わない。
*/
  .sales-table-area[b-p1wotvkval]  .sales-data-table {
    width: var(--sales-table-width, 100%);
    min-width: var(--sales-table-width, 100%);
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
  }

  /* 一覧セルの基本表示 */
  .sales-table-area[b-p1wotvkval]  th,
  .sales-table-area[b-p1wotvkval]  td {
    box-sizing: border-box;
    font-size: 14px;
    white-space: nowrap;
  }

  /* 一覧の明細行だけ、行高を前バージョン寄りに詰める */
  .sales-table-area[b-p1wotvkval]  .sales-data-table tbody td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    line-height: 1.2;
    vertical-align: middle;
  }

  /* 明細セルは折り返さず、幅を超える文字は省略表示する */
  .sales-table-area[b-p1wotvkval]  tbody td {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* ヘッダ行を一覧スクロール内で固定する */
  .sales-table-area[b-p1wotvkval]  thead th {
    position: sticky;
    top: 0;
    z-index: 5;
    overflow: visible;
    text-overflow: clip;
    background-color: #ffffff;
    padding-right: 0.75rem;
  }

  /* Bootstrap の table-striped 背景よりヘッダ背景を優先する */
  .sales-table-area[b-p1wotvkval]  thead th {
    --bs-table-bg: #ffffff;
    --bs-table-striped-bg: #ffffff;
    --bs-table-hover-bg: #ffffff;
    box-shadow: inset 0 -1px 0 #dee2e6;
  }

    /* 列幅変更用のつまみ */
    .sales-table-area[b-p1wotvkval]  thead th .sales-column-resizer {
      position: absolute;
      top: 0;
      right: -5px;
      bottom: 0;
      z-index: 6;
      display: block;
      width: 10px;
      height: 100%;
      cursor: col-resize;
      user-select: none;
      touch-action: none;
      pointer-events: auto;
    }

      /* 列境界に表示する薄い縦棒 */
      .sales-table-area[b-p1wotvkval]  thead th .sales-column-resizer::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1px;
        height: 16px;
        transform: translate(-50%, -50%);
        background-color: rgba(0, 0, 0, 0.28);
        border-radius: 1px;
      }

      /* hover時は縦棒だけ少し濃くする */
      .sales-table-area[b-p1wotvkval]  thead th .sales-column-resizer:hover::after {
        background-color: rgba(0, 0, 0, 0.45);
      }

  /* 操作列は固定幅にする */
  .sales-table-area[b-p1wotvkval]  th:last-child,
  .sales-table-area[b-p1wotvkval]  td:last-child {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
  }

/* 合計欄は一覧の横スクロール対象にしない */
.sales-summary[b-p1wotvkval] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: max-content;
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}

.sales-summary-count[b-p1wotvkval],
.sales-summary-section > .fw-bold[b-p1wotvkval] {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

/* 件数は左寄せ */
.sales-summary-count[b-p1wotvkval] {
  flex: 0 0 auto;
  margin-right: 1em;
}

/* 確定・未定の合計欄は右寄せ */
.sales-summary-totals[b-p1wotvkval] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
  margin-left: auto;
}

/* 合計欄の中身は、必要以上に間延びさせず、内容幅以下には縮めない */
.sales-summary-section[b-p1wotvkval],
.sales-summary-total-item[b-p1wotvkval] {
  flex: 0 0 auto;
}

.sales-summary-section[b-p1wotvkval] {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.sales-summary-total-item[b-p1wotvkval] {
  min-width: 5.5rem;
}

/* 右端は一覧・合計欄と揃えたまま、戻るボタンの表示領域を確保する */
.sales-entry-content > .footer-buttons[b-p1wotvkval] {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}


/* =========================================================
   Table Row State
   ========================================================= */

/* 行クリック可能であることを見た目で分かるようにする */
[b-p1wotvkval] .table-striped > tbody > tr {
  cursor: pointer;
}


  /* ---------------------------------------------------------
   Deleted Row
   --------------------------------------------------------- */

  /* 削除行 */
  [b-p1wotvkval] .table-striped > tbody > tr.deleted-row > td {
    --bs-table-bg: #e489de;
    --bs-table-striped-bg: #e489de;
    --bs-table-hover-bg: #d978d0;
    background-color: #e489de !important;
    box-shadow: inset 0 0 0 9999px #e489de !important;
  }

  /* 削除行 hover */
  [b-p1wotvkval] .table-striped > tbody > tr.deleted-row:hover > td {
    --bs-table-bg: #d978d0;
    --bs-table-striped-bg: #d978d0;
    --bs-table-hover-bg: #d978d0;
    background-color: #d978d0 !important;
    box-shadow: inset 0 0 0 9999px #d978d0 !important;
  }


  /* ---------------------------------------------------------
   Selected Row
   --------------------------------------------------------- */

  /* 選択行 */
  [b-p1wotvkval] .table-striped > tbody > tr.selected-row > td {
    --bs-table-bg: #0078d7;
    --bs-table-striped-bg: #0078d7;
    --bs-table-hover-bg: #006cc1;
    color: #ffffff;
    background-color: #0078d7 !important;
    box-shadow: inset 0 0 0 9999px #0078d7 !important;
  }

  /* 選択行 hover */
  [b-p1wotvkval] .table-striped > tbody > tr.selected-row:hover > td {
    --bs-table-bg: #006cc1;
    --bs-table-striped-bg: #006cc1;
    --bs-table-hover-bg: #006cc1;
    color: #ffffff;
    background-color: #006cc1 !important;
    box-shadow: inset 0 0 0 9999px #006cc1 !important;
  }


  /* ---------------------------------------------------------
   Deleted + Selected Row
   --------------------------------------------------------- */

  /*
  削除行でも選択中の場合は、選択色を優先する。
  GetSalesDataEntryRowClass が "deleted-row selected-row" を返す場合に効く。
*/
  [b-p1wotvkval] .table-striped > tbody > tr.deleted-row.selected-row > td {
    --bs-table-bg: #0078d7;
    --bs-table-striped-bg: #0078d7;
    --bs-table-hover-bg: #006cc1;
    color: #ffffff;
    background-color: #0078d7 !important;
    box-shadow: inset 0 0 0 9999px #0078d7 !important;
  }

  /* 削除行 かつ 選択行 hover */
  [b-p1wotvkval] .table-striped > tbody > tr.deleted-row.selected-row:hover > td {
    --bs-table-bg: #006cc1;
    --bs-table-striped-bg: #006cc1;
    --bs-table-hover-bg: #006cc1;
    color: #ffffff;
    background-color: #006cc1 !important;
    box-shadow: inset 0 0 0 9999px #006cc1 !important;
  }


/* =========================================================
   Row Action
   ========================================================= */

/* 行右端の三点リーダー操作列 */
.sales-row-action-cell[b-p1wotvkval] {
  position: relative;
  width: 32px;
  text-align: center;
}


/* =========================================================
   Popup Menu
   ========================================================= */

/* 右クリック、または三点リーダークリックで表示する操作メニュー */
.sales-popup-menu[b-p1wotvkval] {
  position: fixed;
  display: block;
  z-index: 1060;
}

/* 右端の三点リーダーから開く場合は、メニューを左側に表示する */
.sales-popup-menu-left[b-p1wotvkval] {
  transform: translateX(calc(-100% - 4px));
}
/* /Features/DailyProcessing/TransportDetail/TransportDetail.razor.rz.scp.css */
.transport-detail-report[b-n065zlbenx] {
  font-size: var(--transport-detail-font-size, 9pt);
}

.print-header[b-n065zlbenx] {
  margin-bottom: 0.15em;
}

.title[b-n065zlbenx] {
  margin: 0 0 0.3em;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.05;
  text-align: center;
}

.header-row[b-n065zlbenx] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.3em;
}

.header-left div[b-n065zlbenx] {
  margin-bottom: 0.15em;
  line-height: 1.05;
}

.header-right[b-n065zlbenx] {
  white-space: nowrap;
  text-align: left;
}

.detail-table[b-n065zlbenx] {
  width: 100%;
  border-collapse: collapse;
  font-size: 1em;
}

.detail-table th[b-n065zlbenx],
.detail-table td[b-n065zlbenx] {
  padding: 0.15em 0.3em;
  border: 0.25mm solid #000;
  line-height: 1;
}

.detail-table th[b-n065zlbenx] {
  font-weight: bold;
  text-align: center;
}

.num[b-n065zlbenx] {
  text-align: right;
}

.total-label[b-n065zlbenx] {
  font-weight: bold;
  text-align: center;
}
/* /Features/Maintenance/DriverAssignmentMaster/DriverAssignmentMaster.razor.rz.scp.css */
/*
  用紙サイズ、方向、用紙余白、改ページ、基準フォントは
  wwwroot/css/report-print.css で管理する。
*/

.app-bounded-list-page--standard-card-spacing[b-pzbtx6jza8] {
  padding-top: 0 !important;
}

.print-title[b-pzbtx6jza8] {
  margin: 0 0 0.45em;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
}

.print-header[b-pzbtx6jza8] {
  display: flex;
  justify-content: flex-end;
  gap: 2em;
  margin-bottom: 0.35em;
  font-size: 0.9em;
  line-height: 1.1;
}

.driver-print-table[b-pzbtx6jza8] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.driver-print-table th[b-pzbtx6jza8],
.driver-print-table td[b-pzbtx6jza8] {
  overflow: hidden;
  height: 1.55em;
  padding: 0.12em 0.35em;
  border: 0.25mm solid #000;
  line-height: 1.05;
  white-space: nowrap;
}

.driver-print-table th[b-pzbtx6jza8] {
  font-weight: bold;
  text-align: center;
}

.driver-print-table th:nth-child(1)[b-pzbtx6jza8],
.driver-print-table td:nth-child(1)[b-pzbtx6jza8] {
  width: 35%;
}

.driver-print-table th:nth-child(2)[b-pzbtx6jza8],
.driver-print-table td:nth-child(2)[b-pzbtx6jza8] {
  width: 20%;
}

.driver-print-table th:nth-child(3)[b-pzbtx6jza8],
.driver-print-table td:nth-child(3)[b-pzbtx6jza8] {
  width: 45%;
}
/* /Features/Maintenance/InfoMaster/InfoMaster.razor.rz.scp.css */
.info-master-page[b-cak47tkx70] {
  box-sizing: border-box;
  min-width: 0;
  height: 100%;
  padding-bottom: 1rem;
  overflow: hidden;
}

.info-master-card[b-cak47tkx70] {
  min-width: 0;
}

.info-master-card[b-cak47tkx70]  .card-body {
  padding: 0.75rem 1rem;
}

.info-master-primary-grid[b-cak47tkx70],
.info-master-code-grid[b-cak47tkx70],
.info-master-count-grid[b-cak47tkx70] {
  display: grid;
  min-width: 0;
  column-gap: 1.5rem;
  row-gap: 0.45rem;
}

.info-master-primary-grid[b-cak47tkx70] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.info-master-code-grid[b-cak47tkx70] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.info-master-count-grid[b-cak47tkx70] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: calc(66.666% - 0.5rem);
}

.info-master-field[b-cak47tkx70],
.info-master-paired-fields[b-cak47tkx70] {
  min-width: 0;
}

.info-master-field[b-cak47tkx70] {
  display: flex;
  align-items: center;
}

.info-master-field[b-cak47tkx70]  > * {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  margin: 0 !important;
}

.info-master-field[b-cak47tkx70]  label {
  flex: 0 0 7.5rem;
  width: 7.5rem;
  margin: 0;
  white-space: nowrap;
}

.info-master-field[b-cak47tkx70]  .form-control,
.info-master-field[b-cak47tkx70]  .input-group {
  min-width: 0;
}

.info-master-paired-fields[b-cak47tkx70] {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 0.75rem;
}

.info-master-field--fee[b-cak47tkx70]  label {
  flex-basis: 7.5rem;
  width: 7.5rem;
}

.info-master-field--category[b-cak47tkx70]  label {
  flex-basis: 2.75rem;
  width: 2.75rem;
}

.info-master-code-grid .info-master-field[b-cak47tkx70]  label {
  flex-basis: 6.5rem;
  width: 6.5rem;
}

.info-master-section-heading[b-cak47tkx70] {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0.7rem 0 0.55rem;
  color: #24383d;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.2;
}

.info-master-section-heading[b-cak47tkx70]::before {
  width: 2.5rem;
  height: 1px;
  flex: 0 0 auto;
  content: '';
  background: #bdc9cc;
}

.info-master-section-heading[b-cak47tkx70]::after {
  height: 1px;
  flex: 1 1 auto;
  content: '';
  background: #bdc9cc;
}

@media (max-width: 800px) {
  .info-master-primary-grid[b-cak47tkx70],
  .info-master-code-grid[b-cak47tkx70],
  .info-master-count-grid[b-cak47tkx70] {
    grid-template-columns: 1fr;
    max-width: none;
  }

  .info-master-field--empty[b-cak47tkx70] {
    display: none;
  }
}
/* /Features/Maintenance/VehicleMaster/VehicleMaster.razor.rz.scp.css */
/*
  用紙サイズ、方向、用紙余白、改ページ、基準フォントは
  wwwroot/css/report-print.css で管理する。
*/

.app-bounded-list-page--standard-card-spacing[b-jgwv9di5zc] {
  padding-top: 0 !important;
}

.print-title[b-jgwv9di5zc] {
  margin: 0 0 0.4em;
  font-size: 1.55em;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
}

.print-header[b-jgwv9di5zc] {
  display: flex;
  justify-content: flex-end;
  gap: 2em;
  margin-bottom: 0.35em;
  font-size: 0.9em;
  line-height: 1.1;
}

.vehicle-print-table[b-jgwv9di5zc] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.vehicle-print-table th[b-jgwv9di5zc],
.vehicle-print-table td[b-jgwv9di5zc] {
  overflow: hidden;
  height: 1.45em;
  padding: 0.1em 0.25em;
  border: 0.25mm solid #000;
  line-height: 1.05;
  white-space: nowrap;
}

.vehicle-print-table th[b-jgwv9di5zc] {
  font-weight: bold;
  text-align: center;
}

.vehicle-print-table th:nth-child(1)[b-jgwv9di5zc],
.vehicle-print-table td:nth-child(1)[b-jgwv9di5zc] {
  width: 16mm;
}

.vehicle-print-table th:nth-child(2)[b-jgwv9di5zc],
.vehicle-print-table td:nth-child(2)[b-jgwv9di5zc] {
  width: 18mm;
}

.vehicle-print-table th:nth-child(3)[b-jgwv9di5zc],
.vehicle-print-table td:nth-child(3)[b-jgwv9di5zc] {
  width: 34mm;
}

.vehicle-print-table th:nth-child(4)[b-jgwv9di5zc],
.vehicle-print-table td:nth-child(4)[b-jgwv9di5zc] {
  width: 14mm;
}

.vehicle-print-table th:nth-child(5)[b-jgwv9di5zc],
.vehicle-print-table td:nth-child(5)[b-jgwv9di5zc],
.vehicle-print-table th:nth-child(6)[b-jgwv9di5zc],
.vehicle-print-table td:nth-child(6)[b-jgwv9di5zc] {
  width: 18mm;
}

.vehicle-print-table th:nth-child(7)[b-jgwv9di5zc],
.vehicle-print-table td:nth-child(7)[b-jgwv9di5zc] {
  width: 42mm;
}

.vehicle-print-table th:nth-child(8)[b-jgwv9di5zc],
.vehicle-print-table td:nth-child(8)[b-jgwv9di5zc] {
  width: 18mm;
}
/* /Features/MonthlyProcessing/CarrierFreightSummary/CarrierFreightSummary.razor.rz.scp.css */
.carrier-freight-page[b-yap9ee4o75] {
  padding: 0 0 1rem;
}

.carrier-freight-output-card[b-yap9ee4o75] {
  position: relative;
  min-width: 0;
}

.carrier-freight-output-card[b-yap9ee4o75]  .card-header {
  display: flex;
  align-items: center;
  min-height: 1.95rem;
  padding-right: 10rem;
}

.carrier-freight-period-toggle[b-yap9ee4o75] {
  position: absolute;
  top: 0.2rem;
  right: 0.5rem;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.carrier-freight-period-button[b-yap9ee4o75] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.2rem;
  min-height: 1.55rem;
  padding: 0.12rem 0.6rem;
  color: #e9fbfd;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.1;
  border: 1px solid rgba(210, 247, 250, 0.62);
  border-radius: 0.38rem;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: none;
  transition:
    color 140ms ease,
    background-color 140ms ease,
    border-color 140ms ease;
}

.carrier-freight-period-button:hover[b-yap9ee4o75],
.carrier-freight-period-button:focus-visible[b-yap9ee4o75] {
  color: #fff;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.18);
}

.btn-check:checked + .carrier-freight-period-button[b-yap9ee4o75] {
  color: #073b43;
  border-color: #b4ecf0;
  background: linear-gradient(180deg, #f2ffff 0%, #a9e2e7 100%);
  box-shadow: 0 0.14rem 0.35rem rgba(0, 0, 0, 0.2);
}
/* /Features/MonthlyProcessing/CarrierFreightSummary/CarrierFreightSummaryReport.razor.rz.scp.css */
/*
  共通の用紙サイズ、余白、改ページ、印刷フォントは
  wwwroot/css/report-print.css で管理する。
*/

.carrier-freight-summary-report[b-8sdsp97jdf] {
  font-size: var(--carrier-freight-summary-font-size, 9pt);
}

.carrier-freight-title[b-8sdsp97jdf] {
  margin: 0 0 0.5em;
  font-size: 1.85em;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
}

.carrier-freight-top[b-8sdsp97jdf] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 5.5em;
  column-gap: 2em;
  align-items: end;
  margin-bottom: 0.35em;
  line-height: 1.1;
}

.carrier-freight-top > :nth-child(2)[b-8sdsp97jdf] {
  text-align: right;
  white-space: nowrap;
}

.carrier-freight-top > :nth-child(3)[b-8sdsp97jdf] {
  text-align: right;
  white-space: nowrap;
}

.carrier-freight-table[b-8sdsp97jdf] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 1em;
}

.carrier-freight-table th[b-8sdsp97jdf],
.carrier-freight-table td[b-8sdsp97jdf] {
  overflow: hidden;
  padding: 0.2em 0.3em 0.1em;
  border: 0.25mm solid #000;
  line-height: 1.05;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
}

.carrier-freight-table th:first-child[b-8sdsp97jdf],
.carrier-freight-table td:first-child[b-8sdsp97jdf] {
  width: 14%;
  white-space: normal;
}

.carrier-freight-table .num[b-8sdsp97jdf] {
  font-size: 0.92em;
  text-align: right;
}

.total-row[b-8sdsp97jdf] {
  font-weight: bold;
}

.carrier-row-first td:not(.carrier-name)[b-8sdsp97jdf],
.carrier-row-detail td[b-8sdsp97jdf] {
  border-bottom: 0.1mm dashed #000;
}

.carrier-row-detail td[b-8sdsp97jdf],
.carrier-row-last td[b-8sdsp97jdf] {
  border-top: 0.1mm dashed #000;
}

.total-row-first td:not(.total-label)[b-8sdsp97jdf],
.total-row-detail td:not(.total-label)[b-8sdsp97jdf] {
  border-bottom: 0.1mm dashed #000;
}

.total-row-detail td:not(.total-label)[b-8sdsp97jdf],
.total-row-last td:not(.total-label)[b-8sdsp97jdf] {
  border-top: 0.1mm dashed #000;
}

.total-row-first .total-label[b-8sdsp97jdf] {
  border-bottom: 0;
}

.total-row-detail .total-label[b-8sdsp97jdf] {
  border-top: 0;
  border-bottom: 0;
}

.total-row-last .total-label[b-8sdsp97jdf] {
  border-top: 0;
}

.fee-row-first td[b-8sdsp97jdf] {
  border-top: 0.4mm solid #000;
}

.fee-row-first td:not(.total-label)[b-8sdsp97jdf],
.fee-row-detail td:not(.total-label)[b-8sdsp97jdf] {
  border-bottom: 0.1mm dashed #000;
}

.fee-row-detail td:not(.total-label)[b-8sdsp97jdf],
.fee-row-last td:not(.total-label)[b-8sdsp97jdf] {
  border-top: 0.1mm dashed #000;
}

.fee-row-first .total-label[b-8sdsp97jdf] {
  border-bottom: 0;
}

.fee-row-detail .total-label[b-8sdsp97jdf] {
  border-top: 0;
  border-bottom: 0;
}

.fee-row-last .total-label[b-8sdsp97jdf] {
  border-top: 0;
}
/* /Features/MonthlyProcessing/DriverRankTable/DriverRankTable.razor.rz.scp.css */
.driver-rank-output-card[b-w2x7r1coo4] {
  position: relative;
}

.app-bounded-list-page--standard-card-spacing[b-w2x7r1coo4] {
  padding-top: 0 !important;
}

.driver-rank-output-card[b-w2x7r1coo4]  .card-header {
  display: flex;
  align-items: center;
  min-height: 1.95rem;
  padding-right: 10rem;
}

.driver-rank-period-toggle[b-w2x7r1coo4] {
  position: absolute;
  top: 0.2rem;
  right: 0.5rem;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.driver-rank-period-button[b-w2x7r1coo4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.2rem;
  min-height: 1.55rem;
  padding: 0.12rem 0.6rem;
  color: #e9fbfd;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.1;
  border: 1px solid rgba(210, 247, 250, 0.62);
  border-radius: 0.38rem;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: none;
  transition:
    color 140ms ease,
    background-color 140ms ease,
    border-color 140ms ease;
}

.driver-rank-period-button:hover[b-w2x7r1coo4],
.driver-rank-period-button:focus-visible[b-w2x7r1coo4] {
  color: #fff;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.18);
}

.btn-check:checked + .driver-rank-period-button[b-w2x7r1coo4] {
  color: #073b43;
  border-color: #b4ecf0;
  background: linear-gradient(180deg, #f2ffff 0%, #a9e2e7 100%);
  box-shadow: 0 0.14rem 0.35rem rgba(0, 0, 0, 0.2);
}

.driver-rank-list-region[b-w2x7r1coo4]  table {
  min-width: 58rem;
}

.driver-rank-table-report[b-w2x7r1coo4] {
  font-size: var(--driver-rank-table-font-size, 9pt);
}

.print-header[b-w2x7r1coo4] {
  margin-bottom: 0.25em;
}

.title[b-w2x7r1coo4] {
  margin: 0 0 0.3em;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
}

.header-row[b-w2x7r1coo4] {
  position: relative;
  height: 1.1em;
  margin-bottom: 0.25em;
  line-height: 1.1;
  white-space: nowrap;
}

.header-row > div[b-w2x7r1coo4] {
  position: absolute;
  top: 0;
}

.header-row .period[b-w2x7r1coo4] {
  left: 0;
}

/*
 * 旧帳票の横座標を表幅に対する比率へ変換する。
 * 印刷日: (120 - 10) / (155 - 10)
 * ページ: (145 - 10) / (155 - 10)
 */
.header-row .print-date[b-w2x7r1coo4] {
  left: 75.8620689655%;
}

.header-row .page-number[b-w2x7r1coo4] {
  left: 93.1034482759%;
}

.detail-table[b-w2x7r1coo4] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 1em;
}

.detail-table .driver-column[b-w2x7r1coo4],
.detail-table .department-column[b-w2x7r1coo4] {
  width: 13.7931034483%;
}

.detail-table .vehicle-column[b-w2x7r1coo4],
.detail-table .weight-column[b-w2x7r1coo4],
.detail-table .amount-column[b-w2x7r1coo4],
.detail-table .restraint-column[b-w2x7r1coo4],
.detail-table .hourly-amount-column[b-w2x7r1coo4] {
  width: 10.3448275862%;
}

.detail-table .efficiency-column[b-w2x7r1coo4] {
  width: 14.4827586207%;
}

.detail-table .rank-column[b-w2x7r1coo4] {
  width: 6.2068965517%;
}

.detail-table thead tr[b-w2x7r1coo4] {
  height: 2.56em;
}

.detail-table tbody tr[b-w2x7r1coo4] {
  height: 1.27em;
}

.detail-table th[b-w2x7r1coo4],
.detail-table td[b-w2x7r1coo4] {
  padding: 0 0.25em;
  border: 0.25mm solid #000;
  line-height: 1.05;
  vertical-align: middle;
  white-space: nowrap;
}

.detail-table th[b-w2x7r1coo4] {
  font-weight: bold;
  text-align: center;
}

/*
 * 文字は字形の下方向への張り出しが小さく、
 * 中央揃えだけでは視覚的に上寄りに見えるため、
 * 請求書・運賃集約表と同じ方法で位置を補正する。
 */
.detail-table tbody td[b-w2x7r1coo4] {
  padding-top: 0.14em;
  padding-bottom: 0;
}

.num[b-w2x7r1coo4] {
  text-align: right;
}

.rank[b-w2x7r1coo4] {
  text-align: center;
}
/* /Features/MonthlyProcessing/DriverWorkHours/DriverWorkHours.razor.rz.scp.css */
.app-bounded-list-page--standard-card-spacing[b-mp7mk5zmh5] {
  padding-top: 0 !important;
}
/* /Features/MonthlyProcessing/FreightSummary/FreightSummary.razor.rz.scp.css */
/*
  用紙サイズ、印刷余白、改ページ等は
  wwwroot/css/report-print.cssで管理する。
*/

.freight-summary-report[b-l89jc07f68] {
  width: 100%;
  color: #000;
  font-size: var(--freight-summary-font-size, 9pt);
}

.freight-summary-page[b-l89jc07f68] {
  break-after: page;
  page-break-after: always;
}

  .freight-summary-page:last-child[b-l89jc07f68] {
    break-after: auto;
    page-break-after: auto;
  }

.report-header[b-l89jc07f68] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  width: 100%;
  margin-bottom: 0.35em;
  line-height: 1.1;
}

  .report-header h1[b-l89jc07f68] {
    grid-column: 2;
    margin: 0;
    font-size: 1.85em;
    font-weight: bold;
    text-align: center;
  }

.report-period[b-l89jc07f68] {
  grid-column: 1;
  text-align: left;
  white-space: nowrap;
}

.report-right[b-l89jc07f68] {
  grid-column: 3;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 2.5em;
  text-align: right;
  white-space: nowrap;
}

.freight-summary-table[b-l89jc07f68] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 1em;
}

  .freight-summary-table th[b-l89jc07f68],
  .freight-summary-table td[b-l89jc07f68] {
    overflow: hidden;
    height: 1.3em;
    padding: 0.08em 0.25em;
    border-right: 0.25mm solid #000;
    border-left: 0.25mm solid #000;
    line-height: 1.05;
    white-space: nowrap;
  }

  .freight-summary-table thead th[b-l89jc07f68] {
    border-top: 0.25mm solid #000;
    border-bottom: 0.25mm solid #000;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
  }

  .freight-summary-table tbody td[b-l89jc07f68] {
    border-top: 0.2mm dashed #555;
    text-align: right;
    vertical-align: middle;
  }

    /*
    数字は字形に下方向の張り出しがないため、
    行の中央に配置しても視覚的に上寄りに見える。
    上側の余白をわずかに増やして表示位置を補正する。
  */
    .freight-summary-table tbody td:not(.factory-name)[b-l89jc07f68] {
      padding-top: 0.18em;
      padding-bottom: 0;
    }

  /*
    旧システムの列境界
    7, 17, 31, 45, 59, 73, 87, 101, 116, 129, 140, 155
    （有効幅148）を比率へ換算。合計100%。
  */
  .freight-summary-table col.factory-column[b-l89jc07f68] {
    width: 6.75%;
  }

  .freight-summary-table col.standard-column[b-l89jc07f68] {
    width: 9.46%;
  }

  .freight-summary-table col.freight-column[b-l89jc07f68] {
    width: 10.14%;
  }

  .freight-summary-table col.fee-amount-column[b-l89jc07f68] {
    width: 8.78%;
  }

  .freight-summary-table col.fee-tax-column[b-l89jc07f68] {
    width: 7.43%;
  }

  .freight-summary-table col.total-column[b-l89jc07f68] {
    width: 10.14%;
  }

.factory-name[b-l89jc07f68] {
  border-top: 0.25mm solid #000 !important;
  border-bottom: 0.25mm solid #000 !important;
  font-size: 1.05em;
  font-weight: bold;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: normal !important;
}

.factory-first-row td:not(.factory-name)[b-l89jc07f68] {
  border-top: 0.25mm solid #000;
}

.factory-subtotal-row td[b-l89jc07f68] {
  border-bottom: 0.25mm solid #000;
}

.summary-row td[b-l89jc07f68],
.amount-total-row td[b-l89jc07f68] {
  font-weight: bold;
}

.summary-row.factory-first-row td[b-l89jc07f68],
.amount-total-row.factory-first-row td[b-l89jc07f68] {
  border-top: 0.25mm solid #000;
}

@media print {
  .screen-only[b-l89jc07f68] {
    display: none !important;
  }
}
/* /Features/MonthlyProcessing/Invoice/Invoice.razor.rz.scp.css */
/*
  用紙サイズ、方向、用紙余白、改ページは
  wwwroot/css/report-print.css で管理する。
  帳票本文の基準フォントは取得した PrintLayout の設定を使用する。
*/

.invoice-page[b-i0uki2aah5] {
  /*
    旧 Delphi と同様に、外枠・主要境界線と内部線の太さを分ける。
    主要線の太さは維持し、印刷時にも差が出るよう内部線を細くする。
  */
  --invoice-major-border-width: 0.4mm;
  --invoice-inner-border-width: 0.1mm;
  width: 100%;
  font-size: var(--invoice-body-font-size, inherit);
}

.invoice-heading[b-i0uki2aah5] {
  display: grid;
  grid-template-columns: 68.4211% 21.0526% 10.5263%;
  align-items: start;
  width: 100%;
  margin: 0 auto 0.35em;
}

.invoice-title[b-i0uki2aah5] {
  margin: 0;
  box-sizing: border-box;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.1;
  text-align: left;
}

.invoice-top[b-i0uki2aah5] {
  display: grid;
  grid-template-columns: 63.1579% 36.8421%;
  width: 100%;
  margin: 0 auto 0.45em;
}

.invoice-left[b-i0uki2aah5] {
  box-sizing: border-box;
}

.invoice-right[b-i0uki2aah5] {
  padding-top: 1.35em;
  box-sizing: border-box;
}

.invoice-date[b-i0uki2aah5],
.invoice-page-number[b-i0uki2aah5] {
  font-size: 1em;
  line-height: 1.1;
  text-decoration: underline;
}

.invoice-date[b-i0uki2aah5] {
  font-weight: bold;
}

.invoice-company[b-i0uki2aah5] {
  width: 100%;
  font-size: 1em;
  line-height: 1.1;
}

.invoice-customer[b-i0uki2aah5] {
  margin-bottom: 0.35em;
  font-size: 1.5em;
  line-height: 1.1;
  text-decoration: underline;
}

.invoice-message[b-i0uki2aah5] {
  margin-bottom: 0.35em;
  font-size: 1em;
}

.company-name[b-i0uki2aah5] {
  font-size: 1.3em;
  font-weight: bold;
}

.invoice-registration-number[b-i0uki2aah5] {
  white-space: nowrap;
}

.invoice-summary[b-i0uki2aah5] {
  display: grid;
  grid-template-columns:
    17.5% 23.75%
    10% 12.5%
    13.75% 22.5%;
  align-items: stretch;
  width: 100%;
  margin: 0 auto 0.3em;
  box-sizing: border-box;
  border: var(--invoice-major-border-width) solid #000;
  font-size: 1.3em;
}

.invoice-summary-group[b-i0uki2aah5] {
  display: contents;
}

.invoice-summary-label[b-i0uki2aah5],
.invoice-summary-value[b-i0uki2aah5] {
  display: flex;
  align-items: center;
  height: 1.55em;
  min-width: 0;
  box-sizing: border-box;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  line-height: 1.35;
  white-space: nowrap;
}

.invoice-summary-label[b-i0uki2aah5] {
  padding-left: 1em;
}

.invoice-summary-value[b-i0uki2aah5] {
  justify-content: flex-end;
  padding-right: 0.3em;
}

.invoice-summary-total .invoice-summary-value[b-i0uki2aah5],
.invoice-summary-tax-rate .invoice-summary-value[b-i0uki2aah5],
.invoice-summary-tax-amount .invoice-summary-value[b-i0uki2aah5] {
  padding-right: 1em;
}

.invoice-summary-total .invoice-summary-value[b-i0uki2aah5],
.invoice-summary-tax-rate .invoice-summary-value[b-i0uki2aah5] {
  border-right: var(--invoice-inner-border-width) solid #000;
}

.invoice-summary-tax-rate .invoice-summary-label[b-i0uki2aah5] {
  padding-right: 1em;
}

.invoice-table[b-i0uki2aah5] {
  width: 100%;
  margin: 0 auto;
  border: var(--invoice-major-border-width) solid #000;
  border-collapse: collapse;
  table-layout: fixed;
}

.invoice-table th[b-i0uki2aah5],
.invoice-table td[b-i0uki2aah5] {
  overflow: hidden;
  height: 1.45em;
  padding: 0.1em 0.3em;
  border: var(--invoice-inner-border-width) solid #000;
  line-height: 1.05;
  vertical-align: middle;
  white-space: nowrap;
}

.invoice-table th[b-i0uki2aah5] {
  font-weight: bold;
  text-align: center;
}

.invoice-table thead th[b-i0uki2aah5] {
  border-bottom-width: var(--invoice-major-border-width);
}

.invoice-table .invoice-major-border-right[b-i0uki2aah5] {
  border-right-width: var(--invoice-major-border-width);
}

.invoice-table td.invoice-item-name-first[b-i0uki2aah5] {
  border-right: none;
}

.invoice-table td.invoice-item-name-second[b-i0uki2aah5] {
  border-left: none;
  text-align: right;
}

.invoice-table tbody tr.separator-row td[b-i0uki2aah5] {
  border-bottom-width: var(--invoice-major-border-width);
}

.invoice-table tbody tr:last-child td[b-i0uki2aah5] {
  border-bottom-width: var(--invoice-major-border-width);
}

/*
  数字は中央揃えだけでは視覚的に上寄りに見えるため、
  運賃集約表と同じ値で下方向へ補正する。
*/
.invoice-table tbody td.num[b-i0uki2aah5] {
  padding-top: 0.18em;
  padding-bottom: 0;
}

.invoice-col-year[b-i0uki2aah5] {
  width: 5.2632%;
}

.invoice-col-month[b-i0uki2aah5] {
  width: 5.2632%;
}

.invoice-col-item-name[b-i0uki2aah5] {
  width: 11.5789%;
}

.invoice-col-item-type[b-i0uki2aah5] {
  width: 11.5789%;
}

.invoice-col-quantity[b-i0uki2aah5] {
  width: 16.8421%;
}

.invoice-col-unit-price[b-i0uki2aah5] {
  width: 11.5789%;
}

.invoice-col-amount[b-i0uki2aah5] {
  width: 18.9474%;
}

.invoice-col-remarks[b-i0uki2aah5] {
  width: 18.9474%;
}

.num[b-i0uki2aah5] {
  text-align: right;
}

.subtotal-row td[b-i0uki2aah5],
.total-row td[b-i0uki2aah5] {
  font-weight: bold;
}

.invoice-total-label[b-i0uki2aah5] {
  text-align: center;
}

.invoice-total-amount[b-i0uki2aah5] {
  padding-right: 0.1em;
  padding-left: 0.1em;
  font-weight: normal;
}