*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eef2f5;color:#142338;font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif}body{height:100vh;height:100dvh;overflow:hidden}[hidden]{display:none!important}button{font:inherit}.tv-shell{height:100%;padding:clamp(16px,1.7vw,36px);display:flex;flex-direction:column;gap:clamp(14px,1.5vh,24px)}.tv-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:clamp(70px,9vh,150px);gap:24px}.identity{display:flex;align-items:center;gap:clamp(16px,1.4vw,32px);min-width:0}.identity-text{min-width:0;padding-inline-start:clamp(16px,1.4vw,32px);border-inline-start:2px solid #d3dbe4}.identity-mark{width:58px;height:58px;background:var(--brand);color:white;border-radius:18px;display:grid;place-items:center;flex-shrink:0}.identity-mark svg{width:38px;height:38px}.identity h1{font-size:clamp(22px,2.1vw,44px);font-weight:750;letter-spacing:-.04em;margin:0 0 4px;line-height:1.1}.identity p{margin:0;font-size:clamp(13px,1.15vw,22px);color:#677486;font-weight:600}.header-right{display:flex;align-items:center;gap:22px}.clock{display:flex;flex-direction:column;text-align:end;gap:4px;white-space:nowrap}.clock strong{font-size:clamp(20px,1.6vw,32px);font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-.03em}.clock span{font-size:clamp(11px,.8vw,16px);color:#677486}.fullscreen-button{border:1px solid #d9e0e7;width:34px;height:34px;border-radius:9px;background:#fff9;color:#63758b;display:grid;place-items:center;cursor:pointer}.fullscreen-button:hover,.fullscreen-button:focus-visible{color:var(--brand);border-color:var(--brand);outline:2px solid transparent}.fullscreen-button svg{width:18px;height:18px}.display-content{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(250px,1fr);gap:clamp(15px,1.6vw,28px);flex:1;min-height:0}.rates-panel{background:#132236;color:#f8fafc;border-radius:20px;padding:clamp(20px,2vw,40px);display:flex;flex-direction:column;min-height:0;overflow:hidden;box-shadow:0 10px 30px #12243d0a}.rates-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-shrink:0}.eyebrow{font-size:clamp(9px,.63vw,13px);font-weight:700;letter-spacing:.19em;margin:0 0 9px;color:#95a4b9;line-height:1.3}.rates-heading h2{font-size:clamp(25px,2.2vw,45px);line-height:1.12;font-weight:550;letter-spacing:-.05em;margin:0}.rate-status{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #375049;border-radius:30px;color:#a4efcf;font-size:clamp(9px,.64vw,13px);white-space:nowrap}.status-dot{width:6px;height:6px;background:currentColor;border-radius:50%}.rate-status.stale,.rate-status.disconnected{color:#fbd490;border-color:#7e6743}.rate-status.expired,.rate-status.unavailable{color:#c3cede;border-color:#3b4e68}.base-caption{color:#fff;font-size:clamp(11px,.8vw,16px);margin:12px 0 18px;flex-shrink:0;line-height:1.5}.rate-table{display:flex;flex-direction:column;flex:1;min-height:0}.table-head,.rate-row{display:grid;grid-template-columns:var(--rate-columns,minmax(140px,1.6fr) repeat(3,minmax(55px,.85fr)));column-gap:clamp(10px,1.5vw,26px);align-items:center}.table-head{font-size:clamp(13px,1vw,21px);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #4a5b72;padding:0 0 12px;flex-shrink:0;line-height:1.4}.table-head>span:not(:first-child){text-align:end}.table-body{display:grid;grid-template-rows:repeat(var(--rows-count,8),minmax(0,1fr));flex:1;min-height:0}.rate-row{border-bottom:1px solid #27384e;min-height:0;padding:4px 0}.rate-row:last-child{border-bottom:0}.currency-cell{display:flex;align-items:center;gap:clamp(7px,.8vw,15px);min-width:0}.currency-flag{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:clamp(21px,1.7vw,34px);line-height:1;flex-shrink:0;display:grid;place-items:center;width:1.2em}.currency-info{min-width:0}.currency-code{font-size:clamp(15px,1.2vw,24px);letter-spacing:.025em;font-weight:700;color:#f2f6fc;line-height:1.12}.currency-names{display:flex;align-items:baseline;gap:.45em;margin-top:4px;min-width:0;overflow:hidden;white-space:nowrap}.currency-label{display:inline;color:#fff;font-size:clamp(11px,.85vw,18px);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.currency-label.secondary{font-size:clamp(13px,1vw,21px);font-weight:600;color:#fff;font-family:"Segoe UI",Tahoma,Arial,sans-serif}.currency-separator{color:#fff;opacity:.7;font-size:clamp(11px,.85vw,18px)}.rate-number{font-size:clamp(15px,1.65vw,33px);font-weight:650;letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-align:end;line-height:1.1;direction:ltr;white-space:nowrap}.rate-number.sell{color:#a9d4ff}.rate-number.transfer{color:#a6ebd2}.rate-cell{min-width:0;text-align:end}.rate-unit{display:block;margin-top:5px;font-size:clamp(9px,.62vw,13px);color:#fff;line-height:1.15;letter-spacing:0;white-space:normal}.fee-caption{font-size:clamp(9px,.6vw,12px);color:#fff;margin-top:4px;line-height:1.2;overflow-wrap:anywhere}.rates-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #344256;padding-top:14px;flex-shrink:0;color:#91a0b5;font-size:clamp(9px,.65vw,13px);min-height:35px;align-items:center}.verified{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.verified strong{font-weight:500;color:#c0cbdc}.pagination{display:flex;gap:10px;align-items:center;white-space:nowrap}.page-dots{display:flex;gap:4px}.page-dot{height:4px;width:4px;background:#40516a;border-radius:4px}.page-dot.current{background:#bed4f1;width:16px}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex:1;min-height:0;padding:20px;color:#95a7bf}.empty-icon{display:grid;place-items:center;border:1px solid #3b506a;border-radius:50%;width:60px;height:60px;margin-bottom:18px;font-size:30px}.empty-state h3{font-size:clamp(22px,1.6vw,32px);font-weight:550;color:#e8eef8;margin:0 0 12px;letter-spacing:-.025em}.empty-state p{font-size:clamp(13px,.95vw,19px);max-width:380px;line-height:1.6;margin:0}.promotion{border-radius:20px;position:relative;overflow:hidden;background:#e1eaf7;padding:clamp(22px,2.2vw,44px);display:flex;flex-direction:column;min-height:0}.promotion:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#fff7 0%,transparent 65%),linear-gradient(20deg,#dae5f5,transparent);pointer-events:none}.promo-top,.promo-copy,.promo-location{position:relative;z-index:1}.promo-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.promo-tag{font-size:clamp(9px,.62vw,13px);font-weight:750;letter-spacing:.15em;color:#556e97}.promo-symbol{width:34px;height:34px;border:1px solid #a9bcd8;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#506c96}.orbit-art{position:relative;width:min(100%,340px);aspect-ratio:1;margin:auto;flex-shrink:1;min-height:90px;max-height:43%;}.orbit{position:absolute;border:1px solid #7899c044;border-radius:50%;inset:4%;transform:rotate(-25deg)}.orbit-two{inset:17%}.orbit-three{inset:30%}.globe-grid{position:absolute;inset:17%;border-radius:50%;border:1px solid #7194c14a;background:radial-gradient(circle at 31% 23%,#f3f8fd 0%,#c8dcf24d 40%,#6590c25e 100%);box-shadow:inset -15px -13px 25px #7595be19,0 15px 35px #7292bf1a}.globe-grid:before,.globe-grid:after{content:"";position:absolute;inset:0 27%;border-radius:50%;border:1px solid #7194c14a}.globe-grid:after{inset:27% 0}.globe-arrow{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(60px,8vw,145px);font-weight:300;color:var(--brand);line-height:1;transform:translateY(-2%)}.orbit-node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 6px #ffffff70}.node-one{left:14%;top:19%}.node-two{right:7%;top:66%;width:7px;height:7px;background:#6b8fba}.node-three{left:30%;bottom:22%;width:6px;height:6px;background:#fff}.promo-copy{margin-top:16px;margin-bottom:auto}.promo-copy .eyebrow{color:#667da1}.promo-copy h2{font-size:clamp(31px,3.1vw,63px);line-height:1.03;letter-spacing:-.06em;margin:0 0 20px;font-weight:600;max-width:450px;overflow-wrap:break-word}.promo-message{font-size:clamp(13px,1vw,21px);line-height:1.6;color:#4f6689;margin:0;white-space:pre-line;overflow-wrap:break-word}.promo-location{padding-top:22px;border-top:1px solid #bfcee3;margin-top:28px;display:flex;gap:11px;align-items:center;flex-shrink:0}.location-pin{font-size:30px;color:#5277a7}.promo-location strong,.promo-location span:not(.location-pin){display:block}.promo-location strong{font-size:clamp(12px,.88vw,18px);font-weight:650}.promo-location div span{color:#6b81a2;font-size:clamp(10px,.7vw,14px);margin-top:5px}.tv-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#79889c;font-size:clamp(9px,.67vw,14px);flex-shrink:0;min-height:20px}.tv-footer p{margin:0;line-height:1.4;max-width:70%}.footer-meta{display:flex;align-items:center;gap:18px;white-space:nowrap}.demo-label{font-size:clamp(8px,.55vw,11px);font-weight:700;letter-spacing:.08em;color:#99742b}.powered-by{display:flex;align-items:center;gap:4px;white-space:nowrap}.powered-by strong{color:#53667f;font-weight:700;letter-spacing:-.025em}.powered-dot{height:5px;width:5px;background:var(--brand);display:inline-block;border-radius:50%;margin-left:3px}.noscript-warning{position:fixed;inset:0;display:grid;place-items:center;text-align:center;padding:15%;background:#132236;color:white;font-size:28px;z-index:5}.layout-rates .display-content{grid-template-columns:1fr}.layout-rates .promotion{display:none}.layout-rates .rate-number{font-size:clamp(21px,2vw,42px)}.layout-rates .currency-code{font-size:clamp(18px,1.4vw,30px)}.orientation-portrait .display-content{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(140px,.36fr)}.orientation-portrait.layout-rates .display-content{grid-template-rows:1fr}.orientation-portrait .promotion{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto 1fr;gap:12px 25px;padding:24px 30px}.orientation-portrait .promo-top{grid-column:1}.orientation-portrait .orbit-art{position:absolute;right:-5%;top:-10%;height:120%;width:auto;max-height:unset;aspect-ratio:1;margin:0;opacity:.55}.orientation-portrait .promo-copy{grid-column:1;grid-row:2;margin:0;align-self:center}.orientation-portrait .promo-copy .eyebrow{display:none}.orientation-portrait .promo-copy h2{font-size:clamp(25px,4vw,48px);margin-bottom:10px}.orientation-portrait .promo-location{grid-column:2;grid-row:2;align-self:end;margin:0;padding-top:12px;max-width:90%}.orientation-portrait .promo-message{font-size:clamp(12px,1.65vw,20px);line-height:1.4}.orientation-portrait .rates-panel{padding:clamp(20px,3vw,40px)}.orientation-portrait .rates-heading h2{font-size:clamp(27px,4vw,47px)}.orientation-portrait .table-head{font-size:clamp(13px,1.9vw,24px)}.orientation-portrait .rate-number{font-size:clamp(17px,2.9vw,34px)}.orientation-portrait .currency-code{font-size:clamp(17px,2.3vw,27px)}.orientation-portrait .currency-label{font-size:clamp(11px,1.6vw,18px)}.orientation-portrait .currency-label.secondary{font-size:clamp(13px,1.9vw,21px)}.orientation-portrait .currency-flag{font-size:clamp(24px,3vw,36px)}.orientation-portrait .rate-unit{font-size:clamp(9px,1.1vw,13px)}.orientation-portrait .fee-caption{font-size:clamp(9px,1.1vw,13px)}.orientation-portrait .tv-footer{flex-wrap:wrap;gap:7px}.orientation-portrait .tv-footer p{max-width:100%}.orientation-portrait .footer-meta{margin-inline-start:auto}[dir=rtl] .identity h1,[dir=rtl] .rates-heading h2,[dir=rtl] .promo-copy h2{letter-spacing:0}[dir=rtl] .eyebrow,[dir=rtl] .promo-tag{letter-spacing:0}[dir=rtl] .rate-number{direction:ltr}[dir=rtl] .promo-symbol{transform:scaleX(-1)}.table-body.dense .currency-names{margin-top:2px}.table-body.dense .rate-unit{margin-top:2px}.table-body.dense .rate-number{font-size:clamp(14px,1.35vw,27px)}.table-body.dense .currency-code{font-size:clamp(13px,1.1vw,22px)}.table-body.dense .currency-flag{font-size:clamp(18px,1.5vw,28px)}
@media(min-width:2300px){.tv-shell{padding:2vw}.rates-panel,.promotion{border-radius:1.5vw}.identity-mark{width:4vw;height:4vw}.identity-mark svg{width:2.5vw;height:2.5vw}.tv-header{min-height:5vw}.rates-bottom{padding-top:1vw}.rate-status{padding:.5vw .8vw}.orbit-art{width:80%;max-height:45%}.promo-location{margin-top:2vw;padding-top:1.5vw}.promo-copy h2{max-width:100%;font-size:3.6vw}.rates-heading h2{font-size:2.5vw}.table-head{padding-bottom:1vw}.table-body .rate-number{font-size:1.8vw}.table-body .currency-code{font-size:1.4vw}.table-body .currency-label{font-size:.85vw}.table-body .currency-label.secondary{font-size:1vw}}
@media(max-height:760px) and (orientation:landscape){.tv-shell{padding:16px;gap:13px}.tv-header{min-height:56px}.company-logo{max-height:56px}.table-head{font-size:13px}.identity-mark{width:44px;height:44px;border-radius:13px}.identity-mark svg{width:29px;height:29px}.rates-panel,.promotion{padding:22px}.rates-heading h2{font-size:28px}.eyebrow{margin-bottom:5px}.base-caption{margin:8px 0 12px}.table-head{padding-bottom:8px}.rates-bottom{padding-top:9px;min-height:26px}.promo-copy h2{font-size:38px;margin-bottom:12px}.promo-location{padding-top:13px;margin-top:16px}.orbit-art{max-height:37%}.rate-number{font-size:22px}.currency-code{font-size:18px}.currency-label{font-size:12px}.currency-label.secondary{font-size:14px}.rate-unit{font-size:10px;margin-top:3px}.fee-caption{font-size:10px}.currency-flag{font-size:24px}.table-body.dense .fee-caption{font-size:8px}.table-body.dense .rate-unit{font-size:8px}}
@media(max-width:800px) and (orientation:portrait){.tv-shell{padding:14px;gap:14px}.display-content{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(120px,.3fr);gap:14px}.layout-rates .display-content{grid-template-rows:1fr}.rates-panel{padding:20px}.promotion{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;padding:20px!important}.promotion .promo-top{display:none}.promotion .orbit-art{position:absolute;right:-10%;top:-20%;height:130%;width:auto;max-height:unset;aspect-ratio:1;opacity:.4}.promotion .promo-copy{margin:0;align-self:center}.promotion .promo-copy h2{font-size:28px;margin-bottom:8px}.promotion .promo-copy .eyebrow{display:none}.promotion .promo-message{font-size:12px;line-height:1.4}.promotion .promo-location{margin:0;padding-top:10px;align-self:end}.tv-footer{flex-wrap:wrap;gap:7px}.tv-footer p{max-width:100%}.footer-meta{margin-inline-start:auto}.identity-mark{width:43px;height:43px;border-radius:12px}.identity-mark svg{width:28px;height:28px}.clock strong{font-size:17px}.clock span{font-size:9px}.header-right{gap:10px}.identity{gap:10px}.identity h1{font-size:20px}.identity p{font-size:11px}.fullscreen-button{width:28px;height:28px}.rates-heading h2{font-size:26px}.base-caption{font-size:10px;margin-bottom:12px}.table-head,.rate-row{column-gap:8px}.rate-number{font-size:19px}.currency-code{font-size:16px}.currency-label{font-size:10px}.rate-unit{font-size:8px}.fee-caption{font-size:8px}.currency-flag{font-size:22px}.rate-status{font-size:8px;padding:6px}.rates-bottom{font-size:9px}.rate-table{--rate-columns:minmax(92px,1.4fr) repeat(3,minmax(42px,.9fr))}}
@media(prefers-reduced-motion:no-preference){.rate-row{animation:row-appear .3s ease-out}@keyframes row-appear{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}
.currency-flag-image{display:block;width:1.3em;height:.9em;object-fit:contain}
.company-logo{display:block;width:auto;height:auto;max-width:clamp(170px,20vw,420px);max-height:clamp(56px,8.5vh,150px);object-fit:contain;flex-shrink:0}.media-stage{position:absolute;inset:0;z-index:3;background:#101d2e;overflow:hidden}.playlist-media{display:block;width:100%;height:100%;min-width:0;min-height:0}.promotion.has-media> :not(.media-stage){visibility:hidden}.promotion.has-media:before{display:none}.layout-media-left .display-content{grid-template-columns:minmax(250px,1fr) minmax(0,1.9fr)}.layout-media-left .promotion{grid-column:1;grid-row:1}.layout-media-left .rates-panel{grid-column:2;grid-row:1}.orientation-portrait.layout-media-left .display-content{grid-template-columns:1fr;grid-template-rows:minmax(140px,.36fr) minmax(0,1fr)}.orientation-portrait.layout-media-left .rates-panel{grid-column:1;grid-row:2}.orientation-portrait.layout-media-left .promotion{grid-column:1;grid-row:1}
@media(max-width:800px) and (orientation:portrait){.layout-media-left .display-content{grid-template-columns:1fr;grid-template-rows:minmax(120px,.3fr) minmax(0,1fr)}.layout-media-left .rates-panel{grid-column:1;grid-row:2}.layout-media-left .promotion{grid-column:1;grid-row:1}.company-logo{max-width:150px;max-height:52px}.identity-text{padding-inline-start:10px}}

.rate-unit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rate-meta-sep{margin:0 .4em;opacity:.7}.rate-unit .fee-caption{display:inline;font-size:inherit;margin:0;line-height:inherit;color:#fff;overflow-wrap:normal}.rate-row{overflow:hidden}
.rate-number.fee{color:#ffd7a1}.rate-table[data-columns="1"] .rate-number,.rate-table[data-columns="2"] .rate-number{font-size:clamp(20px,2.1vw,44px)}
.rate-table[data-columns="4"] .table-head{font-size:clamp(11px,.85vw,19px)}.rate-table[data-columns="4"] .table-head,.rate-table[data-columns="4"] .rate-row{column-gap:clamp(8px,1.1vw,22px)}
/* Flags match the height of the code + name lines beside them (4:3, same as the flag artwork). */
.currency-cell{--flag-h:clamp(34px,calc(2.45vw + 6px),76px)}.currency-flag{width:calc(var(--flag-h) * 4 / 3);height:var(--flag-h);font-size:calc(var(--flag-h) * .95)}.currency-flag-image{width:100%;height:100%;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px #ffffff26}
.orientation-portrait .currency-cell{--flag-h:clamp(34px,calc(4.2vw + 6px),72px)}.table-body.dense .currency-cell{--flag-h:clamp(26px,calc(2vw + 4px),60px)}
@media(max-height:760px) and (orientation:landscape){.currency-cell{--flag-h:36px}}
@media(max-width:800px) and (orientation:portrait){.currency-cell{--flag-h:30px}}
/* Clearly visible row separators on every row, including the last one. */
.table-head{border-bottom:2px solid #ffffff73}.rate-row,.rate-row:last-child{border-bottom:1px solid #ffffff47}
/* Rate change indicators. Standard: up = green, down = red. Reversed swaps the colours. */
.rate-number.trend-up{color:#4ade80}.rate-number.trend-down{color:#ff6b6b}.trend-reversed .rate-number.trend-up{color:#ff6b6b}.trend-reversed .rate-number.trend-down{color:#4ade80}.trend-arrow{display:inline-block;font-size:.55em;margin-inline-end:.3em;vertical-align:.18em;letter-spacing:0}
/* Exact brand red for decreases; rows no longer clip values (unit lines still truncate with …). */
.rate-number.trend-down,.trend-reversed .rate-number.trend-up{color:#FD2820}.rate-row{overflow:visible}.rate-cell{overflow:visible}.rate-number{overflow:visible}.rate-number.fee{padding-inline-end:2px}
/* Welcome panel: company logo and licence subtitle. */
.promo-logo-wrap{position:relative;z-index:1;flex:1;min-height:90px;display:flex;align-items:center;justify-content:center;padding:4% 2%}.promo-logo{display:block;max-width:100%;max-height:min(42vh,100%);width:auto;height:auto;object-fit:contain}
.promo-message{color:#1d2b40;font-weight:600}.promo-message-ar{margin-top:6px;font-family:"Segoe UI",Tahoma,Arial,sans-serif;text-align:start}
.playlist-media{position:absolute;inset:0}.playlist-media.is-pending{visibility:hidden}
.orientation-portrait .promo-logo-wrap{position:absolute;right:4%;top:10%;bottom:10%;width:38%;padding:0}.orientation-portrait .promo-logo{max-height:100%}
/* Landscape media panel locked to the Instagram portrait shape (4:5, e.g. 1080 x 1350),
   so posters fill it exactly; the rate table takes the remaining width. */
body:not(.orientation-portrait):not(.layout-rates) .display-content{grid-template-columns:minmax(0,1fr) auto}
body:not(.orientation-portrait).layout-media-left .display-content{grid-template-columns:auto minmax(0,1fr)}
body:not(.orientation-portrait):not(.layout-rates) .promotion{height:100%;width:auto;aspect-ratio:4/5;max-width:46vw;border-radius:14px}
body:not(.orientation-portrait):not(.layout-rates) .playlist-media{object-fit:cover}
/* Colour adjustments requested for the Send layout: brand red #FD2820 and black. */
.tv-footer p{color:#FD2820;font-weight:600}
.identity p,.clock span,.powered-by,.powered-by strong{color:#000}
.identity-sub{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .6em}.identity-tagline{color:#FD2820;font-size:clamp(12px,1.05vw,21px);font-weight:600;padding-inline-start:.6em;border-inline-start:2px solid #FD2820;line-height:1.1}
.rates-bottom,.verified strong,#page-count{color:#FD2820}.page-dot{background:#FD282066}.page-dot.current{background:#FD2820}
.rate-status{color:#FD2820;border-color:#FD2820}
/* English ↔ Arabic header switch */
.identity-text{transition:opacity .35s ease}.identity-text.is-switching{opacity:0}.identity-text[dir=rtl] h1,.identity-text[dir=rtl] .identity-sub{font-family:"Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:0}
/* The divider between logo and company name stays on the left in both languages;
   only the text switches between English and Arabic. */
.identity-text,.identity-text[dir=rtl]{border-inline-start:0;border-left:2px solid #d3dbe4;padding-inline-start:0;padding-left:clamp(16px,1.4vw,32px);padding-right:0}
.identity-text[dir=rtl]{text-align:left}
.identity-text[dir=rtl] .identity-sub{justify-content:flex-end}
@media(max-width:800px) and (orientation:portrait){.identity-text,.identity-text[dir=rtl]{padding-left:10px}}
/* Rate board colour scheme (company setting). Defaults: black background, white text. */
.rates-panel{--rb-background:#000000;--rb-title:#ffffff;--rb-header:#ffffff;--rb-currency:#ffffff;--rb-buy:#ffffff;--rb-sell:#ffffff;--rb-transfer:#ffffff;--rb-charge:#ffffff;--rb-units:#ffffff;--rb-lines:#4d4d4d;background:var(--rb-background);color:var(--rb-title)}
.rates-panel .rates-heading h2,.rates-panel .eyebrow,.rates-panel .base-caption{color:var(--rb-title)}
.rates-panel .table-head{color:var(--rb-header);border-bottom-color:var(--rb-header)}
.rates-panel .rate-row,.rates-panel .rate-row:last-child{border-bottom-color:var(--rb-lines)}.rates-panel .rates-bottom{border-top-color:var(--rb-lines)}
.rates-panel .currency-code,.rates-panel .currency-label,.rates-panel .currency-label.secondary,.rates-panel .currency-separator{color:var(--rb-currency)}
.rates-panel .rate-number.buy{color:var(--rb-buy)}.rates-panel .rate-number.sell{color:var(--rb-sell)}.rates-panel .rate-number.transfer{color:var(--rb-transfer)}.rates-panel .rate-number.fee{color:var(--rb-charge)}
.rates-panel .rate-unit,.rates-panel .rate-unit .fee-caption,.rates-panel .rate-meta-sep{color:var(--rb-units)}
/* Rate change indicators always win over the column colour. */
.rates-panel .rate-number.trend-up{color:#4ade80}.rates-panel .rate-number.trend-down{color:#FD2820}.trend-reversed .rates-panel .rate-number.trend-up{color:#FD2820}.trend-reversed .rates-panel .rate-number.trend-down{color:#4ade80}
/* Whole-screen colour scheme (company setting). */
body{--rb-page:#eef2f5;--rb-company_name:#142338;--rb-branch_name:#000000;--rb-license:#fd2820;--rb-divider:#d3dbe4;--rb-clock_time:#142338;--rb-clock_date:#000000;--rb-notice:#fd2820;--rb-powered:#000000;--rb-accent:#fd2820}
html{background:#eef2f5}body{background:var(--rb-page)}
.identity h1#company-name{color:var(--rb-company_name)}
.identity p#branch-name{color:var(--rb-branch_name)}
.identity-tagline{color:var(--rb-license);border-inline-start-color:var(--rb-license)}
.identity-text,.identity-text[dir=rtl]{border-left-color:var(--rb-divider)}
.clock strong{color:var(--rb-clock_time)}.clock span{color:var(--rb-clock_date)}
.tv-footer p{color:var(--rb-notice)}
.powered-by,.powered-by strong{color:var(--rb-powered)}
.rates-panel .rates-bottom,.rates-panel .verified strong,.rates-panel #page-count,.rates-panel #verified-label{color:var(--rb-accent)}.rates-panel .page-dot.current{background:var(--rb-accent)}
.rates-panel .rate-status{color:var(--rb-accent);border-color:var(--rb-accent)}
.fullscreen-button{color:var(--rb-company_name)}
/* Full-screen button setting (company branding page) */
body.fs-hide .fullscreen-button{display:none!important}
body.fs-auto .fullscreen-button{opacity:0;pointer-events:none;transition:opacity .3s}
body.fs-auto.pointer-active .fullscreen-button,body.fs-auto .fullscreen-button:focus-visible{opacity:1;pointer-events:auto}
body.fs-auto.pointer-active{cursor:default}body.fs-auto:not(.pointer-active),body.fs-hide:not(.pointer-active){cursor:none}
/* Header layout: clock left · logo right */
.header-logo-right .tv-header{flex-direction:row-reverse}
.header-logo-right .identity{flex-direction:row-reverse}
.header-logo-right .identity-text,.header-logo-right .identity-text[dir=rtl]{border-left:0;border-right:2px solid var(--rb-divider,#d3dbe4);padding-left:0;padding-right:clamp(16px,1.4vw,32px);text-align:right}
.header-logo-right .identity-text .identity-sub{justify-content:flex-end}
.header-logo-right .header-right{flex-direction:row-reverse}
.header-logo-right .clock{text-align:start}
/* One rate board for every company: same heading height and separator lines. */
.rates-panel .table-head>span{white-space:nowrap}
.rates-panel .table-head{border-bottom-width:2px}
.rates-panel .rate-row,.rates-panel .rate-row:last-child{border-bottom-width:1px;border-bottom-style:solid}
/* Video links in the banner panel */
iframe.playlist-media{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
/* Full-screen popup */
.popup-layer{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:clamp(16px,2.5vw,48px);background:radial-gradient(ellipse at center,#000000cc 0%,#000000f2 100%);opacity:0;transition:opacity .6s ease}
.popup-layer.is-open{opacity:1}
.popup-layer[hidden]{display:none}
.popup-frame{position:relative;width:100%;height:100%;display:grid;place-items:center;transform:scale(.96);transition:transform .6s ease}
.popup-layer.is-open .popup-frame{transform:scale(1)}
.popup-media{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 20px 60px #000a}
iframe.popup-media{width:min(100%,calc((100vh - 64px) * 16 / 9));height:min(100%,calc((100vw - 64px) * 9 / 16));border:0;background:#000}
video.popup-media{width:100%;height:100%}
/* One-time sound unlock */
.sound-unlock{position:fixed;left:20px;bottom:20px;z-index:60;border:0;border-radius:30px;padding:12px 20px;font-size:clamp(13px,1vw,18px);font-weight:700;color:#fff;background:#111c;box-shadow:0 6px 20px #0005;cursor:pointer;animation:sound-pulse 2s ease-in-out infinite}
.sound-unlock[hidden]{display:none}
@keyframes sound-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
/* Header: branch name | licence line always stay on one line (English and Arabic) */
.identity-text{flex:0 1 auto;max-width:100%}
.identity-sub{flex-wrap:nowrap;white-space:nowrap;min-width:0}
.identity-sub>*{white-space:nowrap}
.identity-tagline{overflow:hidden;text-overflow:ellipsis;min-width:0}
.identity-text[dir=rtl] .identity-sub{justify-content:flex-start}
.tv-header>.identity{flex:1 1 auto}.tv-header>.header-right{flex:0 0 auto}