@import "/papchat/lib/@papchat/theme/lib/theme.css";

html,
body {
    height: 100%;
    margin: 0;
}

body {
    background: var(--background-light);
    color: var(--text);
}

.sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.main {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.main pc-room {
    flex: 1;
    min-height: 0;
}

.empty {
    margin: auto;
    color: var(--text-secondary);
}

/* incoming calls stacked top right (full width on phones) */
.incoming {
    position: absolute;
    top: var(--space-4);
    right: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    max-width: calc(100% - 2 * var(--space-4));
}

.logo {
    font-weight: 700;
    font-size: 1.125rem;
    letter-spacing: -0.01em;
    color: var(--primary);
    padding-inline: var(--space-4);
}