/* V54 consolidated staff portal + booking + survey/complaint + flipbook. Loaded last. */
:root{--v54-blue:#0d2b5e;--v54-light:#1a4999;--v54-gold:#d4af37;--v54-bg:#f4f7fb;--v54-border:#dbe5f1;--v54-green:#169b62;--v54-red:#dc3545;--v54-amber:#d99a00}
#adminModal.v54-ready{background:var(--v54-bg)!important}
#adminModal.v54-ready aside{width:280px!important;background:linear-gradient(180deg,#0b2a5d,#133f80)!important}
#adminModal.v54-ready main{background:var(--v54-bg)!important}
#adminModal.v54-ready header{min-height:62px;border-bottom:1px solid var(--v54-border);box-shadow:none!important}
#adminModal .v54-nav{padding:8px 10px 90px;display:flex;flex-direction:column;gap:10px}
.v54-nav-group{border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:9px}.v54-nav-title{color:var(--v54-gold);font-size:12px;font-weight:900;padding:6px 10px 4px}.v54-nav-link{width:100%;border:0;background:transparent;color:#e7eef9;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font:700 13px Cairo,Arial;cursor:pointer;text-align:right}.v54-nav-link:hover,.v54-nav-link.active{background:#fff;color:var(--v54-blue);box-shadow:0 5px 16px #0002}.v54-nav-link i{width:20px;text-align:center}.v54-nav-link.active{border-right:4px solid var(--v54-gold)}
.v54-view{padding:18px;min-height:calc(100vh - 62px)}.v54-hero{border-radius:18px;background:linear-gradient(125deg,#0b2a5d,#1a4999);color:#fff;padding:22px 26px;box-shadow:0 12px 30px #0d2b5e20;position:relative;overflow:hidden}.v54-hero:after{content:"";position:absolute;inset:-40% -15% auto auto;width:400px;height:220px;background:radial-gradient(circle,#ffffff25,transparent 68%);transform:rotate(-12deg)}.v54-hero h2{font-size:28px;font-weight:900}.v54-hero p{font-weight:700;color:#e4edfb;margin-top:4px}.v54-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.v54-btn{border:1px solid var(--v54-border);border-radius:9px;padding:9px 13px;font:800 13px Cairo,Arial;background:#fff;color:var(--v54-blue);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 2px 7px #0d2b5e0d}.v54-btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px #0d2b5e15}.v54-btn.primary{background:var(--v54-light);color:#fff;border-color:var(--v54-light)}.v54-btn.gold{background:var(--v54-gold);color:var(--v54-blue);border-color:#c49e24}.v54-btn.green{background:var(--v54-green);color:#fff;border-color:var(--v54-green)}.v54-btn.red{background:var(--v54-red);color:#fff;border-color:var(--v54-red)}.v54-btn.ghost{background:#f7f9fc}.v54-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.v54-card{background:#fff;border:1px solid var(--v54-border);border-radius:15px;box-shadow:0 5px 18px #0d2b5e0b}.v54-card-h{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 17px;border-bottom:1px solid #e8eef6}.v54-card-h h3,.v54-card-h h4{font-weight:900;color:var(--v54-blue)}.v54-card-b{padding:16px}.v54-kpis{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px}.v54-kpi{background:#fff;border:1px solid var(--v54-border);border-radius:14px;padding:14px;min-height:103px;position:relative}.v54-kpi .icon{width:38px;height:38px;border-radius:10px;background:#eef4ff;color:var(--v54-light);display:flex;align-items:center;justify-content:center;float:left}.v54-kpi b{font-size:26px;color:var(--v54-blue);font-weight:900;display:block;line-height:1.3}.v54-kpi span{font-size:12px;font-weight:800;color:#64748b}.v54-kpi small{display:block;margin-top:7px;font-weight:800;color:#7b8797}.v54-kpi.warn{border-right:4px solid var(--v54-amber)}.v54-kpi.danger{border-right:4px solid var(--v54-red)}.v54-kpi.good{border-right:4px solid var(--v54-green)}
.v54-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v54-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v54-grid-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.85fr);gap:14px}.v54-input,.v54-select,.v54-textarea{width:100%;border:1px solid #cfdbea;border-radius:9px;background:#fff;padding:9px 10px;font:700 13px Cairo,Arial;color:#183153;outline:none}.v54-input:focus,.v54-select:focus,.v54-textarea:focus{border-color:#5f8fd8;box-shadow:0 0 0 3px #1a499916}.v54-field label{display:block;color:#3e536f;font-size:12px;font-weight:900;margin-bottom:5px}.v54-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v54-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:10px;background:#edf3fb;border-radius:12px}.v54-tab{border:0;border-radius:9px;padding:9px 12px;background:transparent;color:#415a77;font:800 12px Cairo;cursor:pointer}.v54-tab.active{background:#fff;color:var(--v54-blue);box-shadow:0 3px 11px #0d2b5e15;border-bottom:2px solid var(--v54-gold)}
.v54-table-wrap{overflow:auto}.v54-table{width:100%;border-collapse:collapse;min-width:820px}.v54-table th{background:#f3f6fa;color:#3c4f68;font-size:12px;padding:10px;border-bottom:1px solid var(--v54-border);white-space:nowrap}.v54-table td{font-size:12px;font-weight:700;color:#334155;padding:10px;border-bottom:1px solid #eef2f7;vertical-align:top}.v54-table tr:hover td{background:#fafcff}.v54-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;background:#eef4ff;color:#24579d}.v54-badge.green{background:#e9f8f1;color:#087849}.v54-badge.red{background:#fff0f1;color:#b42331}.v54-badge.amber{background:#fff8df;color:#936b00}.v54-badge.gray{background:#f0f2f5;color:#64748b}.v54-empty{padding:28px;text-align:center;color:#8793a2;font-weight:800}.v54-action-list{display:flex;flex-direction:column;gap:8px}.v54-action{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px;border:1px solid #e4ebf3;border-radius:11px;background:#fff}.v54-action b{color:var(--v54-blue);font-size:13px}.v54-action small{color:#68778a;font-weight:700}.v54-bars{display:flex;flex-direction:column;gap:8px}.v54-bar-row{display:grid;grid-template-columns:140px 1fr 52px;align-items:center;gap:9px;font-size:12px;font-weight:800}.v54-bar-track{height:9px;background:#edf1f6;border-radius:99px;overflow:hidden}.v54-bar-fill{height:100%;background:linear-gradient(90deg,#1a4999,#4e89dc);border-radius:99px}.v54-modal{position:fixed;inset:0;z-index:1400;background:#071e3cbd;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(4px)}.v54-modal.hidden{display:none!important}.v54-modal-box{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 70px #0006}.v54-modal-head{position:sticky;top:0;background:var(--v54-blue);color:#fff;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;z-index:2}.v54-modal-head h3{font-weight:900}.v54-modal-close{border:0;background:#ffffff1e;color:#fff;width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer}.v54-note{border-radius:11px;padding:10px 12px;font-size:12px;font-weight:800;background:#eef5ff;color:#245485}.v54-note.warn{background:#fff7df;color:#865f00}.v54-note.danger{background:#fff0f1;color:#a42331}
/* One modal controller: no layout gap/scroll jump when quick buttons open. */
body.v54-modal-open{overflow:hidden!important;padding-right:var(--v54-scrollbar-comp,0px)}
#bookingModal,#trackingModal,#complaintModal,#surveyModal,#techModal,#contactModal{position:fixed!important;inset:0!important;margin:0!important;min-height:100dvh!important;max-height:100dvh!important;overflow:auto!important;transform:none!important}
#bookingModal:not(.hidden),#trackingModal:not(.hidden),#complaintModal:not(.hidden),#surveyModal:not(.hidden),#techModal:not(.hidden),#contactModal:not(.hidden){display:flex!important}
/* About: only the original leadership slot is used; appended duplicate section is suppressed. */
#v12-public-directorate{display:none!important}.v54-leadership{display:grid;gap:14px}.v54-leader-primary{background:linear-gradient(120deg,#0d2b5e,#1a4999);color:#fff;border-radius:18px;padding:20px;display:flex;align-items:center;gap:22px;border-bottom:3px solid var(--v54-gold)}.v54-leader-primary img,.v54-leader-card img{width:104px;height:104px;object-fit:cover;border-radius:50%;background:#fff;border:3px solid var(--v54-gold);padding:2px}.v54-leader-primary h4{font-size:24px;font-weight:900}.v54-leader-primary p{color:#f4cf55;font-weight:900}.v54-leader-deputies{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v54-leader-card{background:#fff;border:1px solid #d8e2ee;border-radius:15px;padding:16px;display:flex;align-items:center;gap:15px}.v54-leader-card img{width:78px;height:78px}.v54-leader-card h4{font-size:18px;color:var(--v54-blue);font-weight:900}.v54-leader-card p{color:#3f6596;font-weight:800}
/* Digital facing-page book */
#v54-flipbook{position:fixed;inset:0;z-index:1550;background:#07192ee8;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px)}#v54-flipbook.hidden{display:none!important}.v54-book-shell{width:min(1500px,98vw);height:min(930px,96vh);background:linear-gradient(180deg,#f7fbff,#e8f2fb);border:1px solid #bdd0e4;border-radius:20px;box-shadow:0 30px 80px #0008;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.v54-book-top,.v54-book-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;background:#f9fcff;border-bottom:1px solid #d4e0ec}.v54-book-bottom{border-top:1px solid #d4e0ec;border-bottom:0}.v54-book-title{font-size:18px;color:var(--v54-blue);font-weight:900}.v54-book-body{display:grid;grid-template-columns:245px minmax(0,1fr) 205px;gap:14px;padding:14px;min-height:0}.v54-book-toc,.v54-book-thumbs{background:#fff;border:1px solid #d9e4ef;border-radius:13px;padding:12px;overflow:auto}.v54-book-toc h3{font-weight:900;color:var(--v54-blue);margin-bottom:10px}.v54-toc-btn{width:100%;border:0;background:#fff;padding:8px 9px;border-radius:8px;font:800 12px Cairo;text-align:right;color:#36506f;cursor:pointer}.v54-toc-btn:hover,.v54-toc-btn.active{background:#fff3c3;color:var(--v54-blue)}.v54-book-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:auto;padding:4px}.v54-spread{display:flex;direction:ltr;align-items:stretch;justify-content:center;filter:drop-shadow(0 18px 18px #0d2b5e30);perspective:1800px}.v54-page{width:min(39vw,540px);aspect-ratio:210/297;background:#fff;position:relative;overflow:hidden;transform-origin:center;border:1px solid #cbd7e4}.v54-page:first-child{border-radius:10px 0 0 10px;box-shadow:inset -14px 0 20px #00000010}.v54-page:last-child{border-radius:0 10px 10px 0;box-shadow:inset 14px 0 20px #00000010}.v54-page img{width:100%;height:100%;object-fit:contain;background:#fff}.v54-page.turn-next{animation:v54TurnNext .38s ease}.v54-page.turn-prev{animation:v54TurnPrev .38s ease}@keyframes v54TurnNext{0%{transform:rotateY(0)}45%{transform:rotateY(-12deg) scale(.99)}100%{transform:rotateY(0)}}@keyframes v54TurnPrev{0%{transform:rotateY(0)}45%{transform:rotateY(12deg) scale(.99)}100%{transform:rotateY(0)}}.v54-book-side{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:#0d2b5ee8;color:#fff;font-size:18px;cursor:pointer;z-index:4}.v54-book-prev{right:8px}.v54-book-next{left:8px}.v54-book-thumbs img{width:100%;border:2px solid transparent;border-radius:6px;cursor:pointer;margin-bottom:8px}.v54-book-thumbs img.active{border-color:var(--v54-gold)}
@media(max-width:1200px){.v54-kpis{grid-template-columns:repeat(4,1fr)}.v54-form-grid{grid-template-columns:repeat(2,1fr)}.v54-book-body{grid-template-columns:190px minmax(0,1fr)}.v54-book-thumbs{display:none}}
@media(max-width:900px){#adminModal.v54-ready aside{width:min(86vw,300px)!important}.v54-grid-main,.v54-grid-2,.v54-grid-3{grid-template-columns:1fr}.v54-kpis{grid-template-columns:repeat(2,1fr)}.v54-form-grid{grid-template-columns:1fr}.v54-view{padding:10px}.v54-book-body{grid-template-columns:1fr}.v54-book-toc{display:none}.v54-spread{display:block}.v54-page{width:min(88vw,560px)}.v54-page:first-child{display:none}.v54-leader-deputies{grid-template-columns:1fr}}