/* دولة الزنجر الجديدة — تحديث الرؤية البنفسجية الذهبية 18 */
:root{--zm-glass:#121f37;--zm-border:#384961;--zm-ink:#f8f1e3;--zm-mint:#5cdbaf}
.zm-area{display:flex;flex-direction:column;gap:18px;animation:zmFade .3s ease both}
@keyframes zmFade{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
.zm-heading{display:flex;align-items:center;gap:15px;background:linear-gradient(130deg,#1c2c43,#12203a 70%,#283044);border:1px solid #8b784b99;border-radius:29px;padding:24px 18px;box-shadow:inset 0 1px #ffffff0e,0 10px 24px #0003}
.zm-heading .zm-mark{width:66px;height:66px;display:grid;place-items:center;flex-shrink:0;border-radius:22px;font-size:31px;background:linear-gradient(155deg,#3b3640,#172741);border:1px solid #af8e57}
.zm-heading small{font-weight:900;font-size:10px;letter-spacing:1.8px;color:#d3bc80}.zm-heading h2{font-size:clamp(21px,4.5vw,30px);color:#ffdf8d;margin:0}.zm-heading p{color:#b3bdcc;font-size:13px;line-height:1.5}
.zm-panel{border:1px solid var(--zm-border);background:linear-gradient(155deg,#131e37,#0e1830);border-radius:26px;padding:24px 19px;box-shadow:0 12px 30px #0002}
.zm-panel h3{color:#f9dfa2;margin:0 0 17px;font-size:20px}.zm-panel p{line-height:1.9}.zm-dark{background:radial-gradient(circle at 100% 0,#546b4744,transparent 47%),linear-gradient(120deg,#1c2e3b,#101a32)}.zm-big{font-weight:900;font-size:clamp(30px,7vw,55px);color:#f6d37b}.zm-big span{font-size:17px;color:#a8efd0}.zm-balance-label{color:#bfd1dc}.zm-pill{display:inline-flex;padding:5px 12px;border-radius:99px;background:#19253c;border:1px solid #52647f;font-size:11px;color:#e6e1d3;font-weight:800;white-space:nowrap}.zm-pill.gold{background:#4e3b20;border-color:#bd8e43;color:#ffe7ad}.zm-pill.green{background:#143630;border-color:#33836a;color:#86f1c8}
.zm-stack{display:flex;flex-direction:column;gap:15px}.zm-stack label,.zm-trade label{display:flex;flex-direction:column;gap:8px;color:#c6d4dc;font-size:13px;font-weight:700}.zm-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.zm-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.zm-plan{position:relative;padding:13px!important;display:flex!important;flex-direction:column;gap:5px!important;border:1px solid #455977;background:#1a2942;border-radius:17px;cursor:pointer;min-width:0}.zm-plan:has(input:checked){background:#2c342e;border-color:#eec875;box-shadow:inset 0 0 0 1px #eec87577}.zm-plan input{position:absolute;left:12px;top:12px;accent-color:#eac568}.zm-plan b{color:#ffe4a3}.zm-plan strong{color:#e8f4e2;font-size:19px}.zm-plan small{color:#89d8bb}.zm-empty{padding:22px;color:#abb9c8;display:flex;align-items:center;gap:12px;border:1px dashed #3a4c68;border-radius:17px}
.zm-bank-card{color:white;max-width:360px;width:100%;min-height:175px;background:linear-gradient(135deg,#374661,#161e33);border:1px solid #9eadc6;border-radius:19px;padding:19px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 35px #0005}.zm-tier-gold{background:linear-gradient(130deg,#9a7633,#3d3020)}.zm-tier-platinum{background:linear-gradient(135deg,#596b7b,#27394b)}.zm-tier-royal{background:linear-gradient(130deg,#4f3e7b,#242744)}.zm-bank-card strong{font-size:15px}.zm-bank-card>small{font-size:12px;color:#e0e2ea}.zm-bank-number{font-size:22px;letter-spacing:3px;font-weight:900}.zm-card-row{display:grid;grid-template-columns:1fr;gap:15px;padding:16px 0;border-bottom:1px solid #33445f}.zm-card-row:last-child{border-bottom:0}.zm-card-actions{display:flex;flex-direction:column;gap:10px}.zm-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.zm-kpis-3{grid-template-columns:repeat(3,minmax(0,1fr))}.zm-kpis>div{padding:13px 11px;background:#1b2a40;border:1px solid #3a4a64;border-radius:15px;min-width:0}.zm-kpis small{font-size:12px;display:block}.zm-kpis b{font-size:clamp(15px,3.5vw,24px);color:#efcf83;overflow-wrap:anywhere}.zm-button-row{display:flex;flex-wrap:wrap;gap:9px}.zm-button-row .btn{white-space:normal}
.zm-decision{padding:16px;border:1px solid #465273;background:#1a2742;border-radius:18px;margin:11px 0}.zm-decision h3{color:#fff0bd;margin:14px 0 5px}.zm-decision p{white-space:pre-wrap;color:#dbe4e5}.zm-decision small{color:#b4becb}.zm-flex{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap}
.zm-prop-show{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center}.zm-prop-show p{color:#c3cbd9;margin:8px 0 13px}.zm-home-preview{width:100%;display:block;filter:drop-shadow(0 12px 20px #0006)}.zm-listing{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;border:1px solid #354864;border-radius:19px;padding:15px;margin:12px 0;background:#14253a}.zm-listing-art{border-radius:17px;background:#29384f;display:grid;place-items:center;font-size:31px;width:61px;height:66px}.zm-listing-info{display:flex;flex-direction:column;gap:3px;min-width:0}.zm-listing-info p{font-size:13px;color:#b6c5ce;line-height:1.5}.zm-green{color:var(--zm-mint)!important}.zm-listing-info small{color:#9eb6c3}.zm-listing-info b small{font-weight:500;color:#a1b6ca}
.zm-stock-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:22px}.zm-stock-tabs button{font:inherit;min-width:0;cursor:pointer;border:1px solid #354967;padding:14px 6px;border-radius:14px;color:#c4cdd8;background:#1e2941;font-weight:900}.zm-stock-tabs button.selected{color:#1b261e;background:linear-gradient(#ffdfa1,#d8ab4b);border-color:#edcb81}.zm-stock-tabs button small{display:block;font-size:9px;color:inherit;font-weight:500}.zm-chart-head{align-items:flex-end}.zm-chart-head small{color:#a4b8c6}.zm-chart-head h2{color:#8ef0c1;font-size:clamp(23px,5vw,36px)}.zm-chart-head h2 span{font-size:14px;color:#c2cbd4}.zm-stock-chart{display:block;width:100%;max-height:380px;direction:ltr;margin:15px auto;background:repeating-linear-gradient(0deg,transparent 0 28px,#ffffff04 29px 30px),linear-gradient(130deg,#0f1e33,#0f1a2c);border:1px solid #394763;border-radius:20px;overflow:visible}.zm-trade{display:grid;grid-template-columns:minmax(100px,1fr) auto auto;gap:11px;align-items:end}.zm-trade .btn{min-height:53px}.zm-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.zm-role-card{padding:14px 9px;display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center;background:#1b2a43;border:1px solid #43506b;border-radius:19px}.zm-role-card b{color:#ffdb91}.zm-role-card strong{font-size:14px}.zm-income{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #344258;padding:11px 0}.zm-income span{display:flex;flex-direction:column;gap:5px;min-width:0}.zm-income small{color:#92a8b4}.zm-income strong{color:#75e7b8;white-space:nowrap}.zm-chat-fee{padding:10px 15px;border:1px solid #9a783c;background:#2b271e;color:#f2d99e;border-radius:16px;font-size:12px;line-height:1.8;margin:14px 0}
/* Group content more tightly without redesigning identity/old government pages */
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.service-card{min-height:170px;border-radius:24px;padding:20px}.service-card:hover{background:#182744}.topbar .brand-title{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.24}.content{max-width:100%}
@media(max-width:700px){.zm-prop-show{grid-template-columns:1fr}.zm-home-preview{max-height:230px}.zm-panel{padding:18px 13px}.zm-heading{padding:19px 12px}.zm-heading .zm-mark{width:55px;height:55px}.zm-listing{grid-template-columns:49px 1fr;gap:8px}.zm-listing>div:last-child{grid-column:2;justify-self:start}.zm-listing-art{width:49px;height:55px}.zm-kpis-3{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:148px;padding:16px}.service-card h3{font-size:16px}.service-card p{font-size:12px}}
@media(max-width:380px){.zm-two{grid-template-columns:1fr}.zm-stock-tabs button{font-size:12px}.zm-trade{grid-template-columns:1fr 1fr}.zm-trade label{grid-column:1/-1}.zm-kpis{gap:6px}.zm-kpis>div{padding:9px 6px}.topbar .brand-title{font-size:11px}.topbar .brand-sub{display:none}}