@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
*{font-family:'Tajawal',Arial,sans-serif;}
body{background:#f4f6fb;color:#1f2937;}
.app-navbar{background:linear-gradient(135deg,var(--main-color),#111827);}
.nav-logo{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:8px;padding:3px;}
.app-container{max-width:1320px;}
.card{border:0;border-radius:18px;box-shadow:0 10px 35px rgba(15,23,42,.06);}
.stat-card{overflow:hidden;position:relative;}
.stat-card:before{content:"";position:absolute;inset:auto -30px -40px auto;width:110px;height:110px;background:rgba(13,110,253,.12);border-radius:50%;}
.btn{border-radius:12px;}
.form-control,.form-select{border-radius:12px;border-color:#d8deea;}
.table{vertical-align:middle;}
.table thead th{background:#eef2ff;color:#111827;border:0;}
.badge{border-radius:999px;padding:.5em .75em;}
.auth-page{min-height:100vh;background:radial-gradient(circle at top right,rgba(13,110,253,.22),transparent 32%),linear-gradient(135deg,#f8fafc,#e5e7eb);}
.auth-card{max-width:460px;width:100%;}
.auth-card-wide{max-width:640px;}
.ticket-message{border-radius:18px;padding:14px 16px;margin-bottom:12px;background:#fff;border:1px solid #e5e7eb;}
.ticket-message.staff{background:#eef7ff;border-color:#cfe9ff;}
.ticket-message.internal{background:#fff7ed;border-color:#fed7aa;}
.print-box{background:#fff;color:#111;padding:28px;border-radius:18px;}
.invoice-header{border-bottom:2px solid #e5e7eb;padding-bottom:18px;margin-bottom:22px;}
.invoice-logo{max-height:75px;max-width:160px;object-fit:contain;}
@media(max-width:768px){
    .app-container{padding-left:12px;padding-right:12px;}
    .table-responsive-card thead{display:none;}
    .table-responsive-card table,.table-responsive-card tbody,.table-responsive-card tr,.table-responsive-card td{display:block;width:100%;}
    .table-responsive-card tr{background:#fff;border-radius:16px;margin-bottom:12px;padding:10px;box-shadow:0 8px 25px rgba(15,23,42,.05);}
    .table-responsive-card td{border:0!important;padding:7px 4px;}
    .table-responsive-card td:before{content:attr(data-label);font-weight:700;color:#64748b;margin-left:8px;}
}
@media print{
    .no-print,.navbar,footer,.alert{display:none!important;}
    body{background:#fff;}
    .app-container{max-width:100%;padding:0!important;}
    .card,.print-box{box-shadow:none!important;border:0!important;border-radius:0!important;}
    a{text-decoration:none;color:#111;}
}