﻿/* Unified modern form layer inspired by FormGastosTrabajadorV3 */
.form-modern-v3{
    --ga-brand:#2563eb;
    --ga-brand-dark:#1d4ed8;
    --ga-brand-soft:#dbeafe;
    --ga-text:#0f172a;
    --ga-muted:#64748b;
    --ga-border:#e2e8f0;
    --ga-soft:#f8fafc;
    --ga-card:#ffffff;
    --ga-shadow:0 18px 40px rgba(15,23,42,.08);
}

.form-modern-v3 .fn-card,
.form-modern-v3 .ga-v3-card{
    background:var(--ga-card);
    border:1px solid rgba(15,23,42,.08);
    border-radius:22px;
    box-shadow:var(--ga-shadow);
}

.form-modern-v3 .fn-card-h,
.form-modern-v3 .ga-v3-card__head{
    border-bottom:1px solid #e8edf4;
}

.form-modern-v3 .fn-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin-top:14px;
    padding:14px 16px;
    border:1px solid rgba(15,23,42,.08);
    border-radius:18px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
    box-shadow:0 10px 24px rgba(15,23,42,.06);
}

.form-modern-v3 .fn-actions::before{
    content:"Acciones";
    width:100%;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--ga-brand-dark);
    margin-bottom:2px;
}

.form-modern-v3 .decision-inline .fn-actions,
.form-modern-v3 .decision-inline .actions-decision,
.form-modern-v3 .actions-decision-btns,
.form-modern-v3 .ga-v3-actions{
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
}

.form-modern-v3 .decision-inline .fn-actions::before,
.form-modern-v3 .decision-inline .actions-decision::before,
.form-modern-v3 .actions-decision-btns::before,
.form-modern-v3 .ga-v3-actions::before{
    display:none;
}

.form-modern-v3 .fn-actions .btn,
.form-modern-v3 .actions-decision .btn,
.form-modern-v3 .ga-v3-actions .ga-v3-btn,
.form-modern-v3 .ga-v3-actions .btn{
    min-height:48px;
    border-radius:14px;
    padding:12px 16px;
    font-size:14px;
    font-weight:900;
    letter-spacing:.01em;
    text-transform:none;
}

.form-modern-v3 .btn .glyphicon,
.form-modern-v3 .ga-v3-btn .glyphicon{
    color:inherit !important;
    opacity:.95;
}

.form-modern-v3 .btn-default,
.form-modern-v3 .ga-v3-btn--ghost{
    border:1px solid var(--ga-border) !important;
    background:#fff !important;
    color:var(--ga-text) !important;
    box-shadow:none !important;
}

.form-modern-v3 .btn-primary,
.form-modern-v3 .ga-v3-btn--success-quiet{
    border:1px solid #bfdbfe !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
    box-shadow:none !important;
}

.form-modern-v3 .btn-primary:hover,
.form-modern-v3 .ga-v3-btn--success-quiet:hover{
    background:#dbeafe !important;
}

.form-modern-v3 .btn-success,
.form-modern-v3 .ga-v3-btn--success-soft{
    border:1px solid #bbf7d0 !important;
    background:#f0fdf4 !important;
    color:#15803d !important;
    box-shadow:none !important;
}

.form-modern-v3 .btn-success:hover,
.form-modern-v3 .ga-v3-btn--success-soft:hover{
    background:#dcfce7 !important;
}

.form-modern-v3 .btn-warning,
.form-modern-v3 .ga-v3-btn--warning-soft{
    border:1px solid #fde68a !important;
    background:#fffbeb !important;
    color:#b45309 !important;
    box-shadow:none !important;
}

.form-modern-v3 .btn-warning:hover,
.form-modern-v3 .ga-v3-btn--warning-soft:hover{
    background:#fef3c7 !important;
}

.form-modern-v3 .btn-danger,
.form-modern-v3 .ga-v3-btn--danger-quiet{
    border:1px solid #fecaca !important;
    background:#fff5f5 !important;
    color:#b91c1c !important;
    box-shadow:none !important;
}

.form-modern-v3 .btn-danger:hover,
.form-modern-v3 .ga-v3-btn--danger-quiet:hover{
    background:#fee2e2 !important;
}

.form-modern-v3 .ga-v3-btn--soft{
    border:1px solid #dbeafe !important;
    background:#eff6ff !important;
    color:var(--ga-brand-dark) !important;
    box-shadow:none !important;
}

.form-modern-v3 .ga-v3-btn--sm{min-height:36px;padding:8px 12px;font-size:12px;box-shadow:none;}

.form-modern-v3 .fnm-required-status{
    margin:0 0 14px;
    padding:14px 16px;
    border:1px solid var(--ga-brand-soft);
    border-radius:18px;
    background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);
}

.form-modern-v3 .fnm-required-status.is-ready{
    border-color:#bbf7d0;
    background:linear-gradient(180deg,#f0fdf4 0%,#ecfdf5 100%);
}

.form-modern-v3 .fnm-required-status.is-alert{
    border-color:#fecaca;
    background:linear-gradient(180deg,#fff7f7 0%,#fef2f2 100%);
}

.form-modern-v3 .fnm-required-status__eyebrow{
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--ga-brand-dark);
}

.form-modern-v3 .fnm-required-status.is-ready .fnm-required-status__eyebrow{color:#15803d;}
.form-modern-v3 .fnm-required-status.is-alert .fnm-required-status__eyebrow{color:#b91c1c;}

.form-modern-v3 .fnm-required-status__text{
    margin-top:4px;
    font-size:13px;
    line-height:1.45;
    color:#334155;
    font-weight:700;
}

.form-modern-v3 .fnm-field .form-control,
.form-modern-v3 .fnm-field select.form-control,
.form-modern-v3 .fnm-field .asp-ddl,
.form-modern-v3 .fnm-field textarea.form-control{
    background:#fff;
    border-color:#dbe3ee;
}

.form-modern-v3 .fnm-required.is-complete .form-control,
.form-modern-v3 .fnm-required.is-complete select.form-control,
.form-modern-v3 .fnm-required.is-complete .asp-ddl,
.form-modern-v3 .fnm-required.is-complete textarea.form-control,
.form-modern-v3 .fnm-control-required.is-complete{
    background:#f0fdf4 !important;
    border-color:#86efac !important;
}

.form-modern-v3 .fnm-required.is-missing .form-control,
.form-modern-v3 .fnm-required.is-missing select.form-control,
.form-modern-v3 .fnm-required.is-missing .asp-ddl,
.form-modern-v3 .fnm-required.is-missing textarea.form-control,
.form-modern-v3 .fnm-control-required.is-missing{
    background:#fff7f7 !important;
    border-color:#fca5a5 !important;
}

.form-modern-v3 .fnm-required-label{font-weight:900;}
.form-modern-v3 .fnm-required-label::after{content:" *";color:#dc2626;font-weight:900;}

@media(max-width:991px){
    .form-modern-v3 .fn-actions .btn,
    .form-modern-v3 .actions-decision .btn,
    .form-modern-v3 .ga-v3-actions .ga-v3-btn,
    .form-modern-v3 .ga-v3-actions .btn{width:100%;}
}
