:root {
    --secretary-ink: #0c2844;
    --secretary-muted: #52667a;
    --secretary-border: #d5e0e9;
    --secretary-soft: #f3f6f8;
    --secretary-surface: #ffffff;
    --secretary-primary: #2d6c4c;
    --secretary-primary-dark: #1f4f38;
}

.samai-secretary-online__activity:empty {
    display: none;
}

.samai-secretary-online {
    min-height: 60vh;
    padding: 2rem 0 3rem;
    overflow-x: clip;
    color: var(--secretary-ink);
    background: var(--secretary-soft);
}

.samai-secretary-online__container,
.samai-secretary-online__surface,
.samai-secretary-online__workspace,
.samai-secretary-online__workspace > * {
    min-width: 0;
}

.samai-secretary-online__surface {
    overflow: hidden;
    border: 1px solid var(--secretary-border);
    border-radius: .75rem;
    background: var(--secretary-surface);
    box-shadow: 0 10px 28px rgba(12, 40, 68, .06);
}

.samai-secretary-online__legacy-context {
    display: none !important;
}

.samai-secretary-online__access-notice {
    padding: 2rem;
}

.samai-secretary-online__layout {
    width: 100% !important;
    margin: 0;
}

.samai-secretary-online__access-content {
    max-width: 44rem;
    padding: .5rem 0;
}

.samai-secretary-online__access-content > p:not(.samai-secretary-online__eyebrow) {
    margin: .7rem 0 0;
    color: var(--secretary-muted);
}

.samai-secretary-online__access-message {
    display: block;
    margin-top: 1rem;
    padding: .8rem 1rem;
    border-left: 3px solid #bd7b13;
    border-radius: .25rem;
    color: #55360a;
    background: #fff8e8;
}

.samai-secretary-online__access-message:empty {
    display: none;
}

.samai-secretary-online__access-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    margin-top: 1.25rem;
}

.samai-secretary-online__workspace > br {
    display: none;
}

.samai-secretary-online__layout > tbody > tr > td {
    min-width: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    vertical-align: top;
}

.samai-secretary-online__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.7rem 0 1.35rem;
    border-bottom: 1px solid var(--secretary-border);
}

.samai-secretary-online__eyebrow {
    display: block;
    margin-bottom: .3rem;
    color: var(--secretary-primary);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.samai-secretary-online h1 {
    margin: 0;
    color: #111;
    font-size: clamp(1.7rem, 3vw, 2.2rem);
    font-weight: 800;
    line-height: 1.15;
}

.samai-secretary-online__heading p {
    margin: .55rem 0 0;
    color: var(--secretary-muted);
    font-size: .92rem;
}

.samai-secretary-online__nav-cell {
    padding-top: 1.25rem !important;
    padding-bottom: .55rem !important;
}

.samai-secretary-online__nav-actions,
.samai-secretary-online__status-options,
.samai-secretary-online__filter-type,
.samai-secretary-online__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
}

.samai-secretary-online__nav-action {
    min-width: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 42px;
    margin: 0;
    padding: .55rem .85rem;
    border: 1px solid #bccbd6 !important;
    border-radius: .45rem;
    color: #234056 !important;
    background: #f7f9fb !important;
    font-weight: 700;
    box-shadow: none !important;
}

.samai-secretary-online__nav-action:hover,
.samai-secretary-online__nav-action:focus-visible {
    border-color: #7f96a8 !important;
    color: #111 !important;
    background: #eef3f6 !important;
}

.samai-secretary-online__nav-action.is-active {
    border-color: var(--secretary-primary) !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--secretary-primary), var(--secretary-primary-dark)) !important;
}

.samai-secretary-online__status-options {
    padding-top: .35rem !important;
    padding-bottom: 1rem !important;
}

.samai-secretary-online__option {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.samai-secretary-online__status-options input[type="radio"],
.samai-secretary-online input[type="checkbox"],
.samai-secretary-online input[type="radio"] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
    margin: 0 !important;
    accent-color: var(--secretary-primary);
    vertical-align: middle;
}

.samai-secretary-online__status-options label {
    margin: 0;
    color: #263f54;
    font-weight: 650;
    line-height: 1.35;
}

.samai-secretary-online__filters,
.samai-secretary-online__results,
.samai-secretary-online__detail {
    width: 100% !important;
    margin-top: 1.25rem;
    padding: 1.25rem 0;
    border: 0;
    border-top: 1px solid var(--secretary-border);
    border-radius: 0;
    color: var(--secretary-ink);
    background: #fff !important;
}

.samai-secretary-online__filters {
    margin-top: .35rem;
    border-top: 0;
}

.samai-secretary-online__filter-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.samai-secretary-online__filter-heading h2 {
    margin: 0;
    color: var(--secretary-ink);
    font-size: 1rem;
    font-weight: 800;
}

.samai-secretary-online__filter-heading p {
    margin: .25rem 0 0;
    color: var(--secretary-muted);
    font-size: .84rem;
}

.samai-secretary-online__filter-grid {
    display: grid;
    grid-template-columns: minmax(11rem, .8fr) minmax(9.5rem, .65fr) minmax(9.5rem, .65fr) minmax(18rem, 2fr) auto;
    align-items: end;
    gap: 1rem;
}

.samai-secretary-online__filters--no-date .samai-secretary-online__filter-grid {
    grid-template-columns: minmax(13rem, .75fr) minmax(24rem, 2fr) auto;
}

.samai-secretary-online__filters--no-date .samai-secretary-online__field--date-range {
    display: none;
}

.samai-secretary-online__legacy-date-mode {
    display: none !important;
}

.samai-secretary-online__filter-type {
    align-self: center;
}

.samai-secretary-online__field {
    min-width: 0;
}

.samai-secretary-online__field > label,
.samai-secretary-online__field > span {
    display: block;
    margin-bottom: .35rem;
    color: var(--secretary-ink);
    font-size: .82rem;
    font-weight: 750;
}

.samai-secretary-online__filter-action {
    display: flex;
    justify-content: flex-end;
}

.samai-secretary-online__legacy-calendars {
    display: none !important;
}

.samai-secretary-online__results-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
}

.samai-secretary-online__results-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem 1rem;
    color: var(--secretary-muted);
    font-size: .84rem;
}

.samai-secretary-online__inline-meta {
    display: inline-flex;
}

.samai-secretary-online__subsection {
    width: 100% !important;
    margin-top: 1rem;
    padding-top: 1.15rem;
    border-top: 1px solid #e3e9ee;
    color: var(--secretary-ink);
    background: transparent !important;
}

.samai-secretary-online__filters table,
.samai-secretary-online__results > table,
.samai-secretary-online__detail > table,
.samai-secretary-online__detail table {
    width: 100% !important;
    max-width: 100%;
}

.samai-secretary-online__filters td,
.samai-secretary-online__detail td {
    padding: .35rem;
    vertical-align: top;
}

.samai-secretary-online__detail [style*="background-color: rgb(230, 230, 230)"],
.samai-secretary-online__detail [style*="background-color:#E6E6E6"],
.samai-secretary-online__detail [style*="background-color: #E6E6E6"] {
    background-color: transparent !important;
}

.samai-secretary-online__filters .form-control,
.samai-secretary-online__filters .form-select,
.samai-secretary-online__detail .form-control,
.samai-secretary-online__detail input[type="text"],
.samai-secretary-online__detail input[type="number"],
.samai-secretary-online__detail input[type="email"],
.samai-secretary-online__detail input[type="date"],
.samai-secretary-online__detail select,
.samai-secretary-online__detail textarea,
.samai-secretary-online__filters input[type="search"],
.samai-secretary-online__filters input[type="date"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px;
    border-color: #c8d6e2;
    border-radius: .4rem;
    background-color: #fff !important;
}

.samai-secretary-online textarea {
    resize: vertical;
}

.samai-secretary-online .form-control:focus,
.samai-secretary-online select:focus,
.samai-secretary-online textarea:focus,
.samai-secretary-online input:focus-visible {
    border-color: var(--secretary-primary);
    outline: 0;
    box-shadow: 0 0 0 .18rem rgba(45, 108, 76, .15);
}

.samai-secretary-online__search-action,
.samai-secretary-online .btn-success {
    border-color: var(--secretary-primary) !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--secretary-primary), var(--secretary-primary-dark)) !important;
    box-shadow: none !important;
}

.samai-secretary-online__search-action:hover,
.samai-secretary-online__search-action:focus-visible,
.samai-secretary-online .btn-success:hover,
.samai-secretary-online .btn-success:focus-visible {
    border-color: #173a2a !important;
    background: linear-gradient(135deg, #245a40, #173a2a) !important;
}

.samai-secretary-online .btn-info {
    border-color: #2b668f !important;
    color: #fff !important;
    background: #2b668f !important;
}

.samai-secretary-online__warning-action {
    border-color: #a86313 !important;
    color: #fff !important;
    background: #a86313 !important;
}

.samai-secretary-online__actions {
    justify-content: flex-end;
    margin-top: .75rem;
}

.samai-secretary-online__icon-action {
    width: 2.5rem !important;
    height: 2.5rem !important;
    padding: .55rem !important;
    border: 1px solid #b9cbd9 !important;
    border-radius: .45rem !important;
    background: #fff !important;
    box-shadow: none !important;
    object-fit: contain;
}

.samai-secretary-online__icon-action:hover,
.samai-secretary-online__icon-action:focus-visible {
    border-color: #6f899e !important;
    background: #f2f6f9 !important;
}

.samai-secretary-online__row-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: .38rem;
    border: 1px solid var(--secretary-primary);
    border-radius: .35rem;
    color: #fff !important;
    background: var(--secretary-primary);
    font-size: .8rem;
    font-weight: 750;
    text-decoration: none !important;
}

.samai-secretary-online__row-action:hover,
.samai-secretary-online__row-action:focus-visible {
    border-color: var(--secretary-primary-dark);
    color: #fff !important;
    background: var(--secretary-primary-dark);
}

.samai-secretary-online .btn,
.samai-secretary-online input[type="submit"],
.samai-secretary-online input[type="button"] {
    min-height: 40px;
    border-radius: .4rem;
    font-weight: 650;
}

.samai-secretary-online__results h2,
.samai-secretary-online__results h3,
.samai-secretary-online__detail h2,
.samai-secretary-online__detail h3 {
    margin: 0 0 .85rem;
    color: #111;
    font-size: 1.08rem;
    font-weight: 800;
}

.samai-secretary-online__results h3 > span:first-child {
    color: #111 !important;
}

.samai-secretary-online__table-wrap {
    width: 100%;
    min-width: 0;
    margin-top: .75rem;
    overflow-x: auto;
    border: 1px solid var(--secretary-border);
    border-radius: .5rem;
}

.samai-secretary-online__table-wrap > .table {
    min-width: 920px;
    margin: 0;
    border: 0 !important;
    font-size: .84rem;
}

.samai-secretary-online__primary-list {
    table-layout: auto;
}

.samai-secretary-online__requests-list {
    min-width: 1220px !important;
}

.samai-secretary-online__demands-list {
    min-width: 1220px !important;
}

.samai-secretary-online__primary-list > tbody > tr:nth-child(even) > td {
    background: #fbfcfd;
}

.samai-secretary-online__primary-list .samai-secretary-online__cell-action {
    width: 3.5rem;
    text-align: center;
    vertical-align: middle;
}

.samai-secretary-online__primary-list .samai-secretary-online__technical-cell {
    display: none;
}

.samai-secretary-online__primary-list > thead > tr > th:nth-child(2),
.samai-secretary-online__primary-list > tbody > tr > td:nth-child(2) {
    width: 3.25rem !important;
    text-align: center;
    white-space: nowrap;
}

.samai-secretary-online__primary-list > thead > tr > th:nth-child(3),
.samai-secretary-online__primary-list > tbody > tr > td:nth-child(3) {
    width: 9rem !important;
    white-space: nowrap;
}

.samai-secretary-online__primary-list > thead > tr > th:nth-child(4),
.samai-secretary-online__primary-list > tbody > tr > td:nth-child(4) {
    width: 6.75rem !important;
    white-space: nowrap;
}

.samai-secretary-online__primary-list > thead > tr > th:nth-child(5),
.samai-secretary-online__primary-list > tbody > tr > td:nth-child(5) {
    width: 12rem !important;
}

.samai-secretary-online__requests-list > thead > tr > th:nth-child(6),
.samai-secretary-online__requests-list > tbody > tr > td:nth-child(6) {
    min-width: 14rem;
}

.samai-secretary-online__requests-list > thead > tr > th:nth-child(7),
.samai-secretary-online__requests-list > tbody > tr > td:nth-child(7) {
    min-width: 12.5rem;
    font-variant-numeric: tabular-nums;
}

.samai-secretary-online__requests-list > thead > tr > th:nth-child(8),
.samai-secretary-online__requests-list > tbody > tr > td:nth-child(8) {
    min-width: 11.5rem;
}

.samai-secretary-online__requests-list > thead > tr > th:nth-child(9),
.samai-secretary-online__requests-list > tbody > tr > td:nth-child(9) {
    min-width: 10rem;
}

.samai-secretary-online__empty-row td {
    padding: 1.25rem !important;
    color: var(--secretary-muted) !important;
    background: #f8fafb !important;
    text-align: center;
}

.samai-secretary-online__trd-data {
    margin: 1rem 0;
    padding: .75rem 1rem;
    border-left: 3px solid var(--secretary-primary);
    color: var(--secretary-muted);
    background: #f7f9fb;
    font-size: .85rem;
}

.samai-secretary-online__table-wrap--nested {
    margin-top: 0;
    border-radius: .35rem;
}

.samai-secretary-online__table-wrap--nested > .table {
    min-width: 420px;
    font-size: .78rem;
}

.samai-secretary-online .table thead th,
.samai-secretary-online .table > tbody > tr:first-child > th {
    padding: .75rem .8rem;
    border-color: #cbd7e0;
    color: var(--secretary-ink);
    background: #e7edf2 !important;
    font-size: .76rem;
    font-weight: 800;
    vertical-align: middle;
}

.samai-secretary-online .table tbody td {
    max-width: 320px;
    padding: .8rem;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
    border-color: #e1e8ee;
    color: #263d53;
    background: #fff;
    vertical-align: top;
}

.samai-secretary-online .table tbody tr:hover td {
    background: #f8fbfd;
}

.samai-secretary-online .table a:not(.btn) {
    color: #111;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .16rem;
}

.samai-secretary-online .table input[type="text"],
.samai-secretary-online .table select {
    min-width: 10rem;
    max-width: 100% !important;
}

.samai-secretary-online__detail > table > tbody > tr + tr > td {
    padding-top: 1rem;
}

.samai-secretary-online__detail h2 {
    padding-top: .25rem;
    padding-bottom: .65rem;
    border-bottom: 1px solid #e3e9ee;
}

.samai-secretary-online__feedback-modal {
    border: 1px solid var(--secretary-border);
}

.samai-secretary-online__feedback-modal .modal-header {
    border-bottom-color: var(--secretary-border);
    background: var(--secretary-soft);
}

.samai-secretary-online__loading {
    position: fixed;
    z-index: 2100;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(12, 40, 68, .68);
}

.samai-secretary-online__loading[hidden] {
    display: none !important;
}

.samai-secretary-online__loading-box {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.25rem;
    border-radius: .55rem;
    color: var(--secretary-primary);
    background: #fff;
    font-weight: 750;
}

.samai-secretary-online__loading .spinner-border {
    color: var(--secretary-primary);
}

@media (max-width: 991.98px) {
    .samai-secretary-online__filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .samai-secretary-online__filters--no-date .samai-secretary-online__filter-grid {
        grid-template-columns: minmax(12rem, .75fr) minmax(20rem, 1.5fr);
    }

    .samai-secretary-online__filter-type,
    .samai-secretary-online__field--query {
        grid-column: 1 / -1;
    }

    .samai-secretary-online__filters--no-date .samai-secretary-online__field--query {
        grid-column: auto;
    }

    .samai-secretary-online__filters--no-date .samai-secretary-online__filter-action {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .samai-secretary-online {
        padding: .9rem 0 2rem;
    }

    .samai-secretary-online__container {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    .samai-secretary-online__surface {
        border-radius: .6rem;
    }

    .samai-secretary-online__layout,
    .samai-secretary-online__layout > tbody,
    .samai-secretary-online__layout > tbody > tr,
    .samai-secretary-online__layout > tbody > tr > td {
        display: block;
        width: 100% !important;
    }

    .samai-secretary-online__layout > tbody > tr > td {
        height: auto !important;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .samai-secretary-online__heading {
        padding: 1.35rem 0 1.1rem;
    }

    .samai-secretary-online__nav-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: .5rem;
    }

    .samai-secretary-online__nav-action {
        width: 100% !important;
        margin: 0;
    }

    .samai-secretary-online__status-options {
        align-items: stretch;
        flex-direction: column;
        gap: .75rem;
    }

    .samai-secretary-online__status-options .samai-secretary-online__option {
        width: 100%;
    }

    .samai-secretary-online__filters,
    .samai-secretary-online__results,
    .samai-secretary-online__detail {
        padding: 1rem 0;
    }

    .samai-secretary-online__filter-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .samai-secretary-online__filters--no-date .samai-secretary-online__filter-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .samai-secretary-online__filter-type,
    .samai-secretary-online__field--query,
    .samai-secretary-online__filter-action {
        grid-column: auto;
    }

    .samai-secretary-online__filters--no-date .samai-secretary-online__field--query,
    .samai-secretary-online__filters--no-date .samai-secretary-online__filter-action {
        grid-column: auto;
    }

    .samai-secretary-online__filter-action,
    .samai-secretary-online__filter-action .btn {
        width: 100%;
    }

    .samai-secretary-online__results-heading,
    .samai-secretary-online__results-meta {
        display: block;
    }

    .samai-secretary-online__results-meta > * {
        display: block;
        margin-top: .4rem;
    }

    .samai-secretary-online__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .samai-secretary-online__actions .btn {
        width: 100% !important;
    }

    .samai-secretary-online__table-wrap--primary {
        overflow: visible;
        border: 0;
    }

    .samai-secretary-online__primary-list,
    .samai-secretary-online__primary-list > tbody {
        display: block;
        width: 100% !important;
        min-width: 0 !important;
    }

    .samai-secretary-online__primary-list > thead {
        display: none;
    }

    .samai-secretary-online__primary-list > tbody > tr {
        display: block;
        margin-bottom: .8rem;
        overflow: hidden;
        border: 1px solid var(--secretary-border);
        border-radius: .5rem;
        background: #fff;
    }

    .samai-secretary-online__primary-list > tbody > tr > td {
        display: grid;
        grid-template-columns: minmax(6.8rem, .42fr) minmax(0, 1fr);
        gap: .65rem;
        width: 100% !important;
        max-width: none !important;
        padding: .65rem .75rem;
        border: 0;
        border-bottom: 1px solid #e5ebf0;
        text-align: left !important;
    }

    .samai-secretary-online__primary-list > tbody > tr > td::before {
        content: attr(data-label);
        color: var(--secretary-muted);
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: .025em;
        text-transform: uppercase;
    }

    .samai-secretary-online__primary-list > tbody > tr > td:last-child {
        border-bottom: 0;
    }

    .samai-secretary-online__primary-list > tbody > tr > td[colspan] {
        display: block;
    }

    .samai-secretary-online__primary-list > tbody > tr > td[colspan]::before,
    .samai-secretary-online__primary-list .samai-secretary-online__cell-action::before,
    .samai-secretary-online__primary-list .samai-secretary-online__technical-cell {
        display: none;
    }

    .samai-secretary-online__primary-list .samai-secretary-online__cell-action {
        display: flex;
        justify-content: flex-end;
        padding: .65rem .75rem;
        background: #f7f9fb !important;
    }

    .samai-secretary-online__detail table:not(.table),
    .samai-secretary-online__detail table:not(.table) > tbody,
    .samai-secretary-online__detail table:not(.table) > tbody > tr,
    .samai-secretary-online__detail table:not(.table) > tbody > tr > td {
        display: block;
        width: 100% !important;
    }

    .samai-secretary-online__detail table:not(.table) > tbody > tr > td {
        height: auto !important;
        padding: .4rem 0;
    }

    .samai-secretary-online__detail .btn,
    .samai-secretary-online__detail input[type="submit"],
    .samai-secretary-online__detail input[type="button"] {
        max-width: 100%;
        margin-bottom: .45rem;
    }
}

@media print {
    .samai-secretary-online__activity,
    .samai-secretary-online__nav-cell,
    .samai-secretary-online__status-options,
    .samai-secretary-online__filters,
    footer,
    nav {
        display: none !important;
    }

    .samai-secretary-online {
        padding: 0;
        background: #fff;
    }

    .samai-secretary-online__surface {
        border: 0;
        box-shadow: none;
    }
}