/* الهوية البنيوية للأنماط: لوحة التحكم والقائمة والأوراق */
html[data-theme-choice^="design-"] .dashboard-kpi{background:var(--panel);color:var(--ink);border:var(--theme-border-width) solid var(--line);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow);font-family:var(--theme-font)}
html[data-theme-choice^="design-"] .dashboard-kpi:before{background:var(--gold)}
html[data-theme-choice^="design-"] .dashboard-kpi i{background:color-mix(in srgb,var(--gold) 16%,var(--panel));color:var(--gold);border-radius:var(--theme-radius-small)}
html[data-theme-choice^="design-"] .dashboard-line-chart polyline{stroke:var(--gold)}
html[data-theme-choice^="design-"] .dashboard-line-chart circle{fill:var(--panel);stroke:var(--gold)}
html[data-theme-choice^="design-"] .dashboard-line-chart line{stroke:var(--line)}
html[data-theme-choice^="design-"] .dashboard-status{background:color-mix(in srgb,var(--green) 14%,var(--panel));color:var(--green)}

/* 01 — بنتو هندسي */
html[data-theme-choice="design-bento-geometric"] .dashboard-shell{gap:14px}
html[data-theme-choice="design-bento-geometric"] .dashboard-kpi-grid{grid-template-columns:repeat(12,1fr);gap:14px}
html[data-theme-choice="design-bento-geometric"] .dashboard-kpi{grid-column:span 3;min-height:150px;border:2px solid var(--forest);box-shadow:7px 7px 0 color-mix(in srgb,var(--forest) 14%,transparent)}
html[data-theme-choice="design-bento-geometric"] .dashboard-kpi:nth-child(1){grid-column:span 4;background:var(--forest);color:var(--theme-sidebar-text)}
html[data-theme-choice="design-bento-geometric"] .dashboard-kpi:nth-child(1) :is(span,strong,small){color:var(--theme-sidebar-text)!important}
html[data-theme-choice="design-bento-geometric"] .dashboard-kpi:nth-child(4){grid-column:span 2;background:var(--gold);color:var(--theme-accent-text)}
html[data-theme-choice="design-bento-geometric"] .dashboard-analytics{grid-template-columns:1.9fr 1fr}html[data-theme-choice="design-bento-geometric"] .dashboard-lists{gap:14px}
html[data-theme-choice="design-bento-geometric"] .dashboard-card{border:2px solid var(--forest)!important}
html[data-theme-choice="design-bento-geometric"] .nav-label-icon{border-radius:4px;background:var(--gold);color:var(--theme-accent-text)}

/* 02 — جريء حديث */
html[data-theme-choice="design-neo-brutalist"] .dashboard-kpi-grid{gap:18px}
html[data-theme-choice="design-neo-brutalist"] .dashboard-kpi{min-height:170px;border:3px solid #111!important;border-radius:0!important;box-shadow:8px 8px 0 #111!important}
html[data-theme-choice="design-neo-brutalist"] .dashboard-kpi:nth-child(1){background:#ffd900}html[data-theme-choice="design-neo-brutalist"] .dashboard-kpi:nth-child(2){background:#2157d9}html[data-theme-choice="design-neo-brutalist"] .dashboard-kpi:nth-child(3){background:#ff6655}html[data-theme-choice="design-neo-brutalist"] .dashboard-kpi:nth-child(4){background:#fff}
html[data-theme-choice="design-neo-brutalist"] .dashboard-kpi:nth-child(2) :is(span,strong,small){color:#fff!important}
html[data-theme-choice="design-neo-brutalist"] .dashboard-card{border:3px solid #111!important;border-radius:0!important;box-shadow:9px 9px 0 #111!important}
html[data-theme-choice="design-neo-brutalist"] .dashboard-line-chart polyline{stroke:#111;stroke-width:5}html[data-theme-choice="design-neo-brutalist"] .dashboard-line-chart circle{fill:#ffd900;stroke:#111}
html[data-theme-choice="design-neo-brutalist"] .nav-label,html[data-theme-choice="design-neo-brutalist"] .nav-item{border-radius:0!important;border:2px solid #111!important;margin-bottom:5px!important}

/* 03 — طيني ناعم */
html[data-theme-choice="design-soft-clay"] .sidebar{margin:16px;border-radius:28px;height:calc(100vh - 32px)!important}
html[data-theme-choice="design-soft-clay"] .dashboard-kpi{min-height:170px;border:0!important;border-radius:30px!important;box-shadow:12px 12px 25px #d8cbc3,-10px -10px 24px #fff!important}
html[data-theme-choice="design-soft-clay"] .dashboard-kpi i{width:64px;height:64px;border-radius:22px;box-shadow:inset 4px 4px 9px rgba(70,55,82,.12),inset -4px -4px 9px #fff}
html[data-theme-choice="design-soft-clay"] .dashboard-card{border:0!important;border-radius:32px!important;box-shadow:12px 12px 26px #d8cbc3,-10px -10px 24px #fff!important}
html[data-theme-choice="design-soft-clay"] .nav-item,html[data-theme-choice="design-soft-clay"] .nav-label{border-radius:18px!important}

/* 04 — تحريري بسيط */
html[data-theme-choice="design-editorial-minimal"] .dashboard-heading{border-block:1px solid var(--ink);padding-block:18px}
html[data-theme-choice="design-editorial-minimal"] .dashboard-kpi-grid{gap:0;border-block:2px solid var(--ink)}
html[data-theme-choice="design-editorial-minimal"] .dashboard-kpi{min-height:145px;border:0!important;border-inline-end:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html[data-theme-choice="design-editorial-minimal"] .dashboard-kpi i{border-radius:50%;background:transparent;border:1px solid var(--ink)}
html[data-theme-choice="design-editorial-minimal"] .dashboard-card{border:0!important;border-block-start:2px solid var(--ink)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html[data-theme-choice="design-editorial-minimal"] .sidebar{background:var(--paper)!important;color:var(--ink)!important;border-inline-start:1px solid var(--ink)!important}
html[data-theme-choice="design-editorial-minimal"] .sidebar :is(strong,span,small,a,button){color:var(--ink)!important}

/* 05 — زجاج شعاعي */
html[data-theme-choice="design-glass-radial"] .dashboard-kpi-grid{perspective:900px}
html[data-theme-choice="design-glass-radial"] .dashboard-kpi{min-height:170px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.025))!important;border:1px solid rgba(126,224,255,.3)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 20px 45px rgba(0,0,0,.3)!important;backdrop-filter:blur(18px)}
html[data-theme-choice="design-glass-radial"] .dashboard-kpi:nth-child(odd){transform:translateY(8px)}
html[data-theme-choice="design-glass-radial"] .dashboard-card{background:linear-gradient(150deg,rgba(22,60,91,.82),rgba(7,27,53,.72))!important;border:1px solid rgba(61,228,242,.25)!important;box-shadow:0 22px 55px rgba(0,0,0,.34)!important}
html[data-theme-choice="design-glass-radial"] .dashboard-donut{filter:drop-shadow(0 0 18px rgba(61,228,242,.45))}

/* 06 — سويسري للبيانات */
html[data-theme-choice="design-swiss-data"] .dashboard-shell{gap:0;border:2px solid var(--ink)}
html[data-theme-choice="design-swiss-data"] .dashboard-heading{padding:18px;border-bottom:2px solid var(--ink)}
html[data-theme-choice="design-swiss-data"] .dashboard-kpi-grid{gap:0}
html[data-theme-choice="design-swiss-data"] .dashboard-kpi{min-height:155px;border:0!important;border-inline-end:1px solid var(--ink)!important;border-bottom:2px solid var(--ink)!important;border-radius:0!important;box-shadow:none!important}
html[data-theme-choice="design-swiss-data"] .dashboard-kpi:before{inset:0 auto auto 0;width:38%;height:8px}
html[data-theme-choice="design-swiss-data"] .dashboard-card{border:0!important;border-inline-end:1px solid var(--ink)!important;border-bottom:2px solid var(--ink)!important;border-radius:0!important;box-shadow:none!important}

/* 07 — آرت ديكو */
html[data-theme-choice="design-art-deco"] .dashboard-heading{text-align:center;justify-content:center;border-block:3px double var(--gold);padding:20px}html[data-theme-choice="design-art-deco"] .dashboard-heading-actions{justify-content:center}
html[data-theme-choice="design-art-deco"] .dashboard-kpi{min-height:175px;border:4px double var(--gold)!important;border-radius:2px!important;box-shadow:inset 0 0 0 5px var(--paper)!important;text-align:center}
html[data-theme-choice="design-art-deco"] .dashboard-kpi:after{content:"◆";position:absolute;top:8px;left:50%;color:var(--gold)}
html[data-theme-choice="design-art-deco"] .dashboard-card{border:5px double var(--gold)!important;box-shadow:inset 0 0 0 5px var(--paper)!important}
html[data-theme-choice="design-art-deco"] .nav-label-icon{transform:rotate(45deg);border:1px solid var(--gold)}html[data-theme-choice="design-art-deco"] .nav-label-icon>*{transform:rotate(-45deg)}

/* 08 — عضوي طبيعي */
html[data-theme-choice="design-organic-biomorphic"] .dashboard-kpi-grid{grid-template-columns:1.2fr .8fr 1fr 1fr;align-items:stretch}
html[data-theme-choice="design-organic-biomorphic"] .dashboard-kpi{min-height:175px;border:0!important;border-radius:45% 18% 42% 22%/30% 42% 20% 44%!important}
html[data-theme-choice="design-organic-biomorphic"] .dashboard-kpi:nth-child(2){transform:rotate(-1.5deg)}html[data-theme-choice="design-organic-biomorphic"] .dashboard-kpi:nth-child(3){transform:rotate(1deg)}
html[data-theme-choice="design-organic-biomorphic"] .dashboard-card{border:0!important;border-radius:48px 20px 52px 22px!important}
html[data-theme-choice="design-organic-biomorphic"] .sidebar{border-radius:0 0 70px 0}

/* 09 — طرفية رقمية */
html[data-theme-choice="design-pixel-terminal"] .dashboard-kpi{min-height:150px;border:1px solid var(--gold)!important;border-radius:0!important;box-shadow:inset 0 0 22px rgba(114,240,53,.08)!important}
html[data-theme-choice="design-pixel-terminal"] .dashboard-kpi:before{content:"[SYS]";width:auto;height:auto;inset:8px auto auto 8px;background:none;color:var(--gold);font-size:9px}
html[data-theme-choice="design-pixel-terminal"] .dashboard-card{border:1px dashed var(--gold)!important;border-radius:0!important}
html[data-theme-choice="design-pixel-terminal"] .dashboard-card-head h3:before{content:"> ";color:var(--gold)}
html[data-theme-choice="design-pixel-terminal"] .nav-item.active:before{content:">";margin-inline-end:6px}

/* 10 — دفتر ورقي */
html[data-theme-choice="design-paper-ledger"] .dashboard-heading,html[data-theme-choice="design-paper-ledger"] .dashboard-card,html[data-theme-choice="design-paper-ledger"] .dashboard-kpi{background-color:rgba(245,235,216,.86)!important}
html[data-theme-choice="design-paper-ledger"] .dashboard-kpi{min-height:150px;border:0!important;border-bottom:2px solid #315d8a!important;border-radius:2px!important;box-shadow:3px 5px 9px rgba(72,53,34,.14)!important}
html[data-theme-choice="design-paper-ledger"] .dashboard-kpi:after{content:"";position:absolute;inset-inline-start:12%;top:0;bottom:0;border-inline-start:1px solid rgba(180,91,67,.45)}
html[data-theme-choice="design-paper-ledger"] .dashboard-card{border:0!important;border-top:2px solid #273d55!important;border-radius:2px!important}
html[data-theme-choice="design-paper-ledger"] table td{background-image:linear-gradient(transparent calc(100% - 1px),rgba(49,93,138,.18) 0)!important}

/* 11 — وحدات مجسمة */
html[data-theme-choice="design-isometric-modular"] .dashboard-kpi-grid{gap:22px;padding:12px;perspective:1000px}
html[data-theme-choice="design-isometric-modular"] .dashboard-kpi{min-height:160px;transform:skewY(-2deg);border:2px solid #465159!important;border-right:10px solid #0a0d0f!important;border-bottom:10px solid #0a0d0f!important}
html[data-theme-choice="design-isometric-modular"] .dashboard-kpi>*,html[data-theme-choice="design-isometric-modular"] .dashboard-card>*{transform:skewY(2deg)}
html[data-theme-choice="design-isometric-modular"] .dashboard-card{transform:skewY(-1deg);border-right:9px solid #0a0d0f!important;border-bottom:9px solid #0a0d0f!important}

/* 12 — بطاقات اسكندنافية */
html[data-theme-choice="design-scandinavian-cards"] .dashboard-kpi-grid{gap:20px}
html[data-theme-choice="design-scandinavian-cards"] .dashboard-kpi{min-height:180px;border:0!important;border-radius:32px!important;box-shadow:0 16px 36px rgba(56,91,118,.1)!important}
html[data-theme-choice="design-scandinavian-cards"] .dashboard-kpi:nth-child(1){background:#fff1e9}html[data-theme-choice="design-scandinavian-cards"] .dashboard-kpi:nth-child(2){background:#edf3f7}html[data-theme-choice="design-scandinavian-cards"] .dashboard-kpi:nth-child(3){background:#eef4e9}html[data-theme-choice="design-scandinavian-cards"] .dashboard-kpi:nth-child(4){background:#fff8df}
html[data-theme-choice="design-scandinavian-cards"] .dashboard-card{border:0!important;border-radius:30px!important}

/* 13 — تنفيذي فاخر */
html[data-theme-choice="design-executive-luxury"] .dashboard-heading{padding:22px;border-bottom:1px solid var(--gold)}
html[data-theme-choice="design-executive-luxury"] .dashboard-kpi{min-height:170px;background:linear-gradient(145deg,#181510,#0b0a08)!important;border:1px solid #5b4731!important;border-radius:4px!important;box-shadow:inset 0 1px 0 rgba(198,154,98,.2),0 18px 38px #000!important}
html[data-theme-choice="design-executive-luxury"] .dashboard-kpi strong{color:var(--gold)}
html[data-theme-choice="design-executive-luxury"] .dashboard-card{background:linear-gradient(145deg,#15130f,#0b0a08)!important;border:1px solid #5b4731!important}

/* 14 — هندسة إسلامية */
html[data-theme-choice="design-islamic-geometry"] .dashboard-kpi{min-height:178px;border:2px solid var(--forest)!important;border-radius:70px 70px 14px 14px!important;border-top:8px solid var(--gold)!important}
html[data-theme-choice="design-islamic-geometry"] .dashboard-kpi i{border-radius:50% 50% 8px 8px}
html[data-theme-choice="design-islamic-geometry"] .dashboard-card{border:2px solid var(--forest)!important;border-radius:42px 42px 12px 12px!important;border-top:6px solid var(--gold)!important}
html[data-theme-choice="design-islamic-geometry"] .nav-label-icon{clip-path:polygon(50% 0,90% 30%,78% 100%,22% 100%,10% 30%)}

/* 15 — تقنية مالية أحادية */
html[data-theme-choice="design-fintech-monochrome"] .dashboard-kpi-grid{border:1px solid var(--gold);gap:1px;background:var(--gold)}
html[data-theme-choice="design-fintech-monochrome"] .dashboard-kpi{min-height:155px;border:0!important;border-radius:0!important;box-shadow:none!important;background:#090b0a!important}
html[data-theme-choice="design-fintech-monochrome"] .dashboard-kpi strong{color:var(--gold)}
html[data-theme-choice="design-fintech-monochrome"] .dashboard-card{border:1px solid #2c312e!important;border-radius:7px!important}
html[data-theme-choice="design-fintech-monochrome"] .dashboard-line-chart polyline{filter:drop-shadow(0 0 7px var(--gold))}

/* 16 — مؤسسي واضح */
html[data-theme-choice="design-accessible-enterprise"] .dashboard-kpi{min-height:170px;border:3px solid var(--line)!important;border-top:10px solid var(--kpi-color)!important;box-shadow:none!important}
html[data-theme-choice="design-accessible-enterprise"] .dashboard-kpi strong{font-size:28px}
html[data-theme-choice="design-accessible-enterprise"] .dashboard-card{border:3px solid var(--line)!important;box-shadow:none!important}
html[data-theme-choice="design-accessible-enterprise"] .dashboard-card-head h3{font-size:17px}

/* 17 — شريط وحدات */
html[data-theme-choice="design-modular-ribbon"] .dashboard-kpi-grid{display:flex;gap:0;overflow:hidden;border-radius:18px}
html[data-theme-choice="design-modular-ribbon"] .dashboard-kpi{flex:1;min-height:165px;border:0!important;border-radius:0!important;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);margin-inline-start:-18px;padding-inline:32px!important}
html[data-theme-choice="design-modular-ribbon"] .dashboard-kpi:first-child{margin-inline-start:0;background:var(--forest)!important}html[data-theme-choice="design-modular-ribbon"] .dashboard-kpi:nth-child(2){background:var(--forest-2)!important}html[data-theme-choice="design-modular-ribbon"] .dashboard-kpi:nth-child(3){background:color-mix(in srgb,var(--gold) 70%,var(--panel))!important}
html[data-theme-choice="design-modular-ribbon"] .dashboard-kpi:nth-child(-n+2) :is(span,strong,small){color:var(--theme-sidebar-text)!important}

/* 18 — مركز دائري */
html[data-theme-choice="design-circular-command-center"] .dashboard-kpi-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:24px}
html[data-theme-choice="design-circular-command-center"] .dashboard-kpi{width:min(22%,230px);aspect-ratio:1;min-height:0;flex-direction:column-reverse;justify-content:center;text-align:center;border-radius:50%!important;border:9px solid color-mix(in srgb,var(--gold) 26%,var(--panel))!important}
html[data-theme-choice="design-circular-command-center"] .dashboard-kpi:before{inset:9px;border:2px dashed var(--gold);width:auto;border-radius:50%;background:transparent}
html[data-theme-choice="design-circular-command-center"] .dashboard-card{border-radius:48px!important}

/* 19 — ياباني بسيط */
html[data-theme-choice="design-japanese-minimal"] .dashboard-shell{max-width:1180px;margin:auto}
html[data-theme-choice="design-japanese-minimal"] .dashboard-heading{min-height:180px;align-items:flex-end;border-bottom:1px solid #222}
html[data-theme-choice="design-japanese-minimal"] .dashboard-kpi-grid{gap:0}
html[data-theme-choice="design-japanese-minimal"] .dashboard-kpi{min-height:140px;border:0!important;border-inline-end:1px solid #222!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding-inline:26px}
html[data-theme-choice="design-japanese-minimal"] .dashboard-kpi i{background:var(--gold);color:#fff;border-radius:50%}
html[data-theme-choice="design-japanese-minimal"] .dashboard-card{background:transparent!important;border:0!important;border-top:1px solid #222!important}

/* 20 — متوسطي حديث */
html[data-theme-choice="design-mediterranean-modern"] .dashboard-kpi{min-height:175px;border:0!important;border-radius:42px 42px 14px 42px!important;box-shadow:0 16px 35px rgba(13,79,161,.12)!important}
html[data-theme-choice="design-mediterranean-modern"] .dashboard-kpi:nth-child(odd){border-bottom:9px solid #26a8ac!important}html[data-theme-choice="design-mediterranean-modern"] .dashboard-kpi:nth-child(even){border-bottom:9px solid #f06b59!important}
html[data-theme-choice="design-mediterranean-modern"] .dashboard-card{border:0!important;border-radius:38px 14px 38px 14px!important}

/* 21 — كوكبة مالية */
html[data-theme-choice="design-financial-constellation"] .dashboard-kpi-grid{position:relative;display:flex;justify-content:center;gap:28px;padding:20px 0}
html[data-theme-choice="design-financial-constellation"] .dashboard-kpi{width:min(23%,235px);aspect-ratio:1;min-height:0;border-radius:50%!important;border:2px solid var(--gold)!important;box-shadow:0 0 0 10px rgba(39,170,160,.08),0 0 40px rgba(39,170,160,.18)!important;justify-content:center;text-align:center}
html[data-theme-choice="design-financial-constellation"] .dashboard-kpi i{position:absolute;top:12px;left:50%;border-radius:50%}
html[data-theme-choice="design-financial-constellation"] .dashboard-card{border:1px solid #2e3a49!important;box-shadow:0 0 30px rgba(39,170,160,.09)!important}

/* 22 — خط زمني محاسبي */
html[data-theme-choice="design-ledger-timeline"] .dashboard-kpi-grid{position:relative;grid-template-columns:repeat(4,1fr);padding-top:24px}
html[data-theme-choice="design-ledger-timeline"] .dashboard-kpi-grid:before{content:"";position:absolute;top:9px;right:5%;left:5%;height:3px;background:var(--forest)}
html[data-theme-choice="design-ledger-timeline"] .dashboard-kpi{min-height:155px;border:0!important;border-top:5px solid var(--gold)!important;border-radius:12px!important;box-shadow:none!important}
html[data-theme-choice="design-ledger-timeline"] .dashboard-kpi:after{content:"";position:absolute;top:-32px;right:50%;width:16px;height:16px;border-radius:50%;background:var(--gold);border:4px solid var(--paper)}
html[data-theme-choice="design-ledger-timeline"] .dashboard-card{border-inline-start:5px solid var(--gold)!important}

/* 23 — طبقات شفافة */
html[data-theme-choice="design-layered-transparencies"] .dashboard-kpi-grid{gap:0;padding:16px 30px}
html[data-theme-choice="design-layered-transparencies"] .dashboard-kpi{min-height:170px;background:rgba(255,255,255,.62)!important;backdrop-filter:blur(18px);margin-inline-start:-18px;border-color:rgba(255,255,255,.8)!important;box-shadow:0 20px 45px rgba(35,48,74,.16)!important}
html[data-theme-choice="design-layered-transparencies"] .dashboard-kpi:nth-child(1){transform:rotate(-2deg);border-top:8px solid #1766d6!important}html[data-theme-choice="design-layered-transparencies"] .dashboard-kpi:nth-child(2){transform:rotate(1.5deg);border-top:8px solid #d82678!important}html[data-theme-choice="design-layered-transparencies"] .dashboard-kpi:nth-child(3){transform:rotate(-1deg);border-top:8px solid #f18427!important}html[data-theme-choice="design-layered-transparencies"] .dashboard-kpi:nth-child(4){transform:rotate(2deg);border-top:8px solid #279779!important}
html[data-theme-choice="design-layered-transparencies"] .dashboard-card{background:rgba(255,255,255,.68)!important;backdrop-filter:blur(16px)}

/* 24 — أقواس معمارية */
html[data-theme-choice="design-architectural-vaults"] .dashboard-kpi{min-height:210px;align-items:flex-end;border-radius:100px 100px 10px 10px!important;border:3px solid var(--forest)!important;border-top:12px solid var(--gold)!important;padding-top:72px}
html[data-theme-choice="design-architectural-vaults"] .dashboard-kpi i{position:absolute;top:24px;right:calc(50% - 25px);border-radius:50%}
html[data-theme-choice="design-architectural-vaults"] .dashboard-card{border-radius:78px 78px 12px 12px!important;padding-top:38px!important}

/* 25 — حركي قطري */
html[data-theme-choice="design-kinetic-diagonal"] .dashboard-kpi-grid{gap:0;overflow:hidden}
html[data-theme-choice="design-kinetic-diagonal"] .dashboard-kpi{min-height:180px;border:0!important;border-radius:0!important;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);margin-inline-start:-24px;padding-inline:38px!important}
html[data-theme-choice="design-kinetic-diagonal"] .dashboard-kpi:nth-child(1){background:#7059bd!important}html[data-theme-choice="design-kinetic-diagonal"] .dashboard-kpi:nth-child(2){background:#ff8b3d!important}html[data-theme-choice="design-kinetic-diagonal"] .dashboard-kpi:nth-child(3){background:#182033!important}html[data-theme-choice="design-kinetic-diagonal"] .dashboard-kpi:nth-child(4){background:#5ed1b0!important}
html[data-theme-choice="design-kinetic-diagonal"] .dashboard-kpi :is(span,strong,small){color:#fff!important}
html[data-theme-choice="design-kinetic-diagonal"] .dashboard-card{clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);border:0!important}

/* 26 — فسيفساء مالية */
html[data-theme-choice="design-financial-mosaic"] .dashboard-kpi-grid{grid-template-columns:repeat(8,1fr);grid-auto-rows:80px;gap:12px}
html[data-theme-choice="design-financial-mosaic"] .dashboard-kpi{grid-column:span 2;grid-row:span 2;min-height:0;border:0!important;border-radius:26px!important}
html[data-theme-choice="design-financial-mosaic"] .dashboard-kpi:nth-child(1){grid-column:span 3;background:#0753b6!important}html[data-theme-choice="design-financial-mosaic"] .dashboard-kpi:nth-child(2){grid-column:span 2;background:#ffad14!important}html[data-theme-choice="design-financial-mosaic"] .dashboard-kpi:nth-child(3){grid-column:span 3;background:#168f73!important}html[data-theme-choice="design-financial-mosaic"] .dashboard-kpi:nth-child(4){grid-column:3/span 4;background:#ff674f!important}
html[data-theme-choice="design-financial-mosaic"] .dashboard-kpi :is(span,strong,small){color:#fff!important}
html[data-theme-choice="design-financial-mosaic"] .dashboard-card{border:0!important;border-radius:30px!important}

/* 27 — أناقة أحادية */
html[data-theme-choice="design-couture-monochrome"] .dashboard-heading{border-bottom:5px solid #111;padding-block:24px}
html[data-theme-choice="design-couture-monochrome"] .dashboard-kpi-grid{gap:0}
html[data-theme-choice="design-couture-monochrome"] .dashboard-kpi{min-height:180px;border:0!important;border-inline-end:1px solid #111!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html[data-theme-choice="design-couture-monochrome"] .dashboard-kpi:nth-child(1):before{width:8px;background:var(--gold)}
html[data-theme-choice="design-couture-monochrome"] .dashboard-card{border:0!important;border-top:5px solid #111!important;border-radius:0!important;box-shadow:none!important}

/* 28 — معدني دقيق */
html[data-theme-choice="design-precision-metal"] .sidebar{background:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,rgba(0,0,0,.04) 1px 2px),linear-gradient(90deg,#70777c,#e0e2e3 18%,#9ba0a4 48%,#e5e6e7 78%,#777d80)!important;border-inline-start:2px solid #596067!important;box-shadow:inset 4px 0 8px rgba(255,255,255,.5),inset -5px 0 9px rgba(0,0,0,.25)!important}
html[data-theme-choice="design-precision-metal"] .sidebar :is(strong,span,small,a,button){color:#24313a!important;text-shadow:0 1px #fff}
html[data-theme-choice="design-precision-metal"] .nav-label,html[data-theme-choice="design-precision-metal"] .nav-item{background:linear-gradient(#dfe1e2,#959a9e)!important;border:1px solid #687076!important;border-radius:5px!important;box-shadow:inset 0 1px #fff,0 2px 3px rgba(0,0,0,.3)!important;margin-bottom:5px!important}
html[data-theme-choice="design-precision-metal"] .nav-label-icon{border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#fff,#9da2a5 50%,#42494e 72%,#dadcdd 74%)!important;color:#26394d!important}
html[data-theme-choice="design-precision-metal"] .nav-item.active,html[data-theme-choice="design-precision-metal"] .nav-section.active-section>.nav-label{background:linear-gradient(#ff963f,#dd5900)!important;color:#fff!important;text-shadow:0 1px #773000!important}
html[data-theme-choice="design-precision-metal"] .dashboard-kpi-grid{padding:20px;border:3px ridge #7b8287;border-radius:12px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 1px,rgba(0,0,0,.04) 1px 2px),linear-gradient(115deg,#8f9599,#e3e5e6 25%,#a9adaf 60%,#e7e8e9)!important;box-shadow:inset 0 0 0 5px #b8bdc0,0 5px 12px rgba(0,0,0,.35)}
html[data-theme-choice="design-precision-metal"] .dashboard-kpi{aspect-ratio:1;min-height:0;justify-content:center;text-align:center;border:8px ridge #8d9498!important;border-radius:50%!important;background:radial-gradient(circle at 42% 36%,#f7f7f7 0 7%,#d1d4d5 8% 54%,#969da1 55% 58%,#eceded 59% 63%,#26394d 64% 100%)!important;box-shadow:inset 0 0 22px rgba(0,0,0,.34),0 5px 8px rgba(0,0,0,.35)!important;padding:18% 10% 8%!important}
html[data-theme-choice="design-precision-metal"] .dashboard-kpi>div{position:relative;z-index:2;justify-items:center}html[data-theme-choice="design-precision-metal"] .dashboard-kpi>div>span{color:#24313a!important}html[data-theme-choice="design-precision-metal"] .dashboard-kpi strong{font-size:22px;color:#173654!important;text-shadow:0 1px #fff}html[data-theme-choice="design-precision-metal"] .dashboard-kpi small{color:#3f4c55!important}
html[data-theme-choice="design-precision-metal"] .dashboard-kpi i{display:none!important}
html[data-theme-choice="design-precision-metal"] .dashboard-kpi:before{content:"";position:absolute;inset:10%;width:auto;border-radius:50%;background:repeating-conic-gradient(from -60deg,#26394d 0 1deg,transparent 1deg 8deg);mask:radial-gradient(circle,transparent 0 78%,#000 79% 100%);opacity:.72}
html[data-theme-choice="design-precision-metal"] .dashboard-kpi:after{content:"";position:absolute;left:50%;bottom:18%;width:38%;height:3px;transform-origin:left center;transform:rotate(-38deg);background:linear-gradient(90deg,#e66a11,#253746);border-radius:2px;box-shadow:0 1px #fff}
html[data-theme-choice="design-precision-metal"] .dashboard-kpi:nth-child(2):after{transform:rotate(-12deg)}html[data-theme-choice="design-precision-metal"] .dashboard-kpi:nth-child(3):after{transform:rotate(18deg)}html[data-theme-choice="design-precision-metal"] .dashboard-kpi:nth-child(4):after{transform:rotate(42deg)}
html[data-theme-choice="design-precision-metal"] .dashboard-card{border:5px ridge #858c91!important;border-radius:8px!important;background:repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0 1px,rgba(0,0,0,.035) 1px 2px),linear-gradient(120deg,#c6c9cb,#f0f1f1 40%,#a9adaf)!important;box-shadow:inset 0 0 0 3px #d7d9da,0 6px 12px rgba(0,0,0,.28)!important}
html[data-theme-choice="design-precision-metal"] .dashboard-line-chart polyline{stroke:#315e86;stroke-width:5}html[data-theme-choice="design-precision-metal"] .dashboard-line-chart circle{fill:#e0e2e3;stroke:#f06b0d}
html[data-theme-choice="design-precision-metal"] table{border:3px inset #8b9296!important}html[data-theme-choice="design-precision-metal"] .dashboard-invoices th{background:linear-gradient(#697177,#333d44)!important;color:#fff!important}

/* لوحات التحكم المصممة: يتبدل الهيكل مع هوية كل نمط */
html[data-theme-choice^="design-"] .dashboard-design-layout{width:100%;max-width:1560px;margin-inline:auto;gap:14px}
html[data-theme-choice^="design-"] .design-dashboard-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:7px 10px;border-bottom:1px solid var(--line)}
html[data-theme-choice^="design-"] .design-dashboard-controls>div:first-child{display:flex;align-items:center;gap:8px}
html[data-theme-choice^="design-"] .design-dashboard-controls>div:first-child span{display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border-radius:8px;background:var(--forest);color:var(--theme-sidebar-text);font-weight:900}
html[data-theme-choice^="design-"] .design-dashboard-controls>div:first-child b{color:var(--ink);font-size:13px}
html[data-theme-choice^="design-"] .fintech-dashboard-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
html[data-theme-choice^="design-"] .fintech-dashboard-actions label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:800}
html[data-theme-choice^="design-"] .fintech-dashboard-actions :is(select,button){min-height:34px;border:1px solid var(--line);border-radius:var(--theme-radius-small);background:var(--panel);color:var(--ink);padding:6px 10px;font:inherit;font-weight:800}
html[data-theme-choice^="design-"] .fintech-dashboard-actions button{width:34px;padding:0;font-size:15px}
html[data-theme-choice^="design-"] .fintech-overview{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:12px;direction:ltr}
html[data-theme-choice^="design-"] .fintech-overview>*{direction:rtl}
html[data-theme-choice^="design-"] .fintech-balance-panel{min-height:292px;display:grid;grid-template-rows:auto 1fr;padding:20px;overflow:hidden}
html[data-theme-choice^="design-"] .fintech-balance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
html[data-theme-choice^="design-"] .fintech-balance-head>div{display:grid;gap:5px}
html[data-theme-choice^="design-"] .fintech-balance-head span{color:var(--muted);font-size:11px;font-weight:800}
html[data-theme-choice^="design-"] .fintech-balance-head strong{color:var(--ink);font-size:clamp(34px,4.2vw,66px);line-height:1;font-variant-numeric:tabular-nums;direction:ltr;text-align:right}
html[data-theme-choice^="design-"] .fintech-balance-head em{color:var(--muted);font-size:9px;font-style:normal}
html[data-theme-choice^="design-"] .fintech-balance-head>small{margin-top:24px;font-size:9px;font-weight:900}
html[data-theme-choice^="design-"] :is(.fintech-balance-head>small,.fintech-metric small).positive{color:var(--success)}
html[data-theme-choice^="design-"] :is(.fintech-balance-head>small,.fintech-metric small).negative{color:var(--danger)}
html[data-theme-choice^="design-"] .fintech-balance-chart{align-self:end;direction:ltr}
html[data-theme-choice^="design-"] .fintech-balance-chart svg{display:block;width:100%;height:178px;overflow:visible}
html[data-theme-choice^="design-"] .fintech-balance-chart line{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}
html[data-theme-choice^="design-"] .fintech-balance-chart polyline{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 7px color-mix(in srgb,var(--gold) 32%,transparent))}
html[data-theme-choice^="design-"] .fintech-balance-chart>div{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;color:var(--muted);font-size:8px;text-align:center}
html[data-theme-choice^="design-"] .fintech-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:transparent;padding:0}
html[data-theme-choice^="design-"] .fintech-metric{min-height:141px;display:grid;grid-template-columns:minmax(0,1fr) 43%;align-items:end;gap:8px;padding:16px}
html[data-theme-choice^="design-"] .fintech-metric>div{display:grid;gap:6px;align-self:stretch}
html[data-theme-choice^="design-"] .fintech-metric span{color:var(--muted);font-size:9px;font-weight:800}
html[data-theme-choice^="design-"] .fintech-metric strong{color:var(--ink);font-size:20px;line-height:1.15;font-variant-numeric:tabular-nums;direction:ltr;text-align:right}
html[data-theme-choice^="design-"] .fintech-metric small{font-size:8px;font-weight:900}
html[data-theme-choice^="design-"] .fintech-metric>svg{width:100%;height:38px;align-self:end;overflow:visible}
html[data-theme-choice^="design-"] .fintech-metric>svg polyline{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html[data-theme-choice^="design-"] .fintech-invoice-metric>div>div{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;margin-top:auto}
html[data-theme-choice^="design-"] .fintech-invoice-metric>div>div b{color:var(--ink);font-size:13px}
html[data-theme-choice^="design-"] .fintech-invoice-metric>div>div i{color:var(--muted);font-size:8px;font-style:normal}
html[data-theme-choice^="design-"] .fintech-lower-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;direction:ltr}
html[data-theme-choice^="design-"] .fintech-lower-grid>*{direction:rtl}
html[data-theme-choice^="design-"] .fintech-panel{min-width:0;min-height:280px;padding:17px}
html[data-theme-choice^="design-"] .fintech-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
html[data-theme-choice^="design-"] .fintech-panel-head h3{margin:0;color:var(--ink);font-size:13px}
html[data-theme-choice^="design-"] .fintech-panel-head button{min-height:30px;border:1px solid var(--line);border-radius:var(--theme-radius-small);background:transparent;color:var(--ink);padding:5px 9px;font-size:8px;font-weight:800}
html[data-theme-choice^="design-"] .fintech-transactions table{width:100%;min-width:620px;border-collapse:collapse;background:transparent}
html[data-theme-choice^="design-"] .fintech-transactions :is(th,td){padding:10px 8px;border-bottom:1px solid var(--line);color:var(--ink);font-size:8.5px;text-align:right;white-space:nowrap}
html[data-theme-choice^="design-"] .fintech-transactions th{color:var(--muted);font-weight:800}
html[data-theme-choice^="design-"] .fintech-transactions td:nth-child(2){max-width:190px;overflow:hidden;text-overflow:ellipsis}
html[data-theme-choice^="design-"] .fintech-transactions td.positive{color:var(--success)}html[data-theme-choice^="design-"] .fintech-transactions td.negative{color:var(--danger)}
html[data-theme-choice^="design-"] .fintech-status{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-weight:900}
html[data-theme-choice^="design-"] .fintech-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
html[data-theme-choice^="design-"] .fintech-expense-body{min-height:215px;display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:18px}
html[data-theme-choice^="design-"] .fintech-donut{position:relative;width:136px;height:136px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--fintech-donut);isolation:isolate}
html[data-theme-choice^="design-"] .fintech-donut:after{content:"";position:absolute;inset:27px;border-radius:50%;background:var(--panel);z-index:-1}
html[data-theme-choice^="design-"] .fintech-donut span{color:var(--ink);font-size:14px;font-weight:900;direction:ltr}
html[data-theme-choice^="design-"] .fintech-donut small{color:var(--muted);font-size:8px}
html[data-theme-choice^="design-"] .fintech-expense-legend{display:grid;gap:9px;min-width:0}
html[data-theme-choice^="design-"] .fintech-expense-legend>div{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px;font-size:8px}
html[data-theme-choice^="design-"] .fintech-expense-legend i{width:7px;height:7px;border-radius:50%;background:var(--legend)}
html[data-theme-choice^="design-"] .fintech-expense-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
html[data-theme-choice^="design-"] .fintech-expense-legend b{color:var(--ink)}
html[data-theme-choice^="design-"] .fintech-expense-legend p{color:var(--muted);font-size:9px}

/* 01–04: بنتو، جريء، طيني، تحريري */
html[data-theme-choice="design-bento-geometric"] .fintech-overview{grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr)}
html[data-theme-choice="design-bento-geometric"] .fintech-balance-panel{min-height:420px}
html[data-theme-choice="design-bento-geometric"] .fintech-metric:nth-child(1),html[data-theme-choice="design-bento-geometric"] .fintech-invoice-metric{background:var(--gold)!important}
html[data-theme-choice="design-neo-brutalist"] .fintech-overview,html[data-theme-choice="design-soft-clay"] .fintech-overview,html[data-theme-choice="design-executive-luxury"] .fintech-overview{display:block}
html[data-theme-choice="design-neo-brutalist"] .fintech-balance-panel{min-height:76px;margin-bottom:10px;padding:12px 18px;display:flex;align-items:center}
html[data-theme-choice="design-neo-brutalist"] .fintech-balance-chart,html[data-theme-choice="design-soft-clay"] .fintech-balance-panel,html[data-theme-choice="design-scandinavian-cards"] .fintech-balance-panel{display:none}
html[data-theme-choice="design-neo-brutalist"] .fintech-balance-head{width:100%;align-items:center}.dashboard-design-neo-brutalist .fintech-balance-head strong{font-size:28px}
html[data-theme-choice="design-neo-brutalist"] .fintech-metrics,html[data-theme-choice="design-soft-clay"] .fintech-metrics,html[data-theme-choice="design-scandinavian-cards"] .fintech-metrics,html[data-theme-choice="design-executive-luxury"] .fintech-metrics{grid-template-columns:repeat(4,1fr)}
html[data-theme-choice="design-neo-brutalist"] .fintech-lower-grid{grid-template-columns:1fr}.dashboard-design-neo-brutalist .fintech-expenses{display:none}
html[data-theme-choice="design-soft-clay"] .fintech-metrics{gap:18px}.dashboard-design-soft-clay .fintech-lower-grid{grid-template-columns:1.1fr .9fr}
html[data-theme-choice="design-editorial-minimal"] .fintech-overview{grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);border-block:1px solid var(--ink);padding-block:14px}
html[data-theme-choice="design-editorial-minimal"] .fintech-balance-panel{border:0!important;border-inline-end:1px solid var(--ink)!important;padding:12px 22px}
html[data-theme-choice="design-editorial-minimal"] .fintech-metric{border:0!important;border-inline-end:1px solid var(--ink)!important}
html[data-theme-choice="design-editorial-minimal"] .fintech-lower-grid{grid-template-columns:1fr 1fr}

/* 05–08: زجاجي، سويسري، ديكو، عضوي */
html[data-theme-choice="design-glass-radial"] .fintech-overview{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr)}
html[data-theme-choice="design-glass-radial"] .fintech-balance-panel{aspect-ratio:1;min-height:0;border-radius:50%!important;align-self:center;padding:19%;box-shadow:inset 0 0 0 14px color-mix(in srgb,var(--gold) 18%,transparent),0 0 70px color-mix(in srgb,var(--gold) 17%,transparent)!important}
html[data-theme-choice="design-glass-radial"] .fintech-balance-head{display:grid;text-align:center;justify-items:center}.dashboard-design-glass-radial .fintech-balance-head>div{justify-items:center}.dashboard-design-glass-radial .fintech-balance-head strong{font-size:34px}.dashboard-design-glass-radial .fintech-balance-chart{display:none}.dashboard-design-glass-radial .fintech-metrics{grid-template-columns:1fr}.dashboard-design-glass-radial .fintech-metric{min-height:105px}
html[data-theme-choice="design-swiss-data"] .fintech-overview{grid-template-columns:1fr 4fr;gap:0;border:1px solid var(--ink)}
html[data-theme-choice="design-swiss-data"] .fintech-balance-panel{min-height:154px;padding:14px;border:0!important;border-inline-end:1px solid var(--ink)!important}.dashboard-design-swiss-data .fintech-balance-chart{display:none}.dashboard-design-swiss-data .fintech-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.dashboard-design-swiss-data .fintech-metric{min-height:154px}
html[data-theme-choice="design-art-deco"] .fintech-overview{grid-template-columns:repeat(4,1fr);gap:8px}.dashboard-design-art-deco .fintech-balance-panel,.dashboard-design-art-deco .fintech-metric{min-height:190px;border-radius:110px 110px 4px 4px!important}.dashboard-design-art-deco .fintech-balance-chart{display:none}.dashboard-design-art-deco .fintech-metrics{display:contents}.dashboard-design-art-deco .fintech-metric.cash{display:none}.dashboard-design-art-deco .fintech-lower-grid{grid-template-columns:1fr 1fr}
html[data-theme-choice="design-organic-biomorphic"] .fintech-overview{grid-template-columns:.75fr 1.25fr}.dashboard-design-organic-biomorphic .fintech-balance-panel{border-radius:44% 56% 52% 48%/38% 46% 54% 62%!important}.dashboard-design-organic-biomorphic .fintech-lower-grid{grid-template-columns:1fr 1fr}

/* 09–12: بيكسل، ورق، إيزومتري، اسكندنافي */
html[data-theme-choice="design-pixel-terminal"] .design-dashboard-controls{border:1px solid var(--gold)}.dashboard-design-pixel-terminal .fintech-overview{grid-template-columns:repeat(5,1fr);gap:5px}.dashboard-design-pixel-terminal .fintech-balance-panel,.dashboard-design-pixel-terminal .fintech-metric{min-height:150px;padding:12px}.dashboard-design-pixel-terminal .fintech-balance-chart{display:none}.dashboard-design-pixel-terminal .fintech-metrics{display:contents}.dashboard-design-pixel-terminal .fintech-lower-grid{grid-template-columns:1fr 1fr;gap:5px}
html[data-theme-choice="design-paper-ledger"] .fintech-overview{display:block}.dashboard-design-paper-ledger .fintech-balance-panel{min-height:102px;margin-bottom:14px;padding:12px;background:#f2e6cf!important;transform:rotate(-.35deg)}.dashboard-design-paper-ledger .fintech-balance-chart{display:none}.dashboard-design-paper-ledger .fintech-metrics{grid-template-columns:repeat(4,1fr)}.dashboard-design-paper-ledger .fintech-lower-grid{grid-template-columns:1fr 1fr}
html[data-theme-choice="design-isometric-modular"] .fintech-overview{grid-template-columns:repeat(5,1fr);gap:14px}.dashboard-design-isometric-modular .fintech-balance-panel,.dashboard-design-isometric-modular .fintech-metric{min-height:190px;clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%);padding:38px 20px}.dashboard-design-isometric-modular .fintech-balance-chart{display:none}.dashboard-design-isometric-modular .fintech-metrics{display:contents}.dashboard-design-isometric-modular .fintech-lower-grid{grid-template-columns:1fr 1fr}
html[data-theme-choice="design-scandinavian-cards"] .fintech-metrics{gap:18px}.dashboard-design-scandinavian-cards .fintech-metric{aspect-ratio:1;min-height:0;border-radius:50%!important}.dashboard-design-scandinavian-cards .fintech-lower-grid{grid-template-columns:1fr 1fr}

/* 13–16: تنفيذي، إسلامي، فينتك، مؤسسي */
html[data-theme-choice="design-executive-luxury"] .fintech-balance-panel{min-height:175px;margin-bottom:10px;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(25,17,10,.35)),var(--panel)!important}.dashboard-design-executive-luxury .fintech-balance-chart{display:none}.dashboard-design-executive-luxury .fintech-lower-grid{grid-template-columns:1fr 1fr}
html[data-theme-choice="design-islamic-geometry"] .fintech-overview{grid-template-columns:minmax(310px,.7fr) minmax(0,1.3fr)}.dashboard-design-islamic-geometry .fintech-balance-panel{border-radius:48% 48% 12px 12px/34% 34% 12px 12px!important;padding-top:72px}.dashboard-design-islamic-geometry .fintech-balance-chart{display:none}.dashboard-design-islamic-geometry .fintech-metrics{grid-template-columns:repeat(4,1fr)}.dashboard-design-islamic-geometry .fintech-metric{min-height:220px;border-radius:48% 48% 10px 10px/28% 28% 10px 10px!important;padding-top:58px}
html[data-theme-choice="design-fintech-monochrome"] .fintech-overview{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}.dashboard-design-fintech-monochrome .fintech-balance-panel{border:0!important;background:transparent!important;box-shadow:none!important;padding:12px 18px}.dashboard-design-fintech-monochrome .fintech-balance-head strong{font-size:clamp(44px,5.2vw,76px)}.dashboard-design-fintech-monochrome .fintech-metric{min-height:142px;border:1px solid var(--line)!important;background:var(--panel)!important;border-radius:7px!important;padding:16px!important}.dashboard-design-fintech-monochrome .fintech-metric:before,.dashboard-design-fintech-monochrome .fintech-metric:after{display:none!important}.dashboard-design-fintech-monochrome .fintech-panel{border:1px solid var(--line)!important;background:var(--panel)!important;border-radius:7px!important}
html[data-theme-choice="design-accessible-enterprise"] .fintech-overview{grid-template-columns:repeat(5,1fr);gap:10px}.dashboard-design-accessible-enterprise .fintech-balance-panel,.dashboard-design-accessible-enterprise .fintech-metric{min-height:175px}.dashboard-design-accessible-enterprise .fintech-balance-chart{display:none}.dashboard-design-accessible-enterprise .fintech-metrics{display:contents}.dashboard-design-accessible-enterprise .fintech-lower-grid{grid-template-columns:1fr 1fr}

/* 17–20: شرائط، دائري، ياباني، متوسطي */
html[data-theme-choice="design-modular-ribbon"] .fintech-overview{display:flex;flex-direction:column;gap:8px}.dashboard-design-modular-ribbon .fintech-balance-panel{min-height:90px;display:flex;align-items:center;padding:15px 30px;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);background:linear-gradient(100deg,var(--forest),var(--forest-2))!important}.dashboard-design-modular-ribbon .fintech-balance-chart{display:none}.dashboard-design-modular-ribbon .fintech-balance-head{width:100%;align-items:center}.dashboard-design-modular-ribbon .fintech-balance-head strong{font-size:34px}.dashboard-design-modular-ribbon .fintech-metrics{grid-template-columns:1fr;gap:8px}.dashboard-design-modular-ribbon .fintech-metric{min-height:78px;grid-template-columns:minmax(0,1fr) 36%;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);padding:12px 32px!important}.dashboard-design-modular-ribbon .fintech-invoice-metric{display:none}
html[data-theme-choice="design-circular-command-center"] .fintech-overview,html[data-theme-choice="design-financial-constellation"] .fintech-overview{position:relative;display:block;min-height:610px}
html[data-theme-choice="design-circular-command-center"] .fintech-balance-panel,html[data-theme-choice="design-financial-constellation"] .fintech-balance-panel{position:absolute;inset:50% auto auto 50%;width:330px;height:330px;min-height:0;transform:translate(-50%,-50%);border-radius:50%!important;padding:90px 45px 40px;z-index:2}
html[data-theme-choice="design-circular-command-center"] .fintech-balance-head,html[data-theme-choice="design-financial-constellation"] .fintech-balance-head{display:grid;justify-items:center;text-align:center}
html[data-theme-choice="design-circular-command-center"] .fintech-balance-chart,html[data-theme-choice="design-financial-constellation"] .fintech-balance-chart{display:none}
html[data-theme-choice="design-circular-command-center"] .fintech-metrics,html[data-theme-choice="design-financial-constellation"] .fintech-metrics{position:absolute;inset:0;display:block}
html[data-theme-choice="design-circular-command-center"] .fintech-metric,html[data-theme-choice="design-financial-constellation"] .fintech-metric{position:absolute;width:190px!important;height:190px;min-height:0;border-radius:50%!important;padding:45px 30px!important;text-align:center}
html[data-theme-choice="design-circular-command-center"] .fintech-metric>svg,html[data-theme-choice="design-financial-constellation"] .fintech-metric>svg{display:none}
html[data-theme-choice="design-circular-command-center"] .fintech-metric:nth-child(1),html[data-theme-choice="design-financial-constellation"] .fintech-metric:nth-child(1){top:0;left:7%}.dashboard-design-circular-command-center .fintech-metric:nth-child(2),.dashboard-design-financial-constellation .fintech-metric:nth-child(2){top:0;right:7%}.dashboard-design-circular-command-center .fintech-metric:nth-child(3),.dashboard-design-financial-constellation .fintech-metric:nth-child(3){bottom:0;left:7%}.dashboard-design-circular-command-center .fintech-metric:nth-child(4),.dashboard-design-financial-constellation .fintech-metric:nth-child(4){bottom:0;right:7%}
html[data-theme-choice="design-circular-command-center"] .fintech-lower-grid{grid-template-columns:1fr}.dashboard-design-circular-command-center .fintech-expenses,.dashboard-design-financial-constellation .fintech-lower-grid{display:none}
html[data-theme-choice="design-financial-constellation"] .fintech-overview:before,html[data-theme-choice="design-financial-constellation"] .fintech-overview:after{content:"";position:absolute;inset:14% 18%;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:50%}.dashboard-design-financial-constellation .fintech-overview:after{inset:24% 8%;transform:rotate(28deg)}
html[data-theme-choice="design-japanese-minimal"] .fintech-overview{grid-template-columns:repeat(5,1fr);gap:0;border-block:1px solid var(--ink);padding-block:20px}.dashboard-design-japanese-minimal .fintech-balance-panel,.dashboard-design-japanese-minimal .fintech-metric{min-height:160px;border:0!important}.dashboard-design-japanese-minimal .fintech-balance-chart{display:none}.dashboard-design-japanese-minimal .fintech-metrics{display:contents}.dashboard-design-japanese-minimal .fintech-lower-grid{grid-template-columns:1fr 1fr}
html[data-theme-choice="design-mediterranean-modern"] .fintech-overview{grid-template-columns:repeat(4,1fr);gap:10px}.dashboard-design-mediterranean-modern .fintech-balance-panel{min-height:210px;border-radius:55px 55px 10px 10px!important;padding:50px 24px 20px;background:var(--forest)!important}.dashboard-design-mediterranean-modern .fintech-balance-panel :is(span,strong,em,small){color:#fff!important}.dashboard-design-mediterranean-modern .fintech-balance-chart{display:none}.dashboard-design-mediterranean-modern .fintech-metrics{display:contents}.dashboard-design-mediterranean-modern .fintech-metric{min-height:210px}.dashboard-design-mediterranean-modern .fintech-invoice-metric{display:none}

/* 21–24: كوكبة، خط زمني، طبقات، أقواس */
html[data-theme-choice="design-ledger-timeline"] .fintech-overview{grid-template-columns:1.35fr repeat(3,1fr);gap:0}.dashboard-design-ledger-timeline .fintech-balance-panel{min-height:160px;padding:24px;background:var(--forest)!important}.dashboard-design-ledger-timeline .fintech-balance-panel :is(span,strong,em,small){color:#fff!important}.dashboard-design-ledger-timeline .fintech-balance-chart{display:none}.dashboard-design-ledger-timeline .fintech-metrics{display:contents}.dashboard-design-ledger-timeline .fintech-metric{min-height:160px}.dashboard-design-ledger-timeline .fintech-invoice-metric{display:none}.dashboard-design-ledger-timeline .fintech-lower-grid{grid-template-columns:1.25fr .75fr}
html[data-theme-choice="design-layered-transparencies"] .fintech-overview{position:relative;display:block;min-height:570px}.dashboard-design-layered-transparencies .fintech-balance-panel{position:absolute;inset:24% 20%;min-height:300px;transform:rotate(-2deg);z-index:2;clip-path:polygon(10% 0,88% 0,100% 18%,94% 100%,5% 92%,0 17%)}.dashboard-design-layered-transparencies .fintech-metrics{position:absolute;inset:0;display:block}.dashboard-design-layered-transparencies .fintech-metric{position:absolute;width:42%;height:230px;min-height:0;clip-path:polygon(10% 0,90% 0,100% 20%,92% 100%,8% 92%,0 18%)}.dashboard-design-layered-transparencies .fintech-metric:nth-child(1){top:0;left:10%;z-index:1}.dashboard-design-layered-transparencies .fintech-metric:nth-child(2){top:14%;right:8%;z-index:3}.dashboard-design-layered-transparencies .fintech-metric:nth-child(3){bottom:0;left:15%;z-index:4}.dashboard-design-layered-transparencies .fintech-metric:nth-child(4){display:none}
html[data-theme-choice="design-architectural-vaults"] .fintech-overview{grid-template-columns:repeat(5,1fr);gap:8px}.dashboard-design-architectural-vaults .fintech-balance-panel,.dashboard-design-architectural-vaults .fintech-metric{min-height:360px;border-radius:130px 130px 8px 8px!important;padding:95px 18px 25px}.dashboard-design-architectural-vaults .fintech-balance-chart{height:120px}.dashboard-design-architectural-vaults .fintech-balance-chart svg{height:105px}.dashboard-design-architectural-vaults .fintech-balance-chart>div{display:none}.dashboard-design-architectural-vaults .fintech-metrics{display:contents}

/* 25–28: قطري، فسيفساء، كوتور، معدني */
html[data-theme-choice="design-kinetic-diagonal"] .fintech-overview,html[data-theme-choice="design-financial-mosaic"] .fintech-overview,html[data-theme-choice="design-precision-metal"] .fintech-overview{grid-template-columns:repeat(4,1fr);gap:0}
html[data-theme-choice="design-kinetic-diagonal"] .fintech-balance-panel{min-height:195px;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);padding:38px}.dashboard-design-kinetic-diagonal .fintech-balance-chart{display:none}.dashboard-design-kinetic-diagonal .fintech-metrics{display:contents}.dashboard-design-kinetic-diagonal .fintech-metric{min-height:195px}.dashboard-design-kinetic-diagonal .fintech-invoice-metric{display:none}
html[data-theme-choice="design-financial-mosaic"] .fintech-balance-panel{min-height:235px;border-radius:50% 0 0 50%!important;padding:58px 28px;background:#0753b6!important}.dashboard-design-financial-mosaic .fintech-balance-panel :is(span,strong,em,small){color:#fff!important}.dashboard-design-financial-mosaic .fintech-balance-chart{display:none}.dashboard-design-financial-mosaic .fintech-metrics{display:contents}.dashboard-design-financial-mosaic .fintech-metric{min-height:235px;border-radius:50% 0 0 50%!important}.dashboard-design-financial-mosaic .fintech-invoice-metric{display:none}
html[data-theme-choice="design-couture-monochrome"] .fintech-overview{grid-template-columns:minmax(400px,1.2fr) minmax(0,.8fr);border-top:5px solid #111}.dashboard-design-couture-monochrome .fintech-balance-panel{min-height:360px;border:0!important;padding:48px 25px;background:linear-gradient(115deg,#111 0 28%,transparent 28%)!important}.dashboard-design-couture-monochrome .fintech-balance-head strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,7vw,105px);font-weight:400}.dashboard-design-couture-monochrome .fintech-metrics{grid-template-columns:repeat(3,1fr)}.dashboard-design-couture-monochrome .fintech-metric{min-height:170px}.dashboard-design-couture-monochrome .fintech-invoice-metric{display:none}
html[data-theme-choice="design-precision-metal"] .fintech-overview{gap:14px;padding:20px;border:5px ridge #7b8287;border-radius:12px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 1px,rgba(0,0,0,.04) 1px 2px),linear-gradient(115deg,#8f9599,#e3e5e6 25%,#a9adaf 60%,#e7e8e9)!important}
html[data-theme-choice="design-precision-metal"] .fintech-balance-panel{aspect-ratio:1;min-height:0;display:grid;place-content:center;text-align:center;border:8px ridge #8d9498!important;border-radius:50%!important;background:radial-gradient(circle at 42% 36%,#f7f7f7 0 7%,#d1d4d5 8% 54%,#969da1 55% 58%,#eceded 59% 63%,#26394d 64% 100%)!important;padding:18% 10% 8%!important}
html[data-theme-choice="design-precision-metal"] .fintech-balance-head{display:grid;justify-items:center}.dashboard-design-precision-metal .fintech-balance-head strong{font-size:22px;color:#173654!important}.dashboard-design-precision-metal .fintech-balance-head :is(span,em,small){color:#24313a!important}.dashboard-design-precision-metal .fintech-balance-chart{display:none}.dashboard-design-precision-metal .fintech-metrics{display:contents}.dashboard-design-precision-metal .fintech-metric{aspect-ratio:1;min-height:0}.dashboard-design-precision-metal .fintech-invoice-metric{display:none}

/* لوحات التحكم المصممة: يتبدل الهيكل مع هوية كل نمط */
html[data-theme-choice^="design-"] .dashboard-design-layout{width:100%;max-width:1560px;margin-inline:auto;gap:14px}
html[data-theme-choice^="design-"] .design-dashboard-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:7px 10px;border-bottom:1px solid var(--line)}
html[data-theme-choice^="design-"] .design-dashboard-controls>div:first-child{display:flex;align-items:center;gap:8px}
html[data-theme-choice^="design-"] .design-dashboard-controls>div:first-child span{display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border-radius:8px;background:var(--forest);color:var(--theme-sidebar-text);font-weight:900}
html[data-theme-choice^="design-"] .design-dashboard-controls>div:first-child b{color:var(--ink);font-size:13px}
html[data-theme-choice^="design-"] .fintech-dashboard-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
html[data-theme-choice^="design-"] .fintech-dashboard-actions label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:800}
html[data-theme-choice^="design-"] .fintech-dashboard-actions :is(select,button){min-height:34px;border:1px solid var(--line);border-radius:var(--theme-radius-small);background:var(--panel);color:var(--ink);padding:6px 10px;font:inherit;font-weight:800}
html[data-theme-choice^="design-"] .fintech-dashboard-actions button{width:34px;padding:0;font-size:15px}
html[data-theme-choice^="design-"] .fintech-overview{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:12px;direction:ltr}
html[data-theme-choice^="design-"] .fintech-overview>*{direction:rtl}
html[data-theme-choice^="design-"] .fintech-balance-panel{min-height:292px;display:grid;grid-template-rows:auto 1fr;padding:20px;overflow:hidden}
html[data-theme-choice^="design-"] .fintech-balance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
html[data-theme-choice^="design-"] .fintech-balance-head>div{display:grid;gap:5px}
html[data-theme-choice^="design-"] .fintech-balance-head span{color:var(--muted);font-size:11px;font-weight:800}
html[data-theme-choice^="design-"] .fintech-balance-head strong{color:var(--ink);font-size:clamp(34px,4.2vw,66px);line-height:1;font-variant-numeric:tabular-nums;direction:ltr;text-align:right}
html[data-theme-choice^="design-"] .fintech-balance-head em{color:var(--muted);font-size:9px;font-style:normal}
html[data-theme-choice^="design-"] .fintech-balance-head>small{margin-top:24px;font-size:9px;font-weight:900}
html[data-theme-choice^="design-"] :is(.fintech-balance-head>small,.fintech-metric small).positive{color:var(--success)}
html[data-theme-choice^="design-"] :is(.fintech-balance-head>small,.fintech-metric small).negative{color:var(--danger)}
html[data-theme-choice^="design-"] .fintech-balance-chart{align-self:end;direction:ltr}
html[data-theme-choice^="design-"] .fintech-balance-chart svg{display:block;width:100%;height:178px;overflow:visible}
html[data-theme-choice^="design-"] .fintech-balance-chart line{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}
html[data-theme-choice^="design-"] .fintech-balance-chart polyline{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 7px color-mix(in srgb,var(--gold) 32%,transparent))}
html[data-theme-choice^="design-"] .fintech-balance-chart>div{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;color:var(--muted);font-size:8px;text-align:center}
html[data-theme-choice^="design-"] .fintech-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:transparent;padding:0}
html[data-theme-choice^="design-"] .fintech-metric{min-height:141px;display:grid;grid-template-columns:minmax(0,1fr) 43%;align-items:end;gap:8px;padding:16px}
html[data-theme-choice^="design-"] .fintech-metric>div{display:grid;gap:6px;align-self:stretch}
html[data-theme-choice^="design-"] .fintech-metric span{color:var(--muted);font-size:9px;font-weight:800}
html[data-theme-choice^="design-"] .fintech-metric strong{color:var(--ink);font-size:20px;line-height:1.15;font-variant-numeric:tabular-nums;direction:ltr;text-align:right}
html[data-theme-choice^="design-"] .fintech-metric small{font-size:8px;font-weight:900}
html[data-theme-choice^="design-"] .fintech-metric>svg{width:100%;height:38px;align-self:end;overflow:visible}
html[data-theme-choice^="design-"] .fintech-metric>svg polyline{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html[data-theme-choice^="design-"] .fintech-invoice-metric>div>div{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;margin-top:auto}
html[data-theme-choice^="design-"] .fintech-invoice-metric>div>div b{color:var(--ink);font-size:13px}
html[data-theme-choice^="design-"] .fintech-invoice-metric>div>div i{color:var(--muted);font-size:8px;font-style:normal}
html[data-theme-choice^="design-"] .fintech-lower-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;direction:ltr}
html[data-theme-choice^="design-"] .fintech-lower-grid>*{direction:rtl}
html[data-theme-choice^="design-"] .fintech-panel{min-width:0;min-height:280px;padding:17px}
html[data-theme-choice^="design-"] .fintech-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
html[data-theme-choice^="design-"] .fintech-panel-head h3{margin:0;color:var(--ink);font-size:13px}
html[data-theme-choice^="design-"] .fintech-panel-head button{min-height:30px;border:1px solid var(--line);border-radius:var(--theme-radius-small);background:transparent;color:var(--ink);padding:5px 9px;font-size:8px;font-weight:800}
html[data-theme-choice^="design-"] .fintech-transactions table{width:100%;min-width:620px;border-collapse:collapse;background:transparent}
html[data-theme-choice^="design-"] .fintech-transactions :is(th,td){padding:10px 8px;border-bottom:1px solid var(--line);color:var(--ink);font-size:8.5px;text-align:right;white-space:nowrap}
html[data-theme-choice^="design-"] .fintech-transactions th{color:var(--muted);font-weight:800}
html[data-theme-choice^="design-"] .fintech-transactions td:nth-child(2){max-width:190px;overflow:hidden;text-overflow:ellipsis}
html[data-theme-choice^="design-"] .fintech-transactions td.positive{color:var(--success)}html[data-theme-choice^="design-"] .fintech-transactions td.negative{color:var(--danger)}
html[data-theme-choice^="design-"] .fintech-status{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-weight:900}
html[data-theme-choice^="design-"] .fintech-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
html[data-theme-choice^="design-"] .fintech-expense-body{min-height:215px;display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:18px}
html[data-theme-choice^="design-"] .fintech-donut{position:relative;width:136px;height:136px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--fintech-donut);isolation:isolate}
html[data-theme-choice^="design-"] .fintech-donut:after{content:"";position:absolute;inset:27px;border-radius:50%;background:var(--panel);z-index:-1}
html[data-theme-choice^="design-"] .fintech-donut span{color:var(--ink);font-size:14px;font-weight:900;direction:ltr}
html[data-theme-choice^="design-"] .fintech-donut small{color:var(--muted);font-size:8px}
html[data-theme-choice^="design-"] .fintech-expense-legend{display:grid;gap:9px;min-width:0}
html[data-theme-choice^="design-"] .fintech-expense-legend>div{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px;font-size:8px}
html[data-theme-choice^="design-"] .fintech-expense-legend i{width:7px;height:7px;border-radius:50%;background:var(--legend)}
html[data-theme-choice^="design-"] .fintech-expense-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
html[data-theme-choice^="design-"] .fintech-expense-legend b{color:var(--ink)}
html[data-theme-choice^="design-"] .fintech-expense-legend p{color:var(--muted);font-size:9px}

/* 01–04: بنتو، جريء، طيني، تحريري */
html[data-theme-choice="design-bento-geometric"] .fintech-overview{grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr)}
html[data-theme-choice="design-bento-geometric"] .fintech-balance-panel{min-height:420px}
html[data-theme-choice="design-bento-geometric"] .fintech-metric:nth-child(1),html[data-theme-choice="design-bento-geometric"] .fintech-invoice-metric{background:var(--gold)!important}
html[data-theme-choice="design-neo-brutalist"] .fintech-overview,html[data-theme-choice="design-soft-clay"] .fintech-overview,html[data-theme-choice="design-executive-luxury"] .fintech-overview{display:block}
html[data-theme-choice="design-neo-brutalist"] .fintech-balance-panel{min-height:76px;margin-bottom:10px;padding:12px 18px;display:flex;align-items:center}
html[data-theme-choice="design-neo-brutalist"] .fintech-balance-chart,html[data-theme-choice="design-soft-clay"] .fintech-balance-panel,html[data-theme-choice="design-scandinavian-cards"] .fintech-balance-panel{display:none}
html[data-theme-choice="design-neo-brutalist"] .fintech-balance-head{width:100%;align-items:center}.dashboard-design-neo-brutalist .fintech-balance-head strong{font-size:28px}
html[data-theme-choice="design-neo-brutalist"] .fintech-metrics,html[data-theme-choice="design-soft-clay"] .fintech-metrics,html[data-theme-choice="design-scandinavian-cards"] .fintech-metrics,html[data-theme-choice="design-executive-luxury"] .fintech-metrics{grid-template-columns:repeat(4,1fr)}
html[data-theme-choice="design-neo-brutalist"] .fintech-lower-grid{grid-template-columns:1fr}.dashboard-design-neo-brutalist .fintech-expenses{display:none}
html[data-theme-choice="design-soft-clay"] .fintech-metrics{gap:18px}.dashboard-design-soft-clay .fintech-lower-grid{grid-template-columns:1.1fr .9fr}
html[data-theme-choice="design-editorial-minimal"] .fintech-overview{grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);border-block:1px solid var(--ink);padding-block:14px}
html[data-theme-choice="design-editorial-minimal"] .fintech-balance-panel{border:0!important;border-inline-end:1px solid var(--ink)!important;padding:12px 22px}
html[data-theme-choice="design-editorial-minimal"] .fintech-metric{border:0!important;border-inline-end:1px solid var(--ink)!important}
html[data-theme-choice="design-editorial-minimal"] .fintech-lower-grid{grid-template-columns:1fr 1fr}

/* 05–08: زجاجي، سويسري، ديكو، عضوي */
html[data-theme-choice="design-glass-radial"] .fintech-overview{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr)}
html[data-theme-choice="design-glass-radial"] .fintech-balance-panel{aspect-ratio:1;min-height:0;border-radius:50%!important;align-self:center;padding:19%;box-shadow:inset 0 0 0 14px color-mix(in srgb,var(--gold) 18%,transparent),0 0 70px color-mix(in srgb,var(--gold) 17%,transparent)!important}
html[data-theme-choice="design-glass-radial"] .fintech-balance-head{display:grid;text-align:center;justify-items:center}.dashboard-design-glass-radial .fintech-balance-head>div{justify-items:center}.dashboard-design-glass-radial .fintech-balance-head strong{font-size:34px}.dashboard-design-glass-radial .fintech-balance-chart{display:none}.dashboard-design-glass-radial .fintech-metrics{grid-template-columns:1fr}.dashboard-design-glass-radial .fintech-metric{min-height:105px}
html[data-theme-choice="design-swiss-data"] .fintech-overview{grid-template-columns:1fr 4fr;gap:0;border:1px solid var(--ink)}
html[data-theme-choice="design-swiss-data"] .fintech-balance-panel{min-height:154px;padding:14px;border:0!important;border-inline-end:1px solid var(--ink)!important}.dashboard-design-swiss-data .fintech-balance-chart{display:none}.dashboard-design-swiss-data .fintech-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.dashboard-design-swiss-data .fintech-metric{min-height:154px}
html[data-theme-choice="design-art-deco"] .fintech-overview{grid-template-columns:repeat(4,1fr);gap:8px}.dashboard-design-art-deco .fintech-balance-panel,.dashboard-design-art-deco .fintech-metric{min-height:190px;border-radius:110px 110px 4px 4px!important}.dashboard-design-art-deco .fintech-balance-chart{display:none}.dashboard-design-art-deco .fintech-metrics{display:contents}.dashboard-design-art-deco .fintech-metric.cash{display:none}.dashboard-design-art-deco .fintech-lower-grid{grid-template-columns:1fr 1fr}
html[data-theme-choice="design-organic-biomorphic"] .fintech-overview{grid-template-columns:.75fr 1.25fr}.dashboard-design-organic-biomorphic .fintech-balance-panel{border-radius:44% 56% 52% 48%/38% 46% 54% 62%!important}.dashboard-design-organic-biomorphic .fintech-lower-grid{grid-template-columns:1fr 1fr}

/* 09–12: بيكسل، ورق، إيزومتري، اسكندنافي */
html[data-theme-choice="design-pixel-terminal"] .design-dashboard-controls{border:1px solid var(--gold)}.dashboard-design-pixel-terminal .fintech-overview{grid-template-columns:repeat(5,1fr);gap:5px}.dashboard-design-pixel-terminal .fintech-balance-panel,.dashboard-design-pixel-terminal .fintech-metric{min-height:150px;padding:12px}.dashboard-design-pixel-terminal .fintech-balance-chart{display:none}.dashboard-design-pixel-terminal .fintech-metrics{display:contents}.dashboard-design-pixel-terminal .fintech-lower-grid{grid-template-columns:1fr 1fr;gap:5px}
html[data-theme-choice="design-paper-ledger"] .fintech-overview{display:block}.dashboard-design-paper-ledger .fintech-balance-panel{min-height:102px;margin-bottom:14px;padding:12px;background:#f2e6cf!important;transform:rotate(-.35deg)}.dashboard-design-paper-ledger .fintech-balance-chart{display:none}.dashboard-design-paper-ledger .fintech-metrics{grid-template-columns:repeat(4,1fr)}.dashboard-design-paper-ledger .fintech-lower-grid{grid-template-columns:1fr 1fr}
html[data-theme-choice="design-isometric-modular"] .fintech-overview{grid-template-columns:repeat(5,1fr);gap:14px}.dashboard-design-isometric-modular .fintech-balance-panel,.dashboard-design-isometric-modular .fintech-metric{min-height:190px;clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%);padding:38px 20px}.dashboard-design-isometric-modular .fintech-balance-chart{display:none}.dashboard-design-isometric-modular .fintech-metrics{display:contents}.dashboard-design-isometric-modular .fintech-lower-grid{grid-template-columns:1fr 1fr}
html[data-theme-choice="design-scandinavian-cards"] .fintech-metrics{gap:18px}.dashboard-design-scandinavian-cards .fintech-metric{aspect-ratio:1;min-height:0;border-radius:50%!important}.dashboard-design-scandinavian-cards .fintech-lower-grid{grid-template-columns:1fr 1fr}

/* 13–16: تنفيذي، إسلامي، فينتك، مؤسسي */
html[data-theme-choice="design-executive-luxury"] .fintech-balance-panel{min-height:175px;margin-bottom:10px;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(25,17,10,.35)),var(--panel)!important}.dashboard-design-executive-luxury .fintech-balance-chart{display:none}.dashboard-design-executive-luxury .fintech-lower-grid{grid-template-columns:1fr 1fr}
html[data-theme-choice="design-islamic-geometry"] .fintech-overview{grid-template-columns:minmax(310px,.7fr) minmax(0,1.3fr)}.dashboard-design-islamic-geometry .fintech-balance-panel{border-radius:48% 48% 12px 12px/34% 34% 12px 12px!important;padding-top:72px}.dashboard-design-islamic-geometry .fintech-balance-chart{display:none}.dashboard-design-islamic-geometry .fintech-metrics{grid-template-columns:repeat(4,1fr)}.dashboard-design-islamic-geometry .fintech-metric{min-height:220px;border-radius:48% 48% 10px 10px/28% 28% 10px 10px!important;padding-top:58px}
html[data-theme-choice="design-fintech-monochrome"] .fintech-overview{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}.dashboard-design-fintech-monochrome .fintech-balance-panel{border:0!important;background:transparent!important;box-shadow:none!important;padding:12px 18px}.dashboard-design-fintech-monochrome .fintech-balance-head strong{font-size:clamp(44px,5.2vw,76px)}.dashboard-design-fintech-monochrome .fintech-metric{min-height:142px;border:1px solid var(--line)!important;background:var(--panel)!important;border-radius:7px!important;padding:16px!important}.dashboard-design-fintech-monochrome .fintech-metric:before,.dashboard-design-fintech-monochrome .fintech-metric:after{display:none!important}.dashboard-design-fintech-monochrome .fintech-panel{border:1px solid var(--line)!important;background:var(--panel)!important;border-radius:7px!important}
html[data-theme-choice="design-accessible-enterprise"] .fintech-overview{grid-template-columns:repeat(5,1fr);gap:10px}.dashboard-design-accessible-enterprise .fintech-balance-panel,.dashboard-design-accessible-enterprise .fintech-metric{min-height:175px}.dashboard-design-accessible-enterprise .fintech-balance-chart{display:none}.dashboard-design-accessible-enterprise .fintech-metrics{display:contents}.dashboard-design-accessible-enterprise .fintech-lower-grid{grid-template-columns:1fr 1fr}

/* 17–20: شرائط، دائري، ياباني، متوسطي */
html[data-theme-choice="design-modular-ribbon"] .fintech-overview{display:flex;flex-direction:column;gap:8px}.dashboard-design-modular-ribbon .fintech-balance-panel{min-height:90px;display:flex;align-items:center;padding:15px 30px;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);background:linear-gradient(100deg,var(--forest),var(--forest-2))!important}.dashboard-design-modular-ribbon .fintech-balance-chart{display:none}.dashboard-design-modular-ribbon .fintech-balance-head{width:100%;align-items:center}.dashboard-design-modular-ribbon .fintech-balance-head strong{font-size:34px}.dashboard-design-modular-ribbon .fintech-metrics{grid-template-columns:1fr;gap:8px}.dashboard-design-modular-ribbon .fintech-metric{min-height:78px;grid-template-columns:minmax(0,1fr) 36%;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);padding:12px 32px!important}.dashboard-design-modular-ribbon .fintech-invoice-metric{display:none}
html[data-theme-choice="design-circular-command-center"] .fintech-overview,html[data-theme-choice="design-financial-constellation"] .fintech-overview{position:relative;display:block;min-height:610px}
html[data-theme-choice="design-circular-command-center"] .fintech-balance-panel,html[data-theme-choice="design-financial-constellation"] .fintech-balance-panel{position:absolute;inset:50% auto auto 50%;width:330px;height:330px;min-height:0;transform:translate(-50%,-50%);border-radius:50%!important;padding:90px 45px 40px;z-index:2}
html[data-theme-choice="design-circular-command-center"] .fintech-balance-head,html[data-theme-choice="design-financial-constellation"] .fintech-balance-head{display:grid;justify-items:center;text-align:center}
html[data-theme-choice="design-circular-command-center"] .fintech-balance-chart,html[data-theme-choice="design-financial-constellation"] .fintech-balance-chart{display:none}
html[data-theme-choice="design-circular-command-center"] .fintech-metrics,html[data-theme-choice="design-financial-constellation"] .fintech-metrics{position:absolute;inset:0;display:block}
html[data-theme-choice="design-circular-command-center"] .fintech-metric,html[data-theme-choice="design-financial-constellation"] .fintech-metric{position:absolute;width:190px!important;height:190px;min-height:0;border-radius:50%!important;padding:45px 30px!important;text-align:center}
html[data-theme-choice="design-circular-command-center"] .fintech-metric>svg,html[data-theme-choice="design-financial-constellation"] .fintech-metric>svg{display:none}
html[data-theme-choice="design-circular-command-center"] .fintech-metric:nth-child(1),html[data-theme-choice="design-financial-constellation"] .fintech-metric:nth-child(1){top:0;left:7%}.dashboard-design-circular-command-center .fintech-metric:nth-child(2),.dashboard-design-financial-constellation .fintech-metric:nth-child(2){top:0;right:7%}.dashboard-design-circular-command-center .fintech-metric:nth-child(3),.dashboard-design-financial-constellation .fintech-metric:nth-child(3){bottom:0;left:7%}.dashboard-design-circular-command-center .fintech-metric:nth-child(4),.dashboard-design-financial-constellation .fintech-metric:nth-child(4){bottom:0;right:7%}
html[data-theme-choice="design-circular-command-center"] .fintech-lower-grid{grid-template-columns:1fr}.dashboard-design-circular-command-center .fintech-expenses,.dashboard-design-financial-constellation .fintech-lower-grid{display:none}
html[data-theme-choice="design-financial-constellation"] .fintech-overview:before,html[data-theme-choice="design-financial-constellation"] .fintech-overview:after{content:"";position:absolute;inset:14% 18%;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:50%}.dashboard-design-financial-constellation .fintech-overview:after{inset:24% 8%;transform:rotate(28deg)}
html[data-theme-choice="design-japanese-minimal"] .fintech-overview{grid-template-columns:repeat(5,1fr);gap:0;border-block:1px solid var(--ink);padding-block:20px}.dashboard-design-japanese-minimal .fintech-balance-panel,.dashboard-design-japanese-minimal .fintech-metric{min-height:160px;border:0!important}.dashboard-design-japanese-minimal .fintech-balance-chart{display:none}.dashboard-design-japanese-minimal .fintech-metrics{display:contents}.dashboard-design-japanese-minimal .fintech-lower-grid{grid-template-columns:1fr 1fr}
html[data-theme-choice="design-mediterranean-modern"] .fintech-overview{grid-template-columns:repeat(4,1fr);gap:10px}.dashboard-design-mediterranean-modern .fintech-balance-panel{min-height:210px;border-radius:55px 55px 10px 10px!important;padding:50px 24px 20px;background:var(--forest)!important}.dashboard-design-mediterranean-modern .fintech-balance-panel :is(span,strong,em,small){color:#fff!important}.dashboard-design-mediterranean-modern .fintech-balance-chart{display:none}.dashboard-design-mediterranean-modern .fintech-metrics{display:contents}.dashboard-design-mediterranean-modern .fintech-metric{min-height:210px}.dashboard-design-mediterranean-modern .fintech-invoice-metric{display:none}

/* 21–24: كوكبة، خط زمني، طبقات، أقواس */
html[data-theme-choice="design-ledger-timeline"] .fintech-overview{grid-template-columns:1.35fr repeat(3,1fr);gap:0}.dashboard-design-ledger-timeline .fintech-balance-panel{min-height:160px;padding:24px;background:var(--forest)!important}.dashboard-design-ledger-timeline .fintech-balance-panel :is(span,strong,em,small){color:#fff!important}.dashboard-design-ledger-timeline .fintech-balance-chart{display:none}.dashboard-design-ledger-timeline .fintech-metrics{display:contents}.dashboard-design-ledger-timeline .fintech-metric{min-height:160px}.dashboard-design-ledger-timeline .fintech-invoice-metric{display:none}.dashboard-design-ledger-timeline .fintech-lower-grid{grid-template-columns:1.25fr .75fr}
html[data-theme-choice="design-layered-transparencies"] .fintech-overview{position:relative;display:block;min-height:570px}.dashboard-design-layered-transparencies .fintech-balance-panel{position:absolute;inset:24% 20%;min-height:300px;transform:rotate(-2deg);z-index:2;clip-path:polygon(10% 0,88% 0,100% 18%,94% 100%,5% 92%,0 17%)}.dashboard-design-layered-transparencies .fintech-metrics{position:absolute;inset:0;display:block}.dashboard-design-layered-transparencies .fintech-metric{position:absolute;width:42%;height:230px;min-height:0;clip-path:polygon(10% 0,90% 0,100% 20%,92% 100%,8% 92%,0 18%)}.dashboard-design-layered-transparencies .fintech-metric:nth-child(1){top:0;left:10%;z-index:1}.dashboard-design-layered-transparencies .fintech-metric:nth-child(2){top:14%;right:8%;z-index:3}.dashboard-design-layered-transparencies .fintech-metric:nth-child(3){bottom:0;left:15%;z-index:4}.dashboard-design-layered-transparencies .fintech-metric:nth-child(4){display:none}
html[data-theme-choice="design-architectural-vaults"] .fintech-overview{grid-template-columns:repeat(5,1fr);gap:8px}.dashboard-design-architectural-vaults .fintech-balance-panel,.dashboard-design-architectural-vaults .fintech-metric{min-height:360px;border-radius:130px 130px 8px 8px!important;padding:95px 18px 25px}.dashboard-design-architectural-vaults .fintech-balance-chart{height:120px}.dashboard-design-architectural-vaults .fintech-balance-chart svg{height:105px}.dashboard-design-architectural-vaults .fintech-balance-chart>div{display:none}.dashboard-design-architectural-vaults .fintech-metrics{display:contents}

/* 25–28: قطري، فسيفساء، كوتور، معدني */
html[data-theme-choice="design-kinetic-diagonal"] .fintech-overview,html[data-theme-choice="design-financial-mosaic"] .fintech-overview,html[data-theme-choice="design-precision-metal"] .fintech-overview{grid-template-columns:repeat(4,1fr);gap:0}
html[data-theme-choice="design-kinetic-diagonal"] .fintech-balance-panel{min-height:195px;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);padding:38px}.dashboard-design-kinetic-diagonal .fintech-balance-chart{display:none}.dashboard-design-kinetic-diagonal .fintech-metrics{display:contents}.dashboard-design-kinetic-diagonal .fintech-metric{min-height:195px}.dashboard-design-kinetic-diagonal .fintech-invoice-metric{display:none}
html[data-theme-choice="design-financial-mosaic"] .fintech-balance-panel{min-height:235px;border-radius:50% 0 0 50%!important;padding:58px 28px;background:#0753b6!important}.dashboard-design-financial-mosaic .fintech-balance-panel :is(span,strong,em,small){color:#fff!important}.dashboard-design-financial-mosaic .fintech-balance-chart{display:none}.dashboard-design-financial-mosaic .fintech-metrics{display:contents}.dashboard-design-financial-mosaic .fintech-metric{min-height:235px;border-radius:50% 0 0 50%!important}.dashboard-design-financial-mosaic .fintech-invoice-metric{display:none}
html[data-theme-choice="design-couture-monochrome"] .fintech-overview{grid-template-columns:minmax(400px,1.2fr) minmax(0,.8fr);border-top:5px solid #111}.dashboard-design-couture-monochrome .fintech-balance-panel{min-height:360px;border:0!important;padding:48px 25px;background:linear-gradient(115deg,#111 0 28%,transparent 28%)!important}.dashboard-design-couture-monochrome .fintech-balance-head strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,7vw,105px);font-weight:400}.dashboard-design-couture-monochrome .fintech-metrics{grid-template-columns:repeat(3,1fr)}.dashboard-design-couture-monochrome .fintech-metric{min-height:170px}.dashboard-design-couture-monochrome .fintech-invoice-metric{display:none}
html[data-theme-choice="design-precision-metal"] .fintech-overview{gap:14px;padding:20px;border:5px ridge #7b8287;border-radius:12px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 1px,rgba(0,0,0,.04) 1px 2px),linear-gradient(115deg,#8f9599,#e3e5e6 25%,#a9adaf 60%,#e7e8e9)!important}
html[data-theme-choice="design-precision-metal"] .fintech-balance-panel{aspect-ratio:1;min-height:0;display:grid;place-content:center;text-align:center;border:8px ridge #8d9498!important;border-radius:50%!important;background:radial-gradient(circle at 42% 36%,#f7f7f7 0 7%,#d1d4d5 8% 54%,#969da1 55% 58%,#eceded 59% 63%,#26394d 64% 100%)!important;padding:18% 10% 8%!important}
html[data-theme-choice="design-precision-metal"] .fintech-balance-head{display:grid;justify-items:center}.dashboard-design-precision-metal .fintech-balance-head strong{font-size:22px;color:#173654!important}.dashboard-design-precision-metal .fintech-balance-head :is(span,em,small){color:#24313a!important}.dashboard-design-precision-metal .fintech-balance-chart{display:none}.dashboard-design-precision-metal .fintech-metrics{display:contents}.dashboard-design-precision-metal .fintech-metric{aspect-ratio:1;min-height:0}.dashboard-design-precision-metal .fintech-invoice-metric{display:none}

@media(max-width:1180px){
html[data-theme-choice^="design-"] .fintech-overview,html[data-theme-choice^="design-"] .fintech-lower-grid{grid-template-columns:1fr;display:grid;min-height:0}
html[data-theme-choice^="design-"] .fintech-metrics{display:grid;position:static;grid-template-columns:repeat(2,1fr)}
html[data-theme-choice^="design-"] .fintech-balance-panel,html[data-theme-choice^="design-"] .fintech-metric{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:145px;aspect-ratio:auto!important;transform:none!important;clip-path:none!important;border-radius:var(--theme-radius)!important}
html[data-theme-choice^="design-"] .fintech-balance-chart{display:block}
html[data-theme-choice^="design-"] .fintech-metric>svg{display:block}
}
@media(max-width:680px){
html[data-theme-choice^="design-"] .design-dashboard-controls{align-items:flex-start;flex-direction:column}
html[data-theme-choice^="design-"] .fintech-dashboard-actions{width:100%}.dashboard-design-layout .fintech-dashboard-actions label{flex:1}.dashboard-design-layout .fintech-dashboard-actions select{width:100%}
html[data-theme-choice^="design-"] .fintech-metrics{grid-template-columns:1fr}
html[data-theme-choice^="design-"] .fintech-balance-head strong{font-size:34px}
html[data-theme-choice^="design-"] .fintech-expense-body{grid-template-columns:1fr;justify-items:center}.dashboard-design-layout .fintech-expense-legend{width:100%}
}

@media(max-width:1180px){
html[data-theme-choice^="design-"] .fintech-overview,html[data-theme-choice^="design-"] .fintech-lower-grid{grid-template-columns:1fr;display:grid;min-height:0}
html[data-theme-choice^="design-"] .fintech-metrics{display:grid;position:static;grid-template-columns:repeat(2,1fr)}
html[data-theme-choice^="design-"] .fintech-balance-panel,html[data-theme-choice^="design-"] .fintech-metric{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:145px;aspect-ratio:auto!important;transform:none!important;clip-path:none!important;border-radius:var(--theme-radius)!important}
html[data-theme-choice^="design-"] .fintech-balance-chart{display:block}
html[data-theme-choice^="design-"] .fintech-metric>svg{display:block}
}
@media(max-width:680px){
html[data-theme-choice^="design-"] .design-dashboard-controls{align-items:flex-start;flex-direction:column}
html[data-theme-choice^="design-"] .fintech-dashboard-actions{width:100%}.dashboard-design-layout .fintech-dashboard-actions label{flex:1}.dashboard-design-layout .fintech-dashboard-actions select{width:100%}
html[data-theme-choice^="design-"] .fintech-metrics{grid-template-columns:1fr}
html[data-theme-choice^="design-"] .fintech-balance-head strong{font-size:34px}
html[data-theme-choice^="design-"] .fintech-expense-body{grid-template-columns:1fr;justify-items:center}.dashboard-design-layout .fintech-expense-legend{width:100%}
}

@media(max-width:1180px){
  html[data-theme-choice^="design-"] .dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}
  html[data-theme-choice^="design-"] .dashboard-kpi{grid-column:auto!important;grid-row:auto!important;width:auto!important;aspect-ratio:auto;transform:none!important;clip-path:none!important;margin:0!important}
  html[data-theme-choice="design-precision-metal"] .dashboard-kpi{aspect-ratio:1;max-width:300px;justify-self:center;width:100%!important}
}
@media(max-width:620px){html[data-theme-choice^="design-"] .dashboard-kpi-grid{grid-template-columns:1fr}html[data-theme-choice^="design-"] .dashboard-kpi{min-height:130px!important;aspect-ratio:auto!important;max-width:none!important}html[data-theme-choice="design-circular-command-center"] .dashboard-kpi,html[data-theme-choice="design-financial-constellation"] .dashboard-kpi{width:100%!important;border-radius:28px!important}}
@media print{html[data-theme-choice^="design-"] .dashboard-kpi,html[data-theme-choice^="design-"] .dashboard-card,html[data-theme-choice^="design-"] .dashboard-kpi-grid{background:#fff!important;background-image:none!important;color:#132721!important;border:1px solid #d8e0dc!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important;transform:none!important;filter:none!important}html[data-theme-choice^="design-"] .dashboard-kpi:before,html[data-theme-choice^="design-"] .dashboard-kpi:after{display:none!important}}

/* تثبيت بنية كل لوحة على الشاشات المكتبية؛ يحافظ كل نمط على تركيبه الخاص لا على ألوانه فقط. */
@media(min-width:1181px){
  html[data-theme-choice="design-neo-brutalist"] :is(.fintech-balance-chart,.fintech-expenses),
  html[data-theme-choice="design-soft-clay"] .fintech-balance-panel,
  html[data-theme-choice="design-soft-clay"] .fintech-balance-chart,
  html[data-theme-choice="design-scandinavian-cards"] .fintech-balance-panel,
  html[data-theme-choice="design-glass-radial"] .fintech-balance-chart,
  html[data-theme-choice="design-swiss-data"] .fintech-balance-chart,
  html[data-theme-choice="design-art-deco"] .fintech-balance-chart,
  html[data-theme-choice="design-pixel-terminal"] .fintech-balance-chart,
  html[data-theme-choice="design-paper-ledger"] .fintech-balance-chart,
  html[data-theme-choice="design-isometric-modular"] .fintech-balance-chart,
  html[data-theme-choice="design-executive-luxury"] .fintech-balance-chart,
  html[data-theme-choice="design-islamic-geometry"] .fintech-balance-chart,
  html[data-theme-choice="design-accessible-enterprise"] .fintech-balance-chart,
  html[data-theme-choice="design-japanese-minimal"] .fintech-balance-chart,
  html[data-theme-choice="design-mediterranean-modern"] .fintech-balance-chart,
  html[data-theme-choice="design-ledger-timeline"] .fintech-balance-chart,
  html[data-theme-choice="design-kinetic-diagonal"] .fintech-balance-chart,
  html[data-theme-choice="design-financial-mosaic"] .fintech-balance-chart,
  html[data-theme-choice="design-precision-metal"] .fintech-balance-chart{display:none}

  html[data-theme-choice="design-art-deco"] .fintech-metrics,
  html[data-theme-choice="design-pixel-terminal"] .fintech-metrics,
  html[data-theme-choice="design-isometric-modular"] .fintech-metrics,
  html[data-theme-choice="design-accessible-enterprise"] .fintech-metrics,
  html[data-theme-choice="design-japanese-minimal"] .fintech-metrics,
  html[data-theme-choice="design-mediterranean-modern"] .fintech-metrics,
  html[data-theme-choice="design-ledger-timeline"] .fintech-metrics,
  html[data-theme-choice="design-architectural-vaults"] .fintech-metrics,
  html[data-theme-choice="design-kinetic-diagonal"] .fintech-metrics,
  html[data-theme-choice="design-financial-mosaic"] .fintech-metrics,
  html[data-theme-choice="design-precision-metal"] .fintech-metrics{display:contents}

  html[data-theme-choice="design-neo-brutalist"] .fintech-metrics,
  html[data-theme-choice="design-soft-clay"] .fintech-metrics,
  html[data-theme-choice="design-paper-ledger"] .fintech-metrics,
  html[data-theme-choice="design-scandinavian-cards"] .fintech-metrics,
  html[data-theme-choice="design-executive-luxury"] .fintech-metrics,
  html[data-theme-choice="design-islamic-geometry"] .fintech-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  html[data-theme-choice="design-glass-radial"] .fintech-metrics{grid-template-columns:1fr}
  html[data-theme-choice="design-swiss-data"] .fintech-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
  html[data-theme-choice="design-modular-ribbon"] .fintech-metrics{grid-template-columns:1fr;gap:8px}
  html[data-theme-choice="design-couture-monochrome"] .fintech-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}

  html[data-theme-choice="design-pixel-terminal"] .fintech-overview,
  html[data-theme-choice="design-isometric-modular"] .fintech-overview{grid-template-columns:repeat(5,minmax(0,1fr))}
  html[data-theme-choice="design-precision-metal"] .fintech-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}

  html[data-theme-choice="design-neo-brutalist"] .fintech-lower-grid,
  html[data-theme-choice="design-circular-command-center"] .fintech-lower-grid{grid-template-columns:1fr}
  html[data-theme-choice="design-soft-clay"] .fintech-lower-grid{grid-template-columns:1.1fr .9fr}
  html[data-theme-choice="design-editorial-minimal"] .fintech-lower-grid,
  html[data-theme-choice="design-art-deco"] .fintech-lower-grid,
  html[data-theme-choice="design-organic-biomorphic"] .fintech-lower-grid,
  html[data-theme-choice="design-paper-ledger"] .fintech-lower-grid,
  html[data-theme-choice="design-isometric-modular"] .fintech-lower-grid,
  html[data-theme-choice="design-scandinavian-cards"] .fintech-lower-grid,
  html[data-theme-choice="design-executive-luxury"] .fintech-lower-grid,
  html[data-theme-choice="design-accessible-enterprise"] .fintech-lower-grid,
  html[data-theme-choice="design-japanese-minimal"] .fintech-lower-grid{grid-template-columns:1fr 1fr}
  html[data-theme-choice="design-ledger-timeline"] .fintech-lower-grid{grid-template-columns:1.25fr .75fr}
  html[data-theme-choice="design-art-deco"] .fintech-invoice-metric,
  html[data-theme-choice="design-mediterranean-modern"] .fintech-invoice-metric,
  html[data-theme-choice="design-ledger-timeline"] .fintech-invoice-metric,
  html[data-theme-choice="design-modular-ribbon"] .fintech-invoice-metric,
  html[data-theme-choice="design-kinetic-diagonal"] .fintech-invoice-metric,
  html[data-theme-choice="design-financial-mosaic"] .fintech-invoice-metric,
  html[data-theme-choice="design-couture-monochrome"] .fintech-invoice-metric,
  html[data-theme-choice="design-precision-metal"] .fintech-invoice-metric{display:none}
}
