/* Page Background */

body{
background:#f4f6f9;
font-family:Arial, Helvetica, sans-serif;
}

/* Main Wrapper */

.pnr-wrapper{

max-width:1000px;
margin:30px auto;
background:#ffffff;
border-radius:8px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
overflow:hidden;

}

/* Header */

.pnr-title{

background:#337ab7;
color:#fff;
text-align:center;
font-size:24px;
padding:14px;
font-weight:600;

}

/* Time */

.pnr-time{

padding:10px 20px;
font-size:14px;
color:#666;

}

/* Form */

.pnr-form-area{

text-align:center;
padding:20px;
border-bottom:1px solid #eee;

}

#pnr_number{

padding:12px;
width:260px;
border:1px solid #ccc;
border-radius:4px;
font-size:15px;
outline:none;
}

#pnr_number:focus{

border-color:#337ab7;

}

#check_pnr{

padding:12px 18px;
background:#337ab7;
color:#fff;
border:none;
border-radius:4px;
cursor:pointer;
margin-left:6px;
font-size:15px;

}

#check_pnr:hover{

background:#2c689c;

}

/* Query Text */

.pnr-query{

text-align:center;
font-size:18px;
margin:20px;
color:#333;

}

/* Tables */

.pnr-table{

width:95%;
margin:20px auto;
border-collapse:collapse;
background:#fff;

}

.pnr-table th{

background:#337ab7;
color:#fff;
padding:10px;
font-weight:500;
font-size:14px;

}

.pnr-table td{

padding:10px;
border-bottom:1px solid #eee;
text-align:center;
font-size:14px;

}

.pnr-table tr:nth-child(even){

background:#fafafa;

}

/* Buttons Section */

.pnr-buttons{

display:flex;
justify-content:center;
gap:12px;
margin:25px 0;

}

.pnr-btn{

background:#337ab7;
color:#fff;
border:none;
padding:10px 16px;
font-size:14px;
border-radius:4px;
cursor:pointer;

}

.pnr-btn:hover{

background:#2c689c;

}

/* Whatsapp Button */

.whatsapp-btn{

background:#25D366;

}

/* Print Button */

.print-btn{

background:#444;

}

/* Loader */

.pnr-loading{

text-align:center;
padding:25px;
color:#555;
font-size:15px;

}

/* Error */

.pnr-error{

text-align:center;
padding:20px;
color:red;

}

/* Mobile Responsive */

@media (max-width:768px){

.pnr-wrapper{

margin:15px;

}

.pnr-form-area{

padding:15px;

}

#pnr_number{

width:100%;
margin-bottom:10px;

}

#check_pnr{

width:100%;
margin:0;

}

.pnr-table{

font-size:13px;
display:block;
overflow-x:auto;

}

.pnr-buttons{

flex-direction:column;
align-items:center;

}

.pnr-btn{

width:90%;
max-width:280px;

}

}
/* Share Button */

.share-btn{
background:#5bc0de;
}

.print-btn{
background:#444;
}

/* Ticket Button */

.ticket-btn{
background:#5cb85c;
}

/* Hide buttons when printing */

@media print{

.pnr-buttons{
display:none;
}

body{
background:#fff;
}

}