/* ==========================================================
   SRP UNIVERSAL FORM SYSTEM
   ========================================================== */

:root{
    --srp-accent:#2563eb;
    --srp-bg:#ffffff;
    --srp-panel:#ffffff;
    --srp-text:#222222;
    --srp-border:#d1d5db;
    --srp-radius:10px;
    --srp-shadow:0 2px 8px rgba(0,0,0,.08);
}

/* Form */
.srp-form{
    max-width:850px;
    margin:auto;
    padding:25px;
    background:var(--srp-bg);
    color:var(--srp-text);
    border-radius:var(--srp-radius);
}

/* Title */
.srp-form-title{
    font-size:32px;
    font-weight:700;
    border-left:6px solid var(--srp-accent);
    padding-left:15px;
    margin-bottom:25px;
    color:var(--srp-text);
}

/* Sections */
.srp-section{
    background:var(--srp-panel);
    border:1px solid var(--srp-border);
    border-radius:var(--srp-radius);
    padding:20px;
    margin-bottom:20px;
    box-shadow:var(--srp-shadow);
}

.srp-section h3{
    margin-top:0;
    margin-bottom:15px;
    border-left:4px solid var(--srp-accent);
    padding-left:12px;
    color:var(--srp-text);
}

/* Labels */
.srp-form label{
    display:block;
    margin-top:10px;
    font-weight:600;
    color:var(--srp-text);
}

/* Inputs */
.srp-form input[type="text"],
.srp-form input[type="email"],
.srp-form input[type="tel"],
.srp-form input[type="number"],
.srp-form textarea{
    width:100%;
    padding:12px;
    border:1px solid var(--srp-border);
    border-radius:8px;
    box-sizing:border-box;
    background:#fff;
    color:#222;
    margin-top:5px;
}

.srp-form textarea{
    min-height:120px;
}

/* Checkbox */
.srp-checkbox{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:10px;
}

/* Button */
.srp-button{
    width:100%;
    border:none;
    border-radius:8px;
    background:var(--srp-accent);
    color:#fff;
    padding:14px;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    transition:.2s ease;
}

.srp-button:hover{
    filter:brightness(.92);
}
.srp-theme-classic{
    --srp-accent:#f97316;
    --srp-bg:#f7f7f7;
    --srp-panel:#ffffff;
    --srp-border:#d1d5db;
}
.srp-theme-modern{
    --srp-accent:#2563eb;
    --srp-bg:#ffffff;
    --srp-panel:#ffffff;
    --srp-border:#e5e7eb;
    --srp-radius:14px;
    --srp-shadow:0 8px 25px rgba(0,0,0,.08);
}
.srp-theme-residential{
    --srp-accent:#0ea5e9;
    --srp-bg:#eff6ff;
    --srp-panel:#ffffff;
    --srp-border:#bfdbfe;
}
.srp-theme-commercial{
    --srp-accent:#1e40af;
    --srp-bg:#f8fafc;
    --srp-panel:#ffffff;
    --srp-border:#94a3b8;
}
.srp-theme-industrial{
    --srp-accent:#ff6a00;
    --srp-bg:#1f1f1f;
    --srp-panel:#2b2b2b;
    --srp-text:#ffffff;
    --srp-border:#555555;
}
.srp-theme-industrial input,
.srp-theme-industrial textarea{
    background:#3c3c3c;
    color:#ffffff;
}
.srp-theme-landscaping{
    --srp-accent:#22c55e;
    --srp-bg:#f0fdf4;
    --srp-panel:#ffffff;
    --srp-border:#86efac;
}
.srp-theme-workorder{
    --srp-accent:#64748b;
    --srp-bg:#f8fafc;
    --srp-panel:#ffffff;
    --srp-border:#94a3b8;
    --srp-shadow:none;
}
.srp-theme-workorder .srp-section{
    border:2px solid #94a3b8;
}
.srp-theme-premium{
    --srp-accent:#7c3aed;
    --srp-bg:#faf5ff;
    --srp-panel:#ffffff;
    --srp-border:#ddd6fe;
}
.srp-theme-night{
    --srp-accent:#10b981;
    --srp-bg:#111827;
    --srp-panel:#1f2937;
    --srp-text:#ffffff;
    --srp-border:#374151;
}
.srp-theme-night input,
.srp-theme-night textarea{
    background:#111827;
    color:#ffffff;
}
.srp-preview-card{
    padding:20px;
    border-radius:10px;
}

.srp-preview-card .srp-section{
    margin-bottom:15px;
}
/* ===================================
   ADMIN THEME PREVIEW
   =================================== */

.srp-preview-card{
    padding:20px;
    border-radius:var(--srp-radius);
	border:1px solid var(--srp-border);
    background:var(--srp-bg);
    color:var(--srp-text);
    transition:all .25s ease;
}

.srp-preview-card input{
    width:100%;
    margin-bottom:10px;
}

.srp-preview-card .srp-button{
    margin-top:10px;
}

.srp-preview-card .srp-section{
    margin-bottom:15px;
}
.srp-modal {
    background:#fff;
    border:1px solid #d1d5db;
    border-radius:12px;
    max-width:640px;
    width:95%;
    max-height:90vh;
    overflow-y:auto;
    position:relative;
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}
.srp-modal .srp-form{
    padding:20px;
}
.srp-modal,
.srp-modal-content{
    border-top:none !important;
}

.srp-modal:before,
.srp-modal-content:before{
    display:none !important;
}