/* Radzen-neutral capture screen styles */
/* Colors come from Radzen theme variables - only spacing and borders are custom */

/* Shared capture screen styles - spacing and layout only */
.capture-screen {
    min-height: 100vh;
    padding: 1.5rem 1.25rem 2.5rem;
    /* Background and text colors come from Radzen theme */
}

.capture-header {
    margin-top: 0.25rem;
}

.capture-header-title,
.capture-title {
    font-weight: 600;
    /* Text color comes from Radzen theme */
}

.capture-title {
    letter-spacing: 0.2px;
}

/* List items - spacing and borders only */
.capture-list-item,
.capture-list-card {
    padding: 0.9rem 0.75rem;
    border-radius: 0.75rem;
    /* Background color comes from Radzen theme */
}

.capture-list-card:hover {
    /* Hover state handled by Radzen theme */
}

.capture-muted {
    /* Color comes from Radzen's secondary text color */
}

.capture-empty-text {
    text-align: center;
    white-space: pre-line;
    max-width: 16rem;
    /* Color comes from Radzen theme */
}

.capture-spacer {
    flex: 1;
}

.capture-footer {
    padding-top: 0.5rem;
    border-top: 1px solid var(--rz-border-color);
}

/* Buttons - spacing and layout only, colors from Radzen */
.capture-back-button ::deep .rz-button,
.capture-action-button ::deep .rz-button,
.capture-add-button ::deep .rz-button,
.capture-load-button ::deep .rz-button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    /* Color comes from Radzen theme */
}

.capture-check ::deep .rz-chkbox-box {
    border-color: var(--rz-primary);
    background-color: transparent;
}

.capture-check ::deep .rz-chkbox-box.rz-state-active {
    background-color: var(--rz-primary);
}

.capture-list-button ::deep .rz-button {
    width: 100%;
    justify-content: flex-start;
    padding: 0.4rem 0.25rem;
    border-radius: 0.5rem;
    /* Color comes from Radzen theme */
}

.capture-list-button ::deep .rz-button:hover {
    /* Hover state handled by Radzen theme */
}

.capture-chevron {
    font-size: 1.2rem;
    /* Color comes from Radzen theme */
}

.capture-primary-button ::deep .rz-button {
    width: 100%;
    border-radius: 999px;
}

.capture-action-pill ::deep .rz-button {
    border-radius: 999px;
    padding: 0.35rem 1rem;
}

.capture-photo-card {
    padding: 1.25rem;
    border-radius: 0.75rem;
    /* Background color comes from Radzen theme */
}

.capture-photo-button ::deep .rz-button {
    border-radius: 999px;
    padding: 0.5rem 1.5rem;
}

.capture-photo-actions {
    padding: 0.75rem;
    border-radius: 0.75rem;
    /* Background color comes from Radzen theme */
}

.capture-photo-action ::deep .rz-button {
    width: 100%;
    border-radius: 999px;
}

/* Status bar for offline indicator */
.capture-status-bar {
    padding: 0.5rem 1rem;
    /* Background color comes from Radzen theme */
}

.flag-image {
    width: 20px;
    height: 15px;
}

/* iOS auto-zooms focused text inputs below 16px. Keep form text >=16px on touch devices. */
@supports (-webkit-touch-callout: none) {
    .capture-screen input[type="text"],
    .capture-screen input[type="search"],
    .capture-screen input[type="email"],
    .capture-screen input[type="tel"],
    .capture-screen input[type="url"],
    .capture-screen input[type="number"],
    .capture-screen input[type="password"],
    .capture-screen textarea,
    .capture-screen .rz-textbox,
    .capture-screen .rz-inputtext,
    .capture-screen .rz-input {
        font-size: 16px !important;
    }

    /* Dropdown filter input is rendered in a popup outside .capture-screen. */
    .rz-popup .rz-dropdown-filter.rz-inputtext,
    .rz-dropdown-panel .rz-dropdown-filter.rz-inputtext,
    input.rz-dropdown-filter.rz-inputtext {
        font-size: 16px !important;
    }
}