/* ── Template Style: Classic (default) ── */
.template-classic .document-preview-inner {
    --doc-section-bg: #f9fafb;
    --doc-section-radius: 8px;
    --doc-section-border: none;
    --doc-heading-weight: 700;
    --doc-heading-transform: uppercase;
}

/* ── Template Style: Modern ── */
.template-modern .document-preview-inner {
    --doc-section-bg: #f8fafc;
    --doc-section-radius: 12px;
    --doc-section-border: 1px solid #e2e8f0;
    --doc-heading-weight: 800;
    --doc-heading-transform: normal;
}

.template-modern .document-preview-inner .doc-client-box {
    border-left: 3px solid var(--accent-color, #f59e0b);
}

.template-modern .document-preview-inner table thead th {
    background: #f0f9ff !important;
    color: #1e40af !important;
    font-weight: 700 !important;
}

/* ── Template Style: Minimal ── */
.template-minimal .document-preview-inner {
    --doc-section-bg: transparent;
    --doc-section-radius: 0;
    --doc-section-border: none;
    --doc-heading-weight: 300;
    --doc-heading-transform: uppercase;
}

.template-minimal .document-preview-inner table {
    border-collapse: collapse;
}

.template-minimal .document-preview-inner table thead th {
    font-weight: 400 !important;
    color: #9ca3af !important;
    border-bottom: 1px solid #d1d5db !important;
    background: transparent !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}

.template-minimal .document-preview-inner table tbody tr {
    border-bottom: 1px solid #e5e7eb;
}

.template-minimal .document-preview-inner table tbody tr:last-child {
    border-bottom: 1px solid #d1d5db;
}

.template-minimal .document-preview-inner .doc-info-box {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 0;
}

.template-minimal .document-preview-inner .doc-notes-box {
    background: transparent !important;
    border: none !important;
    padding: 12px 0;
}

/* ── Template Style: Corporate ── */
.template-corporate .document-preview-inner {
    --doc-section-bg: white;
    --doc-section-radius: 4px;
    --doc-section-border: 1px solid #e2e8f0;
    --doc-heading-weight: 600;
    --doc-heading-transform: uppercase;
    font-size: 13px;
}

.template-corporate .document-preview-inner table thead th {
    background: #1e293b !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.5px;
    padding: 10px 12px !important;
}

.template-corporate .document-preview-inner table tbody td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #e2e8f0;
}

.template-corporate .document-preview-inner table tbody tr:last-child td {
    border-bottom: 1px solid #cbd5e1;
}

/* ── Shared template utility classes ── */
.doc-title {
    letter-spacing: 2px;
    color: #111827;
    margin: 0;
}

.doc-info-box {
    font-size: 14px;
}

.doc-info-field {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
    font-size: 14px;
}

.doc-info-field > div {
    width: calc(50% - 8px);
}

.doc-info-field > div > span {
    color: #9ca3af;
}

.doc-section-title {
    font-size: 15px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
}