/* SHABAB SAFARI PRO 1.5.11 — ONE LOOK: the approved REPORTS design (Al Ansari theme) as ONE shared design kit for EVERY screen.
   Page header (title + small theme badge + one grey line), big rounded search, dark pill chips (the .tabs of every page), white rounded
   cards with a soft accent top border, lists / tables inside white rounded cards, form cards, empty state, hub card grids (= the Reports cards).
   Works in all 3 themes (Light / Dark / Brand): every colour comes from the theme engine (js/theme.js); Brand = navy menu + yellow accent + cream page.
   Only the LOOK: no route, no data, no feature changes here.  Fonts: Montserrat (EN), Tajawal (AR, official), Noto Sans Malayalam (ML). */
@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin-600-normal.woff2) format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin-700-normal.woff2) format('woff2');font-weight:700 800;font-display:swap}
@font-face{font-family:Tajawal;src:url(../fonts/tajawal-arabic-400-normal.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Tajawal;src:url(../fonts/tajawal-arabic-700-normal.woff2) format('woff2');font-weight:500 800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
:root{
  --k-top:var(--card-top,color-mix(in srgb,var(--acc,#f2c300) 80%,transparent));
  --k-chip:var(--chip-bg,var(--main,#1f3a6e)); --k-chip-ink:var(--chip-text,#ffffff);
  --k-chip-on:var(--acc,#f2c300); --k-chip-on-ink:var(--acc-ink,#1f3a6e);
  --k-search:var(--search-border,color-mix(in srgb,var(--acc,#f2c300) 70%,transparent));
  --k-radius:16px; --k-shadow:0 3px 14px rgba(31,58,110,.07); --k-shadow-hi:0 10px 26px rgba(31,58,110,.16);
}
[data-theme=dark]{--k-chip:var(--chip-bg,color-mix(in srgb,var(--main,#1f3a6e) 75%,#ffffff 6%)); --k-shadow:0 3px 14px rgba(0,0,0,.28); --k-shadow-hi:0 10px 26px rgba(0,0,0,.42)}
/* ---- fonts */
body,input,select,textarea,button{font-family:Montserrat,Tajawal,Manrope,Cairo,system-ui,'Segoe UI',Tahoma,sans-serif}
[dir=rtl] body,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,[dir=rtl] button{font-family:Tajawal,Montserrat,Cairo,Tahoma,sans-serif}
html.ml body,html.ml input,html.ml select,html.ml textarea,html.ml button{font-family:Montserrat,'Noto Sans Malayalam',sans-serif}
body{font-size:14.5px}

/* ---- 1. PAGE HEADER: title + small theme badge + one grey line (KIT.head / KIT.dress) */
.k-head{display:flex;flex-direction:column;gap:2px;margin:0 0 14px;min-width:0}
.k-head .k-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;min-width:0}
.k-head h1,.k-headrow h1{margin:0;font-size:1.55rem;font-weight:700;letter-spacing:.1px;color:var(--head);overflow-wrap:anywhere}
.k-head .k-acts{margin-inline-start:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.k-headrow{align-items:center}
.k-sub{color:var(--faint);font-size:13.5px;line-height:1.45;margin:2px 0 0}
.k-headrow + .k-sub{margin:-6px 0 14px}
.k-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:20px;font:inherit;font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;line-height:1.3;
  background:color-mix(in srgb,var(--acc,#f2c300) 18%,var(--card,#fff));color:var(--head);border:1px solid color-mix(in srgb,var(--acc,#f2c300) 55%,transparent);cursor:pointer;white-space:nowrap;vertical-align:middle}
.k-badge i{width:9px;height:9px;border-radius:50%;background:var(--acc,#f2c300);box-shadow:0 0 0 2px color-mix(in srgb,var(--k-chip) 70%,transparent)}
.k-badge:hover,.k-badge:focus-visible{border-color:var(--acc);outline:none}
[dir=rtl] .k-badge{letter-spacing:0;padding:3px 8px 3px 10px}
.rp-head{margin-bottom:4px}.rp-head h1{font-size:1.55rem}
.rp-head .faint,.k-head .faint{margin:2px 0 14px}

/* ---- 2. CHIPS: every page's tab row (.tabs) = the dark pill category chips of the Reports page; the open one = accent pill */
.content .tabs{gap:8px;margin-bottom:14px}
.content .tabs button,.content .tabs>a{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--k-chip);color:var(--k-chip-ink);padding:6px 14px;border-radius:20px;font:inherit;font-size:12.5px;font-weight:700;
  box-shadow:0 2px 8px rgba(0,0,0,.06);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.content .tabs button:hover,.content .tabs>a:hover,.content .tabs button:focus-visible,.content .tabs>a:focus-visible{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12);outline:none}
.content .tabs button.on,.content .tabs a.on{background:var(--k-chip-on);color:var(--k-chip-on-ink);box-shadow:0 0 0 2px color-mix(in srgb,var(--k-chip-on) 35%,transparent),0 4px 12px rgba(0,0,0,.1);border:0}
.rp-chip{background:var(--k-chip);color:var(--k-chip-ink)}
.k-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}

/* ---- 3. CARDS: white rounded, soft accent top line, soft shadow (every .card on every page) */
.content .card,.k-card{background:var(--card);border:1px solid var(--line2);border-top:4px solid var(--k-top);border-radius:var(--k-radius);box-shadow:var(--k-shadow);backdrop-filter:none}
.content .card .card,.content .card .tbl-wrap,.sbd .card{border-top-width:1px;box-shadow:none}
.content .card>h2:first-child,.content .card>h3:first-child,.k-card>h2:first-child{font-size:1.02rem;font-weight:700;color:var(--head)}
.content .kpi{border-radius:var(--k-radius);border:1px solid var(--line2);box-shadow:var(--k-shadow);backdrop-filter:none}
.content .kpi:before{height:4px;background:var(--k-top)}
.content .hero{border-radius:var(--k-radius)}

/* ---- 4. LISTS / TABLES inside white rounded cards */
.content .tbl-wrap{background:var(--card);border:1px solid var(--line2);border-top:4px solid var(--k-top);border-radius:var(--k-radius);box-shadow:var(--k-shadow)}
.content .tbl-wrap.card{padding:0}
.content .t th{font-size:11.5px;letter-spacing:.35px;text-transform:uppercase;background:var(--th-bg);color:var(--th-text);border-bottom:1px solid var(--line2)}
[dir=rtl] .content .t th{letter-spacing:0}
.content .t td{border-bottom:1px solid var(--line2)}
.content .t tbody tr:last-child td{border-bottom:0}
.content .t tr.click:hover td,.content .t tbody tr:hover td{background:var(--hover)}
.content .t tfoot td{background:color-mix(in srgb,var(--acc,#f2c300) 10%,var(--card));border-top:2px solid color-mix(in srgb,var(--acc,#f2c300) 50%,transparent)}
.content .li{border-radius:14px;border:1px solid var(--line2);border-inline-start:4px solid var(--k-top);box-shadow:var(--k-shadow)}
.content .pager{margin-top:12px}

/* ---- 5. BIG ROUNDED SEARCH (page search boxes; not the small pickers inside forms / tables) */
.content input[type=search]:not(.refp input):not(td input):not(th input):not(.rp-search input):not(.k-search input):not(.sbd input){border-radius:24px;border:2px solid var(--k-search);padding-inline-start:40px;min-height:44px;
  background:var(--card) no-repeat 14px 50%/17px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a93a8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
  box-shadow:0 4px 18px rgba(31,58,110,.08)}
[dir=rtl] .content input[type=search]:not(.refp input):not(td input):not(th input):not(.rp-search input):not(.k-search input):not(.sbd input){background-position:calc(100% - 14px) 50%}
.content input[type=search]:not(.refp input):not(td input):not(th input):not(.rp-search input):not(.k-search input):not(.sbd input):focus{border-color:var(--gold);box-shadow:0 6px 22px rgba(31,58,110,.16)}
.k-search{display:flex;align-items:center;gap:10px;max-width:560px;background:var(--card);border:2px solid var(--k-search);border-radius:28px;padding:4px 18px;box-shadow:0 4px 18px rgba(31,58,110,.10);margin-bottom:12px;color:var(--faint)}
.k-search:focus-within{border-color:var(--gold);box-shadow:0 6px 22px rgba(31,58,110,.16)}
.k-search input{border:0;background:transparent;box-shadow:none;padding:10px 0;font-size:15px;flex:1;min-width:0;outline:none}
.k-search input:focus{box-shadow:none}

/* ---- 6. BUTTONS: one shape everywhere */
.content .btn{border-radius:12px}
.content .btn.sm{border-radius:10px}
.content .btn.pri{background:var(--pri-bg);color:var(--pri-text)}
.k-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* ---- 7. FORM CARD: labels small grey bold, fields in a grid inside the white card */
.k-form .form-grid,.content .card .form-grid{gap:12px 16px}
.content label.f{font-size:12px;letter-spacing:.2px;color:var(--muted)}
.content .opt-box{border-radius:14px}

/* ---- 8. EMPTY STATE */
.content .empty,.k-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--muted);padding:28px 16px}
.content td.empty{display:table-cell}
.k-empty svg{color:var(--faint)}

/* ---- 9. HUB CARD GRIDS (Masters, Transactions, Settings, Financial year): exactly the Reports cards (.rp-g / .rp-cards / .rc) */
.k-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}
a.rc.hub-c{cursor:pointer}
.hub-c .hub-acts{margin-top:6px}
.rc .k-tag{position:absolute;top:10px;inset-inline-end:10px;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:1px 8px;border-radius:12px;background:color-mix(in srgb,var(--acc) 25%,transparent);color:var(--head)}
@media (max-width:640px){.k-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

/* ---- 10. SIDEBAR: white rounded logo card on top + Find in menu + yellow active pill (Brand) - only polish, same menu */
.side .side-co .pill.side-wide,.side .side-co .co-logo{border-radius:16px}
.side .nav a,.side .nav-it{border-radius:12px}
.side-ver{font-size:11px;margin:20px 8px 0;color:var(--menu-faint)}
.side .nav-gl{color:inherit;text-decoration:none;flex:1;border-radius:8px;padding:2px 4px;margin:-2px -4px}
.side .nav-gl:hover,.side .nav-gl:focus-visible{color:var(--menu-text);background:var(--menu-hover);outline:none}
.side .nav-g.hub-on .nav-gl,.side .nav-gl.on{color:var(--menu-on-text);background:var(--menu-on-bg);font-weight:800}

/* ---- 11. HQ OMAN | HQ UAE switch (top bar): a segmented control, the current company highlighted */
.hq-sw{display:inline-flex;align-items:center;padding:3px;border-radius:22px;background:var(--k-chip);box-shadow:0 2px 8px rgba(0,0,0,.08);gap:2px;flex:none}
.hq-sw button{border:0;background:transparent;color:var(--k-chip-ink);font:inherit;font-size:12px;font-weight:800;letter-spacing:.4px;padding:6px 13px;border-radius:18px;cursor:pointer;white-space:nowrap;min-height:30px;opacity:.82}
.hq-sw button:hover{opacity:1}
.hq-sw button.on{background:var(--k-chip-on);color:var(--k-chip-on-ink);opacity:1;cursor:default;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.hq-sw button:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
/* 1.5.13 V2 book-colour dots on the HQ switch (HQ UAE maroon, HQ OMAN navy, HQ INDIA green) */
.hq-sw .hq-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:6px;vertical-align:1px;box-shadow:0 0 0 1.5px rgba(255,255,255,.75);background:#0a1d44}
.hq-sw button[data-book=maroon] .hq-dot{background:#7a1428}.hq-sw button[data-book=emerald] .hq-dot{background:#0f6b4f}.hq-sw button[data-book=navy] .hq-dot{background:#0a1d44;box-shadow:0 0 0 1.5px #f2c300}
.hq-sw button[data-book=maroon] .hq-dot{box-shadow:0 0 0 1.5px #d9a521}
@media (max-width:420px){.hq-sw .hq-dot{width:7px;height:7px;margin-inline-end:4px}}
[dir=rtl] .hq-sw button{letter-spacing:0}
@media (max-width:900px){.hq-sw button{padding:5px 9px;font-size:11px}}
.hq-mob{display:none}
@media (max-width:900px){.hq-mob{display:flex;justify-content:center;padding:10px 12px 0}}
@media (max-width:420px){.hq-sw button{padding:5px 7px;font-size:10.5px;letter-spacing:0}}

/* ---- 12. FAST VISA ENTRY: period panel (Today · Yesterday · Last 7 days · This month · Last month · Custom) */
.fp-per{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.fp-per button{border:0;background:var(--k-chip);color:var(--k-chip-ink);padding:5px 11px;border-radius:18px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.fp-per button.on{background:var(--k-chip-on);color:var(--k-chip-on-ink)}
.fp-cus{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}.fp-cus[hidden]{display:none}.fp-cus input{width:auto;flex:1;min-width:130px}
.fp-flt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 8px}
.fp-tot{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;margin:0 0 8px;
  background:color-mix(in srgb,var(--acc,#f2c300) 14%,var(--card));border:1px solid color-mix(in srgb,var(--acc,#f2c300) 45%,transparent);font-size:13px}
.fp-tot b{font-size:16px;color:var(--total,var(--head))}
.fp-out{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.fp-out .btn{flex:1 1 auto}
.fast-list tr[data-go]{cursor:pointer}
.fast-side .fp-scroll{max-height:560px;overflow:auto}
.content .fast-wrap{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.fast-list td{font-size:12.5px;padding:8px 9px}.fast-list th{padding:9px}.fast-list .pp{display:block;font-size:11px;color:var(--faint)}
@media (max-width:900px){.content .fast-wrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.fp-flt{grid-template-columns:minmax(0,1fr)}}

/* ---- 13. phone: header + cards tighter, nothing wider than the screen */
@media (max-width:900px){
  .k-head h1,.k-headrow h1,.rp-head h1{font-size:1.25rem}
  .content .card{padding:14px}
  .content .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-inline:-2px}
  .content .tabs::-webkit-scrollbar{display:none}
  .content .tabs button,.content .tabs>a{flex:0 0 auto}
}
@media print{.k-badge,.k-sub,.hq-sw{display:none!important}.content .card,.content .tbl-wrap{box-shadow:none;border-top-width:1px}}

/* ---- 14. TRAVENTRY FLOW: hub tiles with action buttons, popups over the hub (KPOP), reminder tiles with counts */
.kh-c{cursor:pointer}.kh-c .hub-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.kh-c .hub-acts .btn{padding:3px 12px;min-height:28px;font-size:11.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;border-radius:14px}
[dir=rtl] .kh-c .hub-acts .btn{letter-spacing:0}
.kh-rem .k-tag{font-size:13px;padding:2px 10px;background:color-mix(in srgb,var(--faint) 18%,transparent)}.kh-rem.has .k-tag{background:var(--acc);color:var(--acc-ink)}
.kh-rem .hub-acts{margin-top:8px}.kh-rem .hub-acts .btn{padding:3px 12px;min-height:28px;font-size:11.5px;border-radius:14px}
dialog.sbd.k-pop{max-width:min(1180px,97vw);width:100%;border-top:4px solid var(--k-top);background:var(--bg2,var(--solid))}
.k-pop .dh{position:sticky;top:0;z-index:2;background:var(--solid);font-size:1.05rem;color:var(--head)}
.k-pop .kp-body{max-height:min(80vh,900px);padding:14px 18px;background:var(--page)}
.k-pop .kp-body .k-head,.k-pop .kp-body .k-sub,.k-pop .kp-body [data-kbadge],.k-pop .kp-back{display:none!important}
.k-pop .kp-body h1{font-size:1.15rem}.k-pop .kp-body > h1:first-child{display:none}
@media (max-width:900px){dialog.sbd.k-pop{max-width:100vw;width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.k-pop .kp-body{max-height:calc(100dvh - 60px)}}

/* 1.5.12 EXACT TRAVENTRY MENU: easy dashboard top strip + key figures, top bar LOCK / year, sidebar */
.t12-dtop{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.t12-kpis{margin-bottom:14px}.t12-kpi .rc-tx b{display:block;margin:2px 0}
.t12-top{display:inline-flex;gap:6px;align-items:center}
.t12-nav .nav-g.t12-g{margin:2px 0}
.t12-bio{display:flex!important;align-items:center;gap:10px}.t12-bio img{border-radius:50%;flex:none}.t12-bio small{margin-inline-start:auto;opacity:.7}
/* 1.5.12 phone: a long Traventry button name (e.g. "LEDGER WISE DETAILED") wraps inside its card - never wider than the screen */
.rp-cards>.rc{min-width:0}.rc>.rc-tx{max-width:100%}.hub-acts .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.2}
/* 1.5.12 COMPACT MENU (SB): tighter rows, the whole collapsed menu fits a 900 px screen; on the phone rows stay finger-size */
@media (min-width:901px){
  .side{padding:12px 12px 20px}.side .logo{margin-bottom:6px}.side .side-co{margin:4px 0 8px}.side .nav-find{margin-bottom:6px}
  .side .nav a,.side .t12-side{padding:6px 10px;min-height:34px;font-size:13.5px}.side .nav-it{padding:4px 10px;font-size:13px;min-height:28px}
  .side .nav-g.easy{margin:1px 0;padding:3px 8px;min-height:34px}.t12-nav .nav-g.t12-g{margin:1px 0}.side .nav-g:not(.easy){margin:8px 8px 4px}
  .side .nav-pin{margin-bottom:4px}.side .side-ver{margin-top:8px}
}
/* 1.5.12 BIO inside SAFARI: the frame fills the page height */
.bio-in{display:flex;flex-direction:column;gap:8px;height:calc(100vh - 110px);min-height:420px}.bio-bar{gap:8px;flex-wrap:wrap}
.bio-frame{flex:1;width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;min-height:360px}
@media (max-width:900px){.bio-in{height:calc(100vh - 150px)}}

/* 1.5.13 V2 paste PNR: the yellow "Type the customer price" hint on Cust. Tot.; the last-rate line under the money boxes */
.field.pnr-need input{outline:2px solid #f2c300;outline-offset:1px;background:color-mix(in srgb,#f2c300 18%,var(--input,#fff))}
.pnr-hint{margin-top:4px;font-size:12px;font-weight:700;color:#7a5c00;background:#fff3c4;border:1px solid #f2c300;border-radius:8px;padding:3px 8px;display:inline-block}
[data-theme=dark] .pnr-hint{color:#ffd84a;background:rgba(242,195,0,.14);border-color:rgba(242,195,0,.5)}
.rate13-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;padding:7px 10px;border-radius:10px;background:var(--acc-soft,rgba(242,195,0,.14));border:1px dashed var(--acc,#f2c300)}
.rate13-line .rate13-t{flex:1;min-width:200px;line-height:1.5}.rate13-line .rate13-t svg{vertical-align:-2px}
.rate13-line .rate13-hist{font:inherit;font-weight:700;text-decoration:underline;white-space:nowrap;background:none;border:0;color:var(--link,inherit);cursor:pointer;padding:0}
.rate13-none{padding:2px 4px}
@media (max-width:600px){.rate13-line{font-size:12px}.rate13-line .rate13-t{min-width:100%}}

/* 1.5.13 V2 fix 11: a BIGGER HQ switch (about 1.4x): taller, bold; the ACTIVE book is FILLED in its own colours (HQ OMAN navy + yellow, HQ UAE maroon + gold), the other is outlined */
.hq-sw{padding:4px;border-radius:26px;gap:4px;background:color-mix(in srgb,var(--k-chip) 18%,transparent);box-shadow:none;border:1px solid color-mix(in srgb,var(--k-chip) 45%,transparent)}
.hq-sw button{font-size:15px;font-weight:900;letter-spacing:.5px;padding:9px 18px;min-height:40px;border-radius:22px;opacity:1;border:2px solid transparent;color:var(--text,#111)}
.hq-sw button[data-book=navy]{border-color:#0a1d44}.hq-sw button[data-book=maroon]{border-color:#7a1428}.hq-sw button[data-book=emerald]{border-color:#0f6b4f}
.hq-sw button.on[data-book=navy],.hq-sw button.on{background:#0a1d44;color:#ffffff;border-color:#f2c300;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.hq-sw button.on[data-book=maroon]{background:#7a1428;color:#ffffff;border-color:#d9a521}
.hq-sw button.on[data-book=emerald]{background:#0f6b4f;color:#ffffff;border-color:#d4a72c}
.hq-sw button .hq-cur{font-weight:800;opacity:.95;letter-spacing:0}
.hq-sw button.on[data-book=navy] .hq-cur{color:#f2c300}.hq-sw button.on[data-book=maroon] .hq-cur{color:#f3cf6b}
.hq-sw .hq-dot{width:11px;height:11px}
@media (max-width:900px){.hq-sw button{font-size:13.5px;padding:8px 13px;min-height:38px}.hq-mob{display:flex!important}}
@media (max-width:420px){.hq-sw button{font-size:12.5px;padding:7px 10px;min-height:36px;letter-spacing:.2px}}

/* 1.5.13 V2 fix 7: passenger details under list rows */
.pax-line{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:11.5px;line-height:1.35;color:var(--muted,#5a6785);font-weight:500;margin-top:3px}
.pax-line .pax-n{display:block;width:100%;font-weight:700;color:var(--text,#111);text-transform:uppercase}
.pax-line b{font-weight:600;opacity:.8}
td .pax-line{max-width:420px}.cards-list .pax-line.pax-ph{margin-top:4px}

/* 1.5.13 V2 fix 9: Fast entry "More details" */
.fast-more{margin:8px 0 4px;border:1px dashed var(--line,#dcd6c9);border-radius:12px;padding:6px 10px}.fast-more summary{cursor:pointer;font-weight:700;font-size:13px;list-style:none;display:flex;align-items:center;gap:6px;padding:4px 0}
.fast-more summary::-webkit-details-marker{display:none}.fast-more summary::before{content:'▸';font-size:12px}.fast-more[open] summary::before{content:'▾'}
.fast-more .fast-grid{margin-top:6px}

/* 1.5.19 ONE hint box for every page (hint19.js) - EN + AR + a worked example; hidden for a user who turned hints off */
.hint19{display:flex;gap:10px;align-items:flex-start;background:linear-gradient(135deg,#fff8e1,#fffdf5);border:1px solid #f0d58a;border-radius:14px;padding:10px 14px;margin:8px 0 12px;font-size:14px;line-height:1.55;color:#3d3420}
.hint19 b{color:#7a5600}.hint19 .h19-ic{font-size:18px;line-height:1.3;flex:none}.hint19 .h19-tx{flex:1;min-width:0}
.hint19 .h19-pre{font-weight:700;color:#5b4300;margin-bottom:2px}
.hint19 .h19-ex{display:block;margin-top:4px;color:#4b5b7c;font-size:13px}.hint19 .h19-ex b{color:#4b5b7c}
.hint19 .h19-o{display:block;margin-top:6px;color:#6b5a2a;font-size:13px;text-align:start}
.hint19 .h19-x{flex:none;background:none;border:0;color:#8a6d1a;font-size:12px;text-decoration:underline;cursor:pointer;padding:2px 4px;white-space:nowrap}
[data-theme="dark"] .hint19{background:linear-gradient(135deg,#2b2614,#231f12);border-color:#6b5a1f;color:#efe3bf}
[data-theme="dark"] .hint19 b,[data-theme="dark"] .hint19 .h19-pre{color:#f0cf6a}[data-theme="dark"] .hint19 .h19-ex,[data-theme="dark"] .hint19 .h19-ex b{color:#b9c6e4}[data-theme="dark"] .hint19 .h19-o{color:#d8c690}[data-theme="dark"] .hint19 .h19-x{color:#f0cf6a}
body.nohint19 .hint19{display:none!important}
.h19-sw{display:flex;align-items:center;gap:10px;background:none;border:1px solid var(--line,#dcd6c9);border-radius:12px;padding:10px 14px;cursor:pointer;color:inherit;font:inherit;text-align:start}
@media print{.hint19,.hint19-wrap{display:none!important}}
@media (max-width:760px){.hint19{font-size:13px;padding:8px 10px}.hint19 .h19-x{font-size:11px}}