/* GMAO Form Modern Design */
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 20px; }
.form-row.full { grid-template-columns: 1fr; }
@media(max-width:768px) { .form-row { grid-template-columns: 1fr; gap:16px;} }

.form-grp { display: flex; flex-direction: column; gap: 8px; position: relative;}
.form-grp label { font-size: 12px; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: 0.05em; display:flex; align-items:center; gap:6px; margin:0;}
.form-grp label i { color: #f59e0b; font-size: 14px;}

.form-grp input, .form-grp select, .form-grp textarea {
    padding: 12px 14px; border: 1.5px solid #e2e8f0; border-radius: 8px;
    font-size: 14px; outline: none; transition: all .2s; width: 100%; box-sizing: border-box; background: #fff; color:#1e293b; font-weight:500;
}
.form-grp input:focus, .form-grp select:focus, .form-grp textarea:focus { border-color: #f59e0b; box-shadow: 0 0 0 3px rgba(245,158,11,0.1); }

.form-section-title {
    font-size: 11px; font-weight: 800; text-transform: uppercase;
    color: #d97706; letter-spacing: 0.08em;
    margin: 24px 0 16px; display: flex; align-items: center; gap: 8px;
    border-bottom: 1.5px solid #fef3c7; padding-bottom: 8px;
}
.form-section-title:first-child { margin-top: 0; }

.btn-save-modern { 
    background: linear-gradient(135deg, #f59e0b, #d97706); color: white; border: none; 
    padding: 12px 30px; border-radius: 8px; font-weight: 700; cursor: pointer; transition: all .2s;
    display: inline-flex; align-items: center; gap: 8px; font-size: 15px; margin-top:10px;
}
.btn-save-modern:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(245,158,11,0.35); color:white;}

.card-modern { border-radius: 16px; box-shadow: 0 4px 24px rgba(0,0,0,0.04); border:1px solid #f8fafc; padding:24px; background:white; }

/* Modern Radio Buttons */
.radio-group { display: flex; gap: 16px; align-items: center; flex-wrap: wrap;}
.radio-card { display: flex; align-items: center; gap: 10px; padding: 10px 18px; border: 1.5px solid #e2e8f0; border-radius: 8px; cursor: pointer; transition: all .2s; background:#f8fafc; font-size:14px; font-weight:600; color:#475569; margin:0;}
.radio-card:hover { border-color:#cbd5e1; background:#f1f5f9; }
.radio-card input[type="radio"] { width:18px; height:18px; margin:0; cursor:pointer; accent-color: #f59e0b; }

#client-name-suggestion-container, .suggestion-container { top: 100%; left:0; right:0; border-radius: 0 0 8px 8px; border-color: #e2e8f0; box-shadow: 0 4px 12px rgba(0,0,0,0.1); overflow:hidden;}


/* DataTables Premium Orange Pagination Override */
.pagination .page-item.active .page-link,
.page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #f59e0b !important;
    border-color: #f59e0b !important;
    color: white !important;
}
.pagination .page-link, .page-link {
    color: #475569;
}
.pagination .page-link:hover, .page-link:hover {
    color: #d97706;
}