/* Janalkhair portal extras — v17.120 (09/09/2026): left-hand menu + dialogs.
   Only the menu moves; the header (logo, JIB/MIB/GIB badge, company, user,
   language, sign-out) is untouched. */
.mib .jk-topnav-hidden{display:none !important}
.mib .jk-shell{display:flex;align-items:stretch}
.mib .jk-side{width:224px;flex:0 0 224px;background:#08111F;border-inline-end:1px solid rgba(255,255,255,.08);padding:10px 0 24px}
.mib .jk-side nav{position:sticky;top:112px}
.mib .jk-side-grp{margin:10px 10px 4px;padding:9px 12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#fff;font-weight:700;background:linear-gradient(90deg,#D4AF37 0%,#B8932B 100%);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.mib .jk-side-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 18px;color:#C9D6E3;font-size:13px;line-height:1.25;text-decoration:none;border-inline-start:3px solid transparent;transition:color .15s,background .15s}
.mib .jk-side-link:hover{color:#D4AF37;background:rgba(255,255,255,.03)}
.mib .jk-side-link.on{color:#D4AF37;background:rgba(212,175,55,.12);border-inline-start-color:#D4AF37;font-weight:600}
.mib .jk-side-label{min-width:0}
.mib .jk-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.mib .jk-main{flex:1 1 auto;min-width:0}
@media (max-width:1023px){.mib .jk-side{display:none}}
/* header extras */
.jk-hdr-meta{font-size:13px;color:#fff;font-weight:600;line-height:1.2;margin-top:3px;white-space:nowrap}
.jk-hdr-meta #jk-clock{font-size:10px;color:rgba(148,163,184,.8);font-weight:400}
/* move-to-segment dialog */
#jk-move .jk-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:80}
#jk-move .jk-modal{position:fixed;z-index:81;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,92vw);background:#0D1B2F;border:1px solid rgba(212,175,55,.5);border-radius:14px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.6);color:#F0F4F8;font-size:13px}
#jk-move .jk-modal-h{font-weight:700;color:#D4AF37;margin-bottom:10px;font-size:14px}
#jk-move .jk-f{margin:8px 0}
#jk-move .jk-l{color:#7f93a8;font-size:11px;margin-bottom:3px}
#jk-move .jk-sel{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:7px 9px;color:#fff;font-size:13px}
#jk-move .jk-dim{color:#7f93a8;font-size:11px;min-height:16px;margin-top:6px}
#jk-move .jk-modal-b{display:flex;gap:8px;margin-top:10px}

/* v17.104: collapsible groups */
.mib .jk-side-grp{cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none}
.mib .jk-side-grp:hover{filter:brightness(1.08)}
.mib .jk-caret{color:#0A1628;font-weight:800}
.mib .jk-caret::after{content:"\25B8";font-size:11px}
.mib .jk-grp.open .jk-caret::after{content:"\25BE"}
.mib .jk-grp .jk-grp-items{display:none}
.mib .jk-grp.open .jk-grp-items{display:block}

/* v17.110: executive dashboard tile */
#jk-exec-slot{max-width:80rem;margin:0 auto;padding:18px 1.5rem 0}
#jk-exec-slot:empty{display:none}
.jk-tile{background:#0D1B2F;border:1px solid rgba(212,175,55,.35);border-radius:14px;padding:14px 16px;color:#F0F4F8}
.jk-tile-h{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13px;color:#fff;margin-bottom:10px}
.jk-tile-asof{font-size:11px;color:#94A3B8;font-weight:400}
.jk-tile-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.jk-tile-k{background:rgba(255,255,255,.04);border-radius:10px;padding:10px 12px}
.jk-tile-k .l{color:#7f93a8;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.jk-tile-k .v{font-size:24px;font-weight:800;color:#fff;margin-top:2px}
.jk-tile-k.jk-gold .v{color:#D4AF37}
.jk-tile-k .s{font-size:10px;color:#94A3B8;margin-top:2px}
.jk-tile-f{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12px}
.jk-tile-f label{display:flex;align-items:center;gap:6px;color:#94A3B8}
.jk-tile-in{width:110px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:5px 7px;color:#fff;font-size:12px}
.jk-tile-edit,.jk-tile-save{background:#1B3A5F;color:#F0F4F8;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:6px 11px;font-size:11px;font-weight:600;cursor:pointer}
.jk-tile-save{background:#D4AF37;color:#0A1628;border-color:#D4AF37}
.jk-tile-note{font-size:10px;color:#7f93a8}
@media (max-width:700px){.jk-tile-row{grid-template-columns:1fr}}

/* v17.111: App downloads tile — six figures (bar + ring per app) */
.jk-tile{position:relative}
.jk-tile-link{color:#D4AF37;text-decoration:none;font-weight:600;margin-inline-start:8px}
.jk-tile-link:hover{text-decoration:underline}
.jk-apps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jk-app{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 14px;min-width:0}
.jk-app-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:8px}
.jk-app-h .n{font-weight:800;font-size:13px;color:#fff}
.jk-app-h .p{font-size:10px;color:#7f93a8;margin-inline-start:6px}
.jk-app-h .tot{font-size:22px;font-weight:800;color:#D4AF37;white-space:nowrap}
.jk-app-h .tot small{font-size:10px;color:#7f93a8;font-weight:400;margin-inline-end:4px}
.jk-charts{display:grid;grid-template-columns:1fr 150px;gap:10px;align-items:center}
.jk-charts svg{display:block;width:100%;height:auto}
.jk-bar,.jk-seg{cursor:default}
.jk-bar:hover rect,.jk-seg:hover{filter:brightness(1.15)}
.jk-lg{display:flex;gap:14px;margin-top:6px;font-size:11px;color:#94A3B8;flex-wrap:wrap}
.jk-lg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-inline-end:5px;vertical-align:-1px}
.jk-lg b{color:#F0F4F8;font-weight:600}
.jk-lg em{font-style:normal;color:#5b6b7d;font-size:10px;margin-inline-start:3px}
.jk-tip{position:absolute;z-index:5;background:#0A1628;border:1px solid rgba(212,175,55,.5);border-radius:8px;padding:5px 8px;font-size:11px;color:#F0F4F8;pointer-events:none;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.5)}
@media (max-width:900px){.jk-apps{grid-template-columns:1fr}}

/* v17.115: Market View rings */
#jk-mv-charts{position:relative;margin-bottom:14px}
.jk-mv-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.jk-mv-bar .seg{display:inline-flex;border:1px solid rgba(255,255,255,.14);border-radius:8px;overflow:hidden;font-size:11px;font-weight:600}
.jk-mv-bar .seg span{padding:6px 11px;color:#94A3B8;cursor:pointer}.jk-mv-bar .seg .on{background:#D4AF37;color:#0A1628}
.jk-mv-note{font-size:11px;color:#94A3B8;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.jk-mv-sel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:3px 6px;color:#fff;font-size:11px}
.jk-mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jk-mv-card{background:#0D1B2F;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px 14px;min-width:0}
.jk-mv-h{display:flex;align-items:baseline;gap:6px;margin-bottom:6px;flex-wrap:wrap}
.jk-mv-h .n{font-weight:800;font-size:13px;color:#fff}.jk-mv-h .p{font-size:10px;color:#7f93a8}
.jk-mv-rings{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jk-mv-ring{text-align:center}.jk-mv-ring .cap{font-size:11px;color:#94A3B8;margin-top:2px}
.jk-ring{display:block;width:150px;height:150px;margin:0 auto}
.jk-seg{cursor:default}.jk-seg:hover{filter:brightness(1.15)}
.jk-mv-lg{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px;margin-top:8px;font-size:11px;color:#94A3B8}
.jk-mv-lg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-inline-end:5px;vertical-align:-1px}
.jk-mv-lg b{color:#F0F4F8;font-weight:600}.jk-mv-lg em{font-style:normal;color:#7f93a8}
@media (max-width:900px){.jk-mv-grid{grid-template-columns:1fr}}


/* v17.120: welcome block in the header (old top-menu position) */
.jk-hdr-welcome{flex:1 1 auto;min-width:0;padding:0 18px;line-height:1.2}
.jk-hw-w{font-weight:800;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jk-hw-c{font-size:12px;color:#94A3B8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jk-hw-l{font-size:11px;color:#D4AF37;margin-top:2px;white-space:nowrap}
@media (max-width:1023px){.jk-hdr-welcome{display:none}}
/* v17.121 — seasonal theme card + alert */
.jk-seasonal{margin-bottom:20px;border:1px solid rgba(212,175,55,.35)}
.jk-sea-h{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}
.jk-sea-title{font-weight:700;color:#F2D57A;font-size:15px;margin-bottom:4px}
.jk-sea-bar{display:flex;gap:3px;flex:0 0 auto}.jk-sea-bar i{display:block;width:22px;height:8px;border-radius:4px}
.jk-sea-alert{padding:10px 14px;border-radius:10px;font-size:13px;margin:6px 0 12px;border:1px solid transparent}
.jk-sea-warn{background:rgba(229,72,77,.12);border-color:rgba(229,72,77,.45);color:#FFB4B7}
.jk-sea-info{background:rgba(90,186,28,.12);border-color:rgba(90,186,28,.45);color:#CDEFC0}
.jk-sea-ok{background:rgba(212,175,55,.1);border-color:rgba(212,175,55,.4);color:#F2D57A}
.jk-sea-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px}
.jk-sea-banner a{color:#F2D57A;font-weight:600;white-space:nowrap}
.jk-sea-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.jk-sea-f{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#94A3B8}.jk-sea-f .jk-sel{width:100%}
.jk-sea-tog{flex-direction:row;align-items:center;gap:8px;grid-column:1/-1;font-size:14px;color:#fff}
.jk-sea-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:12px}
@media (max-width:760px){.jk-sea-grid{grid-template-columns:1fr}}
/* v17.121 — National Day accent (only while the seasonal window is live) + native <select> popup fix */
select{color-scheme:dark}select option{background:#0A1628;color:#F0F4F8}
#jk-nd-stripe{display:flex;height:6px;position:sticky;top:0;z-index:60}#jk-nd-stripe i{flex:1}
#jk-nd-chip{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#006C35,#0B7A3E);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:5px 12px 5px 8px;color:#fff;margin:0 12px;flex:0 0 auto;text-decoration:none}
#jk-nd-chip img{width:32px;height:32px;border-radius:50%}#jk-nd-chip b{display:block;font-size:14px;line-height:1.15;font-weight:700}#jk-nd-chip span{display:block;font-size:10.5px;color:#DFF5E5}
.jk-nd96 body{background-image:radial-gradient(560px 560px at -80px -140px,rgba(90,186,28,.20),transparent 62%),radial-gradient(600px 600px at 105% 110%,rgba(0,80,175,.20),transparent 62%);background-attachment:fixed}
.jk-nd96 .jk-side-link.on{color:#fff;background:rgba(90,186,28,.12);border-inline-start-color:#5ABA1C}
.jk-nd96 .jk-sea-info,.jk-nd96 .jk-sea-banner.jk-sea-info{background:linear-gradient(135deg,#04231A,#006C35 60%,#0B7A3E);border-color:rgba(242,213,122,.45);color:#EAF7EE}
.jk-nd96 .jk-sea-banner.jk-sea-info a{background:#F2D57A;color:#04231A;border-radius:8px;padding:5px 12px;font-weight:700}
.jk-nd96 .inp:focus{border-color:#5ABA1C}
@media (max-width:900px){#jk-nd-chip span{display:none}#jk-nd-chip b{font-size:12px}}

/* ── header height (Dr Ahmed, 12/09/2026) ────────────────────────────────
   The "Back to my businesses" button now sits in the action cluster, so its
   own row is empty and goes. The bar itself loses 16px of minimum height and
   half its padding; the welcome block's lower two lines tighten to match.
   Together this returns roughly 60px to every portal page. Desktop only —
   the mobile header is already a single compact row. */
.jk-hdr-row2-gone{display:none !important}
@media (min-width:1024px){
  .jk-hdr-tight .flex.items-center.justify-between{min-height:48px !important;padding-top:4px !important;padding-bottom:4px !important}
  .jk-hdr-tight .jk-hdr-welcome{line-height:1.2}
  .jk-hdr-tight .jk-hw-c,.jk-hdr-tight .jk-hw-l{font-size:10px}
  .jk-hdr-tight img[alt="Jana Alkhair"]{height:2rem}
}

/* v17.127: armed state of the Reverse extra credit button (welcome gifts) */
.jk-danger{background:#7f1d1d !important;color:#fff !important;border-color:#b91c1c !important}

/* v17.129 — owner portal terms-update banner */
.jk-terms-banner{background:#3b2a05;border:1px solid rgba(212,175,55,.6);border-radius:10px;padding:10px 14px;margin:0 0 16px;font-size:13px;color:#F0F4F8;line-height:1.5}
.jk-terms-banner b{color:#D4AF37}
.jk-terms-banner a{color:#fff;text-decoration:underline;margin-inline-start:6px;white-space:nowrap}
#jk-my-agreements{text-decoration:none}

/* Result modal (29 Sep 2026) */
.jk-rm-wrap{position:fixed;inset:0;z-index:9999;background:rgba(2,8,23,.62);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(2px)}
.jk-rm-box{max-width:560px;width:100%;border-radius:16px;padding:18px 20px;background:#0f1f3d;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.6);border:2px solid transparent;animation:jkRmPulse 1.1s ease-in-out 4}
.jk-rm-ok{border-color:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6),0 20px 60px rgba(0,0,0,.6)}
.jk-rm-err{border-color:#f87171;box-shadow:0 0 0 0 rgba(248,113,113,.6),0 20px 60px rgba(0,0,0,.6);animation-iteration-count:infinite}
@keyframes jkRmPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025);box-shadow:0 0 0 10px rgba(255,255,255,.08),0 20px 60px rgba(0,0,0,.6)}}
.jk-rm-title{font-weight:800;font-size:16px;margin-bottom:6px}
.jk-rm-ok .jk-rm-title{color:#6ee7b7}.jk-rm-err .jk-rm-title{color:#fca5a5}
.jk-rm-text{font-size:14px;line-height:1.55;word-break:break-word;color:#e5e7eb}
.jk-rm-row{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}
.jk-rm-btn{border:0;border-radius:10px;padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer;background:#d4af37;color:#0b1a33}
.jk-rm-copy{background:rgba(255,255,255,.14);color:#fff}
@media (prefers-reduced-motion: reduce){.jk-rm-box{animation:none}}