/* Copyright 2026 Telemity Ltd */

:root {
    --v-footer-height: 4rem;
    --v-list-prepend-gap: 1rem;

    --app-font-family: "Inter", sans-serif;
    --app-font-weight: 500;
}

html,
body {
    font-family: var(--app-font-family);
}

input,
textarea,
select,
button {
    font: inherit;
}



.app-footer {
    max-height: var(--v-footer-height);
    height: var(--v-footer-height);
    background-color: inherit;
    font-size: 0.8rem;
    color: rgb(var(--v-theme-muted));
}

.app-footer a {
    color: inherit;
    text-decoration: none;
}

.app-footer a:hover {
    text-decoration: underline;
}

.app-header {
    border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
    background-color: #fff;
    padding: 1rem 2rem;
}

.app-link {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
}

.app-link:hover {
    text-decoration: underline;
}

.app-login-page {
    min-height: calc(100vh - var(--v-footer-height));
}

.app-noinvite {
    height: calc(100vh);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.app-org-selector .v-input {
    font-weight: 600;
}

.app-org-selector .v-field {
    padding-left: 0.5rem;
}

.app-org-selector .v-field__prepend-inner {
    padding-right: 0.5rem;
}

.app-page {
    padding: 0;
}

.app-page-content {
    padding: 2rem;
}

.app-support-timeline {
    grid-template-columns: 0 min-content 1fr;
}

.app-support-timeline .v-timeline-divider__dot {
    transform: translateY(24px);
}

.app-support-timeline .v-timeline-item__body {
    width: 100%;
}

.app-text-tabular-nums {
    font-variant-numeric: tabular-nums
}



.v-application {
    font-family: var(--app-font-family);
    font-weight: var(--app-font-weight);
}

.v-btn,
.v-card-text,
.v-card,
.v-dialog,
.v-field,
.v-label,
.v-list-item,
.v-table {
    font-size: 1rem;
}

.v-breadcrumbs {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
    background-color: #fff;
    margin: 0;
    padding: 1.175rem 1.675rem;
}

.v-breadcrumbs-item--link {
    color: rgb(var(--v-theme-primary));
    font-weight: 600;
    text-decoration: none;
}

.v-breadcrumbs-item--link:hover {
    text-decoration: underline;
}

.v-card-text {
    padding: 1.375rem;
}

.v-card-title {
    font-weight: 700;
    padding: 0.7rem 1.375rem;
    border-bottom: 1px solid rgb(var(--v-theme-outline));
}

.v-dialog .v-card {
    padding: 0;
    border: none;
}

.v-dialog .v-card-actions {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border-top: 1px solid rgb(var(--v-theme-outline));
}

.v-dialog .v-card-text {
    padding-top: 2rem;
    padding-bottom: 0.5rem;
}

.v-dialog .v-card-title {
    background-color: rgb(var(--v-theme-primary));
    color: rgb(var(--v-theme-on-primary));
    border-bottom: 1px solid rgb(var(--v-theme-outline));
    font-weight: 600;
    margin-top: 0;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

.v-input {
    margin-bottom: 0.5rem;
}

.v-list-item--active {
    background-color: rgb(var(--v-theme-primary-soft));
    color: rgb(var(--v-theme-primary));
}

.v-list-item--active > .v-list-item__overlay {
    opacity: 0;
}

.v-table .v-data-table__th,
table thead tr th {
    border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-table .v-data-table__tr:last-child .v-data-table__td,
table tbody tr:last-child td {
    border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-theme--appLight {
    --v-high-emphasis-opacity: 1;
}