/* ================================================================
   signing-forms.css
   Extracted from inline <style> blocks across all signing templates.
   Include this file in every signing/verify sub-template.
   ================================================================ */

/* Full-height layout for standalone signing pages */
html, body { height: 100%; margin: 0; }

/* ── Signing section wrapper (replaces style="padding: 1rem 1.5rem; ...") ── */
.signing-section {
    padding: 1rem 1.5rem;
    background-color: #ffffff;
}

/* ── Form labels ─────────────────────────────────────────────── */
.signing-section .form-label {
    color: #1e293b;
    font-weight: 600;
    margin-bottom: 0.15rem;
    font-size: 0.8rem;
}

/* ── Form controls ───────────────────────────────────────────── */
.signing-section .form-control,
.signing-section .form-select {
    font-size: 0.85rem;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px;
    color: #000000 !important;
    background-color: #ffffff !important;
    padding: 0.25rem 0.5rem;
}

.signing-section .form-control[readonly],
.signing-section .form-control:disabled {
    background-color: #f8f9fa !important;
}

.signing-section .form-control::placeholder {
    color: #94a3b8 !important;
    opacity: 1;
}

.signing-section .form-control:focus,
.signing-section .form-select:focus {
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

/* ── Flex layout helpers (from inline <style> blocks) ────────── */
.form-scroll-area {
    flex: 1 1 0px !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.form-band {
    flex: 1 1 0px !important;
    min-height: 90px !important;
    --bs-gutter-y: 0 !important;
}

.form-band > div {
    min-height: 0 !important;
}

/* Result containers (Decrypted Signatures, Verification Results) */
.result-container {
    background-color: #f8f9fa;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 0.4rem 0.5rem;
    font-size: 0.82rem;
    color: #1e293b;
    overflow-y: auto;
    min-height: 60px;
}

.signing-section textarea.form-control {
    flex: 1 1 0px !important;
    min-height: 0 !important;
    height: auto !important;
}

/* ── Responsive overrides for smaller screens ────────────────── */
@media (max-width: 768px) {
    .form-scroll-area {
        overflow-y: auto !important;
    }
    .form-band {
        flex: 0 0 auto !important;
        min-height: auto !important;
    }
    .form-band > div {
        min-height: 150px !important;
        margin-bottom: 0.5rem;
    }
    .signing-section textarea.form-control {
        flex: 1 1 auto !important;
        min-height: 100px !important;
    }
}