/* Almansoori workspace. Developed by NABAD Computer Solutions L.L.C. */
:root{--wb-paper:#f7f5ef;--wb-muted:#6c675f;--wb-shadow:0 18px 50px -36px #3b322f80;--radius-lg:18px}
:root[data-theme=dark]{--wb-paper:#242724;--wb-muted:#b5b8ad;--wb-shadow:none}
body{background:var(--bg);color:var(--text)}
.site-header{top:0;padding:0 40px;background:var(--bg);border-bottom:1px solid var(--border)}
.site-header .nav-bar{max-width:1240px;padding:20px 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible}
:root[data-theme=dark] .site-header .nav-bar{background:transparent;box-shadow:none}
.nav-brand .word{font-weight:650;font-size:21px;letter-spacing:-.05em}.nav-brand .word small{display:block;font:9px var(--mono);letter-spacing:.2em;color:var(--text-50);margin-top:1px}.nav-brand .am-mark{width:25px}
.nav-link{font-size:14px;padding:11px 14px}.nav-link.active{background:var(--surface);color:var(--text)}.nav-actions{gap:8px}.icon-btn{width:44px;height:44px;min-width:44px;border-radius:12px;border:1px solid var(--border);background:transparent}.sound-toggle{display:none}
.page,.tool-page{max-width:1320px;padding-inline:40px}.wb-home .page{padding-top:0}.wb-kicker{font:11px/1.6 var(--mono);letter-spacing:.1em;color:var(--wb-muted);margin-bottom:26px;text-transform:uppercase}
.wb-hero{display:grid;grid-template-columns:1.17fr 1fr;gap:70px;align-items:center;padding:70px 0 58px;min-height:620px}
.wb-hero h1{font-size:clamp(46px,5.8vw,82px);line-height:1.02;letter-spacing:-.067em;font-weight:500;margin:0 0 26px}.wb-hero h1 em{font-style:normal;color:var(--teal-deep)}.wb-intro{max-width:44ch;font-size:17px;line-height:1.7;color:var(--text-70);margin-bottom:30px}
.wb-search{display:flex;align-items:center;gap:14px;min-height:64px;padding:7px 8px 7px 20px;border:1px solid var(--border);border-radius:12px;background:var(--wb-paper)}.wb-search:focus-within{outline:2px solid var(--teal);outline-offset:3px}.wb-search>svg{width:21px;flex-shrink:0;color:var(--wb-muted)}.wb-search input{min-width:0;flex:1;width:100%;padding:8px 0;border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;color:var(--text);font:15px var(--sans)}.wb-search button{border:0;background:var(--teal-deep);color:var(--bg);border-radius:8px;min-width:48px;min-height:48px;font-size:24px;cursor:pointer}
.wb-quick{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:15px;font-size:12px;color:var(--text-50)}.wb-quick a{color:var(--text-70);text-decoration:underline;text-underline-offset:4px;padding-block:8px}
.wb-object{display:flex;flex-direction:column;min-height:475px;border-radius:180px 180px 16px 16px;background:#d7dfd1;color:#274537;padding:40px 30px 23px;overflow:hidden;text-decoration:none!important;position:relative}.wb-object-top,.wb-object-bottom{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.05em;z-index:2}.wb-object-top{padding:14px 35px}.wb-object-bottom{font:12px var(--sans);padding-top:18px;border-top:1px solid #27453730}
.wb-cabinet{position:relative;width:85%;height:325px;margin:auto;perspective:800px}.wb-sheet{position:absolute;width:62%;height:216px;background:#f5f1e8;box-shadow:0 5px 18px #22362618;border:1px solid #c2bdaf;border-radius:9px;padding:18px;inset-inline-start:16%;top:25px;transform:rotate(-13deg);transition:transform .4s ease}.wb-sheet span{font:10px var(--mono);color:#686254}.wb-sheet i{display:block;width:90%;height:5px;background:#c1c7b9;margin-top:22px}.wb-sheet i:last-child{width:56%}.wb-sheet-front{transform:rotate(12deg);inset-inline-start:33%;top:42px;background:#e5c7a7}.wb-sheet-front svg{width:100%;margin-top:30px;color:#ba8d68}
.wb-folder{position:absolute;inset-inline-start:4%;bottom:5px;width:96%;height:180px;padding:34px 26px 24px;border-radius:6px 16px 16px 16px;background:#2c503f;color:#e5eadc;transform:rotate(-5deg);box-shadow:0 20px 28px -12px #243c4460;border:1px solid #718676}.wb-folder:before{content:'';position:absolute;top:-18px;inset-inline-start:-1px;width:44%;height:20px;border-radius:8px 15px 0 0;background:#2c503f;border:1px solid #718676;border-bottom:0}.wb-folder>span{font-size:30px;letter-spacing:-.055em}.wb-folder-line{width:34px;height:2px;background:#bfceae;margin:18px 0}.wb-folder small{font:8px var(--mono);letter-spacing:.13em}
@media(hover:hover){.wb-object:hover .wb-sheet-back{transform:translateY(-10px) rotate(-18deg)}.wb-object:hover .wb-sheet-front{transform:translateY(-18px) rotate(18deg)}}
.wb-index-line{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font:11px var(--mono);color:var(--text-50)}.wb-index-line a{color:var(--text-70)}.wb-featured{margin-top:68px}.section-row{margin-bottom:28px}.section-row h2{font-size:34px;letter-spacing:-.045em;font-weight:500}.section-row .see-all{font-size:12px}
.bento-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{padding:27px;border:1px solid var(--border);border-radius:14px;background:var(--wb-paper);box-shadow:none;min-height:260px;transition:background .18s,transform .18s,border-color .18s}.tool-card::after{display:none}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--wb-shadow);background:var(--surface);border-color:var(--text-50)}.tool-card .tc-glyph{background:transparent;box-shadow:none;border:1px solid var(--border);border-radius:12px;width:48px;height:48px;margin-bottom:32px;color:var(--teal-deep)}.tool-card .tc-num{font:10px var(--mono);color:var(--text-50)}.tool-card .tc-name{font-weight:550;font-size:21px;letter-spacing:-.035em}.tool-card .tc-desc{font-size:13px;line-height:1.65;max-width:42ch;color:var(--text-70)}.tc-tag{background:transparent;border:0;padding:0;font:10px var(--mono);color:var(--text-50)}
.bento-wide{grid-column:span 2;background:var(--teal-deep);color:var(--bg);position:relative;isolation:isolate;overflow:hidden}.bento-wide:hover{background:var(--teal-deep)}.bento-wide .tc-name,.bento-wide .tc-desc,.bento-wide .tc-glyph,.bento-wide .tc-num,.bento-wide .tc-tag,.bento-wide .tc-arrow{color:var(--bg)}.bento-wide .tc-desc{opacity:.8;max-width:36ch}.bento-wide .tc-glyph{border-color:#ffffff40}.bento-wide::before{content:'PDF';position:absolute;inset-inline-end:-14px;bottom:4px;font-size:170px;line-height:1;font-weight:600;letter-spacing:-.1em;color:currentColor;opacity:.065;z-index:-1}
.wb-catalog .title-block{margin:55px 0 30px;padding:0}.wb-catalog .title-block h1{font-size:clamp(40px,5.5vw,72px);letter-spacing:-.065em;font-weight:500;max-width:13ch;line-height:1.04}.wb-catalog .title-block .subtitle{font-size:18px;color:var(--teal-deep);margin-top:18px}.wb-catalog .title-block .desc{max-width:50ch;font-size:15px}.wb-catalog-search{max-width:720px;margin:32px 0 24px}.wb-catalog-search .wb-kicker{display:block;margin-bottom:8px}.wb-catalog-search .wb-search{min-height:58px}.wb-catalog .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pill-row{gap:8px}.pill{min-height:44px;padding:10px 17px;border-radius:9px;background:transparent}.pill.active{background:var(--teal-deep);color:var(--bg);border-color:var(--teal-deep)}.wb-empty{grid-column:1/-1;padding:64px 24px;text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:12px}
.wb-detail .tool-page{padding-top:35px;max-width:1190px}.tool-header{padding:24px 0 35px;margin-bottom:30px;border-color:var(--border)}.tool-header .wb-kicker{margin-bottom:17px}.tool-header h1{font-size:clamp(35px,4.8vw,62px);font-weight:500;line-height:1.08;letter-spacing:-.055em}.tool-header h1 em{font-style:normal}.tool-header p{font-size:16px;line-height:1.65;max-width:65ch}.tool-widget,.tool-widget.wide{padding:32px;border-radius:18px;background:var(--wb-paper);border:1px solid var(--border);box-shadow:var(--wb-shadow)}.tool-widget input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.tool-widget select,.tool-widget textarea{background:var(--bg);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:16px;min-height:48px}.tool-widget textarea{line-height:1.6}.tool-widget .form-label,.tool-widget label{line-height:1.5}.tool-widget .form-group{margin-bottom:24px}.tool-widget .toggle-group,.tk-tabs{background:var(--surface);padding:5px;border:1px solid var(--border);border-radius:12px;gap:4px}.toggle-btn,.tk-tab{min-height:44px;border-radius:8px}.tk-tab.active{background:var(--wb-paper);color:var(--teal-deep);box-shadow:0 1px 3px #0000000c}.btn{min-height:44px;border-radius:9px}.result-box{border-radius:13px;border:1px solid var(--border);padding:28px;background:var(--surface)}.result-value{font-variant-numeric:tabular-nums;letter-spacing:-.055em}.result-grid{gap:12px}.result-item{border-radius:10px;padding:18px;background:var(--bg)}.drop-zone,.upload-area,.upload-zone{border-radius:14px!important;border-color:var(--border)!important;background:var(--bg)!important;padding-block:44px!important}.drop-zone:hover,.upload-area:hover,.upload-zone:hover{border-color:var(--teal)!important}.editor-pane{border-radius:12px;overflow:hidden}.editor-toolbar{background:var(--surface)}
.site-footer{margin-top:0;padding:40px;border-top:1px solid var(--border)}.site-footer::before{display:none}.footer-inner{max-width:1240px;margin:auto}.footer-inner .end{font-size:12px;color:var(--text-70)}.ai-strip{border-radius:14px;background:var(--teal-deep);padding:30px}.ai-strip::before{display:none}.game-card{border-radius:14px}.gc-art{background:var(--surface)}
/* Travel retains its card artwork in a calm dark workspace. */
body:has(.skywards-page),body:has(.cc-page){background:var(--bg);color:var(--text)}body:has(.skywards-page) .site-header,body:has(.cc-page) .site-header,body:has(.skywards-page) .site-footer,body:has(.cc-page) .site-footer{display:block!important}[class^="sk-bg"],[class^="cc-bg"],.sk-vignette,.cc-vignette,.sk-petals,.sk-tree,.sk-bokeh,.cc-bokeh,.sk-bubbles,.sk-grain,.cc-grain{display:none}.skywards-page,.cc-page{background:#202a26;color:#eef0e8;margin:24px auto 60px;border-radius:20px;max-width:1240px;min-height:0;padding:35px 18px 50px;--gold:#a6bda6;--gold-bright:#cfdfc6;--gold-light:#e2ecd9;--gold-warm:#b6c5a8;--adib-light:#9bbdae;--adib-glow:#c1dfc9;--adib-blue:#3d6654}.sk-hero-text h1 b,.cc-hero h1 b{background:none;color:#cfdfc6;-webkit-text-fill-color:currentColor;font-style:normal;filter:none;font-weight:500}.sk-hero{gap:40px;margin-bottom:35px}.sk-panel,.cc-panel{box-shadow:none;background:#ffffff05;border:1px solid #a6bda638;border-radius:16px;backdrop-filter:none}.sk-panel::before{display:none}.sk-hero-text h1,.cc-hero h1{letter-spacing:-.055em}.sk-cat,.cc-input,.sk-input{border-radius:10px}.sk-cat.selected{background:#b0d5ba12;box-shadow:none}.sk-cat:hover{transform:none}.sk-hero-text *, .cc-hero *{animation:none!important}
html[lang=ar] .wb-kicker,html[lang=ar] .wb-hero h1,html[lang=ar] .tool-header h1,html[lang=ar] .wb-catalog .title-block h1{letter-spacing:0}html[lang=ar] .wb-hero h1{line-height:1.24}html[dir=rtl] .wb-search button{transform:scaleX(-1)}
@media(max-width:1050px){.site-header{padding-inline:28px}.nav-link{padding-inline:9px}.wb-hero{gap:30px}.wb-object{min-height:430px;padding-inline:20px}.wb-cabinet{width:90%;height:290px}.wb-sheet{height:195px}.wb-folder{height:155px;padding:24px}.wb-folder>span{font-size:26px}.wb-hero h1{font-size:57px}.bento-grid,.wb-catalog .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page,.tool-page{padding-inline:28px}}
@media(max-width:760px){.site-header{padding-inline:18px}.site-header .nav-bar{padding:12px 0;gap:8px}.nav-brand .word{font-size:19px}.nav-brand .am-mark{width:22px}.nav-actions{gap:6px}.icon-btn{width:40px;min-width:40px;height:44px}.wb-hero{grid-template-columns:1fr;padding:42px 0 30px;gap:35px}.wb-hero h1{font-size:clamp(43px,8.5vw,65px)}.wb-intro{font-size:16px}.wb-object{min-height:360px;max-width:480px;width:100%;margin:auto;border-radius:130px 130px 14px 14px}.wb-cabinet{width:75%;height:250px}.wb-sheet{height:177px;top:5px}.wb-sheet-front{top:16px}.wb-folder{height:145px}.wb-object-top{padding:8px 35px}.wb-kicker{font-size:10px;margin-bottom:21px}.wb-index-line{font-size:10px;line-height:1.6;flex-wrap:wrap;padding:18px 0}.wb-featured{margin-top:40px}.section-row h2{font-size:27px}.section-row a.see-all{padding:8px 10px}.page,.tool-page{padding-inline:18px}.tool-widget,.tool-widget.wide{padding:20px}.tool-header{padding-top:16px}.tool-header p{font-size:15px}.wb-catalog .title-block{margin-top:30px}.site-footer{padding:28px 18px}.skywards-page,.cc-page{margin:16px 12px 35px;padding:24px 0;border-radius:14px}.wb-catalog .tools-grid{gap:12px}.tool-card{padding:23px}.bento-wide{grid-column:span 2}.nav-links{display:none}.menu-btn{display:flex}}
@media(max-width:480px){.bento-grid,.wb-catalog .tools-grid{grid-template-columns:1fr}.bento-wide{grid-column:auto}.tool-card{min-height:236px}.tool-card .tc-glyph{margin-bottom:22px}.wb-quick{gap:12px}.wb-quick>span{flex-basis:100%}.wb-cabinet{width:88%}.wb-object{min-height:330px}.wb-catalog .title-block h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){.wb-sheet,.tool-card{transition:none}.wb-object:hover .wb-sheet-back,.wb-object:hover .wb-sheet-front{transform:none}}
/* The Playroom */
.playroom-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;padding:64px 0 52px;border-bottom:1px solid var(--border);margin-bottom:44px}.playroom-hero h1{font-size:clamp(60px,8vw,116px);letter-spacing:-.07em;line-height:.92;font-weight:500;margin:0}.playroom-hero h1 em{color:var(--teal-deep);font-style:normal}.playroom-hero p{font-size:20px;line-height:1.6;max-width:32ch;margin-bottom:24px;color:var(--text-70)}.playroom-hero span{font:10px/1.7 var(--mono);color:var(--text-50)}.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px}.play-card{display:block;text-decoration:none!important;color:var(--text)}.play-art{position:relative;border-radius:15px;overflow:hidden;background:var(--surface)}.play-art img{display:block;width:100%;height:auto;transition:transform .35s}.play-card:hover img{transform:scale(1.025)}.play-number{position:absolute;inset:16px auto auto 17px;font:11px var(--mono);color:#294e3a}.play-arrow{position:absolute;right:15px;bottom:15px;width:35px;height:35px;border-radius:50%;background:#f5f1decc;color:#294e3a;display:grid;place-items:center;font-size:19px}.play-info{padding:20px 4px 0}.play-tag{font:10px var(--mono);color:var(--text-50)}.play-info h2{font-size:27px;letter-spacing:-.05em;font-weight:550;margin:10px 0 7px}.play-info p{font-size:13px;color:var(--text-70);line-height:1.6}.play-feature{grid-column:span 2;grid-row:span 2}.play-feature .play-art{height:calc(100% - 119px);min-height:350px}.play-feature .play-art img{height:100%;object-fit:cover}.play-feature .play-info h2{font-size:34px}.gc-art>img{display:block;width:100%;height:100%;object-fit:cover}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gc-art{height:190px}.gc-art:before,.gc-art:after{display:none}
@media(max-width:850px){.playroom-hero{gap:28px}.playroom-hero p{font-size:16px}.play-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-feature{grid-row:auto;grid-column:span 2}.play-feature .play-art{height:310px;min-height:0}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.playroom-hero{grid-template-columns:1fr;gap:25px;padding:40px 0 32px}.playroom-hero h1{font-size:72px}.playroom-hero p{max-width:40ch}.play-grid{grid-template-columns:1fr;gap:30px}.play-feature{grid-column:auto}.play-feature .play-art{height:auto}.play-feature .play-art img{height:auto}.games-grid{grid-template-columns:1fr}.gc-art{height:auto;aspect-ratio:1.6}.play-info h2{font-size:27px!important}}
html[lang=ar] .playroom-hero h1{letter-spacing:0;line-height:1.15}
@media(prefers-reduced-motion:reduce){.play-art img{transition:none}.play-card:hover img{transform:none}}
/* Etihad uses its own markup but shares the same workbench shell. */
body:has(.et-page){background:var(--bg);color:var(--text)}body:has(.et-page) .site-header,body:has(.et-page) .site-footer{display:block!important}[class^="et-bg"],.et-vignette,.et-bokeh,.et-grain,.et-particles{display:none}.et-page{background:#202a26;color:#eef0e8;margin:24px auto 60px;border-radius:20px;max-width:1240px;min-height:0;padding:35px 18px 50px;--bronze:#a6bda6;--bronze-light:#cfdfc6;--bronze-warm:#b6c5a8}.et-hero h1 b,.et-hero-text h1 b{background:none;color:#cfdfc6;-webkit-text-fill-color:currentColor;font-style:normal;filter:none}.et-panel{box-shadow:none;background:#ffffff05;border:1px solid #a6bda638;border-radius:16px;backdrop-filter:none}.et-panel::before{display:none}.et-cat{border-radius:10px}.et-cat.selected{box-shadow:none}.et-hero *{animation:none!important}
@media(max-width:760px){.et-page{margin:16px 12px 35px;padding:24px 0;border-radius:14px}}
/* Keep the tournament rail inside the page instead of using scrollbar-sensitive vw bleed. */
.wcx-band{margin-inline:0;border-radius:16px}
/* Catalog folders: a preview of the task, with a stable readable label. */
.wb-catalog .tools-grid { gap:28px 22px; background:none; border:0; }
.wb-catalog .catalog-card { --preview-bg:#e5e3d7; --preview-ink:#686b4c; padding:0; min-height:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--border); border-radius:18px; background:var(--wb-paper); box-shadow:none; }
.wb-catalog .catalog-card[data-category=documents] { --preview-bg:#eadfd0; --preview-ink:#9c6946; }
.wb-catalog .catalog-card[data-category=media] { --preview-bg:#dbe3d6; --preview-ink:#426b51; }
.wb-catalog .catalog-card[data-category=finance] { --preview-bg:#dce4e5; --preview-ink:#356b76; }
.wb-catalog .catalog-card[data-category=ai] { --preview-bg:#e4def0; --preview-ink:#78618c; }
.wb-catalog .catalog-card[data-category=travel] { --preview-bg:#dce0e6; --preview-ink:#424f63; }
.catalog-preview { height:180px; background:var(--preview-bg); color:var(--preview-ink); display:grid; place-items:center; overflow:hidden; padding:0 22px; }
.catalog-preview>svg { width:100%; height:100%; transition:transform .3s ease; }
.catalog-preview>img { height:190px; width:100%; object-fit:contain; transform:rotate(17deg); transition:transform .3s ease; }
.catalog-folder { position:relative; padding:24px; background:var(--wb-paper); border-top:1px solid var(--border); flex:1; display:flex; flex-direction:column; z-index:1; }
.catalog-folder::before { content:''; position:absolute; top:-16px; inset-inline-start:-1px; width:42%; height:17px; background:var(--wb-paper); border:1px solid var(--border); border-bottom:0; border-radius:0 14px 0 0; }
.wb-catalog .catalog-card .tc-glyph { position:absolute; top:-39px; inset-inline-end:24px; width:48px; height:48px; margin:0; background:var(--wb-paper); border-color:var(--border); color:var(--preview-ink); border-radius:13px; box-shadow:0 4px 12px #00000009; }
.wb-catalog .catalog-card .tc-num { position:static; margin:0 0 12px; font-size:10px; color:var(--text-50); }
.wb-catalog .catalog-card .tc-name { font-size:21px; font-weight:550; line-height:1.25; margin:0 0 9px; }
.wb-catalog .catalog-card .tc-desc { font-size:13px; margin-bottom:20px; line-height:1.6; }
.wb-catalog .catalog-card .tc-foot { margin-top:auto; padding-top:16px; border-top:1px solid var(--border); }
.wb-catalog .catalog-card .tc-arrow { position:static; opacity:1; transform:none; width:auto; height:auto; border:0; background:none; font-size:11px; color:var(--teal-deep); }
.wb-catalog .catalog-card:hover { transform:translateY(-3px); box-shadow:0 14px 28px -22px #293d4470; border-color:var(--text-50); }
@media(hover:hover) { .catalog-card:hover .catalog-preview>svg { transform:translateY(-5px) rotate(-2deg); } .catalog-card:hover .catalog-preview>img { transform:translateY(-6px) rotate(12deg); } }
:root[data-theme=dark] .catalog-preview { background:color-mix(in srgb,var(--preview-ink) 35%,#171c21); color:var(--preview-bg); }
:root[data-theme=dark] .wb-catalog .catalog-card .tc-glyph { color:var(--preview-bg); }
@media(max-width:600px) { .catalog-preview { height:150px; } .catalog-preview>img { height:166px; } .catalog-folder { padding:22px; } }
@media(prefers-reduced-motion:reduce) { .catalog-preview>* { transition:none!important; transform:none!important; } }