/* ==========================================================================
   Typography Styles - Headers, titles, descriptions, and labels
   ========================================================================== */

/* Window Headers */
.header-container {
    padding: 15px 25px 0 15px;
}

.header-title {
    font-size: 24px;
    -unity-font-style: bold;
    margin-bottom: 5px;
}

.header-description {
    color: var(--unity-colors-helpbox-text);
    margin-bottom: 7px;
    white-space: normal;
}

/* Section Headers */
.header {
    font-size: 20px;
    padding-top: 0px;
    padding-left: 0px;
    -unity-font-style: bold;
}

.section-title {
    font-size: 16px;
    -unity-font-style: bold;
    margin-top: 0;
    padding-left: 0;
}

.section-desc {
    color: var(--unity-colors-helpbox-text);
    margin-bottom: 8px;
    white-space: normal;
}

.section-text {
    color: var(--unity-colors-default-text);
    white-space: normal;
}

/* Window title */
.window-title {
    font-size: 20px;
    -unity-font-style: bold;
}

/* Popup titles */
.popup-title {
    font-size: 22px;
    -unity-font-style: bold;
    margin-bottom: 12px;
    color: var(--unity-colors-default-text);
    -unity-text-align: middle-center;
}

.popup-message {
    font-size: 13px;
    color: var(--unity-colors-helpbox-text);
    margin-bottom: 16px;
    -unity-text-align: middle-center;
    white-space: normal;
    max-width: 340px;
}

/* Version labels */
.version-label {
    font-size: 12px;
    color: var(--unity-colors-helpbox-text);
    min-width: 100px;
}

.version-value {
    font-size: 12px;
    -unity-font-style: bold;
    min-width: 60px;
    -unity-text-align: middle-right;
}

.current-version {
    color: var(--unity-colors-helpbox-text);
}

.latest-version {
    color: rgb(111, 226, 101);
}

/* Status labels */
.status-indicator {
    color: green;
    font-size: 18px;
    -unity-font-style: bold;
}

.status-label {
    font-size: 14px;
    color: var(--unity-colors-helpbox-text);
}

.server-label {
    font-size: 14px;
    color: var(--unity-colors-helpbox-text);
    margin-bottom: 8px;
}

/* Custom accent label */
.custom-label {
    font-size: 20px;
    -unity-font-style: bold;
    color: rgb(68, 138, 255);
}

/* Empty list label */
.empty-list-label {
    flex-grow: 1;
    -unity-text-align: middle-center;
    font-size: 18px;
    color: var(--unity-colors-helpbox-text);
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 5px;
}

/* Details text */
.details-text {
    white-space: normal;
    margin-left: 15px;
    margin-bottom: 8px;
}

/* Link label - clickable text styled as a hyperlink */
.link-label {
    color: #4FC3F7;
    cursor: link;
}

/* Link separator - divider between inline links */
.link-separator {
    margin-left: 4px;
    margin-right: 4px;
    opacity: 0.5;
}

/* Alert label - red text for warnings/alerts */
.alert-label {
    color: #FF6B6B;
}

/* Warning label - orange text for warnings */
.warning-label {
    color: #ffbf6b;
}