.view {
    overflow: hidden;
}

.page {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: 12px;
}

.page-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-shrink: 0;
}

.page-toolbar__left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.search-hint {
    font-size: 11.2px;
    color: var(--text-dim);
    white-space: nowrap;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 5.6px;
}

.search-hint__key {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 20px;
    padding: 0 5.6px;
    border-radius: 4px;
    background: var(--white-1);
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--white-2);
    font-size: 9.28px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--white-7);
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    border-radius: var(--radius-xs);
    font-family: var(--font);
    font-size: 12.8px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s ease, background 0.15s ease;
    white-space: nowrap;
}

.btn:hover {
    opacity: 0.9;
}

.btn--primary {
    background: var(--accent);
    color: var(--white);
    padding: 9.6px 17.6px;
}

.btn--ghost {
    background: var(--white-1);
    color: var(--white);
    padding: 9.6px 16px;
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--border);
}

.btn--green {
    background: var(--green);
    color: var(--black);
    padding: 9.6px 17.6px;
    font-weight: 600;
}

.btn--save {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 30px;
    padding: 0 13px 0 14px;
    background: var(--accent);
    color: var(--white);
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    font-family: var(--font);
}

.btn--save:hover {
    background: var(--accent-10);
}

.btn--save img {
    display: block;
}

.btn--delete-report {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 0;
    background: var(--white-1);
    border: none;
    box-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.12s ease;
}

.btn--delete-report svg {
    display: block;
    width: 11px;
    height: 13px;
    pointer-events: none;
    flex-shrink: 0;
}

.btn--delete-report:hover {
    background: var(--white-1);
}

.btn--finalize {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 90px;
    height: 30px;
    padding: 0 20px;
    background: var(--white-1);
    border: none;
    border-radius: 3px;
    color: var(--white-9);
    font-family: var(--font);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.btn--finalize:hover:not(:disabled) {
    background: var(--white-2);
    color: var(--white);
}

.btn--finalize:disabled,
.btn--finalize.is-disabled {
    opacity: 0.35;
    cursor: default;
    color: var(--white-5);
}

.btn--finalize.is-disabled:hover {
    background: var(--white-1);
    color: var(--white-5);
}

.btn--section-add {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 30px;
    padding: 0 15px 0 10px;
    background: var(--white-1);
    border: none;
    border-radius: 3px;
    color: var(--white-7);
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    font-family: var(--font);
    white-space: nowrap;
}

.btn--section-add img {
    display: block;
    width: 12px;
    height: 12px;
}

.btn--section-add:hover {
    background: var(--white-2);
    color: var(--white-9);
}

.btn--sm {
    padding: 5.6px 12px;
    font-size: 12px;
}

.btn--icon {
    width: 34px;
    height: 34px;
    padding: 0;
    background: var(--white-1);
    border: none;
    border-radius: 5px;
}

.btn--icon img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.btn--icon:hover {
    background: var(--red-soft);
}

.btn--icon.btn--report-refresh {
    width: 30px;
    height: 30px;
    min-width: 30px;
    background: var(--white-1);
    border-radius: 3px;
}

.btn--icon.btn--report-refresh:hover {
    background: var(--white-1);
}

.btn--icon.btn--report-refresh img {
    width: 11px;
    height: 12px;
}

.btn--danger {
    color: var(--accent);
    font-size: 17.6px;
    line-height: 1;
}

.btn--danger:hover {
    background: var(--accent-soft);
}

.btn--add {
    width: 40px;
    height: 36px;
    padding: 0;
    border: none;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: filter 0.15s ease, transform 0.08s ease;
}

.btn--add img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    pointer-events: none;
}

.btn--add:hover {
    filter: brightness(1.12);
}

.btn--add:active {
    transform: scale(0.95);
}

.stats-row {
    display: flex;
    gap: 14px;
    flex-shrink: 0;
}

.stat-card {
    flex: 1;
    background: var(--card-01);
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    border-radius: 10px;
    padding: 13.6px 17.6px;
    display: flex;
    flex-direction: column;
    gap: 5.6px;
}

.stat-card__label {
    font-size: 11.52px;
    color: var(--text-muted);
}

.stat-card__value {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
}

.stat-card__value--green {
    color: var(--green);
}

.table-wrap {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--card-01);
    border-radius: 10px;
    border: none;
    overflow: hidden;
}

.table-wrap:not(.table-wrap--manage):not(.table-wrap--units) .table-row {
    background: var(--card-01);
    color: var(--white);
}

.table-wrap:not(.table-wrap--manage):not(.table-wrap--units) .table-row--prison {
    background: var(--card-01);
    color: var(--white-4);
}

.table-head {
    display: grid;
    align-items: center;
    height: 36px;
    margin: 0;
    padding: 0 10px;
    background: var(--white-1);
    border: none;
    border-radius: 10px 10px 0 0;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    letter-spacing: 0;
    flex-shrink: 0;
}

.table-body {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding: 7.2px 10px 10.4px;
    display: flex;
    flex-direction: column;
    gap: 7.2px;
}

.reports-loading {
    flex-shrink: 0;
    text-align: center;
    padding: 10px 0 4px;
    font-size: 12px;
    color: var(--muted);
}

.reports-sentinel {
    flex-shrink: 0;
    height: 1px;
    width: 100%;
    pointer-events: none;
}

.table-row {
    display: grid;
    align-items: center;
    height: 46px;
    min-height: 46px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    background: var(--card-01);
    border: none;
    border-radius: 5px;
    box-shadow: none;
    color: var(--white-3);
    transition: background 0.12s ease, color 0.12s ease;
    cursor: default;
    flex-shrink: 0;
    box-sizing: border-box;
}

.table-row--clickable {
    cursor: pointer;
}

.table-row--clickable:hover {
    background: var(--white-1);
    color: var(--white);
}

.table-row--on {
    background: var(--white-1);
    color: var(--white);
}

.table-row--dim {
    background: var(--card-01);
    color: var(--white-4);
}

.table-row--closed {
    opacity: 0.45;
}

.table-row--prison {
    color: var(--white-6);
}

.table-row--prison .cell-muted,
.table-row--prison .cell-dim,
.table-row--prison .badge--unit {
    color: var(--white-5);
}

.table-row--prison .badge--unit {
    background: var(--white-1);
    box-shadow: inset 0 0 0 0.96px var(--white-1);
}

.table-row--draft {
    background: var(--white-1);
    color: var(--white);
}

.table-row .cell-muted {
    color: var(--text-muted);
}

.table-row .cell-dim {
    color: var(--text-dim);
}

.table-row .cell-center {
    text-align: center;
    justify-self: center;
}

.table-row .cell-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.grid-units {
    display: grid;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    column-gap: 10px;
    grid-template-columns:
        minmax(64px, 0.75fr)
        minmax(100px, 1.1fr)
        minmax(100px, 1.1fr)
        minmax(72px, 0.85fr)
        minmax(44px, 0.5fr)
        minmax(52px, 0.55fr)
        minmax(64px, 0.75fr)
        minmax(60px, 0.7fr)
        minmax(72px, 0.7fr)
        32px;
}

.grid-units > span,
.grid-units > .row-act--unit {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
}

.grid-reports {
    grid-template-columns:
        minmax(108px, 0.95fr)
        minmax(140px, 1.15fr)
        minmax(110px, 1.35fr)
        minmax(72px, 0.7fr)
        minmax(72px, 0.65fr)
        minmax(72px, 0.7fr)
        minmax(78px, 0.65fr)
        30px;
    column-gap: 10px;
    align-items: center;
}

.grid-reports > .cell-registro {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
    padding: 0;
}

.grid-reports > .cell-registro .badge--ro {
    flex: 0 0 auto;
}

.grid-reports > .cell-registro__id,
.grid-reports .cell-registro__id {
    flex: 0 0 auto;
    color: var(--white-9);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.grid-reports > .cell-tag {
    justify-content: center;
    padding: 0;
}

.grid-reports > .cell-officer {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
}

.grid-reports > .cell-officer > .cell-muted {
    flex: 0 0 auto;
}

.grid-reports > .cell-officer > .cell-ellipsis {
    flex: 1 1 auto;
    min-width: 0;
}

.grid-reports > span {
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    justify-self: stretch;
    line-height: 1.2;
    padding: 0 2.4px;
}

.grid-reports > .cell-center {
    text-align: center;
    justify-content: center;
    padding: 0;
}

.grid-reports > .cell-action {
    justify-content: flex-end;
    padding: 0;
}

.grid-reports > .cell-action.cell-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.grid-reports .row-act--check {
    background: var(--white-1);
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    color: var(--white-7);
}

.grid-reports .row-act--check:hover {
    color: var(--success-10);
    box-shadow: inset 0 0 0 0.96px var(--success-6);
}

.grid-reports .badge--unit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-height: 22px;
    padding: 3.2px 8px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-field__required {
    color: var(--accent);
    font-weight: 600;
}

.grid-members {
    display: grid;
    width: 100%;
    box-sizing: border-box;
    grid-template-columns:
        minmax(120px, 1.2fr)
        minmax(180px, 2.1fr)
        minmax(140px, 1.45fr)
        minmax(100px, 1.1fr)
        minmax(110px, 1.2fr)
        97px
        minmax(155px, 1.35fr)
        minmax(124px, 1fr);
    column-gap: 28px;
    align-items: center;
}

.grid-members > span {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 400;
    justify-self: stretch;
    box-sizing: border-box;
}

.grid-members > .cell-center {
    justify-content: center;
    text-align: center;
}

.grid-members > .cell-pass,
.grid-members > .cell-name {
    justify-content: center;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.grid-members > .cell-status,
.grid-members > .c-status {
    justify-content: center;
    overflow: visible;
    position: relative;
    font-size: inherit;
    line-height: normal;
    white-space: normal;
}

.grid-members > .cell.c-status,
.grid-members > .c-status.tip {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 0;
}

.grid-members > .cell-dropdown,
.grid-members > .cell-login,
.grid-members > .cell-status,
.grid-members > .c-status,
.grid-members > .hours-cell,
.grid-members > .cell-actions {
    overflow: visible;
}

.grid-members > .cell-login,
.table-wrap--manage .table-head.grid-members > .cell-login {
    justify-content: center;
    text-align: center;
}

.grid-members > .cell-dropdown {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-width: 0;
}

.grid-members > .cell-actions {
    justify-content: center;
    gap: 8px;
}

.grid-members > .cell-ellipsis {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-members .hours-cell {
    width: 100%;
    min-width: 0;
    justify-content: center;
    gap: 16px;
}

.hours-cell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: nowrap;
}

.hours-cell__time {
    font-size: 14px;
    color: inherit;
    white-space: nowrap;
    min-width: 56px;
}

.row-act {
    width: 27px;
    height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    background: var(--white-1);
    color: var(--white-7);
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.08s ease;
    flex-shrink: 0;
    padding: 0;
}

.row-act img,
.row-act svg {
    display: block;
    flex-shrink: 0;
    pointer-events: none;
}

.row-act img {
    width: auto;
    height: auto;
    max-width: 13px;
    max-height: 12px;
    object-fit: contain;
    object-position: center;
}

.row-act--view {
    background: var(--white-1);
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    color: var(--white-6);
}

.row-act--view svg,
.row-act--view img {
    width: 15px;
    height: 11px;
}

.row-act--edit {
    background: var(--accent);
    box-shadow: inset 0 0 0 0.96px var(--accent-1);
    color: var(--white);
}

.row-act--edit svg,
.row-act--edit img {
    width: 13px;
    height: 13px;
}

.row-act:hover {
    filter: brightness(1.15);
    transform: scale(1.04);
}

.table-row--prison .row-act--view {
    color: var(--white-5);
}

.badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 9.6px;
    border-radius: 20px;
    font-size: 11.2px;
    font-weight: 500;
    background: var(--accent-soft);
    color: var(--accent);
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--accent-5);
    white-space: nowrap;
}

.badge--unit {
    background: var(--white-1);
    color: var(--text);
    box-shadow: inset 0 0 0 0.96px var(--border);
}

.badge--ro {
    margin: 0;
    min-width: 34px;
    height: 22px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    background: var(--accent-3);
    color: var(--accent-10);
    box-shadow: inset 0 0 0 0.96px var(--accent-5);
}

.badge--ro-arrest {
    background: var(--white-2);
    color: var(--white-8);
    box-shadow: inset 0 0 0 0.96px var(--white-3);
}

.table-wrap--manage .table-head .c-status,
.table-wrap--manage .table-row .c-status {
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.table-wrap--manage .table-row .cell.c-status.tip,
.table-wrap--manage .table-row .c-status.tip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    width: 100%;
    min-height: 46px;
}

.table-wrap--manage .c-status.tip:hover::after {
    content: attr(data-tip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 7.2px);
    transform: translateX(-50%);
    background: var(--bg);
    color: var(--white);
    font-size: 8.96px;
    font-weight: 500;
    line-height: normal;
    padding: 8.8px 11.2px;
    border-radius: 4.8px;
    white-space: nowrap;
    z-index: 301;
    pointer-events: none;
    box-shadow: 0 6.4px 16px var(--black-6);
}

.table-wrap--manage .c-status.tip:hover::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 3.2px);
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: var(--bg);
    z-index: 301;
    pointer-events: none;
}

.table-wrap--manage:has(.c-status.tip:hover) .table-head {
    position: relative;
    z-index: 0;
}

.table-wrap--manage .table-row:has(.c-status.tip:hover) {
    z-index: 400;
    overflow: visible;
}

.table-wrap--manage .c-status.tip:hover {
    z-index: 400;
}

.table-wrap--manage .c-status.tip:hover::after,
.table-wrap--manage .c-status.tip:hover::before {
    z-index: 401;
}

.table-wrap--manage .table-row .cell.tip,
.table-wrap--manage .table-row .cell.c-status {
    overflow: visible;
}

.select-field {
    background: var(--white-1);
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--border);
    border-radius: var(--radius-xs);
    color: var(--text);
    font-family: var(--font);
    font-size: 12px;
    padding: 6.4px 9.6px;
    outline: none;
    cursor: pointer;
}

.detail-layout {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 18px;
    height: 100%;
    min-height: 0;
}

.detail-main {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
    overflow-y: auto;
}

.detail-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    overflow-y: auto;
}

.detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    margin-bottom: -4px;
}

.detail-header__title {
    font-size: 17.6px;
    font-weight: 600;
}

.detail-header__title strong {
    color: var(--accent);
    font-weight: 700;
}

.detail-header__actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel-card {
    background: var(--card-01);
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    border-radius: 10px;
    padding: 16px 18px;
    flex-shrink: 0;
}

.panel-card__title {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.panel-card__title .btn--sm,
.panel-card__title .char-counter {
    text-transform: none;
    letter-spacing: 0;
}

.char-counter {
    font-size: 10.4px;
    color: var(--text-dim);
    font-weight: 400;
}

.chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.chip {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    background: var(--white-1);
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--border);
}

.chip--accent {
    background: var(--accent-soft);
    box-shadow: inset 0 0 0 0.96px var(--accent-mid);
    color: var(--accent);
}

.chip--toggle {
    background: var(--white-1);
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--border);
    color: var(--text-muted);
    font-family: var(--font);
    cursor: pointer;
}

.chip--toggle.chip--selected {
    background: var(--accent-soft);
    box-shadow: inset 0 0 0 0.96px var(--accent-mid);
    color: var(--accent);
}

.chip--removable {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.chip__remove {
    border: none;
    background: none;
    color: inherit;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    opacity: 0.7;
    padding: 0;
}

.chip__remove:hover {
    opacity: 1;
}

.text-block {
    font-size: 12.8px;
    line-height: 1.6;
    color: var(--text-muted);
}

.person-card {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.person-card__photo {
    width: 72px;
    height: 72px;
    border-radius: var(--radius-xs);
    background: var(--white-1);
    object-fit: cover;
    flex-shrink: 0;
}

.person-card__info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.person-card__name {
    font-size: 16px;
    font-weight: 600;
}

.person-card__meta {
    font-size: 12px;
    color: var(--text-muted);
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 16px;
}

.info-item__label {
    font-size: 10px;
    color: var(--text-dim);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.info-item__value {
    font-size: 13px;
    margin-top: 2px;
}

.reductions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.reduction-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 120px;
}

.reduction-item label {
    font-size: 11.04px;
    color: var(--text-muted);
}

.reduction-item input[type="range"] {
    width: 100%;
    accent-color: var(--accent);
}

.reduction-item span {
    font-size: 12px;
    color: var(--accent);
    font-weight: 600;
}

.crime-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    max-height: 320px;
    overflow-y: auto;
}

.crime-grid--dense {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    max-height: 352px;
}

.search-field--modal {
    width: 100%;
    max-width: none;
    margin-bottom: 12px;
}

.crimes-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 20px;
    flex-shrink: 0;
}

.crimes-modal__title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
}

.crimes-modal__title img {
    width: 14px;
    height: 14px;
    object-fit: contain;
    flex-shrink: 0;
}

.crimes-modal__close {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: 0.7;
    transition: opacity 0.12s ease;
}

.crimes-modal__close img {
    width: 12px;
    height: 14px;
    object-fit: contain;
}

.crimes-modal__close:hover {
    opacity: 1;
}

.crimes-modal__toolbar {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
}

.crimes-modal__search {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 270px;
    height: 36px;
    padding: 0 10px;
    cursor: text;
}

.crimes-modal__search img,
.crimes-modal__search svg.search__icon,
.crimes-modal__search img.search__icon {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    object-fit: contain;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
    opacity: 0.55;
    display: block;
    color: var(--white-7);
}

.crimes-modal__search input {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    color: var(--white);
    font-family: var(--font);
    font-size: 12px;
}

.crimes-modal__search input::placeholder {
    color: var(--text-dim);
}

.crimes-modal__add {
    width: 40px;
    height: 36px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.crimes-modal__add img {
    width: 40px;
    height: 36px;
    display: block;
}

.crimes-modal__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
    justify-content: start;
    align-content: start;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5.6px;
    scrollbar-width: thin;
    scrollbar-color: var(--accent) var(--white-1);
}

.crimes-modal__grid .empty-state {
    grid-column: 1 / -1;
    min-height: 128px;
    padding: 24px 8px;
}

.crimes-modal__grid::-webkit-scrollbar {
    width: 3px;
}

.crimes-modal__grid::-webkit-scrollbar-track {
    background: var(--white-1);
    border-radius: 1px;
}

.crimes-modal__grid::-webkit-scrollbar-thumb {
    background: var(--accent);
    border-radius: 1px;
}

.crime-card {
    width: 100%;
    height: 53px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 10px;
    background: var(--white-1);
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    border-radius: 5px;
    color: var(--white);
    text-align: left;
    cursor: pointer;
    transition: box-shadow 0.12s ease, background 0.12s ease;
    font-family: var(--font);
}

.crime-card:hover {
    box-shadow: inset 0 0 0 0.96px var(--accent-6);
}

.crime-card--selected {
    background: var(--accent-soft);
    box-shadow: inset 0 0 0 0.96px var(--accent);
}

.crime-card__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
    min-width: 0;
}

.crime-card__title {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--white);
}

.crime-card__meta {
    display: block;
    width: 100%;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--white-7);
    white-space: nowrap;
}

.crime-card--selected .crime-card__meta {
    color: var(--white);
}

.crime-card__sep {
    margin: 0 2.4px;
}

.crime-card__x {
    width: 9px;
    height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0.85;
    cursor: pointer;
}

.crime-card__x img {
    width: 9px;
    height: 9px;
    display: block;
    pointer-events: none;
}

.crime-card__x:hover {
    opacity: 1;
}

.invite-card__body--crime {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.invite-card__body--crime .form-group {
    margin-bottom: 0;
}

.invite-card__body--crime .form-group label {
    color: var(--white);
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 5.6px;
}

.form-group__optional {
    font-weight: 400;
    color: var(--white-6);
    font-size: 10px;
}

.color-field {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.color-field input {
    width: 100%;
    padding-right: 44px;
}

.color-field__preview {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: none;
    box-shadow: inset 0 0 0 1px var(--white-4);
    background: transparent;
    pointer-events: none;
    box-sizing: border-box;
    flex-shrink: 0;
}

.color-field__preview.is-empty {
    background: var(--white-1);
    box-shadow: none;
    outline: 1px dashed var(--white-4);
    outline-offset: -1px;
}

.report-totals {
    display: flex;
    gap: 12px;
    font-size: 11.52px;
    color: var(--text-muted);
}

.report-totals strong {
    color: var(--accent);
    font-weight: 700;
}

.tabs {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
    margin-bottom: 0;
}

.tab {
    padding: 8.8px 16px;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-muted);
    background: var(--white-1);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-family: var(--font);
}

.tab:hover {
    background: var(--white-1);
    color: var(--text);
}

.tab.active {
    color: var(--white);
    background: var(--accent);
}

.tab-content {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.page--report {
    gap: 10.4px;
}

.report-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding: 0 2.4px;
    min-height: 30px;
}

.report-header__left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.report-header__back {
    width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
}

.report-header__back img {
    width: 30px;
    height: 30px;
    display: block;
}

.report-header__back:hover {
    opacity: 0.85;
}

.report-header__title {
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    color: var(--white);
}

.report-header__title strong {
    color: var(--accent);
    font-weight: 600;
}

.report-header__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.report-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 12px;
    flex: 1;
    min-height: 0;
}

.report-left,
.report-right {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    min-width: 0;
}

.report-left {
    overflow: hidden;
}

.report-right {
    overflow-y: auto;
    padding-right: 2.4px;
}

.report-card {
    background: var(--white-1);
    border-radius: 10px;
    padding: 15px;
    flex-shrink: 0;
}

.report-card--desc {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.report-card__title {
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 13.6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.report-card__title-left {
    display: inline-flex;
    align-items: center;
    gap: 5.6px;
}

.report-card__title-left img {
    width: 13px;
    height: 13px;
    display: block;
}

.report-card__title .char-counter {
    font-size: 10px;
    font-weight: 400;
    color: var(--white-7);
}

.report-field {
    display: flex;
    flex-direction: column;
    gap: 5.6px;
}

.report-field + .report-field {
    margin-top: 12px;
}

.report-field__label {
    font-size: 12px;
    font-weight: 600;
    color: var(--white-7);
}

.report-card__body--desc {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.report-input,
.report-textarea {
    width: 100%;
    background: var(--white-1);
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    border-radius: 5px;
    color: var(--white);
    font-family: var(--font);
    font-size: 11px;
    padding: 8px 10px;
    outline: none;
}

.report-input {
    height: 32px;
}

.report-input::placeholder,
.report-textarea::placeholder {
    color: var(--text-dim);
}

.report-textarea {
    flex: 1;
    min-height: 192px;
    resize: none;
    line-height: 1.5;
    font-size: 12px;
}

.md-editor {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--white-1);
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    border-radius: 6px;
    overflow: hidden;
}

.md-editor__bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    background: var(--black-4);
    box-shadow: inset 0 -1px 0 var(--white-1);
    flex-shrink: 0;
}

.md-editor__body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.md-editor__rich {
    outline: none;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: var(--font);
    line-height: 1.55;
    color: var(--white-10);
    overflow-y: auto;
}

.md-editor__rich.is-empty:before {
    content: attr(data-placeholder);
    color: var(--white-5);
    pointer-events: none;
}

.md-editor__rich .md-tok {
    display: inline;
}

.md-editor__rich .md-tok--bold strong,
.md-editor__rich .md-tok--bold b {
    font-weight: 700;
    color: var(--white);
}

.md-editor__rich .md-tok--em em,
.md-editor__rich .md-tok--em i {
    font-style: italic;
}

.md-editor__rich .md-tok--u u {
    text-decoration: underline;
}

.md-editor__rich .md-tok--del del,
.md-editor__rich .md-tok--del s {
    text-decoration: line-through;
    opacity: 0.85;
}

.md-editor__rich .md-syn {
    color: var(--white-5);
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-size: 0;
    line-height: 0;
    opacity: 0;
    display: inline-block;
    width: 0;
    max-width: 0;
    overflow: hidden;
    vertical-align: baseline;
    user-select: text;
}

.md-editor__rich .md-tok.is-active .md-syn {
    font-size: inherit;
    line-height: inherit;
    opacity: 1;
    width: auto;
    max-width: none;
    overflow: visible;
}

.md-editor__rich .md-live-quote {
    display: block;
    border-left: 2px solid var(--accent-7);
    padding-left: 8px;
    color: var(--white-9);
}

.md-editor__rich .md-live-li {
    display: block;
}

.md-editor__rich .md-tok--img {
    display: block;
    margin: 6px 0;
}

.md-editor__rich .md-tok--img .md-img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 220px;
    object-fit: contain;
    border-radius: 6px;
    margin-top: 4px;
    background: var(--black-4);
    pointer-events: none;
    user-select: none;
}

.md-toolbar {
    display: flex;
    align-items: center;
    gap: 1px;
    flex-wrap: wrap;
    min-width: 0;
}

.md-toolbar__btn {
    width: 28px;
    min-width: 28px;
    height: 26px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--white-7);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.md-toolbar__btn svg,
.md-toolbar__btn img {
    display: block;
    width: 14px;
    height: 14px;
    pointer-events: none;
    object-fit: contain;
}

.md-toolbar__btn img {
    opacity: 0.55;
}

.md-toolbar__btn:hover {
    background: var(--white-2);
    color: var(--white-10);
}

.md-toolbar__btn:hover img {
    opacity: 0.95;
}

.md-toolbar__sep {
    width: 1px;
    height: 16px;
    margin: 0 5px;
    background: var(--white-2);
    flex-shrink: 0;
}

.md-editor__input {
    flex: 1;
    min-height: 180px;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 10px 12px;
    font-size: 12px;
}

.md-editor__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 5px 10px;
    background: var(--black-4);
    flex-shrink: 0;
}

.md-editor__footer .char-counter {
    font-size: 10px;
    color: var(--white-6);
}

.md-editor__hint {
    font-size: 9px;
    color: var(--white-5);
    letter-spacing: 0.02em;
}

.md-body {
    color: var(--white-9);
    font-size: 12px;
    line-height: 1.55;
    word-break: break-word;
}

.md-body .md-p {
    margin: 0 0 0.7em;
}

.md-body .md-p:last-child {
    margin-bottom: 0;
}

.md-body .md-h1,
.md-body .md-h2,
.md-body .md-h3 {
    margin: 0.4em 0 0.45em;
    color: var(--white);
    font-weight: 700;
    line-height: 1.25;
}

.md-body .md-h1 { font-size: 16px; }
.md-body .md-h2 { font-size: 14px; }
.md-body .md-h3 { font-size: 13px; }

.md-body .md-quote {
    margin: 0.5em 0;
    padding: 6px 10px;
    border-left: 3px solid var(--accent);
    background: var(--white-1);
    color: var(--white-8);
}

.md-body .md-ul,
.md-body .md-ol {
    margin: 0.4em 0 0.7em;
    padding-left: 1.3em;
}

.md-body .md-li,
.md-body .md-oli {
    margin: 0.15em 0;
}

.md-body .md-code {
    padding: 1px 5px;
    border-radius: 3px;
    background: var(--white-2);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
}

.md-body .md-pre {
    margin: 0.5em 0;
    padding: 8px 10px;
    border-radius: 5px;
    background: var(--black-5);
    overflow-x: auto;
}

.md-body .md-pre code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    color: var(--white-9);
}

.md-body .md-link {
    color: var(--text-4);
    text-decoration: underline;
}

.md-body .md-img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 320px;
    object-fit: contain;
    border-radius: 6px;
    margin: 8px 0;
    background: var(--black-4);
}

.md-body del {
    opacity: 0.7;
}

.md-body u {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.report-readonly {
    font-size: 12px;
    color: var(--white);
    min-height: 32px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    background: var(--white-1);
    border-radius: 5px;
}

.unit-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.unit-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    height: 25px;
    padding: 0 9px;
    border-radius: 3px;
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    background: var(--white-1);
    color: var(--white-7);
    font-size: 12px;
    font-weight: 600;
    font-family: var(--font);
    cursor: pointer;
}

.unit-chip:hover:not(.unit-chip--on) {
    background: var(--white-1);
    color: var(--white);
}

.unit-chip--on {
    background: var(--accent);
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    color: var(--white);
}

.unit-chip:focus,
.unit-chip:focus-visible,
.unit-chip:active {
    outline: none;
}

.report-section {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.section-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 45px;
    padding: 0 12px 0 15px;
    background: var(--white-1);
    border-radius: 10px 10px 0 0;
}

.section-bar__left {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.section-bar__icon {
    width: 15px;
    height: 15px;
    object-fit: contain;
    flex-shrink: 0;
}

.section-bar__title {
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
}

.section-bar__actions {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
}

.report-section:not(:has(.report-section__body)) .section-bar {
    border-radius: 10px;
}

.report-section__body {
    display: flex;
    flex-wrap: wrap;
    gap: 7.2px;
    min-height: 55px;
    padding: 10px 10px 12px;
    background: var(--card-01);
    border-radius: 0 0 10px 10px;
}

.report-section__body--accusations {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    min-height: 0;
    gap: 12px;
}

.accusation-mode {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 30px;
    padding: 0 15px;
    background: var(--white-1);
    border: none;
    border-radius: 3px;
    color: var(--white-7);
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    font-family: var(--font);
    white-space: nowrap;
}

.accusation-mode img {
    display: block;
    width: 12px;
    height: 12px;
}

.accusation-mode:hover {
    background: var(--white-2);
    color: var(--white-9);
}

.accusation-mode--on {
    background: var(--white-2);
    color: var(--white);
}

.accusation-mode--on:hover {
    background: var(--white-3);
    color: var(--white);
}

.tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7.2px;
    min-height: 0;
}

.tag-row--crimes {
    margin-bottom: 0;
}

.crime-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 33px;
    padding: 5.6px 12px;
    border-radius: 5px;
    background: var(--white-1);
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    font-size: 12px;
    color: var(--white-7);
}


.crime-tag__label {
    line-height: 1.2;
}

.crime-tag__primary {
    margin-left: 4px;
    color: var(--success-10);
    font-size: 11px;
    font-weight: 600;
}

.crime-tag--wanted {
    color: var(--white);
    background: var(--accent-4);
    box-shadow: inset 0 0 0 0.96px var(--accent-7);
    cursor: pointer;
}

.crime-tag[data-toggle-stolen-plate] {
    cursor: pointer;
}

.crime-tag__wanted {
    margin-left: 4px;
    color: var(--accent-10);
    font-size: 11px;
    font-weight: 700;
}

.crime-tag__remove {
    border: none;
    background: none;
    color: var(--white-7);
    cursor: pointer;
    font-size: 13.6px;
    line-height: 1;
    padding: 0;
}

.crime-tag__remove:hover {
    color: var(--accent);
}

.criminal-cards {
    display: flex;
    flex-direction: column;
    gap: 10.4px;
}

.criminal-card {
    background: transparent;
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    border-radius: 5px;
    padding: 13.6px 12px;
}

.criminal-card--empty {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 64px;
}

.criminal-card--empty .empty-hint {
    text-align: left;
}

.tag-row--crimes > .empty-hint {
    text-align: left;
}

.criminal-card__head {
    display: flex;
    align-items: center;
    gap: 5.6px;
    margin-bottom: 12px;
}

.criminal-card__remove {
    margin-left: auto;
    border: none;
    background: none;
    color: var(--white-6);
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0 2px;
    flex-shrink: 0;
}

.criminal-card__remove:hover {
    color: var(--accent);
}

.criminal-card__id {
    color: var(--white);
    font-size: 12px;
    font-weight: 600;
}

.criminal-card__name {
    font-size: 12px;
    font-weight: 400;
    color: var(--white);
}

.criminal-card__badge {
    margin-left: 6px;
    padding: 2px 6px;
    border-radius: 2px;
    background: var(--success-3);
    color: var(--success-10);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.criminal-card__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.criminal-card__body:has(.criminal-card__reductions) {
    grid-template-columns: minmax(0, 1fr) 185px;
}

.criminal-card__main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.criminal-card__articles {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 0;
}

.criminal-card__article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    font-size: 12px;
    min-height: 35px;
    padding: 0 10px;
    background: var(--white-1);
    border-radius: 5px;
}

.criminal-card__article-title {
    color: var(--white-7);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.criminal-card__article-months,
.criminal-card__article-fine {
    color: var(--white-7);
    white-space: nowrap;
}

.criminal-card__total {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 35px;
    padding: 0 10px;
    background: var(--white-1);
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    border-radius: 5px;
    font-size: 12px;
}

.criminal-card__total-label {
    color: var(--white);
    font-weight: 400;
    margin-right: auto;
}

.criminal-card__total-months,
.criminal-card__total-sep,
.criminal-card__total-fine {
    color: var(--white);
    white-space: nowrap;
}

.criminal-card__reductions {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.reduction-panel {
    display: flex;
    flex-direction: column;
    gap: 7.2px;
    padding: 7.2px 8px 8.8px;
    background: var(--white-1);
    border-radius: 5px;
    min-height: 68px;
}

.reduction-panel__label {
    font-size: 12px;
    font-weight: 400;
    color: var(--white-7);
}

.pct-btn-row {
    display: flex;
    gap: 5px;
    flex-wrap: nowrap;
}

.pct-btn {
    width: 36px;
    height: 30px;
    padding: 0;
    border: none;
    box-shadow: inset 0 0 0 0.48px var(--white-1);
    border-radius: 2px;
    background: var(--white-1);
    color: var(--white-7);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--font);
}

.pct-btn:hover {
    background: var(--white-2);
    color: var(--white);
}

.pct-btn--on {
    background: var(--accent);
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    color: var(--white);
}

.pct-btn:disabled {
    opacity: 0.45;
    cursor: default;
}

.pct-custom-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 42px;
    height: 30px;
    border: none;
    box-shadow: inset 0 0 0 0.48px var(--white-1);
    border-radius: 2px;
    background: var(--white-1);
    flex-shrink: 0;
}

.pct-custom-wrap:hover,
.pct-custom-wrap:focus-within {
    background: var(--white-2);
}

.pct-custom-wrap--on {
    background: var(--accent);
    box-shadow: inset 0 0 0 0.96px var(--white-1);
}

.pct-custom-wrap--on:hover,
.pct-custom-wrap--on:focus-within {
    background: var(--accent);
}

.pct-custom {
    width: 100%;
    height: 100%;
    padding: 0 2px;
    border: none;
    border-radius: 2px;
    background: transparent;
    color: var(--white-7);
    font-size: 12px;
    font-weight: 600;
    font-family: var(--font);
    text-align: center;
    outline: none;
}

.pct-custom-wrap--on .pct-custom,
.pct-custom-wrap:focus-within .pct-custom {
    color: var(--white);
}

.pct-custom::placeholder {
    color: var(--white-5);
}

.pct-custom:disabled {
    opacity: 0.45;
    cursor: default;
}

.page--manage {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.page-toolbar--manage {
    justify-content: flex-start;
    gap: 8px;
}

.page-toolbar--manage .page-toolbar__left {
    flex: 0 0 auto;
}

.table-wrap--manage {
    flex: 1;
    min-height: 0;
    background: var(--card-01);
    border-radius: 10px;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--white-3) var(--white-1);
}

.table-wrap--manage::-webkit-scrollbar {
    width: 3px;
}

.table-wrap--manage::-webkit-scrollbar-track {
    background: var(--white-1);
    border-radius: 1px;
}

.table-wrap--manage::-webkit-scrollbar-thumb {
    background: var(--white-3);
    border-radius: 1px;
}

.table-wrap--manage .table-head {
    height: 36px;
    margin: 0;
    padding: 0 10px;
    border-radius: 10px 10px 0 0;
    
    background: var(--bg);
    border: none;
    box-shadow: 0 1px 0 var(--white-1);
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    letter-spacing: 0;
    overflow: visible;
    position: sticky;
    top: 0;
    
    z-index: 100;
    flex-shrink: 0;
}

.table-wrap--manage .table-body--manage {
    position: relative;
    z-index: 1;
    flex: 1 0 auto;
    min-height: auto;
    overflow: visible;
}

.table-wrap--manage .table-head > span {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    white-space: nowrap;
}

.table-head__accent {
    color: var(--accent) !important;
}

.table-head__chevron {
    width: 9px;
    height: 5px;
    flex-shrink: 0;
    opacity: 0.9;
}

.table-head__accent .table-head__chevron {
    color: var(--accent);
}

.table-wrap--manage .table-head > .th-cargo,
.table-wrap--manage .table-head > .th-unit {
    overflow: visible;
    position: relative;
    z-index: 30;
    display: flex;
    align-items: center;
}

.table-wrap--manage .table-head > .th-unit {
    z-index: 29;
}

.mdt-filter {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    z-index: 40;
}

.mdt-filter__trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-family: var(--font);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    line-height: 1.2;
    white-space: nowrap;
    text-align: center;
}

.mdt-filter__label {
    pointer-events: none;
}


.mdt-filter__chev {
    position: absolute;
    left: calc(100% + 6px);
    top: 50%;
    width: 9px;
    height: 5px;
    margin: 0;
    flex-shrink: 0;
    display: block;
    pointer-events: none;
    transform: translateY(-50%);
    transition: transform 0.15s ease;
}

.mdt-filter__trigger:hover,
.mdt-filter.is-open .mdt-filter__trigger,
.mdt-filter.has-filter .mdt-filter__trigger {
    color: var(--accent);
}

.mdt-filter__trigger:hover .mdt-filter__chev,
.mdt-filter.is-open .mdt-filter__chev,
.mdt-filter.has-filter .mdt-filter__chev {
    filter: brightness(0) saturate(100%) invert(14%) sepia(97%) saturate(7457%) hue-rotate(342deg) brightness(99%) contrast(119%);
}

.mdt-filter.is-open .mdt-filter__chev {
    transform: translateY(-50%) rotate(180deg);
}

.mdt-filter__list {
    position: absolute;
    top: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    min-width: 160px;
    width: max-content;
    max-width: min(220px, 70vw);
    max-height: 220px;
    overflow-y: auto;
    background: var(--bg);
    border: none;
    box-shadow: inset 0 0 0 1px var(--white-2);
    border-radius: 5px;
    padding: 10px;
    z-index: 200;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mdt-filter__list.is-hidden {
    display: none;
}

.mdt-filter__opt {
    width: 100%;
    min-height: 29px;
    text-align: center;
    padding: 0 15px;
    border-radius: 5px;
    border: none;
    background: transparent;
    font-family: var(--font);
    font-size: 11px;
    font-weight: 500;
    color: var(--text-muted);
    cursor: pointer;
    box-shadow: inset 0 0 0 1px transparent;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mdt-filter__opt:hover {
    color: var(--white);
    background: var(--white-1);
}

.mdt-filter__opt.is-active {
    color: var(--accent);
    font-weight: 600;
    background: var(--accent-1);
    box-shadow: inset 0 0 0 0.96px var(--accent);
}

.mdt-filter__opt.is-active:hover {
    color: var(--accent);
    background: var(--accent-1);
}

.manage-table__tools {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}


.invite-card__input--locked {
    color: var(--white-7) !important;
    cursor: default;
    pointer-events: none;
}

.invite-readonly {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 8px;
    background: var(--white-1);
    border: 1px solid var(--white-2);
    color: var(--white-9);
    font-size: 13px;
    font-weight: 600;
}

.form-group--passport {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group--passport .invite-card__input {
    width: 100%;
    box-sizing: border-box;
}

.form-group--passport .invite-preview {
    margin-top: 0;
}

.invite-select {
    position: relative;
    width: 100%;
    z-index: 6;
}

.invite-select.is-open {
    z-index: 40;
}

.invite-select__trigger {
    width: 100%;
    height: 45px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--white);
    font-family: var(--font);
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
}

.invite-select__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invite-select__chev {
    width: 9px;
    height: 5px;
    flex-shrink: 0;
    display: block;
    color: var(--white-6);
    opacity: 0.45;
    transition: transform 0.15s ease, filter 0.15s ease, opacity 0.15s ease;
}

.invite-select.is-open .invite-select__chev {
    transform: rotate(180deg);
    color: var(--accent);
    opacity: 1;
    filter: brightness(0) saturate(100%) invert(14%) sepia(97%) saturate(7457%) hue-rotate(342deg) brightness(99%) contrast(119%);
}

.invite-select__list {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    max-height: 220px;
    overflow-y: auto;
    background: var(--bg);
    border: none;
    box-shadow: inset 0 0 0 1px var(--white-2);
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.invite-select__list.is-hidden {
    display: none;
}

.invite-select__opt {
    width: 100%;
    min-height: 29px;
    text-align: center;
    padding: 0 15px;
    border-radius: 5px;
    border: none;
    background: transparent;
    font-family: var(--font);
    font-size: 11px;
    font-weight: 500;
    color: var(--text-muted);
    cursor: pointer;
    box-shadow: inset 0 0 0 1px transparent;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.invite-select__opt:hover {
    color: var(--white);
    background: var(--white-1);
}

.invite-select__opt.is-active {
    color: var(--accent);
    font-weight: 600;
    background: var(--accent-1);
    box-shadow: inset 0 0 0 0.96px var(--accent);
}

.invite-select__opt.is-active:hover {
    color: var(--accent);
    background: var(--accent-1);
}

.btn--hire {
    width: 38px;
    height: 38px;
    padding: 0;
    border: none;
    border-radius: 5px;
    background: transparent;
    color: var(--white-10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    overflow: hidden;
    transition: filter 0.15s ease, transform 0.08s ease;
}

.btn--hire svg {
    width: 19px;
    height: 14px;
    display: block;
    pointer-events: none;
}

.btn--hire img,
.btn--hire-img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
    pointer-events: none;
}

.btn--hire:hover {
    filter: brightness(1.12);
}

.btn--hire:active {
    transform: scale(0.95);
}

.table-body--manage {
    gap: 7.2px;
    
    padding: 7.2px 10px 10.4px;
}

.table-wrap--manage .table-head.grid-members {
    padding: 0 10px;
    column-gap: 28px;
}

.table-wrap--manage .table-row.grid-members {
    padding: 0;
    column-gap: 28px;
}

.table-wrap--manage .table-row {
    overflow: visible;
    position: relative;
    width: 100%;
    height: 46px;
    min-height: 46px;
    padding: 0;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    background: var(--card-01);
    border: none;
    box-shadow: none;
    color: var(--white-3);
}

.table-wrap--manage .table-row:hover {
    z-index: 6;
}

.table-wrap--manage .table-row > span {
    justify-self: stretch;
}

.table-wrap--manage .table-row--on {
    background: var(--white-1);
    color: var(--white);
}

.table-wrap--manage .table-row--on > span,
.table-wrap--manage .table-row--on .hours-cell__time,
.table-wrap--manage .table-row--on .cell-dropdown__btn {
    color: var(--white);
}

.table-wrap--manage .table-row--dim {
    background: var(--card-01);
    color: var(--white-4);
}

.table-wrap--manage .table-row--dim > span,
.table-wrap--manage .table-row--dim .hours-cell__time,
.table-wrap--manage .table-row--dim .cell-dropdown__btn {
    color: var(--white-4);
}

.table-wrap--manage .table-row--dim .tag {
    opacity: 0.75;
}

.table-wrap--manage .table-row--selected {
    background: var(--white-1);
    color: var(--white);
    z-index: 60;
    overflow: visible;
}

.table-wrap--manage .table-row--selected > span,
.table-wrap--manage .table-row--selected .cell-dropdown__btn {
    color: var(--white);
}

.table-wrap--manage .table-row--menu {
    z-index: 120;
    overflow: visible;
}

.table-wrap--manage .table-body::-webkit-scrollbar {
    width: 3px;
}

.table-wrap--manage .table-body::-webkit-scrollbar-track {
    background: var(--white-1);
    border-radius: 1px;
}

.table-wrap--manage .table-body::-webkit-scrollbar-thumb {
    background: var(--white-3);
    border-radius: 1px;
}

.cell-dropdown {
    position: relative;
    min-width: 0;
    width: 100%;
    display: block;
    overflow: visible;
}

.cell-dropdown__btn {
    border: none;
    background: transparent;
    color: inherit;
    font-family: var(--font);
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    display: block;
    box-sizing: border-box;
}

.table-wrap--manage .table-head.grid-members > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    justify-content: center;
    text-align: center;
}


.table-wrap--manage .table-head.grid-members > .th-cargo,
.table-wrap--manage .table-head.grid-members > .th-unit {
    overflow: visible;
    z-index: 50;
}

.table-wrap--manage .table-head.grid-members > .th-unit {
    z-index: 49;
}

.table-wrap--manage .table-head.grid-members .mdt-filter {
    z-index: 60;
    width: 100%;
}

.table-wrap--manage .table-head.grid-members .mdt-filter__list {
    z-index: 300;
    left: 50%;
    transform: translateX(-50%);
}

.table-wrap--manage .table-row--menu .role-menu {
    left: 50%;
    transform: translateX(-50%);
}

.cell-dropdown__btn:hover {
    color: var(--white);
}

.table-wrap--manage .table-row--menu .cell-dropdown {
    z-index: 61;
    overflow: visible;
}

.table-wrap--manage .table-row--menu {
    position: relative;
    z-index: 120;
}

.table-body--manage.table-body--menu-open .table-row:not(.table-row--menu) {
    pointer-events: none;
}

.table-body--manage.table-body--menu-open .table-row--menu,
.table-body--manage.table-body--menu-open .table-row--menu * {
    pointer-events: auto;
}

.role-menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
    pointer-events: auto;
    width: 180px;
    min-width: 180px;
    max-width: none;
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    background: var(--bg);
    border: none;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 0.96px var(--white-1), 0 8px 20px var(--black-6);
}

.role-menu.role-menu--up {
    top: auto;
    bottom: calc(100% + 4px);
}

.role-menu__item {
    border: none;
    box-shadow: inset 0 0 0 0.96px transparent;
    background: transparent;
    color: var(--text-muted);
    font-family: var(--font);
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    padding: 0 12px;
    width: 100%;
    min-width: 0;
    height: 29px;
    min-height: 29px;
    flex: 0 0 29px;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
}

.role-menu__item:hover {
    color: var(--white);
    background: var(--white-1);
}

.role-menu__item--on {
    color: var(--accent);
    background: var(--accent-1);
    box-shadow: inset 0 0 0 0.96px var(--accent);
}

.cell-login {
    white-space: nowrap;
}

.cell-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.table-wrap--manage .cell-actions {
    gap: 8px;
    padding-left: 6px;
}

.cell-actions .row-act {
    width: 23px;
    height: 23px;
    background: var(--white-1);
    border: none;
    border-radius: 3px;
    color: var(--white-7);
}

.cell-actions .row-act svg,
.cell-actions .row-act img {
    width: 11px;
    height: auto;
    max-width: 11px;
    max-height: 11px;
    display: block;
    object-fit: contain;
}

.cell-actions .row-act--dismiss svg,
.cell-actions .row-act--dismiss img {
    width: 13px;
    height: 9px;
    max-width: 13px;
    max-height: 9px;
}

.cell-actions .row-act--settings svg,
.cell-actions .row-act--settings img {
    width: 12px;
    height: 12px;
    max-width: 12px;
    max-height: 12px;
    margin: 0;
    object-fit: contain;
    object-position: center;
}

.cell-actions .row-act:hover {
    color: var(--white);
    background: var(--white-2);
    filter: none;
    transform: none;
}

.manage-layout {
    display: grid;
    grid-template-columns: 1fr 280px; 
    gap: 18px;
    flex: 1;
    min-height: 0;
}

.manage-main {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
}

.manage-sidebar {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.manage-sidebar__panel {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.announcement-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 2.4px;
}

.announcement-item {
    background: var(--card-05);
    border: none;
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    border-radius: 6px;
    padding: 11.2px 12.8px;
    position: relative;
}

.announcement-item__title {
    font-size: 11.52px;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.announcement-item__body {
    font-size: 11.2px;
    color: var(--text-muted);
    margin: 6.4px 0 9.6px;
    line-height: 1.4;
}

.announcement-item__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 9.92px;
    color: var(--white-6);
}

.announcement-item__author b {
    color: var(--accent);
    font-weight: 600;
}

.announcement-item__edit {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 4px;
    background: var(--black-5);
    color: var(--white-8);
    font-size: 10.4px;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
}

.announcement-item:hover .announcement-item__edit {
    display: flex;
}

.announcement-item__edit:hover {
    background: var(--accent);
    color: var(--white);
}


.back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-muted);
    background: none;
    border: none;
    cursor: pointer;
    font-family: var(--font);
    flex-shrink: 0;
}

.back-link:hover {
    color: var(--text);
}

.consult-results--full {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6.4px;
    background: var(--card-01);
    border-radius: 10px;
    padding: 8px;
}

.consult-results--full .consult-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    padding: 7.2px 14.4px;
    border-radius: 5px;
    background: var(--white-1);
    cursor: pointer;
    transition: background 0.12s ease;
}

.consult-results--full .consult-result:hover,
.consult-results--full .consult-result--active {
    background: var(--row-active);
}

.consult-result__left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.consult-result__avatar {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    object-fit: cover;
    background: var(--white-1);
    flex-shrink: 0;
}

.consult-result__info {
    display: flex;
    flex-direction: column;
    gap: 2.4px;
    min-width: 0;
}

.consult-result__name {
    font-size: 14.08px;
    font-weight: 600;
    color: var(--white);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.consult-result__id {
    font-size: 11.52px;
    color: var(--text-muted);
}

.consult-result__chevron {
    color: var(--white-5);
    font-size: 17.6px;
    line-height: 1;
    flex-shrink: 0;
}

.page--consult-ficha {
    min-height: 0;
    overflow: hidden;
}

.ficha-shell {
    flex: 1;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 11.2px;
    background: var(--card-01);
    border-radius: 10px;
    padding: 11.2px;
    overflow: hidden;
}

.ficha-toolbar {
    display: flex;
    align-items: center;
    gap: 11.2px;
    flex-shrink: 0;
}

.ficha-toolbar__back {
    width: 30px; 
    height: 30px;
    color: var(--white-7);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ficha-toolbar__back svg {
    display: block;
    width: 8px;
    height: 14px;
}

.ficha-toolbar__back:hover {
    color: var(--white-9);
    background: var(--white-2);
}

.ficha-toolbar__title {
    flex: 1;
    min-width: 0;
    font-size: 14.4px;
    color: var(--white-9);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ficha-toolbar__title strong {
    color: var(--red);
    font-weight: 600;
}

.ficha-grid {
    display: grid;
    grid-template-columns: 1.35fr 0.9fr 1.15fr;
    gap: 9.6px;
    flex: 0 0 192px;
    height: 192px;
    max-height: 192px;
    min-height: 0;
    align-items: stretch;
    overflow: hidden;
}

.ficha-id {
    display: flex;
    gap: 11.2px;
    background: var(--card-01);
    border-radius: 5.6px;
    padding: 8.8px;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.ficha-photo {
    width: 164.8px;
    height: 100%;
    max-height: 174.4px;
    border-radius: 5.6px;
    background: var(--card-05) center/cover no-repeat;
    flex-shrink: 0;
    align-self: stretch;
}

.ficha-fields {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8.8px;
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.ficha-fields .info-item__value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ficha-card {
    background: var(--card-01);
    border-radius: 5px;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ficha-card__head {
    background: var(--white-1);
    padding: 10px 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    flex-shrink: 0;
}

.ficha-card__body {
    flex: 1;
    padding: 11.2px;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.ficha-licenses {
    display: flex;
    flex-direction: column;
    gap: 15.2px;
    padding-top: 2.4px;
}

.license-row {
    display: flex;
    align-items: center;
    gap: 10.4px;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    font-family: var(--font);
    text-align: left;
    width: 100%;
}

button.license-row {
    cursor: pointer;
}

button.license-row:hover .license-row__icon {
    filter: brightness(1.08);
}

.license-row__icon {
    width: 30px; 
    height: 30px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.12s ease, color 0.12s ease;
}

.license-row__icon svg,
.license-row__icon img {
    display: block;
    object-fit: contain;
}

.license-row__label {
    font-size: 11px; 
    font-weight: 600;
    line-height: 1;
}

.license-row--on .license-row__icon {
    background: var(--accent);
    color: var(--white);
}

.license-row--on .license-row__icon img {
    opacity: 1;
}

.license-row--on .license-row__label {
    color: var(--white);
}

.license-row--off .license-row__icon {
    background: var(--white-1);
    color: var(--white-7);
}

.license-row--off .license-row__icon img {
    opacity: 0.5;
}

.license-row--off .license-row__label {
    color: var(--white-7);
}

.ficha-ro-list {
    display: flex;
    flex-direction: column;
    gap: 5.6px;
    min-height: 0;
}

.ficha-shell > .tabs {
    flex-shrink: 0;
    margin-top: 0 !important;
    gap: 6px;
}

.ficha-shell > .tabs .tab {
    min-height: 32px;
    padding: 0 16px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    background: var(--white-1);
    color: var(--text-muted);
}

.ficha-shell > .tabs .tab:hover {
    background: var(--white-1);
    color: var(--white);
}

.ficha-shell > .tabs .tab.active {
    background: var(--accent);
    color: var(--white);
}

.ficha-shell > .table-wrap.tab-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: transparent;
    border-radius: 0;
}


.ficha-shell > .table-wrap.tab-content .table-head {
    height: 36px;
    min-height: 36px;
    margin: 0;
    
    padding: 0 20px;
    background: var(--white-1);
    border-radius: 6px 6px 0 0;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
}

.ficha-shell > .table-wrap.tab-content .table-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 10px;
    gap: 8px;
    background: transparent;
}


.ficha-shell > .table-wrap.tab-content .table-row {
    height: 50px;
    min-height: 50px;
    padding: 0 10px;
    border-radius: 5px;
    background: var(--card-01);
    border: 1px solid var(--white-1);
    box-shadow: none;
    color: var(--white);
    font-size: 12px;
    font-weight: 400;
}

.ficha-shell > .table-wrap.tab-content .table-row:hover {
    background: var(--white-1);
}

.ficha-ro {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 7.2px;
    min-height: 40px;
    padding: 0 8px;
    border-radius: 4px;
    background: var(--card-02);
    font-size: 12px;
}

.ficha-ro--active {
    background: var(--card-05);
}

.ficha-ro__id {
    font-weight: 600;
    color: var(--white-9);
}

.ficha-ro__title {
    color: var(--white-9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ficha-ro__date {
    color: var(--white-7);
    font-size: 11.52px;
}

.grid-history {
    grid-template-columns: 72px minmax(0, 1.1fr) 96px minmax(0, 1.3fr) 96px 100px 72px;
    column-gap: 10px;
}

.ficha-shell .grid-history > span {
    min-width: 0;
    display: flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ficha-shell .table-row.grid-history {
    position: relative;
}

.ficha-shell .table-row--hist-active {
    color: var(--white);
}

.ficha-shell .table-row--hist-active .hist-id,
.ficha-shell .table-row--hist-active .hist-motivo {
    color: var(--white);
    font-weight: 500;
}

.ficha-shell .table-row--hist-active .hist-date,
.ficha-shell .table-row--hist-active .hist-officer,
.ficha-shell .table-row--hist-active .hist-time,
.ficha-shell .table-row--hist-active .hist-fine {
    color: var(--text-muted);
    font-weight: 400;
}

.ficha-shell .table-row--hist-muted {
    color: var(--white-4);
}

.ficha-shell .table-row--hist-muted .hist-id,
.ficha-shell .table-row--hist-muted .hist-motivo,
.ficha-shell .table-row--hist-muted .hist-date,
.ficha-shell .table-row--hist-muted .hist-officer,
.ficha-shell .table-row--hist-muted .hist-time,
.ficha-shell .table-row--hist-muted .hist-fine {
    color: inherit;
}

.ficha-shell .hist-actions {
    justify-content: flex-end;
    gap: 6px;
    overflow: visible;
}

.ficha-shell .table-head.grid-history .hist-actions {
    color: var(--text-muted);
}

.ficha-shell .row-act--view-accent {
    background: var(--accent);
    box-shadow: inset 0 0 0 0.96px var(--accent-1);
    color: var(--white);
}

.ficha-shell .row-act--view-accent svg {
    width: 15px;
    height: 11px;
}

.ficha-shell .row-act--delete {
    background: var(--white-1);
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    color: var(--white-7);
}

.ficha-shell .table-row--hist-muted .row-act {
    color: var(--white-4);
    background: var(--white-1);
}

.ficha-shell .hist-motivo {
    gap: 6px;
}

.grid-vehicles {
    grid-template-columns: minmax(0, 1.3fr) 110px 90px 100px 110px 72px;
    column-gap: 10px;
}

.ficha-shell .grid-vehicles > span {
    min-width: 0;
    display: flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ficha-shell .table-row.grid-vehicles {
    position: relative;
}

.ficha-shell .table-row--veh-active {
    color: var(--white);
}

.ficha-shell .table-row--veh-active .veh-model {
    color: var(--white);
    font-weight: 600;
}

.ficha-shell .table-row--veh-active .veh-plate,
.ficha-shell .table-row--veh-active .veh-wanted,
.ficha-shell .table-row--veh-active .veh-seized,
.ficha-shell .table-row--veh-active .veh-fine {
    color: var(--text-muted);
    font-weight: 400;
}

.ficha-shell .table-row--veh-muted {
    color: var(--white-4);
}

.ficha-shell .table-row--veh-muted .veh-model,
.ficha-shell .table-row--veh-muted .veh-plate,
.ficha-shell .table-row--veh-muted .veh-wanted,
.ficha-shell .table-row--veh-muted .veh-seized,
.ficha-shell .table-row--veh-muted .veh-fine {
    color: inherit;
}

.ficha-shell .veh-actions {
    justify-content: flex-end;
    gap: 6px;
    overflow: visible;
}

.ficha-shell .table-head.grid-vehicles .veh-actions {
    color: var(--text-muted);
}

.ficha-shell .row-act--check {
    background: var(--white-1);
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    color: var(--white-7);
}

.ficha-shell .table-row--veh-muted .row-act {
    color: var(--white-4);
    background: var(--white-1);
}

.grid-property {
    grid-template-columns: minmax(0, 1.3fr) 110px 120px 130px 56px;
    column-gap: 10px;
}

.ficha-shell .grid-property > span {
    min-width: 0;
    display: flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ficha-shell .table-row.grid-property {
    position: relative;
}

.ficha-shell .table-row--prop-active {
    color: var(--white);
}

.ficha-shell .table-row--prop-active .prop-name {
    color: var(--white);
    font-weight: 600;
}

.ficha-shell .table-row--prop-active .prop-owner,
.ficha-shell .table-row--prop-active .prop-location,
.ficha-shell .table-row--prop-active .prop-date {
    color: var(--text-muted);
    font-weight: 400;
}

.ficha-shell .table-row--prop-muted {
    color: var(--white-4);
}

.ficha-shell .table-row--prop-muted .prop-name,
.ficha-shell .table-row--prop-muted .prop-owner,
.ficha-shell .table-row--prop-muted .prop-location,
.ficha-shell .table-row--prop-muted .prop-date {
    color: inherit;
}

.ficha-shell .prop-location-cell {
    justify-content: flex-start;
}

.ficha-shell .prop-actions {
    justify-content: flex-end;
    gap: 6px;
    overflow: visible;
}

.ficha-shell .table-head.grid-property .prop-actions {
    color: var(--text-muted);
}

.ficha-shell .row-act--prop-block {
    background: var(--white-1);
    box-shadow: inset 0 0 0 0.96px var(--white-1);
    color: var(--white-5);
    cursor: default;
}

.ficha-shell .row-act--prop-block:disabled {
    opacity: 1;
    filter: none;
    transform: none;
}

.ficha-shell .table-row--prop-muted .row-act {
    color: var(--white-4);
    background: var(--white-1);
}


.modal #passportStatus.is-visible,
.modal #passportPreview.is-visible {
    margin-bottom: 10.4px;
}

.modal #passportConfirm:disabled {
    opacity: 0.45;
    cursor: default;
}


.page--units {
    min-height: 0;
    gap: 12px;
}


.table-wrap--units {
    flex: 1;
    min-height: 0;
    background: var(--card-01);
    border-radius: 10px; 
    padding: 0;
    overflow: hidden;
}

.table-wrap--units .table-head {
    height: 36px; 
    margin: 0;
    
    padding: 0 15px;
    border-radius: 10px 10px 0 0;
    background: var(--white-1);
    font-size: 12px; 
    font-weight: 600;
    color: var(--text-muted);
    letter-spacing: 0;
}

.table-wrap--units .table-head span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-body--units {
    gap: 5px; 
    padding: 10px 15px 14px;
}

.table-wrap--units .table-row {
    height: 46px;
    min-height: 46px;
    
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    overflow: hidden;
}

.table-wrap--units .table-row > span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-wrap--units .table-row .row-act--unit {
    width: 25px;
    height: 25px;
    justify-self: center;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    overflow: hidden;
    transform: none;
    filter: none;
}

.table-wrap--units .table-row .row-act--unit:hover {
    transform: none;
    filter: none;
    box-shadow: none;
}

.table-wrap--units .table-row .row-act--unit img {
    width: 25px;
    height: 25px;
    max-width: none;
    max-height: none;
    display: block;
}

.table-wrap--units .table-row--on {
    background: var(--white-1);
    color: var(--white);
}

.table-wrap--units .table-row--on span {
    color: var(--white);
}

.table-wrap--units .table-row--dim {
    background: var(--card-01);
    color: var(--white-4);
}

.table-wrap--units .table-row--dim span {
    color: var(--white-4);
}

.table-wrap--units .table-body::-webkit-scrollbar {
    width: 3px;
}

.table-wrap--units .table-body::-webkit-scrollbar-track {
    background: var(--white-1);
    border-radius: 1px;
}

.table-wrap--units .table-body::-webkit-scrollbar-thumb {
    background: var(--accent);
    border-radius: 1px;
}

.announcement-panel {
    background: var(--card-01);
    border-radius: 10px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.announcement-panel__head {
    font-size: 13px;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 10px;
    flex-shrink: 0;
}

.section-bar__optional {
    font-weight: 400;
    color: var(--text-muted);
    font-size: 11.2px;
}

.form-row--2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}


.page--bank {
    min-height: 0;
}

.bank {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(224px, 0.85fr);
    gap: 12px;
    height: 100%;
}

.bank__panel {
    min-width: 0;
    min-height: 0;
    background: var(--card-01);
    border-radius: 10px;
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.bank__panel-top {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bank-card {
    position: relative;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--bg-4) 0%, var(--bg-2) 55%, var(--panel-10) 100%);
    padding: 17.6px 18.4px;
    text-align: left;
    color: var(--white);
    min-height: 152px;
    overflow: hidden;
}

.bank-card__body {
    display: flex;
    flex-direction: column;
    gap: 5.6px;
    height: 100%;
}

.bank-card__label {
    font-size: 11.2px;
    color: var(--white-7);
}

.bank-card__balance {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.bank-card__foot {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    font-size: 10.4px;
    color: var(--white-7);
}

.bank-card__number {
    font-size: 11.2px;
    color: var(--white-9);
}

.bank-card__number b {
    font-weight: 600;
    color: var(--white);
}

.bank__actions {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
}

.bank__field input {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 5.6px;
    background: var(--white-1);
    color: var(--white);
    padding: 0 12px;
    font-size: 13px;
    font-family: var(--font);
}

.bank__field input::placeholder {
    color: var(--white-4);
}

.bank-act {
    height: 40px;
    border: none;
    border-radius: 5.6px;
    background: var(--white-1);
    color: var(--white-5);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    font-family: var(--font);
    transition: background 0.15s ease, color 0.15s ease;
}

.bank-act:hover {
    background: var(--white-1);
    color: var(--white-7);
}

.bank-act--primary {
    background: var(--accent);
    color: var(--white);
}

.bank-act--primary:hover {
    background: var(--accent-10);
    color: var(--white);
}

.bank__extracts {
    min-width: 0;
    min-height: 0;
    background: var(--card-01);
    border-radius: 10px;
    padding: 13.6px 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.bank__extracts-head {
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 10.4px;
    flex-shrink: 0;
}

.bank__extracts-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 5.6px;
    padding-right: 4px;
}

.statement {
    display: flex;
    flex-direction: column;
    gap: 4.8px;
    padding: 10px;
    border-radius: 5px;
    background: var(--card-01);
    min-height: 88px;
    flex-shrink: 0;
}

.statement__top {
    display: flex;
    align-items: center;
    gap: 8px;
}

.statement__icon {
    width: 26px;
    height: 25px;
    border-radius: 3px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-10);
    color: var(--accent);
    font-size: 10.4px;
    font-weight: 700;
}

.statement__who {
    font-size: 10px;
    font-weight: 600;
    color: var(--white);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.statement__pass {
    color: var(--text-muted);
}

.statement__value {
    font-size: 13px;
    font-weight: 600;
}

.statement__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
}

.statement__desc {
    font-size: 9px;
    color: var(--text-muted);
    line-height: 1.35;
    max-width: 68%;
}

.statement__when {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.92px;
    font-size: 10px;
    color: var(--text-muted);
    flex-shrink: 0;
}


.page--officer-report {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.or-shell {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 11px;
    background: var(--card-01);
    border-radius: 5px;
    padding: 10px;
}

.or-toolbar {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-shrink: 0;
}

.or-toolbar__back {
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.or-toolbar__back img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    display: block;
    flex-shrink: 0;
}

.or-toolbar__back:hover {
    opacity: 0.85;
}

.or-toolbar__title {
    font-size: 13px;
    font-weight: 400;
    color: var(--white);
    line-height: normal;
    white-space: nowrap;
}

.or-toolbar__title strong {
    color: var(--accent);
    font-weight: 600;
}

.or-body {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 165px 330px 300px minmax(0, 1fr);
    grid-template-rows: 175px minmax(0, 1fr);
    gap: 10px;
    align-content: start;
}

.or-photo {
    grid-column: 1;
    grid-row: 1;
    width: 165px;
    height: 175px;
    border-radius: 5px;
    background: var(--white-1) center / cover no-repeat;
    flex-shrink: 0;
}

.or-info {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: 175px;
    box-sizing: border-box;
    border-radius: 5px;
    background: var(--card-01);
    padding: 9px 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
    overflow: visible;
}

.or-info__col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    overflow: visible;
}

.or-field {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    overflow: visible;
}

.or-field__label {
    font-size: 11px;
    font-weight: 600;
    color: var(--white-7);
    line-height: normal;
}

.or-field__value {
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.or-field__dropdown {
    position: relative;
    min-width: 0;
    width: 100%;
    max-width: 180px;
    overflow: visible;
    z-index: 20;
}

.or-field__value--btn {
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    text-align: left;
    color: var(--white);
    font-size: 12px;
    font-weight: 600;
    font-family: var(--font);
    cursor: pointer;
}

.or-field__value--btn:hover {
    color: var(--accent);
}

.or-field__dropdown .role-menu {
    left: 0;
    transform: none;
    z-index: 80;
}

.or-card {
    background: var(--card-01);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.or-card--licenses {
    grid-column: 3;
    grid-row: 1;
    height: 175px;
}

.or-card--certs {
    grid-column: 4;
    grid-row: 1;
    height: 175px;
}

.or-stats {
    grid-column: 1 / 4;
    grid-row: 2;
    min-height: 0;
    height: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    background: var(--card-01);
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
}

.or-stats__title {
    font-size: 13px;
    font-weight: 600;
    color: var(--white);
    line-height: normal;
    flex-shrink: 0;
}

.or-stats__content {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 202px minmax(0, 1fr);
    gap: 15px;
}

.or-stats__cards {
    display: flex;
    flex-direction: column;
    gap: 13px;
    min-height: 0;
}

.or-stat-card {
    height: 68px;
    box-sizing: border-box;
    border-radius: 5px;
    background: var(--white-1);
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.or-stat-card__label {
    font-size: 11px;
    font-weight: 600;
    color: var(--white-7);
    line-height: normal;
}

.or-stat-card__value {
    font-size: 15px;
    font-weight: 600;
    color: var(--white);
    line-height: normal;
}

.or-stats__table {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow: hidden;
}

.or-stats__head {
    flex-shrink: 0;
    height: 30px;
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
    background: var(--white-1);
    display: grid;
    grid-template-columns: 70px minmax(0, 1.2fr) minmax(0, 1.2fr) 90px 30px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--white-7);
}

.or-stats__rows {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-right: 2px;
}

.or-stats-row {
    flex-shrink: 0;
    height: 45px;
    box-sizing: border-box;
    border-radius: 5px;
    background: var(--card-01);
    display: grid;
    grid-template-columns: 70px minmax(0, 1.2fr) minmax(0, 1.2fr) 90px 30px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 600;
    color: var(--white-4);
}

.or-stats-row--active {
    background: var(--white-1);
    color: var(--white);
}

.or-stats-row__id,
.or-stats-row__person,
.or-stats-row__reason,
.or-stats-row__date {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.or-stats-row__view {
    width: 25px;
    height: 25px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.or-stats-row__view img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    object-position: center;
    display: block;
    flex-shrink: 0;
}

.or-stats-row__view:hover {
    opacity: 0.9;
}

.or-stats-empty {
    padding: 16px 8px;
}

.or-card--special {
    grid-column: 4;
    grid-row: 2;
    min-height: 0;
}

.or-card__head {
    flex-shrink: 0;
    height: 35px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 10px;
    background: var(--white-1);
    border-radius: 5px 5px 0 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
}

.or-card__body {
    flex: 1;
    min-height: 0;
    padding: 10px;
    overflow-y: auto;
}

.or-perms {
    display: grid;
    gap: 15px 20px;
    align-content: start;
}

.or-perms--licenses {
    grid-template-columns: 1fr 1fr;
}

.or-perms--licenses .or-perm:nth-child(n+3) {
    grid-column: 1;
}

.or-perms--grid {
    grid-template-columns: 1fr 1fr;
}

.or-card__body {
    scrollbar-width: thin;
    scrollbar-color: var(--white-3) transparent;
}

.or-card__body::-webkit-scrollbar {
    width: 4px;
}

.or-card__body::-webkit-scrollbar-track {
    background: transparent;
}

.or-card__body::-webkit-scrollbar-thumb {
    background: var(--white-3);
    border-radius: 4px;
}

.or-perm {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.or-perm__icon {
    width: 30px;
    height: 30px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.or-perm__icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    display: block;
    flex-shrink: 0;
}

.or-perm__label {
    font-size: 11px;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.or-perm--on .or-perm__icon {
    background: var(--accent);
}

.or-perm--on .or-perm__label {
    color: var(--white);
}

.or-perm--off .or-perm__icon {
    background: var(--white-1);
}

.or-perm--off .or-perm__icon img {
    opacity: 0.5;
}

.or-perm--off .or-perm__label {
    color: var(--white-7);
}

.or-perm--add {
    cursor: pointer;
}

.or-perm--add:hover .or-perm__icon {
    background: var(--accent);
}

.or-perm--add:hover .or-perm__icon img {
    opacity: 1;
}

.or-perm--add:hover .or-perm__label {
    color: var(--white);
    opacity: 1;
}

.or-perm--clickable {
    cursor: pointer;
}

.or-perm--clickable:hover .or-perm__icon {
    filter: brightness(1.15);
}

.or-perm--clickable:hover .or-perm__label {
    color: var(--white);
    opacity: 1;
}

.invite-card__actions--split {
    display: flex;
    gap: 8px;
    width: 100%;
    flex-shrink: 0;
}

.invite-card__actions--split .invite-card__btn {
    flex: 1;
    width: auto;
}

.invite-card__btn--ghost:not(:disabled) {
    background: var(--white-1);
    color: var(--white-9);
}

.invite-card__btn--ghost:not(:disabled):hover {
    background: var(--accent-4);
    color: var(--white);
}