* { box-sizing: border-box; font-family: 'Anek Gujarati', sans-serif; font-weight: 300; font-size: 15px; }
body { background-color: #f0f2f5; margin: 0; padding: 0; color: #333; overflow-x: hidden; }
h1, h2, h3, h4, th, label, button, b, strong, .highlight, .bank-tab, .dash-card h3 { font-weight: 600; }
h2, h3 { text-align: center; color: #0056b3; margin-top: 0; font-weight: 700;}

#authWrapper { display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; flex-direction: column; }
.auth-box { background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); width: 100%; max-width: 500px; text-align: center; }
.auth-box input { width: 100%; padding: 12px; margin: 8px 0; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; font-weight: 400;}
.mandatory { border-color: #17a2b8 !important; background: #f8fbff; }

.creator-info { margin-top: 25px; padding: 15px; background: #e9ecef; border-radius: 8px; border-left: 5px solid #007bff; text-align: left; max-width: 500px; width: 100%; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.creator-info h4 { margin: 0 0 5px 0; color: #333; font-size: 16px; }
.creator-info p { margin: 2px 0; color: #555; font-size: 14px; }

button, .action-btn { padding: 12px; background: #28a745; color: white; border: none; border-radius: 6px; cursor: pointer; margin-top: 10px; width: 100%; font-size: 16px; transition: 0.3s; }
button:hover:not(:disabled) { background: #218838; }
button:disabled { background: #888; cursor: not-allowed; }

.link-btn { background: none; color: #007bff; border: none; cursor: pointer; font-size: 15px; margin-top: 15px; text-decoration: underline; width: auto; padding: 0;}
.btn-blue { background: #007bff; } .btn-blue:hover { background: #0056b3; }
.btn-red { background: #dc3545; } .btn-red:hover { background: #c82333; }
.btn-orange { background: #fd7e14; } .btn-orange:hover { background: #e36a0b; }
.btn-info { background: #17a2b8; } .btn-info:hover:not(:disabled) { background: #138496; }
.back-btn { background: #6c757d; margin-bottom: 20px; width: auto; padding: 10px 20px; }

/* 💡 MAGIC FIX FOR BUTTON CLICKS 💡 */
.tbl-btn { padding:6px 12px; margin:2px; width:auto; border-radius:5px; font-size:14px; display:inline-block;}
.tbl-btn i { pointer-events: none; } /* આનાથી આઇકોન પર ક્લિક બ્લોક થશે અને સીધું બટન જ દબાશે */

#appContainer { display: none; padding: 15px; max-width: 1100px; margin: 0 auto; }
.top-bar { display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 15px 20px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); flex-wrap: wrap; gap: 10px;}

.bank-switcher { display: flex; background: #e9ecef; border-radius: 8px; overflow: hidden; border: 2px solid #007bff; width: 100%; justify-content: center;}
.bank-tab { padding: 10px 20px; cursor: pointer; color: #555; transition: 0.3s; flex: 1; text-align: center;}
.bank-tab.active { background: #007bff; color: white; }

.logout-btn { background: #dc3545; width: auto; padding: 8px 15px; font-size: 14px; margin:0;}
.section-view { display: none; animation: fadeIn 0.3s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.dash-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.dash-card { background: #fff; padding: 20px 10px; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); text-align: center; cursor: pointer; border: 2px solid transparent; transition: 0.3s;}
.dash-card:hover { transform: translateY(-5px); border-color: #007bff; box-shadow: 0 6px 15px rgba(0,123,255,0.1);}
.dash-card i { font-size: 35px; color: #007bff; margin-bottom: 10px; font-weight: 900;} 
.dash-card h3 { color: #333; margin: 0; font-size: 16px; }

.card { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin-bottom: 20px;}
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; }
label { margin-bottom: 5px; display: block; color: #555; }
input, select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-weight: 400;}

.download-row { display: flex; justify-content: space-between; align-items: center; padding: 15px; border-bottom: 1px solid #eee; flex-wrap: wrap; gap: 10px; }

.table-responsive { overflow-x: auto; background: #fff; padding: 15px; border-radius: 8px; width: 100%; box-sizing: border-box; }
table { width: 100%; border-collapse: collapse; min-width: 1000px; font-size: 14px; }
th, td { border: 1px solid #000; padding: 8px; text-align: center; vertical-align: middle; }
th { background-color: #e9ecef; font-size: 15px; }

.report-header { text-align: center; margin-bottom: 20px; border-bottom: 2px solid #000; padding-bottom: 10px; }
.common-info { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; font-size: 14px; margin-bottom: 15px; background: #f8f9fa; padding: 15px; border: 1px solid #ddd; border-radius: 6px; }
/* .print-only removed */ 

/* PDF CSS */
.pdf-mode { width: 1060px !important; max-width: 1060px !important; margin: 0 auto !important; padding: 30px !important; background: #fff !important; box-sizing: border-box !important; }
.pdf-mode * { font-family: 'Anek Gujarati', sans-serif !important; font-weight: 300 !important; }
.pdf-mode th, .pdf-mode b, .pdf-mode strong, .pdf-mode .highlight { font-weight: 600 !important; }
.pdf-mode .report-header h3 { font-weight: 700 !important; font-size: 20px !important; }
.pdf-mode .table-responsive { overflow: visible !important; padding: 0 !important; border: none !important; }
.pdf-mode .print-only { display: block !important; }
.pdf-mode .no-print { display: none !important; }
.pdf-mode .report-header { text-align: center !important; border-bottom: 2px solid #000 !important; padding-bottom: 10px !important; margin-bottom: 15px !important; }
.pdf-mode .common-info { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px 30px !important; background: none !important; border: none !important; padding: 5px !important; font-size: 13px !important; color: #000 !important; }
.pdf-mode table { width: 100% !important; min-width: 100% !important; font-size: 12px !important; table-layout: auto !important; }
.pdf-mode th { padding: 6px 4px !important; font-size: 13px !important;}
.pdf-mode td { padding: 6px 4px !important; white-space: normal !important; line-height: 1.5 !important; color: #000 !important; }
.print-footer { display: flex; justify-content: space-between; align-items: flex-start; padding: 20px; font-size: 14px; }
.pdf-mode .print-footer { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; padding-left: 20px !important; padding-right: 20px !important; margin-top: 40px !important; width: 100% !important; color: #000 !important; font-size: 14px !important; }

@media (max-width: 768px) {
    .grid-2, .grid-3 { grid-template-columns: 1fr; }
    .dash-grid { grid-template-columns: 1fr 1fr; }
    .top-bar { flex-direction: column; text-align: center; }
    .download-row { flex-direction: column; text-align: center; }
    .btn-group { display: flex; flex-direction: column; width: 100%; }
}