/* v7 experience polish: إنجاز */
:root{--injaz-primary:#0d5f8f;--injaz-primary-2:#0f8aa8;--injaz-accent:#16a34a;--injaz-warn:#f59e0b;--injaz-danger:#dc2626;--injaz-soft:#f4fbff;--injaz-border:#dcebf3;--injaz-ink:#0f172a;--injaz-muted:#64748b}
.app-page-header{align-items:center!important;text-align:center!important;gap:10px!important}
.app-page-header-main{flex:1 1 260px!important;min-width:0!important;display:flex!important;justify-content:center!important;text-align:center!important;padding-inline:54px 8px!important}
.app-header-brand{justify-content:center!important;text-align:center!important;margin-inline:auto!important}
.app-header-brand-copy strong{font-size:clamp(18px,2.4vw,25px)!important;line-height:1.25!important;color:var(--injaz-ink)!important}
.app-header-brand-copy small{font-size:12px!important;color:var(--injaz-muted)!important}
.app-page-header-side{gap:7px!important;flex-wrap:wrap!important;justify-content:center!important}
.app-top-action{min-height:38px!important;border-radius:14px!important;padding:8px 11px!important;font-size:12px!important;box-shadow:0 7px 18px rgba(15,23,42,.06)!important}
.app-notification-icon-only,.app-charge-points-btn{width:42px!important;height:42px!important;min-width:42px!important;justify-content:center!important;border-radius:999px!important;padding:0!important;position:relative!important}
.app-charge-points-btn{width:auto!important;padding:0 13px!important;background:linear-gradient(135deg,#ecfdf5,#e0f2fe)!important;color:#075985!important;border:1px solid #bae6fd!important;font-weight:800!important}
.app-charge-points-btn:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(14,116,144,.14)!important}
.app-notification-icon-only span:not(.app-notification-badge){display:none!important}
.app-notification-badge{position:absolute!important;top:-5px!important;left:-5px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;font-size:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:2px solid #fff!important}
.app-points-chip{background:#fffbeb!important;color:#92400e!important;border:1px solid #fde68a!important;font-weight:800!important}
.btn,.button,button.btn{border-radius:14px!important;font-weight:800!important;letter-spacing:0!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#0d5f8f,#0f8aa8)!important;border:0!important;color:#fff!important;box-shadow:0 12px 24px rgba(13,95,143,.18)!important}
.btn-secondary{background:linear-gradient(135deg,#155e75,#0f766e)!important;border:0!important;color:#fff!important;box-shadow:0 10px 22px rgba(15,118,110,.14)!important}
.btn-warning,.btn-inline-charge{background:linear-gradient(135deg,#f59e0b,#f97316)!important;color:#fff!important;border:0!important;box-shadow:0 10px 20px rgba(249,115,22,.16)!important}
.btn-ghost{background:#f8fafc!important;color:#334155!important;border:1px solid #e2e8f0!important}
.auth-submit-btn{min-height:52px!important;font-size:16px!important;border-radius:18px!important;background:linear-gradient(135deg,#0d5f8f,#16a34a)!important;box-shadow:0 18px 32px rgba(13,95,143,.22)!important}
.auth-form-links-row a,.auth-links a{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;text-decoration:none!important;font-weight:800!important;color:#0d5f8f!important}
.auth-form-links-row a:hover,.auth-links a:hover{background:#eef9ff!important;color:#075985!important}
.auth-hero-copy h1{font-size:clamp(30px,5vw,58px)!important;color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.18)!important}
.auth-hero-copy p{font-size:15px!important;color:rgba(255,255,255,.92)!important}
.app-pricing-modal{position:fixed;inset:0;z-index:9998;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.48);backdrop-filter:blur(10px)}
.app-pricing-modal.is-visible{display:flex;animation:injazFade .18s ease both}
.app-pricing-card{width:min(94vw,520px);max-height:88vh;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:26px;padding:24px;box-shadow:0 28px 75px rgba(2,6,23,.28);position:relative;text-align:center}
.app-modal-close{position:absolute;top:14px;left:14px;width:36px;height:36px;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;cursor:pointer}
.app-pricing-icon{width:70px;height:70px;border-radius:24px;margin:2px auto 12px;display:grid;place-items:center;background:linear-gradient(135deg,#e0f2fe,#dcfce7);color:#0d5f8f;font-size:28px;box-shadow:0 15px 28px rgba(13,95,143,.12)}
.app-pricing-card h2{margin:0 0 8px;font-size:24px;color:#0f172a}.app-pricing-card p{margin:0 auto 14px;color:#475569;line-height:1.8;max-width:440px}.app-pricing-list{display:grid;gap:8px;text-align:right;margin:16px 0}.app-pricing-list span{display:flex;gap:9px;align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;color:#334155;font-weight:700;line-height:1.7}.app-pricing-list i{color:#0d5f8f;margin-top:4px}.app-pricing-actions,.app-charge-actions{display:flex!important;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.app-charge-card .app-form-grid{text-align:right;display:grid;grid-template-columns:1fr;gap:12px}.app-charge-card textarea{resize:vertical;min-height:86px}
.app-flash,.app-message-box.is-visible{border-radius:16px!important;border:1px solid #dbeafe!important;box-shadow:0 12px 26px rgba(15,23,42,.07)!important}.app-flash-success,.app-message-box.success{background:#ecfdf5!important;color:#065f46!important;border-color:#bbf7d0!important}.app-flash-error,.app-message-box.error{background:#fef2f2!important;color:#991b1b!important;border-color:#fecaca!important}.app-flash-warning,.app-message-box.warning{background:#fffbeb!important;color:#92400e!important;border-color:#fde68a!important}
.app-hospital-search-results,#hospital_search_results.app-hospital-search-results,.app-hospital-search-results-inline{max-height:420px!important;overflow:auto!important;padding:8px!important;display:none;border-radius:18px!important;background:#0f172a!important;border:1px solid rgba(226,232,240,.20)!important;box-shadow:0 22px 60px rgba(2,6,23,.30)!important}.app-hospital-search-results[style*="block"],.app-hospital-search-results.is-visible,.app-hospital-search-results-inline[style*="block"]{display:grid!important;gap:7px!important}.app-search-result-item,.search-result-item{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;min-height:64px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(226,232,240,.10)!important;color:#fff!important;text-align:right!important}.app-search-result-main,.app-search-item-main{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}.app-search-result-main strong,.app-search-item-title strong,.search-result-item div:first-child{font-size:14px!important;line-height:1.5!important;color:#fff!important;white-space:normal!important;word-break:break-word!important}.app-search-result-main em,.app-search-item-sub em,.search-result-item div:nth-child(2){font-size:12px!important;line-height:1.45!important;color:#cbd5e1!important;white-space:normal!important;word-break:break-word!important}.hospital-result-badge{font-size:11px!important;padding:5px 9px!important;min-width:58px!important;white-space:nowrap!important}.app-search-result-item:hover,.search-result-item:hover{background:rgba(14,165,233,.18)!important;border-color:rgba(125,211,252,.32)!important}
.app-page-admin .btn,.app-page-manage .btn,.app-page-qr .btn{min-height:36px!important;padding:8px 12px!important;font-size:12px!important;border-radius:12px!important}.app-page-admin .form-input,.app-page-manage .form-input,.app-page-qr .form-input,.app-page-admin .form-select,.app-page-manage .form-select,.app-page-qr .form-select{min-height:39px!important;padding:8px 11px!important;font-size:13px!important;border-radius:12px!important}.app-page-admin .app-card,.app-page-manage .glass-card,.app-page-qr .app-card{border-radius:20px!important;padding:clamp(14px,2vw,22px)!important}.admin-hero{padding:18px!important}.admin-hero h1{font-size:clamp(20px,3vw,32px)!important}.admin-kpi-grid{gap:10px!important}.admin-kpi-card{padding:14px!important;min-height:auto!important}.admin-kpi-card strong{font-size:24px!important}.admin-actions-stack{gap:8px!important}.admin-inline-form,.admin-permissions-form{gap:7px!important}.admin-table td,.admin-table th{padding:9px!important;font-size:12px!important}.section-nav-link{padding:9px 12px!important;font-size:12px!important;border-radius:13px!important}
.qr-settings-grid,.app-page-manage .form-grid{gap:12px!important}.qr-hero-card{display:flex;align-items:center;gap:14px}.qr-hero-card h2{font-size:20px!important}.qr-preview-box{min-height:120px!important}.qr-preview-image{max-height:120px!important;object-fit:contain!important}
@media (max-width:900px){.app-page-header{padding-top:10px!important}.app-page-header-main{padding-inline:54px 54px!important;flex-basis:100%!important}.app-page-header-side{width:100%!important;justify-content:center!important}.app-page-user-chip,.app-copy-code,.app-top-action-logout{display:none!important}.app-charge-points-btn span{display:none!important}.app-charge-points-btn{width:42px!important;min-width:42px!important;padding:0!important}.app-top-action{font-size:11px!important}.app-shell,.main-content{padding-inline:12px!important}.admin-layout-grid,.app-dashboard-grid,.app-grid-2,.qr-settings-grid{grid-template-columns:1fr!important}.admin-table-tools{display:grid!important;grid-template-columns:1fr!important}.app-page-admin .table-responsive,.app-page-manage .table-container{overflow-x:auto!important;border-radius:16px!important}.app-page-admin table,.app-page-manage table{min-width:720px!important}.admin-hero{grid-template-columns:1fr!important;text-align:center!important}.admin-hero-actions{justify-content:center!important}.app-hospital-search-results,#hospital_search_results.app-hospital-search-results{max-height:360px!important}.app-search-result-item,.search-result-item{grid-template-columns:1fr!important;align-items:flex-start!important}.hospital-result-badge{justify-self:start!important}}
@media (max-width:520px){.app-page-header-main{padding-inline:48px 48px!important}.app-header-logo{width:34px!important;height:34px!important}.app-header-brand-copy small{display:none!important}.app-top-action{min-height:36px!important}.app-points-chip span{font-size:11px!important}.app-pricing-card{padding:20px 16px;border-radius:22px}.auth-shell{min-height:100vh!important}.auth-form-card{border-radius:24px!important;padding:20px!important}.auth-submit-btn{min-height:50px!important}.app-page-admin .btn,.app-page-manage .btn,.app-page-qr .btn{width:auto!important;min-width:0!important}.actions{gap:7px!important;flex-wrap:wrap!important}.actions .btn{flex:1 1 auto!important}.app-page-admin table,.app-page-manage table{min-width:640px!important}.qr-hero-card{align-items:flex-start}.qr-hero-icon{width:48px!important;height:48px!important}.app-hospital-search-results,#hospital_search_results.app-hospital-search-results{max-height:310px!important}}
@keyframes injazFade{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
.app-page-header{position:sticky!important;top:10px!important;z-index:1200!important}
