/* طبقة واجهة PWA المحمولة — تكمل تنسيق سطح المكتب ولا تغيّر منطق البيانات. */
:root{--appbar:#12355b;--app-accent:#0e9f9a;--app-surface:#fff;--app-soft:#edf4f8}
.hidden{display:none!important}.app-top{position:sticky;top:0;z-index:6;background:linear-gradient(180deg,var(--bg) 78%,rgba(244,247,250,0));padding-top:max(10px,env(safe-area-inset-top))}.install-app{border:0;border-radius:999px;background:#e7f7f5;color:#08726f;font-weight:800;padding:8px 11px;white-space:nowrap}.nav-icon{font-size:18px;line-height:1}.nav-label{font-size:13px}.mobile-status{display:none}.login-card{position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;inset:auto -45px -62px auto;width:150px;height:150px;background:radial-gradient(circle,#d9f4f1 0,rgba(217,244,241,0) 70%);pointer-events:none}.login-card>*{position:relative}.nav button{display:inline-flex;gap:7px;align-items:center;justify-content:center}.table-wrap{-webkit-overflow-scrolling:touch}
@media(max-width:760px){body{background:linear-gradient(180deg,#edf3f8 0,#f4f7fa 38%,#f7f9fb 100%);padding-bottom:calc(78px + env(safe-area-inset-bottom))}.shell{max-width:560px;padding:0 14px 10px}.app-top{margin:0 -14px;padding:calc(12px + env(safe-area-inset-top)) 14px 15px;background:linear-gradient(135deg,#12355b,#174979);color:#fff;box-shadow:0 8px 24px rgba(18,53,91,.18);border-radius:0 0 22px 22px}.app-top .brand{color:#fff;font-size:18px}.app-top .brand .mark{background:#fff;color:var(--appbar);width:36px;height:36px}.app-top .user{color:#dcebf8;display:grid;grid-template-columns:auto auto;gap:5px;text-align:left;font-size:11px}.app-top .pill{background:rgba(255,255,255,.18);color:#fff;padding:4px 7px}.app-top #logout{grid-column:2;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);padding:6px 8px;font-size:11px}.install-app{background:#fff;color:#12355b;font-size:11px;padding:7px 9px}.nav{position:fixed;z-index:10;bottom:0;right:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;overflow:visible;padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #dce5ec;box-shadow:0 -8px 22px rgba(18,53,91,.10);backdrop-filter:blur(12px)}.nav:has(button[data-page="backups"]){grid-template-columns:repeat(5,1fr)}.nav button{min-width:0;min-height:55px;flex-direction:column;gap:3px;border:0;border-radius:12px;background:transparent;color:#637381;padding:5px 2px}.nav button.active{background:#e9f4f7;color:#0a716e;border:0}.nav-icon{font-size:19px}.nav-label{font-size:10px;white-space:normal;line-height:1.1}.content{gap:13px;padding-top:15px}.card{border-radius:17px;padding:15px;box-shadow:0 5px 18px rgba(18,53,91,.06)}.heading{gap:10px}.heading h1{font-size:22px}.heading h2{font-size:18px}.heading p{font-size:13px}.heading select{max-width:145px;padding:9px}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:13px;border-radius:14px}.metric strong{font-size:24px}.metric span{font-size:11px}.toolbar{align-items:stretch}.toolbar-actions,.filter-controls{gap:7px}.toolbar-actions .button,.filter-controls button{min-height:44px}.button{min-height:46px;padding:12px 14px}.table{min-width:570px}.table th,.table td{padding:11px 8px}.split{gap:13px}.voucher-line{padding:12px}.modal{align-items:end;padding:0}.modal .card{width:100%;max-height:88vh;border-radius:22px 22px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.login{padding:18px;background:linear-gradient(150deg,#e9f3f8,#f9fbfc)}.login-card{border-radius:24px;padding:28px 22px}.login-card .button{width:100%;margin-top:8px}.form-grid{gap:7px}.field{margin:8px 0}.field input,.field select,.field textarea{padding:13px;border-radius:12px}.mobile-status{display:flex;align-items:center;gap:6px;margin:3px 0 12px;font-size:12px;color:#08726f;background:#e7f7f5;border-radius:999px;padding:7px 10px;width:max-content}.notice{font-size:13px}.empty{padding:18px}.result-count{margin:9px 0}.filter-controls input{min-height:44px}.filter-controls select{min-height:44px}.filter-reset{min-height:44px}.form-hint{line-height:1.6}.line-remove{min-height:44px}.top+.nav{margin-top:0}}
@media(min-width:761px){.app-top .install-app{margin-right:auto}.nav-icon{font-size:15px}.nav-label{font-size:inherit}}

@media(max-width:760px){.voucher-card{padding:18px 15px}.voucher-form{gap:11px}.voucher-form>.field{margin:0}.voucher-form .field label{font-size:15px}.voucher-form .field input,.voucher-form .field select,.voucher-form .field textarea{min-height:56px;padding:14px 13px;border-radius:13px;font-size:17px}.voucher-form .field textarea{min-height:116px;line-height:1.6}.voucher-section-title{margin:20px 0 10px;align-items:flex-start;flex-direction:column;gap:3px;font-size:17px}.voucher-section-title span{font-size:13px}.voucher-lines{gap:14px;margin:14px 0}.voucher-line{grid-template-columns:1fr;gap:12px;padding:16px;border:1px solid #ccdbe7;border-radius:17px;background:linear-gradient(145deg,#f7fbfd,#fff);box-shadow:0 4px 12px rgba(18,53,91,.05)}.voucher-line-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--navy);font-size:16px}.voucher-line-heading span{font-size:12px;color:var(--muted)}.voucher-item{width:100%}.voucher-quantity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.voucher-number label{min-height:34px;display:flex;align-items:center;line-height:1.2}.voucher-number input{text-align:center;font-size:23px!important;font-weight:800;color:var(--navy)}.line-remove{width:100%;min-height:50px;font-size:16px;border:1px solid #f4d2cf;background:#fff5f4}.voucher-form #addVoucherLine{width:100%;min-height:54px;font-size:17px;margin-top:2px}.voucher-save{width:100%;min-height:58px;font-size:18px;margin-top:4px}}