/* Global template, chosen by an administrator. */
.design-settings h2 small { display:inline-block; margin-inline-start:10px; padding:4px 8px; border-radius:5px; background:var(--theme-soft); color:var(--theme-primary); font-size:9px; vertical-align:middle; }
.design-form { padding:20px; }
.design-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.design-option { position:relative; display:flex; flex-direction:column; gap:9px; padding:12px; border:2px solid #e6e0d4; border-radius:10px; cursor:pointer; min-width:0; }
.design-option:has(input:checked) { border-color:var(--theme-primary); }
.design-option input { position:absolute; top:13px; right:13px; z-index:1; accent-color:var(--theme-primary); }
.design-option strong { font-size:12px; }
.design-description { font-size:10px; line-height:1.6; color:#8b8e80; }
.design-preview { display:flex; align-items:flex-end; gap:5px; height:76px; padding:13px; border-radius:7px; overflow:hidden; border:1px solid #0001; }
.design-preview i { width:25%; height:45%; background:#ffffff25; border:1px solid #ffffff20; border-radius:3px; }
.design-preview i:first-child { height:78%;width:15%; }
.design-preview-moroccan { background:#123e30 url('../images/zellige.svg'); }
.design-preview-hacker { background:repeating-linear-gradient(0deg,#080e0b 0 3px,#102019 3px 4px); }
.design-preview-hacker i { background:#176b42;border-color:#43e28c66; }
.design-preview-rolex { background:linear-gradient(125deg,#0c241b,#184936);border-color:#c1a35f; }
.design-preview-rolex i { border-color:#c1a35f80;background:#c1a35f30; }
.design-preview-paris { background:#f3e6e2; }
.design-preview-paris i { border-color:#81394f40;background:#81394f25; }
.design-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:20px; }
.design-actions small { color:#8b8e80;font-size:10px;line-height:1.6; }
.design-status { margin:15px 20px;font-size:12px;color:var(--theme-primary); }
body.dark .design-option { border-color:#354334; }
body.dark .design-option:has(input:checked) { border-color:#bda66f; }

/* Hacker: terminal-inspired, high contrast and monospace. */
body[data-template=hacker] { background:#080e0b!important;color:#c6decb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
body[data-template=hacker] :is(button,input,textarea,select) { font-family:inherit; }
body[data-template=hacker] :is(.sidebar,.mobile-navigation) { background:#0b140f;border-color:#223d2b;color:#b8cfbe; }
body[data-template=hacker] .sidebar .brand b { color:#70efa5;font-family:inherit;letter-spacing:1px; }
body[data-template=hacker] .sidebar .brand small { color:#829c86; }
body[data-template=hacker] :is(main::before,.sidebar::after) { background:#43e28c;opacity:.5; }
body[data-template=hacker] .sidebar nav>a.active,body[data-template=hacker] .tool-submenu a.active { background:#122e1e;color:#8befb1; }
body[data-template=hacker] :is(.stats article,.card,.extractor-card,.client-form-card,.clients-card,.devices-list-card,.device-add-card,.settings-card,.notebook-card,.notebook-create-card,.morocco-welcome) { background:#0e1912;border-color:#233f2b;color:#c6decb;border-radius:7px; }
body[data-template=hacker] :is(h1,h2,h3,.morocco-welcome h1) { color:#8aefaf;font-family:inherit; }
body[data-template=hacker] :is(input,textarea,select) { background-color:#0a130e;color:#c6decb;border-color:#294732; }
body[data-template=hacker] :is(.tablecard table th,.clients-table th,.devices-table th,.settings-card-head) { background:#111f16;color:#93b39b;border-color:#294732; }
body[data-template=hacker] .morocco-welcome::after { background:repeating-linear-gradient(0deg,transparent 0 4px,#43e28c 4px 5px);opacity:.06; }
body[data-template=hacker] .morocco-welcome-note { color:#70efa5;font-family:inherit; }
body[data-template=hacker] .users-page { --users-surface:#0e1912;--users-text:#c6decb;--users-muted:#8aa28f;--users-border:#294732;--users-subtle:#122018; }
body[data-template=hacker] :is(.chat-page,.chat-dialog) { --chat-surface:#0e1912;--chat-text:#c6decb;--chat-muted:#8aa28f;--chat-border:#294732;--chat-subtle:#122018;--chat-received:#173021; }
body[data-template=hacker] .chat-welcome { background:radial-gradient(ellipse at center,#142d1e,transparent 65%); }
body[data-template=hacker] :is(.language-selector,.profile) { border-color:#294732; }
body[data-template=hacker] :is(.language-selector select,.mobile-menu-button,.sidebar-close) { background:#122018;color:#b6dbbf;border-color:#294732; }
body[data-template=hacker] .language-selector button { color:#80e5a3;background:#173021; }
body[data-template=hacker] .design-option { border-color:#294732; }
body[data-template=hacker] .design-option:has(input:checked) { border-color:#70efa5; }
body.moroccan-login[data-template=hacker] { --primary:#176b42;--primary-dark:#0d5231;--border:#294732;--text:#c6decb;--muted:#8aa28f; }
body.moroccan-login[data-template=hacker] .visual { background:repeating-linear-gradient(0deg,#070e0a 0 4px,#102017 4px 5px); }
body.moroccan-login[data-template=hacker] .visual::before { background:none; }
body.moroccan-login[data-template=hacker] .visual::after { border-color:#3d8454;border-radius:8px; }
body.moroccan-login[data-template=hacker] :is(.visual h2,.auth-heading h1) { color:#70efa5;font-family:inherit;letter-spacing:-1px; }
body.moroccan-login[data-template=hacker] .morocco-hero-accent { color:#c6decb; }
body.moroccan-login[data-template=hacker] .auth-side { background:#0c1610; }
body.moroccan-login[data-template=hacker] .auth-side::before { background:#43e28c; }
body.moroccan-login[data-template=hacker] :is(.auth-heading p,.terms,.copyright,.brand-subtitle,.morocco-login-kicker,.visual-text,.feature,.morocco-signature) { color:#8aac94; }
body.moroccan-login[data-template=hacker] .input-wrap { background:#101e15;border-color:#294732; }
body.moroccan-login[data-template=hacker] .field label { color:#b2d1b9; }
body.moroccan-login[data-template=hacker] .mobile-brand strong { color:#70efa5; }

/* Rolex: an independent luxury-inspired look, retaining the Fa9ir identity. */
body[data-template=rolex] :is(.sidebar,.mobile-navigation) { background:#10281e;color:#e3dcc5;border-color:#294d38; }
body[data-template=rolex] .sidebar .brand b { color:#e5c87e;font-family:Georgia,serif;letter-spacing:1.1px; }
body[data-template=rolex] .sidebar .brand small { color:#adad89; }
body[data-template=rolex] .sidebar :is(nav>a,summary,nav label,.profile-info b) { color:#ccd1b9; }
body[data-template=rolex] .sidebar nav>a.active,body[data-template=rolex] .tool-submenu a.active { background:#234633;color:#e5c87e;box-shadow:inset 3px 0 #c5a760; }
body[data-template=rolex] :is(main::before,.sidebar::after) { background:linear-gradient(90deg,#8b6939,#dec285,#8b6939);opacity:1; }
body[data-template=rolex] :is(h1,h2,.users-heading h1,.chat-page-heading h1) { font-family:Georgia,'Times New Roman',serif;letter-spacing:.2px; }
body[data-template=rolex] .morocco-welcome { border-color:#d8c79d;background:#fbf9f1; }
body[data-template=rolex] .morocco-welcome::after { background:repeating-linear-gradient(120deg,transparent 0 19px,#c1a35f 19px 20px); }
body[data-template=rolex] .sidebar .language-selector { border-color:#456042; }
body[data-template=rolex] .sidebar .language-selector select { background:#1b3828;color:#e5dcc2;border-color:#456042; }
body[data-template=rolex] .sidebar .language-selector button { background:#c5a760;color:#10281e; }
body[data-template=rolex] .sidebar .profile { border-color:#456042; }
body[data-template=rolex] :is(.mobile-menu-button,.sidebar-close) { background:#244431;color:#e5c87e;border-color:#456042; }
body.moroccan-login[data-template=rolex] .visual { background:radial-gradient(ellipse at center,#204c35,#081c13); }
body.moroccan-login[data-template=rolex] .visual::before { background:repeating-linear-gradient(120deg,transparent 0 45px,#bca264 45px 46px);opacity:.12; }
body.moroccan-login[data-template=rolex] .visual::after { border-radius:4px;border-color:#c5a76088; }
body.moroccan-login[data-template=rolex] :is(.visual h2,.auth-heading h1) { font-family:Georgia,'Times New Roman',serif;letter-spacing:.2px; }
body.moroccan-login[data-template=rolex] .auth-side { background:#f9f6eb; }
body.moroccan-login[data-template=rolex] .auth-side::before { background:linear-gradient(90deg,#8b6939,#dec285,#8b6939); }

/* Paris: warm editorial styling and understated rose accents. */
body[data-template=paris] :is(.sidebar,.mobile-navigation) { background:#fffaf6;border-color:#eaded7; }
body[data-template=paris] .sidebar .brand b { font-family:Georgia,serif;color:#543945;letter-spacing:.1px; }
body[data-template=paris] :is(main::before,.sidebar::after) { background:#81394f; }
body[data-template=paris] :is(h1,h2,.users-heading h1,.chat-page-heading h1) { font-family:Georgia,'Times New Roman',serif;letter-spacing:.1px; }
body[data-template=paris] .morocco-welcome { background:#fffaf6;border-color:#eaded7; }
body[data-template=paris] .morocco-welcome h1 { color:#543945; }
body[data-template=paris] .morocco-welcome::after { background:repeating-linear-gradient(90deg,transparent 0 28px,#81394f 28px 29px);opacity:.05; }
body[data-template=paris] .morocco-welcome-note { color:#9b6d7e; }
body.moroccan-login[data-template=paris] { --primary:#81394f;--primary-dark:#66293d;--text:#543945; }
body.moroccan-login[data-template=paris] .visual { background:#e9d7d4;color:#543945; }
body.moroccan-login[data-template=paris] .visual::before { background:repeating-linear-gradient(90deg,transparent 0 70px,#81394f 70px 71px);opacity:.08; }
body.moroccan-login[data-template=paris] .visual::after { border-color:#81394f40;border-radius:180px 180px 3px 3px; }
body.moroccan-login[data-template=paris] :is(.visual h2,.auth-heading h1) { color:#543945;font-family:Georgia,'Times New Roman',serif; }
body.moroccan-login[data-template=paris] .morocco-hero-accent { color:#9b566b; }
body.moroccan-login[data-template=paris] :is(.brand-name,.brand-subtitle,.visual-text,.feature,.morocco-signature) { color:#715564; }
body.moroccan-login[data-template=paris] .auth-side { background:#fffaf6; }
body.moroccan-login[data-template=paris] .auth-side::before { background:#81394f; }
body.moroccan-login[data-template=paris] .submit { background:#81394f; }
body.moroccan-login[data-template=paris] .submit:hover { background:#66293d; }
body.moroccan-login[data-template=paris] .feature-icon { color:#81394f;border-color:#81394f40;background:#fff6; }
body.dark[data-template=paris] .morocco-welcome,body.dark[data-template=rolex] .morocco-welcome { background:#14231d; }
body.dark[data-template=paris] .morocco-welcome h1 { color:#eed9df; }
@media(max-width:900px) { body.moroccan-login[data-template=hacker] .auth-side { background:#0c1610; } body.moroccan-login[data-template=rolex] .auth-side { background:#f9f6eb; } body.moroccan-login[data-template=paris] .auth-side { background:#fffaf6; } }
@media(max-width:800px) { .design-options { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .design-form { padding:14px; } .design-options { gap:8px; } .design-option { padding:9px; } .design-actions { align-items:stretch;flex-direction:column; } .design-actions button { width:100%; } }

/* Original Fa9ir finance and USA wordmarks. */
.design-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
.design-preview-fortuneo { background:linear-gradient(135deg,#edf5e4,#fff); }
.design-preview-usa { background:linear-gradient(0deg,#15345b 0 8%,#fff 8% 88%,#cf3d48 88%); }
.design-preview :is(img) { width:100%;max-width:150px;height:auto;align-self:center; }
body:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .sidebar .brand { flex-direction:column;align-items:flex-start;gap:3px;padding-inline:10px; }
body:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .sidebar .logo { width:158px;height:44px; }
body:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .sidebar .logo img { width:100%;height:auto; }
body:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .sidebar .brand b { display:none; }
body:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .sidebar .brand small { color:#7c8990;font:10px Arial,sans-serif; }
body.moroccan-login:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .brand-logo { width:174px;height:48px;background:transparent;border-radius:0; }
body.moroccan-login:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .brand-logo img { width:100%;height:auto; }
body.moroccan-login:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .brand-name,body.moroccan-login:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .mobile-brand strong { display:none; }
body.moroccan-login:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .brand { flex-direction:column;align-items:flex-start;gap:4px; }
body.moroccan-login:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .visual h2 { font-family:Arial,sans-serif;font-weight:800;font-size:clamp(36px,3.6vw,54px);letter-spacing:-1.6px; }
body.moroccan-login:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .auth-heading h1 { font-family:Arial,sans-serif;letter-spacing:-1px; }
.mobile-template-logo { display:block;object-fit:contain; }

/* Finance: a fresh green palette with an unmistakable Fa9ir identity. */
body[data-template=fortuneo] :is(main::before,.sidebar::after) { background:#80bc32; }
body[data-template=fortuneo] .sidebar,body[data-template=fortuneo] .mobile-navigation { background:#fff;border-color:#e2eadb; }
body[data-template=fortuneo] :is(.morocco-welcome,.stats article,.card,.settings-card,.extractor-card,.client-form-card,.clients-card,.notebook-card) { border-color:#e2eadb; }
body[data-template=fortuneo] .morocco-welcome { background:linear-gradient(110deg,#fff,#f0f7e8); }
body[data-template=fortuneo] .morocco-welcome h1 { color:#274328; }
body[data-template=fortuneo] .morocco-welcome::after { background:radial-gradient(circle at 100% 50%,#80bc32 0 35%,transparent 36%);opacity:.08; }
body[data-template=fortuneo] .morocco-welcome-note { color:#47732a;font-family:Arial,sans-serif; }
body[data-template=fortuneo] .sidebar nav>a.active,body[data-template=fortuneo] .tool-submenu a.active { background:#edf5e4;color:#37651e; }
body:not(.dark)[data-template=fortuneo] .users-page { --users-surface:#fff;--users-subtle:#f5f8f1;--users-border:#e2eadb;--users-text:#274328; }
body:not(.dark)[data-template=fortuneo] :is(.chat-page,.chat-dialog) { --chat-surface:#fff;--chat-subtle:#f5f8f1;--chat-border:#e2eadb;--chat-text:#274328;--chat-received:#edf5e4; }
body.moroccan-login[data-template=fortuneo] { --primary:#37651e;--primary-dark:#284c14;--border:#e2eadb;--text:#274328; }
body.moroccan-login[data-template=fortuneo] .visual { background:linear-gradient(145deg,#eef7e2,#fff 65%); }
body.moroccan-login[data-template=fortuneo] .visual::before { background:radial-gradient(circle at 0 90%,#80bc32 0 22%,transparent 23%);opacity:.13; }
body.moroccan-login[data-template=fortuneo] .visual::after { border-color:#80bc3230;border-radius:26px; }
body.moroccan-login[data-template=fortuneo] :is(.visual h2,.auth-heading h1) { color:#274328; }
body.moroccan-login[data-template=fortuneo] .morocco-hero-accent { color:#547f2f; }
body.moroccan-login[data-template=fortuneo] :is(.brand-subtitle,.visual-text,.feature,.morocco-signature,.copyright) { color:#657757; }
body.moroccan-login[data-template=fortuneo] .feature-icon { background:#80bc3215;border-color:#80bc3245;color:#37651e; }
body.moroccan-login[data-template=fortuneo] .auth-side { background:#fff; }
body.moroccan-login[data-template=fortuneo] .auth-side::before { background:#80bc32; }
body.moroccan-login[data-template=fortuneo] .submit { background:#37651e;box-shadow:0 5px 12px #37651e18; }
body.moroccan-login[data-template=fortuneo] .submit:hover { background:#284c14; }
body.moroccan-login[data-template=fortuneo] :is(.input-wrap,.login-language select) { background:#fff;border-color:#e2eadb; }
body.moroccan-login[data-template=fortuneo] .morocco-signature { border-color:#80bc3245; }

/* USA: navy, red, white and an original Fa9ir star. */
body[data-template=usa] :is(main::before,.sidebar::after) { background:linear-gradient(90deg,#15345b 0 46%,#fff 46% 54%,#cf3d48 54%); }
body[data-template=usa] .sidebar,body[data-template=usa] .mobile-navigation { background:#fff;border-color:#dce3ee; }
body[data-template=usa] .sidebar nav>a.active,body[data-template=usa] .tool-submenu a.active { background:#eaf0f8;color:#15345b;box-shadow:inset 3px 0 #cf3d48; }
body[data-template=usa] .morocco-welcome { background:#fff;border-color:#dce3ee;border-top:3px solid #15345b; }
body[data-template=usa] .morocco-welcome h1 { color:#15345b; }
body[data-template=usa] .morocco-welcome::after { background:repeating-linear-gradient(135deg,transparent 0 20px,#cf3d48 20px 26px);opacity:.05; }
body[data-template=usa] .morocco-welcome-note { color:#a8343e;font-family:Arial,sans-serif; }
body:not(.dark)[data-template=usa] .users-page { --users-surface:#fff;--users-subtle:#f5f7fb;--users-border:#dce3ee;--users-text:#15345b; }
body:not(.dark)[data-template=usa] :is(.chat-page,.chat-dialog) { --chat-surface:#fff;--chat-subtle:#f5f7fb;--chat-border:#dce3ee;--chat-text:#15345b;--chat-received:#eaf0f8; }
body.moroccan-login[data-template=usa] { --primary:#15345b;--primary-dark:#0d2441;--border:#dce3ee;--text:#15345b; }
body.moroccan-login[data-template=usa] .visual { background:linear-gradient(140deg,#0d2441,#15345b 70%,#1c416c); }
body.moroccan-login[data-template=usa] .visual::before { background:repeating-linear-gradient(135deg,transparent 0 60px,#fff 60px 61px);opacity:.04; }
body.moroccan-login[data-template=usa] .visual::after { border-color:#ffffff28;border-radius:16px; }
body.moroccan-login[data-template=usa] .visual .brand-logo { background:#fff;border-radius:10px;width:180px;height:52px;padding:5px; }
body.moroccan-login[data-template=usa] .visual h2 { color:#fff; }
body.moroccan-login[data-template=usa] .morocco-hero-accent { color:#f196a0; }
body.moroccan-login[data-template=usa] :is(.brand-subtitle,.visual-text,.feature,.morocco-signature) { color:#c6d4e6; }
body.moroccan-login[data-template=usa] .feature-icon { border-color:#fff3;color:#fff;background:#fff1; }
body.moroccan-login[data-template=usa] .auth-side { background:#fff; }
body.moroccan-login[data-template=usa] .auth-side::before { background:linear-gradient(90deg,#15345b 0 46%,#fff 46% 54%,#cf3d48 54%); }
body.moroccan-login[data-template=usa] .auth-heading h1 { color:#15345b; }
body.moroccan-login[data-template=usa] .submit { background:#15345b;box-shadow:0 5px 12px #15345b18; }
body.moroccan-login[data-template=usa] .submit:hover { background:#0d2441; }
body.moroccan-login[data-template=usa] :is(.input-wrap,.login-language select) { background:#fff;border-color:#dce3ee; }
body.moroccan-login[data-template=usa] :is(.morocco-login-kicker,.terms [lang],.copyright) { color:#a8343e; }
body.moroccan-login[data-template=usa] .morocco-signature { border-color:#fff3; }
body.dark:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .sidebar .logo { background:#fff;border-radius:7px;padding:3px; }
body.dark:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) :is(.sidebar,.mobile-navigation) { background:#101b18;border-color:#29372e; }
body.dark:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .morocco-welcome { background:#14231d;border-color:#354334; }
body.dark:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .morocco-welcome h1 { color:#eee9da; }
body.dark:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .mobile-template-logo { background:#fff;border-radius:5px;padding:2px; }
@media(max-width:800px) { .design-options { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) { body.moroccan-login:is([data-template=fortuneo],[data-template=usa],[data-template=dubai]) .auth-side { background:#fff; } }

/* Dubai: architectural silhouettes, midnight navy and desert gold. */
.design-preview-dubai { background:linear-gradient(135deg,#f5eddd,#fff);border-color:#d8b776; }
body[data-template=dubai] :is(main::before,.sidebar::after) { background:linear-gradient(90deg,#102a3b 0 65%,#bb9452 65%);opacity:1; }
body[data-template=dubai] :is(.sidebar,.mobile-navigation) { background:#fffdf8;border-color:#e6dcc9; }
body[data-template=dubai] .sidebar nav>a.active,body[data-template=dubai] .tool-submenu a.active { background:#f2ecdf;color:#102a3b;box-shadow:inset 3px 0 #bb9452; }
body[data-template=dubai] :is(h1,h2,.users-heading h1,.chat-page-heading h1) { font-family:Georgia,'Times New Roman',serif;letter-spacing:.1px; }
body[data-template=dubai] .morocco-welcome { background:#fffdf8;border-color:#e6dcc9; }
body[data-template=dubai] .morocco-welcome h1 { color:#102a3b; }
body[data-template=dubai] .morocco-welcome::after { width:310px;background:url('../images/dubai-skyline.svg') center bottom/contain no-repeat;opacity:.45; }
body[data-template=dubai] .morocco-welcome-note { color:#9b763e; }
body:not(.dark)[data-template=dubai] .users-page { --users-surface:#fffdf8;--users-subtle:#faf7f0;--users-border:#e6dcc9;--users-text:#102a3b; }
body:not(.dark)[data-template=dubai] :is(.chat-page,.chat-dialog) { --chat-surface:#fffdf8;--chat-subtle:#faf7f0;--chat-border:#e6dcc9;--chat-text:#102a3b;--chat-received:#f2ecdf; }
body.moroccan-login[data-template=dubai] { --primary:#102a3b;--primary-dark:#071d2b;--border:#e6dcc9;--text:#102a3b; }
body.moroccan-login[data-template=dubai] .visual { background:radial-gradient(ellipse at top left,#214254,#081d2c); }
body.moroccan-login[data-template=dubai] .visual::before { background:url('../images/dubai-skyline.svg') center bottom/100% auto no-repeat;opacity:.3; }
body.moroccan-login[data-template=dubai] .visual::after { border-color:#d8b77666;border-radius:6px; }
body.moroccan-login[data-template=dubai] .visual .brand-logo { background:#fffdf8;border-radius:8px;width:180px;height:52px;padding:5px; }
body.moroccan-login[data-template=dubai] :is(.visual h2,.auth-heading h1) { font-family:Georgia,'Times New Roman',serif;letter-spacing:-.4px; }
body.moroccan-login[data-template=dubai] .visual h2 { color:#fbf5e6; }
body.moroccan-login[data-template=dubai] .morocco-hero-accent { color:#d8b776; }
body.moroccan-login[data-template=dubai] :is(.brand-subtitle,.visual-text,.feature,.morocco-signature) { color:#c9cbbd; }
body.moroccan-login[data-template=dubai] .feature-icon { color:#d8b776;border-color:#d8b77655;background:#d8b7760d; }
body.moroccan-login[data-template=dubai] .auth-side { background:#fffdf8; }
body.moroccan-login[data-template=dubai] .auth-side::before { background:linear-gradient(90deg,#102a3b 0 65%,#bb9452 65%); }
body.moroccan-login[data-template=dubai] .auth-heading h1 { color:#102a3b; }
body.moroccan-login[data-template=dubai] .submit { background:#102a3b;box-shadow:0 5px 12px #102a3b18; }
body.moroccan-login[data-template=dubai] .submit:hover { background:#071d2b; }
body.moroccan-login[data-template=dubai] :is(.input-wrap,.login-language select) { background:#fff;border-color:#e6dcc9; }
body.moroccan-login[data-template=dubai] :is(.morocco-login-kicker,.copyright) { color:#9b763e; }
body.dark[data-template=dubai] .morocco-welcome h1 { color:#eee9da; }
@media(max-width:900px) { body.moroccan-login[data-template=dubai] .auth-side { background:#fffdf8; } }
body.dark[data-template=dubai] :is(.sidebar,.mobile-navigation,.morocco-welcome) { background:#101e2b;border-color:#2c3c47; }
body.dark[data-template=dubai] .users-page { --users-surface:#101e2b;--users-subtle:#172837;--users-border:#2c3c47; }
body.dark[data-template=dubai] :is(.chat-page,.chat-dialog) { --chat-surface:#101e2b;--chat-subtle:#172837;--chat-border:#2c3c47;--chat-received:#223442; }