/* Original artwork stays byte-identical. The surrounding native surfaces use
   its emerald, near-black and champagne palette; masks soften only its frame. */
html[data-brand=amal][data-theme=dark]{--bg:#041a13;--surface:#0c3025;--surface-2:#143e2e;--canvas:#041a13;--accent:#e7d59c;--ink:#f7f2dd;--dim:#b7c9b8}
html[data-brand=amal] .welcome-screen.welcome-amal{background:radial-gradient(ellipse 100% 50% at 30% 8%,#173e2d 0%,transparent 70%),radial-gradient(ellipse 85% 65% at 110% 100%,#163423 0%,transparent 75%),#02150e;gap:6px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom));position:relative;isolation:isolate}
html[data-brand=amal] .welcome-amal .amal-original-welcome{margin-block:auto 4px}
html[data-brand=amal] .welcome-amal .amal-original-welcome img{mask-image:linear-gradient(180deg,transparent,#000 19%,#000 80%,transparent);max-height:calc(100dvh - 180px)}
html[data-brand=amal] .welcome-amal .welcome-bottom{margin-bottom:auto;padding-top:0;max-width:390px;align-self:center}
html[data-brand=amal] .welcome-amal .welcome-button--primary{box-shadow:0 6px 28px #d4b85b15;border:1px solid #f8eaba99}
html[data-brand=amal] .welcome-amal .welcome-button--secondary{background:#041a1399;border-color:#b5b78d44}
html[data-brand=amal][data-theme] .app .exact-home-masthead:before{background:linear-gradient(180deg,#03170f 0%,#03170fe8 21%,#03170f3d 56%,var(--bg) 100%),url('assets/amal-mountain-coast-v3.png') center 38%/cover no-repeat}
html[data-brand=amal] .app .customer-brand.amal-original-brand svg.amal-original-art{mask-image:radial-gradient(ellipse 75% 85% at center,#000 54%,transparent 100%);mask-composite:add;mix-blend-mode:lighten}
html[data-brand=amal] .app .customer-brand.amal-original-brand .customer-brand__name svg{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
html[data-brand=amal][data-theme] .app .exact-card-art{background:radial-gradient(ellipse at 10% 110%,#237c5066,transparent 65%),radial-gradient(ellipse at 100% 0%,#bda45625,transparent 65%),linear-gradient(140deg,#02140e,#123927 58%,#031a11);border:1px solid #bcb57770;aspect-ratio:1.65;padding:19px 18px}
html[data-brand=amal] .app .exact-card-art:after{content:"";position:absolute;width:170%;height:110%;border:1px solid #d6cb8d55;border-radius:50%;left:25%;top:-75%;transform:rotate(-28deg);pointer-events:none;z-index:-1;box-shadow:0 3px 16px #55a76a16}
html[data-brand=amal] .app .exact-card-network{position:absolute;right:18px;top:45%;font-size:21px}
html[data-brand=amal] .payment-network{display:inline-block;white-space:nowrap;font-family:Arial,sans-serif;font-size:inherit;font-weight:850;letter-spacing:-.05em;line-height:1.1;color:#f6edc9}
html[data-brand=amal] .payment-network--visa{font-style:italic;letter-spacing:-.065em;color:#e9d491}
html[data-brand=amal] .payment-network--mir{font-style:italic;color:#90d5ae;letter-spacing:-.085em}
html[data-brand=amal] .payment-network--apra{font-family:Georgia,serif;letter-spacing:.03em;color:#f3e6b5}
html[data-brand=amal] .payment-network--usdt{color:#86d7c5;letter-spacing:-.035em}
html[data-brand=amal] .payment-network--balance,html[data-brand=amal] .payment-network--generic{font-size:.75em;letter-spacing:.015em}
html[data-brand=amal][data-theme] .app .exact-account-icon.is-card{width:46px;flex:0 0 46px;height:30px;border-radius:6px;font-size:12px;background:linear-gradient(135deg,#254b3a,#071e15);border:1px solid #c6c49455}
html[data-brand=amal] .app .exact-account{gap:10px}
html[data-brand=amal] .app .exact-account strong{font-size:12px;white-space:normal;line-height:1.35}
html[data-brand=amal] .app .exact-account-tail{max-width:112px;white-space:nowrap;font-size:12px}
html[data-brand=amal] .app .exact-card-mini{display:grid;place-items:center;background:linear-gradient(145deg,#234d39,#051c12);border:1px solid #c4b97a70;font-size:16px;overflow:hidden}
html[data-brand=amal] .app .exact-card-mini .payment-network{visibility:visible!important}
html[data-brand=amal] .app .brand-swatch{width:48px;min-width:48px;height:34px;border-radius:7px;background:linear-gradient(135deg,#24583e,#041c12);font-size:13px;border:1px solid #ccb87766;display:grid;place-items:center}
html[data-brand=amal] .app .exact-wallets-first{margin-bottom:22px}
html[data-brand=amal] .app .exact-draft-amount{scroll-margin-block:20px}
html[data-brand=amal] .app .exact-draft-amount:focus-within .exact-amount-line{border-color:#e7d59c;box-shadow:0 0 0 2px #e7d59c25}
html[data-brand=amal] .app .exact-draft-amount input:focus{outline:none}
html[data-brand=amal] .app .exact-transfer .exact-content{padding-bottom:140px}
html[data-brand=amal] .app .modal.card-requisites-sheet{max-height:calc(100dvh - 36px);background:linear-gradient(160deg,#173d2e,#071e16 60%);color:#f7f2dd;border:1px solid #c6b57a60;border-bottom:0;border-radius:26px 26px 0 0;padding:10px 22px max(24px,env(safe-area-inset-bottom));overscroll-behavior:contain;box-shadow:0 -15px 60px #0006}
html[data-brand=amal] .requisites-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 20px}
html[data-brand=amal] .requisites-heading h3{font-size:21px;margin:0;font-weight:650;letter-spacing:-.5px}
html[data-brand=amal] .requisites-heading p{font-size:12px;color:#b5c7b5;margin:5px 0 0}
html[data-brand=amal] .requisites-close{width:40px;height:40px;flex:none;border:1px solid #d4cf9633;background:#d9d99e0e;color:#f0e9c6;border-radius:50%;font-size:26px}
html[data-brand=amal] .requisites-identity{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #d6d3a829;font-size:20px}
html[data-brand=amal] .requisites-identity>span+span{font-size:12px;color:#bdd1bf}
html[data-brand=amal] .requisites-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 0;border-bottom:1px solid #d6d3a81c;min-width:0}
html[data-brand=amal] .requisites-row>span{min-width:0;user-select:text}
html[data-brand=amal] .requisites-row small{display:block;font-size:12px;color:#b5c7b5;margin-bottom:6px}
html[data-brand=amal] .requisites-row strong{font-size:16px;font-weight:550;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;letter-spacing:.015em}
html[data-brand=amal] .requisites-row button{display:grid;place-items:center;min-width:40px;min-height:40px;border:0;border-radius:8px;background:#b6c5a912;color:#ebd69c;font-size:11px;padding:6px;flex:none}
html[data-brand=amal] .requisites-row button svg{width:20px;height:20px}
html[data-brand=amal] .requisites-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
html[data-brand=amal] .requisites-security,html[data-brand=amal] .requisites-status{font-size:12px;line-height:1.6;color:#b5c7b5;margin:20px 0}
html[data-brand=amal] .app .exact-loading-brand>img{mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent)}
html[data-brand=amal][data-theme=light] .app .exact-home-masthead:before{background:linear-gradient(180deg,#03170f 0%,#03170fe8 20%,#03170f32 56%,var(--bg) 100%),url('assets/amal-mountain-coast-v3.png') center 38%/cover no-repeat}
@media(max-width:350px){html[data-brand=amal] .app .exact-account{gap:7px}html[data-brand=amal] .app .exact-account strong{font-size:11px}html[data-brand=amal] .app .exact-account-tail{font-size:11px;max-width:95px}html[data-brand=amal] .requisites-row strong{font-size:14px}html[data-brand=amal] .app .modal.card-requisites-sheet{padding-inline:16px}}

/* Landscape11: show the mountain skyline at its native aspect ratio, rather
   than zooming a landscape into the short masthead. Preserve payment guards. */
html[data-brand=amal][data-theme] .app .exact-home .exact-home-masthead:before{inset:0 0 -14px;background:linear-gradient(180deg,#03170f 0%,#03170f90 17%,#03170f08 44%,var(--bg) 100%),linear-gradient(90deg,#02181044,transparent 65%),url('assets/amal-mountain-coast-v3.png');background-size:100% 100%,100% 100%,100% auto;background-position:center,center,center 34px;background-repeat:no-repeat}
html[data-brand=amal][data-theme] .app .exact-home .exact-home-masthead .exact-greeting{padding-top:42px;margin-bottom:18px;text-shadow:0 2px 15px #00100ccc}
html[data-brand=amal][data-theme] .app .exact-home .exact-actions{gap:8px;margin:16px 0 20px}
html[data-brand=amal][data-theme] .app .exact-action:nth-child(n)>span{background:linear-gradient(145deg,#23463755,#102b2040);border:1px solid #d1c68e60;box-shadow:inset 0 1px #f1e2ad13,0 3px 10px #00130b26;color:#ead79d;width:48px;height:48px}
html[data-brand=amal][data-theme] .app .exact-action:nth-child(n)>span .ic-svg{width:24px;height:24px;stroke-width:1.65}
html[data-brand=amal][data-theme] .app .exact-action small{font-size:11px;font-weight:500;color:var(--ink);letter-spacing:.01em}
html[data-brand=amal][data-theme] .app .exact-action:hover>span{border-color:#f0dea4;background:#264a365e}
html[data-brand=amal][data-theme] .app .exact-action:active>span{transform:scale(.96)}
html[data-brand=amal][data-theme=light] .app .exact-action:nth-child(n)>span{background:#e8e6d7;border-color:#8a805d55;color:#65572a}
html[data-brand=amal][data-theme] .app .exact-home .exact-access-note{display:none}