/* General Body and Font Styles */
body {
    font-family: 'Hind Siliguri', sans-serif;
    background-color: #f0f2f5;
    color: #333;
    margin: 0;
    padding: 20px;
    font-size: 16px;
}

.container {
    max-width: 900px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.header {
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 20px;
}

h1 {
    color: #1a237e;
    font-weight: 700;
}

/* Form Styling for Web View */
.web-view {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.form-group label {
    margin-bottom: 8px;
    font-weight: 600;
    color: #3f51b5;
    display: block;
}

.form-group input[type="text"],
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1rem;
    font-family: 'Hind Siliguri', sans-serif;
    box-sizing: border-box;
}

textarea {
    resize: vertical;
}

/* Search Area */
.search-area {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

#search-input {
    width: 300px;
}

/* Buttons */
.form-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

button {
    padding: 12px 25px;
    font-size: 1rem;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button[type="submit"], #search-btn {
    background-color: #3f51b5;
    color: white;
}

#print-btn {
    background-color: #4caf50;
    color: white;
}

button[type="button"]:last-child {
    background-color: #f44336;
    color: white;
}

/* Messages */
.message {
    text-align: center;
    padding: 10px;
    margin-top: 15px;
    border-radius: 5px;
    font-weight: 500;
}
.success { background-color: #d4edda; color: #155724; }
.error { background-color: #f8d7da; color: #721c24; }

/*
=========================================
PRINT STYLES - Calibrated values have been applied
=========================================
*/
@media print {
   @page {
    size: legal;
    margin: 0;
}

.no-print, .form-group label { display: none !important; }
body, .container { background: transparent !important; margin: 0; padding: 0; box-shadow: none; }
#nikah-form { position: relative; width: 21.6cm; height: 35.6cm; display: block; }
.print-area .form-group input, .print-area .form-group textarea {
    position: absolute;
    border: none !important;
    background: transparent !important;
    padding: 0; margin: 0;
    font-size: 14px; color: black !important;
    font-family: 'Hind Siliguri', sans-serif;
}
.page-2 { page-break-before: always; }

.item-1 { top: 7.54cm; left: 3.94cm; width: 15.60cm; height: 1.25cm; }
.item-2 { top: 9.24cm; left: 3.85cm; width: 15.62cm; height: 1.28cm; }
.item-3 { top: 10.61cm; left: 5.30cm; width: 14.28cm; height: 0.63cm; }
.item-4 { top: 11.86cm; left: 3.94cm; width: 15.62cm; height: 1.29cm; }
.item-5 { top: 13.25cm; left: 10.00cm; width: 9.64cm; height: 0.66cm; }
.item-6 { top: 13.93cm; left: 5.42cm; width: 14.11cm; height: 0.63cm; }
.item-7 { top: 15.12cm; left: 3.86cm; width: 15.81cm; height: 1.36cm; }
.item-8-1 { top: 17.12cm; left: 4.25cm; width: 15.46cm; height: 1.23cm; }
.item-8-2 { top: 18.46cm; left: 4.27cm; width: 15.46cm; height: 1.26cm; }
.item-9 { top: 20.42cm; left: 3.86cm; width: 15.67cm; height: 0.68cm; }
.item-10-1 { top: 21.72cm; left: 4.36cm; width: 15.46cm; height: 1.16cm; }
.item-10-2 { top: 22.92cm; left: 4.38cm; width: 15.46cm; height: 1.39cm; }
.item-11-1 { top: 24.92cm; left: 4.36cm; width: 15.46cm; height: 1.23cm; }
.item-11-2 { top: 26.17cm; left: 4.39cm; width: 15.46cm; height: 1.33cm; }
.item-12 { top: 27.51cm; left: 10.91cm; width: 8.57cm; height: 0.61cm; }
.item-13 { top: 28.15cm; left: 6.85cm; width: 12.64cm; height: 0.64cm; }
.item-14 { top: 28.95cm; left: 11.23cm; width: 8.21cm; height: 0.64cm; }
.item-15 { top: 30.22cm; left: 12.36cm; width: 7.08cm; height: 0.78cm; }
.item-16 { top: 3.93cm; left: 3.82cm; width: 15.72cm; height: 1.39cm; }
.item-17 { top: 5.88cm; left: 3.89cm; width: 15.72cm; height: 1.33cm; }
.item-18 { top: 7.79cm; left: 3.89cm; width: 15.63cm; height: 2.71cm; }
.item-19 { top: 11.11cm; left: 3.91cm; width: 15.59cm; height: 0.68cm; }
.item-20 { top: 12.38cm; left: 3.86cm; width: 15.75cm; height: 1.89cm; }
.item-21 { top: 15.40cm; left: 3.89cm; width: 15.67cm; height: 1.40cm; }
.item-22 { top: 17.37cm; left: 3.89cm; width: 15.56cm; height: 0.69cm; }
.item-23 { top: 18.64cm; left: 3.91cm; width: 15.57cm; height: 1.33cm; }
.item-24 { top: 20.17cm; left: 7.60cm; width: 6.27cm; height: 0.49cm; }
.item-25-amount { top: 20.71cm; left: 7.28cm; width: 3.13cm; height: 0.56cm; }
.item-25-words { top: 20.71cm; left: 13.00cm; width: 5.39cm; height: 0.59cm; }

}