/* member.css — عضوية Terra Plus والنقاط وفيلم التدشين (mem_01). مقصورٌ على .tm و.tm-lv */

.tm, .tm-lv { --gold: #FFC861; --teal: #0AA5AD; --teal-d: #067A82; --navy: #0A1F44; --amber: #F0962A;
  --f-head: "Alexandria", "IBM Plex Sans Arabic", Tahoma, sans-serif; --f-body: "IBM Plex Sans Arabic", "Alexandria", Tahoma, sans-serif;
  --shadow: 0 10px 28px rgba(10,31,68,.08); --shadow-2: 0 18px 44px rgba(10,31,68,.18); }
.tm { display: grid; gap: 16px; container: tm / inline-size; }
.tm .tile { display: block; flex: none; width: 46px; height: 51px; transform-origin: 50% 42%; overflow: visible; }
.tm .tile { display: block; flex: none; width: 46px; height: 51px; transform-origin: 50% 42%; overflow: visible; }
.tm :is(button, .tm a, .tm .lcard, .tm .dock-i):is(:hover, .tm :active) .tile.lift { animation: icon-lift .48s cubic-bezier(.2,1.4,.36,1) forwards; filter: drop-shadow(0 14px 10px rgba(10,165,173,.4)); }
@keyframes icon-lift { 0% { transform: translateY(0) scale(1); } 100% { transform: translateY(-5px) scale(1.06); } }
.tm .float-item { animation: float 5.5s ease-in-out infinite; }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
.tm .mcard { --c1: #04122B; --c2: #0A2F5C; --c3: #066B78; --foil: linear-gradient(120deg, #8A5A12, #FFE7A8 22%, #C98418 42%, #FFF4D2 58%, #B9781B 78%, #FFE29A);
  position: relative; width: 100%; max-width: 440px; aspect-ratio: 1.586; border-radius: 22px; padding: 0; color: #F4F7FB; overflow: hidden; isolation: isolate; container: mc / inline-size;
  display: grid; grid-template-rows: auto 1fr auto; gap: 0;
  background: radial-gradient(120% 90% at 100% 0%, rgba(255,214,140,.30), transparent 46%), radial-gradient(90% 110% at 0% 100%, rgba(25,194,174,.42), transparent 58%), linear-gradient(140deg, var(--c1) 0%, var(--c2) 52%, var(--c3) 100%);
  box-shadow: 0 30px 60px -12px rgba(3,10,26,.6), 0 12px 24px -10px rgba(3,10,26,.45), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.4); }
.tm .mcard.premium { background: radial-gradient(120% 90% at 100% 0%, rgba(255,246,220,.45), transparent 50%), radial-gradient(90% 110% at 0% 100%, rgba(60,38,4,.55), transparent 60%), linear-gradient(140deg, #3A2808 0%, #8C6420 48%, #DDB466 100%); --c1: #2A1C05; --c2: #7A5513; --c3: #D9AE55; --foil: linear-gradient(120deg, #FFF6DC, #E9C672 30%, #FFF2C9 55%, #B98A2E 80%, #FFF0C2); }
.tm .mcard.elite { --c1: #020409; --c2: #0B111D; --c3: #1B2433; }
.tm .mcard.elite::before { background: linear-gradient(115deg, transparent 42%, rgba(255,214,140,.28) 50%, transparent 58%); }
.tm .mc-guil { position: absolute; inset: 0; z-index: -1; background: var(--guil) center / 100% 100% no-repeat; opacity: .9; mix-blend-mode: soft-light; pointer-events: none; }
.tm .mc-wm { position: absolute; z-index: -1; inset-inline-end: 4%; top: 17%; height: 52%; width: auto; opacity: .2; pointer-events: none;
  filter: drop-shadow(1.5px 1.5px 0 rgba(0,0,0,.55)) drop-shadow(-1px -1px 0 rgba(255,255,255,.35)); mix-blend-mode: overlay; }
.tm .mcard.premium .mc-wm { opacity: .28; mix-blend-mode: soft-light; }
.tm .mcard.elite .mc-wm { opacity: .14; mix-blend-mode: normal; filter: drop-shadow(1px 1px 0 rgba(0,0,0,.8)) drop-shadow(-1px -1px 0 rgba(255,214,140,.35)) sepia(1) saturate(2) hue-rotate(-10deg); }
.tm .mcard::before { content: ""; position: absolute; inset: -60% -80%; z-index: 1; pointer-events: none; background: linear-gradient(115deg, transparent 42%, rgba(255,255,255,.26) 50%, transparent 58%); transform: translateX(-60%); animation: sheen 6s ease-in-out 1.2s infinite; mix-blend-mode: overlay; }
.tm .mcard::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: inherit; padding: 1.5px; background: var(--foil); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
@keyframes sheen { 0% { transform: translateX(-60%); } 55%, 100% { transform: translateX(60%); } }
.tm .mc-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 3cqw; padding: 5.6cqw 6.2cqw 0; }
.tm .mc-brand { display: grid; gap: 1cqw; justify-items: start; }
.tm .mc-brand b { direction: ltr; font: 800 6.6cqw/1 "Alexandria", sans-serif; letter-spacing: .08em; background: var(--foil); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 1px 0 rgba(0,0,0,.35)); animation: foil 7s linear infinite; padding-block: .1em; }
.tm .mc-brand b em { font-style: normal; font-weight: 400; letter-spacing: .14em; }
@keyframes foil { to { background-position: -200% 0; } }
.tm .mc-brand span { font: 600 3.2cqw/1.2 var(--f-head); color: #DCE8F2; letter-spacing: .02em; }
.tm .mc-tr { display: grid; justify-items: end; gap: 1.6cqw; }
.tm .mc-logo { height: 9.5cqw; width: auto; filter: drop-shadow(0 2px 6px rgba(0,0,0,.35)); }
.tm .mc-st { font-style: normal; font: 700 2.3cqw/1 var(--f-head); padding: 1cqw 2.2cqw; border-radius: 99px; background: rgba(18,121,92,.88); color: #fff; letter-spacing: .04em; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); white-space: nowrap; }
.tm .mc-st.off { background: rgba(255,255,255,.16); }
.tm .mc-name { margin-inline: 6.2cqw; align-self: center; display: grid; gap: 1cqw; justify-items: start; min-width: 0; max-width: 72%; }
.tm .mc-name small { font: 500 2.3cqw/1 var(--f-body); color: #B9CCDD; letter-spacing: .04em; }
.tm .mc-name small em, .tm .mc-foot small em { font-style: normal; direction: ltr; unicode-bidi: isolate; letter-spacing: .12em; opacity: .85; }
.tm .mc-name b { max-width: 100%; font: 700 6cqw/1.3 var(--f-head); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #F6F8FB; text-shadow: 0 1px 0 rgba(0,0,0,.55), 0 -1px 0 rgba(255,255,255,.18); }
.tm .mc-name i { display: block; width: 22cqw; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,214,140,.9)); }
.tm .mc-name span { max-width: 100%; direction: ltr; font: 600 3.3cqw/1.2 "Alexandria", sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #E7EEF6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 0 rgba(0,0,0,.6), 0 -1px 0 rgba(255,255,255,.2); }
.tm .mc-foot { display: flex; align-items: center; margin: 0; padding: 2.8cqw 6.2cqw 3.2cqw; gap: 0; background: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.32)); border-top: 1px solid rgba(255,214,140,.35); backdrop-filter: blur(2px); }
.tm .mc-foot > div { display: grid; gap: .8cqw; padding-inline: 3cqw; }
.tm .mc-foot > div:first-child { padding-inline-start: 0; }
.tm .mc-foot > div + div { border-inline-start: 1px solid; border-image: linear-gradient(180deg, transparent, rgba(255,214,140,.7), transparent) 1; }
.tm .mc-foot small { font: 500 2.2cqw/1.2 var(--f-body); color: #B9CCDD; white-space: nowrap; }
.tm .mc-foot b { direction: ltr; text-align: start; font: 700 3.3cqw/1.2 "Alexandria", sans-serif; letter-spacing: .08em; font-variant-numeric: tabular-nums; text-shadow: 0 1px 0 rgba(0,0,0,.5); white-space: nowrap; }
.tm .mc-foot b.ar { direction: rtl; letter-spacing: 0; font-family: var(--f-head); }
.tm .mc-qr { margin-inline-start: auto; flex: none; width: 10.5cqw; aspect-ratio: 1; border-radius: 1.8cqw; background: #fff; padding: .9cqw; box-shadow: 0 2px 6px rgba(0,0,0,.3); }
.tm .mc-qr svg { width: 100%; height: 100%; display: block; }
.tm .mcard.premium .mc-brand b { background: linear-gradient(120deg, #FFFFFF, #FFF3D0 40%, #FFFFFF 60%, #F6E2AE); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; }
.tm .mcard.premium .mc-name b, .tm .mcard.premium .mc-name span, .tm .mcard.premium .mc-foot b { text-shadow: 0 1px 0 rgba(60,38,4,.65), 0 -1px 0 rgba(255,255,255,.25); }
.tm .mcard.premium .mc-foot small, .tm .mcard.premium .mc-brand span, .tm .mcard.premium .mc-name small { color: #FFF3D6; }
.tm .mcard.elite .mc-brand span, .tm .mcard.elite .mc-name small, .tm .mcard.elite .mc-foot small { color: #CDB98F; }
.tm .tcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, 2cqw, 18px); margin-top: 22px; }
.tm .tcard { display: grid; gap: 10px; border: 0; background: none; padding: 0; text-align: start; color: #fff; cursor: pointer; }
.tm .tcard .mcard { max-width: none; transition: transform .35s cubic-bezier(.2,.8,.2,1), filter .35s; }
.tm .tcard:hover .mcard { transform: translateY(-4px) rotateX(4deg); }
.tm .tcard.lock .mcard { filter: saturate(.75) brightness(.92); }
.tm .tcard-l { display: flex; align-items: center; gap: 8px; font: 700 .9rem var(--f-head); }
.tm .tcard-l small { margin-inline-start: auto; font: 600 .72rem var(--f-body); padding: 3px 10px; border-radius: 99px; background: rgba(255,255,255,.1); color: #C9D6EC; }
.tm .tcard.cur .tcard-l small { background: rgba(255,200,97,.2); color: var(--gold); }
.tm .tcard.cur .mcard { box-shadow: 0 0 0 2px rgba(255,200,97,.65), 0 0 40px rgba(255,200,97,.28), 0 30px 60px -12px rgba(3,10,26,.6); }
.tm .lvl { margin-top: 16px; }
.tm .lvl-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.tm .lvl-head h2 { font-size: clamp(1.15rem, 2.6cqw, 1.5rem); }
.tm .lvl-pill { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 99px; background: rgba(255,200,97,.12); border: 1px solid rgba(255,200,97,.4); color: #FFE3A6; font: 600 .78rem var(--f-head); }
.tm .lvl-pill::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(255,200,97,.2); animation: lvlp 1.8s ease-in-out infinite; }
@keyframes lvlp { 50% { box-shadow: 0 0 0 8px rgba(255,200,97,0); } }
.tm .lvl-body { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: clamp(16px, 3cqw, 32px); align-items: center; margin-top: 18px; }
.tm .gauge { position: relative; width: 100%; max-width: 220px; aspect-ratio: 1; justify-self: center; }
.tm .gauge svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.tm .gauge .g-bg { fill: none; stroke: rgba(255,255,255,.1); stroke-width: 10; }
.tm .gauge .g-tick { fill: none; stroke: rgba(255,214,140,.35); stroke-width: 14; stroke-dasharray: 1 6.33; }
.tm .gauge .g-fg { fill: none; stroke: url(#g-grad); stroke-width: 10; stroke-linecap: round; }
.tm .gauge .g-c { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; gap: 2px; }
.tm .gauge .g-c b { font: 800 2.6rem/1 var(--f-head); background: linear-gradient(180deg, #FFF3D1, #FFC861); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; direction: ltr; }
.tm .gauge .g-c span { font: 600 .74rem var(--f-body); color: #B9C9E0; }
.tm .gauge .g-c em { font-style: normal; font: 700 .78rem var(--f-head); color: #fff; }
.tm .track { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 18px; }
.tm .track::before { content: ""; position: absolute; inset-inline: 16.6%; top: 21px; height: 4px; border-radius: 4px; background: rgba(255,255,255,.12); }
.tm .track::after { content: ""; position: absolute; inset-inline-start: 16.6%; top: 21px; height: 4px; width: 3%; border-radius: 4px; background: linear-gradient(270deg, var(--gold), var(--teal)); box-shadow: 0 0 12px rgba(255,200,97,.7); }
.tm .tnode { position: relative; z-index: 1; display: grid; justify-items: center; gap: 6px; text-align: center; }
.tm .tnode .dot { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: #0B1D3D; border: 2px solid rgba(255,255,255,.18); }
.tm .tnode .dot .tile { width: 30px; height: 34px; }
.tm .tnode b { direction: ltr; font: 800 .86rem var(--f-head); }
.tm .tnode span { font: 500 .7rem var(--f-body); color: #9FB4D1; }
.tm .tnode.cur .dot { border-color: var(--gold); box-shadow: 0 0 0 5px rgba(255,200,97,.15), 0 0 24px rgba(255,200,97,.45); }
.tm .tnode.cur span { color: var(--gold); font-weight: 700; }
.tm .tnode.lock { opacity: .62; }
.tm .reqs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tm .req { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; align-items: center; padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.12); }
.tm .req .tile { grid-row: span 2; width: 38px; height: 42px; }
.tm .req b { font: 700 .86rem/1.4 var(--f-head); color: #fff; }
.tm .req small { display: flex; justify-content: space-between; gap: 8px; font: 500 .72rem var(--f-body); color: #9FB4D1; }
.tm .req small em { font-style: normal; font-weight: 700; color: #FFE3A6; white-space: nowrap; }
.tm .req .bar { grid-column: 1 / -1; height: 6px; margin-top: 6px; }
.tm .lvl-note { display: flex; gap: 8px; align-items: flex-start; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.1); font-size: .8rem; color: #B9C9E0; }
.tm .lvl-note svg { width: 18px; height: 18px; fill: var(--gold); flex: none; margin-top: 2px; }
.tm .lux { position: relative; overflow: hidden; border-radius: 28px; padding: clamp(18px, 3cqw, 32px); color: #fff; isolation: isolate; box-shadow: var(--shadow-2);
  background: radial-gradient(60% 80% at 0% 0%, rgba(10,165,173,.38), transparent 60%), radial-gradient(50% 70% at 100% 100%, rgba(255,200,97,.25), transparent 60%), linear-gradient(140deg, #050F24 0%, #0A1F44 55%, #0D2B52 100%); }
.tm .lux::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(rgba(255,214,140,.5) 1px, transparent 1px); background-size: 26px 26px; opacity: .12; mask-image: linear-gradient(180deg, #000, transparent 80%); -webkit-mask-image: linear-gradient(180deg, #000, transparent 80%); }
.tm .lux .eyebrow { color: var(--gold); letter-spacing: .14em; font-size: .72rem; direction: ltr; text-align: start; display: block; }
.tm .lux h1, .tm .lux h2, .tm .lux h3 { color: #fff; }
.tm .lux p { color: #C9D6EC; }
.tm .lux-grid { display: grid; grid-template-columns: minmax(0, 440px) minmax(0, 1fr); gap: 26px; align-items: center; }
.tm .lux-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tm .lux-st { padding: 14px; border-radius: 18px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,214,140,.22); display: grid; gap: 4px; }
.tm .lux-st small { color: #B9C9E0; font-size: .76rem; }
.tm .lux-st b { font: 800 1.45rem/1.15 var(--f-head); font-variant-numeric: tabular-nums; }
.tm .lux-st b.gold { background: linear-gradient(180deg, #FFF0C8, #FFC861 60%, #E09A2E); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.tm .journey { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.tm .jstep { position: relative; padding: 14px; border-radius: 18px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); display: grid; gap: 6px; }
.tm .jstep.cur { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(255,200,97,.18), 0 10px 30px rgba(255,200,97,.12); }
.tm .jstep b { font: 800 1rem var(--f-head); direction: ltr; text-align: start; }
.tm .jstep span { font-size: .78rem; color: #B9C9E0; }
.tm .jstep .tile { width: 38px; height: 42px; }
.tm .bar { height: 10px; border-radius: 99px; background: rgba(255,255,255,.12); overflow: hidden; }
.tm .bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--teal), var(--gold)); }
.tm .panel .bar { background: var(--surface2); border: 1px solid var(--line); }
.tm .cond { display: grid; gap: 8px; }
.tm .cond > div { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.tm .cond .tile { width: 34px; height: 38px; }
.tm .cond b { font: 700 .9rem var(--f-head); }
.tm .cond small { display: block; color: var(--muted); font-size: .78rem; }
.tm .cond .badge { margin-inline-start: auto; }
.tm .tiers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tm .tier { border-radius: 24px; padding: 14px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); display: grid; gap: 12px; align-content: start; }
.tm .tier.cur { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(10,165,173,.16), var(--shadow-2); }
.tm .tier .mcard { max-width: none; }
.tm .tier h3 { font-size: 1.05rem; }
.tm .tier .rate { font: 800 1.4rem var(--f-head); color: var(--teal-d); }
.tm .tier .rate small { font: 600 .78rem var(--f-body); color: var(--muted); }
.tm .tier ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; font-size: .86rem; }
.tm .tier li { display: flex; gap: 8px; align-items: flex-start; }
.tm .tier li svg { width: 16px; height: 16px; fill: var(--teal); flex: none; margin-top: 4px; }
.tm .faq { display: grid; gap: 10px; }
.tm .faq details { border: 1px solid var(--line); border-radius: 18px; background: var(--surface); padding: 4px 14px; box-shadow: var(--shadow); }
.tm .faq summary { display: flex; align-items: center; gap: 12px; cursor: pointer; padding: 10px 0; font: 700 .95rem var(--f-head); list-style: none; }
.tm .faq summary::-webkit-details-marker { display: none; }
.tm .faq summary .tile { width: 34px; height: 38px; }
.tm .faq details p { padding: 0 0 12px; color: var(--muted); line-height: 1.8; font-size: .9rem; }
.tm .pts-hero { font: 800 clamp(2.6rem, 7cqw, 3.6rem)/1 var(--f-head); background: linear-gradient(180deg, #FFF0C8, #FFC861 55%, #E09A2E); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-variant-numeric: tabular-nums; }
.tm .lux .lux-acts { display: flex; flex-wrap: wrap; gap: 8px; }
.tm .lux .lux-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: 999px; border: 0; cursor: pointer; font: 700 .9rem var(--f-head); color: #fff; background: rgba(255,255,255,.12); }
.tm .lux .lux-btn.gold { color: #0A1F44; background: linear-gradient(135deg, #FFE1A0, #FFC861 45%, #F0962A); box-shadow: 0 10px 24px rgba(240,150,42,.3); }
.tm .lux .lux-btn svg.tile { width: 24px; height: 27px; }
.tm .lux h2 { margin: 4px 0 0; font: 800 clamp(1.25rem, 3cqw, 1.8rem)/1.35 var(--f-head); }
.tm .lux p { margin: 0; line-height: 1.8; }
.tm .pts-big { display: grid; gap: 4px; }
.tm .pts-big b { font: 800 clamp(3rem, 9cqw, 5rem)/1 var(--f-head); direction: ltr; text-align: start; background: linear-gradient(180deg, #FFF3D1 0%, #FFC861 55%, #E08A1E 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.tm .pts-big span { color: #FFE3A6; font: 700 1rem var(--f-head); }
.tm .tier { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.14); color: #fff; box-shadow: none; }
.tm .tier.cur { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(255,200,97,.18); }
.tm .tier h3 { color: #fff; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tm .tier .rate { color: var(--gold); }
.tm .tier .rate small, .tm .tier li { color: #C9D6EC; }
.tm .tier li svg { fill: var(--gold); }
.tm .tier .cur-pill { font: 700 .72rem var(--f-head); padding: 3px 10px; border-radius: 99px; background: rgba(255,200,97,.2); color: var(--gold); }
.tm .rules { display: grid; gap: 10px; }
.tm .rules > div { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border-radius: 16px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.12); }
.tm .rules b { display: block; font: 700 .92rem var(--f-head); color: #fff; }
.tm .rules span { font-size: .84rem; color: #C9D6EC; line-height: 1.8; }
.tm .rules .tile { width: 38px; height: 42px; }
@container tm (max-width: 760px) {
  .tm .lux-grid, .tm .tiers, .tm .tcards, .tm .reqs, .tm .lvl-body { grid-template-columns: minmax(0, 1fr); }
  .tm .tcards { gap: 18px; }
  .tm .lux-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.tm-lv { position: fixed; inset: 0; z-index: 2147483000; direction: rtl; font-family: var(--f-body); }
.tm-lv .tile { display: block; flex: none; width: 46px; height: 51px; overflow: visible; }
.tm-lv h2, .tm-lv p { margin: 0; }
.tm-lv button { font-family: inherit; }
.tm-lv .lv { position: absolute; }
.tm-lv .lv { position: absolute; inset: 0; z-index: 85; overflow: hidden; background: #0A1F44; color: #fff; container: lv / size; isolation: isolate; font-family: var(--f-head); }
.tm-lv .lv[hidden] { display: none; }
.tm-lv .lv-glow { position: absolute; z-index: -2; width: min(70cqmax, 720px); aspect-ratio: 1; border-radius: 50%; filter: blur(10px); pointer-events: none; }
.tm-lv .lv-glow.a { left: -8%; top: -10%; background: radial-gradient(circle, rgba(10,165,173,.6), transparent 68%); animation: lvd-a 10s ease-in-out infinite; }
.tm-lv .lv-glow.b { right: -10%; bottom: -12%; background: radial-gradient(circle, rgba(240,150,42,.45), transparent 70%); animation: lvd-b 10s ease-in-out infinite; }
@keyframes lvd-a { 50% { transform: translate3d(12cqw, 8cqh, 0) scale(1.15); } }
@keyframes lvd-b { 50% { transform: translate3d(-10cqw, -7cqh, 0) scale(.88); } }
.tm-lv .lv-ring { position: absolute; z-index: -1; left: 50%; top: 46%; width: min(70cqmin, 460px); aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(255,200,97,.5); transform: translate(-50%, -50%); opacity: .45; animation: lv-pulse 6s ease-in-out infinite; pointer-events: none; }
@keyframes lv-pulse { 50% { transform: translate(-50%, -50%) scale(1.12); opacity: .85; } }
.tm-lv .lv-fx { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
.tm-lv .lv-sc { position: absolute; inset: 0; z-index: 2; display: grid; place-content: center; justify-items: center; gap: clamp(10px, 2.4cqmin, 22px); padding: clamp(18px, 5cqmin, 48px); text-align: center; opacity: 0; visibility: hidden; transform: translateY(16px) scale(.985); transition: opacity .8s ease, transform 1s cubic-bezier(.2,.7,.2,1), visibility 0s linear .8s; }
.tm-lv .lv-sc.on { opacity: 1; visibility: visible; transform: none; transition: opacity .8s ease, transform 1s cubic-bezier(.2,.7,.2,1), visibility 0s; }
.tm-lv .lv-logo { height: clamp(64px, 17cqmin, 132px); width: auto; filter: drop-shadow(0 0 24px rgba(10,165,173,.55)); }
.tm-lv .lv-sc.on .lv-logo.in { animation: lv-logo 3s cubic-bezier(.2,.7,.2,1) both; }
@keyframes lv-logo { 0% { opacity: 0; transform: scale(.8); filter: blur(10px); } 60% { opacity: 1; filter: blur(0) drop-shadow(0 0 44px rgba(10,165,173,.9)); } 100% { opacity: 1; transform: none; } }
.tm-lv .lv-kick { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; border-radius: 99px; border: 1px solid rgba(255,200,97,.5); background: rgba(10,31,68,.55); color: var(--gold); font-weight: 700; font-size: clamp(.78rem, 2.8cqmin, .95rem); }
.tm-lv .lv-gold { margin: 0; font-weight: 800; font-size: clamp(1.4rem, 6.4cqmin, 2.8rem); line-height: 1.45; text-wrap: balance; background: linear-gradient(100deg, #FFC861 0%, #fff6df 42%, #FFC861 78%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: lv-shimmer 6s linear infinite; }
.tm-lv .lv-white { margin: 0; font-weight: 800; font-size: clamp(1.25rem, 5.4cqmin, 2.3rem); line-height: 1.45; color: #fff; text-wrap: balance; }
.tm-lv .lv-sub { margin: 0; max-width: 36rem; font-family: var(--f-body); font-size: clamp(.9rem, 3.2cqmin, 1.12rem); line-height: 1.85; color: #C9D6EC; }
@keyframes lv-shimmer { 0% { background-position: 120% 0; } 100% { background-position: -120% 0; } }
.tm-lv .lv-go { margin-top: 8px; display: inline-flex; align-items: center; gap: 10px; border: 0; cursor: pointer; padding: 15px 32px; border-radius: 999px; font: 800 clamp(1rem, 3.8cqmin, 1.2rem) var(--f-head); color: #0A1F44; background: linear-gradient(135deg, #FFE1A0, #FFC861 45%, #F0962A); box-shadow: 0 12px 30px rgba(240,150,42,.4), 0 0 0 7px rgba(255,200,97,.12); animation: lv-breathe 2.6s ease-in-out infinite; }
.tm-lv .lv-go .tile { width: 30px; height: 34px; }
@keyframes lv-breathe { 50% { box-shadow: 0 12px 36px rgba(240,150,42,.55), 0 0 0 13px rgba(255,200,97,.05); } }
.tm-lv .lap { position: relative; width: min(82cqw, 760px); }
.tm-lv .lap-scr { position: relative; aspect-ratio: 16 / 9.4; border-radius: 14px 14px 4px 4px; border: 10px solid #0C1426; border-bottom-width: 12px; background: #0C1426; overflow: hidden; box-shadow: 0 30px 70px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.08); }
.tm-lv .lap-scr img { position: absolute; inset-inline: 0; top: 0; width: 100%; height: auto; display: block; }
.tm-lv .lap-base { height: 14px; margin-inline: -6%; border-radius: 0 0 18px 18px; background: linear-gradient(180deg, #2A3550, #111A2E); }
.tm-lv .lv-sc.on .pan img { animation: pan 6.2s cubic-bezier(.45,0,.3,1) .3s both; }
@keyframes pan { from { transform: translateY(0) scale(1.06); } to { transform: translateY(-60%) scale(1); } }
.tm-lv .trio { position: relative; width: min(90cqw, 900px); height: min(46cqh, 360px); perspective: 1400px; }
.tm-lv .trio figure { position: absolute; top: 50%; left: 50%; width: min(52cqw, 470px); margin: 0; border-radius: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 24px 60px rgba(0,0,0,.5); background: #fff; }
.tm-lv .trio figure img { display: block; width: 100%; height: auto; }
.tm-lv .trio .f1 { transform: translate(-50%, -50%) translateX(-56%) rotateY(28deg) scale(.86); opacity: .82; }
.tm-lv .trio .f2 { transform: translate(-50%, -50%) translateZ(60px); z-index: 2; }
.tm-lv .trio .f3 { transform: translate(-50%, -50%) translateX(56%) rotateY(-28deg) scale(.86); opacity: .82; }
.tm-lv .lv-sc.on .trio .f1 { animation: f1in 1.2s cubic-bezier(.2,.8,.2,1) .2s both; }
.tm-lv .lv-sc.on .trio .f2 { animation: f2in 1.2s cubic-bezier(.2,.8,.2,1) .5s both; }
.tm-lv .lv-sc.on .trio .f3 { animation: f3in 1.2s cubic-bezier(.2,.8,.2,1) .8s both; }
@keyframes f1in { from { opacity: 0; transform: translate(-50%, -50%) translateX(-90%) rotateY(50deg) scale(.7); } }
@keyframes f2in { from { opacity: 0; transform: translate(-50%, -40%) translateZ(-120px) scale(.8); } }
@keyframes f3in { from { opacity: 0; transform: translate(-50%, -50%) translateX(90%) rotateY(-50deg) scale(.7); } }
.tm-lv .duo { position: relative; width: min(88cqw, 860px); display: grid; place-items: center; }
.tm-lv .duo .lap { width: min(74cqw, 680px); }
.tm-lv .ph-dev { position: absolute; inset-inline-start: 0; bottom: -6%; width: min(24cqw, 190px); aspect-ratio: 9 / 19; border-radius: 26px; border: 7px solid #0C1426; background: #F4F7FA; overflow: hidden; box-shadow: 0 24px 50px rgba(0,0,0,.55); color: #0A1F44; text-align: start; }
.tm-lv .lv-sc.on .ph-dev { animation: phin 1.1s cubic-bezier(.2,.8,.2,1) 1s both; }
@keyframes phin { from { opacity: 0; transform: translateY(40px) rotate(-6deg); } }
.tm-lv .ph-dev .p-hd { display: flex; align-items: center; justify-content: space-between; padding: 8px 8px 4px; background: #fff; }
.tm-lv .ph-dev .p-hd img { height: 22px; }
.tm-lv .ph-dev .p-hd .tile { width: 18px; height: 20px; }
.tm-lv .ph-dev .p-c { padding: 6px; display: grid; gap: 5px; }
.tm-lv .ph-dev .p-hello { border-radius: 10px; padding: 8px; color: #fff; font-size: 8px; background: linear-gradient(135deg, #0A1F44, #0E3A62); }
.tm-lv .ph-dev .p-hello b { display: block; font-size: 10px; }
.tm-lv .ph-dev .p-g { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.tm-lv .ph-dev .p-g div { background: #fff; border: 1px solid #D4DEEA; border-radius: 9px; padding: 5px; font-size: 7.5px; font-weight: 700; display: grid; gap: 2px; }
.tm-lv .ph-dev .p-g .tile { width: 18px; height: 20px; }
.tm-lv .ph-dev .p-dock { position: absolute; inset-inline: 0; bottom: 0; display: flex; justify-content: space-around; padding: 4px 2px 6px; background: #fff; border-top: 1px solid #D4DEEA; font-size: 6.5px; font-weight: 700; color: #566A88; }
.tm-lv .ph-dev .p-dock span { display: grid; justify-items: center; gap: 1px; }
.tm-lv .ph-dev .p-dock .tile { width: 14px; height: 16px; }
.tm-lv .cursor { position: absolute; z-index: 3; width: 26px; height: 26px; border-radius: 50%; background: rgba(255,255,255,.95); box-shadow: 0 0 0 6px rgba(255,200,97,.35), 0 6px 16px rgba(0,0,0,.4); top: 40%; left: 60%; pointer-events: none; }
.tm-lv .lv-sc.on .cursor { animation: cur 6s ease-in-out .6s both; }
@keyframes cur { 0% { top: 70%; left: 30%; opacity: 0; } 15% { opacity: 1; } 40% { top: 33%; left: 62%; transform: scale(1); } 45% { transform: scale(.8); } 50% { transform: scale(1); } 75% { top: 52%; left: 44%; } 80% { transform: scale(.8); } 85% { transform: scale(1); } 100% { top: 52%; left: 44%; } }
.tm-lv .board { width: min(88cqw, 820px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(8px, 1.6cqw, 14px); }
.tm-lv .bcard { display: grid; gap: 6px; justify-items: start; padding: clamp(10px, 2cqw, 16px); border-radius: 18px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.15); backdrop-filter: blur(4px); text-align: start; }
.tm-lv .bcard .tile { width: clamp(34px, 6cqw, 50px); height: clamp(38px, 6.7cqw, 56px); }
.tm-lv .bcard b { font-size: clamp(.8rem, 2.2cqw, 1.02rem); color: #fff; }
.tm-lv .bcard span { font: 500 clamp(.66rem, 1.7cqw, .8rem) var(--f-body); color: #B9C9E0; }
.tm-lv .lv-sc.on .bcard { animation: pop .7s cubic-bezier(.2,1.3,.3,1) both; }
.tm-lv .lv-sc.on .bcard:nth-child(2) { animation-delay: .35s; }
.tm-lv .lv-sc.on .bcard:nth-child(3) { animation-delay: .7s; }
.tm-lv .lv-sc.on .bcard:nth-child(4) { animation-delay: 1.05s; }
.tm-lv .lv-sc.on .bcard:nth-child(5) { animation-delay: 1.4s; }
.tm-lv .lv-sc.on .bcard:nth-child(6) { animation-delay: 1.75s; }
@keyframes pop { from { opacity: 0; transform: translateY(18px) scale(.9); } }
.tm-lv .lv-card { width: min(84cqw, 460px); perspective: 1400px; }
.tm-lv .lv-sc.on .lv-card { animation: card-in 1.4s cubic-bezier(.2,.8,.2,1) both; }
.tm-lv .lv-sc.on .lv-card .flip { animation: card-flip 1.3s cubic-bezier(.6,0,.2,1) 1.3s both, card-tilt 7s ease-in-out 2.6s infinite; }
@keyframes card-in { 0% { opacity: 0; transform: translateY(70px) rotateX(40deg) scale(.7); filter: blur(6px); } 100% { opacity: 1; transform: none; filter: none; } }
@keyframes card-flip { from { transform: rotateY(180deg); } to { transform: rotateY(0deg) rotateX(4deg); } }
@keyframes card-tilt { 0%, 100% { transform: rotateX(4deg) rotateY(0deg); } 50% { transform: rotateX(-3deg) rotateY(8deg); } }
.tm-lv .lv-perks { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: min(92cqw, 560px); }
.tm-lv .lv-perks span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px; font: 600 clamp(.72rem, 2.6cqmin, .84rem) var(--f-body); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); color: #E6F0F7; }
.tm-lv .lv-perks .tile { width: 18px; height: 20px; }
.tm-lv .lv-pts { position: relative; display: grid; justify-items: center; }
.tm-lv .lv-pts b { font-weight: 800; font-size: clamp(4.6rem, 27cqmin, 9.5rem); line-height: 1; direction: ltr; font-variant-numeric: tabular-nums; background: linear-gradient(180deg, #FFF3D1 0%, #FFC861 55%, #E08A1E 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 28px rgba(255,200,97,.55)); }
.tm-lv .lv-pts span { font-size: clamp(1rem, 4.4cqmin, 1.5rem); font-weight: 800; color: #FFE3A6; }
.tm-lv .lv-sc.on .lv-pts { animation: pop 1.1s cubic-bezier(.2,1.4,.3,1) .3s both; }
.tm-lv .lv-ok { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 99px; background: rgba(18,121,92,.25); border: 1px solid rgba(74,222,128,.45); color: #C9F5DA; font: 600 clamp(.76rem, 2.8cqmin, .9rem) var(--f-body); }
.tm-lv .lv-ok[hidden] { display: none; }
.tm-lv .lv-cap { position: absolute; z-index: 4; inset-inline: 0; bottom: clamp(26px, 6cqh, 60px); display: grid; justify-items: center; gap: 6px; padding-inline: 20px; text-align: center; }
.tm-lv .lv-mute { position: absolute; z-index: 10; top: calc(14px + env(safe-area-inset-top, 0px)); inset-inline-end: 14px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.25); background: rgba(10,31,68,.55); color: #fff; font: 600 .82rem var(--f-head); cursor: pointer; backdrop-filter: blur(6px); }
.tm-lv .lv-mute svg { width: 18px; height: 18px; }
.tm-lv .lv-mute[hidden] { display: none; }
.tm-lv .lv-prog { position: absolute; z-index: 10; inset-inline: 0; bottom: 0; height: 3px; background: rgba(255,255,255,.08); }
.tm-lv .lv-prog i { display: block; height: 100%; width: 0; margin-inline-start: auto; background: linear-gradient(90deg, #0AA5AD, #FFC861); }
.tm-lv .lv-sc::before { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; width: min(120cqmin, 820px); aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, rgba(10,31,68,.6), rgba(10,31,68,.3) 45%, transparent 70%); pointer-events: none; }
@container lv (max-width: 560px) {
.tm-lv .board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tm-lv .trio { height: 38cqh; }
.tm-lv .trio figure { width: 74cqw; }
.tm-lv .trio .f1 { transform: translate(-50%, -50%) translate(-14%, -22%) rotate(-4deg) scale(.82); }
.tm-lv .trio .f3 { transform: translate(-50%, -50%) translate(14%, 22%) rotate(4deg) scale(.82); }
.tm-lv .ph-dev { width: 34cqw; bottom: -18%; }
.tm-lv .duo .lap { width: 86cqw; }
}
.tm-lv .lv-grain { position: absolute; inset: -50%; z-index: 6; pointer-events: none; opacity: .07; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); animation: grain 1s steps(6) infinite; mix-blend-mode: overlay; }
@keyframes grain { 0% { transform: translate(0, 0); } 20% { transform: translate(-3%, 2%); } 40% { transform: translate(2%, -3%); } 60% { transform: translate(-2%, -1%); } 80% { transform: translate(3%, 3%); } 100% { transform: translate(0, 0); } }
.tm-lv .lv-bars i { position: absolute; z-index: 7; inset-inline: 0; height: 0; background: #020814; transition: height 1.2s cubic-bezier(.6,0,.2,1); pointer-events: none; }
.tm-lv .lv-bars i:first-child { top: 0; }
.tm-lv .lv-bars i:last-child { bottom: 0; }
.tm-lv .lv.playing .lv-bars i { height: clamp(18px, 5.5cqh, 52px); }
.tm-lv .lv.ending .lv-bars i { height: 0; }
.tm-lv .lv-flash { position: absolute; inset: 0; z-index: 5; pointer-events: none; opacity: 0; background: radial-gradient(60% 50% at 70% 40%, rgba(255,214,140,.55), rgba(10,165,173,.18) 45%, transparent 75%); mix-blend-mode: screen; }
.tm-lv .lv-flash.go { animation: leak 1.2s ease-out; }
@keyframes leak { 0% { opacity: 0; transform: translateX(-20%); } 30% { opacity: 1; } 100% { opacity: 0; transform: translateX(20%); } }
.tm-lv [data-words] .w { display: inline-block; opacity: 0; filter: blur(8px); transform: translateY(.45em); padding: .22em .06em .26em; margin: -.22em -.06em -.26em; }
.tm-lv .lv-sc.on [data-words] .w { animation: wordin .9s cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(var(--d, 0s) + var(--i) * .16s); }
@keyframes wordin { to { opacity: 1; filter: blur(0); transform: none; } }
.tm-lv .lv-gold[data-words] { animation: none; }
.tm-lv .lv-gold[data-words] .w { background: linear-gradient(100deg, #FFC861 0%, #fff6df 45%, #FFC861 90%); background-size: 260% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.tm-lv .lv-line { margin: 0; font: 500 clamp(1.1rem, 4.6cqmin, 1.9rem)/1.6 var(--f-head); color: #D5E2F3; }
.tm-lv .lv-gold.big { font-size: clamp(1.9rem, 9cqmin, 4.2rem); line-height: 1.35; }
.tm-lv .lv-chap { font: 600 clamp(.7rem, 2.4cqmin, .82rem) var(--f-head); color: var(--gold); letter-spacing: .12em; padding: 3px 12px; border-inline-start: 2px solid var(--gold); background: linear-gradient(90deg, transparent, rgba(255,200,97,.12)); }
.tm-lv .lv-sub small { display: inline-block; margin-top: 6px; font-size: .78em; color: #93A9C8; }
.tm-lv .need-dot { width: 14px; height: 14px; border-radius: 50%; background: #FFE3A6; box-shadow: 0 0 20px 6px rgba(255,200,97,.8), 0 0 80px 30px rgba(255,200,97,.25); margin-bottom: 18px; }
.tm-lv .lv-sc.on .need-dot { animation: dot 6s ease-in-out both; }
@keyframes dot { 0% { transform: scale(0); opacity: 0; } 15% { transform: scale(1); opacity: 1; } 50% { transform: scale(.8); } 85% { transform: scale(1.25); opacity: 1; } 100% { transform: scale(.6); opacity: 0; } }
.tm-lv .path { position: relative; width: min(92cqw, 980px); display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: clamp(4px, 1cqw, 12px); margin-bottom: 18cqh; }
.tm-lv .path-line { position: absolute; inset-inline: 6%; top: clamp(22px, 3.4cqw, 36px); height: 2px; background: rgba(255,255,255,.12); }
.tm-lv .path-line i { position: absolute; inset: 0; background: linear-gradient(270deg, #FFC861, #19C2AE); box-shadow: 0 0 12px rgba(255,200,97,.8); transform-origin: right; transform: scaleX(0); }
.tm-lv .lv-sc.on .path-line i { animation: line 4.4s cubic-bezier(.4,0,.2,1) .3s both; }
@keyframes line { to { transform: scaleX(1); } }
.tm-lv .pstep { position: relative; display: grid; justify-items: center; gap: 8px; opacity: .25; filter: grayscale(.7); transform: scale(.85); }
.tm-lv .pstep .tile { width: clamp(40px, 6.4cqw, 66px); height: clamp(45px, 7.2cqw, 74px); }
.tm-lv .pstep b { font: 700 clamp(.62rem, 1.5cqw, .9rem)/1.3 var(--f-head); color: #fff; }
.tm-lv .lv-sc.on .pstep { animation: lit .7s cubic-bezier(.2,1.4,.3,1) both; animation-delay: calc(.3s + var(--i) * .55s); }
@keyframes lit { to { opacity: 1; filter: none; transform: none; } }
.tm-lv .lv-sc.on .pstep .tile { animation: float 3s ease-in-out infinite; animation-delay: calc(var(--i) * .2s); }
.tm-lv .path + .lv-cap { gap: 2px; }
.tm-lv .logo-wrap { position: relative; overflow: hidden; padding: 6px 10px; }
.tm-lv .logo-sweep { position: absolute; inset: 0; background: linear-gradient(100deg, transparent 35%, rgba(255,255,255,.75) 50%, transparent 65%); transform: translateX(-120%); mix-blend-mode: overlay; }
.tm-lv .logo-sweep { display: none; }
.tm-lv .lv-sc.on .logo-wrap .lv-logo { animation: lv-logo 3s cubic-bezier(.2,.7,.2,1) both, glint 1.4s ease-in-out 1.6s; }
@keyframes glint { 50% { filter: brightness(1.7) drop-shadow(0 0 40px rgba(255,214,140,.9)); } }
@keyframes lsweep { to { transform: translateX(120%); } }
.tm-lv .lap.tilt, .tm-lv .lap.tilt2 { transform-style: preserve-3d; }
.tm-lv .lv-sc.on .lap.tilt { animation: cam1 6s cubic-bezier(.3,0,.2,1) both; }
@keyframes cam1 { from { transform: perspective(1400px) rotateX(16deg) rotateY(-14deg) scale(.86); } to { transform: perspective(1400px) rotateX(3deg) rotateY(4deg) scale(1); } }
.tm-lv .lv-sc.on .lap.tilt2 { animation: cam2 6s cubic-bezier(.3,0,.2,1) both; }
@keyframes cam2 { from { transform: perspective(1400px) rotateY(16deg) translateX(-4%) scale(.92); } to { transform: perspective(1400px) rotateY(-4deg) scale(1.02); } }
.tm-lv .you-name { margin: 0; font: 800 clamp(1.5rem, 7cqmin, 3rem) var(--f-head); color: #fff; text-shadow: 0 0 30px rgba(10,165,173,.8); }
.tm-lv .flip { position: relative; transform-style: preserve-3d; }
.tm-lv .face.front { position: relative; }
.tm-lv .face { backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.tm-lv .face.back { position: absolute; inset: 0; transform: rotateY(180deg); border-radius: 22px; display: grid; place-content: center; justify-items: center; gap: 10px; overflow: hidden;
  background: radial-gradient(80% 90% at 50% 40%, rgba(25,194,174,.35), transparent 70%), linear-gradient(140deg, #04122B, #0A2F5C 55%, #066B78); box-shadow: 0 30px 60px -12px rgba(3,10,26,.6), inset 0 0 0 1.5px rgba(255,214,140,.6); }
.tm-lv .face.back::before { content: ""; position: absolute; inset: 0; background: var(--guil) center / 100% 100%; opacity: .7; mix-blend-mode: soft-light; }
.tm-lv .face.back img { width: 46%; position: relative; filter: drop-shadow(0 0 18px rgba(10,165,173,.7)); }
.tm-lv .face.back b { position: relative; direction: ltr; font: 800 clamp(1rem, 4.6cqmin, 1.5rem) "Alexandria", sans-serif; letter-spacing: .2em; color: #FFD889; }
.tm-lv .face.back b em { font-style: normal; font-weight: 400; }
.tm-lv .face.back span { position: relative; font: 600 .7rem var(--f-head); letter-spacing: .18em; color: #B9CCDD; }
.tm-lv .lv-card .mcard { max-width: none; }
.tm-lv .lv-done { position: relative; width: min(92cqw, 640px); display: grid; gap: clamp(8px, 1.8cqmin, 14px); justify-items: center; padding: clamp(22px, 5cqmin, 38px) clamp(18px, 5cqmin, 40px); border-radius: 28px; text-align: center; color: #fff; isolation: isolate;
  background: radial-gradient(70% 60% at 50% 0%, rgba(255,200,97,.18), transparent 70%), radial-gradient(60% 60% at 100% 100%, rgba(10,165,173,.22), transparent 70%), linear-gradient(180deg, rgba(10,31,68,.92), rgba(5,15,36,.94));
  box-shadow: 0 40px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter: blur(10px); }
.tm-lv .lv-done::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; padding: 1.5px; background: linear-gradient(140deg, #FFE7A8, rgba(255,200,97,.15) 30%, rgba(10,165,173,.5) 60%, #FFC861); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.tm-lv .lv-sc.on .lv-done { animation: pop 1s cubic-bezier(.2,1.2,.3,1) .2s both; }
.tm-lv .seal { position: relative; width: clamp(64px, 14cqmin, 92px); aspect-ratio: 1; display: grid; place-items: center; }
.tm-lv .seal .tile { width: 78%; height: 88%; position: relative; z-index: 1; }
.tm-lv .seal i { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid rgba(255,200,97,.6); }
.tm-lv .lv-sc.on .seal i { animation: ripple 2.8s ease-out infinite; }
.tm-lv .lv-sc.on .seal i:nth-child(2) { animation-delay: .9s; }
.tm-lv .lv-sc.on .seal i:nth-child(3) { animation-delay: 1.8s; }
@keyframes ripple { from { transform: scale(.7); opacity: .9; } to { transform: scale(1.9); opacity: 0; } }
.tm-lv .done-eyebrow { font: 700 clamp(.74rem, 2.6cqmin, .88rem) var(--f-head); color: var(--gold); letter-spacing: .3em; }
.tm-lv .lv-done h2 { margin: 0; font: 800 clamp(1.15rem, 4.8cqmin, 1.7rem)/1.5 var(--f-head); color: #fff; text-wrap: balance; }
.tm-lv .lv-done > p { margin: 0; max-width: 33rem; font: 400 clamp(.84rem, 3cqmin, .98rem)/1.95 var(--f-body); color: #C9D6EC; text-wrap: pretty; }
.tm-lv .done-row { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 4px; }
.tm-lv .done-it { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 18px; text-align: start; background: rgba(255,255,255,.06); border: 1px solid rgba(255,214,140,.32); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.tm-lv .done-it .tile { width: 42px; height: 47px; }
.tm-lv .done-it small { display: block; font: 500 .74rem var(--f-body); color: #9FB4D1; }
.tm-lv .done-it b { font: 800 clamp(.86rem, 3cqmin, 1rem) var(--f-head); background: linear-gradient(180deg, #FFF3D1, #FFC861); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.tm-lv .mini-card { position: relative; flex: none; width: 58px; aspect-ratio: 1.586; border-radius: 8px; overflow: hidden; display: grid; align-content: start; padding: 5px 6px; background: linear-gradient(140deg, #04122B, #0A2F5C 55%, #066B78); box-shadow: 0 6px 14px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,214,140,.7); }
.tm-lv .mini-card b { direction: ltr; font: 800 7px "Alexandria", sans-serif; letter-spacing: .06em; color: #FFD889; -webkit-text-fill-color: #FFD889; background: none; }
.tm-lv .mini-card b em { font-style: normal; font-weight: 400; }
.tm-lv .mini-card i { position: absolute; left: 6px; bottom: 6px; width: 12px; height: 9px; border-radius: 2px; background: linear-gradient(135deg, #FFF3CF, #D7A443); }
.tm-lv .orn { display: flex; align-items: center; gap: 10px; width: min(70%, 260px); }
.tm-lv .orn i { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,200,97,.7)); }
.tm-lv .orn i:last-child { transform: scaleX(-1); }
.tm-lv .orn span { width: 8px; height: 8px; transform: rotate(45deg); background: var(--gold); box-shadow: 0 0 10px rgba(255,200,97,.8); }
.tm-lv .lv-done .cta-line { margin: 0; font: 800 clamp(1rem, 4.2cqmin, 1.35rem)/1.5 var(--f-head); color: #fff; }
.tm-lv .lv-done .cta-line em { font-style: normal; background: linear-gradient(100deg, #FFC861 0%, #fff6df 45%, #FFC861 90%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: lv-shimmer 5s linear infinite; }
.tm-lv .lv-go.fin { margin-top: 4px; padding: 14px 26px; font-size: clamp(.92rem, 3.4cqmin, 1.08rem); }
@container lv (max-width: 560px) {
.tm-lv .path { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 18px; margin-bottom: 12cqh; }
.tm-lv .path-line { display: none; }
.tm-lv .pstep b { font-size: .68rem; }
.tm-lv .done-row { grid-template-columns: 1fr; }
.tm-lv .lv-done { padding: 18px 16px; gap: 8px; }
.tm-lv .lv-done > p { font-size: .8rem; line-height: 1.8; }
.tm-lv .seal { width: 56px; }
}
@container lv (max-height: 620px) {
.tm-lv .lv-done > p { font-size: .8rem; line-height: 1.7; }
.tm-lv .seal { width: 52px; }
.tm-lv .lv-done { gap: 6px; padding-block: 16px; }
}
@media (prefers-reduced-motion: reduce) {
.tm-lv .lv-grain { animation: none; }
.tm-lv [data-words] .w { opacity: 1; filter: none; transform: none; }
}
.tm-lv .lv-sc[data-s="path"], .tm-lv .lv-sc[data-s="home"], .tm-lv .lv-sc[data-s="trio"], .tm-lv .lv-sc[data-s="duo"] { padding-block: clamp(56px, 9cqh, 90px); align-content: center; }
.tm-lv .lv-sc[data-s="path"] .lv-cap, .tm-lv .lv-sc[data-s="home"] .lv-cap, .tm-lv .lv-sc[data-s="trio"] .lv-cap, .tm-lv .lv-sc[data-s="duo"] .lv-cap { position: static; padding: 0; margin-top: clamp(4px, 1.6cqh, 16px); }
.tm-lv .lv-sc[data-s="path"] .path { margin-bottom: clamp(8px, 3cqh, 28px); }
.tm-lv .lv-sc[data-s="home"] .lap { width: min(82cqw, 760px, calc((100cqh - 250px) * 1.62)); }
.tm-lv .duo { width: min(88cqw, 860px, calc((100cqh - 250px) * 1.9)); margin-bottom: 4%; }
.tm-lv .duo .lap { width: 80%; }
.tm-lv .ph-dev { width: 24%; max-width: 190px; }
.tm-lv .trio { height: min(40cqh, 360px); }
.tm-lv .trio figure { width: min(52cqw, 470px, calc(40cqh * 1.9)); }
.tm-lv .lv-cap .lv-white { font-size: clamp(1.1rem, 4.6cqmin, 2.1rem); }
@container lv (max-width: 560px) {
.tm-lv .lv-sc[data-s="home"] .lap { width: 88cqw; }
.tm-lv .duo { width: 92cqw; margin-bottom: 14%; }
.tm-lv .duo .lap { width: 88%; }
.tm-lv .ph-dev { width: 34%; bottom: -16%; }
.tm-lv .trio figure { width: 74cqw; }
}
.tm-lv .lv-sc[data-s="done"] { overflow-y: auto; align-content: safe center; padding-block: 16px; scrollbar-width: none; }
@container lv (max-height: 560px) {
.tm-lv .lv-done { gap: 5px; padding: 14px 16px; }
.tm-lv .seal { width: 44px; }
.tm-lv .done-eyebrow { display: none; }
.tm-lv .lv-done h2 { font-size: 1rem; }
.tm-lv .lv-done > p { font-size: .74rem; line-height: 1.65; }
.tm-lv .done-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.tm-lv .done-it { padding: 8px 10px; gap: 8px; }
.tm-lv .done-it .tile { width: 30px; height: 34px; }
.tm-lv .mini-card { width: 40px; }
.tm-lv .orn { display: none; }
.tm-lv .lv-done .cta-line { font-size: .92rem; }
.tm-lv .lv-go.fin { padding: 10px 18px; font-size: .86rem; }
}
.tm-lv .tile { display: block; flex: none; width: 46px; height: 51px; transform-origin: 50% 42%; overflow: visible; }
.tm-lv :is(button, .tm-lv a, .tm-lv .lcard, .tm-lv .dock-i):is(:hover, .tm-lv :active) .tile.lift { animation: icon-lift .48s cubic-bezier(.2,1.4,.36,1) forwards; filter: drop-shadow(0 14px 10px rgba(10,165,173,.4)); }
@keyframes icon-lift { 0% { transform: translateY(0) scale(1); } 100% { transform: translateY(-5px) scale(1.06); } }
.tm-lv .float-item { animation: float 5.5s ease-in-out infinite; }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
.tm-lv .mcard { --c1: #04122B; --c2: #0A2F5C; --c3: #066B78; --foil: linear-gradient(120deg, #8A5A12, #FFE7A8 22%, #C98418 42%, #FFF4D2 58%, #B9781B 78%, #FFE29A);
  position: relative; width: 100%; max-width: 440px; aspect-ratio: 1.586; border-radius: 22px; padding: 0; color: #F4F7FB; overflow: hidden; isolation: isolate; container: mc / inline-size;
  display: grid; grid-template-rows: auto 1fr auto; gap: 0;
  background: radial-gradient(120% 90% at 100% 0%, rgba(255,214,140,.30), transparent 46%), radial-gradient(90% 110% at 0% 100%, rgba(25,194,174,.42), transparent 58%), linear-gradient(140deg, var(--c1) 0%, var(--c2) 52%, var(--c3) 100%);
  box-shadow: 0 30px 60px -12px rgba(3,10,26,.6), 0 12px 24px -10px rgba(3,10,26,.45), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.4); }
.tm-lv .mcard.premium { background: radial-gradient(120% 90% at 100% 0%, rgba(255,246,220,.45), transparent 50%), radial-gradient(90% 110% at 0% 100%, rgba(60,38,4,.55), transparent 60%), linear-gradient(140deg, #3A2808 0%, #8C6420 48%, #DDB466 100%); --c1: #2A1C05; --c2: #7A5513; --c3: #D9AE55; --foil: linear-gradient(120deg, #FFF6DC, #E9C672 30%, #FFF2C9 55%, #B98A2E 80%, #FFF0C2); }
.tm-lv .mcard.elite { --c1: #020409; --c2: #0B111D; --c3: #1B2433; }
.tm-lv .mcard.elite::before { background: linear-gradient(115deg, transparent 42%, rgba(255,214,140,.28) 50%, transparent 58%); }
.tm-lv .mc-guil { position: absolute; inset: 0; z-index: -1; background: var(--guil) center / 100% 100% no-repeat; opacity: .9; mix-blend-mode: soft-light; pointer-events: none; }
.tm-lv .mc-wm { position: absolute; z-index: -1; inset-inline-end: 4%; top: 17%; height: 52%; width: auto; opacity: .2; pointer-events: none;
  filter: drop-shadow(1.5px 1.5px 0 rgba(0,0,0,.55)) drop-shadow(-1px -1px 0 rgba(255,255,255,.35)); mix-blend-mode: overlay; }
.tm-lv .mcard.premium .mc-wm { opacity: .28; mix-blend-mode: soft-light; }
.tm-lv .mcard.elite .mc-wm { opacity: .14; mix-blend-mode: normal; filter: drop-shadow(1px 1px 0 rgba(0,0,0,.8)) drop-shadow(-1px -1px 0 rgba(255,214,140,.35)) sepia(1) saturate(2) hue-rotate(-10deg); }
.tm-lv .mcard::before { content: ""; position: absolute; inset: -60% -80%; z-index: 1; pointer-events: none; background: linear-gradient(115deg, transparent 42%, rgba(255,255,255,.26) 50%, transparent 58%); transform: translateX(-60%); animation: sheen 6s ease-in-out 1.2s infinite; mix-blend-mode: overlay; }
.tm-lv .mcard::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: inherit; padding: 1.5px; background: var(--foil); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
@keyframes sheen { 0% { transform: translateX(-60%); } 55%, 100% { transform: translateX(60%); } }
.tm-lv .mc-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 3cqw; padding: 5.6cqw 6.2cqw 0; }
.tm-lv .mc-brand { display: grid; gap: 1cqw; justify-items: start; }
.tm-lv .mc-brand b { direction: ltr; font: 800 6.6cqw/1 "Alexandria", sans-serif; letter-spacing: .08em; background: var(--foil); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 1px 0 rgba(0,0,0,.35)); animation: foil 7s linear infinite; padding-block: .1em; }
.tm-lv .mc-brand b em { font-style: normal; font-weight: 400; letter-spacing: .14em; }
@keyframes foil { to { background-position: -200% 0; } }
.tm-lv .mc-brand span { font: 600 3.2cqw/1.2 var(--f-head); color: #DCE8F2; letter-spacing: .02em; }
.tm-lv .mc-tr { display: grid; justify-items: end; gap: 1.6cqw; }
.tm-lv .mc-logo { height: 9.5cqw; width: auto; filter: drop-shadow(0 2px 6px rgba(0,0,0,.35)); }
.tm-lv .mc-st { font-style: normal; font: 700 2.3cqw/1 var(--f-head); padding: 1cqw 2.2cqw; border-radius: 99px; background: rgba(18,121,92,.88); color: #fff; letter-spacing: .04em; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); white-space: nowrap; }
.tm-lv .mc-st.off { background: rgba(255,255,255,.16); }
.tm-lv .mc-name { margin-inline: 6.2cqw; align-self: center; display: grid; gap: 1cqw; justify-items: start; min-width: 0; max-width: 72%; }
.tm-lv .mc-name small { font: 500 2.3cqw/1 var(--f-body); color: #B9CCDD; letter-spacing: .04em; }
.tm-lv .mc-name small em, .tm-lv .mc-foot small em { font-style: normal; direction: ltr; unicode-bidi: isolate; letter-spacing: .12em; opacity: .85; }
.tm-lv .mc-name b { max-width: 100%; font: 700 6cqw/1.3 var(--f-head); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #F6F8FB; text-shadow: 0 1px 0 rgba(0,0,0,.55), 0 -1px 0 rgba(255,255,255,.18); }
.tm-lv .mc-name i { display: block; width: 22cqw; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,214,140,.9)); }
.tm-lv .mc-name span { max-width: 100%; direction: ltr; font: 600 3.3cqw/1.2 "Alexandria", sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #E7EEF6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 0 rgba(0,0,0,.6), 0 -1px 0 rgba(255,255,255,.2); }
.tm-lv .mc-foot { display: flex; align-items: center; margin: 0; padding: 2.8cqw 6.2cqw 3.2cqw; gap: 0; background: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.32)); border-top: 1px solid rgba(255,214,140,.35); backdrop-filter: blur(2px); }
.tm-lv .mc-foot > div { display: grid; gap: .8cqw; padding-inline: 3cqw; }
.tm-lv .mc-foot > div:first-child { padding-inline-start: 0; }
.tm-lv .mc-foot > div + div { border-inline-start: 1px solid; border-image: linear-gradient(180deg, transparent, rgba(255,214,140,.7), transparent) 1; }
.tm-lv .mc-foot small { font: 500 2.2cqw/1.2 var(--f-body); color: #B9CCDD; white-space: nowrap; }
.tm-lv .mc-foot b { direction: ltr; text-align: start; font: 700 3.3cqw/1.2 "Alexandria", sans-serif; letter-spacing: .08em; font-variant-numeric: tabular-nums; text-shadow: 0 1px 0 rgba(0,0,0,.5); white-space: nowrap; }
.tm-lv .mc-foot b.ar { direction: rtl; letter-spacing: 0; font-family: var(--f-head); }
.tm-lv .mc-qr { margin-inline-start: auto; flex: none; width: 10.5cqw; aspect-ratio: 1; border-radius: 1.8cqw; background: #fff; padding: .9cqw; box-shadow: 0 2px 6px rgba(0,0,0,.3); }
.tm-lv .mc-qr svg { width: 100%; height: 100%; display: block; }
.tm-lv .mcard.premium .mc-brand b { background: linear-gradient(120deg, #FFFFFF, #FFF3D0 40%, #FFFFFF 60%, #F6E2AE); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; }
.tm-lv .mcard.premium .mc-name b, .tm-lv .mcard.premium .mc-name span, .tm-lv .mcard.premium .mc-foot b { text-shadow: 0 1px 0 rgba(60,38,4,.65), 0 -1px 0 rgba(255,255,255,.25); }
.tm-lv .mcard.premium .mc-foot small, .tm-lv .mcard.premium .mc-brand span, .tm-lv .mcard.premium .mc-name small { color: #FFF3D6; }
.tm-lv .mcard.elite .mc-brand span, .tm-lv .mcard.elite .mc-name small, .tm-lv .mcard.elite .mc-foot small { color: #CDB98F; }
.tm-lv .tcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, 2cqw, 18px); margin-top: 22px; }
.tm-lv .tcard { display: grid; gap: 10px; border: 0; background: none; padding: 0; text-align: start; color: #fff; cursor: pointer; }
.tm-lv .tcard .mcard { max-width: none; transition: transform .35s cubic-bezier(.2,.8,.2,1), filter .35s; }
.tm-lv .tcard:hover .mcard { transform: translateY(-4px) rotateX(4deg); }
.tm-lv .tcard.lock .mcard { filter: saturate(.75) brightness(.92); }
.tm-lv .tcard-l { display: flex; align-items: center; gap: 8px; font: 700 .9rem var(--f-head); }
.tm-lv .tcard-l small { margin-inline-start: auto; font: 600 .72rem var(--f-body); padding: 3px 10px; border-radius: 99px; background: rgba(255,255,255,.1); color: #C9D6EC; }
.tm-lv .tcard.cur .tcard-l small { background: rgba(255,200,97,.2); color: var(--gold); }
.tm-lv .tcard.cur .mcard { box-shadow: 0 0 0 2px rgba(255,200,97,.65), 0 0 40px rgba(255,200,97,.28), 0 30px 60px -12px rgba(3,10,26,.6); }
.tm-lv .lvl { margin-top: 16px; }
.tm-lv .lvl-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.tm-lv .lvl-head h2 { font-size: clamp(1.15rem, 2.6cqw, 1.5rem); }
.tm-lv .lvl-pill { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 99px; background: rgba(255,200,97,.12); border: 1px solid rgba(255,200,97,.4); color: #FFE3A6; font: 600 .78rem var(--f-head); }
.tm-lv .lvl-pill::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(255,200,97,.2); animation: lvlp 1.8s ease-in-out infinite; }
@keyframes lvlp { 50% { box-shadow: 0 0 0 8px rgba(255,200,97,0); } }
.tm-lv .lvl-body { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: clamp(16px, 3cqw, 32px); align-items: center; margin-top: 18px; }
.tm-lv .gauge { position: relative; width: 100%; max-width: 220px; aspect-ratio: 1; justify-self: center; }
.tm-lv .gauge svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.tm-lv .gauge .g-bg { fill: none; stroke: rgba(255,255,255,.1); stroke-width: 10; }
.tm-lv .gauge .g-tick { fill: none; stroke: rgba(255,214,140,.35); stroke-width: 14; stroke-dasharray: 1 6.33; }
.tm-lv .gauge .g-fg { fill: none; stroke: url(#g-grad); stroke-width: 10; stroke-linecap: round; }
.tm-lv .gauge .g-c { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; gap: 2px; }
.tm-lv .gauge .g-c b { font: 800 2.6rem/1 var(--f-head); background: linear-gradient(180deg, #FFF3D1, #FFC861); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; direction: ltr; }
.tm-lv .gauge .g-c span { font: 600 .74rem var(--f-body); color: #B9C9E0; }
.tm-lv .gauge .g-c em { font-style: normal; font: 700 .78rem var(--f-head); color: #fff; }
.tm-lv .track { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 18px; }
.tm-lv .track::before { content: ""; position: absolute; inset-inline: 16.6%; top: 21px; height: 4px; border-radius: 4px; background: rgba(255,255,255,.12); }
.tm-lv .track::after { content: ""; position: absolute; inset-inline-start: 16.6%; top: 21px; height: 4px; width: 3%; border-radius: 4px; background: linear-gradient(270deg, var(--gold), var(--teal)); box-shadow: 0 0 12px rgba(255,200,97,.7); }
.tm-lv .tnode { position: relative; z-index: 1; display: grid; justify-items: center; gap: 6px; text-align: center; }
.tm-lv .tnode .dot { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: #0B1D3D; border: 2px solid rgba(255,255,255,.18); }
.tm-lv .tnode .dot .tile { width: 30px; height: 34px; }
.tm-lv .tnode b { direction: ltr; font: 800 .86rem var(--f-head); }
.tm-lv .tnode span { font: 500 .7rem var(--f-body); color: #9FB4D1; }
.tm-lv .tnode.cur .dot { border-color: var(--gold); box-shadow: 0 0 0 5px rgba(255,200,97,.15), 0 0 24px rgba(255,200,97,.45); }
.tm-lv .tnode.cur span { color: var(--gold); font-weight: 700; }
.tm-lv .tnode.lock { opacity: .62; }
.tm-lv .reqs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tm-lv .req { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; align-items: center; padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.12); }
.tm-lv .req .tile { grid-row: span 2; width: 38px; height: 42px; }
.tm-lv .req b { font: 700 .86rem/1.4 var(--f-head); color: #fff; }
.tm-lv .req small { display: flex; justify-content: space-between; gap: 8px; font: 500 .72rem var(--f-body); color: #9FB4D1; }
.tm-lv .req small em { font-style: normal; font-weight: 700; color: #FFE3A6; white-space: nowrap; }
.tm-lv .req .bar { grid-column: 1 / -1; height: 6px; margin-top: 6px; }
.tm-lv .lvl-note { display: flex; gap: 8px; align-items: flex-start; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.1); font-size: .8rem; color: #B9C9E0; }
.tm-lv .lvl-note svg { width: 18px; height: 18px; fill: var(--gold); flex: none; margin-top: 2px; }
.tm-lv .lux { position: relative; overflow: hidden; border-radius: 28px; padding: clamp(18px, 3cqw, 32px); color: #fff; isolation: isolate; box-shadow: var(--shadow-2);
  background: radial-gradient(60% 80% at 0% 0%, rgba(10,165,173,.38), transparent 60%), radial-gradient(50% 70% at 100% 100%, rgba(255,200,97,.25), transparent 60%), linear-gradient(140deg, #050F24 0%, #0A1F44 55%, #0D2B52 100%); }
.tm-lv .lux::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(rgba(255,214,140,.5) 1px, transparent 1px); background-size: 26px 26px; opacity: .12; mask-image: linear-gradient(180deg, #000, transparent 80%); -webkit-mask-image: linear-gradient(180deg, #000, transparent 80%); }
.tm-lv .lux .eyebrow { color: var(--gold); letter-spacing: .14em; font-size: .72rem; direction: ltr; text-align: start; display: block; }
.tm-lv .lux h1, .tm-lv .lux h2, .tm-lv .lux h3 { color: #fff; }
.tm-lv .lux p { color: #C9D6EC; }
.tm-lv .lux-grid { display: grid; grid-template-columns: minmax(0, 440px) minmax(0, 1fr); gap: 26px; align-items: center; }
.tm-lv .lux-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tm-lv .lux-st { padding: 14px; border-radius: 18px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,214,140,.22); display: grid; gap: 4px; }
.tm-lv .lux-st small { color: #B9C9E0; font-size: .76rem; }
.tm-lv .lux-st b { font: 800 1.45rem/1.15 var(--f-head); font-variant-numeric: tabular-nums; }
.tm-lv .lux-st b.gold { background: linear-gradient(180deg, #FFF0C8, #FFC861 60%, #E09A2E); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.tm-lv .journey { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.tm-lv .jstep { position: relative; padding: 14px; border-radius: 18px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); display: grid; gap: 6px; }
.tm-lv .jstep.cur { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(255,200,97,.18), 0 10px 30px rgba(255,200,97,.12); }
.tm-lv .jstep b { font: 800 1rem var(--f-head); direction: ltr; text-align: start; }
.tm-lv .jstep span { font-size: .78rem; color: #B9C9E0; }
.tm-lv .jstep .tile { width: 38px; height: 42px; }
.tm-lv .bar { height: 10px; border-radius: 99px; background: rgba(255,255,255,.12); overflow: hidden; }
.tm-lv .bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--teal), var(--gold)); }
.tm-lv .panel .bar { background: var(--surface2); border: 1px solid var(--line); }
.tm-lv .cond { display: grid; gap: 8px; }
.tm-lv .cond > div { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.tm-lv .cond .tile { width: 34px; height: 38px; }
.tm-lv .cond b { font: 700 .9rem var(--f-head); }
.tm-lv .cond small { display: block; color: var(--muted); font-size: .78rem; }
.tm-lv .cond .badge { margin-inline-start: auto; }
.tm-lv .tiers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tm-lv .tier { border-radius: 24px; padding: 14px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); display: grid; gap: 12px; align-content: start; }
.tm-lv .tier.cur { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(10,165,173,.16), var(--shadow-2); }
.tm-lv .tier .mcard { max-width: none; }
.tm-lv .tier h3 { font-size: 1.05rem; }
.tm-lv .tier .rate { font: 800 1.4rem var(--f-head); color: var(--teal-d); }
.tm-lv .tier .rate small { font: 600 .78rem var(--f-body); color: var(--muted); }
.tm-lv .tier ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; font-size: .86rem; }
.tm-lv .tier li { display: flex; gap: 8px; align-items: flex-start; }
.tm-lv .tier li svg { width: 16px; height: 16px; fill: var(--teal); flex: none; margin-top: 4px; }
.tm-lv .faq { display: grid; gap: 10px; }
.tm-lv .faq details { border: 1px solid var(--line); border-radius: 18px; background: var(--surface); padding: 4px 14px; box-shadow: var(--shadow); }
.tm-lv .faq summary { display: flex; align-items: center; gap: 12px; cursor: pointer; padding: 10px 0; font: 700 .95rem var(--f-head); list-style: none; }
.tm-lv .faq summary::-webkit-details-marker { display: none; }
.tm-lv .faq summary .tile { width: 34px; height: 38px; }
.tm-lv .faq details p { padding: 0 0 12px; color: var(--muted); line-height: 1.8; font-size: .9rem; }
.tm-lv .pts-hero { font: 800 clamp(2.6rem, 7cqw, 3.6rem)/1 var(--f-head); background: linear-gradient(180deg, #FFF0C8, #FFC861 55%, #E09A2E); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-variant-numeric: tabular-nums; }
.tm .mc-brand b, .tm-lv .mc-brand b { white-space: nowrap; }
.tm .mcard.premium .mc-brand b, .tm-lv .mcard.premium .mc-brand b { font-size: 5.6cqw; letter-spacing: .05em; }
.tm .mcard.premium .mc-brand b em, .tm-lv .mcard.premium .mc-brand b em { letter-spacing: .08em; }
.tm .mc-name span.long, .tm-lv .mc-name span.long { letter-spacing: .1em; font-size: 2.9cqw; }
.tm .mc-name span.xlong, .tm-lv .mc-name span.xlong { letter-spacing: .04em; font-size: 2.6cqw; }
.tm .mc-name b.long, .tm-lv .mc-name b.long { font-size: 5.1cqw; }
.tm .mc-name b.xlong, .tm-lv .mc-name b.xlong { font-size: 4.4cqw; }
.tm .lrows { display: grid; gap: 10px; margin-top: 14px; }
.tm .lrow { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 18px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,214,140,.22); flex-wrap: wrap; }
.tm .lrow .tile { width: 42px; height: 47px; }
.tm .lrow-b { display: grid; gap: 2px; min-width: 0; flex: 1 1 220px; }
.tm .lrow-b b { font: 700 .98rem var(--f-head); color: #fff; }
.tm .lrow-b span { font-size: .8rem; color: #B9C9E0; }
.tm .lrow-s { font: 700 .78rem var(--f-head); padding: 5px 12px; border-radius: 99px; background: rgba(18,121,92,.3); color: #C9F5DA; }

/* أنماط منصة تيرا (V2) كما تُحسب نهائيًا في المنصة الحيّة — مستخرجة من الصفحة نفسها ومختصرة لعناصر هذه المعاينة */
:root{--t2-xs:4px;--t2-sm:8px;--t2-md:12px;--t2-lg:18px;--t2-xl:26px;--t2-st-ok:#0f7a37;--t2-st-ok-line:#cfeeda;--t2-st-warn:#a15c05;--t2-st-warn-line:#f4e2c4;--t2-st-danger:#a81c1c;--t2-st-info:#1d4ed8;--t2-st-info-line:#d3e0fd;
--t2-navy:#0A1F44;--t2-navy-2:#132E5E;--t2-navy-3:#1D3F78;--t2-brand:#0AA5AD;--t2-brand-2:#0B8F96;--t2-brand-3:#067A82;--t2-brand-wash:#E2F4F5;--t2-gold:#FFC861;--t2-amber:#F0962A;
--t2-bg:#F4F7FA;--t2-surface:#ffffff;--t2-surface-2:#F7F9FC;--t2-surface-3:#EEF3F8;--t2-input:#ffffff;--t2-ink:#0A1F44;--t2-ink-2:#132E5E;--t2-muted:#566A88;--t2-line:#D4DEEA;--t2-line-2:#BFCDDE;
--t2-ok:#12795C;--t2-ok-wash:#E4F5EE;--t2-warn:#8A4E08;--t2-warn-wash:#FFF1DC;--t2-danger:#B3261E;--t2-danger-wash:#FDECEA;--t2-info:#132E5E;--t2-info-wash:#E6EEF8;
--t2-sh-1:0 1px 2px rgba(10,31,68,.06);--t2-sh-2:0 10px 28px rgba(10,31,68,.08);--t2-sh-3:0 18px 44px rgba(10,31,68,.16),0 2px 6px rgba(10,31,68,.08);--t2-ring:0 0 0 3px rgba(10,165,173,.25);
--t2-r:14px;--t2-r-xs:10px;--t2-ctl-h:2.75rem;--t2-ctl-sm:2.25rem;--t2-ease:cubic-bezier(.2,0,0,1);--t2-ease-out:cubic-bezier(.16,1,.3,1);
--t2-accent-grad:linear-gradient(90deg,#0AA5AD 0%,#0B8F96 55%,#0A1F44 100%);
--t2-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23566A88' d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E");
--t2-chev-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E");
--t2-search-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z'/%3E%3C/svg%3E");
--t2-ff-display:Alexandria,"IBM Plex Sans Arabic",Tahoma,sans-serif;--t2-ff-text:"IBM Plex Sans Arabic",Tahoma,sans-serif;
--i-card-pad:20px;--i-ctl:40px;--i-r-sm:8px;--i-r-md:12px;--i-r-lg:16px;--i-sh:0 1px 2px rgba(10,31,68,.04),0 4px 16px rgba(10,31,68,.04);--b-r:18px;
--t2-hh:4.75rem;--t2-side-w:16rem;color-scheme:light}
*,::before,::after{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{background:var(--t2-bg);font-family:var(--t2-ff-text);color:var(--t2-ink)}
.t2{font-family:var(--t2-ff-text);color:var(--t2-ink);background:var(--t2-bg);direction:rtl;-webkit-font-smoothing:antialiased;font-size:.9375rem;line-height:1.65;font-variant-numeric:lining-nums tabular-nums;color-scheme:light}
.t2 h1,.t2 h2,.t2 h3,.t2 h4,.t2 p,.t2 ul,.t2 ol{margin:0}
.t2 button{font:inherit;color:inherit}
.t2 :is(h1,h2,h3,h4,.t2-btn,.t2-phead-t,.t2-group-t,.t2-card-t,.t2-side-l,.t2-side-gh,.t2-tab){font-family:var(--t2-ff-display)}
.t2 p,.t2 .t2-note{line-height:1.9}

/* الغلاف */
.t2.t2-app{display:grid;min-height:100dvh;grid-template-columns:auto minmax(0,1fr);grid-template-rows:var(--t2-hh) minmax(0,1fr);grid-template-areas:"head head" "side main";background:var(--t2-bg)}
.t2-app>.t2-head{grid-area:head;position:sticky;top:0;z-index:60;height:var(--t2-hh);display:flex;align-items:center;gap:12px;padding-inline:24px 16px;background:var(--t2-surface);border-bottom:1px solid var(--t2-line)}
.t2-app>.t2-head::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--t2-accent-grad)}
.t2-hd-brand{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.t2-hd-logo{display:block;height:46px;width:auto}
.t2-hd-name{padding-inline-start:16px;border-inline-start:1px solid var(--t2-line);font:600 .95rem/1.3 var(--t2-ff-display);color:var(--t2-ink-2);white-space:nowrap}
.t2-hcmd{display:inline-flex;align-items:center;gap:10px;flex:0 1 26rem;min-width:0;height:40px;padding-inline:12px 8px;margin-inline-start:18px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface-2);color:var(--t2-muted);font-size:.88rem;cursor:pointer}
.t2-hcmd-i{width:18px;height:18px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--t2-search-m) center/contain no-repeat;mask:var(--t2-search-m) center/contain no-repeat}
.t2-hcmd-t{flex:1 1 0;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t2-kbd{font:600 .72rem/1 var(--t2-ff-display);direction:ltr;padding:4px 7px;border-radius:7px;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-muted)}
.t2-hd-sp{flex:1 1 auto;min-width:0}
.t2-hd-r{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.t2-hwho{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 8px 4px 10px;border-radius:999px;border:1px solid var(--t2-line);background:var(--t2-surface);cursor:default}
.t2-avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0AA5AD 0%,#06707A 100%);color:#fff;font:700 1rem/1 var(--t2-ff-display);box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(10,165,173,.3)}
.t2-hwho-n{font-size:.92rem;font-weight:700;color:var(--t2-ink);max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t2-hwho-r{font:700 12px/1 var(--t2-ff-display);padding:4px 8px;border-radius:999px;background:color-mix(in srgb,#0AA5AD 18%,transparent);color:var(--t2-ink);white-space:nowrap}
.t2-hbtn{position:relative;flex:0 0 auto;min-width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 4px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface);color:var(--t2-ink-2);font-size:.86rem;cursor:pointer}
.t2-hbtn svg.t2-tile{width:24px}
.t2-hbtn.is-out{padding-inline:12px;margin-inline-start:14px;color:var(--t2-danger);border-color:#f1c9c4;font-weight:600}
.t2-hbtn.is-out::before{content:"";position:absolute;top:6px;bottom:6px;inset-inline-start:-8px;width:1px;background:var(--t2-line)}
.t2-app>.t2-side{grid-area:side;position:sticky;top:var(--t2-hh);height:calc(100dvh - var(--t2-hh));width:var(--t2-side-w);display:flex;flex-direction:column;overflow:hidden auto;padding:12px 10px 8px;background:#fff;border-inline-end:1px solid var(--t2-line);border-inline-start:1px solid var(--t2-line);z-index:45}
.t2-side-top{padding:0 2px 10px;margin-bottom:10px;border-bottom:1px solid var(--t2-line)}
.t2-side-t{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 12px;border:1px solid var(--t2-line);border-radius:12px;background:transparent;color:var(--t2-ink);font:700 .86rem/1 var(--t2-ff-display);cursor:pointer}
.t2-chev{display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:999px;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-muted)}
.t2-chev::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--t2-chev-m) center/contain no-repeat;mask:var(--t2-chev-m) center/contain no-repeat}
.t2-side-t .t2-chev{transform:rotate(90deg);background:var(--t2-brand-wash);border-color:rgba(10,165,173,.35);color:var(--t2-brand-3)}
.t2-side-g{display:grid;gap:2px}
.t2-side-g+.t2-side-g{margin-top:10px;padding-top:10px;border-top:1px solid var(--t2-line)}
.t2-side-gh{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#5B6B82;font:700 .8rem/1.4 var(--t2-ff-display)}
.t2-side-gh .t2-chev{width:20px;height:20px;margin-inline-start:auto;border-color:transparent;background:transparent}
.t2-side-gh .t2-chev::before{width:12px;height:12px}
.t2-side-i{position:relative;display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 10px;border:0;border-radius:12px;background:transparent;color:var(--t2-ink);text-align:start;cursor:pointer}
.t2-side-i:hover{background:#F2F6FA}
.t2-side-i.is-on{background:#E3F4F5;box-shadow:inset 0 0 0 1px rgba(10,165,173,.38)}
.t2-side-i.is-on::before{content:"";position:absolute;inset-inline-end:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:#0AA5AD}
.t2-side-ic{display:inline-grid;place-items:center;width:36px;height:40px}
.t2-side-ic svg.t2-tile{width:36px}
.t2-side-l{font:700 .92rem/1.4 var(--t2-ff-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t2-main{grid-area:main;min-width:0;display:flex;flex-direction:column}
.t2-body{min-width:0;flex:1 1 auto;padding:22px 26px 40px}
.t2-wrap{max-width:1440px;margin-inline:auto}
.t2-dock{display:none}

/* رأس الصفحة والمسار */
.t2-stack{display:grid;gap:16px;align-content:start}
.t2-stack-tight{display:grid;gap:12px;align-content:start}
.t2-phead{display:grid;gap:6px;padding-block:2px 6px}
.t2-crumbs{margin:0 0 10px;font:500 .82rem/1.5 var(--t2-ff-text);color:var(--t2-ink-2);max-width:100%}
.t2-crumb-ol{display:inline-flex;align-items:center;gap:2px;margin:0;padding:4px;list-style:none;max-width:100%;border:1px solid color-mix(in srgb,#0AA5AD 22%,#D4DEEA);border-radius:999px;background:linear-gradient(90deg,#fff 0%,color-mix(in srgb,#0AA5AD 7%,#fff) 100%);box-shadow:var(--t2-sh-1);overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.t2-crumb-li{display:inline-flex;flex:0 0 auto}
.t2-crumb-a{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:2px 10px 2px 10px;padding-inline-start:3px;border:0;border-radius:999px;background:transparent;color:var(--t2-ink-2);font-weight:600;cursor:pointer}
.t2-crumb-a svg.t2-tile{width:24px}
.t2-crumb-s{display:inline-grid;place-items:center;width:16px;color:#0AA5AD;opacity:.75}
.t2-crumb-s::before{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:var(--t2-chev-m) center/contain no-repeat;mask:var(--t2-chev-m) center/contain no-repeat;transform:rotate(90deg)}
.t2-crumb-c{display:inline-flex;align-items:center;min-height:30px;padding:2px 14px;border-radius:999px;background:linear-gradient(135deg,#0AA5AD 0%,#06707A 100%);color:#fff;font-family:var(--t2-ff-display);font-weight:700;box-shadow:0 2px 8px color-mix(in srgb,#0AA5AD 35%,transparent)}
.t2-phead-t{margin:0;font:700 clamp(1.35rem,1.1rem + .9vw,1.9rem)/1.35 var(--t2-ff-display);color:var(--t2-ink)}
.t2-phead-s{margin:0;max-width:72ch;color:var(--t2-muted);font-size:1.05rem;line-height:1.9}

/* اللوحات والحقول */
.t2-panel{display:grid;gap:14px;padding:20px;background:#fff;border:1px solid var(--t2-line);border-radius:var(--i-r-lg);box-shadow:var(--i-sh);min-width:0}
.t2-panel .t2-panel{box-shadow:none}
.t2-panel-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding-bottom:12px;border-bottom:1px solid var(--t2-line)}
.t2-panel-ht{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0}
.t2-panel-a{display:flex;flex-wrap:wrap;gap:6px;margin-inline-start:auto}
.t2-group-t{margin:0;font:700 1.05rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.t2-group-n{font-size:.86rem;color:var(--t2-muted);line-height:1.6}
.t2-field{min-width:0}
.t2-field.is-edit{display:grid;gap:6px;min-width:0;padding:0}
.t2-field.is-edit>.t2-field-k{font-size:.84rem;font-weight:600;color:var(--t2-ink-2);line-height:1.5}
.t2-field.is-edit.has-err>.t2-field-k{color:var(--t2-danger)}
.t2-field.is-edit.has-err .t2-input{border-color:var(--t2-danger);box-shadow:0 0 0 3px rgba(179,38,30,.1)}
.t2-field-hint{display:block;margin-top:5px;font-size:.74rem;color:var(--t2-muted);font-weight:600}
.has-err+.t2-field-hint{color:var(--t2-danger)}
.t2-fields.t2-desc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:0;border:1px solid var(--t2-line);border-radius:14px;overflow:hidden;background:#fff}
.t2-fields.t2-desc>.t2-field{display:grid;grid-template-columns:minmax(7.5rem,38%) minmax(0,1fr);margin:0 0 -1px;border-bottom:1px solid var(--t2-line)}
.t2-fields.t2-desc>.t2-field>.t2-field-k{display:flex;align-items:center;padding:10px 14px;background:var(--t2-surface-3);color:var(--t2-ink-2);font-size:.8rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.t2-fields.t2-desc>.t2-field>.t2-field-v{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 14px;min-width:0;color:var(--t2-ink);font-size:.9rem;font-weight:600;line-height:1.55;overflow-wrap:anywhere}
.t2-fields.t2-desc>.t2-field.is-empty>.t2-field-v{color:var(--t2-muted);font-weight:500;font-size:.8rem}
@media (min-width:52rem){.t2-fields.t2-desc:not(:has(>:only-child))>.t2-field:nth-child(2n){border-inline-start:1px solid var(--t2-line)}}

/* المدخلات والأزرار */
.t2-input{width:100%;min-width:0;max-width:100%;min-height:var(--i-ctl);padding:0 .7rem;border:1px solid var(--t2-line);border-radius:var(--i-r-md);background:var(--t2-input);color:var(--t2-ink);font:400 .92rem/1.45 var(--t2-ff-text);transition:border-color .12s,box-shadow .12s}
input.t2-input,select.t2-input{height:var(--t2-ctl-h)}
.t2-input:hover{border-color:var(--t2-line-2)}
.t2-input:focus{outline:none;border-color:var(--t2-brand);box-shadow:0 0 0 3px rgba(10,165,173,.18)}
textarea.t2-input{min-height:4.2rem;padding:.55rem .7rem;resize:vertical;line-height:1.7}
.t2-input.is-num{direction:ltr;text-align:left}
select.t2-input{appearance:none;-webkit-appearance:none;padding-inline:14px 42px;background:#fff var(--t2-chev) no-repeat left 12px center/16px 16px;cursor:pointer}
.t2-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--t2-ctl-h);padding:.4rem 1rem;border:1px solid var(--t2-line);border-radius:var(--i-r-md);background:#fff;color:var(--t2-ink);font:700 14.72px/1.3 var(--t2-ff-display);cursor:pointer;box-shadow:var(--t2-sh-1);transition:transform .18s var(--t2-ease-out),box-shadow .18s,background .12s,border-color .12s,color .12s}
.t2-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(16,35,58,.12);border-color:var(--t2-brand);color:var(--t2-brand-3)}
.t2-btn:active{transform:none;box-shadow:none}
.t2-btn.is-primary{background:var(--t2-brand-3);border-color:var(--t2-brand-3);color:#fff}
.t2-btn.is-primary:hover{background:var(--t2-navy);border-color:var(--t2-navy);color:#fff}
.t2-btn.is-sm{min-height:32px;padding:.24rem .7rem;border-radius:var(--i-r-sm);font-size:.86rem}
.t2-btn svg{flex:0 0 auto}
.t2-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
:where(.t2) :where(button,[tabindex]):focus-visible{outline:2px solid var(--t2-brand);outline-offset:2px}
.t2-field.is-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface-2);cursor:pointer}
.t2-field.is-toggle:has(>.t2-switch:checked){background:var(--t2-brand-wash);border-color:color-mix(in srgb,#0AA5AD 40%,#D4DEEA)}
.t2-field.is-toggle>.t2-field-k{font-weight:600;color:var(--t2-ink)}
input.t2-switch{appearance:none;-webkit-appearance:none;margin:0;width:44px;height:26px;border-radius:99px;background:var(--t2-line-2);position:relative;cursor:pointer;transition:background .18s}
input.t2-switch::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:inset-inline-start .18s}
input.t2-switch:checked{background:var(--t2-brand)}
input.t2-switch:checked::after{inset-inline-start:21px}

/* التنبيهات والشارات */
.t2-note{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border:1px solid var(--t2-line);border-inline-start-width:3px;border-radius:var(--i-r-md);background:var(--t2-surface-2)}
.t2-note-ico{flex:0 0 auto;display:inline-flex}
.t2-note-ico svg.t2-tile{width:34px}
.t2-note-c{flex:1 1 auto;min-width:0}
.t2-note-t{font:700 .92rem/1.5 var(--t2-ff-text);overflow-wrap:break-word}
.t2-note-b{font-size:.86rem;line-height:1.75;color:var(--t2-ink-2);overflow-wrap:break-word}
.t2-note.is-info{background:var(--t2-info-wash);border-color:#d3e0fd;border-inline-start-color:var(--t2-st-info)}
.t2-note.is-ok{background:var(--t2-ok-wash);border-color:#cfeeda;border-inline-start-color:var(--t2-st-ok)}
.t2-note.is-warn{background:var(--t2-warn-wash);border-color:#f4e2c4;border-inline-start-color:var(--t2-st-warn)}
.t2-panel .t2-note.is-info{background:var(--t2-surface-2);border-color:transparent;border-inline-start-color:var(--t2-st-info)}
.t2-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600;line-height:1.6;background:var(--t2-surface-3);color:var(--t2-ink-2);border:1px solid transparent}
.t2-pill::before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:currentColor;opacity:.9}
.t2-pill.is-ok{background:var(--t2-ok-wash);color:var(--t2-ok)}
.t2-pill.is-info{background:var(--t2-info-wash);color:var(--t2-info)}

/* المراحل */
.t2-stp{--stp-d:34px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:14px 0 4px;padding:0;list-style:none}
.t2-stp-i{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding-inline:4px;text-align:center;color:var(--t2-muted)}
.t2-stp-i+.t2-stp-i::before{content:"";position:absolute;z-index:0;top:calc(var(--stp-d)/2 - 2px);height:4px;border-radius:4px;inset-inline-start:calc(-50% + var(--stp-d)/2 + 6px);inset-inline-end:calc(50% + var(--stp-d)/2 + 6px);background:var(--t2-line)}
.t2-stp-i.is-done+.t2-stp-i::before{background:var(--t2-brand)}
.t2-stp-m{position:relative;z-index:1;display:grid;place-items:center;width:var(--stp-d);height:var(--stp-d);border-radius:50%;border:2px solid var(--t2-line-2);background:#fff;color:var(--t2-muted);font:700 .86rem/1 var(--t2-ff-display)}
.t2-stp-l{font:600 .86rem/1.45 var(--t2-ff-text);color:inherit;overflow-wrap:anywhere}
.t2-stp-s{font:600 .72rem/1.3 var(--t2-ff-text);color:var(--t2-brand-2)}
.t2-stp-i.is-done{color:var(--t2-ink-2)}
.t2-stp-i.is-done .t2-stp-m{border-color:var(--t2-brand);background:var(--t2-brand);color:#fff}
.t2-stp-i.is-done .t2-stp-m::before{content:"";width:12px;height:7px;margin-top:-3px;border-left:2.5px solid;border-bottom:2.5px solid;transform:rotate(-45deg)}
.t2-stp-i.is-now{color:var(--t2-ink)}
.t2-stp-i.is-now .t2-stp-l{font-weight:700}
.t2-stp-i.is-now .t2-stp-m{border-color:var(--t2-brand);color:var(--t2-brand-3);background:var(--t2-brand-wash);box-shadow:0 0 0 5px color-mix(in srgb,#0AA5AD 18%,transparent)}

/* شريط الإجراءات والتبويبات */
.t2-abar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 16px;border:1px solid var(--t2-line);border-radius:14px;background:color-mix(in srgb,#fff 94%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 -8px 24px -18px rgba(16,35,58,.45)}
.t2-abar-n{flex:1 1 14rem;min-width:0;font-size:.875rem;color:var(--t2-muted)}
.t2-abar-b{display:flex;flex-wrap:wrap;gap:8px;margin-inline-start:auto}
.t2-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-block:3px}
.t2-tab{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:.35rem .9rem .35rem .5rem;border:1px solid var(--t2-line);border-radius:999px;background:#fff;color:var(--t2-ink-2);font:600 .92rem/1.3 var(--t2-ff-display);cursor:pointer}
.t2-tab svg.t2-tile{width:30px}
.t2-tab:hover{border-color:var(--t2-brand)}
.t2-tab.is-on{background:var(--t2-brand-wash);border-color:var(--t2-brand);color:var(--t2-brand-3)}

/* البطاقات */
.t2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:14px;align-items:stretch}
.t2-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px 12px;width:100%;padding:14px 16px;min-height:5.5rem;text-align:start;border:1px solid var(--t2-line);border-radius:var(--b-r);background:#fff;box-shadow:var(--i-sh);cursor:pointer;transition:transform .18s var(--t2-ease-out),box-shadow .18s,border-color .12s}
.t2-card::after{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--t2-brand);opacity:0;transition:opacity .12s}
.t2-card:hover{transform:translateY(-3px);border-color:rgba(10,165,173,.45);box-shadow:0 12px 28px rgba(16,35,58,.12),0 2px 6px rgba(16,35,58,.06)}
.t2-card:hover .t2-card-t{color:var(--t2-brand-3)}
.t2-card.is-on{background:var(--t2-brand-wash);border-color:var(--t2-brand)}
.t2-card.is-on::after{opacity:1}
.t2-card-ico{display:grid;place-items:center;align-self:start;line-height:0}
.t2-card-ico svg.t2-tile{width:44px}
.t2-card-b{display:grid;gap:4px;min-width:0;padding-inline-end:2.9rem;padding-top:4px;justify-items:start}
.t2-card-t{font:600 1rem/1.55 var(--t2-ff-display);color:var(--t2-ink)}
.t2-card-d{display:block;margin:0;font-size:.92rem;line-height:1.8;color:var(--t2-muted);overflow-wrap:anywhere}
.t2-card-go{position:absolute;inset-inline-end:14px;bottom:14px;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--t2-surface-3);color:var(--t2-muted)}
.t2-card-go::before{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:var(--t2-chev-m) center/contain no-repeat;mask:var(--t2-chev-m) center/contain no-repeat;transform:rotate(90deg)}
.t2-card:hover .t2-card-go{background:var(--t2-brand-3);color:#fff}

/* الملفات */
.t2-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:12px}
.t2-file{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--t2-line);border-radius:var(--i-r-md);background:var(--t2-surface-2);min-width:0}
.t2-file-ic{flex:0 0 auto;width:40px;height:48px;border-radius:8px;display:grid;place-items:center;font:700 .68rem/1 var(--t2-ff-text);letter-spacing:.04em;color:#fff;background:var(--t2-navy-3)}
.t2-file-ic.is-pdf{background:#C2410C}
.t2-file-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 0}
.t2-file-t b{font-size:.92rem;color:var(--t2-ink);overflow-wrap:anywhere}
.t2-file-n{font-size:.8rem;color:var(--t2-muted);overflow-wrap:anywhere;text-align:start}
.t2-file-x{font-size:.8rem;color:var(--t2-st-danger)}
.t2-file-a{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}
/* منطقة الإفلات */
.t2-drop{position:relative;display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:8px;min-height:3.6rem;padding:8px 12px;border:1.5px dashed var(--t2-line-2);border-radius:var(--t2-r);background:var(--t2-surface-2);transition:border-color .12s,background .12s}
.t2-drop:hover,.t2-drop.is-drag{border-color:var(--t2-brand);background:var(--t2-brand-wash)}
.t2-drop>input[type=file]{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;font-size:0}
.t2-drop-ic{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--t2-line);background:#fff;color:var(--t2-brand)}
.t2-drop-b{display:grid;gap:1px;min-width:0}
.t2-drop-t{font-size:.92rem;font-weight:600;color:var(--t2-ink);line-height:1.5}
.t2-drop-h{font-size:.8rem;color:var(--t2-muted);line-height:1.5}
.t2-drop-btn{padding:.3rem .85rem;border:1px solid var(--t2-line);border-radius:999px;background:#fff;font-size:.86rem;font-weight:600;color:var(--t2-ink-2);white-space:nowrap}

/* معاينة الأجهزة */
.pv-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;background:#0A1F44;color:#fff;font:600 .82rem/1.4 var(--t2-ff-display)}.pv-bar-g{display:flex;gap:4px;padding:3px;border-radius:999px;background:rgba(255,255,255,.12)}
.pv-bar button{border:0;border-radius:999px;padding:5px 14px;background:transparent;font:700 .82rem/1.2 var(--t2-ff-display);color:#fff;cursor:pointer}
.pv-bar button.is-on{background:#fff;color:#0A1F44}
.pv-phone{display:grid;place-items:start center;padding:24px 16px 40px;min-height:calc(100dvh - 44px);background:#DCE4EE}
.pv-phone>.pv-frame{width:min(392px,100%);height:min(820px,calc(100dvh - 110px));border-radius:40px;overflow:hidden auto;box-shadow:0 0 0 10px #0B1324,0 0 0 11px #34425E,0 30px 70px rgba(10,31,68,.35);container:app/inline-size;position:relative}

/* الجوال (عرض ضيق فعلي، أو إطار الهاتف) */
@media (max-width:64rem){.t2.t2-app{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "main"}.t2-app>.t2-side{display:none}.t2-app>.t2-head{padding-inline:14px 12px;gap:8px}.t2-hd-logo{height:40px}.t2-kbd{display:none}.t2-hcmd{flex:1 1 auto;min-width:40px;max-width:20rem;margin-inline-start:4px}.t2-hd-sp{display:none}.t2-hbtn-t{display:none}.t2-hbtn.is-out{padding-inline:8px}}
@media (max-width:52rem){.t2-hd-name,.t2-hwho-n{display:none}}
@media (max-width:40rem){
.t2.t2-app{--t2-hh:3.9rem;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.t2-app>.t2-head{gap:6px;padding-inline:8px}.t2-hd-name,.t2-hcmd-t,.t2-kbd,.t2-hwho-n,.t2-hbtn-t{display:none}
.t2-hcmd{flex:0 0 36px;width:36px;height:36px;padding:0;margin:0;justify-content:center}.t2-hd-logo{height:34px}
.t2-hwho{padding:2px;border-color:transparent}.t2-hwho-r{display:none}.t2-hbtn{min-width:36px;width:36px;height:36px;padding:0}.t2-hbtn.is-out{margin:0;padding:0}.t2-hbtn.is-out::before{display:none}
.t2-body{padding:14px 14px 28px}.t2-panel{padding:14px}
.t2 :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
.t2-fields.t2-desc{grid-template-columns:minmax(0,1fr)}.t2-fields.t2-desc>.t2-field{grid-template-columns:minmax(6.5rem,40%) minmax(0,1fr)}
.t2-fields.t2-desc>.t2-field>:is(.t2-field-k,.t2-field-v){padding:9px 12px}
.t2-abar{position:static}.t2-abar-b{width:100%}.t2-abar-b>.t2-btn{flex:1 1 auto}
.t2-dock{position:fixed;z-index:60;inset-inline:0;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,#fff 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--t2-line);box-shadow:0 -8px 24px rgba(10,31,68,.08)}
.t2-dock-i{position:relative;display:grid;justify-items:center;align-content:center;gap:2px;min-height:58px;padding:4px 2px;border:0;background:transparent;color:var(--t2-muted);font:600 10px/12px var(--t2-ff-display);cursor:pointer}
.t2-dock-i svg.t2-tile{width:26px}
.t2-dock-i.is-on{color:var(--t2-ink)}
.t2-dock-i.is-on::after{content:"";position:absolute;top:0;width:22px;height:3px;border-radius:0 0 3px 3px;background:var(--t2-brand)}
}
@media (max-width:30rem){.t2-stp{--stp-d:28px}.t2-stp-l{font-size:.74rem}.t2-stp-s{display:none}.t2-drop{grid-template-columns:2.2rem minmax(0,1fr)}.t2-drop-btn{display:none}}
/* داخل إطار الهاتف: نفس قواعد الجوال عبر الحاوية */
@container app (max-width:40rem){
.t2.t2-app{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "main";--t2-hh:3.9rem;padding-bottom:0}
.t2-app>.t2-side{display:none}
.t2-app>.t2-head{gap:6px;padding-inline:8px}.t2-hd-name,.t2-hcmd-t,.t2-kbd,.t2-hwho-n,.t2-hwho-r,.t2-hbtn-t{display:none}
.t2-hcmd{flex:0 0 36px;width:36px;height:36px;padding:0;margin:0;justify-content:center}.t2-hd-logo{height:34px}
.t2-hwho{padding:2px;border-color:transparent}.t2-hbtn{min-width:36px;width:36px;height:36px;padding:0}.t2-hbtn.is-out{margin:0;padding:0}.t2-hbtn.is-out::before{display:none}
.t2-body{padding:14px 14px 28px}.t2-panel{padding:14px}
.t2-fields.t2-desc{grid-template-columns:minmax(0,1fr)}.t2-fields.t2-desc>.t2-field{grid-template-columns:minmax(6.5rem,40%) minmax(0,1fr)}
.t2-fields.t2-desc>.t2-field:nth-child(2n){border-inline-start:0}
.t2-fields.t2-desc>.t2-field>:is(.t2-field-k,.t2-field-v){padding:9px 12px}
.t2-abar{position:static}.t2-abar-b{width:100%}.t2-abar-b>.t2-btn{flex:1 1 auto}
.t2-dock{position:sticky;z-index:60;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:6px 8px;background:color-mix(in srgb,#fff 96%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--t2-line);box-shadow:0 -8px 24px rgba(10,31,68,.08)}
.t2-dock-i{position:relative;display:grid;justify-items:center;align-content:center;gap:2px;min-height:58px;padding:4px 2px;border:0;background:transparent;color:var(--t2-muted);font:600 10px/12px var(--t2-ff-display);cursor:pointer}
.t2-dock-i svg.t2-tile{width:26px}.t2-dock-i.is-on{color:var(--t2-ink)}
.t2-dock-i.is-on::after{content:"";position:absolute;top:0;width:22px;height:3px;border-radius:0 0 3px 3px;background:var(--t2-brand)}
.t2-stp{--stp-d:28px}.t2-stp-l{font-size:.74rem}.t2-stp-s{display:none}.t2-drop{grid-template-columns:2.2rem minmax(0,1fr)}.t2-drop-btn{display:none}
}

/* القائمة المنسدلة القابلة للبحث */
.t2-cb{position:relative;min-width:0}
.t2-cb-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:start;cursor:pointer;background:#fff}
.t2-cb-btn.is-empty .t2-cb-v{color:var(--t2-muted)}
.t2-cb-v{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t2-cb-c{flex:0 0 auto;width:16px;height:16px;background:var(--t2-ink);-webkit-mask:var(--t2-chev-m) center/contain no-repeat;mask:var(--t2-chev-m) center/contain no-repeat;transition:transform .15s}
.t2-cb.is-open .t2-cb-c{transform:rotate(180deg)}
.t2-cb.is-open .t2-cb-btn{border-color:var(--t2-brand);box-shadow:0 0 0 3px rgba(10,165,173,.18)}
.t2-cb-pop{display:none;position:absolute;z-index:70;inset-inline:0;top:calc(100% + 6px);padding:8px;background:#fff;border:1px solid var(--t2-line);border-radius:12px;box-shadow:var(--t2-sh-3)}
.t2-cb.is-open .t2-cb-pop{display:grid;gap:6px}
.t2-cb-q{height:38px;min-height:38px;padding-inline:.7rem;background:var(--t2-surface-2)}
.t2-cb-l{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto;overscroll-behavior:contain}
.t2-cb-o{padding:9px 12px;border-radius:8px;cursor:pointer;font-size:.92rem;line-height:1.5;color:var(--t2-ink)}
.t2-cb-o:hover,.t2-cb-o.is-act{background:var(--t2-surface-3)}
.t2-cb-o.is-sel{background:var(--t2-brand-wash);color:var(--t2-brand-3);font-weight:700}
.t2-cb-none{padding:10px 12px;color:var(--t2-muted);font-size:.86rem}

.t2-cb-sh,.t2-cb-bd{display:none}
/* لوحة سفلية (الجوال والشاشات اللمسية وإطار التطبيق) */
.t2-cb-bd.is-sheet{display:block;position:fixed;inset:0;z-index:200;background:rgba(7,21,46,.45)}
.t2-cb-pop.is-sheet{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;position:fixed;z-index:201;inset-inline:0;top:auto;bottom:0;max-height:78dvh;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));border:0;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -18px 40px rgba(7,21,46,.25);font-family:var(--t2-ff-text);direction:rtl;color:var(--t2-ink)}
.t2-cb-pop.is-sheet::before{content:"";justify-self:center;width:44px;height:5px;border-radius:99px;background:var(--t2-line-2);grid-row:1;margin-bottom:-4px;display:none}
.t2-cb-pop.is-sheet .t2-cb-sh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 2px 10px;border-bottom:1px solid var(--t2-line)}
.t2-cb-sh b{font:700 1rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.t2-cb-x{flex:0 0 auto;width:40px;height:40px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface-2);font-size:1.3rem;line-height:1;color:var(--t2-ink);cursor:pointer}
.t2-cb-pop.is-sheet .t2-cb-l{max-height:none;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.t2-cb-pop.is-sheet .t2-cb-o{padding:13px 12px;font-size:1rem;border-bottom:1px solid var(--t2-surface-3)}
.t2-cb-pop.is-sheet .t2-cb-q{height:44px;min-height:44px;font-size:16px}
html.cb-lock{overflow:hidden}
.pv-dev{position:relative;width:min(392px,100%);height:min(820px,calc(100dvh - 110px));border-radius:40px;overflow:hidden;box-shadow:0 0 0 10px #0B1324,0 0 0 11px #34425E,0 30px 70px rgba(10,31,68,.35)}
.pv-dev>.pv-frame{width:100%;height:100%;border-radius:0;box-shadow:none;overflow:hidden auto;container:app/inline-size;position:relative}
.pv-dev .t2-cb-bd.is-sheet,.pv-dev .t2-cb-pop.is-sheet{position:absolute}
.pv-dev .t2-cb-pop.is-sheet{max-height:72%}
/* شريط طريقة العرض يبقى ظاهرًا أعلى الصفحة */
.pv-bar{position:sticky;top:0;z-index:120;min-height:44px}
#pv-host>.t2-app>.t2-head{top:44px}
#pv-host>.t2-app>.t2-side{top:calc(var(--t2-hh) + 44px);height:calc(100dvh - var(--t2-hh) - 44px)}

/* ===== شارات الحالة ===== */
.t2-pill.is-warn{background:var(--t2-warn-wash);color:var(--t2-warn)}
.t2-pill.is-danger{background:var(--t2-danger-wash);color:var(--t2-danger)}
.t2-phead[hidden],.t2-phead-s[hidden]{display:none}

/* ===== المراحل قابلة للنقر (التنقل الحر بين الأقسام) ===== */
.t2-stp.is-nav .t2-stp-i{cursor:pointer;border-radius:12px;padding-block:4px;transition:background .15s}
.t2-stp.is-nav .t2-stp-i:hover{background:var(--t2-surface-3)}
.t2-stp.is-nav .t2-stp-i:focus-visible{outline:2px solid var(--t2-brand);outline-offset:2px}

/* ===== المرفقات ===== */
.t2-doc{display:grid;gap:12px;padding:16px;border:1px solid var(--t2-line);border-radius:var(--i-r-lg);background:var(--t2-surface)}
.t2-doc.is-ok{border-color:color-mix(in srgb,#12795C 35%,#D4DEEA)}
.t2-doc.is-missing{border-color:var(--t2-warn);background:var(--t2-warn-wash)}
.t2-doc-h{display:flex;align-items:center;gap:12px}
.t2-doc-ic{flex:0 0 auto;line-height:0}
.t2-doc-ic .t2-tile{width:40px;height:45px}
.t2-doc-tx{display:grid;gap:2px;flex:1 1 0;min-width:0}
.t2-doc-tx b{font:700 1rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.t2-doc-tx span{font-size:.82rem;color:var(--t2-muted);line-height:1.6}
.t2-doc-fs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:12px}
.t2-doc-ok{display:flex;align-items:center;gap:6px;margin:0;font-size:.84rem;font-weight:600;color:var(--t2-ok)}
.t2-doc-req{color:var(--t2-danger)}
.t2-drop.is-off{opacity:.6;background:var(--t2-surface-3)}
.t2-drop.is-off>input{cursor:not-allowed}

/* ===== لوحتي الرئيسية (من أنماط لوحة المنصة) ===== */
.t2-dash{display:grid;gap:18px}
.t2-dash :is(p,.t2-act-d,.t2-group-n){line-height:1.9}
.t2-dash-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:stretch}
.t2-dash-top>*{margin:0;min-width:0}
.t2-dash-head{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:6px 18px;padding:24px 26px;border-radius:var(--b-r);color:#fff;box-shadow:0 1px 2px rgba(10,31,68,.05),0 8px 24px -12px rgba(10,31,68,.14);background:radial-gradient(120% 140% at 0% 0%,rgba(10,165,173,.55),transparent 55%),linear-gradient(135deg,#0A1F44,#1D3F78)}
.t2-dash-head::after{content:"";position:absolute;inset-inline-start:-40px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:rgba(255,200,97,.12);pointer-events:none}
.t2-dash-head>*{position:relative;z-index:1}
.t2-dash-tx{display:grid;gap:4px;min-width:0}
.t2-dash-eye{margin:0;font-size:.75rem;font-weight:600;color:rgba(255,255,255,.82);font-variant-numeric:tabular-nums}
.t2-dash-t{margin:2px 0 4px;font:800 clamp(19px,12px + 1.2vw,22px)/1.45 var(--t2-ff-display);color:#fff}
.t2-dash-sub{margin:0;font-size:1rem;color:rgba(255,255,255,.82)}
.t2-dash-kpis{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.t2-dash-kpi{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:999px;font-size:12.5px;line-height:1.5;background:rgba(255,255,255,.12);color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.18)}
.t2-dash-kpi b{font:700 14px/1 var(--t2-ff-display);color:#fff}
.t2-dash-kpi.is-warn{border-color:rgba(242,200,92,.6)}
.t2-dash-kpi.is-ok{border-color:rgba(78,203,146,.6)}
.t2-dash-tools{grid-column:1/-1;display:flex;align-items:center;gap:10px;justify-content:flex-start}
.t2-dash-at{font-size:.75rem;color:rgba(255,255,255,.9);white-space:nowrap}
.t2-dash-at time{color:#fff;font-weight:700}
.t2-dash-head .t2-btn:not(.is-primary){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}
.t2-act{display:flex;flex-direction:column;min-width:0;background:var(--t2-surface);border:1px solid var(--t2-line);border-radius:var(--b-r);box-shadow:0 1px 2px rgba(10,31,68,.05),0 8px 24px -12px rgba(10,31,68,.14);overflow:hidden;container-type:inline-size}
.t2-act-h{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--t2-surface-2);border-bottom:1px solid var(--t2-line)}
.t2-act-t{margin:0;font:700 1.05rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.t2-act-n{display:inline-grid;place-items:center;min-inline-size:1.5rem;block-size:1.5rem;padding:0 6px;border-radius:999px;background:var(--t2-warn-wash);color:var(--t2-warn);font:800 .75rem/1 var(--t2-ff-display)}
.t2-act-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1px;background:var(--t2-line);flex:1 1 auto}
.t2-act-i{--tone:var(--t2-brand);--wash:var(--t2-brand-wash);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 18px;background:var(--t2-surface);transition:background .12s}
.t2-act-i:hover{background:var(--t2-surface-2)}
.t2-act-i::before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;inline-size:3px;border-radius:3px;background:var(--tone)}
.t2-act-i.is-danger{--tone:var(--t2-danger);--wash:var(--t2-danger-wash)}
.t2-act-i.is-warn{--tone:var(--t2-warn);--wash:var(--t2-warn-wash)}
.t2-act-ic{display:grid;place-items:center;inline-size:2.2rem;block-size:2.2rem;border-radius:10px;background:var(--wash);line-height:0}
.t2-act-ic .t2-tile{width:30px;height:34px}
.t2-act-b{display:grid;gap:4px;min-width:0}
.t2-act-eye{font-size:.75rem;font-weight:700;color:var(--tone)}
.t2-act-it{font:700 1rem/1.55 var(--t2-ff-display);color:var(--t2-ink)}
.t2-act-d{font-size:.86rem;color:var(--t2-muted)}
.t2-act-i>.t2-btn{white-space:nowrap}
.t2-act-i.is-lead{gap:16px;padding:18px 20px;background:linear-gradient(90deg,transparent 0%,var(--wash) 100%),var(--t2-surface)}
.t2-act-i.is-lead::before{inset-block:12px;inline-size:4px}
.t2-act-i.is-lead .t2-act-ic{inline-size:3rem;block-size:3rem;border-radius:14px;background:var(--t2-surface);box-shadow:0 6px 16px rgba(16,35,58,.10),inset 0 0 0 1px var(--wash)}
.t2-act-i.is-lead .t2-act-ic .t2-tile{width:36px;height:40px}
@container (max-width:26rem){.t2-act-i{grid-template-columns:auto minmax(0,1fr)}.t2-act-i>.t2-btn{grid-column:2;justify-self:start}}
.t2-sec{border:1px solid var(--t2-line);border-radius:var(--b-r);background:var(--t2-surface);box-shadow:0 1px 2px rgba(10,31,68,.05),0 8px 24px -12px rgba(10,31,68,.14);overflow:clip;min-width:0}
.t2-sec-h{display:flex;align-items:center;gap:12px;inline-size:100%;margin:0;padding:16px 20px;min-block-size:56px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}
.t2-sec-h:hover{background:var(--t2-surface-2)}
.t2-sec-h>.t2-chev{margin-inline-start:auto;transition:transform .15s}
.t2-sec-h[aria-expanded=false]>.t2-chev{transform:rotate(90deg)}
.t2-sec-tx{display:grid;gap:2px;flex:1 1 0;min-width:0}
.t2-sec-tx .t2-group-t{margin:0;font:700 1.05rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.t2-sec-tx .t2-group-n{font-size:.86rem;color:var(--t2-muted);line-height:1.6}
.t2-sec-b{padding:16px 20px 20px;border-top:1px solid var(--t2-line);min-width:0}
.t2-dash-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:start}
.t2-dash-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:14px}
.t2-sc{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;padding:18px 20px;border:1px solid var(--t2-line);border-radius:20px;background:var(--t2-surface)}
.t2-sc-main{display:grid;gap:10px;min-width:0}
.t2-sc-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.t2-sc-l{font-size:.86rem;color:var(--t2-muted)}
.t2-sc-pct{font:800 1.25rem/1.3 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.t2-sc-bar{block-size:10px;border-radius:999px;background:var(--t2-surface-3);overflow:hidden}
.t2-sc-bar>i{display:block;block-size:100%;border-radius:999px;background:linear-gradient(90deg,#63E2E0,var(--t2-brand))}
.t2-sc-a{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.t2-sc .t2-stp{margin:4px 0 0}
.t2-empty{display:grid;justify-items:center;gap:6px;padding:28px 18px;text-align:center;border:1px dashed var(--t2-line-2);border-radius:var(--b-r);background:linear-gradient(180deg,var(--t2-surface) 0%,var(--t2-surface-2) 100%)}
.t2-empty.is-compact{padding:20px 16px}
.t2-empty-i{display:grid;place-items:center;inline-size:3.25rem;block-size:3.25rem;margin-bottom:4px;border-radius:16px;background:linear-gradient(145deg,var(--t2-brand-wash),#fff);box-shadow:inset 0 0 0 1px rgba(10,165,173,.18);line-height:0}
.t2-empty-i .t2-tile{width:36px;height:40px}
.t2-empty-t{margin:0;font:700 .95rem/1.9 var(--t2-ff-text);color:var(--t2-ink)}
.t2-tl{list-style:none;margin:0;padding:0;display:grid;gap:0}
.t2-tl-i{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:4px 6px 12px;position:relative;border-radius:10px}
.t2-tl-i:hover{background:var(--t2-surface-2)}
.t2-tl-i:last-child{padding-bottom:4px}
.t2-tl-dot{position:relative;width:.62rem;height:.62rem;border-radius:50%;background:var(--t2-brand);margin-top:.42rem;box-shadow:0 0 0 3px var(--t2-brand-wash)}
.t2-tl-dot.is-info{background:var(--t2-info);box-shadow:0 0 0 3px var(--t2-info-wash)}
.t2-tl-i:not(:last-child) .t2-tl-dot::after{content:"";position:absolute;top:1rem;inset-inline-start:50%;width:1px;height:calc(100% + 12px);background:var(--t2-line);transform:translateX(50%)}
.t2-tl-b{min-width:0}
.t2-tl-t{font-size:.86rem;font-weight:600;line-height:1.5}
.t2-tl-m{font-size:.8rem;color:var(--t2-muted);font-variant-numeric:tabular-nums}

/* العضوية — بطاقة Terra Plus كما في المنصة */
.tm{--gold:#FFC861;--f-head:Alexandria,"IBM Plex Sans Arabic",Tahoma,sans-serif;--f-body:"IBM Plex Sans Arabic",Alexandria,Tahoma,sans-serif;display:grid;gap:16px;container:tm/inline-size}
.tm .tile{display:block;flex:0 0 auto;width:24px;height:27px}
.tm .lux{position:relative;overflow:hidden;border-radius:28px;padding:clamp(18px,3cqw,32px);color:#fff;isolation:isolate;box-shadow:0 18px 44px rgba(10,31,68,.18);background:radial-gradient(60% 80% at 0% 0%,rgba(10,165,173,.38),transparent 60%),radial-gradient(50% 70% at 100% 100%,rgba(255,200,97,.25),transparent 60%),linear-gradient(140deg,#050F24 0%,#0A1F44 55%,#0D2B52 100%)}
.tm .lux::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,214,140,.5) 1px,transparent 1px);background-size:26px 26px;opacity:.12;-webkit-mask-image:linear-gradient(#000,transparent 80%);mask-image:linear-gradient(#000,transparent 80%)}
.tm .lux-grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:26px;align-items:center}
.tm .lux-info{display:grid;gap:12px;align-content:center;min-width:0}
.tm .lux .eyebrow{color:var(--gold);letter-spacing:.14em;font-size:.72rem;direction:ltr;text-align:start;display:block;font-family:var(--f-head);font-weight:600}
.tm .lux h2{margin:4px 0 0;font:800 clamp(1.25rem,3cqw,1.8rem)/1.35 var(--f-head);color:#fff}
.tm .lux p{margin:0;line-height:1.8;color:#C9D6EC}
.tm .lux-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tm .lux-st{padding:14px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,214,140,.22);display:grid;gap:4px}
.tm .lux-st>small{color:#B9C9E0;font-size:.76rem}
.tm .lux-st b{font:800 1.45rem/1.2 var(--f-head);font-variant-numeric:tabular-nums}
.tm .lux-st b small{font:700 .78rem var(--f-head);color:#E7EEF6}
.tm .lux-st b.gold{background:linear-gradient(#FFF0C8,#FFC861 60%,#E09A2E);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tm .lux-acts{display:flex;flex-wrap:wrap;gap:8px}
.tm .lux-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:0;cursor:pointer;font:700 .9rem var(--f-head);color:#fff;background:rgba(255,255,255,.12)}
.tm .lux-btn.gold{color:#0A1F44;background:linear-gradient(135deg,#FFE1A0,#FFC861 45%,#F0962A);box-shadow:0 10px 24px rgba(240,150,42,.3)}
.tm .lux-btn .t2-tile{width:24px;height:27px}
.tm .mcard{position:relative;width:100%;max-width:440px;aspect-ratio:1.586/1;border-radius:22px;color:#F4F7FB;overflow:hidden;isolation:isolate;container:mc/inline-size;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(120% 90% at 100% 0%,rgba(255,214,140,.30),transparent 46%),radial-gradient(90% 110% at 0% 100%,rgba(25,194,174,.42),transparent 58%),linear-gradient(140deg,#04122B 0%,#0A2F5C 52%,#066B78 100%);box-shadow:0 30px 60px -12px rgba(3,10,26,.6),0 12px 24px -10px rgba(3,10,26,.45),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.4)}
.tm .mcard::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;padding:1.5px;background:linear-gradient(120deg,#8A5A12,#FFE7A8 22%,#C98418 42%,#FFF4D2 58%,#B9781B 78%,#FFE29A);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.tm .mc-guil{position:absolute;inset:0;z-index:-1;background:var(--guil) center/100% 100% no-repeat;opacity:.9;mix-blend-mode:soft-light;pointer-events:none}
.tm .mc-wm{position:absolute;z-index:-1;inset-inline-end:4%;top:17%;height:52%;width:auto;opacity:.2;pointer-events:none;mix-blend-mode:overlay}
.tm .mc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:3cqw;padding:5.6cqw 6.2cqw 0}
.tm .mc-brand{display:grid;gap:1cqw;justify-items:start}
.tm .mc-brand b{direction:ltr;white-space:nowrap;font:800 6.6cqw/1 Alexandria,sans-serif;letter-spacing:.08em;background:linear-gradient(120deg,#8A5A12,#FFE7A8 22%,#C98418 42%,#FFF4D2 58%,#B9781B 78%,#FFE29A);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-block:.1em}
.tm .mc-brand b em{font-style:normal;font-weight:400;letter-spacing:.14em}
.tm .mc-brand span{font:600 3.2cqw/1.2 var(--f-head);color:#DCE8F2}
.tm .mc-tr{display:grid;justify-items:end;gap:1.6cqw}
.tm .mc-logo{height:9.5cqw;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.tm .mc-st{font:700 2.3cqw/1 var(--f-head);font-style:normal;padding:1cqw 2.2cqw;border-radius:99px;background:rgba(18,121,92,.88);color:#fff;letter-spacing:.04em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);white-space:nowrap}
.tm .mc-name{margin-inline:6.2cqw;align-self:center;display:grid;gap:1cqw;justify-items:start;min-width:0;max-width:72%}
.tm .mc-name small{font:500 2.3cqw/1 var(--f-body);color:#B9CCDD;letter-spacing:.04em}
.tm .mc-name small em,.tm .mc-foot small em{font-style:normal;direction:ltr;unicode-bidi:isolate;letter-spacing:.12em;opacity:.85}
.tm .mc-name b{max-width:100%;font:700 6cqw/1.3 var(--f-head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#F6F8FB;text-shadow:0 1px 0 rgba(0,0,0,.55)}
.tm .mc-name i{display:block;width:22cqw;height:1px;background:linear-gradient(90deg,transparent,rgba(255,214,140,.9))}
.tm .mc-name span{max-width:100%;direction:ltr;font:600 3.3cqw/1.2 Alexandria,sans-serif;letter-spacing:.2em;color:#E7EEF6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm .mc-foot{display:flex;align-items:center;padding:2.8cqw 6.2cqw 3.2cqw;background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.32));border-top:1px solid rgba(255,214,140,.35)}
.tm .mc-foot>div{display:grid;gap:.8cqw;padding-inline:3cqw}
.tm .mc-foot>div:first-child{padding-inline-start:0}
.tm .mc-foot>div+div{border-inline-start:1px solid rgba(255,214,140,.5)}
.tm .mc-foot small{font:500 2.2cqw/1.2 var(--f-body);color:#B9CCDD;white-space:nowrap}
.tm .mc-foot b{direction:ltr;text-align:start;font:700 3.3cqw/1.2 Alexandria,sans-serif;letter-spacing:.08em;white-space:nowrap;font-variant-numeric:tabular-nums}
@container tm (max-width:760px){.tm .lux-grid{grid-template-columns:minmax(0,1fr)}}

@media (max-width:64rem){.t2-dash-top,.t2-dash-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:40rem){.t2-dash{gap:14px}.t2-dash-head{padding:18px}.t2-dash-t{font-size:1.3rem}.t2-sec-h{padding:12px 14px}.t2-sec-b{padding:12px 14px 14px}.t2-sc{grid-template-columns:minmax(0,1fr);padding:14px}.t2-sc-a{justify-content:stretch}.t2-act-h{padding:10px 14px}.t2-act-i{grid-template-columns:auto minmax(0,1fr);gap:8px 12px;padding:12px 14px}.t2-act-i>.t2-btn{grid-column:2;justify-self:start}.t2-act-i.is-lead{padding:14px}}
@container app (max-width:40rem){.t2-dash-top,.t2-dash-grid{grid-template-columns:minmax(0,1fr)}.t2-dash{gap:14px}.t2-dash-head{padding:18px}.t2-sec-h{padding:12px 14px}.t2-sec-b{padding:12px 14px 14px}.t2-sc{grid-template-columns:minmax(0,1fr);padding:14px}.t2-act-i{grid-template-columns:auto minmax(0,1fr);gap:8px 12px;padding:12px 14px}.t2-act-i>.t2-btn{grid-column:2;justify-self:start}}


/* ================================================================
   مطابقة النماذج للمنصة — القيم النهائية المحسوبة من مكوّنات DS الحيّة
   (الخط الأساسي، الحقول، الأزرار، المراحل، الأقسام، منتقي التاريخ)
   ================================================================ */
.t2{font-size:.92rem;line-height:1.75}
/* الأقسام: DS.section داخل .t2-body */
.t2 .t2-body .t2-sec{background:#fff;border:1px solid var(--t2-line);border-radius:var(--i-r-lg);box-shadow:var(--i-sh);color:var(--t2-ink);min-width:0;overflow:visible}
.t2 .t2-body .t2-sec>.t2-sec-h{border-radius:15px 15px 0 0}
.t2 .t2-body .t2-sec.is-closed>.t2-sec-h{border-radius:15px}
.t2 .t2-body .t2-sec .t2-sec{box-shadow:none}
.t2 .t2-body .t2-sec-h{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:16px 20px;min-block-size:56px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}
.t2 .t2-body .t2-sec-h:hover{background:var(--t2-surface-2)}
.t2 .t2-body .t2-sec-tx .t2-group-t{margin:0;font:700 1.05rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.t2 .t2-body .t2-sec-tx .t2-group-n{font-size:.86rem;color:var(--t2-muted);line-height:1.6}
.t2 .t2-body .t2-sec>.t2-sec-b{padding:16px 20px 20px;border-top:1px solid var(--t2-line);min-width:0}
.t2 .t2-sec.is-closed>.t2-sec-b{display:none}
.t2 .t2-sec.is-closed>.t2-sec-h>.t2-chev{transform:rotate(90deg)}
.t2 .t2-sec-b>.t2-stack-tight{display:grid;gap:8px}
.t2 .t2-sec-b>.t2-stack-tight:has(>.t2-field.is-edit){grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px 18px;align-items:start}
.t2 .t2-sec-b>.t2-stack-tight:has(>.t2-field.is-edit)>:not(.t2-field),.t2 .t2-sec-b>.t2-stack-tight>.t2-field.is-wide,.t2 .t2-sec-b>.t2-stack-tight>.t2-field.is-toggle{grid-column:1/-1}
@media (max-width:40rem){.t2 .t2-body .t2-sec-h{padding:12px 14px}.t2 .t2-body .t2-sec>.t2-sec-b{padding:12px 14px 14px}.t2 .t2-sec-b>.t2-stack-tight:has(>.t2-field.is-edit){grid-template-columns:minmax(0,1fr)}}
@container app (max-width:40rem){.t2 .t2-body .t2-sec-h{padding:12px 14px}.t2 .t2-body .t2-sec>.t2-sec-b{padding:12px 14px 14px}.t2 .t2-sec-b>.t2-stack-tight:has(>.t2-field.is-edit){grid-template-columns:minmax(0,1fr)}}
/* الحقول */
.t2 .t2-field.is-edit{display:grid;gap:6px;align-content:start;padding:0;min-width:0;border:0}
.t2 .t2-field.is-edit>.t2-field-k{font:600 .84rem/1.5 var(--t2-ff-text);color:var(--t2-ink-2);letter-spacing:0;overflow-wrap:break-word}
.t2 .t2-input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;border:1px solid var(--t2-line);background:#fff;color:var(--t2-ink);border-radius:12px;padding:.4rem .6rem;font:400 .92rem/1.6 var(--t2-ff-text);box-shadow:none;transition:border-color .12s,box-shadow .12s}
.t2 .t2-input:is(input:not([type=checkbox],[type=radio],[type=file]),select,.t2-dp,.t2-cb-btn){height:2.75rem;min-height:2.75rem;padding-block:0;line-height:1.45}
.t2 .t2-input:hover{border-color:var(--t2-line-2)}
.t2 .t2-input:focus,.t2 .t2-input:focus-visible{outline:none;border-color:var(--t2-brand);box-shadow:var(--t2-ring)}
.t2 .t2-input::placeholder{color:var(--t2-muted)}
.t2 textarea.t2-input{min-height:4.2rem;resize:vertical;padding:.4rem .6rem;line-height:1.6;height:auto}
.t2 .t2-field.is-edit>:is(.t2-input,.t2-cb,.t2-dpw,textarea){width:100%;min-width:0}
/* القوائم المنسدلة تأخذ شكل select.t2-input في المنصة (مع البحث بالاسم) */
.t2 .t2-cb-btn.t2-input{display:flex;align-items:center;justify-content:flex-start;padding-inline:14px 2.6rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%230A1F44' d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") no-repeat left 12px center/16px 16px;cursor:pointer;font-size:.92rem;color:var(--t2-ink)}
.t2 .t2-cb-btn>.t2-cb-c{display:none}
.t2 .t2-cb.is-open .t2-cb-btn{border-color:var(--t2-brand);box-shadow:var(--t2-ring)}
.t2 .t2-cb-pop{border-radius:12px}
.t2 .t2-cb-o{font-size:.92rem}
/* حقل ناقص — كما في المنصة (is-missing) */
.t2 .t2-field.is-missing>.t2-field-k{color:var(--t2-warn)}
.t2 .t2-field.is-missing .t2-input{border-color:var(--t2-warn);background-color:var(--t2-warn-wash)}
.t2 .t2-field.is-missing .t2-row .t2-btn:not(.is-primary){border-color:var(--t2-warn)}
.t2-field-h{display:block;font:400 .8rem/1.6 var(--t2-ff-text);color:var(--t2-muted)}
.t2-field-h.is-bad{color:var(--t2-warn);font-weight:600}
/* الأزرار */
.t2 .t2-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:2.5rem;padding:.4rem 1rem;border:1px solid var(--t2-line);border-radius:12px;background:#fff;color:var(--t2-ink);font:700 .92rem/1.75 var(--t2-ff-display);box-shadow:0 1px 2px rgba(10,31,68,.06);cursor:pointer;white-space:nowrap;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s}
.t2 .t2-btn:hover{transform:translateY(-1px);box-shadow:var(--t2-sh-2);border-color:#CFDCE8}
.t2 .t2-btn.is-primary{background:var(--t2-brand-3);border-color:var(--t2-brand-3);color:#fff}
.t2 .t2-btn.is-primary:hover{background:#06707A;border-color:#06707A}
.t2 .t2-btn.is-sm{min-height:2rem;padding:.24rem 1rem;font-size:.86rem;line-height:1.75;border-radius:8px}
.t2 .t2-btn .t2-ui-ic{flex:0 0 auto}
.t2 .t2-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
/* المراحل */
.t2 .t2-stp{margin:14px 0 4px}
.t2 .t2-stp-l{font:600 .86rem/1.45 var(--t2-ff-text);color:inherit}
.t2 .t2-stp-i.is-now .t2-stp-l{font-weight:700}
.t2 .t2-stp-i.is-done{color:var(--t2-ink-2)}
.t2 .t2-stp-i:not(.is-done):not(.is-now){color:var(--t2-muted)}
.t2 .t2-stp.is-nav .t2-stp-i{padding-block:0}
/* التنبيهات */
.t2 .t2-note{font-size:.92rem;padding:12px 16px;border-radius:12px}
.t2 .t2-note-t{font:700 .92rem/1.5 var(--t2-ff-text)}
.t2 .t2-note-b{margin-top:2px;font-size:.86rem;line-height:1.7;color:var(--t2-ink-2)}
/* شريط الإجراءات */
.t2 .t2-abar{color:var(--t2-ink-2)}

/* منتقي التاريخ — نفس عنصر المنصة */
.t2-dpw{position:relative;min-width:0}
.t2 .t2-input.t2-dp{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:9.5rem;width:100%;text-align:start;cursor:pointer;font-variant-numeric:tabular-nums}
.t2 .t2-input.t2-dp .t2-dp-t{direction:ltr;unicode-bidi:isolate}
.t2 .t2-input.t2-dp.is-empty .t2-dp-t{direction:rtl;color:var(--t2-muted)}
.t2 .t2-input.t2-dp .t2-dp-i{display:inline-flex;color:var(--t2-brand-2);flex:0 0 auto}
.t2 .t2-input.t2-dp:hover:not(:disabled){border-color:var(--t2-brand)}
.t2 .t2-input.t2-dp[aria-expanded=true]{border-color:var(--t2-brand);box-shadow:var(--t2-ring)}
.t2-dp-pop{display:none;position:absolute;z-index:80;top:calc(100% + 6px);inset-inline-start:0;width:18.5rem;max-width:calc(100vw - 16px);box-sizing:border-box;padding:12px;background:#fff;color:var(--t2-ink);border:1px solid var(--t2-line);border-radius:20px;box-shadow:var(--t2-sh-3);direction:rtl;font-family:var(--t2-ff-text);font-size:.92rem;line-height:1.75}
.t2-dpw.is-open>.t2-dp-pop{display:block}
.t2-dp-h{display:grid;grid-template-columns:2.25rem 1fr auto 2.25rem;gap:4px;align-items:center;margin-bottom:8px}
.t2-dp-nav{display:grid;place-items:center;height:2.25rem;border:1px solid var(--t2-line);border-radius:10px;background:#fff;color:var(--t2-ink);font-size:1.2rem;line-height:1;cursor:pointer}
.t2-dp-nav:hover:not(:disabled){border-color:var(--t2-brand);color:var(--t2-brand-2)}
.t2-dp-nav:disabled{opacity:.4;cursor:default}
.t2-dp-sel{height:2.25rem;border:1px solid var(--t2-line);border-radius:10px;background:#fff;color:var(--t2-ink);font:inherit;font-weight:700;padding:0 .4rem;cursor:pointer;min-width:0}
.t2-dp-g{display:grid;gap:2px}
.t2-dp-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.t2-dp-wd{text-align:center;font-size:.8rem;color:var(--t2-muted);font-weight:700;padding:.25rem 0}
.t2-dp-d,.t2-dp-x{height:2.35rem}
.t2-dp-d{border:1px solid transparent;border-radius:10px;background:transparent;color:var(--t2-ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}
.t2-dp-d:hover:not(:disabled){background:var(--t2-brand-wash);color:var(--t2-brand-3)}
.t2-dp-d:focus-visible{outline:none;border-color:var(--t2-brand);box-shadow:var(--t2-ring)}
.t2-dp-d.is-today{border-color:var(--t2-brand);font-weight:700}
.t2-dp-d.is-sel{background:var(--t2-brand);color:#fff;font-weight:700}
.t2-dp-d:disabled{color:var(--t2-line-2);cursor:not-allowed}
.t2-dp-f{display:flex;gap:8px;justify-content:flex-start;margin-top:8px;padding-top:8px;border-top:1px solid var(--t2-line)}
.t2-dp-a{min-height:2.25rem;padding:0 .8rem;border:1px solid var(--t2-line);border-radius:999px;background:#fff;color:var(--t2-ink-2);font:inherit;font-weight:700;cursor:pointer}
.t2-dp-a:hover:not(:disabled){border-color:var(--t2-brand);color:var(--t2-brand-2)}
.t2-dp-a.is-main{margin-inline-start:auto;background:var(--t2-brand);border-color:var(--t2-brand);color:#fff}
.t2-dp-a:disabled{opacity:.45;cursor:default}

/* قائمة المنتجات */
.t2-items{display:grid;gap:8px}
.t2-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface-2)}
.t2-item.is-on{border-color:var(--t2-brand);background:var(--t2-brand-wash)}
.t2-item-n{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#fff;border:1px solid var(--t2-line);font:700 .86rem/1 var(--t2-ff-display);color:var(--t2-brand-3)}
.t2-item-t{display:grid;gap:2px;min-width:0}
.t2-item-t b{font:700 .92rem/1.5 var(--t2-ff-text);color:var(--t2-ink)}
.t2-item-t span{font-size:.8rem;font-weight:600;color:var(--t2-muted);line-height:1.6;overflow-wrap:anywhere}
.t2-item-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.t2-subf{display:grid;gap:14px;padding:16px;border:1px dashed var(--t2-line-2);border-radius:12px;background:var(--t2-surface-2)}
.t2-subf.is-missing{border-color:var(--t2-warn);background:var(--t2-warn-wash)}
.t2-subf-h{display:grid;gap:2px}
.t2-subf-h b{font:700 .92rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.t2-subf-h span{font-size:.8rem;color:var(--t2-muted)}
.t2-subf.is-missing .t2-subf-h span{color:var(--t2-warn);font-weight:600}
.t2-subf-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px 18px;align-items:start}
.t2-subf-g>.t2-field.is-wide{grid-column:1/-1}
@media (max-width:40rem){.t2-item{grid-template-columns:auto minmax(0,1fr)}.t2-item-a{grid-column:2;justify-content:flex-start}}
@container app (max-width:40rem){.t2-item{grid-template-columns:auto minmax(0,1fr)}.t2-item-a{grid-column:2;justify-content:flex-start}}

/* اختيار متعدد داخل القائمة */
.t2-cb-o:has(>.t2-cb-ck){display:flex;align-items:center;gap:10px}
.t2-cb-ck{flex:0 0 auto;width:20px;height:20px;border:1.5px solid var(--t2-line-2);border-radius:6px;background:#fff;display:grid;place-items:center}
.t2-cb-o.is-sel .t2-cb-ck{background:var(--t2-brand);border-color:var(--t2-brand)}
.t2-cb-o.is-sel .t2-cb-ck::before{content:"";width:10px;height:6px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.t2-cb-o.is-sel:has(>.t2-cb-ck){background:var(--t2-brand-wash);color:var(--t2-ink);font-weight:600}
.t2-cb-f{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--t2-line)}
.t2-cb-cnt{font-size:.8rem;color:var(--t2-muted);font-weight:600}
.t2-cb-pop.is-sheet .t2-cb-f{padding-top:10px}
.t2-cb-pop.is-sheet:has(.t2-cb-f){grid-template-rows:auto auto minmax(0,1fr) auto}
.t2-cb-pop.is-sheet .t2-cb-f .t2-btn{min-height:2.75rem;padding-inline:1.6rem}
.t2-cb-pop.is-sheet{display:flex!important;flex-direction:column}
.t2-cb-pop.is-sheet>.t2-cb-l{flex:1 1 auto;min-height:0}

/* ================================================================
   النظام المالي — عقودي · مدفوعاتي · طلباتي (هوية تيرا: كحلي/فيروزي/ذهبي)
   ================================================================ */
.fx-hero{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,17rem);align-items:center;gap:22px 28px;padding:26px 28px;border-radius:22px;color:#fff;
  background:radial-gradient(60% 90% at 0% 0%,rgba(10,165,173,.42),transparent 60%),radial-gradient(50% 80% at 100% 100%,rgba(255,200,97,.22),transparent 62%),linear-gradient(140deg,#050F24 0%,#0A1F44 55%,#0D2B52 100%);box-shadow:0 18px 44px rgba(10,31,68,.18)}
.fx-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,214,140,.5) 1px,transparent 1px);background-size:26px 26px;opacity:.1;-webkit-mask-image:linear-gradient(#000,transparent 85%);mask-image:linear-gradient(#000,transparent 85%)}
.fx-hero::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(255,231,168,.55),rgba(255,255,255,.06) 40%,rgba(255,200,97,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.fx-hero-main{display:grid;gap:6px;min-width:0}
.fx-eye{font:600 .72rem/1 var(--t2-ff-display);letter-spacing:.14em;color:#FFC861;direction:ltr;text-align:start}
.fx-hero-l{font:600 .92rem/1.6 var(--t2-ff-text);color:#C9D6EC}
.fx-hero-v{font:800 clamp(1.9rem,1.2rem + 2.4vw,2.8rem)/1.15 var(--t2-ff-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#E7EEF6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fx-hero-v small{font-size:.42em;font-weight:700;-webkit-text-fill-color:#B9CCDD}
.fx-hero-s{font-size:.86rem;color:#B9C9E0;font-variant-numeric:tabular-nums}
.fx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.fx-chip{display:inline-flex;align-items:baseline;gap:6px;padding:5px 11px;border-radius:999px;font-size:.8rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.9)}
.fx-chip b{font:800 .9rem/1 var(--t2-ff-display);color:#fff}
.fx-chip.is-ok{border-color:rgba(78,203,146,.55)}
.fx-chip.is-bad{border-color:rgba(255,120,110,.6);background:rgba(179,38,30,.18)}
.fx-hero-ring{display:grid;place-items:center}
.fx-ring{display:block;filter:drop-shadow(0 8px 18px rgba(10,165,173,.25))}
.fx-ring-v{font:800 22px/1 Alexandria,sans-serif;fill:#fff}
.fx-ring-l{font:600 11px/1 "IBM Plex Sans Arabic",sans-serif;fill:#B9C9E0}
.fx-next{display:grid;gap:4px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,214,140,.25);backdrop-filter:blur(4px)}
.fx-next-l{font-size:.78rem;color:#FFC861;font-weight:700}
.fx-next-v{font:800 1.45rem/1.25 var(--t2-ff-display);font-variant-numeric:tabular-nums}
.fx-next-d{font-size:.84rem;color:#E7EEF6;font-variant-numeric:tabular-nums}
.fx-next-c{font-size:.78rem;color:#B9C9E0}
.fx-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;min-height:44px;padding:0 18px;border:0;border-radius:999px;cursor:pointer;font:700 .92rem var(--t2-ff-display);color:#0A1F44;background:linear-gradient(135deg,#FFE1A0,#FFC861 45%,#F0962A);box-shadow:0 10px 24px rgba(240,150,42,.3)}
.fx-gold:hover{filter:brightness(1.04);transform:translateY(-1px)}
.fx-hero.is-contract{grid-template-columns:minmax(0,1fr) auto minmax(0,15rem)}
.fx-hero.is-contract:not(:has(.fx-next)){grid-template-columns:minmax(0,1fr) auto}

.fx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fx-kpi{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--t2-line);border-radius:16px;background:#fff;box-shadow:var(--i-sh);min-width:0;position:relative;overflow:hidden}
.fx-kpi::before{content:"";position:absolute;inset-block:14px;inset-inline-start:0;width:3px;border-radius:3px;background:var(--t2-brand)}
.fx-kpi.is-ok::before{background:var(--t2-ok)}.fx-kpi.is-warn::before{background:#C98418}.fx-kpi.is-bad::before{background:var(--t2-danger)}
.fx-kpi-ic{flex:0 0 auto;line-height:0}.fx-kpi-ic .t2-tile{width:40px;height:45px}
.fx-kpi-b{display:grid;gap:2px;min-width:0}
.fx-kpi-l{font-size:.8rem;color:var(--t2-muted);font-weight:600}
.fx-kpi-v{font:800 1.18rem/1.3 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-kpi.is-bad .fx-kpi-v{color:var(--t2-danger)}
.fx-kpi-s{font-size:.76rem;color:var(--t2-muted)}

.fx-grps{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.fx-grp>.fx-rows{grid-template-columns:repeat(auto-fill,minmax(min(100%,25rem),1fr))}
.fx-grp{display:grid;gap:10px;align-content:start;min-width:0}
.fx-grp-h{display:flex;align-items:center;gap:8px}
.fx-grp-h b{font:700 .92rem/1.5 var(--t2-ff-display)}
.fx-grp-h span{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 6px;border-radius:999px;background:var(--t2-surface-3);font:700 .75rem/1 var(--t2-ff-display);color:var(--t2-ink-2)}
.fx-empty{margin:0;padding:14px;border:1px dashed var(--t2-line-2);border-radius:12px;font-size:.84rem;color:var(--t2-muted);text-align:center}
.fx-rows{display:grid;gap:8px}
.fx-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:10px 12px;border:1px solid var(--t2-line);border-radius:14px;background:#fff}
.fx-row:has(.fx-row-a){grid-template-columns:auto minmax(0,1fr) auto auto}
.fx-row-a{display:flex;justify-content:flex-end}
.fx-row.is-late{border-color:#F6CFCF;background:linear-gradient(90deg,#fff 0%,#FDF3F2 100%)}
.fx-date{display:grid;justify-items:center;width:3.1rem;padding:6px 0;border-radius:12px;background:var(--t2-surface-3);line-height:1.1}
.fx-date b{font:800 1.15rem/1.1 var(--t2-ff-display);color:var(--t2-ink)}
.fx-date span{font-size:.68rem;font-weight:700;color:var(--t2-ink-2)}
.fx-date small{font-size:.62rem;color:var(--t2-muted)}
.fx-row.is-late .fx-date{background:#FDECEA}.fx-row.is-late .fx-date b{color:var(--t2-danger)}
.fx-row-b{display:grid;gap:2px;min-width:0}
.fx-row-b b{font:700 .88rem/1.45 var(--t2-ff-text);color:var(--t2-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-row-b span{font-size:.76rem;color:var(--t2-muted)}
.fx-row-v{display:grid;justify-items:end;gap:4px}
.fx-row-v b{font:800 .95rem/1.2 var(--t2-ff-display);font-variant-numeric:tabular-nums;white-space:nowrap}

.fx-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 18px;padding:14px 18px;border:1px solid var(--t2-line);border-radius:16px;background:#fff;box-shadow:var(--i-sh)}
.fx-bar>.t2-field{flex:0 1 16rem;min-width:min(100%,13rem)}
.fx-bar-n{margin-inline-start:auto;font-size:.82rem;color:var(--t2-muted);font-weight:600;padding-bottom:10px}
.fx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:14px}
.fx-card{position:relative;display:grid;gap:12px;align-content:start;padding:18px;border:1px solid var(--t2-line);border-radius:18px;background:#fff;box-shadow:var(--i-sh);text-align:start;cursor:pointer;font:inherit;color:inherit;transition:transform .12s,box-shadow .12s,border-color .12s;overflow:hidden}
.fx-card::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,#63E2E0,var(--t2-brand))}
.fx-card.is-warn::before{background:linear-gradient(90deg,#FFD27A,#F0962A)}.fx-card.is-danger::before{background:linear-gradient(90deg,#F19A93,var(--t2-danger))}
.fx-card:hover{transform:translateY(-2px);box-shadow:var(--t2-sh-2);border-color:#CFDCE8}
.fx-card-h{display:flex;align-items:center;gap:12px;min-width:0}
.fx-card-ic{flex:0 0 auto;line-height:0}.fx-card-ic .t2-tile{width:42px;height:47px}
.fx-card-t{display:grid;gap:2px;flex:1 1 0;min-width:0}
.fx-card-t b{font:700 .95rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.fx-card-t span{font-size:.78rem;color:var(--t2-muted);font-variant-numeric:tabular-nums}
.fx-card-m{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.fx-card-m>span:first-child{flex-basis:100%;font-size:.78rem;color:var(--t2-muted);font-weight:600}
.fx-card-m b{font:800 1.6rem/1.15 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-card-m b small{font-size:.5em;color:var(--t2-muted)}
.fx-card-of{font-size:.8rem;color:var(--t2-muted)}
.fx-bar2{height:8px;border-radius:999px;background:var(--t2-surface-3);overflow:hidden}
.fx-bar2>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#63E2E0,var(--t2-brand))}
.fx-card-f{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding-top:10px;border-top:1px dashed var(--t2-line);font-size:.8rem;color:var(--t2-muted)}
.fx-card-f b{color:var(--t2-ink);font-weight:700;font-variant-numeric:tabular-nums}
.fx-card-f b.is-bad{color:var(--t2-danger)}
.fx-go{display:inline-flex;align-items:center;gap:4px;color:var(--t2-brand-3);font-weight:700}
.fx-req-d{margin:0;font-size:.84rem;color:var(--t2-ink-2);line-height:1.7;overflow-wrap:anywhere}
.fx-path-mini{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}
.fx-path-mini i{height:6px;border-radius:999px;background:var(--t2-surface-3)}
.fx-path-mini i.is-done{background:var(--t2-brand)}
.fx-path-mini i.is-now{background:linear-gradient(90deg,#FFD27A,#F0962A)}

.fx-strip-w{display:grid;gap:10px;margin-bottom:14px}
.fx-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(2.2rem,1fr));gap:2px}
.fx-seg{display:grid;place-items:center;height:36px;border-radius:8px;font:700 .8rem/1 var(--t2-ff-display);color:#fff;background:var(--t2-brand);cursor:default}
.fx-seg.is-review{background:repeating-linear-gradient(135deg,var(--t2-brand) 0 6px,#3FC4CA 6px 12px)}
.fx-seg.is-deferred{background:#F2B64A;color:#0A1F44}
.fx-seg.is-late{background:var(--t2-danger)}
.fx-seg.is-due{background:var(--t2-surface-3);color:var(--t2-ink-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.fx-seg.is-next{box-shadow:inset 0 0 0 2px var(--t2-brand);color:var(--t2-brand-3)}
.fx-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.78rem;color:var(--t2-ink-2)}
.fx-lg{display:inline-flex;align-items:center;gap:6px}
.fx-lg i{width:12px;height:12px;border-radius:4px;background:var(--t2-brand)}
.fx-lg.is-review i{background:repeating-linear-gradient(135deg,var(--t2-brand) 0 3px,#3FC4CA 3px 6px)}
.fx-lg.is-deferred i{background:#F2B64A}.fx-lg.is-late i{background:var(--t2-danger)}.fx-lg.is-due i{background:var(--t2-surface-3);box-shadow:inset 0 0 0 1px var(--t2-line-2)}
.fx-table-w{overflow-x:auto;border:1px solid var(--t2-line);border-radius:14px}
.fx-table{width:100%;border-collapse:collapse;font-size:.84rem;min-width:62rem}
.fx-table th{position:sticky;top:0;padding:10px 12px;background:var(--t2-surface-3);color:var(--t2-ink-2);font:600 .76rem/1.4 var(--t2-ff-text);text-align:start;white-space:nowrap;border-bottom:1px solid var(--t2-line)}
.fx-table td{padding:10px 12px;border-bottom:1px solid var(--t2-surface-3);white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--t2-ink)}
.fx-table tr:last-child td{border-bottom:0}
.fx-table tr.is-late td{background:#FDF6F5}.fx-table tr.is-deferred td{background:#FFF9EC}
.fx-table td:first-child{font:800 .9rem var(--t2-ff-display);color:var(--t2-brand-3)}
.fx-link{border:0;background:none;padding:0;color:var(--t2-brand-3);font:700 .84rem var(--t2-ff-text);text-decoration:underline;cursor:pointer}
.fx-sum{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--t2-brand);border-radius:14px;background:var(--t2-brand-wash)}
.fx-settle{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:14px;align-items:stretch}
.fx-settle-v{display:grid;align-content:center;gap:6px;padding:18px;border-radius:16px;color:#fff;background:radial-gradient(80% 120% at 0% 0%,rgba(10,165,173,.45),transparent 60%),linear-gradient(140deg,#0A1F44,#0D2B52)}
.fx-settle-v span{font-size:.8rem;color:#C9D6EC}
.fx-settle-v b{font:800 1.8rem/1.15 var(--t2-ff-display);font-variant-numeric:tabular-nums}
.fx-settle-v b small{font-size:.5em;color:#B9CCDD}
.fx-rhead{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--t2-line);border-radius:16px;background:#fff;box-shadow:var(--i-sh)}
.fx-path{list-style:none;margin:0;padding:0;display:grid;gap:0}
.fx-path-i{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding-bottom:18px}
.fx-path-i:last-child{padding-bottom:0}
.fx-path-i:not(:last-child)::before{content:"";position:absolute;top:34px;bottom:2px;inset-inline-start:15px;width:2px;background:var(--t2-line)}
.fx-path-i.is-done:not(:last-child)::before{background:var(--t2-brand)}
.fx-path-m{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--t2-line-2);background:#fff;color:var(--t2-muted);font:700 .8rem/1 var(--t2-ff-display)}
.fx-path-i.is-done .fx-path-m{background:var(--t2-brand);border-color:var(--t2-brand);color:#fff}
.fx-path-i.is-done .fx-path-m::before{content:"";width:11px;height:6px;margin-top:-3px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg)}
.fx-path-i.is-now .fx-path-m{border-color:#F0962A;color:#94540A;background:#FFF5E3;box-shadow:0 0 0 5px rgba(240,150,42,.15)}
.fx-path-b{display:grid;gap:2px;padding-top:4px}
.fx-path-b b{font:700 .92rem/1.45 var(--t2-ff-text);color:var(--t2-ink)}
.fx-path-i:not(.is-done):not(.is-now) .fx-path-b b{color:var(--t2-muted);font-weight:600}
.fx-path-b span{font-size:.78rem;color:var(--t2-muted);font-variant-numeric:tabular-nums}
.fx-path-i.is-now .fx-path-b span{color:#94540A;font-weight:700}

/* الجوال والشاشات الضيقة */
@media (max-width:64rem){.fx-hero{grid-template-columns:minmax(0,1fr) auto}.fx-next{grid-column:1/-1}.fx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-grps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:40rem){
  .fx-hero{grid-template-columns:minmax(0,1fr);padding:20px;border-radius:20px}.fx-hero-ring{justify-self:start;order:-1}.fx-hero.is-contract .fx-hero-ring{order:0}
  .fx-kpis{gap:10px}.fx-kpi{padding:12px;gap:8px}.fx-kpi-ic .t2-tile{width:32px;height:36px}.fx-kpi-v{font-size:1rem}
  .fx-settle{grid-template-columns:minmax(0,1fr)}
  .fx-table{min-width:0}.fx-table thead{display:none}.fx-table,.fx-table tbody,.fx-table tr,.fx-table td{display:block;width:100%}
  .fx-table tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:12px;border-bottom:1px solid var(--t2-line)}
  .fx-table td{display:grid;gap:1px;padding:4px 0;border:0;white-space:normal;background:transparent!important}
  .fx-table td::before{content:attr(data-l);font-size:.68rem;color:var(--t2-muted);font-weight:600}
  .fx-table tr.is-late{background:#FDF6F5}.fx-table tr.is-deferred{background:#FFF9EC}
  .fx-bar-n{width:100%;margin:0;padding:0}
}
@container app (max-width:40rem){
  .fx-hero{grid-template-columns:minmax(0,1fr);padding:20px;border-radius:20px}.fx-hero-ring{justify-self:start;order:-1}.fx-hero.is-contract .fx-hero-ring{order:0}.fx-next{grid-column:auto}
  .fx-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fx-kpi{padding:12px;gap:8px}.fx-kpi-ic .t2-tile{width:32px;height:36px}.fx-kpi-v{font-size:1rem}
  .fx-grps{grid-template-columns:minmax(0,1fr)}.fx-settle{grid-template-columns:minmax(0,1fr)}
  .fx-table{min-width:0}.fx-table thead{display:none}.fx-table,.fx-table tbody,.fx-table tr,.fx-table td{display:block;width:100%}
  .fx-table tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:12px;border-bottom:1px solid var(--t2-line)}
  .fx-table td{display:grid;gap:1px;padding:4px 0;border:0;white-space:normal;background:transparent!important}
  .fx-table td::before{content:attr(data-l);font-size:.68rem;color:var(--t2-muted);font-weight:600}
  .fx-table tr.is-late{background:#FDF6F5}.fx-table tr.is-deferred{background:#FFF9EC}
  .fx-bar-n{width:100%;margin:0;padding:0}
}

@media (max-width:40rem){.fx-row:has(.fx-row-a){grid-template-columns:auto minmax(0,1fr) auto}.fx-row-a{grid-column:2/-1}}
@container app (max-width:40rem){.fx-row:has(.fx-row-a){grid-template-columns:auto minmax(0,1fr) auto}.fx-row-a{grid-column:2/-1}.fx-hero.is-contract{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:64rem){.fx-hero.is-contract{grid-template-columns:minmax(0,1fr) auto}}
.fx-wait{font-size:.74rem;color:var(--t2-muted);font-weight:600;white-space:nowrap}
.fx-lockc{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface-2)}
.fx-total{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px;border-radius:12px;background:var(--t2-navy);color:#fff}
.fx-total span{font-size:.84rem;color:#C9D6EC}.fx-total b{font:800 1.2rem var(--t2-ff-display);font-variant-numeric:tabular-nums}
.fx-next.is-late{border-color:rgba(255,120,110,.55);background:rgba(179,38,30,.16)}
.fx-next.is-late .fx-next-l{color:#FFB4AC}

/* ===== مدفوعاتي v2: صفوف قابلة للضغط، سداد المستحقات، تفاصيل الدفعة، التأكيد، الإيصال ===== */
.fx-row.is-link{width:100%;font:inherit;color:inherit;text-align:start;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;transition:border-color .12s,box-shadow .12s,transform .12s}
.fx-row.is-link:hover{border-color:var(--t2-brand);box-shadow:var(--t2-sh-2);transform:translateY(-1px)}
.fx-row-go{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--t2-surface-3);color:var(--t2-muted)}
.fx-row.is-link:hover .fx-row-go{background:var(--t2-brand-wash);color:var(--t2-brand-3)}
.fx-next-a{display:flex;gap:8px;margin-top:8px}
.fx-next-a .fx-gold{margin-top:0;flex:1 1 auto}
.fx-ghost{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font:700 .88rem var(--t2-ff-display);cursor:pointer}
.fx-ghost:hover{background:rgba(255,255,255,.16)}
.fx-bulk{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px 18px;padding:16px 20px;border:1px solid var(--t2-brand);border-radius:18px;background:linear-gradient(90deg,#fff 0%,var(--t2-brand-wash) 100%);box-shadow:var(--i-sh)}
.fx-bulk-b{display:grid;gap:2px;min-width:0}
.fx-bulk-b b{font:700 1rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.fx-bulk-b span{font-size:.82rem;color:var(--t2-ink-2)}
.fx-bulk-v{display:grid;justify-items:end;gap:0}
.fx-bulk-v span{font-size:.74rem;color:var(--t2-muted);font-weight:600}
.fx-bulk-v b{font:800 1.3rem/1.2 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-view{max-width:22rem;margin-bottom:14px}
.fx-pay{display:grid;justify-items:center;gap:6px;padding:26px 20px;border-radius:22px;text-align:center;color:#fff;background:radial-gradient(80% 120% at 0% 0%,rgba(10,165,173,.42),transparent 60%),linear-gradient(140deg,#050F24,#0A1F44 55%,#0D2B52);box-shadow:0 18px 44px rgba(10,31,68,.18)}
.fx-pay.is-late{background:radial-gradient(80% 120% at 0% 0%,rgba(179,38,30,.45),transparent 60%),linear-gradient(140deg,#050F24,#0A1F44 55%,#0D2B52)}
.fx-pay-h{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
.fx-pay-n{font:700 .86rem var(--t2-ff-display);color:#FFC861}
.fx-pay-v{font:800 clamp(2rem,1.4rem + 2.4vw,2.8rem)/1.15 var(--t2-ff-display);font-variant-numeric:tabular-nums}
.fx-pay-v small{font-size:.42em;color:#B9CCDD}
.fx-pay-d{font-size:.9rem;color:#E7EEF6}
.fx-pay-c{font-size:.8rem;color:#B9C9E0}
.fx-total{display:flex;justify-content:space-between;align-items:center;gap:12px}
.fx-confirm{display:grid;justify-items:center;gap:8px;padding:26px 22px;border:1px solid var(--t2-line);border-radius:22px;background:#fff;box-shadow:var(--i-sh);text-align:center}
.fx-confirm-l{font:600 .92rem var(--t2-ff-text);color:var(--t2-muted)}
.fx-confirm-v{font:800 clamp(2.1rem,1.5rem + 2.4vw,3rem)/1.1 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-confirm-v small{font-size:.4em;color:var(--t2-muted)}
.fx-confirm-s{font-size:.86rem;color:var(--t2-ink-2);font-weight:600}
.fx-confirm-pays,.fx-rcpt-pays{display:grid;gap:0;width:100%;max-width:30rem;margin-top:8px;border:1px solid var(--t2-line);border-radius:14px;overflow:hidden;text-align:start}
.fx-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--t2-surface-3);font-size:.84rem;color:var(--t2-ink-2)}
.fx-line:last-child{border-bottom:0}
.fx-line b{color:var(--t2-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-line.is-ref{width:100%;max-width:30rem;border:1px dashed var(--t2-line-2);border-radius:12px}
.fx-confirm-n{margin:4px 0 0;font-size:.8rem;color:var(--t2-muted);max-width:30rem}
.fx-rcpt{position:relative;display:grid;justify-items:center;gap:6px;padding:30px 22px 22px;border:1px solid var(--t2-line);border-radius:22px;background:#fff;box-shadow:var(--i-sh);text-align:center;overflow:hidden}
.fx-rcpt::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:linear-gradient(90deg,#63E2E0,var(--t2-brand))}
.fx-rcpt.is-pending::before{background:linear-gradient(90deg,#FFD27A,#F0962A)}
.fx-rcpt-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--t2-brand);color:#fff;box-shadow:0 0 0 8px var(--t2-brand-wash)}
.fx-rcpt-ic:empty::before{content:"";width:24px;height:12px;margin-top:-6px;border-left:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(-45deg)}
.fx-rcpt.is-pending .fx-rcpt-ic{background:#F0962A;box-shadow:0 0 0 8px #FFF1DC}
.fx-rcpt-t{margin:10px 0 0;font:800 1.25rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.fx-rcpt-s{margin:0;font-size:.86rem;color:var(--t2-muted)}
.fx-rcpt-v{margin-top:6px;font:800 2.2rem/1.1 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-rcpt-v small{font-size:.42em;color:var(--t2-muted)}
.fx-rcpt-rows{display:grid;width:100%;max-width:30rem;margin-top:12px;border-top:1px dashed var(--t2-line-2)}
.fx-rcpt-r{display:flex;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:1px dashed var(--t2-line);font-size:.86rem}
.fx-rcpt-r span{color:var(--t2-muted)}.fx-rcpt-r b{color:var(--t2-ink);direction:ltr;unicode-bidi:isolate}
button.fx-seg{border:0;font:700 .8rem/1 var(--t2-ff-display);cursor:pointer}
button.fx-seg:hover{filter:brightness(1.08);transform:translateY(-1px)}
.fx-table tr.is-link{cursor:pointer}.fx-table tr.is-link:hover td{background:var(--t2-brand-wash)}
@media (max-width:40rem){.fx-bulk{grid-template-columns:auto minmax(0,1fr)}.fx-bulk-v{grid-column:1/-1;justify-items:start;display:flex;align-items:baseline;gap:8px}.fx-bulk>.t2-btn{grid-column:1/-1}.fx-view{max-width:none}.fx-row.is-link{grid-template-columns:auto minmax(0,1fr) auto}.fx-row.is-link .fx-row-go{display:none}}
@container app (max-width:40rem){.fx-bulk{grid-template-columns:auto minmax(0,1fr)}.fx-bulk-v{grid-column:1/-1;justify-items:start;display:flex;align-items:baseline;gap:8px}.fx-bulk>.t2-btn{grid-column:1/-1}.fx-view{max-width:none}.fx-row.is-link{grid-template-columns:auto minmax(0,1fr) auto}.fx-row.is-link .fx-row-go{display:none}.fx-hero{gap:16px}}

/* ===== سداد v3: بطاقة الدفعة، حساب الشركة، الحساب، الخطوات ===== */
.fx-paycard{display:grid;gap:12px;padding:18px;border:1px solid var(--t2-line);border-radius:18px;background:#fff;box-shadow:var(--i-sh);position:relative;overflow:hidden}
.fx-paycard::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--t2-brand)}
.fx-paycard.is-late::before{background:var(--t2-danger)}.fx-paycard.is-partial::before{background:#F0962A}
.fx-paycard-h{display:flex;align-items:center;gap:12px;min-width:0}
.fx-paycard-m{display:grid;gap:2px;padding:14px 16px;border-radius:14px;background:var(--t2-surface-2)}
.fx-paycard-m span{font-size:.8rem;color:var(--t2-muted);font-weight:600}
.fx-paycard-m b{font:800 2rem/1.15 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-paycard-m b small{font-size:.45em;color:var(--t2-muted)}
.fx-paycard.is-late .fx-paycard-m{background:#FDF3F2}.fx-paycard.is-late .fx-paycard-m b{color:var(--t2-danger)}
.fx-paycard-f{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.82rem;color:var(--t2-muted)}
.fx-paycard-f b{color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-bankinfo{display:grid;gap:8px;padding:16px;border-radius:16px;color:#fff;background:radial-gradient(80% 120% at 0% 0%,rgba(10,165,173,.4),transparent 60%),linear-gradient(140deg,#0A1F44,#0D2B52)}
.fx-bankinfo-h{display:flex;align-items:center;gap:8px;color:#FFC861}.fx-bankinfo-h b{font:700 .95rem var(--t2-ff-display);color:#fff}
.fx-bankinfo-r{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.07)}
.fx-bankinfo-r span{font-size:.78rem;color:#B9C9E0;min-width:6.5rem}
.fx-bankinfo-r b{font:700 .92rem var(--t2-ff-display);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.fx-bankinfo p{margin:0;font-size:.74rem;color:#B9C9E0}
.fx-copy{margin-inline-start:auto;min-height:32px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,214,140,.5);background:transparent;color:#FFC861;font:700 .8rem var(--t2-ff-display);cursor:pointer}
.fx-calc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:10px}
.fx-calc>div{display:grid;gap:4px;padding:12px 14px;border:1px dashed var(--t2-line-2);border-radius:12px;background:var(--t2-surface-2)}
.fx-calc span{font-size:.78rem;color:var(--t2-muted);font-weight:600}
.fx-calc b{font:800 1.1rem var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-calc .t2-pill{justify-self:start}
.fx-line.is-warn b{color:#94540A}
.fx-pay-l{font-size:.8rem;color:#C9D6EC;font-weight:600;margin-top:4px}
.fx-seg.is-partial{background:linear-gradient(90deg,#F2B64A 50%,var(--t2-surface-3) 50%);color:#0A1F44}
.fx-lg.is-partial i{background:linear-gradient(90deg,#F2B64A 50%,var(--t2-surface-3) 50%);box-shadow:inset 0 0 0 1px var(--t2-line-2)}
.fx-table tr.is-partial td{background:#FFF9EC}

/* ===== وضوح العقد والدفعة: رأس، مبالغ، الدفعة الآن، بيانات مجمّعة ===== */
.t2-note-a{margin-top:8px}
.fx-chead{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:18px 20px;border:1px solid var(--t2-line);border-radius:18px;background:#fff;box-shadow:var(--i-sh)}
.fx-chead .fx-card-ic .t2-tile{width:48px;height:54px}
.fx-chead-t{display:grid;gap:2px;flex:1 1 14rem;min-width:0}
.fx-eye2{font-size:.76rem;font-weight:700;color:var(--t2-brand-3)}
.fx-chead-t>b{font:800 1.25rem/1.35 var(--t2-ff-display);color:var(--t2-ink);text-align:start;font-variant-numeric:tabular-nums}
.fx-chead-t>span:last-child{font-size:.84rem;color:var(--t2-muted)}
.fx-chead-s{display:grid;justify-items:end;gap:4px}
.fx-chead-s>span{font-size:.78rem;color:var(--t2-muted);font-weight:600}
.fx-chead-s .t2-pill{font-size:.9rem;padding:4px 14px}
.fx-trio{display:grid;gap:10px;padding:16px;border:1px solid var(--t2-line);border-radius:18px;background:#fff;box-shadow:var(--i-sh)}
.fx-trio-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fx-trio-i{display:grid;gap:4px;padding:14px 16px;border-radius:14px;background:var(--t2-surface-2);border:1px solid var(--t2-surface-3)}
.fx-trio-i span{font-size:.8rem;color:var(--t2-muted);font-weight:600}
.fx-trio-i b{font:800 1.45rem/1.2 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-trio-i b small{font-size:.5em;color:var(--t2-muted);font-weight:700}
.fx-trio-i.is-ok b{color:var(--t2-ok)}
.fx-trio-i.is-brand{background:var(--t2-brand-wash);border-color:color-mix(in srgb,#0AA5AD 30%,#fff)}.fx-trio-i.is-brand b{color:var(--t2-brand-3)}
.fx-trio-i.is-bad{background:#FDF3F2;border-color:#F6CFCF}.fx-trio-i.is-bad b{color:var(--t2-danger)}
.fx-trio-n{font-size:.8rem;color:var(--t2-ink-2);font-weight:600}
.fx-cta{display:flex;flex-wrap:wrap;gap:8px}
.fx-cta>.t2-btn.is-primary{min-height:2.75rem;padding-inline:1.4rem;font-size:.95rem}
.fx-paynow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;padding:16px 20px;border:1px solid var(--t2-brand);border-radius:18px;background:linear-gradient(90deg,#fff,var(--t2-brand-wash))}
.fx-paynow>div:first-child{display:grid;gap:2px}
.fx-paynow>div:first-child b{font:700 1rem var(--t2-ff-display)}
.fx-paynow>div:first-child span{font-size:.82rem;color:var(--t2-ink-2)}
.fx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:12px}
.fx-fg{display:grid;align-content:start;border:1px solid var(--t2-line);border-radius:14px;overflow:hidden}
.fx-fg-t{padding:10px 14px;background:var(--t2-surface-3);font:700 .84rem var(--t2-ff-display);color:var(--t2-ink-2)}
.fx-fg-r{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--t2-surface-3);font-size:.86rem}
.fx-fg-r span{color:var(--t2-muted)}
.fx-fg-r b{color:var(--t2-ink);font-weight:700;text-align:end;font-variant-numeric:tabular-nums}
@media (max-width:40rem){.fx-trio-g{grid-template-columns:minmax(0,1fr)}.fx-trio-i{display:flex;justify-content:space-between;align-items:baseline}.fx-trio-i b{font-size:1.2rem}.fx-chead-s{justify-items:start}.fx-cta>.t2-btn{flex:1 1 100%}}
@container app (max-width:40rem){.fx-trio-g{grid-template-columns:minmax(0,1fr)}.fx-trio-i{display:flex;justify-content:space-between;align-items:baseline}.fx-trio-i b{font-size:1.2rem}.fx-chead-s{justify-items:start}.fx-cta>.t2-btn{flex:1 1 100%}}

/* ===== مدفوعاتي v4 — بطاقة مالية، أولوية، بطاقات دفعات وعقود بمؤشرات ===== */
.fx-fin{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:18px;padding:24px 26px 20px;border-radius:24px;color:#fff;
  background:radial-gradient(60% 90% at 0% 0%,rgba(10,165,173,.45),transparent 60%),radial-gradient(50% 80% at 100% 100%,rgba(255,200,97,.22),transparent 62%),linear-gradient(140deg,#050F24 0%,#0A1F44 55%,#0D2B52 100%);box-shadow:0 18px 44px rgba(10,31,68,.2)}
.fx-fin::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,214,140,.5) 1px,transparent 1px);background-size:26px 26px;opacity:.1;-webkit-mask-image:linear-gradient(#000,transparent 85%);mask-image:linear-gradient(#000,transparent 85%)}
.fx-fin::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(255,231,168,.6),rgba(255,255,255,.05) 40%,rgba(255,200,97,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.fx-fin-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.fx-fin-date{font-size:.78rem;color:#B9C9E0;font-variant-numeric:tabular-nums}
.fx-fin-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}
.fx-fin-tx{display:grid;gap:6px;min-width:0}
.fx-fin-bar{height:8px;margin-top:6px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;max-width:28rem}
.fx-fin-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#63E2E0,#0AA5AD)}
.fx-fin-s{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.fx-fs{display:grid;gap:2px;padding:12px 14px;background:rgba(5,15,36,.55);min-width:0}
.fx-fs span{font-size:.74rem;color:#B9C9E0;font-weight:600}
.fx-fs b{font:800 1.05rem/1.3 var(--t2-ff-display);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-fs small{font-size:.7rem;color:#8FA6C6}
.fx-fs.is-ok b{color:#7EE3C0}.fx-fs.is-bad b{color:#FF9A90}.fx-fs.is-warn b{color:#FFC861}
.fx-prio{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px 18px;padding:16px 20px;border:1px solid var(--t2-line);border-radius:18px;background:#fff;box-shadow:var(--i-sh);position:relative;overflow:hidden}
.fx-prio::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:5px;background:var(--t2-brand)}
.fx-prio.is-late{border-color:#F6CFCF;background:linear-gradient(90deg,#fff 55%,#FDF3F2)}.fx-prio.is-late::before{background:var(--t2-danger)}
.fx-prio-ic{line-height:0}.fx-prio-ic .t2-tile{width:46px;height:52px}
.fx-prio-b{display:grid;gap:2px;min-width:0}
.fx-prio-l{font-size:.78rem;font-weight:800;color:var(--t2-brand-3)}.fx-prio.is-late .fx-prio-l{color:var(--t2-danger)}
.fx-prio-b b{font:700 1rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.fx-prio-b>span:last-child{font-size:.8rem;color:var(--t2-muted);font-variant-numeric:tabular-nums}
.fx-prio-v{font:800 1.7rem/1.1 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-prio.is-late .fx-prio-v{color:var(--t2-danger)}
.fx-prio-v small{font-size:.45em;color:var(--t2-muted)}
.fx-prio-a{display:flex;gap:8px}
.fx-pcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:12px}
.fx-pc{position:relative;display:grid;gap:4px;align-content:start;padding:16px 16px 12px;border:1px solid var(--t2-line);border-radius:18px;background:#fff;text-align:start;font:inherit;color:inherit;cursor:pointer;overflow:hidden;box-shadow:var(--i-sh);transition:transform .12s,box-shadow .12s,border-color .12s}
.fx-pc::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--t2-brand)}
.fx-pc.is-late::before{background:var(--t2-danger)}.fx-pc.is-partial::before,.fx-pc.is-review::before{background:#F0962A}.fx-pc.is-due::before{background:linear-gradient(90deg,#63E2E0,var(--t2-brand))}.fx-pc.is-paid::before{background:var(--t2-ok)}
.fx-pc.is-late{background:linear-gradient(180deg,#FDF6F5,#fff 55%)}
.fx-pc:hover{transform:translateY(-2px);box-shadow:var(--t2-sh-2);border-color:#CFDCE8}
.fx-pc-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.fx-pc-n{font-size:.74rem;font-weight:700;color:var(--t2-muted)}
.fx-pc-l{font-size:.74rem;color:var(--t2-muted);font-weight:600}
.fx-pc-v{font:800 1.75rem/1.15 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-pc.is-late .fx-pc-v{color:var(--t2-danger)}
.fx-pc-v small{font-size:.45em;color:var(--t2-muted)}
.fx-pc-bar{display:block;height:6px;border-radius:999px;background:var(--t2-surface-3);overflow:hidden;margin:2px 0}
.fx-pc-bar i{display:block;height:100%;background:#F0962A;border-radius:999px}
.fx-pc-p{font:600 .86rem/1.5 var(--t2-ff-text);color:var(--t2-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-pc-f{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:10px;border-top:1px dashed var(--t2-line);font-size:.76rem;color:var(--t2-muted)}
.fx-pc-d{display:inline-flex;align-items:center;gap:4px;color:var(--t2-ink-2);font-weight:700;font-variant-numeric:tabular-nums}
.fx-pc-d .t2-ui-ic{color:var(--t2-brand-2)}
.fx-pc-c{font-size:.74rem}
.fx-pc-go{margin-inline-start:auto;display:inline-flex;align-items:center;gap:2px;color:var(--t2-brand-3);font-weight:700;white-space:nowrap}
.fx-ccs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:14px}
.fx-cc{position:relative;display:grid;gap:14px;padding:16px;border:1px solid var(--t2-line);border-radius:18px;background:#fff;text-align:start;font:inherit;color:inherit;cursor:pointer;box-shadow:var(--i-sh);overflow:hidden;transition:transform .12s,box-shadow .12s}
.fx-cc::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,#63E2E0,var(--t2-brand))}
.fx-cc.is-warn::before{background:linear-gradient(90deg,#FFD27A,#F0962A)}.fx-cc.is-danger::before{background:linear-gradient(90deg,#F19A93,var(--t2-danger))}
.fx-cc:hover{transform:translateY(-2px);box-shadow:var(--t2-sh-2)}
.fx-cc-h{display:flex;align-items:center;gap:10px;min-width:0}
.fx-cc-h .fx-card-t bdi{font-size:.76rem;color:var(--t2-muted)}
.fx-cc-b{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}
.fx-ringl-v{font:800 22px/1 Alexandria,sans-serif;fill:#0A1F44}
.fx-ringl-l{font:600 11px/1 "IBM Plex Sans Arabic",sans-serif;fill:#566A88}
.fx-cc-s{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fx-cc-s>div{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:var(--t2-surface-2);min-width:0}
.fx-cc-s span{font-size:.7rem;color:var(--t2-muted);font-weight:600}
.fx-cc-s b{font:800 .92rem/1.3 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-cc-s .is-bad{background:#FDF3F2}.fx-cc-s .is-bad b{color:var(--t2-danger)}
.fx-cc-s .is-ok b{color:var(--t2-ok)}.fx-cc-s .is-warn b{color:#94540A}
.fx-cc-f{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px dashed var(--t2-line);font-size:.78rem;color:var(--t2-muted)}
.fx-cc-f b{color:var(--t2-ink-2);font-variant-numeric:tabular-nums}
.fx-kpis.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:64rem){.fx-fin-s{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-prio{grid-template-columns:auto minmax(0,1fr) auto}.fx-prio-a{grid-column:1/-1}.fx-kpis.is-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:40rem){.fx-fin{padding:18px;border-radius:20px}.fx-fin-main{grid-template-columns:minmax(0,1fr) auto}.fx-fin-s{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-fs:last-child{grid-column:1/-1}.fx-prio{grid-template-columns:auto minmax(0,1fr)}.fx-prio-v{grid-column:1/-1}.fx-prio-a>.t2-btn{flex:1 1 auto}.fx-kpis.is-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container app (max-width:40rem){.fx-fin{padding:18px;border-radius:20px}.fx-fin-main{grid-template-columns:minmax(0,1fr) auto;gap:10px}.fx-fin-main .fx-ring{width:92px;height:92px}.fx-hero-v{font-size:1.9rem}.fx-fin-s{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-fs:last-child{grid-column:1/-1}.fx-prio{grid-template-columns:auto minmax(0,1fr)}.fx-prio-v{grid-column:1/-1}.fx-prio-a{grid-column:1/-1}.fx-prio-a>.t2-btn{flex:1 1 auto}.fx-kpis.is-3{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-cc-b{grid-template-columns:minmax(0,1fr)}.fx-cc-ring{justify-self:center}}

/* ===== سداد v5: رأس الدفع، تقسيم المبلغ، تجميع حسب العقد، إصلاح التداخل ===== */
.t2 .t2-body .t2-sec>.t2-sec-b{display:grid;gap:14px;align-content:start}
.fx-paycard{padding-inline-start:24px}
.fx-cta{padding-top:2px}
.fx-ph{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 22px;padding:20px 22px;border-radius:20px;color:#fff;background:radial-gradient(70% 120% at 0% 0%,rgba(10,165,173,.45),transparent 60%),linear-gradient(140deg,#050F24,#0A1F44 55%,#0D2B52);box-shadow:0 14px 34px rgba(10,31,68,.18)}
.fx-ph.is-late{background:radial-gradient(70% 120% at 0% 0%,rgba(179,38,30,.42),transparent 60%),linear-gradient(140deg,#050F24,#0A1F44 55%,#0D2B52)}
.fx-ph-t{display:grid;gap:4px;min-width:0}
.fx-ph-t b{font:800 1.15rem/1.4 var(--t2-ff-display)}
.fx-ph-t>span:last-child{font-size:.82rem;color:#C9D6EC;font-variant-numeric:tabular-nums}
.fx-ph-v{display:grid;justify-items:end;gap:2px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,214,140,.28)}
.fx-ph-v>span{font-size:.76rem;color:#FFC861;font-weight:700}
.fx-ph-v>b{font:800 1.9rem/1.1 var(--t2-ff-display);font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-ph-v>b small{font-size:.45em;color:#B9CCDD}
.fx-ph-v>small{font-size:.72rem;color:#B9C9E0}
.fx-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fx-split>div{display:grid;gap:2px;padding:12px 14px;border-radius:14px;border:1px solid var(--t2-line);background:var(--t2-surface-2)}
.fx-split>div.is-now{border-color:var(--t2-brand);background:var(--t2-brand-wash)}
.fx-split span{font-size:.78rem;color:var(--t2-muted);font-weight:600}
.fx-split b{font:800 1.3rem/1.2 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-split .is-now b{color:var(--t2-brand-3)}
.fx-groups{display:grid;gap:10px}
.fx-grpc{border:1px solid var(--t2-line);border-radius:16px;overflow:hidden;background:#fff}
.fx-grpc-h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--t2-surface-2);border-bottom:1px solid var(--t2-line)}
.fx-grpc-h .fx-card-ic .t2-tile{width:34px;height:38px}
.fx-grpc-h .fx-card-t bdi{font-size:.74rem;color:var(--t2-muted)}
.fx-grpc-s{font:800 1rem var(--t2-ff-display);color:var(--t2-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.fx-grpc-r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--t2-surface-3);font-size:.84rem;color:var(--t2-ink-2);font-variant-numeric:tabular-nums}
.fx-grpc-r:first-child{border-top:0}
.fx-grpc-r>b{font:800 .95rem var(--t2-ff-display);color:var(--t2-ink);white-space:nowrap}
.fx-grpc-r.is-late>b{color:var(--t2-danger)}
.t2-abar-n{font:800 1rem var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
@media (max-width:40rem){.fx-ph{grid-template-columns:minmax(0,1fr)}.fx-ph-v{justify-items:start}.fx-grpc-r{grid-template-columns:minmax(0,1fr) auto}.fx-grpc-r .t2-pill{grid-column:1;justify-self:start;grid-row:2}}
@container app (max-width:40rem){.fx-ph{grid-template-columns:minmax(0,1fr)}.fx-ph-v{justify-items:start}.fx-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fx-grpc-r{grid-template-columns:minmax(0,1fr) auto}.fx-grpc-r .t2-pill{grid-column:1;justify-self:start;grid-row:2}}

/* ===== مؤشرات مدفوعاتي ===== */
.fx-inds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.fx-ind{position:relative;display:grid;align-content:start;gap:8px;padding:16px;border:1px solid var(--t2-line);border-radius:18px;background:#fff;box-shadow:var(--i-sh);overflow:hidden;min-width:0}
.fx-ind::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--t2-brand)}
.fx-ind.is-ok::before{background:var(--t2-ok)}.fx-ind.is-bad::before{background:var(--t2-danger)}.fx-ind.is-warn::before{background:#F0962A}
.fx-ind-h{display:flex;align-items:center;gap:8px}
.fx-ind-ic{line-height:0}.fx-ind-ic .t2-tile{width:32px;height:36px}
.fx-ind-l{font:700 .82rem/1.4 var(--t2-ff-display);color:var(--t2-ink-2)}
.fx-ind-v{font:800 1.35rem/1.2 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-ind.is-ok .fx-ind-v{color:var(--t2-ok)}.fx-ind.is-bad .fx-ind-v{color:var(--t2-danger)}.fx-ind.is-warn .fx-ind-v{color:#94540A}
.fx-ind-vis{min-height:34px;display:grid;align-items:center}
.fx-ind-n{font-size:.74rem;color:var(--t2-muted);line-height:1.5}
.fx-ibar{position:relative;display:grid;align-items:center;height:12px;border-radius:999px;background:var(--t2-surface-3)}
.fx-ibar i{display:block;height:100%;border-radius:999px;background:var(--t2-brand)}
.fx-ibar.is-ok i{background:linear-gradient(90deg,#7EE3C0,var(--t2-ok))}.fx-ibar.is-bad i{background:linear-gradient(90deg,#F19A93,var(--t2-danger))}
.fx-ibar span{position:absolute;inset-inline-end:0;top:-20px;font:800 .72rem var(--t2-ff-display);color:var(--t2-ink-2)}
.fx-iseg{display:flex;gap:2px;height:12px;border-radius:999px;overflow:hidden;background:var(--t2-surface-3)}
.fx-iseg i{display:block;height:100%;min-width:6px}
.fx-iseg .is-bad{background:var(--t2-danger)}.fx-iseg .is-brand{background:var(--t2-brand)}
.fx-iseg .is-c0{background:#0AA5AD}.fx-iseg .is-c1{background:#1D3F86}.fx-iseg .is-c2{background:#F0962A}.fx-iseg .is-c3{background:#6C8FDC}
.fx-gauge{display:block;width:100%;max-width:120px;height:auto;justify-self:center}
@media (max-width:72rem){.fx-inds{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:40rem){.fx-inds{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fx-ind{padding:12px}.fx-ind-v{font-size:1.1rem}.fx-ind:last-child{grid-column:1/-1}}
@container app (max-width:40rem){.fx-inds{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fx-ind{padding:12px}.fx-ind-v{font-size:1.05rem}.fx-ind:last-child{grid-column:1/-1}.fx-ind .fx-gauge{max-width:110px}}
.fx-isw{display:grid;gap:6px}
.fx-ilg{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:.68rem;color:var(--t2-ink-2);font-variant-numeric:tabular-nums}
.fx-ilg span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.fx-ilg i{width:8px;height:8px;border-radius:3px}
.fx-ilg .is-bad{background:var(--t2-danger)}.fx-ilg .is-brand{background:var(--t2-brand)}.fx-ilg .is-c0{background:#0AA5AD}.fx-ilg .is-c1{background:#1D3F86}.fx-ilg .is-c2{background:#F0962A}.fx-ilg .is-c3{background:#6C8FDC}

/* ===== مدفوعاتي v5: حلقتا السداد والالتزام، بطاقتا الإجراء، المتعثر ===== */
.fx-rings{display:flex;gap:18px;align-items:flex-start}
.fx-rg{display:grid;justify-items:center;gap:2px;text-align:center}
.fx-rg>span{font:700 .78rem var(--t2-ff-display);color:#E7EEF6}
.fx-rg>small{font-size:.7rem;font-weight:700}
.fx-ibar.is-warn i{background:linear-gradient(90deg,#FFD27A,#F0962A)}
.fx-a2s{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px}
.fx-a2{position:relative;display:grid;align-content:start;gap:14px;padding:18px 20px;border-radius:22px;overflow:hidden;isolation:isolate}
.fx-a2-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.fx-a2-tag{font:800 .95rem var(--t2-ff-display)}
.fx-a2-sub{font-size:.78rem}
.fx-a2-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.fx-a2.is-prio{color:#fff;background:radial-gradient(70% 120% at 100% 0%,rgba(10,165,173,.35),transparent 60%),linear-gradient(140deg,#050F24,#0A1F44 60%,#0D2B52);box-shadow:0 14px 34px rgba(10,31,68,.2)}
.fx-a2.is-prio.is-late{background:radial-gradient(70% 120% at 100% 0%,rgba(179,38,30,.55),transparent 62%),linear-gradient(140deg,#050F24,#0A1F44 60%,#0D2B52)}
.fx-a2.is-prio .fx-a2-tag{color:#FFC861}.fx-a2.is-prio.is-late .fx-a2-tag{color:#FFB4AC}
.fx-a2.is-prio .fx-a2-sub{color:#C9D6EC}
.fx-a2-mid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}
.fx-days{display:grid;justify-items:center;align-content:center;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.08);border:2px solid rgba(255,214,140,.45);line-height:1.05;text-align:center}
.fx-a2.is-late .fx-days{border-color:rgba(255,120,110,.7);background:rgba(179,38,30,.22);box-shadow:0 0 0 6px rgba(179,38,30,.12)}
.fx-days b{font:800 1.6rem/1 var(--t2-ff-display)}
.fx-days span{font-size:.7rem;font-weight:700;color:#E7EEF6}
.fx-days small{font-size:.62rem;color:#B9C9E0}
.fx-a2-b{display:grid;gap:2px;min-width:0}
.fx-a2-b b{font:700 1.02rem/1.45 var(--t2-ff-display)}
.fx-a2-b span{font-size:.8rem;color:#C9D6EC;font-variant-numeric:tabular-nums}
.fx-a2-v{display:grid;justify-items:end;gap:0}
.fx-a2-v span{font-size:.72rem;color:#C9D6EC}
.fx-a2-v b{font:800 1.9rem/1.1 var(--t2-ff-display);font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-a2-v b small{font-size:.45em;color:#B9CCDD}
.fx-a2.is-prio .fx-gold{margin-top:0;flex:1 1 auto}
.fx-a2.is-bulk{border:1px solid color-mix(in srgb,#0AA5AD 40%,#D4DEEA);background:linear-gradient(160deg,#fff 0%,#F2FBFB 60%,var(--t2-brand-wash) 100%);box-shadow:var(--i-sh)}
.fx-a2.is-bulk::after{content:"";position:absolute;inset-inline-start:-40px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:rgba(10,165,173,.08);z-index:-1}
.fx-a2.is-bulk .fx-a2-tag{color:var(--t2-brand-3)}.fx-a2.is-bulk .fx-a2-sub{color:var(--t2-muted)}
.fx-a2-chips{display:flex;flex-wrap:wrap;gap:8px}
.fx-a2-chips span{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--t2-line);font-size:.8rem;color:var(--t2-ink-2)}
.fx-a2-chips b{font:800 1rem var(--t2-ff-display);color:var(--t2-ink)}
.fx-a2-chips .is-bad{border-color:#F6CFCF}.fx-a2-chips .is-bad b{color:var(--t2-danger)}
.fx-a2-chips .is-ok b{color:var(--t2-brand-3)}
.fx-a2-tot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:10px;border-top:1px dashed var(--t2-line-2)}
.fx-a2-tot span{font-size:.82rem;color:var(--t2-muted);font-weight:600}
.fx-a2-tot b{font:800 1.7rem/1.1 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-a2-tot b small{font-size:.45em;color:var(--t2-muted)}
.fx-a2.is-bulk .fx-a2-a .t2-btn{flex:1 1 auto;min-height:2.75rem}
@media (max-width:64rem){.fx-a2s{grid-template-columns:minmax(0,1fr)}}
@media (max-width:40rem){.fx-rings{gap:10px}.fx-rings .fx-ring{width:84px;height:84px}.fx-fin-main{grid-template-columns:minmax(0,1fr)}.fx-a2-mid{grid-template-columns:auto minmax(0,1fr)}.fx-a2-v{grid-column:1/-1;justify-items:start}}
@container app (max-width:40rem){.fx-fin-main{grid-template-columns:minmax(0,1fr)}.fx-rings{gap:14px;justify-content:center}.fx-rings .fx-ring{width:88px;height:88px}.fx-a2s{grid-template-columns:minmax(0,1fr)}.fx-a2-mid{grid-template-columns:auto minmax(0,1fr)}.fx-a2-v{grid-column:1/-1;justify-items:start}.fx-days{width:72px;height:72px}}
/* ===== v24: مؤشر الالتزام ===== */
.fx-cmt2{position:relative;overflow:hidden;display:grid;gap:18px;padding:22px 22px 20px;border:1px solid var(--t2-line);border-radius:22px;background:#fff;box-shadow:var(--i-sh)}
.fx-cmt2::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:linear-gradient(270deg,#C8372D,#E5832F,#D9A520,#3E9E6E,#0F7E62)}
.fx-cmt-h{display:flex;align-items:center;gap:12px}
.fx-cmt-h .fx-card-ic{line-height:0}.fx-cmt-h .t2-tile{width:44px;height:50px}
.fx-cmt-ht{flex:1;min-width:0;display:grid;gap:2px}
.fx-cmt-ht h2{margin:0;font:800 1.12rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.fx-cmt-ht span{font-size:.8rem;color:var(--t2-muted)}
.fx-cmt-score{display:grid;justify-items:center;min-width:6.5rem;padding:6px 16px;border-radius:14px;border:1px solid}
.fx-cmt-score small{font:700 .66rem var(--t2-ff-display);opacity:.8}
.fx-cmt-score b{font:800 1.08rem/1.35 var(--t2-ff-display)}
.fx-cmt2.is-poor .fx-cmt-score{color:#B3261E;background:#FDECEA;border-color:#F3C3BE}
.fx-cmt2.is-fair .fx-cmt-score{color:#B25F12;background:#FFF2E2;border-color:#F6D2A8}
.fx-cmt2.is-good .fx-cmt-score{color:#8A6400;background:#FFF7DB;border-color:#EFDC9A}
.fx-cmt2.is-vgood .fx-cmt-score{color:#2B7A52;background:#E7F5EE;border-color:#BCE2CD}
.fx-cmt2.is-ex .fx-cmt-score{color:#0F6E57;background:#E2F4EF;border-color:#B4E0D3}
.fx-cmt{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:20px;align-items:stretch}
.fx-cmt-g{display:grid;justify-items:center;align-content:center;gap:8px;padding:16px 14px;border-radius:18px;border:1px solid var(--t2-line);background:linear-gradient(180deg,#F7FAFD,#fff 70%)}
.fx-cg{display:block;width:100%;max-width:290px;height:auto}
.fx-cg-v{font:800 40px var(--t2-ff-display);fill:var(--t2-ink)}
.fx-cg-l{font:600 12px var(--t2-ff-text);fill:var(--t2-muted)}
.fx-cg-t{font:700 10px var(--t2-ff-text);fill:#8CA0B6}
.fx-cmt-gf{display:flex;align-items:center;gap:10px;font-size:.78rem;color:var(--t2-ink-2)}
.fx-cmt-gf b{font:800 .98rem var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-cmt-gf i{width:1px;height:16px;background:var(--t2-line)}
.fx-cmt-fm{font-size:.66rem;color:var(--t2-muted);text-align:center;line-height:1.6}
.fx-cmt-d{display:grid;gap:12px;min-width:0;align-content:start}
.fx-scl{display:grid;gap:8px;padding:12px 14px 10px;border:1px solid var(--t2-line);border-radius:16px}
.fx-scl-tr{position:relative;padding-top:30px}
.fx-scl-t{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;height:10px}
.fx-scl-t i{border-radius:2px;opacity:.25}
.fx-scl-t i:first-child{border-start-start-radius:999px;border-end-start-radius:999px}
.fx-scl-t i:last-child{border-start-end-radius:999px;border-end-end-radius:999px}
.fx-scl-t i.is-on{opacity:1;box-shadow:0 3px 8px rgba(11,35,73,.18)}
.fx-scl-t .is-poor{background:#C8372D}.fx-scl-t .is-fair{background:#E5832F}.fx-scl-t .is-good{background:#D9A520}.fx-scl-t .is-vgood{background:#3E9E6E}.fx-scl-t .is-ex{background:#0F7E62}
.fx-scl-pin{position:absolute;top:0;display:grid;justify-items:center;transform:translateX(50%)}
.fx-scl-pin b{padding:2px 8px;border-radius:7px;background:var(--t2-ink);color:#fff;font:800 .72rem/1.5 var(--t2-ff-display);font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-scl-pin::after{content:"";width:2px;height:10px;background:var(--t2-ink)}
.fx-scl-l{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;text-align:center}
.fx-scl-l span{display:grid;opacity:.55}
.fx-scl-l b{font:700 .74rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.fx-scl-l small{font-size:.64rem;color:var(--t2-muted);font-variant-numeric:tabular-nums}
.fx-scl-l .is-on{opacity:1}.fx-scl-l .is-on b{font-weight:800}
.fx-cbxs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fx-cbx{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;padding:12px 14px;border:1px solid var(--t2-line);border-radius:16px;background:#fff;min-width:0}
.fx-cbx-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px}
.fx-cbx-t{display:grid;min-width:0}
.fx-cbx-t span{font:700 .78rem var(--t2-ff-display);color:var(--t2-ink-2)}
.fx-cbx-t b{font:800 1.5rem/1.2 var(--t2-ff-display);font-variant-numeric:tabular-nums}
.fx-cbx-t b small{font-size:.5em;font-weight:700;color:var(--t2-muted)}
.fx-cbx-bar{grid-column:1/-1;display:block;height:5px;border-radius:999px;background:var(--t2-surface-3);overflow:hidden}
.fx-cbx-bar i{display:block;height:100%;border-radius:inherit}
.fx-cbx-s{grid-column:1/-1;font-size:.68rem;color:var(--t2-muted)}
.fx-cbx.is-on .fx-cbx-ic{background:#E3F4EC;color:#12795C}.fx-cbx.is-on b{color:#12795C}.fx-cbx.is-on .fx-cbx-bar i{background:#12795C}
.fx-cbx.is-pl .fx-cbx-ic{background:#FFF1DF;color:#B8650F}.fx-cbx.is-pl b{color:#B8650F}.fx-cbx.is-pl .fx-cbx-bar i{background:#E5832F}
.fx-cbx.is-lt .fx-cbx-ic{background:#FDECEA;color:#B3261E}.fx-cbx.is-lt b{color:#B3261E}.fx-cbx.is-lt .fx-cbx-bar i{background:#C8372D}
.fx-dots{display:grid;gap:10px;padding:12px 14px;border:1px solid var(--t2-line);border-radius:16px;background:var(--t2-surface-2)}
.fx-dots-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px}
.fx-dots-h b{display:inline-flex;align-items:center;gap:6px;font:700 .82rem var(--t2-ff-display);color:var(--t2-ink)}
.fx-dots-h b .t2-ui-ic{color:var(--t2-brand-2)}
.fx-dots-h span{font-size:.7rem;color:var(--t2-muted)}
.fx-dots-r{display:flex;flex-wrap:wrap;gap:6px}
.fx-dots-r i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#fff;font:800 .72rem/1 var(--t2-ff-display);font-style:normal}
.fx-dots-r .is-on{background:#12795C}.fx-dots-r .is-pl{background:#E5832F}.fx-dots-r .is-lt{background:#C8372D;box-shadow:0 0 0 3px #FBE1DE}
.fx-ilg .is-on{background:#12795C}.fx-ilg .is-pl{background:#E5832F}.fx-ilg .is-lt{background:#C8372D}
.fx-ilg .is-ok{background:#0AA5AD}.fx-ilg .is-part{background:#E5832F}.fx-ilg .is-def{background:#6C8FDC}.fx-ilg .is-fut{background:#DCE4EE}
.fx-ilg.is-dark{color:#B9C9E0}.fx-ilg.is-dark .is-fut{background:rgba(255,255,255,.22)}.fx-ilg.is-dark .is-bad{background:#FF7A6E}
.fx-cmt-tip{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid #CDE9EB;background:linear-gradient(90deg,#EAF6F7,#F7FBFC);color:#0B5F66;font-size:.8rem;line-height:1.7}
.fx-cmt-tip b{color:#073F44}
.fx-cmt-tip-ic{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#fff;color:var(--t2-brand-2);box-shadow:0 2px 6px rgba(6,122,130,.15)}
.fx-cmt-tip.is-ok{background:#E2F4EF;border-color:#B4E0D3;color:#0F6E57}
/* ===== v24: بطاقات الدفعات ===== */
.fx-pcs2{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:12px}
.fx-pc2{position:relative;overflow:hidden;display:grid;gap:12px;align-content:start;padding:14px 16px 12px;border:1px solid var(--t2-line);border-radius:18px;background:#fff;text-align:start;font:inherit;color:inherit;cursor:pointer;box-shadow:var(--i-sh);transition:transform .15s,box-shadow .15s,border-color .15s}
.fx-pc2::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--t2-brand)}
.fx-pc2.is-late::before{background:#C8372D}.fx-pc2.is-partial::before{background:#E5832F}
.fx-pc2:hover{transform:translateY(-2px);box-shadow:var(--t2-sh-2);border-color:#CFDCE8}
.fx-pc2-h{display:flex;align-items:center;gap:10px;min-width:0}
.fx-pc2-ic{flex:none;line-height:0}.fx-pc2-ic .t2-tile{width:34px;height:38px}
.fx-pc2-t{display:grid;min-width:0}
.fx-pc2-t b{font:700 .86rem/1.45 var(--t2-ff-display);color:var(--t2-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-pc2-t span{font-size:.72rem;color:var(--t2-muted);font-variant-numeric:tabular-nums}
.fx-pc2-m{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:var(--t2-surface-2)}
.fx-pc2.is-late .fx-pc2-m{background:#FDF3F2}
.fx-pc2-a,.fx-pc2-d{display:grid}
.fx-pc2-a small,.fx-pc2-d small{font-size:.68rem;font-weight:600;color:var(--t2-muted)}
.fx-pc2-a b{font:800 1.5rem/1.2 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-pc2-a b small{font-size:.46em;color:var(--t2-muted)}
.fx-pc2.is-late .fx-pc2-a b{color:#B3261E}
.fx-pc2-d{justify-items:end}.fx-pc2-d b{font:700 .84rem var(--t2-ff-display);color:var(--t2-ink-2);font-variant-numeric:tabular-nums}
.fx-pc2-k{display:grid;gap:5px}.fx-pc2-k small{font-size:.66rem;color:var(--t2-muted)}
.fx-trk{display:flex;gap:3px}
.fx-trk i{flex:1 1 0;height:6px;border-radius:999px;background:#E4EBF2;font-style:normal}
.fx-trk .is-ok{background:#0AA5AD}.fx-trk .is-bad{background:#C8372D}.fx-trk .is-part{background:#E5832F}.fx-trk .is-def{background:#6C8FDC}
.fx-trk .is-cur{outline:2px solid var(--t2-ink);outline-offset:1px}
.fx-pc2-f{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px dashed var(--t2-line);font-size:.76rem}
.fx-st{display:inline-flex;align-items:center;gap:5px;font-weight:700}
.fx-st.is-bad{color:#B3261E}.fx-st.is-warn{color:#B8650F}.fx-st.is-info{color:var(--t2-brand-3)}
/* ===== v24: بطاقات العمليات ===== */
.fx-ops2{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:12px}
.fx-op{display:grid;gap:12px;align-content:start;padding:14px 16px 12px;border:1px solid var(--t2-line);border-radius:18px;background:#fff;text-align:start;font:inherit;color:inherit;cursor:pointer;box-shadow:var(--i-sh);transition:transform .15s,box-shadow .15s}
.fx-op:hover{transform:translateY(-2px);box-shadow:var(--t2-sh-2)}
.fx-op-h{display:flex;align-items:center;gap:10px;min-width:0}
.fx-op-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px}
.fx-op.is-card .fx-op-ic{background:#E3F4F5;color:#067A82}.fx-op.is-bank .fx-op-ic{background:#E7EEF9;color:#1D3F86}.fx-op.is-def .fx-op-ic{background:#ECEFFB;color:#4A5FC1}
.fx-op-t{flex:1;display:grid;min-width:0}
.fx-op-t b{font:700 .88rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.fx-op-t span{font-size:.72rem;color:var(--t2-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-op-v{display:grid;justify-items:end;gap:3px}
.fx-op-v b{font:800 1.15rem/1.2 var(--t2-ff-display);color:#12795C;font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-op.is-def .fx-op-v b{color:#4A5FC1}
.fx-op-v b small{font-size:.6em;color:var(--t2-muted)}
.fx-op-st{padding:0 8px;border-radius:999px;font:700 .66rem/1.7 var(--t2-ff-display);white-space:nowrap}
.fx-op-st.is-ok{background:#E3F4EC;color:#12795C}.fx-op-st.is-warn{background:#FFF1DF;color:#B8650F}
.fx-op-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--t2-line);border-radius:12px;overflow:hidden;background:var(--t2-line)}
.fx-op-kv{display:grid;padding:7px 10px;background:var(--t2-surface-2);min-width:0}
.fx-op-kv small{font-size:.66rem;color:var(--t2-muted)}
.fx-op-kv b{font:700 .8rem var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-op-f{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--t2-muted)}
.fx-op-note{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* ===== v24: تفاصيل الدفعة ===== */
.fx-pd-st{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#E7EEF6;font:700 .78rem var(--t2-ff-display)}
.fx-pd-st i{width:8px;height:8px;border-radius:50%;background:#63E2E0}
.fx-pd-st.is-late{background:rgba(255,120,110,.16);border-color:rgba(255,154,144,.45);color:#FFC2BB}.fx-pd-st.is-late i{background:#FF7A6E}
.fx-pd-st.is-partial i{background:#FFC861}.fx-pd-st.is-paid i,.fx-pd-st.is-review i{background:#7EE3C0}.fx-pd-st.is-deferred i{background:#A9B9F5}
.fx-pd-n{font-size:.84rem;color:#C9D6EC}.fx-pd-n b{font:800 .95rem var(--t2-ff-display);color:#fff}
.fx-pd-c{justify-self:start;display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.06);color:#E7EEF6;font:700 .78rem var(--t2-ff-display);cursor:pointer}
.fx-pd-c:hover{background:rgba(255,255,255,.14)}
.fx-pd-trk{display:grid;gap:8px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.05)}
.fx-pd-trk-h{display:flex;justify-content:space-between;gap:10px;font-size:.76rem;color:#B9C9E0}.fx-pd-trk-h span:first-child{font-weight:700;color:#E7EEF6}
.fx-trk.is-lg{gap:5px}
.fx-trk.is-lg i{display:grid;place-items:center;height:26px;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font:700 .7rem var(--t2-ff-display);font-variant-numeric:tabular-nums}
.fx-trk.is-lg .is-ok{background:#0AA5AD}.fx-trk.is-lg .is-bad{background:#D9493C}.fx-trk.is-lg .is-part{background:#E5832F}.fx-trk.is-lg .is-def{background:#6C8FDC}.fx-trk.is-lg .is-fut{color:#9FB3CC}
.fx-trk.is-lg .is-cur{outline:2px solid #FFC861;outline-offset:2px;transform:translateY(-2px)}
.fx-pd-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;padding:16px 20px;border:1px solid #BFE3E6;border-radius:18px;background:linear-gradient(90deg,#fff,var(--t2-brand-wash))}
.fx-pd-act-t{display:flex;align-items:center;gap:12px;flex:1 1 18rem;min-width:0}
.fx-pd-act-t .fx-card-ic{line-height:0}.fx-pd-act-t .t2-tile{width:42px;height:47px}
.fx-pd-act-t>div{display:grid;gap:2px}
.fx-pd-act-t b{font:800 1.02rem var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-pd-act-t span{font-size:.8rem;color:var(--t2-ink-2)}
.fx-stmt{border:1px solid var(--t2-line);border-radius:20px;background:#fff;box-shadow:var(--i-sh);overflow:hidden}
.fx-stmt-h{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--t2-line);background:linear-gradient(180deg,#F7FAFD,#fff)}
.fx-stmt-h .fx-card-ic{line-height:0}.fx-stmt-h .t2-tile{width:40px;height:45px}
.fx-stmt-ht{flex:1;display:grid;min-width:0}
.fx-stmt-ht h2{margin:0;font:800 1.02rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.fx-stmt-ht span{font-size:.76rem;color:var(--t2-muted)}
.fx-stmt-no{padding:4px 10px;border-radius:8px;background:var(--t2-surface-3);font:700 .78rem var(--t2-ff-display);color:var(--t2-ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-stmt-b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.fx-stmt-c{display:grid;align-content:start;padding:6px 20px 14px;min-width:0}
.fx-stmt-c+.fx-stmt-c{border-inline-start:1px solid var(--t2-line)}
.fx-stmt-t{display:flex;align-items:center;gap:6px;padding:10px 0 6px;font:800 .84rem var(--t2-ff-display);color:var(--t2-brand-3)}
.fx-st-r{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #E3EAF2;font-size:.84rem}
.fx-st-r:last-child{border-bottom:0}
.fx-st-r>span{color:var(--t2-muted)}
.fx-st-r>b{min-width:0;font:700 .86rem var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums;text-align:end;overflow-wrap:anywhere}
.fx-st-r.is-ok>b{color:#12795C}.fx-st-r.is-bad>b{color:#B3261E}.fx-st-r.is-brand>b{color:var(--t2-brand-3)}
.fx-st-r .fx-link{display:inline-flex;align-items:center;gap:4px}
.fx-stmt-c.is-empty .fx-st-r>b{color:#A9B6C6}
.fx-stmt-e{display:flex;align-items:center;gap:6px;margin:8px 0 0;padding:8px 10px;border-radius:10px;background:var(--t2-surface-2);font-size:.74rem;color:var(--t2-muted)}
@media (max-width:56rem){.fx-cmt{grid-template-columns:minmax(0,1fr)}}
@media (max-width:40rem){.fx-cmt2{padding:18px 16px 16px}.fx-cmt-h{flex-wrap:wrap}.fx-cmt-score{min-width:0;padding:4px 12px}.fx-cbxs{gap:6px}.fx-cbx{grid-template-columns:minmax(0,1fr);padding:10px}.fx-cbx-ic{width:30px;height:30px;border-radius:9px}.fx-cbx-t b{font-size:1.2rem}.fx-scl-l b{font-size:.6rem}.fx-scl-l small{font-size:.52rem}.fx-stmt-b{grid-template-columns:minmax(0,1fr)}.fx-stmt-c+.fx-stmt-c{border-inline-start:0;border-top:1px solid var(--t2-line)}.fx-stmt-c{padding:4px 16px 12px}.fx-stmt-h{padding:14px 16px}.fx-pdk{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-trk.is-lg{gap:3px}.fx-trk.is-lg i{height:22px;font-size:.6rem;border-radius:6px}}
@container app (max-width:40rem){.fx-cmt2{padding:18px 14px 14px;gap:14px}.fx-cmt{grid-template-columns:minmax(0,1fr);gap:12px}.fx-cmt-h{flex-wrap:wrap}.fx-cmt-h .t2-tile{width:38px;height:43px}.fx-cmt-ht h2{font-size:1rem}.fx-cmt-ht span{font-size:.72rem}.fx-cmt-score{min-width:0;padding:4px 12px}.fx-cmt-score b{font-size:.95rem}.fx-cbxs{gap:6px}.fx-cbx{grid-template-columns:minmax(0,1fr);gap:6px;padding:10px}.fx-cbx-ic{width:30px;height:30px;border-radius:9px}.fx-cbx-t span{font-size:.7rem}.fx-cbx-t b{font-size:1.2rem}.fx-cbx-s{font-size:.6rem}.fx-scl{padding:10px 10px 8px}.fx-scl-l b{font-size:.6rem}.fx-scl-l small{font-size:.52rem}.fx-dots-r i{width:20px;height:20px}.fx-stmt-b{grid-template-columns:minmax(0,1fr)}.fx-stmt-c+.fx-stmt-c{border-inline-start:0;border-top:1px solid var(--t2-line)}.fx-stmt-c{padding:4px 16px 12px}.fx-stmt-h{padding:14px 16px}.fx-kpis.fx-pdk{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fx-pdk .fx-kpi{padding:12px 10px;gap:8px}.fx-pdk .fx-kpi-ic .t2-tile{width:32px;height:36px}.fx-pdk .fx-kpi-v{font-size:1rem}.fx-trk.is-lg{gap:3px}.fx-trk.is-lg i{height:22px;font-size:.6rem;border-radius:6px}.fx-pd-act{padding:14px}.fx-pd-act .fx-cta{width:100%}.fx-pd-act .fx-cta>*{flex:1 1 0}}
.fx-pd .fx-fin-top{flex-wrap:wrap}
@container app (max-width:40rem){.fx-pd .fx-fin-main{grid-template-columns:minmax(0,1fr) auto;align-items:start}.fx-pd .fx-rings .fx-ring{width:78px;height:78px}.fx-pd .fx-rg>span{font-size:.66rem}.fx-pd .fx-hero-v{font-size:1.8rem}.fx-pd-st{font-size:.7rem}}
@media (max-width:40rem){.fx-pd .fx-fin-main{grid-template-columns:minmax(0,1fr) auto;align-items:start}.fx-pd .fx-rings .fx-ring{width:78px;height:78px}}
/* ===== v25: أيقونات الهوية + شاراتها ===== */
.fx-mini-ic{display:inline-flex;line-height:0;flex:none}.fx-mini-ic .t2-tile{width:22px;height:25px}
.fx-blg{display:flex;flex-wrap:wrap;gap:6px}.fx-blg .t2-pill{font-size:.72rem;padding:1px 9px}
.fx-pd .fx-blg .t2-pill:not([class*=" is-"]){background:rgba(255,255,255,.14);color:#D5E0EE}
/* مربعات المؤشر */
.fx-cbx-ic{width:auto;height:auto;border-radius:0;background:none!important;line-height:0}.fx-cbx-ic .t2-tile{width:38px;height:43px}
.fx-cbx.is-on b{color:var(--t2-ok)}.fx-cbx.is-on .fx-cbx-bar i{background:var(--t2-ok)}
.fx-cbx.is-pl b{color:var(--t2-warn)}.fx-cbx.is-pl .fx-cbx-bar i{background:#C98418}
.fx-cbx.is-lt b{color:var(--t2-danger)}.fx-cbx.is-lt .fx-cbx-bar i{background:var(--t2-danger)}
.fx-cmt-tip-ic{width:auto;height:auto;background:none;box-shadow:none;border-radius:0;line-height:0}.fx-cmt-tip-ic .t2-tile{width:32px;height:36px}
.fx-dots-r i{border:1px solid;border-radius:999px;font-size:.7rem;width:24px;height:24px}
.fx-dots-r .is-on{background:var(--t2-ok-wash);color:var(--t2-ok);border-color:#BFE3D3}
.fx-dots-r .is-pl{background:var(--t2-warn-wash);color:var(--t2-warn);border-color:#F2D3A6}
.fx-dots-r .is-lt{background:var(--t2-danger-wash);color:var(--t2-danger);border-color:#F3C3BE;box-shadow:none}
/* شريط الدفعات: ألوان الحالات المعتمدة */
.fx-trk .is-ok{background:var(--t2-ok)}.fx-trk .is-bad{background:var(--t2-danger)}.fx-trk .is-part{background:#C98418}.fx-trk .is-def{background:var(--t2-info)}.fx-trk .is-fut{background:var(--t2-surface-3)}
.fx-trk .is-cur{outline:2px solid var(--t2-brand);outline-offset:2px}
.fx-trk.is-lg i{border-radius:999px;border:1px solid transparent;font-weight:700}
.fx-trk.is-lg .is-ok{background:var(--t2-ok-wash);color:var(--t2-ok)}
.fx-trk.is-lg .is-bad{background:var(--t2-danger-wash);color:var(--t2-danger)}
.fx-trk.is-lg .is-part{background:var(--t2-warn-wash);color:var(--t2-warn)}
.fx-trk.is-lg .is-def{background:var(--t2-info-wash);color:var(--t2-info)}
.fx-trk.is-lg .is-fut{background:rgba(255,255,255,.14);color:#D5E0EE}
.fx-trk.is-lg .is-cur{outline:2px solid #FFC861;outline-offset:2px;transform:none;box-shadow:0 0 0 5px rgba(255,200,97,.18)}
/* بطاقات العمليات — مساحات آمنة */
.fx-ops2{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:14px}
.fx-op{gap:12px;padding:16px;border-radius:18px}
.fx-op-h{align-items:flex-start;gap:12px}
.fx-op-ic{width:auto;height:auto;background:none!important;border-radius:0;line-height:0}.fx-op-ic .t2-tile{width:40px;height:45px}
.fx-op-t{gap:2px;padding-top:2px}
.fx-op-t b{font:700 .9rem/1.5 var(--t2-ff-display);white-space:normal;overflow-wrap:anywhere}
.fx-op-t span{font-size:.74rem;line-height:1.5}
.fx-op-m{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--t2-surface-2);min-width:0}
.fx-op-v{display:grid;justify-items:start;gap:0;min-width:0}
.fx-op-v>small{font-size:.68rem;font-weight:600;color:var(--t2-muted)}
.fx-op-v b{font:800 1.3rem/1.25 var(--t2-ff-display);color:var(--t2-ok)}
.fx-op.is-def .fx-op-v b{color:var(--t2-info)}
.fx-op-m .t2-pill{flex:none;font-size:.72rem}
.fx-op-kv{padding:8px 12px;gap:2px}
.fx-op-f{padding-top:10px;border-top:1px dashed var(--t2-line)}
.fx-pc2-f .t2-pill{font-size:.74rem}
@container app (max-width:40rem){.fx-op{padding:14px}.fx-op-kv{padding:7px 10px}.fx-op-v b{font-size:1.15rem}}
.fx-cbx{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 14px}
.fx-cbx-h{display:flex;align-items:center;gap:8px;min-width:0}
.fx-cbx-h>span:last-child{font:700 .8rem/1.4 var(--t2-ff-display);color:var(--t2-ink-2)}
.fx-cbx-ic .t2-tile{width:30px;height:34px}
.fx-cbx-n{font:800 1.6rem/1.1 var(--t2-ff-display);font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-cbx-n small{font-size:.48em;font-weight:700;color:var(--t2-muted)}
.fx-cbx.is-on .fx-cbx-n{color:var(--t2-ok)}.fx-cbx.is-pl .fx-cbx-n{color:var(--t2-warn)}.fx-cbx.is-lt .fx-cbx-n{color:var(--t2-danger)}
.fx-cmt{grid-template-columns:minmax(220px,290px) minmax(0,1fr)}
@container app (max-width:40rem){.fx-cbx{padding:10px;gap:6px}.fx-cbx-h{flex-direction:column;align-items:flex-start;gap:4px}.fx-cbx-h>span:last-child{font-size:.7rem}.fx-cbx-n{font-size:1.25rem}}
@media (max-width:40rem){.fx-cbx-h{flex-direction:column;align-items:flex-start;gap:4px}.fx-cbx-n{font-size:1.25rem}}
@media (max-width:56rem){.fx-cmt{grid-template-columns:minmax(0,1fr)}}
@container app (max-width:40rem){.fx-cmt{grid-template-columns:minmax(0,1fr)}}
/* ===== v26: مسار الدفعات (عُقَد متصلة) ===== */
.fx-trail{display:flex;margin:0;padding:0;list-style:none;--h:18px;--n:12px;--c:18px}
.fx-trail.is-lg{--h:40px;--n:26px;--c:36px;padding-top:30px}
.fx-ps{position:relative;flex:1 1 0;display:grid;justify-items:center;align-content:start;gap:6px;min-width:0}
.fx-ps::before{content:"";position:absolute;top:calc(var(--h) / 2 - 1.5px);inset-inline-start:-50%;inset-inline-end:50%;height:3px;border-radius:3px;background:#E1E8F0}
.fx-ps:first-child::before{display:none}
.fx-pw{display:grid;place-items:center;height:var(--h);position:relative;z-index:1}
.fx-pn{display:grid;place-items:center;width:var(--n);height:var(--n);border-radius:50%;font:800 calc(var(--n) * .46)/1 var(--t2-ff-display);color:#fff;font-variant-numeric:tabular-nums;transition:transform .2s}
.fx-ps.is-ok::before{background:linear-gradient(90deg,#0AA5AD,#12795C)}
.fx-ps.is-bad::before,.fx-ps.is-late::before{background:repeating-linear-gradient(90deg,#B3261E 0 5px,transparent 5px 8px)}
.fx-ps.is-part::before{background:#C98418}.fx-ps.is-def::before{background:#132E5E}
.fx-ps.is-ok .fx-pn{background:linear-gradient(145deg,#1A9A75,#12795C);box-shadow:0 2px 6px rgba(18,121,92,.35)}
.fx-ps.is-bad .fx-pn{background:linear-gradient(145deg,#D5483D,#B3261E);box-shadow:0 2px 6px rgba(179,38,30,.35)}
.fx-ps.is-part .fx-pn{background:conic-gradient(#C98418 0 50%,#FFF1DC 0);box-shadow:inset 0 0 0 2px #C98418;color:var(--t2-warn)}
.fx-ps.is-def .fx-pn{background:linear-gradient(145deg,#2A4C8C,#132E5E)}
.fx-ps.is-fut .fx-pn{background:#fff;box-shadow:inset 0 0 0 2px #D4DEEA;color:var(--t2-muted)}
.fx-ps.is-cur .fx-pn{width:var(--c);height:var(--c);font-size:calc(var(--c) * .42);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--t2-brand),0 6px 14px rgba(10,165,173,.35);animation:fxPulse 2.2s ease-in-out infinite}
.fx-ps.is-cur.is-part .fx-pn{color:#fff;background:conic-gradient(#C98418 0 50%,#B3261E 0)}
@keyframes fxPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media (prefers-reduced-motion:reduce){.fx-ps.is-cur .fx-pn{animation:none}}
.fx-ps>small{font:700 .66rem/1 var(--t2-ff-display);color:var(--t2-muted);font-variant-numeric:tabular-nums}
.fx-ps>em{position:absolute;top:-30px;padding:3px 9px;border-radius:999px;font:700 .64rem/1.5 var(--t2-ff-display);font-style:normal;white-space:nowrap;color:#0A1F44;background:linear-gradient(135deg,#FFE7A8,#FFC861);box-shadow:0 4px 10px rgba(255,200,97,.3)}
.fx-ps>em::after{content:"";position:absolute;bottom:-4px;inset-inline-start:calc(50% - 4px);border:4px solid transparent;border-bottom:0;border-top-color:#FFC861}
/* على الخلفية الداكنة */
.fx-pd .fx-ps::before{background:rgba(255,255,255,.16)}
.fx-pd .fx-ps.is-ok::before{background:linear-gradient(90deg,#63E2E0,#0AA5AD)}
.fx-pd .fx-ps.is-bad::before,.fx-pd .fx-ps.is-late::before{background:repeating-linear-gradient(90deg,#FF7A6E 0 5px,transparent 5px 8px)}
.fx-pd .fx-ps.is-part::before{background:#FFC861}.fx-pd .fx-ps.is-def::before{background:#8EA6E8}
.fx-pd .fx-ps.is-ok .fx-pn{background:linear-gradient(145deg,#2CC6A0,#0E8F6C)}
.fx-pd .fx-ps.is-bad .fx-pn{background:linear-gradient(145deg,#FF7A6E,#D33A2F)}
.fx-pd .fx-ps.is-def .fx-pn{background:linear-gradient(145deg,#8EA6E8,#5672C9)}
.fx-pd .fx-ps.is-part .fx-pn{background:conic-gradient(#FFC861 0 50%,rgba(255,255,255,.12) 0);box-shadow:inset 0 0 0 2px #FFC861;color:#FFE7A8}
.fx-pd .fx-ps.is-fut .fx-pn{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 2px rgba(255,255,255,.3);color:#C9D6EC}
.fx-pd .fx-ps.is-cur .fx-pn{box-shadow:0 0 0 3px #0E2A55,0 0 0 5px #FFC861,0 0 22px rgba(255,200,97,.55)}
.fx-pd .fx-ps>small{color:#9FB3CC}.fx-pd .fx-ps.is-cur>small{color:#FFE7A8}
.fx-pd-trk{gap:12px;padding:14px 16px 12px}
@container app (max-width:40rem){.fx-trail.is-lg{--h:32px;--n:20px;--c:28px;padding-top:28px}.fx-ps>small{font-size:.58rem}.fx-ps>em{font-size:.58rem;padding:2px 7px;top:-28px}}
@media (max-width:40rem){.fx-trail.is-lg{--h:32px;--n:20px;--c:28px}}
/* المؤشر: ألوان الفئات كاملة */
.fx-scl-t i{opacity:1;height:8px;align-self:center}
.fx-scl-t{height:14px;align-items:center}
.fx-scl-t i.is-on{height:14px;border-radius:999px;box-shadow:0 0 0 3px #fff,0 4px 10px rgba(11,35,73,.2)}
.fx-scl-t .is-poor{background:#B3261E}.fx-scl-t .is-ex{background:#12795C}
.fx-scl-l span{opacity:1}.fx-scl-l span:not(.is-on) b{color:var(--t2-muted);font-weight:600}
.fx-cg-l{font:800 13px var(--t2-ff-display)}
/* نصوص لا تُقصّ (نقاط الياء) */
.fx-op-kv b{line-height:1.7;white-space:normal;overflow:visible;overflow-wrap:anywhere}
.fx-op-kv small{line-height:1.5}
.fx-kpi-v,.fx-cc-s b,.fx-pc2-t b,.fx-op-t span{line-height:1.6}
.fx-pd .fx-ps.is-cur.is-part .fx-pn{background:conic-gradient(#FFC861 0 50%,#FF7A6E 0);color:#0A1F44;box-shadow:0 0 0 3px #0E2A55,0 0 0 5px #FFC861,0 0 22px rgba(255,200,97,.55)}
.fx-ps.is-cur.is-part .fx-pn{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--t2-brand),0 6px 14px rgba(10,165,173,.35)}
/* ===== v27: بوابة الدفع بهوية تيرا ===== */
.fx-gw{display:grid;gap:14px;padding:16px;border:1px solid var(--t2-line);border-radius:18px;background:linear-gradient(180deg,#F7FAFD,#fff 60%)}
.fx-gw-sec{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;border-radius:12px;background:var(--t2-brand-wash);color:#0B5F66;font-size:.78rem;line-height:1.7}
.fx-gw-sec b{color:#073F44}
.fx-gw-br{display:inline-flex;flex-wrap:wrap;gap:4px;margin-inline-start:auto}
.fx-gw-br i{font:700 .66rem/1.6 var(--t2-ff-display);font-style:normal;padding:1px 8px;border-radius:6px;background:#fff;border:1px solid #CDE9EB;color:var(--t2-info)}
.fx-gw-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fx-gw-g>.t2-field.is-wide{grid-column:1/-1}
.fx-gw-num{position:relative}
.fx-gw-num .t2-input{padding-inline-end:6.5rem;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.fx-gw-brand{position:absolute;inset-block:0;inset-inline-end:10px;display:flex;align-items:center;font:700 .74rem var(--t2-ff-display);color:var(--t2-brand-3);pointer-events:none}
.fx-gw .t2-input[dir=ltr]{text-align:left}
.fx-gw-saved{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}
.fx-scard{position:relative;overflow:hidden;display:grid;align-content:space-between;gap:8px;inline-size:17.5rem;max-inline-size:100%;aspect-ratio:1.586;padding:16px 18px;border-radius:16px;color:#fff;background:radial-gradient(120% 90% at 100% 0%,rgba(10,165,173,.55),transparent 60%),linear-gradient(135deg,#0B2349,#132E5E 60%,#0E3B5E);box-shadow:0 10px 24px rgba(11,35,73,.25)}
.fx-scard::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.fx-scard-chip{width:34px;height:26px;border-radius:6px;background:linear-gradient(135deg,#FFE7A8,#E3B65A)}
.fx-scard-br{position:absolute;top:14px;inset-inline-end:16px;font:800 .95rem var(--t2-ff-display)}
.fx-scard-no{font:700 1.02rem var(--t2-ff-display);letter-spacing:.12em;font-variant-numeric:tabular-nums;text-align:left}
.fx-scard-f{display:flex;justify-content:space-between;gap:8px;font:600 .72rem var(--t2-ff-text);color:#C9D6EC;direction:ltr}
.fx-scard-auto{position:absolute;bottom:42px;inset-inline-end:16px;padding:1px 8px;border-radius:999px;background:rgba(99,226,224,.18);color:#9FF0EE;font:700 .62rem/1.6 var(--t2-ff-display);font-style:normal}
.fx-scard.is-sm{inline-size:15rem;padding:14px 16px}
.fx-auth{display:grid;justify-items:center;gap:8px;padding:40px 20px;border:1px solid var(--t2-line);border-radius:20px;background:#fff;text-align:center;box-shadow:var(--i-sh)}
.fx-auth b{font:800 1.1rem var(--t2-ff-display);color:var(--t2-ink)}
.fx-auth>span:not(.fx-auth-sp){font-size:.86rem;color:var(--t2-ink-2)}
.fx-auth small{font-size:.76rem;color:var(--t2-muted)}
.fx-auth-sp{width:54px;height:54px;border-radius:50%;border:5px solid var(--t2-brand-wash);border-top-color:var(--t2-brand);animation:fxSpin 1s linear infinite;margin-bottom:6px}
@keyframes fxSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.fx-auth-sp{animation-duration:3s}}
.t2-btn.fx-wbtn{background:#000!important;border-color:#000!important;color:#fff!important;border-radius:999px}
.fx-autochip{justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#E7EEF6;font:700 .76rem var(--t2-ff-display);cursor:pointer}
.fx-autochip i{width:8px;height:8px;border-radius:50%;background:#FFC861}
.fx-autochip.is-on i{background:#63E2E0;box-shadow:0 0 0 3px rgba(99,226,224,.25)}
.fx-autochip:hover{background:rgba(255,255,255,.14)}
.fx-autoh{display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid var(--t2-line);border-radius:18px;background:#fff;box-shadow:var(--i-sh)}
.fx-autoh.is-on{border-color:#BFE3D3;background:linear-gradient(90deg,#fff,var(--t2-ok-wash))}
.fx-autoh .fx-card-ic{line-height:0}.fx-autoh .t2-tile{width:42px;height:47px}
.fx-autoh>div{display:grid;gap:2px}.fx-autoh b{font:800 1rem var(--t2-ff-display);color:var(--t2-ink)}.fx-autoh span{font-size:.82rem;color:var(--t2-ink-2)}
.fx-cards{display:grid;gap:14px}
.fx-cardrow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:14px;border:1px solid var(--t2-line);border-radius:18px;background:#fff}
.fx-cardrow-b{display:grid;gap:10px;justify-items:start;min-width:0}
.fx-cardrow-b>.t2-field{justify-self:stretch}
.fx-cardrow-conf{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--t2-danger-wash);color:var(--t2-danger);font-size:.8rem;font-weight:600}
@media (max-width:40rem){.fx-gw-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fx-gw-saved,.fx-cardrow{grid-template-columns:minmax(0,1fr)}.fx-scard,.fx-scard.is-sm{inline-size:100%}}
@container app (max-width:40rem){.fx-gw{padding:12px}.fx-gw-br{margin-inline-start:0}.fx-gw-saved,.fx-cardrow{grid-template-columns:minmax(0,1fr)}.fx-scard,.fx-scard.is-sm{inline-size:100%}}
.fx-gw-num .t2-input{padding-inline-end:12px;padding-right:7rem}
.fx-gw-brand{inset-inline-end:auto;inset-inline-start:auto;right:12px;left:auto}
.fx-scard-auto{bottom:auto;top:46px}
/* ===== v28: صفحة السداد بقوالب الهوية ===== */
.t2-cb-ic{flex:none;line-height:0}.t2-cb-ic .t2-tile{width:26px;height:29px}
.t2-cb-o{display:flex;align-items:center;gap:10px}
.t2-cb-oic{flex:none;line-height:0}.t2-cb-oic .t2-tile{width:28px;height:32px}
.fx-co{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:18px;align-items:start}
.fx-co-m{display:grid;gap:18px;min-width:0}
.fx-osum{position:sticky;top:96px;display:grid;gap:12px;padding:18px;border:1px solid var(--t2-line);border-radius:20px;background:#fff;box-shadow:var(--i-sh)}
.fx-osum-h{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--t2-line)}
.fx-osum-h .fx-card-ic{line-height:0}.fx-osum-h .t2-tile{width:34px;height:38px}
.fx-osum-h b{font:800 1rem var(--t2-ff-display);color:var(--t2-ink)}
.fx-osum-b{display:grid;gap:8px}
.fx-osum-r{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.84rem;line-height:1.7}
.fx-osum-r>span{color:var(--t2-muted)}
.fx-osum-r>b{font:700 .86rem var(--t2-ff-display);color:var(--t2-ink);text-align:end;font-variant-numeric:tabular-nums}
.fx-osum-r.is-warn>b{color:var(--t2-warn)}
.fx-osum-t{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;border-radius:14px;background:var(--t2-brand-wash)}
.fx-osum-t span{font:700 .84rem var(--t2-ff-display);color:var(--t2-brand-3)}
.fx-osum-t b{font:800 1.6rem/1.2 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-osum-t b small{font-size:.5em;color:var(--t2-muted)}
.fx-osum>.t2-btn{width:100%;justify-content:center;min-height:2.85rem}
.fx-osum-p{display:grid;gap:8px;justify-items:center;padding-top:12px;border-top:1px dashed var(--t2-line)}
.fx-prov{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--t2-ink-2);line-height:1.6}
.fx-prov-n{font:800 .9rem var(--t2-ff-display);color:var(--t2-info);letter-spacing:.01em}
.fx-prov.is-sm{font-size:.72rem}.fx-prov.is-sm .fx-prov-n{font-size:.8rem}
.fx-marks{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.fx-mark{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;border:1px solid var(--t2-line);background:#fff;font:800 .66rem/1 var(--t2-ff-display);font-style:normal;color:var(--t2-info);white-space:nowrap}
/* حقول البطاقة */
.fx-gw{display:grid;gap:16px;padding:0;border:0;background:none}
.fx-gw-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
.fx-gw-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fx-gw-g.is-one{grid-template-columns:minmax(0,1fr);align-self:center}
.fx-scard.is-live{inline-size:16.5rem}
.fx-scard.is-live .fx-scard-no{font-size:.98rem}
.fx-gw-w{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--t2-line);border-radius:16px;background:var(--t2-surface-2)}
.fx-gw-w .fx-card-ic{line-height:0}.fx-gw-w .t2-tile{width:40px;height:45px}
.fx-gw-w>div{display:grid;gap:2px}.fx-gw-w b{font:800 .95rem var(--t2-ff-display);color:var(--t2-ink)}.fx-gw-w span{font-size:.82rem;color:var(--t2-ink-2)}
.fx-confirm .fx-prov{justify-self:center;margin-top:4px}
/* بلوك الدفع في الرئيسية */
.fx-home-pay{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:16px 22px;padding:18px 20px;border:1px solid var(--t2-line);border-radius:20px;background:linear-gradient(90deg,#fff,var(--t2-brand-wash));box-shadow:var(--i-sh)}
.fx-home-pay-t{display:flex;align-items:center;gap:12px;min-width:0}
.fx-home-pay-t .fx-card-ic{line-height:0}.fx-home-pay-t .t2-tile{width:44px;height:50px}
.fx-home-pay-t>div{display:grid;gap:2px}.fx-home-pay-t b{font:800 1rem var(--t2-ff-display);color:var(--t2-ink)}.fx-home-pay-t span{font-size:.8rem;color:var(--t2-ink-2);line-height:1.7}
.fx-home-pay-m{display:grid;gap:8px;justify-items:center}
.fx-home-pay-a{display:grid;gap:8px}
.fx-home-pay-a .t2-btn{justify-content:center}
@media (max-width:72rem){.fx-co{grid-template-columns:minmax(0,1fr)}.fx-osum{position:static}.fx-home-pay{grid-template-columns:minmax(0,1fr)}.fx-home-pay-m{justify-items:start}.fx-home-pay-m .fx-marks{justify-content:flex-start}.fx-home-pay-a{grid-auto-flow:column;justify-content:start}}
@media (max-width:40rem){.fx-gw-row{grid-template-columns:minmax(0,1fr)}.fx-scard.is-live{inline-size:100%}.fx-gw-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@container app (max-width:40rem){.fx-co{grid-template-columns:minmax(0,1fr)}.fx-osum{position:static}.fx-gw-row{grid-template-columns:minmax(0,1fr)}.fx-scard.is-live{inline-size:100%;max-inline-size:20rem;justify-self:center}.fx-home-pay{grid-template-columns:minmax(0,1fr);padding:16px}.fx-home-pay-m{justify-items:start}.fx-home-pay-m .fx-marks{justify-content:flex-start}.fx-home-pay-a{grid-auto-flow:row}}
@container app (max-width:40rem){.fx-scard.is-live{max-inline-size:16rem;aspect-ratio:1.7;padding:12px 14px}}
/* ===== v29: إدخال بالمربعات + الرئيسية ===== */
.fx-sgi{display:flex;align-items:center;gap:8px}
.fx-sgi-i{min-width:0;text-align:center!important;padding-inline:4px!important;font:700 1.02rem var(--t2-ff-display)!important;letter-spacing:.18em;font-variant-numeric:tabular-nums}
.fx-sgi-i::placeholder{color:#B8C5D4;letter-spacing:.12em;font-weight:600}
.fx-sgi-i:focus{border-color:var(--t2-brand);box-shadow:0 0 0 3px rgba(10,165,173,.18)}
.fx-sgi-sep{font:700 1.2rem var(--t2-ff-display);color:var(--t2-muted)}
.fx-sgi.is-date,.fx-sgi.is-cvv{max-inline-size:11rem}
.fx-sgi.is-cvv{max-inline-size:7rem}
.fx-gw-num{display:grid;gap:6px}
.fx-gw-num .fx-gw-brand{position:static;justify-self:end;font-size:.74rem;min-height:1em}
.fx-gw-g>.t2-field:has(.fx-sgi.is-date),.fx-gw-g>.t2-field:has(.fx-sgi.is-cvv){align-content:start}
.t2-field.is-missing .fx-sgi-i{border-color:var(--t2-warn)}
.fx-home-pay{grid-template-columns:minmax(0,1fr);gap:16px}
.fx-home-pay-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.fx-home-pay-a{grid-auto-flow:column;justify-content:start}
.fx-trusts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fx-trust{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--t2-line);border-radius:14px;background:#fff;min-width:0}
.fx-trust .fx-card-ic{line-height:0}.fx-trust .t2-tile{width:32px;height:36px}
.fx-trust>div{display:grid;min-width:0}.fx-trust b{font:800 .84rem var(--t2-ff-display);color:var(--t2-ink)}.fx-trust span{font-size:.72rem;color:var(--t2-muted);line-height:1.6}
.fx-home-pay-m{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px dashed var(--t2-line)}
.fx-home-pay-m .fx-marks{justify-content:flex-start}
.fx-mark.is-img{padding:2px 6px;background:#fff}.fx-mark.is-img img{height:18px;width:auto;display:block}
.fx-prov-img{height:18px;width:auto;display:block}
@media (max-width:72rem){.fx-trusts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container app (max-width:40rem){.fx-trusts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fx-trust{padding:8px 10px}.fx-home-pay-h{flex-direction:column;align-items:stretch}.fx-home-pay-a{grid-auto-flow:row}.fx-sgi{gap:5px}.fx-sgi-i{font-size:.92rem!important;letter-spacing:.08em}}
/* ===== v30: بطاقة الدفع كما في المنصة (pay-card) ===== */
.pay-card{margin:0;padding:16px 18px 14px;border-radius:22px;background:linear-gradient(#fff,#F3F7FB);color:var(--t2-ink);border:1px solid var(--t2-line);box-shadow:var(--i-sh)}
.pay-card-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.pay-card-head .t2-tile{width:64px;height:72px;flex:none}
.pay-card .t2-tile{animation:pay-icon 2.8s ease-in-out infinite}
@keyframes pay-icon{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.pay-card-head h2,.pay-title{margin:0;flex:1 1 0%;min-width:0;overflow:hidden;container-type:inline-size;font-family:Alexandria,var(--t2-ff-display);font-weight:800;color:var(--t2-ink)}
.pay-title-18{font-size:18px}
.pay-title-14{font-size:14px;font-weight:700;margin:0 0 8px;color:var(--t2-ink-2)}
.pay-title-track{display:flex;width:max-content;direction:ltr;animation:pay-roll 18s linear infinite}
.pay-title-track>span{box-sizing:border-box;min-width:100cqi;direction:rtl;text-align:start;padding-inline-end:1.5rem;white-space:nowrap}
.pay-card-head.pay-sign{margin:2px 0 0}
.pay-marquee{overflow:hidden;margin:8px 0 10px;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.pay-track{display:flex;width:max-content;animation:pay-roll 28s linear infinite}
.pay-marks{display:flex;gap:12px;list-style:none;margin:0;padding:8px 6px}
.pay-marks li{flex:0 0 auto;height:54px;min-width:124px;display:grid;place-items:center;padding:6px 10px;border-radius:12px;background:#fff;border:1px solid var(--t2-line);box-shadow:0 2px 6px rgba(11,35,73,.06)}
.pay-marks img{height:36px;width:auto;max-width:116px;max-height:36px;object-fit:contain;display:block}
.pay-mark-t{font:800 1rem var(--t2-ff-display);color:var(--t2-info)}
@keyframes pay-roll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.pay-card-f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--t2-line)}
.pay-card-a{display:flex;gap:8px}
@media (prefers-reduced-motion:reduce){.pay-track,.pay-title-track,.pay-card .t2-tile{animation:none}.pay-track{flex-wrap:wrap;width:auto}}
@container app (max-width:40rem){.pay-card-head .t2-tile{width:48px;height:54px}.pay-title-18{font-size:16px}.pay-marks li{height:46px;min-width:100px}.pay-marks img{height:30px}}
/* ===== v30: بطاقة محفورة تنقلب ===== */
.fx-flip{perspective:1200px;inline-size:16.5rem;max-inline-size:100%;justify-self:center}
.fx-flip-in{position:relative;display:grid;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.fx-flip.is-flipped .fx-flip-in{transform:rotateY(180deg)}
.fx-flip-in>.fx-scard{grid-area:1/1;inline-size:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.fx-flip-in>.fx-scard.is-back{transform:rotateY(180deg)}
.fx-scard-no,.fx-scard-f>span{font-family:"OCR A Std","OCR-A","Courier New",ui-monospace,monospace!important;font-weight:700;letter-spacing:.14em;color:#E9EEF5;
  background:linear-gradient(180deg,#FFFFFF 0%,#D6DEE8 45%,#9FB0C3 55%,#EEF2F7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 -1px 0 rgba(255,255,255,.18))}
.fx-scard-no{font-size:1.06rem!important}
.fx-scard-f>span{font-size:.72rem;letter-spacing:.1em}
.fx-scard.is-back{align-content:start;gap:12px;padding:16px 0 14px;background:linear-gradient(135deg,#0B2349,#132E5E 60%,#0E3B5E)}
.fx-scard-stripe{display:block;height:36px;background:#05101F;margin-top:4px}
.fx-scard-sig{display:flex;align-items:center;gap:8px;margin-inline:16px}
.fx-scard-sigl{flex:1;height:30px;border-radius:4px;background:repeating-linear-gradient(-45deg,#F1F4F8 0 6px,#E2E8F0 6px 12px)}
.fx-scard-cvv{display:grid;place-items:center;min-width:56px;height:34px;padding:0 8px;border-radius:6px;background:#fff;color:#0B2349;font:800 1rem var(--t2-ff-display);letter-spacing:.2em;box-shadow:0 0 0 3px #FFC861,0 0 18px rgba(255,200,97,.7);animation:fxCvv 1.4s ease-in-out infinite}
@keyframes fxCvv{0%,100%{box-shadow:0 0 0 3px #FFC861,0 0 10px rgba(255,200,97,.5)}50%{box-shadow:0 0 0 5px #FFC861,0 0 22px rgba(255,200,97,.85)}}
.fx-scard-hint{margin-inline:16px;padding:6px 10px;border-radius:8px;background:rgba(255,200,97,.16);color:#FFE7A8;font:700 .7rem/1.6 var(--t2-ff-display);text-align:center}
@media (prefers-reduced-motion:reduce){.fx-flip-in{transition:none}.fx-scard-cvv{animation:none}}
@container app (max-width:40rem){.fx-flip{inline-size:100%;max-inline-size:17rem}}
@media (max-width:40rem){.fx-flip{inline-size:100%}}
.fx-scard-no{white-space:nowrap;font-size:.98rem!important;letter-spacing:.09em!important}
.fx-scard.is-sm .fx-scard-no{font-size:.9rem!important}
@container app (max-width:40rem){.fx-scard-no{font-size:.92rem!important;letter-spacing:.06em!important}}
.pay-card{min-width:0;max-width:100%;overflow:hidden;contain:inline-size}
.pay-marquee{min-width:0;max-width:100%}
/* ===== v31: الشعارات + الحفر البارز ===== */
.t2-cb-ic.is-logo,.t2-cb-oic.is-logo{display:grid;place-items:center;width:46px;height:28px;padding:2px 4px;border-radius:6px;background:#fff;border:1px solid var(--t2-line)}
.t2-cb-ic.is-logo img,.t2-cb-oic.is-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.fx-blogo{display:inline-grid;place-items:center;height:26px;padding:3px 6px;border-radius:6px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.fx-blogo img{height:100%;width:auto;display:block}
.fx-scard-br .fx-blogo{height:30px}
.fx-scard-br .fx-btext{font:800 .95rem var(--t2-ff-display)}
.fx-gw-brand .fx-blogo{height:22px;box-shadow:none;border:1px solid var(--t2-line)}
.fx-gw-brand .fx-btext{font:700 .74rem var(--t2-ff-display);color:var(--t2-brand-3)}
.fx-osum-m{display:inline-flex;align-items:center;gap:6px}
.fx-osum-lg{height:18px;width:auto}
.fx-prov-img{height:20px}
/* أرقام وتاريخ محفورة بارزة */
.fx-scard-no,.fx-scard-f>span{-webkit-text-fill-color:#E3E9F1!important;color:#E3E9F1!important;background:none!important;filter:none!important;
  text-shadow:-1px -1px 0 rgba(255,255,255,.55),1px 1px 0 rgba(0,0,0,.65),2px 2px 1px rgba(0,0,0,.45),3px 3px 6px rgba(0,0,0,.35)!important}
.fx-scard-no{font-size:1.08rem!important;font-weight:800!important;letter-spacing:.1em!important}
.fx-scard-f>span{font-size:.78rem!important;font-weight:800!important;letter-spacing:.12em!important}
.fx-scard-f{color:#E3E9F1}
@container app (max-width:40rem){.fx-scard-no{font-size:.95rem!important;letter-spacing:.06em!important}}
.fx-blogo{height:auto!important;padding:3px 6px}
.fx-blogo img{height:18px!important;width:auto!important;max-width:none}
.fx-scard-br .fx-blogo img{height:22px!important}
.fx-gw-brand .fx-blogo img{height:14px!important}
.fx-blogo.is-w img{height:28px!important}
/* ===== v32: بطاقة حقيقية الشكل ===== */
.fx-flipw{display:grid;gap:8px;justify-items:center;align-content:start}
.fx-flip{inline-size:19.5rem;max-inline-size:100%}
.fx-rcard{position:relative;overflow:hidden;inline-size:100%;aspect-ratio:1.586;border-radius:16px;color:#fff;padding:14px 18px 14px;display:grid;grid-template-rows:auto auto 1fr auto auto;grid-area:1/1;
  background:radial-gradient(110% 120% at 0% 0%,#1E5A9A 0%,transparent 55%),radial-gradient(90% 90% at 100% 100%,rgba(10,165,173,.45) 0%,transparent 60%),linear-gradient(135deg,#0B2349 0%,#122F60 45%,#0A1C3B 100%);
  box-shadow:0 18px 30px -12px rgba(11,35,73,.55),inset 0 0 0 1px rgba(255,255,255,.1);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.fx-rc-guil{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55;pointer-events:none}
.fx-rc-sheen{position:absolute;inset:-40% -60%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.13) 50%,transparent 58%);pointer-events:none}
.fx-rc-top{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:22px}
.fx-rc-type{font:700 .6rem/1 var(--t2-ff-display);letter-spacing:.22em;color:rgba(255,255,255,.72)}
.fx-rc-mada img{height:20px;width:auto;display:block}
.fx-rc-chiprow{position:relative;display:flex;align-items:center;gap:10px;margin-top:8px}
.fx-rc-chiprow svg{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.fx-rc-no,.fx-rc-emb{color:#E8EDF4;text-shadow:-1px -1px 0 rgba(255,255,255,.55),1px 1px 0 rgba(0,0,0,.75),2px 2px 2px rgba(0,0,0,.45),0 0 1px rgba(255,255,255,.3);font-family:"OCR A Std","OCR-A","Courier New",ui-monospace,monospace;font-weight:800}
.fx-rc-no{position:relative;align-self:end;font-size:1.2rem;line-height:1.2;letter-spacing:.11em;white-space:nowrap;margin-top:6px}
.fx-rc-valid{position:relative;display:flex;align-items:center;gap:6px;justify-content:center;margin-top:4px}
.fx-rc-valid small{font:700 .42rem/1.1 var(--t2-ff-text);letter-spacing:.08em;color:rgba(255,255,255,.75)}
.fx-rc-emb{font-size:.86rem;letter-spacing:.12em}
.fx-rc-bot{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:4px;min-height:30px}
.fx-rc-name{font-size:.76rem;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-rc-netw{display:flex;align-items:flex-end;justify-content:flex-end;height:30px}
.fx-rc-net{height:22px;width:auto;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
.fx-rc-net.is-mc{height:32px}.fx-rc-net.is-mada{height:26px}
.fx-rc-nett{font:800 .9rem var(--t2-ff-display)}
.fx-rcard.is-back{transform:rotateY(180deg);padding:0;grid-template-rows:auto auto 1fr}
.fx-rc-stripe{position:relative;height:40px;background:linear-gradient(#030912,#0A1424);margin-top:18px}
.fx-rc-sig{position:relative;display:flex;align-items:center;gap:8px;margin:14px 16px 0}
.fx-rc-sigl{flex:1;height:32px;display:flex;align-items:center;padding-inline:8px;border-radius:3px;background:repeating-linear-gradient(-45deg,#F4F6F9 0 6px,#E4E9F0 6px 12px);color:#8A99AE;font:600 .42rem/1 var(--t2-ff-text);letter-spacing:.1em}
.fx-rc-cvv{display:grid;place-items:center;min-width:58px;height:34px;padding:0 8px;border-radius:5px;background:#fff;color:#0B2349;font:800 1rem "Courier New",monospace;letter-spacing:.2em;font-style:italic;box-shadow:0 0 0 3px #FFC861,0 0 18px rgba(255,200,97,.7);animation:fxCvv 1.4s ease-in-out infinite}
.fx-rc-print{position:relative;align-self:end;margin:0 16px 12px;font:500 .44rem/1.5 var(--t2-ff-text);color:rgba(255,255,255,.55)}
.fx-flip-hint{font:700 .74rem/1.6 var(--t2-ff-display);color:var(--t2-muted);text-align:center;transition:color .2s;max-inline-size:19.5rem}
.fx-flip-hint.is-on{color:var(--t2-warn)}
.fx-gw-g .t2-field-h{line-height:1.6}
@container app (max-width:40rem){.fx-flip{inline-size:100%;max-inline-size:18rem}.fx-rc-no{font-size:1rem;letter-spacing:.07em}.fx-rcard{padding:12px 14px}}
@media (max-width:40rem){.fx-flip{inline-size:100%}}
/* ===== v33: مراجعة الدفع ===== */
.fx-rv{display:grid;gap:0;border:1px solid var(--t2-line);border-radius:20px;background:#fff;box-shadow:var(--i-sh);overflow:hidden}
.fx-rv-h{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--t2-line);background:linear-gradient(180deg,#F7FAFD,#fff)}
.fx-rv-h .fx-card-ic{line-height:0}.fx-rv-h .t2-tile{width:42px;height:47px}
.fx-rv-h h2{margin:0;font:800 1.08rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.fx-rv-h span{font-size:.8rem;color:var(--t2-muted)}
.fx-rv-s{display:grid;gap:10px;padding:16px 20px;border-bottom:1px solid var(--t2-line)}
.fx-rv-t{font:800 .86rem var(--t2-ff-display);color:var(--t2-brand-3)}
.fx-rv-th{display:flex;justify-content:space-between;align-items:center}
.fx-rv-pays{display:grid;gap:8px}
.fx-rv-p{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface-2)}
.fx-rv-p .fx-card-ic{line-height:0}.fx-rv-p .t2-tile{width:34px;height:38px}
.fx-rv-pb{flex:1;display:grid;min-width:0}
.fx-rv-pb b{font:700 .88rem/1.5 var(--t2-ff-display);color:var(--t2-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-rv-pb span{font-size:.74rem;color:var(--t2-muted);line-height:1.6}
.fx-rv-pa{font:800 1rem var(--t2-ff-display);color:var(--t2-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.fx-rv-part{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 12px;border-radius:12px;background:var(--t2-warn-wash);color:var(--t2-warn);font-size:.8rem}
.fx-rv-part b{font:800 .95rem var(--t2-ff-display)}
.fx-rv-card{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.fx-rv-mini{inline-size:14.5rem;max-inline-size:100%}
.fx-rv-mini .fx-rcard{padding:10px 13px;border-radius:12px}
.fx-rv-mini .fx-rc-no{font-size:.92rem}.fx-rv-mini .fx-rc-emb{font-size:.68rem}.fx-rv-mini .fx-rc-chiprow svg:first-child{width:34px;height:26px}.fx-rv-mini .fx-rc-chiprow svg:last-child{width:20px;height:20px}
.fx-rv-mini .fx-rc-net{height:17px}.fx-rv-mini .fx-rc-net.is-mc{height:24px}.fx-rv-mini .fx-rc-net.is-mada{height:20px}.fx-rv-mini .fx-rc-netw{height:24px}
.fx-rv-cd{display:grid;gap:3px}
.fx-rv-cd b{font:800 1rem var(--t2-ff-display);color:var(--t2-ink)}
.fx-rv-cd span{font-size:.8rem;color:var(--t2-muted)}
.fx-rv-rows{display:grid;gap:6px}
.fx-rv-r{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--t2-line);font-size:.84rem}
.fx-rv-r:last-child{border-bottom:0}.fx-rv-r span{color:var(--t2-muted)}.fx-rv-r b{font:700 .86rem var(--t2-ff-display);color:var(--t2-ink)}
.fx-rv-sec{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--t2-brand-wash);color:#0B5F66;font-size:.8rem;line-height:1.7}
.fx-osum-c{margin:0;font-size:.72rem;line-height:1.7;color:var(--t2-muted);text-align:center}
.fx-osum>.t2-btn.is-primary .t2-ui-ic{margin-inline-end:4px}
@container app (max-width:40rem){.fx-rv-h,.fx-rv-s,.fx-rv-sec{padding-inline:14px}.fx-rv-card{flex-direction:column;align-items:stretch}.fx-rv-mini{inline-size:100%;max-inline-size:17rem;justify-self:center;margin-inline:auto}.fx-rv-cd{text-align:center}}
/* ===== v34: بيانات العملية لدى المزود ===== */
.fx-gwb{display:grid;gap:10px;margin-top:4px;padding:14px 16px;border:1px solid var(--t2-line);border-radius:16px;background:var(--t2-surface-2);text-align:start}
.fx-gwb-h{display:flex;align-items:center;gap:8px}
.fx-gwb-h b{flex:1;font:800 .88rem var(--t2-ff-display);color:var(--t2-ink)}
.fx-gwb-h .fx-prov-img{height:18px}
.fx-gwb-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.fx-gwb-r{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--t2-line);font-size:.8rem;min-width:0}
.fx-gwb-r span{color:var(--t2-muted)}
.fx-gwb-r b{font:700 .82rem var(--t2-ff-display);color:var(--t2-ink);text-align:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fx-gwb-n{font-size:.72rem;color:var(--t2-muted)}
@container app (max-width:40rem){.fx-gwb-g{grid-template-columns:minmax(0,1fr)}.fx-gwb{padding:12px}}
@media (max-width:40rem){.fx-gwb-g{grid-template-columns:minmax(0,1fr)}}
/* ===== v35: إيصال السداد + فصل البوابة عن التحويل ===== */
.fx-rcfile{display:flex;align-items:center;gap:10px;width:100%;max-width:34rem;margin:6px auto 0;padding:10px 14px;border:1px solid var(--t2-line);border-radius:14px;background:#fff;cursor:pointer;font:inherit;text-align:start}
.fx-rcfile>span:nth-child(2){flex:1;display:grid}.fx-rcfile b{font:800 .88rem var(--t2-ff-display);color:var(--t2-ink)}.fx-rcfile small{font-size:.74rem;color:var(--t2-muted)}
.fx-rcfile:hover{border-color:var(--t2-brand)}
.fx-rclink{display:inline-flex;align-items:center;gap:4px}
.fx-rcwait{font:600 .76rem var(--t2-ff-display);color:var(--t2-warn)}
.fx-doc{display:grid;gap:16px;max-width:46rem;margin-inline:auto;padding:26px 28px;border:1px solid var(--t2-line);border-radius:20px;background:#fff;box-shadow:var(--i-sh);position:relative;overflow:hidden}
.fx-doc::before{content:"";position:absolute;inset-inline:0;top:0;height:5px;background:linear-gradient(90deg,var(--t2-brand),#132E5E)}
.fx-doc-h{display:flex;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--t2-line)}
.fx-doc-logo{height:44px;width:auto}
.fx-doc-h>div:nth-child(2){flex:1;display:grid}.fx-doc-h h2{margin:0;font:800 1.3rem var(--t2-ff-display);color:var(--t2-ink)}.fx-doc-h>div:nth-child(2) span{font-size:.76rem;color:var(--t2-muted);letter-spacing:.1em}
.fx-doc-no{display:grid;justify-items:end;gap:1px;text-align:end}.fx-doc-no small{font-size:.7rem;color:var(--t2-muted)}.fx-doc-no b{font:800 .95rem var(--t2-ff-display);color:var(--t2-ink)}
.fx-doc-amt{position:relative;display:grid;justify-items:center;gap:2px;padding:16px;border-radius:16px;background:var(--t2-brand-wash)}
.fx-doc-amt span{font:700 .8rem var(--t2-ff-display);color:var(--t2-brand-3)}.fx-doc-amt b{font:800 2rem var(--t2-ff-display);color:var(--t2-ink)}.fx-doc-amt b small{font-size:.45em;color:var(--t2-muted)}
.fx-doc-stamp{position:absolute;inset-inline-start:18px;top:50%;transform:translateY(-50%) rotate(-14deg);padding:4px 14px;border:3px solid var(--t2-ok);border-radius:10px;color:var(--t2-ok);font:800 1rem var(--t2-ff-display);font-style:normal;opacity:.75}
.fx-doc-s{display:grid;gap:0}.fx-doc-s h3{margin:0 0 6px;font:800 .9rem var(--t2-ff-display);color:var(--t2-brand-3)}
.fx-doc-r{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--t2-line);font-size:.84rem}
.fx-doc-r span{color:var(--t2-muted)}.fx-doc-r b{font:700 .86rem var(--t2-ff-display);color:var(--t2-ink);text-align:end;font-variant-numeric:tabular-nums}
.fx-doc-f{padding-top:10px;border-top:1px solid var(--t2-line);font-size:.74rem;color:var(--t2-muted);text-align:center;line-height:1.8}
@container app (max-width:40rem){.fx-doc{padding:18px 16px}.fx-doc-h{flex-wrap:wrap}.fx-doc-no{justify-items:start;text-align:start}.fx-doc-stamp{display:none}}
/* ===== v36: التنبيهات ===== */
.t2-note.is-danger{background:var(--t2-danger-wash);border-color:#F3C3BE;border-inline-start-color:var(--t2-danger)}
.fx-nrule{display:grid;gap:14px;padding:18px 20px;border:1px solid var(--t2-line);border-radius:20px;background:#fff;box-shadow:var(--i-sh)}
.fx-nrule-h{display:flex;align-items:center;gap:12px}
.fx-nrule-h .fx-card-ic{line-height:0}.fx-nrule-h .t2-tile{width:42px;height:47px}
.fx-nrule-h h2{margin:0;font:800 1.05rem var(--t2-ff-display);color:var(--t2-ink)}.fx-nrule-h span{font-size:.8rem;color:var(--t2-muted)}
.fx-ntl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;position:relative}
.fx-ntl li{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;padding-top:2px}
.fx-ntl li::before{content:"";position:absolute;top:19px;inset-inline-start:-50%;inset-inline-end:50%;height:3px;background:#E1E8F0}
.fx-ntl li:first-child::before{display:none}
.fx-ntl li.is-l::before{background:repeating-linear-gradient(90deg,var(--t2-danger) 0 5px,transparent 5px 8px)}
.fx-ntl b{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font:800 .9rem var(--t2-ff-display);color:#fff;background:var(--t2-info)}
.fx-ntl .is-t b{background:#C98418}.fx-ntl .is-l b{background:var(--t2-danger)}
.fx-ntl span{font:700 .72rem/1.4 var(--t2-ff-display);color:var(--t2-ink-2)}
.fx-nrule-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fx-nrule-g>div{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:var(--t2-surface-2)}
.fx-nrule-g b{font:800 .84rem var(--t2-ff-display);color:var(--t2-ink)}.fx-nrule-g span{font-size:.78rem;color:var(--t2-ink-2);line-height:1.7}
.fx-nch{display:flex;flex-wrap:wrap;gap:8px}
.fx-nch-i{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--t2-line);border-radius:12px;font:700 .8rem var(--t2-ff-display);color:var(--t2-ink)}
.fx-nch-i small{font:500 .7rem var(--t2-ff-text);color:var(--t2-muted);direction:ltr}
.fx-ncards{display:grid;gap:12px}
.fx-ncard{display:grid;gap:10px;padding:14px 16px;border:1px solid var(--t2-line);border-inline-start:4px solid var(--t2-info);border-radius:16px;background:#fff}
.fx-ncard.is-danger{border-inline-start-color:var(--t2-danger)}.fx-ncard.is-warn{border-inline-start-color:#C98418}.fx-ncard.is-ok{border-inline-start-color:var(--t2-ok)}
.fx-ncard-h{display:flex;align-items:flex-start;gap:10px}
.fx-ncard-h .fx-card-ic{line-height:0}.fx-ncard-h .t2-tile{width:34px;height:38px}
.fx-ncard-t{flex:1;display:grid;gap:4px;min-width:0}
.fx-ncard-k{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.fx-ncard-k small{font-size:.72rem;color:var(--t2-muted);font-weight:700}
.fx-ncard-t b{font:800 .9rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.fx-ncard-h time{font-size:.72rem;color:var(--t2-muted);white-space:nowrap}
.fx-ncard-m{margin:0;padding:10px 12px;border-radius:12px;background:var(--t2-surface-2);font-size:.84rem;line-height:1.8;color:var(--t2-ink)}
.fx-ncard-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.fx-ncard-ch{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.fx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;border-radius:999px;background:var(--t2-ok-wash);font:700 .7rem var(--t2-ff-display);color:var(--t2-ink-2)}
.fx-chip .fx-mini-ic .t2-tile{width:18px;height:20px}.fx-chip i{font-style:normal;color:var(--t2-ok)}
.fx-ncard-nx{font-size:.72rem;color:var(--t2-muted);font-weight:700}
@container app (max-width:40rem){.fx-ntl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}.fx-ntl li:nth-child(4)::before{display:none}.fx-nrule-g{grid-template-columns:minmax(0,1fr)}.fx-nrule{padding:16px 14px}.fx-ncard-h{flex-wrap:wrap}}
@media (max-width:40rem){.fx-nrule-g{grid-template-columns:minmax(0,1fr)}}
.fx-nsch{display:grid;gap:8px}
.fx-nsch-r{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--t2-line);border-radius:14px;background:#fff}
.fx-nsch-r .fx-card-ic{line-height:0}.fx-nsch-r .t2-tile{width:32px;height:36px}
.fx-nsch-r>div:nth-child(2){flex:1;display:grid;min-width:0}.fx-nsch-r>div:nth-child(2) b{font:700 .86rem var(--t2-ff-display);color:var(--t2-ink)}.fx-nsch-r>div:nth-child(2) span{font-size:.74rem;color:var(--t2-muted)}
.fx-nsch-d{display:grid;justify-items:end;text-align:end}.fx-nsch-d small{font-size:.68rem;color:var(--t2-muted)}.fx-nsch-d b{font:800 .84rem var(--t2-ff-display);color:var(--t2-info)}
@container app (max-width:40rem){.fx-nsch-r{flex-wrap:wrap}.fx-nsch-d{justify-items:start;text-align:start;width:100%}}
/* ===== v37: مركز التنبيهات الشامل ===== */
.t2-nbadge{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--t2-danger);color:#fff;font:800 .64rem/18px var(--t2-ff-display);font-style:normal;text-align:center;box-shadow:0 0 0 2px #fff;pointer-events:none}
.t2-hbtn[data-nav=bell],.t2-side-i[data-nav=bell]{position:relative}
.t2-side-i[data-nav=bell] .t2-nbadge{top:50%;transform:translateY(-50%);inset-inline-end:12px}
.fx-nview{max-width:22rem}
.fx-nbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;justify-content:space-between}
.fx-nbar>.t2-field{flex:1 1 18rem;max-width:26rem}
.fx-ncard{cursor:default;position:relative}
.fx-ncard.is-unread{background:linear-gradient(90deg,#fff,#F3F9FF)}
.fx-ncard.is-unread::after{content:"";position:absolute;top:16px;inset-inline-end:14px;width:9px;height:9px;border-radius:50%;background:var(--t2-danger);box-shadow:0 0 0 3px #FDECEA}
.fx-ncard.is-unread .fx-ncard-h time{margin-inline-end:16px}
.fx-npref{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fx-npref-r{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface-2)}
.fx-npref-r b{font:800 .84rem var(--t2-ff-display);color:var(--t2-ink)}.fx-npref-r span{flex:1;font-size:.78rem;color:var(--t2-muted)}
.fx-dn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
.fx-dn-i{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--t2-line);border-inline-start:4px solid var(--t2-info);border-radius:14px;background:#fff;text-align:start;font:inherit;cursor:pointer;min-width:0;position:relative}
.fx-dn-i.is-danger{border-inline-start-color:var(--t2-danger)}.fx-dn-i.is-warn{border-inline-start-color:#C98418}.fx-dn-i.is-ok{border-inline-start-color:var(--t2-ok)}
.fx-dn-i.is-unread{background:#F3F9FF}
.fx-dn-i .fx-card-ic{line-height:0}.fx-dn-i .t2-tile{width:32px;height:36px}
.fx-dn-t{display:grid;gap:3px;min-width:0}.fx-dn-t b{font:700 .84rem/1.5 var(--t2-ff-display);color:var(--t2-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-dn-t small{font-size:.7rem;color:var(--t2-muted)}
.fx-dn-t .t2-pill{font-size:.66rem;padding:0 7px}
@container app (max-width:40rem){.fx-npref,.fx-dn{grid-template-columns:minmax(0,1fr)}}
@media (max-width:40rem){.fx-npref,.fx-dn{grid-template-columns:minmax(0,1fr)}}
/* ===== v38 مركز الإشعارات ===== */
.fx-nhead{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 18px;border:1px solid var(--t2-line);border-radius:18px;background:linear-gradient(135deg,#fff 40%,#EEF8F9)}
.fx-nhead-ic{line-height:0}.fx-nhead-ic .t2-tile{width:48px;height:54px}
.fx-nhead-t{flex:1 1 14rem;display:grid;gap:2px;min-width:0}
.fx-nhead-t h2{margin:0;font:800 1.05rem/1.6 var(--t2-ff-display);color:var(--t2-ink)}
.fx-nhead-t span{font-size:.82rem;line-height:1.7;color:var(--t2-muted)}
.fx-nhead-n{display:grid;justify-items:center;min-width:4.25rem;padding:6px 12px;border-radius:14px;background:#FDECEA;color:var(--t2-danger)}
.fx-nhead-n b{font:800 1.25rem/1.3 var(--t2-ff-display);font-variant-numeric:tabular-nums}.fx-nhead-n small{font-size:.7rem;font-weight:800}
.fx-nsec-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 4px;border-radius:999px;background:#EEF2F7;color:var(--t2-ink);font:800 .72rem/1.9 var(--t2-ff-display)}
.fx-nsec-chip .fx-mini-ic .t2-tile{width:18px;height:20px}
.fx-ncard{position:relative;cursor:default}
.fx-ncard.is-unread::after{content:none}
.fx-ncard.is-unread .fx-ncard-h time{margin-inline-end:0}
.fx-ncard-new{flex:none;align-self:flex-start;padding:0 8px;border-radius:999px;background:var(--t2-danger);color:#fff;font:800 .68rem/1.9 var(--t2-ff-display);font-style:normal}
.fx-ncard:not(.is-unread) .fx-ncard-new{display:none}
.fx-nempty{display:grid;justify-items:center;gap:6px;padding:28px 16px;border:1px dashed #CFDAE6;border-radius:18px;text-align:center;color:var(--t2-muted);font-size:.84rem;line-height:1.7}
.fx-nempty b{color:var(--t2-ink);font:800 .92rem/1.6 var(--t2-ff-display)}
.fx-nempty .t2-tile{width:44px;height:50px}
.pv-phone .fx-nhead{padding:14px}.pv-phone .fx-nhead-t{flex-basis:10rem}
/* v39 مركز الإشعارات: بطاقات الأقسام + تبويبات لوحتي */
.fx-nsc .t2-nbadge{top:-7px;inset-inline-end:-6px;min-width:22px;height:22px;font-size:.7rem;line-height:22px}
.fx-nsc.t2-card{overflow:visible}
.fx-dtabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:8px 2px 4px;margin-bottom:10px}
.fx-dtabs::-webkit-scrollbar{display:none}
.fx-dtabs .t2-tab{position:relative}
.fx-dtabs .t2-tab .t2-nbadge{top:-7px;inset-inline-end:-6px}
.fx-dn-f{display:flex;justify-content:flex-end;margin-top:10px}
/* v40 مدفوعاتي: بطاقات الدفعات المتبقية — الضغط يُظهر المحتوى */
.fx-vcard.is-late .t2-card-t{color:var(--t2-danger)}
.fx-vcard[aria-expanded=true]{box-shadow:0 0 0 2px rgba(10,165,173,.35),var(--i-sh)}
.fx-vbody{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid rgba(10,165,173,.35);border-radius:18px;background:linear-gradient(180deg,#F2FAFB,#fff 120px)}
.fx-vbody-h{display:flex;align-items:center;gap:8px}.fx-vbody-h b{font:800 .95rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.fx-vbody-h .t2-tile{width:26px;height:30px}
.t2-grid.fx-vgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:80rem){.t2-grid.fx-vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pv-phone .t2-grid.fx-vgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.t2-card.fx-vcard{grid-template-columns:minmax(0,1fr);gap:6px;min-height:0;padding:14px}
.fx-vc-h{display:flex;align-items:center;gap:8px;min-width:0}
.fx-vc-h b{font:800 .9rem/1.5 var(--t2-ff-display);color:var(--t2-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-vc-ic{line-height:0;flex:none}.fx-vc-ic .t2-tile{width:32px;height:36px}
.fx-vc-n{display:flex;align-items:baseline;gap:6px}
.fx-vc-n b{font:800 1.6rem/1.2 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.fx-vc-n small{font-size:.8rem;font-weight:700;color:var(--t2-muted)}
.fx-vcard.is-late .fx-vc-n b,.fx-vcard.is-late .fx-vc-h b{color:var(--t2-danger)}
.fx-vc-s{font-size:.8rem;line-height:1.6;color:var(--t2-muted);font-weight:700}
.fx-vc-f{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px;padding-top:8px;border-top:1px dashed var(--t2-line);font:700 .78rem/1.5 var(--t2-ff-display);color:var(--t2-brand-3)}
.fx-vc-f .t2-chev{width:22px;height:22px;transition:transform .15s}
.fx-vcard[aria-expanded=true] .fx-vc-f .t2-chev{transform:rotate(180deg)}
/* ===== v41 قاعدة تطبيق الجوال: بطاقات تُمرَّر أفقيًا (Carousel) — الويب يبقى شبكة ===== */
.is-app .app-row{display:grid!important;grid-template-columns:none!important;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:84%;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none;padding:8px 2px 6px;margin:0;-webkit-overflow-scrolling:touch}
.is-app .app-row::-webkit-scrollbar{display:none}
.is-app .app-row>*{scroll-snap-align:start;min-width:0;max-width:none;width:auto;margin:0}
/* مقاسات حسب نوع المجموعة: مؤشرات صغيرة تُظهر بطاقتين وجزءًا من الثالثة */
.is-app .app-row:is(.fx-kpis,.fx-inds,.fx-vgrid){grid-auto-columns:44%}
.is-app .app-row.fx-dn{grid-auto-columns:80%}
.is-app .app-row.is-2row{grid-template-rows:repeat(2,auto);grid-auto-columns:78%}
.is-app .app-row>.t2-card{height:100%}
.is-app .app-row.fx-inds>*{min-height:100%}
/* مؤشر النقاط والعدّاد */
.app-dots{display:flex;align-items:center;justify-content:center;gap:5px;margin:2px 0 4px;min-height:14px}
.app-dots i{width:6px;height:6px;border-radius:999px;background:#C9D4E1;transition:width .2s,background .2s}
.app-dots i.is-on{width:18px;background:var(--t2-brand)}
.app-dots .app-cnt{margin-inline-start:8px;font:700 .68rem/1 var(--t2-ff-display);color:var(--t2-muted);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
/* شريط التبويب السفلي: يتصغّر عند التمرير لأسفل */
.is-app .t2-dock{transition:padding .22s ease,min-height .22s ease}
.is-app .t2-dock .t2-dock-i{transition:min-height .22s ease}
.is-app .t2-dock.is-min{padding-block:2px}
.is-app .t2-dock.is-min .t2-dock-i{min-height:42px}
.is-app .t2-dock.is-min .t2-dock-l{display:none}
.is-app .t2-dock.is-min .t2-dock-i svg.t2-tile{width:24px}
/* v43 بطاقة المتعثرة + خمس بطاقات */
.t2-grid.fx-vgrid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:80rem){.t2-grid.fx-vgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fx-vcard.is-warn .fx-vc-n b,.fx-vcard.is-warn .fx-vc-h b{color:var(--t2-warn)}
/* v44 زر الرجوع ومسار مراحل الدفعة */
.t2-back{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px 0 14px;border:1px solid var(--t2-line);border-radius:999px;background:#fff;color:var(--t2-ink);font:700 .84rem/1.4 var(--t2-ff-display);cursor:pointer;box-shadow:0 1px 2px rgba(11,35,73,.06);transition:border-color .15s,background .15s}
.t2-back:hover{border-color:var(--t2-brand);background:var(--t2-brand-wash)}
.t2-back:focus-visible{outline:2px solid var(--t2-brand);outline-offset:2px}
.t2-back .t2-ui-ic{color:var(--t2-brand-3)}
.is-app .t2-back{min-height:40px}
.is-app .t2-crumb-ol::-webkit-scrollbar{display:none}
.is-app .t2-crumb-ol{flex-wrap:nowrap;white-space:nowrap}
.t2-back[hidden]{display:none!important}
.is-app .t2-crumbs{min-width:0;overflow:hidden}.is-app .t2-phead{min-width:0}
/* ===== v46 الدفع الجزئي: لون مميّز (أزرق سماوي من الهوية) + مسار دفعات جديد ===== */
:root{--t2-part:#1D6FB8;--t2-part-2:#2E8BD8;--t2-part-wash:#E4F0FB;--t2-part-l:#7CC4FF}
.t2-pill.is-part{background:var(--t2-part-wash);color:var(--t2-part)}
.fx-bdg2{display:inline-flex;flex-wrap:wrap;gap:4px}
/* جدول الدفع: صف الجزئية + شريط التقدّم في «المبلغ المدفوع» */
.fx-table tr.is-partial td,.fx-table tr.is-part td{background:#F1F7FD}
.fx-table tr.is-late.is-part td{background:linear-gradient(90deg,#FDF1F0,#F1F7FD)}
.fx-table tr.is-part td:first-child{box-shadow:inset -3px 0 0 var(--t2-part-2)}
.fx-pp{display:grid;gap:3px;min-width:84px}
.fx-pp b{color:var(--t2-part);font-weight:800}
.fx-pp i{display:block;height:5px;border-radius:5px;background:linear-gradient(to left,var(--t2-part-2) calc(var(--p) * 1%),#D6E9FA 0)}
.fx-pp small{font:700 .66rem/1 var(--t2-ff-display);color:var(--t2-part)}
/* شريط مقاطع الجدول */
.fx-seg.is-part{display:grid;align-content:center;gap:1px;line-height:1;color:#fff;background:linear-gradient(to left,var(--t2-part-2) calc(var(--p) * 1%),#A9CDEE 0)}
.fx-seg.is-late.is-part{background:linear-gradient(to left,var(--t2-part-2) calc(var(--p) * 1%),var(--t2-danger) 0)}
.fx-seg.is-part small{font:700 .58rem/1 var(--t2-ff-display);opacity:.95}
.fx-lg.is-partial i{background:linear-gradient(to left,var(--t2-part-2) 50%,#A9CDEE 50%);box-shadow:none}
.fx-pc2.is-partial::before{background:var(--t2-part-2)}
.fx-pd-st.is-partial i{background:var(--t2-part-l)}

/* ===== v47 مسار الدفعات — تصميم فاخر ملموس (بلاطات ثلاثية الأبعاد بألوان الهوية) ===== */
:root{
  --s-ok-1:#3CBF8E;--s-ok-2:#12795C;--s-ok-e:#0B5440;
  --s-bad-1:#FDC86C;--s-bad-2:#F0962A;--s-bad-e:#B0650F;--s-dl-1:#ED938C;--s-dl-2:#B3261E;--s-dl-e:#7A1712;
  --s-pt-1:#8FA9EC;--s-pt-2:#1D3F86;--s-pt-e:#122A5E;
  --s-df-1:#4CCCD2;--s-df-2:#0A8F96;--s-df-e:#06656A;
  --s-gold:#FFC861;--s-gold-2:#E2A33A}

/* ---------- 1) المسار الكبير على البطاقة الكحلية ---------- */
.fx-pd .fx-pd-trk{position:relative;padding:16px 18px 14px;border:1px solid rgba(255,200,97,.22);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),radial-gradient(120% 140% at 100% 0%,rgba(10,165,173,.18),transparent 60%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.25)}
.fx-pd .fx-pd-trk::before{content:"";position:absolute;inset-inline:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,200,97,.7),transparent)}
.fx-pd .fx-pd-trk-h{font-size:.8rem;color:#DCE6F3}.fx-pd .fx-pd-trk-h span:first-child{color:#fff;font-weight:800}
.fx-trail-w{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:34px 4px 6px;margin-top:-6px}
.fx-trail-w::-webkit-scrollbar{display:none}
.fx-trail.is-lg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(74px,1fr);margin:0;padding:0;list-style:none;min-width:min-content}
.fx-pd .fx-trail.is-lg .fx-ps{position:relative;display:grid;justify-items:center;align-content:start;gap:3px;min-width:0}
/* السكة: أخدود محفور */
.fx-pd .fx-trail.is-lg .fx-ps::before{content:"";position:absolute;top:21px;inset-inline-start:-50%;inset-inline-end:50%;height:8px;border-radius:8px;background:#0A1C3A;box-shadow:inset 0 2px 3px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.08)}
.fx-pd .fx-trail.is-lg .fx-ps:first-child::before{display:none}
.fx-pd .fx-trail.is-lg .fx-ps.is-ok::before{background:linear-gradient(180deg,var(--s-ok-1),var(--s-ok-2));box-shadow:0 0 12px rgba(18,121,92,.45),inset 0 1px 0 rgba(255,255,255,.35)}
.fx-pd .fx-trail.is-lg .fx-ps.is-bad::before{background:repeating-linear-gradient(to left,var(--s-bad-1) 0 8px,#7A4A0E 8px 12px);box-shadow:0 0 12px rgba(240,150,42,.45)}
.fx-pd .fx-trail.is-lg .fx-ps.is-part::before{background:linear-gradient(180deg,var(--s-pt-1),var(--s-pt-2));box-shadow:0 0 12px rgba(108,143,220,.5),inset 0 1px 0 rgba(255,255,255,.35)}
.fx-pd .fx-trail.is-lg .fx-ps.is-def::before{background:linear-gradient(180deg,var(--s-df-1),var(--s-df-2))}
/* العقدة: بلاطة ثلاثية الأبعاد (وجه + حافة + لمعة) */
.fx-pd .fx-trail.is-lg .fx-pw{display:grid;place-items:center;height:50px;position:relative;z-index:1}
.fx-pd .fx-trail.is-lg .fx-pn{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;overflow:hidden;color:#fff;font:800 .95rem/1 var(--t2-ff-display);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.45);animation:none;
  background:linear-gradient(160deg,#3A5683,#1B3360);box-shadow:0 4px 0 #0A1A36,0 8px 16px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.12)}
.fx-pd .fx-trail.is-lg .fx-pn::after{content:"";position:absolute;inset:2px 2px auto;height:45%;border-radius:11px 11px 50% 50%/11px 11px 30% 30%;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0));pointer-events:none}
.fx-pd .fx-trail.is-lg .fx-pn i{position:relative;z-index:2;font-style:normal}
.fx-pd .fx-trail.is-lg .fx-ps.is-ok .fx-pn{background:linear-gradient(160deg,var(--s-ok-1),var(--s-ok-2));box-shadow:0 4px 0 var(--s-ok-e),0 8px 18px rgba(18,121,92,.45),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-pd .fx-trail.is-lg .fx-ps.is-bad .fx-pn{background:linear-gradient(160deg,var(--s-bad-1),var(--s-bad-2));box-shadow:0 4px 0 var(--s-bad-e),0 8px 18px rgba(240,150,42,.45),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-pd .fx-trail.is-lg .fx-ps.is-def .fx-pn{background:linear-gradient(160deg,var(--s-df-1),var(--s-df-2));box-shadow:0 4px 0 var(--s-df-e),0 8px 18px rgba(10,165,173,.45),inset 0 1px 0 rgba(255,255,255,.5)}
.fx-pd .fx-trail.is-lg .fx-ps.is-fut .fx-pn{background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.06));box-shadow:0 4px 0 rgba(0,0,0,.35),0 8px 16px rgba(0,0,0,.3),inset 0 0 0 1.5px rgba(255,255,255,.45),inset 0 1px 0 rgba(255,255,255,.5);color:#fff}
/* الجزئية: بلاطة تمتلئ بالسائل الأزرق بنسبة المدفوع */
.fx-pd .fx-trail.is-lg .fx-ps.is-part .fx-pn{font-size:.7rem;background:linear-gradient(to top,var(--s-pt-2) 0,var(--s-pt-1) calc(var(--p) * 1%),#13294F calc(var(--p) * 1%),#24406E 100%);box-shadow:0 4px 0 var(--s-pt-e),0 8px 18px rgba(29,63,134,.5),inset 0 0 0 1.5px rgba(124,196,255,.85),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-pd .fx-trail.is-lg .fx-ps.is-part.is-late .fx-pn{background:linear-gradient(to top,var(--s-pt-2) 0,var(--s-pt-1) calc(var(--p) * 1%),#8E1E17 calc(var(--p) * 1%),#C8281E 100%);box-shadow:0 4px 0 var(--s-bad-e),0 8px 18px rgba(240,150,42,.45),inset 0 0 0 1.5px rgba(255,170,160,.85),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-pd .fx-trail.is-lg .fx-ps.is-part .fx-pn::before{display:none}
/* الدفعة الحالية: أكبر بإطار ذهبي وتوهّج */
.fx-pd .fx-trail.is-lg .fx-ps.is-cur .fx-pn{width:48px;height:48px;border-radius:15px;font-size:1.05rem;outline:2.5px solid var(--s-gold);outline-offset:3px}
.fx-pd .fx-trail.is-lg .fx-ps.is-cur.is-part .fx-pn{font-size:.78rem}
.fx-pd .fx-trail.is-lg .fx-ps.is-cur .fx-pw{filter:drop-shadow(0 0 14px rgba(255,200,97,.45))}
.fx-pd .fx-trail.is-lg .fx-ps>em{top:-34px;padding:4px 11px;font-size:.66rem;color:#2A1A00;background:linear-gradient(180deg,#FFE29A,#F2B23E);box-shadow:0 3px 0 #B57A16,0 6px 14px rgba(242,178,62,.45)}
.fx-pd .fx-trail.is-lg .fx-ps>em::after{border-top-color:#F2B23E}
/* التسميات: أبيض واضح، والحالة شارة مصمتة */
.fx-pd .fx-ps-i{font:800 .74rem/1.4 var(--t2-ff-display);color:#fff;white-space:nowrap;margin-top:4px}
.fx-pd .fx-ps-d{font:700 .66rem/1.3 var(--t2-ff-display);color:#C9D7EA;font-variant-numeric:tabular-nums}
.fx-pd .fx-ps-s{margin-top:3px;padding:2px 9px;border-radius:999px;font:800 .62rem/1.6 var(--t2-ff-display);white-space:nowrap;color:#fff;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.fx-pd .is-ok>.fx-ps-s{background:linear-gradient(180deg,#1E9E73,#12795C)}
.fx-pd .is-bad>.fx-ps-s{background:linear-gradient(180deg,#F7A23B,#D9781A)}
.fx-pd .is-part>.fx-ps-s{background:linear-gradient(180deg,#5B7FD3,#1D3F86)}
.fx-pd .is-part.is-late>.fx-ps-s{background:linear-gradient(90deg,#1D3F86,#D9781A)}
.fx-pd .is-def>.fx-ps-s{background:linear-gradient(180deg,#14B5BC,#06707A)}
.fx-pd .fx-trail.is-lg .is-cur>.fx-ps-i{color:var(--s-gold)}
/* مفتاح الألوان */
.fx-tlgs{display:flex;flex-wrap:wrap;gap:8px 14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
.fx-tlg{display:inline-flex;align-items:center;gap:7px;font:700 .74rem/1.5 var(--t2-ff-display);color:#EAF1FA}
.fx-tlg i{width:14px;height:14px;border-radius:5px;box-shadow:0 2px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-tlg.is-ok i{background:linear-gradient(160deg,var(--s-ok-1),var(--s-ok-2))}
.fx-tlg.is-bad i{background:linear-gradient(160deg,var(--s-bad-1),var(--s-bad-2))}
.fx-tlg.is-part i{background:linear-gradient(to top,var(--s-pt-2) 0 55%,#24406E 55%);box-shadow:0 2px 0 rgba(0,0,0,.35),inset 0 0 0 1px rgba(124,196,255,.9)}
.fx-tlg.is-def i{background:linear-gradient(160deg,var(--s-df-1),var(--s-df-2))}
.fx-tlg.is-fut i{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}

/* ---------- 2) المسار الصغير داخل البطاقات (خلفية فاتحة) ---------- */
.fx-trail.is-sm{display:flex;align-items:center;gap:4px;margin:0;padding:3px 0;list-style:none;min-width:96px}
.fx-trail.is-sm .fx-ps{display:block;flex:1 1 0;min-width:7px;height:10px;border-radius:5px;background:#E3E9F1;box-shadow:inset 0 1px 2px rgba(11,35,73,.14)}
.fx-trail.is-sm .fx-ps::before{display:none}
.fx-trail.is-sm .fx-ps.is-ok{background:linear-gradient(180deg,var(--s-ok-1),var(--s-ok-2));box-shadow:0 2px 0 var(--s-ok-e),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-trail.is-sm .fx-ps.is-bad{background:linear-gradient(180deg,var(--s-bad-1),var(--s-bad-2));box-shadow:0 2px 0 var(--s-bad-e),inset 0 1px 0 rgba(255,255,255,.4)}
.fx-trail.is-sm .fx-ps.is-def{background:linear-gradient(180deg,var(--s-df-1),var(--s-df-2));box-shadow:0 2px 0 var(--s-df-e)}
.fx-trail.is-sm .fx-ps.is-part{background:linear-gradient(to left,var(--s-pt-2) 0,var(--s-pt-1) calc(var(--p) * 1%),#CFE4F8 calc(var(--p) * 1%));box-shadow:0 2px 0 var(--s-pt-e),inset 0 0 0 1px rgba(29,63,134,.5)}
.fx-trail.is-sm .fx-ps.is-part.is-late{background:linear-gradient(to left,var(--s-pt-2) 0,var(--s-pt-1) calc(var(--p) * 1%),var(--s-bad-1) calc(var(--p) * 1%),var(--s-bad-2));box-shadow:0 2px 0 var(--s-bad-e)}
.fx-trail.is-sm .fx-ps.is-cur{height:16px;border-radius:6px;outline:2px solid var(--s-gold-2);outline-offset:2px}

/* ---------- 3) شريط جدول الدفع (بلاطات) ---------- */
.fx-strip{gap:6px;padding:4px 2px 8px}
button.fx-seg,.fx-seg{position:relative;display:grid;align-content:center;justify-items:center;gap:2px;height:52px;border:0;border-radius:14px;overflow:hidden;color:#fff;font:800 .95rem/1 var(--t2-ff-display);text-shadow:0 1px 2px rgba(0,0,0,.4);cursor:pointer;transition:transform .15s,filter .15s;
  background:linear-gradient(160deg,var(--s-ok-1),var(--s-ok-2));box-shadow:0 4px 0 var(--s-ok-e),0 8px 14px rgba(18,121,92,.22),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-seg::after{content:"";position:absolute;inset:2px 2px auto;height:42%;border-radius:12px 12px 40% 40%/12px 12px 25% 25%;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0));pointer-events:none}
.fx-seg b,.fx-seg small{position:relative;z-index:1}
.fx-seg small{font:800 .66rem/1 var(--t2-ff-display);opacity:.95}
button.fx-seg:hover{transform:translateY(-2px);filter:brightness(1.06)}
.fx-seg.is-review{background:repeating-linear-gradient(135deg,var(--s-ok-1) 0 7px,var(--s-ok-2) 7px 14px)}
.fx-seg.is-late{background:linear-gradient(160deg,var(--s-bad-1),var(--s-bad-2));box-shadow:0 4px 0 var(--s-bad-e),0 8px 14px rgba(240,150,42,.28),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-seg.is-deferred{color:#fff;background:linear-gradient(160deg,var(--s-df-1),var(--s-df-2));box-shadow:0 4px 0 var(--s-df-e),0 8px 14px rgba(10,165,173,.28),inset 0 1px 0 rgba(255,255,255,.5)}
.fx-seg.is-due{color:#0B2349;text-shadow:none;background:linear-gradient(180deg,#FFFFFF,#E8EEF5);box-shadow:0 4px 0 #C5D1DF,0 8px 14px rgba(11,35,73,.08),inset 0 0 0 1px #D4DEEA}
.fx-seg.is-due small{color:#4A5D78}
.fx-seg.is-part{background:linear-gradient(to left,var(--s-pt-2) 0,var(--s-pt-1) calc(var(--p) * 1%),#9CC8EF calc(var(--p) * 1%),#7FB3E3);box-shadow:0 4px 0 var(--s-pt-e),0 8px 14px rgba(29,63,134,.28),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-seg.is-late.is-part{background:linear-gradient(to left,var(--s-pt-2) 0,var(--s-pt-1) calc(var(--p) * 1%),var(--s-bad-1) calc(var(--p) * 1%),var(--s-bad-2));box-shadow:0 4px 0 var(--s-bad-e),0 8px 14px rgba(240,150,42,.28),inset 0 1px 0 rgba(255,255,255,.45)}
/* الدفعة المستحقة الآن: إطار ذهبي ونص واضح */
.fx-seg.is-next{color:#fff;outline:2.5px solid var(--s-gold-2);outline-offset:2px}
.fx-seg.is-due.is-next{color:#0B2349}
/* مفتاح الجدول */
.fx-legend{gap:8px 16px;font:700 .78rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.fx-lg i{width:14px;height:14px;border-radius:5px;background:linear-gradient(160deg,var(--s-ok-1),var(--s-ok-2));box-shadow:0 2px 0 var(--s-ok-e),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-lg.is-review i{background:repeating-linear-gradient(135deg,var(--s-ok-1) 0 3px,var(--s-ok-2) 3px 6px)}
.fx-lg.is-late i{background:linear-gradient(160deg,var(--s-bad-1),var(--s-bad-2));box-shadow:0 2px 0 var(--s-bad-e)}
.fx-lg.is-deferred i{background:linear-gradient(160deg,var(--s-df-1),var(--s-df-2));box-shadow:0 2px 0 var(--s-df-e)}
.fx-lg.is-partial i{background:linear-gradient(to left,var(--s-pt-2) 0 55%,#9CC8EF 55%);box-shadow:0 2px 0 var(--s-pt-e)}
.fx-lg.is-due i{background:linear-gradient(180deg,#fff,#E8EEF5);box-shadow:0 2px 0 #C5D1DF,inset 0 0 0 1px #D4DEEA}
@media (prefers-reduced-motion:reduce){button.fx-seg{transition:none}button.fx-seg:hover{transform:none}}
/* شارة حالة الدفعة على البطاقة الكحلية: مصمتة واضحة */
.fx-pd .fx-pd-st{border:0;color:#fff;font-weight:800;box-shadow:0 3px 0 rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.35)}
.fx-pd .fx-pd-st i{background:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.fx-pd .fx-pd-st.is-late{background:linear-gradient(180deg,#F0493D,#B3261E)}
.fx-pd .fx-pd-st.is-partial{background:linear-gradient(180deg,#3A9BE8,#1D6FB8)}
.fx-pd .fx-pd-st.is-paid,.fx-pd .fx-pd-st.is-review{background:linear-gradient(180deg,#17B08E,#0B7D63)}
.fx-pd .fx-pd-st.is-deferred{background:linear-gradient(180deg,#E7A93B,#B9690F)}
.fx-pd .fx-pd-st.is-due{background:linear-gradient(180deg,#14B5BC,#06707A)}
/* الجوال: شريط الجدول صفّان متوازنان */
.is-app .fx-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
.is-app button.fx-seg{height:50px;border-radius:12px}

/* ===== v48 اعتماد ألوان المؤشرات (الصورة المعتمدة): مسدَّد أخضر · متأخر برتقالي · متعثر أحمر · جزئي كحلي · مؤجَّل فيروزي ===== */
:root{--t2-part:#1D3F86;--t2-part-2:#2A4C8C;--t2-part-wash:#E8EEFA;--t2-part-l:#8FA9EC}
/* المتعثرة (+30 يومًا): أحمر */
.fx-pd .fx-trail.is-lg .fx-ps.is-bad.is-dflt .fx-pn{background:linear-gradient(160deg,#E0574D,var(--s-dl-2));box-shadow:0 4px 0 var(--s-dl-e),0 8px 18px rgba(179,38,30,.5),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-pd .fx-trail.is-lg .fx-ps.is-bad.is-dflt::before{background:repeating-linear-gradient(to left,#E0574D 0 8px,#4A0F0C 8px 12px);box-shadow:0 0 12px rgba(179,38,30,.45)}
.fx-pd .fx-trail.is-lg .fx-ps.is-part.is-late.is-dflt .fx-pn{background:linear-gradient(to top,var(--s-pt-2) 0,#5B7FD3 calc(var(--p) * 1%),#8E1E17 calc(var(--p) * 1%),#B3261E 100%);box-shadow:0 4px 0 var(--s-dl-e),0 8px 18px rgba(179,38,30,.45),inset 0 0 0 1.5px rgba(255,190,180,.9),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-pd .fx-trail.is-lg .fx-ps.is-part.is-late .fx-pn{background:linear-gradient(to top,var(--s-pt-2) 0,#5B7FD3 calc(var(--p) * 1%),#B86A12 calc(var(--p) * 1%),#F0962A 100%);box-shadow:0 4px 0 var(--s-bad-e),0 8px 18px rgba(240,150,42,.4),inset 0 0 0 1.5px rgba(255,220,160,.9),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-pd .fx-trail.is-lg .fx-ps.is-part .fx-pn{background:linear-gradient(to top,var(--s-pt-2) 0,#5B7FD3 calc(var(--p) * 1%),#132A55 calc(var(--p) * 1%),#22396A 100%);box-shadow:0 4px 0 var(--s-pt-e),0 8px 18px rgba(29,63,134,.55),inset 0 0 0 1.5px rgba(143,169,236,.95),inset 0 1px 0 rgba(255,255,255,.45)}
/* الرقم داخل البلاطة دائمًا أبيض واضح */
.fx-pd .fx-trail.is-lg .fx-pn i{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.fx-pd .fx-trail.is-lg .fx-ps.is-part .fx-pn i{font-weight:800}
.fx-pd .is-bad.is-dflt>.fx-ps-s{background:linear-gradient(180deg,#D9473D,#B3261E)}
.fx-pd .is-part.is-late.is-dflt>.fx-ps-s{background:linear-gradient(90deg,#1D3F86,#B3261E)}
/* الدفعة الحالية: إطار أبيض متوهّج (حتى لا يشتبه بالبرتقالي) */
.fx-pd .fx-trail.is-lg .fx-ps.is-cur .fx-pn{outline:2.5px solid #fff;outline-offset:3px}
.fx-pd .fx-trail.is-lg .fx-ps.is-cur .fx-pw{filter:drop-shadow(0 0 14px rgba(255,255,255,.35))}
.fx-pd .fx-trail.is-lg .is-cur>.fx-ps-i{color:#fff;text-decoration:underline;text-decoration-color:#FFC861;text-underline-offset:4px;text-decoration-thickness:2px}
/* مفتاح الألوان */
.fx-tlg.is-bad i{background:linear-gradient(160deg,#FDC86C,#F0962A)}
.fx-tlg.is-dflt i{background:linear-gradient(160deg,#E0574D,#B3261E);box-shadow:0 2px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-tlg.is-part i{background:linear-gradient(to top,#1D3F86 0 55%,#22396A 55%);box-shadow:0 2px 0 rgba(0,0,0,.35),inset 0 0 0 1px rgba(143,169,236,.95)}
.fx-tlg.is-def i{background:linear-gradient(160deg,#4CCCD2,#0A8F96)}
/* المسار الصغير */
.fx-trail.is-sm .fx-ps.is-bad.is-dflt{background:linear-gradient(180deg,#E0574D,#B3261E);box-shadow:0 2px 0 var(--s-dl-e),inset 0 1px 0 rgba(255,255,255,.4)}
.fx-trail.is-sm .fx-ps.is-part{background:linear-gradient(to left,#1D3F86 0,#6C8FDC calc(var(--p) * 1%),#DCE5F7 calc(var(--p) * 1%));box-shadow:0 2px 0 #122A5E,inset 0 0 0 1px rgba(29,63,134,.45)}
.fx-trail.is-sm .fx-ps.is-part.is-late{background:linear-gradient(to left,#1D3F86 0,#6C8FDC calc(var(--p) * 1%),#FDC86C calc(var(--p) * 1%),#F0962A)}
.fx-trail.is-sm .fx-ps.is-part.is-late.is-dflt{background:linear-gradient(to left,#1D3F86 0,#6C8FDC calc(var(--p) * 1%),#ED938C calc(var(--p) * 1%),#B3261E)}
.fx-trail.is-sm .fx-ps.is-cur{outline:2px solid #1D3F86;outline-offset:2px}
/* شريط الجدول */
.fx-seg.is-late.is-dflt{background:linear-gradient(160deg,#E0574D,#B3261E);box-shadow:0 4px 0 var(--s-dl-e),0 8px 14px rgba(179,38,30,.28),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-seg.is-late{color:#fff}
.fx-seg.is-part{background:linear-gradient(to left,#1D3F86 0,#5B7FD3 calc(var(--p) * 1%),#AFC2EE calc(var(--p) * 1%),#93ACE6);box-shadow:0 4px 0 #122A5E,0 8px 14px rgba(29,63,134,.28),inset 0 1px 0 rgba(255,255,255,.45)}
.fx-seg.is-late.is-part{background:linear-gradient(to left,#1D3F86 0,#5B7FD3 calc(var(--p) * 1%),#F7A23B calc(var(--p) * 1%),#E07F14)}
.fx-seg.is-late.is-part.is-dflt{background:linear-gradient(to left,#1D3F86 0,#5B7FD3 calc(var(--p) * 1%),#E0574D calc(var(--p) * 1%),#B3261E)}
.fx-seg.is-next{outline:2.5px solid #1D3F86;outline-offset:2px}
.fx-lg.is-late i{background:linear-gradient(160deg,#FDC86C,#F0962A);box-shadow:0 2px 0 #B0650F}
.fx-lg.is-dflt i{background:linear-gradient(160deg,#E0574D,#B3261E);box-shadow:0 2px 0 var(--s-dl-e)}
.fx-lg.is-partial i{background:linear-gradient(to left,#1D3F86 0 55%,#AFC2EE 55%);box-shadow:0 2px 0 #122A5E}
.fx-lg.is-deferred i{background:linear-gradient(160deg,#4CCCD2,#0A8F96);box-shadow:0 2px 0 #06656A}
/* الجدول والشارات */
.fx-table tr.is-partial td,.fx-table tr.is-part td{background:#F2F5FC}
.fx-table tr.is-part td:first-child{box-shadow:inset -3px 0 0 #1D3F86}
.fx-pp i{background:linear-gradient(to left,#1D3F86 0,#6C8FDC calc(var(--p) * 1%),#DCE5F7 calc(var(--p) * 1%))}
.fx-pc2.is-partial::before{background:#1D3F86}
.fx-pd .fx-pd-st.is-partial{background:linear-gradient(180deg,#3E63B8,#1D3F86)}
.fx-pd .fx-pd-st.is-late{background:linear-gradient(180deg,#F7A23B,#D9781A)}.fx-pd .fx-pd-st.is-late.is-dflt{background:linear-gradient(180deg,#D9473D,#B3261E)}
/* تطبيق الجوال: تباعد كافٍ بين صفّي الشريط */
.is-app .fx-strip{gap:16px 8px;padding:6px 2px 12px}
/* بطاقة الدفعة: متأخرة برتقالي · متعثرة أحمر · جزئية كحلي */
.fx-pc2.is-late::before{background:#F0962A}.fx-pc2.is-late .fx-pc2-m{background:#FFF6EA}.fx-pc2.is-late .fx-pc2-a b{color:#94540A}
.fx-pc2.is-late.is-dflt::before{background:#B3261E}.fx-pc2.is-late.is-dflt .fx-pc2-m{background:#FDF1F0}.fx-pc2.is-late.is-dflt .fx-pc2-a b{color:#B3261E}
.fx-pc2.is-part::before{background:#1D3F86}
/* ===== v49 رسالة الشكر والتقدير — ورقة فاخرة بإطار ذهبي ===== */
.fx-thx{position:relative;display:grid;gap:8px;justify-items:center;text-align:center;padding:26px 26px 22px;border-radius:22px;overflow:hidden;color:#0B2349;
  background:radial-gradient(120% 80% at 50% -10%,#FFF7E3 0%,transparent 60%),linear-gradient(180deg,#FFFDF8,#FBF5E8);
  border:1px solid #E7CF92;box-shadow:inset 0 0 0 6px #FFFDF8,inset 0 0 0 7px #EAD39C,0 18px 40px rgba(11,35,73,.12),0 2px 0 #E7CF92}
.fx-thx-orn{position:absolute;inset:0;pointer-events:none;opacity:.5;background:
  radial-gradient(circle at 0 0,rgba(226,163,58,.16) 0 70px,transparent 71px),radial-gradient(circle at 100% 100%,rgba(10,165,173,.12) 0 90px,transparent 91px),
  repeating-linear-gradient(45deg,rgba(226,194,122,.08) 0 1px,transparent 1px 14px)}
.fx-thx>*{position:relative}
.fx-thx-h{display:flex;align-items:center;justify-content:center;gap:14px}
.fx-thx-logo{height:40px;width:auto}
.fx-thx-seal{line-height:0;filter:drop-shadow(0 6px 10px rgba(138,90,18,.35))}.fx-thx-seal .t2-tile{width:52px;height:58px}
.fx-thx-eye{font:800 .7rem/1.6 var(--t2-ff-display);letter-spacing:.06em;color:#8A5A12;padding:2px 12px;border-radius:999px;background:linear-gradient(180deg,#FFF1CF,#F8E2A8);box-shadow:inset 0 0 0 1px #E7CF92}
.fx-thx-t{margin:2px 0 0;font:800 clamp(1.35rem,1.1rem + .9vw,1.8rem)/1.4 var(--t2-ff-display);color:#0B2349}
.fx-thx-t::after{content:"";display:block;width:84px;height:3px;margin:8px auto 0;border-radius:3px;background:linear-gradient(90deg,transparent,#E2A33A,#0AA5AD,#E2A33A,transparent)}
.fx-thx-to{margin:4px 0 0;font:600 .95rem/1.8 var(--t2-ff-text);color:#24375A}.fx-thx-to b{color:#0B2349}
.fx-thx-b{margin:0;max-width:34rem;font:500 1rem/2 var(--t2-ff-text);color:#24375A;text-wrap:pretty}
.fx-thx-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:4px;padding:8px 14px;border-radius:14px;background:rgba(18,121,92,.07);font:600 .78rem/1.6 var(--t2-ff-display);color:#12795C}
.fx-thx-meta span{display:inline-flex;align-items:center;gap:5px}.fx-thx-meta span+span{color:#4A5D78}
.fx-thx-f{display:grid;gap:2px;margin-top:10px;padding-top:12px;border-top:1px dashed #E2C27A;min-width:60%}
.fx-thx-f span{font:600 .84rem/1.7 var(--t2-ff-text);color:#4A5D78}
.fx-thx-f b{font:800 .98rem/1.6 var(--t2-ff-display);color:#0B2349}
.fx-thx.is-compact{padding:20px 18px 16px;border-radius:16px;box-shadow:inset 0 0 0 4px #FFFDF8,inset 0 0 0 5px #EAD39C}
.fx-thx.is-compact .fx-thx-logo{height:30px}.fx-thx.is-compact .fx-thx-seal .t2-tile{width:40px;height:44px}
.fx-thx.is-compact .fx-thx-t{font-size:1.2rem}.fx-thx.is-compact .fx-thx-b{font-size:.88rem;line-height:1.9}
/* معاينة القنوات */
.fx-tpls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.fx-tpl{margin:0;display:grid;gap:8px;min-width:0}
.fx-tpl figcaption{display:flex;align-items:center;gap:7px;font:800 .84rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.fx-tpl .fx-mini-ic .t2-tile{width:24px;height:27px}
.fx-tpl-mail{border:1px solid var(--t2-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(11,35,73,.08)}
.fx-tpl-mail-bar{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#F2F5F9;border-bottom:1px solid var(--t2-line);font:700 .7rem/1 var(--t2-ff-display);color:var(--t2-muted)}
.fx-tpl-mail-bar i{width:8px;height:8px;border-radius:50%;background:#D4DEEA}.fx-tpl-mail-bar span{margin-inline-start:auto}
.fx-tpl-mail-h{display:grid;gap:2px;padding:10px 14px;border-bottom:1px solid var(--t2-line);font-size:.74rem;color:var(--t2-muted)}.fx-tpl-mail-h b{color:var(--t2-ink)}
.fx-tpl-mail-b{padding:14px;background:linear-gradient(180deg,#0B2349 0 70px,#F4F6FA 70px)}
.fx-tpl-wa{border-radius:18px;overflow:hidden;box-shadow:0 10px 24px rgba(11,35,73,.12);border:1px solid #CFE3D6}
.fx-tpl-wa-h{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#075E54;color:#fff}
.fx-tpl-wa-h img{width:34px;height:34px;border-radius:50%;background:#fff;object-fit:contain;padding:3px}
.fx-tpl-wa-h b{display:block;font:800 .86rem/1.3 var(--t2-ff-display)}.fx-tpl-wa-h small{font-size:.66rem;opacity:.85}
.fx-tpl-wa-c{padding:14px 12px 16px;background:#E9E1D7 repeating-linear-gradient(45deg,rgba(255,255,255,.18) 0 2px,transparent 2px 12px)}
.fx-tpl-wa-m{position:relative;display:grid;gap:6px;max-width:92%;margin-inline-start:auto;padding:10px 12px 18px;border-radius:12px 0 12px 12px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.12);font-size:.84rem;line-height:1.8;color:#111B21}
.fx-tpl-wa-m p{margin:0}.fx-tpl-wa-m>b{font:800 .92rem/1.5 var(--t2-ff-display);color:#0B2349}
.fx-tpl-wa-ref{font-size:.74rem;color:#4A5D78}.fx-tpl-wa-s{color:#24375A}
.fx-tpl-wa-t{position:absolute;bottom:4px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:3px;font-size:.62rem;color:#667781}
.fx-tpl-wa-t .t2-ui-ic{color:#53BDEB}
@media (max-width:64rem){.fx-tpls{grid-template-columns:minmax(0,1fr)}}
.is-app .fx-tpls{grid-template-columns:minmax(0,1fr)}
.is-app .fx-thx{padding:22px 16px 18px}
.fx-rcpt .fx-thx{margin-top:6px;text-align:center}
.fx-tpl-mail-a{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ===== v50 السداد في مرحلة واحدة: مراحل فرعية + إيصال بقالب تذكرة ===== */
.fx-pstp{display:grid;gap:10px}
.fx-pstp-n{margin:0;text-align:center;font:600 .8rem/1.7 var(--t2-ff-display);color:var(--t2-muted)}
.fx-sub{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:0;padding:6px;list-style:none;border:1px solid var(--t2-line);border-radius:999px;background:linear-gradient(180deg,#fff,#F4F7FB);justify-self:center;box-shadow:0 2px 6px rgba(11,35,73,.05)}
.fx-sub-i{display:inline-flex;align-items:center;gap:7px;padding:6px 14px 6px 10px;border-radius:999px;font:700 .8rem/1.4 var(--t2-ff-display);color:var(--t2-muted)}
.fx-sub-m{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#E6ECF3;color:#4A5D78;font:800 .7rem/1 var(--t2-ff-display)}
.fx-sub-i.is-now{background:linear-gradient(180deg,#14B5BC,#06707A);color:#fff;box-shadow:0 3px 0 #04555C,0 6px 12px rgba(6,112,122,.25)}
.fx-sub-i.is-now .fx-sub-m{background:#fff;color:#06707A}
.fx-sub-i.is-done{color:#12795C}.fx-sub-i.is-done .fx-sub-m{background:#12795C;color:#fff}
.is-app .fx-sub{border-radius:16px;width:100%;flex-wrap:nowrap;justify-content:space-between}
.is-app .fx-sub-i{padding:6px 8px;font-size:.7rem;gap:5px}.is-app .fx-sub-m{width:20px;height:20px}
.fx-pbtn-v{margin-inline-start:6px;font-variant-numeric:tabular-nums}
/* الإيصال: تذكرة برأس كحلي وحافة مثقّبة */
.fx-rcpt{width:100%;max-width:42rem;justify-self:center;margin-inline:auto;padding:0 0 22px;gap:6px;border:0;border-radius:24px;box-shadow:0 18px 40px rgba(11,35,73,.14),0 0 0 1px var(--t2-line)}
.fx-rcpt-hd{display:grid;justify-items:center;gap:6px;width:100%;padding:22px 20px 26px;color:#fff;background:radial-gradient(120% 120% at 100% 0%,rgba(10,165,173,.35),transparent 55%),linear-gradient(160deg,#0E2A55,#0B2349 60%,#081A38)}
.fx-rcpt-eye{font:800 .66rem/1.6 var(--t2-ff-display);letter-spacing:.12em;color:#FFC861}
.fx-rcpt-hd .fx-rcpt-ic{background:linear-gradient(160deg,#3CBF8E,#12795C);box-shadow:0 4px 0 #0B5440,0 0 0 8px rgba(60,191,142,.18),0 10px 24px rgba(0,0,0,.35)}
.fx-rcpt.is-pending .fx-rcpt-hd .fx-rcpt-ic{background:linear-gradient(160deg,#FDC86C,#F0962A);box-shadow:0 4px 0 #B0650F,0 0 0 8px rgba(240,150,42,.2),0 10px 24px rgba(0,0,0,.35)}
.fx-rcpt-hd .fx-rcpt-t{color:#fff}.fx-rcpt-hd .fx-rcpt-s{color:#C9D7EA}
.fx-rcpt-hd .fx-rcpt-v{color:#fff;font-size:2.4rem}.fx-rcpt-hd .fx-rcpt-v small{color:#C9D7EA}
.fx-rcpt-cut{position:relative;width:100%;height:18px;margin-top:-9px;background:radial-gradient(circle at 0 50%,var(--t2-bg,#F4F6FA) 9px,transparent 10px),radial-gradient(circle at 100% 50%,var(--t2-bg,#F4F6FA) 9px,transparent 10px)}
.fx-rcpt-cut::after{content:"";position:absolute;inset-inline:18px;top:50%;border-top:2px dashed #D4DEEA}
.fx-rcpt>.fx-rcpt-rows,.fx-rcpt>.fx-gwb,.fx-rcpt>.fx-rcfile,.fx-rcpt>.fx-rcpt-pays{width:calc(100% - 40px);max-width:34rem}
.is-app .fx-rcpt{border-radius:20px}.is-app .fx-rcpt-hd .fx-rcpt-v{font-size:2rem}
.is-app .fx-rcpt>.fx-rcpt-rows,.is-app .fx-rcpt>.fx-gwb,.is-app .fx-rcpt>.fx-rcfile,.is-app .fx-rcpt>.fx-rcpt-pays{width:calc(100% - 28px)}
.fx-rcpt-hd~.fx-rcpt-rows{border-top:0;margin-top:2px}
/* ===== v51 الإيصالات + الاسترداد + تباعد رأس الإيصال ===== */
.fx-rcpt-hd{gap:8px;padding-top:24px}
.fx-rcpt-hd .fx-rcpt-eye{margin-bottom:6px}
.fx-rcpt-hd .fx-rcpt-ic{margin:4px 0 14px}
.fx-rcpt-hd .fx-rcpt-t{margin:0}
.fx-rcpt-ty{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0;padding:6px 14px;border-radius:999px;background:rgba(60,191,142,.16);color:#BFF0DC;font:700 .82rem/1.6 var(--t2-ff-display)}
.fx-rcpt.is-pending .fx-rcpt-ty{background:rgba(240,150,42,.18);color:#FFE1B3}
/* شارة الاسترداد: ذهبي الهوية */
.t2-pill.is-rf{background:#FBF0D9;color:#8A5A12}
/* معاينة الإجراء الإداري */
.fx-adm{display:grid;gap:8px;margin-top:10px;padding:10px 12px;border:1px dashed #D9BE7E;border-radius:12px;background:#FFFBF2}
.fx-adm>span{display:inline-flex;align-items:center;gap:6px;font:700 .74rem/1.6 var(--t2-ff-display);color:#8A5A12}
.fx-adm .fx-mini-ic .t2-tile{width:20px;height:22px}.fx-adm .t2-btn{justify-self:start}
/* بطاقات السجل */
.fx-op.is-rf,.fx-op.is-refund{position:relative}.fx-op.is-rf::before,.fx-op.is-refund::before{content:"";position:absolute;inset-block:14px;inset-inline-start:0;width:4px;border-radius:0 4px 4px 0;background:#C9A24E}
.fx-op.is-refund{background:linear-gradient(180deg,#FFFBF2,#fff 60%);border-color:#EAD39C}.fx-op.is-refund::before{background:linear-gradient(180deg,#E2B04A,#8A5A12)}
/* قائمة الإيصالات */
.fx-rcls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fx-rcl{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ic t v" "ic go go";align-items:center;gap:6px 12px;padding:14px 16px;border:1px solid var(--t2-line);border-radius:16px;background:#fff;text-align:start;cursor:pointer;box-shadow:0 2px 0 #E3E9F1,0 8px 18px rgba(11,35,73,.05);transition:transform .15s,box-shadow .15s}
.fx-rcl:hover{transform:translateY(-2px);box-shadow:0 2px 0 #E3E9F1,0 14px 24px rgba(11,35,73,.09)}
.fx-rcl::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#3CBF8E,#12795C)}
.fx-rcl.is-void::before{background:linear-gradient(180deg,#E2B04A,#8A5A12)}
.fx-rcl.is-void .fx-rcl-v b{text-decoration:line-through;text-decoration-color:#8A5A12;color:#6B7A90}
.fx-rcl-ic{grid-area:ic;line-height:0}.fx-rcl-ic .t2-tile{width:40px;height:45px}
.fx-rcl-t{grid-area:t;display:grid;gap:1px;min-width:0}
.fx-rcl-t b{font:800 .95rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.fx-rcl-t span{font-size:.8rem;color:var(--t2-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-rcl-t small{font-size:.72rem;color:var(--t2-muted)}
.fx-rcl-v{grid-area:v;display:grid;justify-items:end;gap:4px}
.fx-rcl-v b{font:800 1.15rem/1.2 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}.fx-rcl-v b small{font-size:.6em;color:var(--t2-muted)}
.fx-rcl-go{grid-area:go;display:inline-flex;align-items:center;gap:6px;justify-self:end;padding-top:6px;font:700 .78rem/1.4 var(--t2-ff-display);color:var(--t2-brand-3)}
@media (max-width:64rem){.fx-rcls{grid-template-columns:minmax(0,1fr)}}
.is-app .fx-rcls{grid-template-columns:minmax(0,1fr)}
/* مستند الإيصال الملغى */
.fx-doc-void{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;padding:10px 14px;border-radius:12px;background:#FBF0D9;color:#6B4708;font:700 .84rem/1.7 var(--t2-ff-display)}
.fx-doc-stamp.is-void{border-color:#8A5A12;color:#8A5A12}
.fx-doc-s.is-rf{border-inline-start:3px solid #C9A24E;padding-inline-start:12px}
.fx-rclink.is-void{text-decoration:line-through;text-decoration-color:#8A5A12}
/* طلب الاسترداد من العميل */
.fx-rfq{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px;padding:10px 12px;border:1px solid #EAD39C;border-radius:12px;background:#FFFBF2;font:600 .8rem/1.7 var(--t2-ff-display);color:#6B4708}
.fx-rfq>span:nth-child(2){flex:1 1 12rem}
.fx-rfq .fx-mini-ic .t2-tile{width:22px;height:25px}
.fx-rfq.is-wait{background:#F4F7FB;border-color:var(--t2-line);color:var(--t2-ink-2)}
.fx-adm-b{display:flex;flex-wrap:wrap;gap:8px}
/* ===== v53 عرض السعر — مستند مطابق لقالب PDF + قرارات العميل ===== */
.qd{position:relative;display:grid;gap:14px;padding:26px 26px 18px;border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(11,35,73,.12),0 0 0 1px var(--t2-line);overflow:hidden;color:#0B2349}
.qd-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.qd-brand{display:flex;align-items:center;gap:12px}.qd-brand img{height:62px;width:auto}
.qd-brand b{display:block;font:800 1.15rem/1.4 var(--t2-ff-display);color:#1D3F86}.qd-brand span{font-size:.82rem;color:#6B7A90}
.qd-title{display:grid;justify-items:end;gap:6px}.qd-title h2{margin:0;font:800 2rem/1 var(--t2-ff-display);color:#1D3F86}
.qd-title span{padding:3px 14px;border-radius:999px;background:#1D3F86;color:#fff;font:700 .74rem/1.6 var(--t2-ff-display)}
.qd-bar{height:6px;margin-inline:-26px;background:linear-gradient(90deg,#0AA5AD,#1D3F86 55%,#1D3F86)}
.qd-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.qd-m{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #E3E9F1;border-radius:14px}
.qd-m small{display:block;font-size:.72rem;color:#6B7A90}.qd-m b{font:800 .92rem/1.5 var(--t2-ff-display);color:#0B2349}
.qd-ic{line-height:0;flex:none}.qd-ic .t2-tile{width:34px;height:38px}
.qd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.qd-col{display:grid;gap:12px}
.qd-c{border:1px solid #E3E9F1;border-radius:16px;overflow:hidden;background:#fff}
.qd-ch{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #EEF2F7}.qd-ch h3{margin:0;font:800 1rem/1.4 var(--t2-ff-display);color:#1D3F86}
.qd-r{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid #F1F4F8;font-size:.86rem}.qd-r span{color:#6B7A90}.qd-r b{color:#0B2349;text-align:end}
.qd-total{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#1D3F86;color:#fff}.qd-total span{font:800 .95rem/1.4 var(--t2-ff-display)}.qd-total b{font:800 1.1rem/1.4 var(--t2-ff-display)}
.qd-plan{width:100%;border-collapse:collapse;font-size:.84rem}.qd-plan th{padding:8px 14px;text-align:start;font-weight:700;color:#6B7A90;border-bottom:1px solid #EEF2F7}.qd-plan td{padding:8px 14px;border-bottom:1px solid #F1F4F8;font-weight:700}
.qd-pill{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0AA5AD;color:#fff;font:800 .74rem/1 var(--t2-ff-display)}
.qd-conds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:0;padding:14px;list-style:none;font-size:.84rem;line-height:1.7}
.qd-conds li{display:flex;gap:10px;align-items:flex-start}.qd-n{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;background:#1D3F86;color:#fff;font:800 .7rem/1 var(--t2-ff-display)}
.qd-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.qd-exec{display:grid;gap:4px;padding:14px}.qd-exec b{font:800 1.15rem/1.5 var(--t2-ff-display);color:#1D3F86}.qd-exec span{font-size:.8rem;color:#6B7A90}
.qd-c.is-gold{border-color:#EAD39C}.qd-c.is-gold .qd-ch{background:#FFFBF2}.qd-c.is-gold h3{color:#8A5A12}
.qd-note{margin:0;padding:14px;font-size:.86rem;line-height:1.9;color:#24375A}
.qd-f{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:12px;border-top:4px solid transparent;border-image:linear-gradient(90deg,#0AA5AD,#1D3F86) 1;font:700 .74rem/1.6 var(--t2-ff-display);color:#6B7A90}
.qd-f span:first-child{display:inline-flex;align-items:center;gap:6px;color:#0B2349}.qd-f i{width:8px;height:8px;border-radius:50%;background:#0AA5AD}
.qd-stamp{position:absolute;top:110px;inset-inline-start:30px;z-index:2;padding:6px 18px;border:3px solid currentColor;border-radius:12px;font:800 1.2rem/1.2 var(--t2-ff-display);font-style:normal;transform:rotate(-12deg);opacity:.85;background:rgba(255,255,255,.7)}
.qd-stamp.is-accepted{color:#12795C}.qd-stamp.is-rejected,.qd-stamp.is-expired{color:#B3261E}.qd-stamp.is-mod{color:#94540A}.qd-stamp.is-replaced{color:#8A5A12}
.is-app .qd{padding:18px 14px 14px}.is-app .qd-bar{margin-inline:-14px}.is-app .qd-meta,.is-app .qd-grid,.is-app .qd-two,.is-app .qd-conds{grid-template-columns:minmax(0,1fr)}
.is-app .qd-title h2{font-size:1.5rem}.is-app .qd-brand img{height:46px}.is-app .qd-stamp{top:84px;font-size:1rem}
@media (max-width:64rem){.qd-grid,.qd-two{grid-template-columns:minmax(0,1fr)}}
/* رأس العرض والقرار */
.qh{display:grid;gap:14px;padding:18px;border-radius:20px;color:#fff;background:radial-gradient(120% 120% at 100% 0%,rgba(10,165,173,.32),transparent 55%),linear-gradient(160deg,#0E2A55,#0B2349 60%,#081A38);box-shadow:0 14px 30px rgba(11,35,73,.2)}
.qh-t{display:flex;align-items:center;gap:12px}.qh-t small{color:#C9D7EA;font-size:.78rem}.qh-t h2{margin:2px 0 6px;font:800 1.25rem/1.4 var(--t2-ff-display);color:#fff}.qh-t h2 em{font-style:normal;color:#FFC861;font-size:.8em}
.qh-t .qd-ic .t2-tile{width:46px;height:52px}
.qh-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qh-k>div{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.qh-k small{font-size:.72rem;color:#C9D7EA}.qh-k b{font:800 1.05rem/1.4 var(--t2-ff-display);color:#fff}
.qh-left{justify-self:start;margin-top:2px;padding:1px 9px;border-radius:999px;background:#FFC861;color:#2A1A00;font:800 .68rem/1.7 var(--t2-ff-display)}
.qh-a{display:flex;flex-wrap:wrap;gap:8px}.qh-a .t2-btn{flex:1 1 9rem}
.qh-a .t2-btn:not(.is-primary){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
.is-app .qh-k{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.is-app .qh-k>div:last-child{grid-column:1/-1}
.qp{display:grid;gap:12px;padding:16px;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(11,35,73,.1),0 0 0 1px var(--t2-line)}
.qp.is-accept{box-shadow:0 10px 26px rgba(18,121,92,.12),0 0 0 2px rgba(18,121,92,.35)}.qp.is-reject{box-shadow:0 10px 26px rgba(179,38,30,.1),0 0 0 2px rgba(179,38,30,.3)}.qp.is-mod{box-shadow:0 10px 26px rgba(185,105,15,.1),0 0 0 2px rgba(240,150,42,.4)}
.qp-h{display:flex;align-items:flex-start;gap:10px}.qp-h h3{margin:0;font:800 1.02rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}.qp-h span{font-size:.8rem;color:var(--t2-muted)}
.qp-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.is-app .qp-f{grid-template-columns:minmax(0,1fr)}
.qp-a{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.qp-hint{margin:0;font-size:.74rem;color:var(--t2-muted)}
.qp-sum{padding:10px 12px;border-radius:12px;background:#F2FAF6;font-size:.84rem;color:#24375A}.qp-sum b{color:#12795C}
.qp .t2-btn[disabled]{opacity:.55;cursor:not-allowed}
.qv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center;padding:12px;border:1px solid var(--t2-line);border-radius:14px}
.qv.is-ok{border-color:rgba(18,121,92,.45);background:#F2FAF6}.qv.is-miss{border-color:#B3261E;background:#FDF1F0}
.qv-ic{line-height:0;grid-row:span 2}.qv-ic .t2-tile{width:34px;height:38px}
.qv-t b{display:block;font:800 .9rem/1.4 var(--t2-ff-display)}.qv-t span{font-size:.78rem;color:var(--t2-muted)}
.qv-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.qv-in .t2-input{max-width:9rem;letter-spacing:.3em;text-align:center;font-weight:800}
.qv-ok{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:4px 12px;border-radius:999px;background:#12795C;color:#fff;font:800 .78rem/1.6 var(--t2-ff-display)}
/* المقارنة قبل وبعد */
.qx{display:grid;border:1px solid var(--t2-line);border-radius:14px;overflow:hidden}
.qx-h,.qx-r{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:8px;padding:9px 12px;align-items:center}
.qx-h{background:#F4F7FB;font:800 .76rem/1.4 var(--t2-ff-display);color:#4A5D78}
.qx-r{border-top:1px solid #EEF2F7;font-size:.84rem}.qx-r span{color:#4A5D78}.qx-r b{font-weight:800}
.qx-r span i{margin-inline-start:6px;padding:0 7px;border-radius:999px;background:#F0962A;color:#fff;font:800 .62rem/1.7 var(--t2-ff-display);font-style:normal}
.qx-r.is-ch{background:#FFF8EE}.qx-r.is-ch .qx-a{color:#8A93A3;text-decoration:line-through}.qx-r.is-ch .qx-b{color:#94540A}
.qx-n{margin:0;padding:8px 12px;border-top:1px solid #EEF2F7;font-size:.74rem;color:var(--t2-muted)}
/* بطاقة العرض داخل الطلب */
.qcs{display:grid;gap:10px}
.qc{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ic t v" "ic go go";gap:6px 12px;align-items:center;padding:14px 16px;border:1px solid var(--t2-line);border-radius:16px;background:#fff;text-align:start;cursor:pointer;box-shadow:0 2px 0 #E3E9F1,0 8px 18px rgba(11,35,73,.05)}
.qc::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:4px;border-radius:0 4px 4px 0;background:#1D3F86}
.qc.is-accepted::before{background:#12795C}.qc.is-rejected::before,.qc.is-expired::before{background:#B3261E}.qc.is-mod::before{background:#F0962A}.qc.is-replaced{opacity:.75}.qc.is-replaced::before{background:#C9A24E}
.qc-ic{grid-area:ic;line-height:0}.qc-ic .t2-tile{width:40px;height:45px}
.qc-t{grid-area:t;display:grid;gap:2px;min-width:0}.qc-t b{font:800 .95rem/1.4 var(--t2-ff-display)}.qc-t b em{font-style:normal;color:#94540A}.qc-t span{font-size:.8rem;color:var(--t2-ink-2)}.qc-t small{font-size:.72rem;color:var(--t2-muted)}
.qc-v{grid-area:v;display:grid;justify-items:end;gap:3px}.qc-v small{font-size:.7rem;color:var(--t2-muted)}.qc-v b{font:800 1.1rem/1.2 var(--t2-ff-display)}
.qc-go{grid-area:go;justify-self:end;display:inline-flex;align-items:center;gap:4px;font:700 .78rem/1.4 var(--t2-ff-display);color:var(--t2-brand-3)}
.is-app .qc{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ic t" "v v" "go go"}.is-app .qc-v{justify-items:start;grid-auto-flow:column;align-items:center;justify-content:start;gap:8px}
.qd-dl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;border:1px dashed #C9D4E1;border-radius:14px;background:#F8FAFC;font:600 .8rem/1.6 var(--t2-ff-display);color:var(--t2-ink-2)}
.qd-dl>span{flex:1 1 14rem;display:inline-flex;align-items:center;gap:6px}.qd-dl small{flex-basis:100%;color:var(--t2-muted)}
.qd-conds{grid-template-rows:repeat(4,auto);grid-auto-flow:column}
.is-app .qd-conds{grid-template-rows:none;grid-auto-flow:row}
@media (max-width:64rem){.qd-conds{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}}
/* تفاصيل الخدمة في عرض السعر */
.qd-svc-w{overflow-x:auto}
.qd-svc{width:100%;min-width:30rem;border-collapse:collapse;font-size:.84rem}
.qd-svc th{padding:9px 14px;text-align:start;font-weight:800;color:#fff;background:#1D3F86;white-space:nowrap}
.qd-svc th:not(:first-child),.qd-svc td:not(:first-child){text-align:center;font-variant-numeric:tabular-nums}
.qd-svc td{padding:10px 14px;border-bottom:1px solid #EEF2F7;font-weight:700;color:#0B2349}
.qd-svc td small{display:block;font-size:.7rem;font-weight:600;color:#6B7A90}
.qd-svc tr.is-main td{background:#F4F9FB}
.qd-svc tbody tr:nth-child(even):not(.is-main) td{background:#FAFBFD}
.qd-svc tfoot td{padding:11px 14px;background:#EEF4FF;font:800 .95rem/1.4 var(--t2-ff-display);color:#1D3F86;border-top:2px solid #1D3F86}
.qd-svc tfoot td:last-child{text-align:center}
.qd-svc-n{margin:0;padding:8px 14px 12px;font-size:.72rem;color:#6B7A90}
.is-app .qd-svc{min-width:26rem;font-size:.78rem}.is-app .qd-svc th,.is-app .qd-svc td{padding:8px 10px}
/* v55 تفاصيل عرض السعر + الملخص + خطة الدفع الموحّدة */
.qd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.qd-sum{display:grid;justify-self:end;margin:0 0 0 auto;width:min(100%,24rem);border-top:1px solid #EEF2F7}
.qd-sum-r{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid #F1F4F8;font-size:.86rem}
.qd-sum-r span{color:#4A5D78}.qd-sum-r b{color:#0B2349;font-variant-numeric:tabular-nums}
.qd-sum-r.is-minus b{color:#12795C}
.qd-sum .qd-total{border-radius:0 0 0 14px}
.qd-pk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 14px;background:#F7FAFD;border-bottom:1px solid #EEF2F7}
.qd-pk>div{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #E3E9F1}
.qd-pk small{font-size:.7rem;color:#6B7A90}.qd-pk b{font:800 .9rem/1.4 var(--t2-ff-display);color:#1D3F86}
.qd-pl{min-width:34rem}.qd-pl tbody tr.is-first td{background:#FFF8EE}.qd-pl tbody tr.is-first td:nth-child(4){color:#94540A}
.qd-pl tfoot td:nth-child(2){text-align:center}
.qh-sub{font-size:.7em;color:#C9D7EA;font-weight:700}
.qp-f{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
.is-app .qd-pk{grid-template-columns:repeat(2,minmax(0,1fr))}.is-app .qd-sum{width:100%}.is-app .qd-pl{min-width:30rem}
.is-app .qd-svc,.is-app .qd-pl{min-width:0;font-size:.72rem}
.is-app .qd-svc th,.is-app .qd-svc td{padding:7px 5px}
.is-app .qd-svc th{white-space:normal;font-size:.68rem}
.is-app .qd-pill{width:20px;height:20px;font-size:.66rem}
/* ===== v56 عرض السعر — إخراج فاخر ===== */
.qd{gap:16px;padding:0 0 22px;border-radius:24px;background:linear-gradient(180deg,#FFFFFF,#FBFCFE);box-shadow:0 24px 50px rgba(11,35,73,.14),0 0 0 1px #E3E9F1}
.qd>*:not(.qd-hero):not(.qd-stamp){margin-inline:22px}
.qd-hero{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:22px 26px 26px;color:#fff;overflow:hidden;
  background:radial-gradient(120% 140% at 0% 0%,rgba(10,165,173,.38),transparent 55%),radial-gradient(80% 120% at 100% 100%,rgba(255,200,97,.16),transparent 60%),linear-gradient(160deg,#10306A,#0B2349 55%,#081A38)}
.qd-hero::after{content:"";position:absolute;inset-inline:0;bottom:0;height:4px;background:linear-gradient(90deg,#0AA5AD,#FFC861 50%,#0AA5AD)}
.qd-brand{display:flex;align-items:center;gap:14px}
.qd-logo{display:grid;place-items:center;width:78px;height:78px;border-radius:22px;background:#fff;box-shadow:0 6px 0 rgba(0,0,0,.18),0 12px 24px rgba(0,0,0,.25)}
.qd-logo img{width:64px;height:auto}
.qd-brand b{display:block;font:800 1.15rem/1.4 var(--t2-ff-display);color:#fff}.qd-brand span{font-size:.82rem;color:#C9D7EA}
.qd-title{display:grid;justify-items:end;gap:4px}
.qd-title small{font:800 .66rem/1 var(--t2-ff-display);letter-spacing:.3em;color:#FFC861}
.qd-title h2{margin:0;font:800 2.2rem/1.1 var(--t2-ff-display);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.qd-title span{padding:3px 14px;border-radius:999px;background:linear-gradient(180deg,#FFE29A,#F2B23E);color:#2A1A00;font:800 .72rem/1.7 var(--t2-ff-display);box-shadow:0 3px 0 #B57A16}
.qd-to{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:stretch}
.qd-to-c{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #E3E9F1,0 8px 18px rgba(11,35,73,.05)}
.qd-to-c small{display:block;font:800 .7rem/1.4 var(--t2-ff-display);letter-spacing:.06em;color:#94540A}
.qd-to-c b{display:block;font:800 1.25rem/1.5 var(--t2-ff-display);color:#0B2349}.qd-to-c span{font-size:.78rem;color:#6B7A90}
.qd-to-c .qd-ic .t2-tile{width:46px;height:52px}
.qd-to-t{display:grid;align-content:center;justify-items:center;gap:2px;min-width:15rem;padding:14px 20px;border-radius:18px;text-align:center;color:#fff;background:linear-gradient(160deg,#14B5BC,#06707A);box-shadow:0 5px 0 #04555C,0 14px 26px rgba(6,112,122,.3)}
.qd-to-t small{font:700 .74rem/1.4 var(--t2-ff-display);color:#DDF7F6}
.qd-to-v b{font:800 2rem/1.15 var(--t2-ff-display);font-variant-numeric:tabular-nums}.qd-to-v small{font-size:.9rem;color:#DDF7F6}
.qd-to-t>span{font-size:.74rem;color:#E9FBFA}
.qd-meta{grid-template-columns:repeat(4,minmax(0,1fr))}
.qd-m{background:#fff;box-shadow:0 2px 0 #E3E9F1}
.qd-c{border-radius:18px;box-shadow:0 2px 0 #E3E9F1,0 10px 22px rgba(11,35,73,.04)}
.qd-ch{background:linear-gradient(180deg,#FBFCFE,#fff);border-bottom:1px solid #EEF2F7;position:relative}
.qd-ch::after{content:"";position:absolute;inset-inline-start:16px;bottom:-1px;width:56px;height:2px;background:linear-gradient(90deg,#FFC861,#0AA5AD)}
.qd-ch small{display:block;font-size:.72rem;color:#6B7A90}
.qd-facts{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:0}
.qd-fact{display:grid;gap:3px;padding:14px 16px;border-inline-start:1px solid #EEF2F7}
.qd-fact:first-child{border-inline-start:0}
.qd-fact small{font-size:.72rem;color:#6B7A90}.qd-fact b{font:800 .98rem/1.5 var(--t2-ff-display);color:#0B2349;font-variant-numeric:tabular-nums}
.qd-fact.is-name b{color:#1D3F86;font-size:1.05rem}
/* الملخص بامتداد الجدول */
.qd-svc tfoot tr td{padding:10px 14px;background:#fff;border-top:1px solid #EEF2F7;font:700 .86rem/1.4 var(--t2-ff-display);color:#24375A}
.qd-svc tfoot tr td:first-child{text-align:start}
.qd-svc tfoot tr td:last-child{text-align:center;color:#0B2349;font-weight:800;font-variant-numeric:tabular-nums}
.qd-svc tfoot tr.is-sub td{border-top:2px solid #D4DEEA;background:#F7FAFD}
.qd-svc tfoot tr.is-minus td:last-child{color:#12795C}
.qd-svc tfoot tr.is-grand td{padding:13px 14px;background:linear-gradient(90deg,#1D3F86,#0B2349);color:#fff;font:800 1rem/1.4 var(--t2-ff-display);border-top:0}
.qd-svc tfoot tr.is-grand td:last-child{color:#FFE29A;font-size:1.08rem}
/* الشروط والأحكام */
.qd-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px}
.qd-tg{border:1px solid #E9EEF5;border-radius:16px;background:#FBFCFE;overflow:hidden}
.qd-tg>header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-bottom:1px solid #EEF2F7}
.qd-tg>header b{font:800 .92rem/1.4 var(--t2-ff-display);color:#1D3F86}
.qd-ic.is-sm .t2-tile{width:26px;height:29px}
.qd-tg ol{display:grid;gap:0;margin:0;padding:4px 12px 10px;list-style:none}
.qd-tg li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed #E3E9F1}.qd-tg li:last-child{border-bottom:0}
.qd-tg li p{margin:0;font-size:.82rem;line-height:1.85;color:#24375A;text-wrap:pretty}.qd-tg li p b{color:#0B2349}
.qd-tg .qd-n{margin-top:3px;background:linear-gradient(160deg,#2A4C8C,#1D3F86);box-shadow:0 2px 0 #122A5E}
.qd-tg:last-child{grid-column:1/-1;background:linear-gradient(180deg,#F2FAF6,#fff);border-color:#CBE9DC}
.qd-tg:last-child>header b{color:#12795C}.qd-tg:last-child .qd-n{background:linear-gradient(160deg,#3CBF8E,#12795C);box-shadow:0 2px 0 #0B5440}
/* الختام */
.qd-f{display:flex;align-items:center;gap:12px;padding:14px 16px;border:0;border-radius:18px;background:linear-gradient(90deg,#FFFBF2,#fff);box-shadow:0 0 0 1px #EAD39C;border-image:none}
.qd-f .qd-seal{line-height:0}.qd-f .qd-seal .t2-tile{width:44px;height:50px}
.qd-f div{flex:1;display:grid}.qd-f div b{font:800 .95rem/1.5 var(--t2-ff-display);color:#0B2349}.qd-f div span{font-size:.76rem;color:#6B7A90}
.qd-f em{font:800 .8rem/1.4 var(--t2-ff-display);font-style:normal;color:#94540A}
.qd-stamp{top:150px;z-index:3}
/* الموافقة على الشروط */
.qp-agree{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:12px;background:#F7FAFD;font-size:.84rem;line-height:1.7;color:#24375A;cursor:pointer}
.qp-agree input{margin-top:4px;width:18px;height:18px;accent-color:#12795C}.qp-agree.is-miss{background:#FDF1F0}
@media (max-width:64rem){.qd-terms{grid-template-columns:minmax(0,1fr)}.qd-to{grid-template-columns:minmax(0,1fr)}.qd-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
.is-app .qd>*:not(.qd-hero):not(.qd-stamp){margin-inline:12px}
.is-app .qd-hero{padding:18px 16px 22px}.is-app .qd-logo{width:58px;height:58px;border-radius:16px}.is-app .qd-logo img{width:48px}
.is-app .qd-brand b{font-size:.95rem}.is-app .qd-title h2{font-size:1.6rem}
.is-app .qd-to,.is-app .qd-terms{grid-template-columns:minmax(0,1fr)}.is-app .qd-to-t{min-width:0}
.is-app .qd-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
.is-app .qd-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.is-app .qd-fact.is-name{grid-column:1/-1}.is-app .qd-fact{border-inline-start:0;border-top:1px solid #EEF2F7}
.is-app .qd-f{flex-wrap:wrap}.is-app .qd-stamp{top:120px}
.qd-svc tfoot tr.is-grand td{background:#1D3F86}
.qd-terms{grid-template-columns:minmax(0,1fr)}
.qd-tg ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
.qd-tg li:nth-last-child(2):nth-child(odd){border-bottom:0}
.qd-tg:last-child ol{grid-template-columns:minmax(0,1fr)}
.is-app .qd-tg ol{grid-template-columns:minmax(0,1fr)}.is-app .qd-tg li:nth-last-child(2):nth-child(odd){border-bottom:1px dashed #E3E9F1}
@media (max-width:64rem){.qd-tg ol{grid-template-columns:minmax(0,1fr)}}
/* v58 العدّاد الحي + طلب التمديد + طريقة الاستلام */
.qcd{display:inline-flex;align-items:center;gap:6px;direction:ltr}
.qcd i{font:800 1.2rem/1 var(--t2-ff-display);font-style:normal;color:#FFC861;margin-top:-14px}
.qcd-u{display:grid;justify-items:center;gap:3px}
.qcd-u b{display:grid;place-items:center;min-width:52px;height:48px;padding:0 8px;border-radius:12px;background:linear-gradient(180deg,#fff,#E8EEF5);color:#0B2349;font:800 1.5rem/1 var(--t2-ff-display);font-variant-numeric:tabular-nums;box-shadow:0 4px 0 #9FB3CC,0 8px 16px rgba(0,0,0,.25)}
.qcd-u small{font:700 .64rem/1 var(--t2-ff-display);color:#C9D7EA}
.qcd.is-low .qcd-u b{background:linear-gradient(180deg,#FFE9E6,#FFC9C2);color:#B3261E;box-shadow:0 4px 0 #D9897F}
.qh-cd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,200,97,.3)}
.qh-cd>span{display:inline-flex;align-items:center;gap:8px;font:700 .84rem/1.4 var(--t2-ff-display);color:#FFE7A8}
.qh-cd>span .t2-tile{width:30px;height:34px}
.qcd.is-sm{gap:3px}.qcd.is-sm i{font-size:.85rem;margin-top:-10px;color:#94540A}
.qcd.is-sm .qcd-u b{min-width:30px;height:26px;padding:0 4px;border-radius:8px;font-size:.82rem;box-shadow:0 2px 0 #C5D1DF;background:#F4F7FB}
.qcd.is-sm .qcd-u small{color:#6B7A90;font-size:.56rem}
.qc-t .qcd{margin-top:4px;justify-self:start}
.qh-extp{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(255,200,97,.14);color:#FFE7A8;font:700 .8rem/1.5 var(--t2-ff-display)}
.qh-ext{justify-self:start;margin-top:2px;padding:1px 9px;border-radius:999px;background:#3CBF8E;color:#fff;font:800 .66rem/1.7 var(--t2-ff-display)}
.qp.is-ext{box-shadow:0 10px 26px rgba(185,105,15,.1),0 0 0 2px rgba(255,200,97,.55)}
.qd-recv{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:linear-gradient(90deg,#F2FAFB,#fff);box-shadow:0 0 0 1px #CDEBEE}
.qd-recv small{display:block;font-size:.72rem;color:#6B7A90}.qd-recv b{display:block;font:800 1rem/1.5 var(--t2-ff-display);color:#06707A}.qd-recv span{font-size:.8rem;color:#24375A}
.qd-recv .qd-ic .t2-tile{width:40px;height:45px}
.is-app .qcd-u b{min-width:44px;height:42px;font-size:1.25rem}
/* ===== v59: العدّاد — فصل الأرقام عن التسميات (لا تداخل) ===== */
.qcd{align-items:flex-start;gap:8px}
.qcd-u{gap:0;grid-template-rows:auto auto}
.qcd-u b{margin-bottom:12px}
.qcd-u small{display:block;line-height:1.3;white-space:nowrap;letter-spacing:.02em}
.qcd i{align-self:flex-start;margin-top:0;height:48px;display:grid;place-items:center}
.qcd.is-sm{gap:4px}
.qcd.is-sm .qcd-u b{margin-bottom:6px}
.qcd.is-sm i{margin-top:0;height:26px}
.qc-t .qcd span,.qc-t .qcd small{font-size:inherit;color:inherit}
.qc-t .qcd.is-sm .qcd-u small{font-size:.6rem;color:#6B7A90}
.qc-t .qcd.is-sm .qcd-u b{font-size:.82rem;color:#0B2349}
.is-app .qcd i{height:42px}
.qh-cd .qcd{padding-top:2px}
/* ===== v59: طلباتي — بطاقات الحالات ===== */
.t2-grid.fx-rgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.t2-grid.fx-rgrid>.fx-rv.is-all{grid-row:span 2;align-content:space-between;background:linear-gradient(160deg,#F2F6FD,#fff 60%)}
.fx-rv.is-all .fx-vc-n b{font-size:2.6rem}
.is-app .t2-grid.fx-rgrid>.fx-rv.is-all{grid-row:auto}
.is-app .fx-rv.is-all .fx-vc-n b{font-size:inherit}
.pv-phone .t2-grid.fx-rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.fx-rv .fx-vc-s{font-size:.72rem}
.fx-rv.is-0{opacity:.72}
.fx-rv.is-ok .fx-vc-n b,.fx-rv.is-ok .fx-vc-h b{color:#12795C}
.fx-rv.is-warn .fx-vc-n b,.fx-rv.is-warn .fx-vc-h b{color:#94540A}
.fx-rv.is-danger .fx-vc-n b,.fx-rv.is-danger .fx-vc-h b{color:#B3261E}
.fx-rv.is-info .fx-vc-n b,.fx-rv.is-info .fx-vc-h b{color:#1D3F86}
.fx-rv.is-ok[aria-expanded=true]{box-shadow:0 0 0 2px rgba(18,121,92,.4),var(--i-sh)}
.fx-rv.is-warn[aria-expanded=true]{box-shadow:0 0 0 2px rgba(240,150,42,.45),var(--i-sh)}
.fx-rv.is-danger[aria-expanded=true]{box-shadow:0 0 0 2px rgba(179,38,30,.4),var(--i-sh)}
.fx-rv.is-info[aria-expanded=true]{box-shadow:0 0 0 2px rgba(29,63,134,.4),var(--i-sh)}
.fx-rbody-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px}
.fx-rbody-h .t2-field{min-width:200px;flex:0 1 260px}
.fx-rbody.is-ok{border-color:rgba(18,121,92,.35);background:linear-gradient(180deg,#F1FAF6,#fff 120px)}
.fx-rbody.is-warn{border-color:rgba(240,150,42,.4);background:linear-gradient(180deg,#FFF8EE,#fff 120px)}
.fx-rbody.is-danger{border-color:rgba(179,38,30,.3);background:linear-gradient(180deg,#FDF3F2,#fff 120px)}
.fx-rbody.is-info{border-color:rgba(29,63,134,.3);background:linear-gradient(180deg,#F2F5FC,#fff 120px)}
.fx-rbody .fx-cards.is-req{margin:0}
.is-app .fx-rbody-h .t2-field{flex:1 1 100%;min-width:0}
.fx-more{display:flex;justify-content:flex-start;margin-top:12px}
.fx-cards.is-req.is-dash{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:80rem){.fx-cards.is-req.is-dash{grid-template-columns:minmax(0,1fr)}}
.is-app .fx-cards.is-req.is-dash{grid-template-columns:minmax(0,1fr)}
/* ===== v60: سداد عقد كامل + طلب تأجيل دفعة ===== */
.st-hero{position:relative;display:grid;gap:16px;padding:22px;border-radius:22px;color:#fff;overflow:hidden;
  background:radial-gradient(70% 90% at 0% 0%,rgba(10,165,173,.35),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(201,162,78,.22),transparent 60%),linear-gradient(150deg,#0A1F44,#123563);
  box-shadow:0 18px 40px -18px rgba(10,31,68,.55),inset 0 1px 0 rgba(255,255,255,.08)}
.st-hero::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0AA5AD,#3CBF8E)}
.st-hero.is-warn::before{background:linear-gradient(90deg,#F0962A,#FDC86C)}
.st-hero.is-danger::before{background:linear-gradient(90deg,#B3261E,#ED938C)}
.st-hero-h{display:flex;align-items:center;gap:12px}
.st-hero-ic .t2-tile{width:46px;height:52px}
.st-hero-t{display:grid;gap:2px;min-width:0;flex:1}
.st-hero-t small{font:700 .72rem/1.4 var(--t2-ff-display);color:#FFD98A;letter-spacing:.02em}
.st-hero-t b{font:800 1.12rem/1.4 var(--t2-ff-display)}
.st-hero-t span{font-size:.8rem;color:#C9D6EC}
.st-pill{flex:none;padding:5px 12px;border-radius:999px;font:800 .74rem/1.4 var(--t2-ff-display);background:rgba(60,191,142,.18);color:#7ED8B3;box-shadow:inset 0 0 0 1px rgba(126,216,179,.4)}
.st-pill.is-warn{background:rgba(240,150,42,.18);color:#FDC86C;box-shadow:inset 0 0 0 1px rgba(253,200,108,.45)}
.st-pill.is-danger{background:rgba(179,38,30,.25);color:#F6B4AE;box-shadow:inset 0 0 0 1px rgba(237,147,140,.5)}
.st-pill.is-info{background:rgba(108,143,220,.2);color:#BFD0F5;box-shadow:inset 0 0 0 1px rgba(108,143,220,.45)}
.st-hero-v{display:grid;gap:4px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,217,138,.25)}
.st-hero-v span{font:700 .8rem/1.4 var(--t2-ff-display);color:#C9D6EC}
.st-hero-v b{font:800 2.3rem/1.1 var(--t2-ff-display);font-variant-numeric:tabular-nums;color:#fff}
.st-hero-v b small{font-size:.42em;color:#FFD98A}
.st-hero-v em{font-style:normal;font-size:.74rem;color:#9FB3CC}
.st-prog{display:grid;gap:8px}
.st-prog-b{height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.st-prog-b i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#12795C,#3CBF8E 60%,#7ED8B3);box-shadow:0 0 12px rgba(60,191,142,.6)}
.st-prog-l{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.78rem;color:#C9D6EC}.st-prog-l b{color:#fff;font-weight:800}
.st-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.st-tile{display:grid;gap:3px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.st-tile span{font:700 .72rem/1.4 var(--t2-ff-display);color:#9FB3CC}
.st-tile b{font:800 1.15rem/1.3 var(--t2-ff-display);font-variant-numeric:tabular-nums;color:#fff}
.st-tile small{font-size:.72rem;color:#C9D6EC}
.st-tile.is-bad b{color:#FDC86C}.st-tile.is-ok b{color:#7ED8B3}
.st-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:s}
.st-flow-i{position:relative;display:grid;justify-items:start;gap:4px;padding:14px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #E3EAF3,0 6px 14px -10px rgba(10,31,68,.3)}
.st-flow-i:not(:last-child)::after{content:"";position:absolute;top:34px;left:-11px;width:12px;height:2px;background:#C9D6E6}
.st-flow-ic .t2-tile{width:34px;height:38px}
.st-flow-n{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#EEF3F9;color:#5A6B82;font:800 .74rem/1 var(--t2-ff-display)}
.st-flow-i b{font:800 .9rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.st-flow-i small{font-size:.74rem;line-height:1.55;color:var(--t2-ink-2)}
.st-flow-i.is-done{box-shadow:0 0 0 1px rgba(18,121,92,.35),0 6px 14px -10px rgba(18,121,92,.4);background:linear-gradient(180deg,#F1FAF6,#fff)}
.st-flow-i.is-done .st-flow-n{background:#12795C;color:#fff}
.st-flow-i.is-now{box-shadow:0 0 0 2px #0AA5AD,0 10px 22px -12px rgba(10,165,173,.6);background:linear-gradient(180deg,#EDF9FA,#fff)}
.st-flow-i.is-now .st-flow-n{background:#0AA5AD;color:#fff}
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.st-lock{display:grid;gap:8px;justify-items:start}.st-lock .fx-lockc{width:100%}
.st-agree{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:14px;background:#F6F9FC;box-shadow:inset 0 0 0 1px #DCE5F0;font:700 .86rem/1.7 var(--t2-ff-display);color:var(--t2-ink);cursor:pointer}
.st-agree input{width:20px;height:20px;margin-top:3px;accent-color:#0AA5AD;flex:none}
.st-agree.is-miss{background:#FDF3F2;box-shadow:inset 0 0 0 1.5px #B3261E}
.st-tw{overflow-x:auto;border-radius:14px;box-shadow:0 0 0 1px #E3EAF3}
.st-t{width:100%;border-collapse:collapse;font-size:.84rem;min-width:30rem}
.st-t th{padding:10px 12px;text-align:start;background:#0D2B52;color:#fff;font:800 .78rem/1.4 var(--t2-ff-display)}
.st-t td{padding:10px 12px;border-top:1px solid #EDF1F6;font-variant-numeric:tabular-nums}
.st-t tbody tr:nth-child(even) td{background:#FAFCFE}
.st-t tr.is-late td:first-child{box-shadow:inset -3px 0 0 #F0962A}
.st-t tfoot td{background:#F2F6FB;font:800 .86rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.st-empty{display:grid;justify-items:center;gap:6px;padding:26px 18px;border-radius:18px;text-align:center;background:linear-gradient(180deg,#F5F9FD,#fff);box-shadow:0 0 0 1px #E3EAF3}
.st-empty-ic .t2-tile{width:52px;height:58px}
.st-empty b{font:800 1rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}.st-empty span{font-size:.84rem;color:var(--t2-ink-2)}
.st-done{display:grid;gap:16px;padding:22px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(18,121,92,.3),0 18px 40px -22px rgba(18,121,92,.5);border-top:5px solid #12795C}
.st-done-h{display:flex;align-items:center;gap:14px}
.st-done-ic .t2-tile{width:56px;height:62px}
.st-done-h b{display:block;font:800 1.2rem/1.4 var(--t2-ff-display);color:#12795C}
.st-done-h span{font-size:.86rem;color:var(--t2-ink-2)}
.st-done-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:10px;margin:0;padding:14px;border-radius:14px;background:#F6F9FC;border:1px dashed #C9D6E6}
.st-done-f div{display:grid;gap:2px}.st-done-f dt{font-size:.72rem;color:var(--t2-muted)}.st-done-f dd{margin:0;font:800 .9rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
@media (max-width:64rem){.st-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.is-app .st-hero{padding:16px;border-radius:18px}
.is-app .st-hero-v b{font-size:1.9rem}
.is-app .st-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.is-app .st-grid{grid-template-columns:minmax(0,1fr)}
.is-app .st-flow{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:70%;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 8px;scrollbar-width:none}
.is-app .st-flow-i{scroll-snap-align:start}
.is-app .st-flow-i::after{display:none}
.is-app .st-done{padding:16px}
@media (max-width:40rem){.st-grid{grid-template-columns:minmax(0,1fr)}.st-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.is-app .st-done-f{grid-template-columns:repeat(2,minmax(0,1fr))}
/* ===== v60: مركز الإشعارات — أبسط وأوضح ===== */
.nsc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nsc{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ic b" "f f";align-items:center;gap:10px 12px;padding:16px;border:0;border-radius:18px;background:#fff;text-align:start;cursor:pointer;font:inherit;color:inherit;box-shadow:0 0 0 1px #E3EAF3,0 8px 18px -14px rgba(10,31,68,.35);transition:transform .15s,box-shadow .15s}
.nsc:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #BFD3E6,0 14px 24px -14px rgba(10,31,68,.4)}
.nsc.has-new{box-shadow:0 0 0 1.5px rgba(240,150,42,.55),0 10px 22px -14px rgba(240,150,42,.5)}
.nsc.is-all{background:linear-gradient(160deg,#FFF8EC,#fff 70%)}
.nsc-ic{grid-area:ic}.nsc-ic .t2-tile{width:42px;height:47px}
.nsc-b{grid-area:b;display:grid;gap:2px;min-width:0}
.nsc-b b{font:800 .98rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.nsc-b small{font-size:.76rem;color:var(--t2-ink-2);line-height:1.5}
.nsc-f{grid-area:f;display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px dashed #E3EAF3;font-size:.78rem;color:var(--t2-muted)}
.nsc-f .t2-nbadge{position:static;margin-inline-start:auto}
.nsc-go{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#F1F5FA;color:#0D2B52;margin-inline-start:auto}
.nsc-f .t2-nbadge:not([hidden])+.nsc-go{margin-inline-start:0}
.nh-team{display:flex;justify-content:center}.nh-team .fx-link{display:inline-flex;align-items:center;gap:6px;font-size:.8rem}.nh-team .t2-tile{width:20px;height:22px}
.nh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #E3EAF3}
.nh-t{display:flex;align-items:center;gap:10px}.nh-ic .t2-tile{width:36px;height:40px}
.nh-t>div{display:grid}.nh-t>div>b{font:800 1rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.nh-t>div>span{font-size:.78rem;color:#94540A;font-weight:700}
.nh-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.nh-a .t2-cb{min-width:200px}
.nr-list{display:grid;gap:18px}
.nr-g{display:grid;gap:8px}
.nr-gh{display:flex;align-items:center;gap:8px;margin:0;font:800 .82rem/1.4 var(--t2-ff-display);color:var(--t2-ink-2)}
.nr-gh small{padding:0 8px;border-radius:999px;background:#EEF3F9;font-size:.72rem;color:#5A6B82}
.nr-gl{display:grid;gap:8px}
.nr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:4px 12px 4px 4px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #E6ECF3;border:0;text-align:start;font:inherit;color:inherit}
.nr::before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:transparent}
.nr.is-unread{background:linear-gradient(90deg,#fff,#FFFBF3)}
.nr.is-unread.is-danger::before{background:#B3261E}.nr.is-unread.is-warn::before{background:#F0962A}.nr.is-unread.is-ok::before{background:#12795C}.nr.is-unread.is-info::before{background:#1D3F86}
.nr-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:0;background:none;text-align:start;font:inherit;color:inherit;cursor:pointer;border-radius:14px;min-width:0}
.nr-ic .t2-tile{width:34px;height:38px}
.nr-b{display:grid;gap:3px;min-width:0}
.nr-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.nr-top b{font:700 .9rem/1.5 var(--t2-ff-display);color:var(--t2-ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nr.is-unread .nr-top b{font-weight:800}
.nr-top time{flex:none;font-size:.72rem;color:var(--t2-muted)}
.nr-txt{font-size:.8rem;line-height:1.6;color:var(--t2-ink-2);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.nr.is-open .nr-txt{display:none}
.nr-meta{display:flex;flex-wrap:wrap;gap:6px}
.nr-k,.nr-s{padding:1px 8px;border-radius:999px;font:700 .68rem/1.7 var(--t2-ff-display);background:#EEF3F9;color:#41536B}
.nr-k.is-danger{background:#FCEBEA;color:#B3261E}.nr-k.is-warn{background:#FFF1DE;color:#A65C08}.nr-k.is-ok{background:#E6F5EF;color:#12795C}.nr-k.is-info{background:#EAF0FB;color:#1D3F86}
.nr-dot{width:10px;height:10px;border-radius:50%;background:#F0962A;box-shadow:0 0 0 3px rgba(240,150,42,.2)}
.nr-a{padding-inline-end:4px}
.nr-x{grid-column:1/-1;display:grid;gap:8px;margin:0 12px 12px;padding:12px 14px;border-radius:12px;background:#F6F9FC}
.nr-x p{margin:0;font-size:.86rem;line-height:1.8;color:var(--t2-ink)}
.nr-ch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.76rem;color:var(--t2-ink-2)}
.nr-ch span{display:inline-flex;align-items:center;gap:4px}.nr-ch .t2-tile{width:18px;height:20px}
.nr-nx{font-size:.74rem;color:#0A7F86;font-weight:700}
.nr-mini{padding:0;cursor:pointer}.nr-mini .nr-main{width:100%}
@media (max-width:64rem){.nsc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.is-app .nsc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.is-app .nsc{padding:12px;grid-template-columns:minmax(0,1fr);grid-template-areas:"ic" "b" "f"}
.is-app .nsc-b small{display:none}
.is-app .nr{grid-template-columns:minmax(0,1fr);padding:2px}
.is-app .nr-main{padding:10px}
.is-app .nr-a{padding:0 10px 10px 10px;justify-self:start}
.is-app .nh-a{width:100%}.is-app .nh-a .t2-cb{flex:1;min-width:0}
.nr-main{width:100%;min-width:0;box-sizing:border-box}
.nr-b{overflow:hidden}
.nr-txt{word-break:break-word}
.is-app .nr-top{flex-direction:column;align-items:flex-start;gap:0}
.is-app .nr-top b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.is-app .nr-main{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
.is-app .nsc-f span:first-child{font-size:.72rem}
/* ===== v60: مركز المراسلات ===== */
.nr-k.is-off{background:#EEF1F5;color:#6B7A90}
.mt-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:16px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #E3EAF3}
.mt-ic .t2-tile{width:42px;height:47px}
.mt-t{display:grid;gap:2px;min-width:0}.mt-t b{font:800 1.02rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}.mt-t span{font-size:.78rem;color:var(--t2-ink-2)}
.mt-st{padding:4px 12px;border-radius:999px;font:800 .74rem/1.5 var(--t2-ff-display);background:#EEF1F5;color:#6B7A90}
.mt-st.is-ok{background:#E6F5EF;color:#12795C}.mt-st.is-warn{background:#FFF1DE;color:#A65C08}.mt-st.is-info{background:#EAF0FB;color:#1D3F86}
.mt-req{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:999px;background:#F1F5FA;color:#0D2B52;font:700 .78rem/1.4 var(--t2-ff-display);cursor:pointer}
.mt-req .t2-tile{width:20px;height:22px}
.mt-c{list-style:none;margin:0;padding:16px;display:grid;gap:14px;border-radius:18px;background:linear-gradient(180deg,#F4F8FC,#EEF3F9)}
.mt-m{display:flex;align-items:flex-end;gap:10px;max-width:min(36rem,88%)}
.mt-m.is-me{justify-self:start}
.mt-m.is-staff{justify-self:end;flex-direction:row-reverse}
.mt-av{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0AA5AD;color:#fff;font:800 .9rem/1 var(--t2-ff-display)}
.mt-m.is-staff .mt-av{background:#fff;box-shadow:0 0 0 1px #E3EAF3}.mt-av .t2-tile{width:24px;height:27px}
.mt-bub{display:grid;gap:6px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:0 4px 12px -8px rgba(10,31,68,.35);min-width:0}
.mt-m.is-me .mt-bub{background:#0D2B52;color:#fff;border-end-start-radius:4px}
.mt-m.is-staff .mt-bub{border-end-end-radius:4px}
.mt-who{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.mt-who b{font:800 .8rem/1.4 var(--t2-ff-display)}.mt-who time{font-size:.7rem;opacity:.7}
.mt-m.is-staff .mt-who b{color:#0A7F86}
.mt-bub p{margin:0;font-size:.88rem;line-height:1.8}
.mt-files{display:flex;flex-wrap:wrap;gap:6px}
.mt-file{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:10px;background:rgba(255,255,255,.12);font-size:.76rem}
.mt-m.is-staff .mt-file{background:#F1F5FA;color:#0D2B52}
.mt-r{display:grid;gap:10px;padding:14px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #E3EAF3}
.mt-r-a{display:flex;justify-content:flex-end}
.is-app .mt-m{max-width:94%}
.is-app .mt-h{grid-template-columns:auto minmax(0,1fr)}.is-app .mt-st{grid-column:1/-1;justify-self:start}
/* ===== v60: قوالب تفاصيل بطاقة الطلب ===== */
.rq-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:8px}
.rq-f{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#F4F7FB;box-shadow:inset 0 0 0 1px #E3EAF3;min-width:0}
.rq-f-ic .t2-tile{width:26px;height:29px}
.rq-f-b{display:grid;min-width:0}
.rq-f-b small{font:700 .68rem/1.4 var(--t2-ff-display);color:var(--t2-muted)}
.rq-f-b b{font:800 .84rem/1.45 var(--t2-ff-display);color:var(--t2-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rq-f.is-navy{background:#F1F4FB;box-shadow:inset 0 0 0 1px #DCE3F3}.rq-f.is-navy b{color:#1D3F86}
.rq-f.is-teal{background:#EEF9F9;box-shadow:inset 0 0 0 1px #CDEDEE}.rq-f.is-teal b{color:#0A7F86}
.rq-f.is-gold{background:#FBF6EA;box-shadow:inset 0 0 0 1px #EEDFB9}.rq-f.is-gold b{color:#8A5A12}
.rq-f.is-saffron{background:#FFF6EA;box-shadow:inset 0 0 0 1px #F7DDB8}.rq-f.is-saffron b{color:#A65C08}
.rq-f.is-sky{background:#F0F6FC;box-shadow:inset 0 0 0 1px #D6E6F5}
.is-app .rq-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.is-app .rq-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.rq-f.is-saffron b{white-space:normal}
.rq-f.is-full{grid-column:1/-1}
/* رقم الطلب والتاريخ: شارتان مميزتان */
.rq-ids{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
.rq-no{display:inline-flex;align-items:center;gap:6px;padding:2px 4px 2px 10px;border-radius:8px;background:#0D2B52;color:#fff;font:800 .78rem/1.6 var(--t2-ff-display);letter-spacing:.03em;font-variant-numeric:tabular-nums}
.rq-no small{padding:0 6px;border-radius:6px;background:rgba(255,217,138,.18);color:#FFD98A;font:700 .64rem/1.7 var(--t2-ff-display);letter-spacing:0}
.rq-dt{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:8px;background:#EEF9F9;color:#0A7F86;box-shadow:inset 0 0 0 1px #CDEDEE;font:800 .76rem/1.6 var(--t2-ff-display);font-variant-numeric:tabular-nums}
.rq-dt small{font:700 .66rem/1.6 var(--t2-ff-display);color:#3F8F94}
/* توحيد العقود */
.mg-list{display:grid;gap:8px}
.mg-c{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:linear-gradient(150deg,#0A1F44,#123563);color:#fff}
.mg-c .st-hero-ic .t2-tile{width:34px;height:38px}
.mg-c-t{display:grid;min-width:0}.mg-c-t b{font:800 .9rem/1.4 var(--t2-ff-display)}.mg-c-t span{font-size:.74rem;color:#C9D6EC}
.mg-c-v{display:grid;text-align:end}.mg-c-v small{font-size:.68rem;color:#9FB3CC}.mg-c-v b{font:800 .92rem/1.4 var(--t2-ff-display);color:#FFD98A}
.mg-x{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.mg-cmp{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}
.mg-cmp-i{display:grid;gap:4px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.mg-cmp-i span{font:700 .76rem/1.4 var(--t2-ff-display);color:#C9D6EC}
.mg-cmp-i b{font:800 1.6rem/1.15 var(--t2-ff-display);font-variant-numeric:tabular-nums}.mg-cmp-i b small{font-size:.5em;color:#9FB3CC}
.mg-cmp-i.is-new{background:linear-gradient(150deg,rgba(60,191,142,.22),rgba(10,165,173,.12));box-shadow:inset 0 0 0 1.5px rgba(126,216,179,.55)}
.mg-cmp-i.is-new b{color:#7ED8B3}
.mg-cmp-ar{color:#FFD98A}
.mg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mg-grid .t2-hint:empty{display:none}
.is-app .mg-grid{grid-template-columns:minmax(0,1fr)}
.is-app .mg-cmp{grid-template-columns:minmax(0,1fr)}.is-app .mg-cmp-ar{justify-self:center;transform:rotate(-90deg)}
.is-app .mg-c{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ic t x" "v v p"}
.is-app .mg-c .st-hero-ic{grid-area:ic}.is-app .mg-c-t{grid-area:t}.is-app .mg-x{grid-area:x}.is-app .mg-c-v{grid-area:v;text-align:start}.is-app .mg-c .st-pill{grid-area:p}
@media (max-width:64rem){.mg-grid{grid-template-columns:minmax(0,1fr)}}
.fx-card-t .rq-no,.fx-card-t .rq-no bdi{color:#fff;font:800 .8rem/1.6 var(--t2-ff-display)}
.fx-card-t .rq-no small{color:#FFD98A}
.fx-card-t .rq-dt,.fx-card-t .rq-dt bdi{color:#0A7F86;font:800 .76rem/1.6 var(--t2-ff-display)}
.fx-card-t .rq-dt small{color:#3F8F94;font-size:.66rem}
/* اختيار العقود ببطاقات */
.mg-pick{display:grid;gap:10px}
.mg-pick.is-miss .mg-cards{outline:2px solid #B3261E;outline-offset:6px;border-radius:16px}
.mg-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.mg-cnt{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#EEF9F9;color:#0A7F86;font:700 .82rem/1.5 var(--t2-ff-display)}
.mg-cnt b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#0AA5AD;color:#fff;font-size:.8rem}
.mg-bar-a{display:flex;gap:14px}
.mg-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mg-card{position:relative;display:grid;gap:12px;padding:14px;border:0;border-radius:18px;background:#fff;text-align:start;font:inherit;color:inherit;cursor:pointer;box-shadow:0 0 0 1px #E3EAF3,0 8px 18px -14px rgba(10,31,68,.35);transition:box-shadow .15s,transform .15s}
.mg-card:hover{transform:translateY(-2px)}
.mg-card.is-on{box-shadow:0 0 0 2px #0AA5AD,0 12px 24px -14px rgba(10,165,173,.6);background:linear-gradient(170deg,#EEF9F9,#fff 55%)}
.mg-chk{position:absolute;top:12px;inset-inline-end:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;box-shadow:inset 0 0 0 2px #C9D6E6;background:#fff;color:#fff}
.mg-card.is-on .mg-chk{background:#0AA5AD;box-shadow:none}
.mg-card-h{display:flex;align-items:center;gap:10px;padding-inline-end:30px}
.mg-card-ic .t2-tile{width:38px;height:42px}
.mg-card-t{display:grid;gap:4px;min-width:0}.mg-card-t>b{font:800 .92rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.mg-card-t .rq-no,.mg-card-t .rq-no bdi{color:#fff}
.mg-card-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mg-card-f>span{display:grid;gap:1px;padding:8px 10px;border-radius:12px;background:#F4F7FB}
.mg-card-f small{font:700 .66rem/1.4 var(--t2-ff-display);color:var(--t2-muted)}
.mg-card-f b{font:800 .84rem/1.4 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.mg-card-f>span:first-child b{color:#8A5A12}
.mg-card .st-pill{justify-self:start;background:#F1F5FA;box-shadow:none}
.mg-card .st-pill.is-ok{background:#E6F5EF;color:#12795C}.mg-card .st-pill.is-warn{background:#FFF1DE;color:#A65C08}.mg-card .st-pill.is-danger{background:#FCEBEA;color:#B3261E}
.is-app .mg-cards{grid-template-columns:minmax(0,1fr)}
/* الشروحات محذوفة */
.t2-group-n,.st-flow-i small,.nsc-b small{display:none!important}
.mg-cmp-i.is-tbd b{font-size:1.15rem;color:#FFD98A}
.st-t td.is-tbd{color:#8A5A12;font-weight:700;font-size:.8rem}
.mg-cmp-i.is-tbd b{font-size:1rem;line-height:1.5}
/* فلتر القسم ببطاقات */
.t2-grid.fx-fgrid{grid-template-columns:repeat(var(--fc,4),minmax(0,1fr));gap:12px}
@media (max-width:80rem){.t2-grid.fx-fgrid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}}
.mt-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nh-seg{display:inline-flex;padding:4px;border-radius:12px;background:#F1F5FA;gap:4px}
.nh-seg-i{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:0;border-radius:9px;background:none;font:700 .82rem/1.4 var(--t2-ff-display);color:var(--t2-ink-2);cursor:pointer}
.nh-seg-i b{padding:0 7px;border-radius:999px;background:#E3EAF3;font-size:.72rem}
.nh-seg-i.is-on{background:#fff;color:#0D2B52;box-shadow:0 2px 8px -4px rgba(10,31,68,.35)}
.nh-seg-i.is-on b{background:#0AA5AD;color:#fff}
.rq-no,.rq-dt{white-space:nowrap}
.rq-f.is-red{background:#FDF3F2;box-shadow:inset 0 0 0 1px #F3D2CF}.rq-f.is-red b{color:#B3261E}
/* ===== v62: لوحتي — العضوية والنقاط، الوصول السريع ===== */
.tm .mb-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:stretch}
.tm .mb-mem{display:grid;gap:14px;justify-items:start;align-content:start}
.tm .mb-mem-h{display:grid;gap:2px}.tm .mb-mem-h b{font:800 1.15rem/1.4 var(--f-head)}
.tm .mb-ok{font:700 .78rem/1.5 var(--f-body);color:#7ED8B3}
.tm .mb-mem .mcard{max-width:420px}
.tm .mb-pts{display:grid;gap:14px;align-content:start;padding:clamp(18px,3cqw,26px);border-radius:28px;background:linear-gradient(165deg,#FFFBF1,#FFF4DC);box-shadow:0 0 0 1px #F1DFB2,0 18px 40px -22px rgba(138,90,18,.45);color:#3B2A0B}
.tm .mb-pts-h{display:flex;align-items:center;gap:10px}.tm .mb-pts-h .t2-tile{width:42px;height:47px}
.tm .mb-pts-h>div{display:grid}.tm .mb-pts-h b{font:800 1.05rem/1.4 var(--f-head)}
.tm .mb-pts .eyebrow{color:#8A5A12}
.tm .mb-pts-v{display:grid;justify-items:start;gap:2px;padding:18px;border-radius:20px;background:linear-gradient(150deg,#0A1F44,#123563);color:#fff}
.tm .mb-pts-v small{font:700 .78rem/1.4 var(--f-body);color:#C9D6EC}
.tm .mb-pts-v b{font:800 3rem/1 var(--f-head);color:#FFC861;font-variant-numeric:tabular-nums}
.tm .mb-pts-v span{font-size:.8rem;color:#FFE7A8}
.tm .mb-pts-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tm .mb-pts-g>div{display:grid;gap:2px;padding:12px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #F1DFB2}
.tm .mb-pts-g small{font:700 .72rem/1.4 var(--f-body);color:#8A6A2E}
.tm .mb-pts-g b{font:800 1rem/1.4 var(--f-head);color:#3B2A0B}.tm .mb-pts-g b em{font-style:normal;font-size:.72rem;color:#8A6A2E}
.tm .mb-pts-g b.is-ok{color:#12795C}
.tm .mb-pts-btn{justify-self:start;padding:10px 18px;border:0;border-radius:12px;background:linear-gradient(180deg,#E0B75C,#C9A24E);color:#2B1D05;font:800 .86rem/1.4 var(--f-head);cursor:pointer;box-shadow:0 4px 0 #A47F2F}
@container tm (max-width:760px){.tm .mb-grid{grid-template-columns:minmax(0,1fr)}}
.qk{padding:16px 18px;display:grid;gap:12px}
.qk-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.qk-cz{display:inline-flex;align-items:center;gap:4px}
.qk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.qk-i{display:grid;justify-items:center;gap:8px;padding:16px 10px;border:0;border-radius:18px;background:#F6F9FC;box-shadow:inset 0 0 0 1px #E3EAF3;font:inherit;color:var(--t2-ink);cursor:pointer;position:relative;transition:transform .15s,box-shadow .15s}
.qk-i:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #BFD3E6,0 10px 20px -14px rgba(10,31,68,.4);background:#fff}
.qk-ic .t2-tile{width:46px;height:51px}
.qk-i b{font:800 .86rem/1.4 var(--t2-ff-display);text-align:center}
.qk-go{position:absolute;top:10px;inset-inline-start:10px;color:#9FB3CC}
.qk-grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
.is-app .qk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.is-app .qk-grid4{grid-template-columns:minmax(0,1fr)}
@media (max-width:64rem){.qk-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.t2 .t2-sec>.t2-sec-b[hidden],[hidden]{display:none!important}
.mg-plan-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
.mg-plan-h b{font:800 .95rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}.mg-plan-h span{font-size:.78rem;color:var(--t2-ink-2)}
.mg-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:#F6F9FC;box-shadow:inset 0 0 0 1px #E3EAF3}
.mg-pager-m{display:flex;align-items:center;gap:8px;font:700 .82rem/1.4 var(--t2-ff-display);color:var(--t2-ink-2)}
.mg-pager-m .t2-cb{min-width:90px}
.t2-btn:disabled{opacity:.45;cursor:not-allowed}
/* ===== v63: رأس لوحتي — العضوية | (اليوم والوقت + نقاطي) بارتفاع متطابق ===== */
.tm .mb-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:stretch}
.tm .mb-mem{display:grid;grid-template-rows:1fr auto;gap:14px;align-content:stretch;justify-items:center;align-items:center;padding:20px}
.tm .mb-mem .mcard{max-width:460px;width:100%}
.tm .mb-mem .lux-acts{justify-self:stretch;justify-content:center}
.tm .mb-side{display:grid;grid-template-rows:auto 1fr;gap:16px;min-width:0}
.tm .mb-card{position:relative;display:grid;gap:12px;align-content:start;padding:16px;border-radius:24px;color:#fff;overflow:hidden;
  background:radial-gradient(70% 90% at 0% 0%,rgba(10,165,173,.32),transparent 60%),linear-gradient(150deg,#0A1F44,#123563);box-shadow:0 18px 40px -22px rgba(10,31,68,.6),inset 0 1px 0 rgba(255,255,255,.08)}
.tm .mb-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#0AA5AD,#FFC861)}
.tm .mb-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tm .mb-tiles.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tm .mb-t{display:grid;gap:3px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);min-width:0}
.tm .mb-t small{font:700 .7rem/1.4 var(--f-body);color:#9FB3CC}
.tm .mb-t b{font:800 .98rem/1.35 var(--f-head);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm .mb-t b em{font-style:normal;font-size:.68rem;color:#C9D6EC}
.tm .mb-t.is-clock b{color:#FFC861}
.tm .mb-refresh{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:12px;cursor:pointer;font:800 .86rem/1 var(--f-head);color:#0A1F44;background:linear-gradient(180deg,#5FD3D8,#0AA5AD);box-shadow:0 4px 0 #077A80}
.tm .mb-refresh .t2-tile{width:22px;height:25px}
.tm .mb-refresh.is-gold{background:linear-gradient(135deg,#FFE1A0,#FFC861 45%,#F0962A);box-shadow:0 4px 0 #B9690F}
.tm .mb-pts{grid-template-rows:auto 1fr auto auto;align-content:stretch}
.tm .mb-pts-h{display:flex;align-items:center;gap:10px}.tm .mb-pts-h .t2-tile{width:34px;height:38px}
.tm .mb-pts-h b{font:800 1rem/1.4 var(--f-head);flex:1}
.tm .mb-chip{padding:3px 10px;border-radius:999px;background:rgba(60,191,142,.18);color:#7ED8B3;box-shadow:inset 0 0 0 1px rgba(126,216,179,.4);font:800 .72rem/1.5 var(--f-head)}
.tm .mb-pts-v{display:flex;align-items:baseline;gap:8px;padding:14px 16px;border-radius:16px;background:rgba(255,200,97,.08);box-shadow:inset 0 0 0 1px rgba(255,214,140,.28);align-self:center}
.tm .mb-pts-v b{font:800 2.6rem/1 var(--f-head);color:#FFC861;font-variant-numeric:tabular-nums}
.tm .mb-pts-v span{font:700 .86rem/1 var(--f-body);color:#FFE7A8}
.mb-toast{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#E6F5EF;color:#12795C;font:800 .86rem/1.5 var(--t2-ff-display);box-shadow:inset 0 0 0 1px rgba(18,121,92,.3)}
/* الجوال: عمود واحد — العضوية ثم اليوم والوقت ثم نقاطي */
@container tm (max-width:820px){.tm .mb-grid{grid-template-columns:minmax(0,1fr)}.tm .mb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.is-app .tm .mb-grid{grid-template-columns:minmax(0,1fr);gap:12px}
.is-app .tm .mb-mem{padding:14px;border-radius:22px}
.is-app .tm .mb-card{border-radius:20px;padding:14px}
.is-app .tm .mb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.is-app .tm .mb-tiles.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.is-app .tm .mb-pts-v b{font-size:2.2rem}
.is-app .tm .mb-refresh{width:100%}
/* ===== v65: صفحات الحساب + الوضع الليلي + البحث + الخروج ===== */
.pf-av{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(150deg,#0AA5AD,#077A80);color:#fff;font:800 1.4rem/1 var(--t2-ff-display);box-shadow:0 0 0 3px rgba(255,200,97,.5)}
.st-hero .rq-ids .rq-no{background:rgba(255,255,255,.12)}.st-hero .rq-ids .rq-dt{background:rgba(255,255,255,.1);color:#C9D6EC;box-shadow:none}.st-hero .rq-ids .rq-dt small{color:#9FB3CC}
.qk-i.is-static{cursor:default}.qk-s{font-size:.74rem;color:var(--t2-ink-2);text-align:center;line-height:1.5}
.pt-plus{color:#12795C;font:800 .95rem/1 var(--t2-ff-display)}
.ov{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(10,31,68,.45);backdrop-filter:blur(4px)}
.pv-frame .ov{position:absolute}
.ov.is-cmd{place-items:start center;padding-top:12vh}
.ov-b{display:grid;justify-items:center;gap:10px;width:min(420px,100%);padding:24px;border-radius:22px;background:#fff;box-shadow:0 30px 60px -20px rgba(10,31,68,.5);text-align:center}
.ov-b .t2-tile{width:48px;height:54px}.ov-b>b{font:800 1.1rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}.ov-b>span{font-size:.86rem;color:var(--t2-ink-2)}
.ov-a{display:flex;gap:10px;margin-top:6px}
.ov.is-full{background:linear-gradient(160deg,#0A1F44,#123563)}.ov-logo{height:46px}
.ov.is-cmd .ov-b{justify-items:stretch;text-align:start;width:min(560px,100%);max-height:70vh;overflow:auto}
.ov-l{gap:6px}
.t2.is-side-min .t2-side{width:84px}.t2.is-side-min .t2-side-l,.t2.is-side-min .t2-side-gh span:first-child,.t2.is-side-min .t2-side-t span:last-child{display:none}
.t2-side-g.is-closed .t2-side-gb{display:none}.t2-side-g.is-closed .t2-side-gh .t2-chev{transform:rotate(180deg)}
/* الوضع الليلي: قلب الألوان للأسطح الفاتحة مع إبقاء الصور والأيقونات والبطاقات الداكنة كما هي */
/* ===== v67: الأمان والملف وفق السياسات ===== */
.otp{display:grid;gap:10px;justify-items:center;padding:16px;border-radius:16px;background:#F6F9FC;box-shadow:inset 0 0 0 1px #E3EAF3}
.otp-h{display:flex;align-items:center;gap:8px;font:700 .86rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}.otp-h .t2-tile{width:28px;height:31px}
.otp-g{display:flex;gap:8px}
.otp-i{width:46px;height:54px;border:0;border-radius:12px;text-align:center;font:800 1.4rem/1 var(--t2-ff-display);background:#fff;box-shadow:inset 0 0 0 1.5px #C9D6E6;color:#0D2B52}
.otp-i:focus{outline:none;box-shadow:inset 0 0 0 2px #0AA5AD}
.otp-f{display:flex;align-items:center;gap:16px;font-size:.8rem;color:var(--t2-ink-2)}.otp-f b{font-variant-numeric:tabular-nums;color:#0D2B52}
.otp-f .fx-link:disabled{opacity:.5;cursor:default;text-decoration:none}
.is-app .otp-i{width:40px;height:48px}
.sx-flow{display:grid;gap:12px;margin-top:12px}
.sx-qr{display:grid;justify-items:center;gap:8px;padding:16px;border-radius:16px;border:1.5px dashed #9FB3CC;color:var(--t2-ink-2);font-size:.82rem}.sx-qr .t2-tile{width:44px;height:49px}
.pw-r{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pw-r li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#F1F5FA;color:#6B7A90;font:700 .76rem/1.6 var(--t2-ff-display)}
.pw-r li .t2-ui-ic{opacity:.3}.pw-r li.is-ok{background:#E6F5EF;color:#12795C}.pw-r li.is-ok .t2-ui-ic{opacity:1}
.pf-sh{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:10px}
.pf-sh:empty{display:none}
.t2-input.is-ro{display:flex;align-items:center;background:#F1F5FA;color:#5A6B82}
.pf-wa{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:14px;background:#EEF9F9;box-shadow:inset 0 0 0 1px #CDEDEE;font:700 .82rem/1.5 var(--t2-ff-display);color:#0A7F86}
.pf-wa .t2-tile{width:26px;height:29px}.pf-wa span{flex:1;min-width:10rem}
.st-flow-s{font-style:normal;font-size:.74rem;color:var(--t2-ink-2);line-height:1.5}
.ov-film{width:min(640px,100%)}.film{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;display:grid;place-items:center;background:radial-gradient(60% 80% at 30% 20%,rgba(10,165,173,.45),transparent 60%),linear-gradient(150deg,#0A1F44,#123563)}
.film img{height:56px;opacity:.9}.film-play{position:absolute;bottom:14px;inset-inline-start:14px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#FFC861;color:#0A1F44}
.st-flow.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.is-app .st-flow.is-3{grid-template-columns:none}
.tm .mb-grid.is-member .mb-side{grid-template-rows:1fr}

.t2{--lv-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%236B7C93%22%3E%3Cpath%20d%3D%22M168%2C112a56%2C56%2C0%2C1%2C1-56-56A56%2C56%2C0%2C0%2C1%2C168%2C112Zm61.66%2C117.66a8%2C8%2C0%2C0%2C1-11.32%2C0l-50.06-50.07a88%2C88%2C0%2C1%2C1%2C11.32-11.31l50.06%2C50.06A8%2C8%2C0%2C0%2C1%2C229.66%2C229.66ZM112%2C184a72%2C72%2C0%2C1%2C0-72-72A72.08%2C72.08%2C0%2C0%2C0%2C112%2C184Z%22/%3E%3C/svg%3E")}
/* ===== مكوّنات المنصة الحيّة (مأخوذة من أنماط المنصة نفسها) ===== */
.t2{--t2-fs-2xs:.8rem;--t2-fs-xs:.86rem;--t2-fs-sm:.92rem;--t2-fs-md:1rem;--t2-fs-xl:1.2rem;--t2-r-lg:20px;--t2-radius-card:20px;--t2-r-pill:999px;--t2-brand-ink:#fff}
.t2 .t2-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr));gap:12px}
.t2 .t2-stat{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;padding:14px 16px;min-inline-size:0;border-radius:20px;background:var(--t2-surface);border:1px solid var(--t2-line);box-shadow:var(--t2-sh-1);color:var(--t2-ink);text-align:start}
.t2 .t2-stat-ic{display:grid;place-items:center;line-height:0}
.t2 .t2-stat-ic svg.t2-tile{inline-size:40px;block-size:auto}
.t2 .t2-stat-tx{display:grid;gap:2px;min-inline-size:0}
.t2 .t2-stat-k{display:flex;align-items:center;gap:6px;font-family:var(--t2-ff-text);font-size:.8rem;font-weight:500;line-height:1.5;color:var(--t2-muted)}
.t2 .t2-stat-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.t2 .t2-stat-v{font-family:var(--t2-ff-display);font-size:clamp(1.25rem,1.1rem + .5vw,1.6rem);font-weight:700;line-height:1.25;color:var(--t2-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.t2 .t2-stat-u,.t2 .t2-stat-n{font-size:.75rem;line-height:1.5;color:var(--t2-muted)}
.t2 .t2-stat.is-ok .t2-stat-v{color:var(--t2-ok)}
.t2 .t2-stat.is-warn .t2-stat-v{color:var(--t2-warn)}
.t2 .t2-stat.is-danger .t2-stat-v{color:var(--t2-danger)}
/* الخطوات الأفقية */
.t2 .t2-steps{list-style:none;margin:0;padding:4px 0 0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0}
.t2 .t2-step{position:relative;display:grid;justify-items:center;align-content:start;gap:6px;text-align:center;padding:10px 4px;border-radius:14px}
.t2 .t2-step::before{content:"";position:absolute;top:27px;inset-inline-start:50%;inline-size:100%;block-size:3px;background:var(--t2-line);z-index:0}
.t2 .t2-step:last-child::before{display:none}
.t2 .t2-step.is-done::before{background:var(--t2-brand)}
.t2 .t2-step.is-now{background:var(--t2-brand-wash)}
.t2 .t2-step-n{position:relative;z-index:1;display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:50%;background:var(--t2-surface);border:2px solid var(--t2-line-2);color:var(--t2-muted);font-family:var(--t2-ff-display);font-weight:800;font-size:.9rem;font-variant-numeric:tabular-nums}
.t2 .t2-step-n:empty::after{content:"";width:.42rem;height:.42rem;border-radius:50%;background:currentcolor;opacity:.75}
.t2 .t2-step.is-done .t2-step-n{background:var(--t2-brand);border-color:var(--t2-brand);color:#fff}
.t2 .t2-step.is-now .t2-step-n{background:var(--t2-amber);border-color:var(--t2-amber);color:#2b1700;box-shadow:0 0 0 5px color-mix(in srgb,var(--t2-amber) 22%,transparent)}
.t2 .t2-step-b{display:grid;gap:1px;min-width:0}
.t2 .t2-step-t{font-size:.8rem;font-weight:700;color:var(--t2-ink);line-height:1.35}
.t2 .t2-step.is-todo .t2-step-t{color:var(--t2-muted);font-weight:500}
.t2 .t2-step-m{font-size:.72rem;color:var(--t2-muted);line-height:1.5}
.t2 .t2-step.is-todo{opacity:.62}
.t2 .t2-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:16px;align-items:start}
.t2 .t2-row-wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.t2 .t2-fields.t2-desc .t2-row-wrap{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
.t2 .t2-ltr{unicode-bidi:isolate;direction:ltr}
.t2 .t2-mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.t2 .t2-code{font:600 .8rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;unicode-bidi:isolate;padding:1px 7px;border-radius:7px;background:var(--t2-surface-3);color:var(--t2-ink-2)}
/* شريط الأدوات والجدول والصفحات */
.t2 .t2-fl{display:grid;gap:10px;padding:10px 12px;border:1px solid var(--t2-line);border-radius:16px;background:var(--t2-surface-2)}
.t2 .t2-fl-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.t2 .t2-fl-q{position:relative;flex:1 1 16rem;min-width:0}
.t2 .t2-fl-q .t2-input{inline-size:100%;padding-inline-start:2.2rem;background:var(--t2-surface) no-repeat right .7rem center/1rem var(--lv-search)}
.t2 .t2-fl-so{display:flex;gap:4px;align-items:center}
.t2 .t2-fl-so .t2-cb{min-inline-size:10rem;max-inline-size:16rem}
.t2 .t2-fl-dir{min-inline-size:2.4rem;justify-content:center;padding-inline:8px}
.t2 .t2-fl-c{margin-inline-start:auto;color:var(--t2-muted);font-size:.82rem;font-weight:600;white-space:nowrap;padding-inline:4px}
.t2 .t2-tablewrap{--tb-zebra:color-mix(in srgb,var(--t2-surface-2) 65%,var(--t2-surface));background:var(--t2-surface);border:1px solid var(--t2-line);border-radius:20px;box-shadow:var(--t2-sh-1);overflow:auto;max-block-size:min(70vh,44rem)}
.t2 .t2-table{inline-size:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;color:var(--t2-ink)}
.t2 .t2-table thead th{position:sticky;inset-block-start:0;z-index:2;background:var(--t2-surface-3);color:var(--t2-ink-2);font-family:var(--t2-ff-display);font-size:.78rem;font-weight:700;text-align:start;white-space:nowrap;padding:10px 14px;border-block-end:1px solid var(--t2-line-2)}
.t2 .t2-table th.t2-th-s{cursor:pointer;user-select:none}
.t2 .t2-table th.t2-th-s.is-on{color:var(--t2-brand)}
.t2 .t2-th-a{display:inline-flex;vertical-align:middle;margin-inline-start:4px;opacity:.55}
.t2 .t2-table tbody td{padding:10px 14px;border-block-end:1px solid var(--t2-line);vertical-align:middle;line-height:1.55;color:var(--t2-ink);background:var(--t2-surface);font-variant-numeric:tabular-nums}
.t2 .t2-table tbody tr:nth-child(2n) td{background:var(--tb-zebra)}
.t2 .t2-table tbody tr:last-child td{border-block-end:0}
.t2 .t2-table tbody tr.is-click{cursor:pointer}
.t2 .t2-table tbody tr.is-click:hover td{background:color-mix(in srgb,var(--t2-brand) 8%,var(--t2-surface))}
.t2 .t2-table tbody tr.is-on td{background:var(--t2-brand-wash)}
.t2 .t2-table td .t2-pill,.t2 .t2-table td .t2-btn{white-space:nowrap}
.t2 .t2-table th.is-act,.t2 .t2-table td.is-act{text-align:end;white-space:nowrap;inline-size:1%}
.t2 .t2-table td.is-act .t2-btn{min-block-size:30px;padding:4px 10px;font-size:.8rem;border-radius:10px}
.t2 .t2-table td.is-act .t2-row-wrap{display:inline-flex;flex-wrap:nowrap;justify-content:flex-end;gap:6px}
.t2 .t2-table td.lv-none{text-align:center;color:var(--t2-muted);padding:22px}
.t2 .t2-pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--t2-line);border-radius:20px;background:var(--t2-surface-2);font-variant-numeric:tabular-nums}
.t2 .t2-pager-c{font-size:.86rem;color:var(--t2-ink-2)}
.t2 .t2-pager-n{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.t2 .t2-pager-p{font-size:.86rem;color:var(--t2-muted);font-family:var(--t2-ff-display);min-width:6.5rem;text-align:center}
.t2 .t2-pager-s{display:flex;align-items:center;gap:6px;font-size:.86rem;color:var(--t2-muted)}
.t2 .t2-pager-s .t2-cb{min-inline-size:6.5rem}
.lv-tb{min-inline-size:0}
.lv-dt{display:inline-grid;gap:0;line-height:1.35;white-space:nowrap}.lv-dt small{color:var(--t2-muted);font-size:.74rem}
.lv-two{display:grid;line-height:1.35}.lv-two small{color:var(--t2-muted);font-size:.74rem}
/* اختيار الوسيلة */
.t2 .t2-mp{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
.t2 .t2-mp-i{display:flex;align-items:center;gap:8px;text-align:start;padding:8px 12px;border:1.5px solid var(--t2-line-2);border-radius:14px;background:var(--t2-surface);cursor:pointer;font:inherit;color:inherit;transition:border-color .12s,background .12s}
.t2 .t2-mp-i:hover{border-color:var(--t2-brand)}
.t2 .t2-mp-i.is-on{border-color:var(--t2-brand);background:var(--t2-brand-wash)}
.t2 .t2-mp-ic{flex:0 0 auto;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:10px;background:var(--t2-brand-wash);line-height:0}
.t2 .t2-mp-ic .t2-tile{width:30px;height:auto}
.t2 .t2-mp-t{display:grid;gap:2px;min-width:0}
.t2 .t2-mp-n{font-size:.92rem;font-weight:600;color:var(--t2-ink)}
.t2 .t2-mp-d{font-size:.8rem;color:var(--t2-muted)}
.t2 span.t2-group-h{display:block;font:700 .86rem/1.6 var(--t2-ff-display);color:var(--t2-ink-2)}
/* صفحات الملف وطلب التحديث */
.t2 .t2-pb-page{width:100%;min-width:0}
.t2 .t2-pb-actions{display:flex;flex-wrap:wrap;gap:8px}
.t2 .t2-pb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:16px 20px;align-items:start}
.t2 .t2-pb-grid:empty{display:none}
.t2 .t2-pb-cell{display:flex;flex-direction:column;gap:6px;min-width:0}
.t2 .t2-pb-cell .t2-field.is-edit{grid-template-columns:minmax(0,1fr);justify-content:stretch}
.t2 .t2-pb-cell .t2-input,.t2 .t2-pb-cell .t2-cb{width:100%}
.t2 .t2-pb-upd{border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface);padding:18px;display:flex;flex-direction:column;gap:12px}
.t2 .t2-pb-upd-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.t2 .t2-pb-upd-pct{display:flex;align-items:baseline;gap:2px;color:var(--t2-brand)}
.t2 .t2-pb-upd-pct b{font:700 1.2rem/1 var(--t2-ff-display)}
.t2 .t2-pb-upd-pct span{font-size:.8rem}
.t2 .t2-pb-upd-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.t2 .t2-pb-upd-t{font-weight:600;color:var(--t2-ink)}
.t2 .t2-pb-upd-n{font-size:.8rem;color:var(--t2-ink-2)}
.t2 .t2-pb-upd-st{margin-inline-start:auto}
.t2 .t2-pb-upd-note{margin:0;font-size:.8rem;color:var(--t2-muted)}
.t2 .t2-pb-prog{height:8px;border-radius:10px;background:var(--t2-surface-2);overflow:hidden}
.t2 .t2-pb-prog-i{display:block;height:100%;background:var(--t2-brand);border-radius:10px}
.t2 .t2-pb-docsum{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 26px;border-radius:20px;background:var(--t2-surface);border:1px solid var(--t2-line);box-shadow:var(--t2-sh-1)}
.t2 .t2-pb-docsum-main{display:grid;gap:.55rem;min-inline-size:0}
.t2 .t2-pb-docsum-k{font-size:.86rem;color:var(--t2-muted);font-weight:600}
.t2 .t2-pb-docsum-v{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;color:var(--t2-ink-2)}
.t2 .t2-pb-docsum-v b{font:700 1.75rem/1 var(--t2-ff-display);color:var(--t2-ink)}
.t2 .t2-pb-docsum-bar{block-size:.5rem;border-radius:999px;background:var(--t2-surface-2);overflow:hidden;max-inline-size:28rem}
.t2 .t2-pb-docsum-bar>span{display:block;block-size:100%;border-radius:inherit;background:var(--t2-ok)}
.t2 .t2-pb-docsum-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.t2 .t2-pb-docsum-act{display:grid;gap:.5rem;justify-items:end;max-inline-size:18rem}
.t2 .t2-pb-docsum-h{margin:0;font-size:.8rem;color:var(--t2-muted);text-align:end;line-height:1.6}
.t2 .t2-pb-docs{display:grid;gap:8px}
.t2 .t2-pb-doc{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 18px;border-radius:20px;background:var(--t2-surface);border:1px solid var(--t2-line)}
.t2 .t2-pb-doc::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;inline-size:3px;border-radius:0 3px 3px 0;background:var(--t2-line)}
.t2 .t2-pb-doc.is-ok::before{background:var(--t2-ok)}
.t2 .t2-pb-doc-ic{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border-radius:14px;background:var(--t2-surface-2);line-height:0}
.t2 .t2-pb-doc-ic .t2-tile{width:32px;height:auto}
.t2 .t2-pb-doc-main{display:grid;gap:.3rem;min-inline-size:0;flex:1 1 14rem}
.t2 .t2-pb-doc-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.t2 .t2-pb-doc-t{margin:0;font:700 1rem/1.4 var(--t2-ff-text);color:var(--t2-ink)}
.t2 .t2-pb-doc-meta{display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.8rem;color:var(--t2-muted)}
.t2 .t2-pb-doc-req{font-weight:600}.t2 .t2-pb-doc-req.is-req{color:var(--t2-brand)}
.t2 .t2-pb-doc-act{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}
.t2 .t2-pb-geo-bar{display:flex;flex-wrap:wrap;gap:8px}
.lv-req{color:var(--t2-danger);font-weight:700}
.lv-cnt{font:600 .78rem/1.5 var(--t2-ff-text);color:var(--t2-muted);background:var(--t2-surface-3);padding:1px 9px;border-radius:999px;white-space:nowrap}
.t2-sec-tx{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lv-sub{font-size:.82rem;color:var(--t2-muted)}
.lv-chg s{color:var(--t2-muted)}.lv-chg b{color:var(--t2-brand-2,var(--t2-brand))}
.lv-rq{display:flex;flex-wrap:wrap;gap:8px}
.lv-empty-a{justify-content:center}
.t2 .t2-empty-b{margin:0;font-size:.86rem;color:var(--t2-muted);line-height:1.7;max-width:30rem}
.lv-code{display:grid;justify-items:center;gap:6px;padding:18px;border-radius:16px;background:var(--t2-surface-2);border:1px dashed var(--t2-line-2);text-align:center}
.lv-code>b{font:800 1.5rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--t2-ink)}
.lv-code small{color:var(--t2-muted)}
.lv-map{position:relative;display:grid;place-items:center;min-block-size:200px;border-radius:16px;border:1px solid var(--t2-line);background:repeating-linear-gradient(0deg,transparent 0 38px,rgba(10,165,173,.08) 38px 40px),repeating-linear-gradient(90deg,transparent 0 38px,rgba(10,165,173,.08) 38px 40px),linear-gradient(160deg,#EAF6F4,#F4F8FC)}
.lv-map-pin{color:#E25B45;filter:drop-shadow(0 6px 8px rgba(0,0,0,.2))}
.lv-map-tx{position:absolute;inset-block-end:10px;font-size:.8rem;color:var(--t2-ink-2);background:var(--t2-surface);padding:3px 10px;border-radius:999px}
.lv-qr{color:var(--t2-ink)}
.lv-docv{display:grid;justify-items:center;gap:8px;padding:30px 20px;border-radius:16px;background:#F6F9FC;min-inline-size:min(80vw,22rem)}
.lv-docv .t2-tile{width:56px;height:auto}.lv-docv small{color:#5a6c86}
.pw-r li.is-ok{color:var(--t2-ok)}
/* زر الحساب وقائمته */
.t2 .lv-who{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 10px;border:1px solid var(--t2-line);border-radius:999px;background:var(--t2-surface);font:inherit;color:inherit;cursor:pointer}
.t2 .lv-who .t2-hwho-r{display:inline-flex;align-items:center;padding:1px 9px;border-radius:999px;background:var(--t2-brand-wash);color:var(--t2-brand-2,#0b8c93);font:700 .74rem/1.6 var(--t2-ff-display)}
.t2 .lv-caret{display:inline-flex;color:var(--t2-muted)}
.t2 .t2-hd-r{position:relative}
.lv-whom{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0;z-index:70;inline-size:min(20rem,86vw);display:grid;gap:12px;padding:14px;border-radius:18px;background:var(--t2-surface);border:1px solid var(--t2-line);box-shadow:var(--t2-sh-3,0 18px 44px rgba(10,31,68,.18))}
.lv-whom-h{display:flex;align-items:center;gap:10px}.lv-whom-h div{display:grid}.lv-whom-h small{color:var(--t2-muted)}
.lv-whom-l{margin:0;display:grid;gap:8px}.lv-whom-l div{display:flex;justify-content:space-between;gap:8px;align-items:center}
.lv-whom-l dt{color:var(--t2-muted);font-size:.84rem}.lv-whom-l dd{margin:0;font-weight:600;font-size:.86rem}
@media (max-width:40rem){
  .t2 .lv-who .t2-hwho-n,.t2 .lv-who .t2-hwho-r,.t2 .lv-who .lv-caret{display:none}
  .t2 .lv-who{padding:3px;border-color:transparent;background:none}
  .t2 .t2-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .t2 .t2-stat{grid-template-columns:minmax(0,1fr);padding:12px}
  .t2 .t2-stat-ic svg.t2-tile{inline-size:32px}
  .t2 .t2-steps{grid-auto-flow:row;grid-auto-columns:auto;gap:6px}
  .t2 .t2-step{grid-template-columns:auto 1fr;justify-items:start;text-align:start;padding:8px 10px}
  .t2 .t2-step::before{display:none}
  .t2 .t2-pb-docsum{grid-template-columns:1fr}.t2 .t2-pb-docsum-act{justify-items:start}.t2 .t2-pb-docsum-h{text-align:start}
  .t2 .t2-fl-c{margin-inline-start:0}
  .t2 .t2-table.is-stack thead{display:none}
  .t2 .t2-table.is-stack,.t2 .t2-table.is-stack tbody,.t2 .t2-table.is-stack tr,.t2 .t2-table.is-stack td{display:block;inline-size:auto}
  .t2 .t2-table.is-stack tr{padding:8px 4px;border-block-end:1px solid var(--t2-line)}
  .t2 .t2-table.is-stack tbody td{display:flex;justify-content:space-between;gap:12px;padding:6px 12px;border:0;background:transparent!important;text-align:start;inline-size:auto}
  .t2 .t2-table.is-stack tbody td::before{content:attr(data-label);color:var(--t2-muted);font-size:.78rem;font-weight:600;flex:0 0 auto}
  .t2 .t2-table.is-stack td.lv-none{display:block;text-align:center}.t2 .t2-table.is-stack td.lv-none::before{content:none}
  .t2 .t2-pager-n{margin-inline-start:0}
}
/* ===== تقدّم المستوى — تفاعلي ===== */
.tm .tp .track::after{width:var(--tp,3%);transition:width 2.4s cubic-bezier(.65,0,.35,1)}
.tm .tp .tnode{appearance:none;border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:4px 2px;border-radius:14px;transition:opacity .2s,background .2s}
.tm .tp .tnode:hover,.tm .tp .tnode.is-sel{opacity:1;background:rgba(255,255,255,.06)}
.tm .tp .tnode.is-sel .dot{border-color:#19C2AE;box-shadow:0 0 0 5px rgba(25,194,174,.18)}
.tm .tp .tnode:focus-visible,.tm .tp .req:focus-visible{outline:2px solid #FFC861;outline-offset:2px}
.tm .tp .req{appearance:none;font:inherit;color:inherit;text-align:start;inline-size:100%;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
.tm .tp .req:hover{background:rgba(255,255,255,.09);border-color:rgba(255,200,97,.45)}
.tm .tp .req:active{transform:scale(.99)}
.tm .tp .req.is-open{grid-column:1/-1;background:rgba(255,255,255,.1);border-color:rgba(255,200,97,.6)}
.tm .tp .req.is-met{border-color:rgba(25,194,174,.55)}
.tm .tp .req.is-met small em{color:#7FF0DD}
.tm .tp .req .bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(270deg,#FFC861,#19C2AE);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.tm .tp .req-d{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.18);animation:tpIn .25s ease both}
.tm .tp .req-d div{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:rgba(7,20,42,.45)}
.tm .tp .req-d span{font:500 .7rem/1.4 var(--t2-ff-text);color:#9FB4D1}
.tm .tp .req-d b{font:800 .9rem/1.4 var(--t2-ff-display);color:#FFE3A6}
.tm .tp .req-d p{grid-column:1/-1;margin:0;font:500 .78rem/1.7 var(--t2-ff-text);color:#C9D6EA}
.tm .tp .req-go{grid-column:1/-1;justify-self:start;font:700 .8rem var(--t2-ff-display);color:#7FF0DD;text-decoration:underline;text-underline-offset:3px}
.tm .tp-tier{display:grid;gap:10px;padding:14px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);animation:tpIn .25s ease both}
.tm .tp-h{display:flex;align-items:center;gap:12px}.tm .tp-h .tile{width:38px;height:auto}.tm .tp-h div{display:grid}.tm .tp-h b{color:#fff;font:800 .95rem var(--t2-ff-display)}.tm .tp-h span{color:#9FB4D1;font-size:.76rem}
.tm .tp-tier ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
.tm .tp-tier li{display:flex;align-items:center;gap:6px;color:#E8EEF8;font-size:.82rem}.tm .tp-tier li svg{width:16px;height:16px;fill:#19C2AE;flex:0 0 auto}
.tm .tp-n{margin:0;font-size:.78rem;color:#FFE3A6}
@keyframes tpIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:40rem){.tm .tp .req-d{grid-template-columns:1fr 1fr 1fr}.tm .tp-tier ul{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.tm .tp *{transition:none!important;animation:none!important}}
.tm .tp .reqs{grid-auto-flow:row dense}
/* ===== هوية موحّدة: بطاقات المحاور (ملفي الشخصي · مركز الأمان · العضوية) بقالب مركز الإشعارات ===== */
.t2 .lv-hub{grid-template-columns:repeat(3,minmax(0,1fr))}
.t2 .lv-hc{border:1px solid var(--t2-line);box-shadow:var(--t2-sh-1)}
.t2 .lv-hc.has-new{border-color:rgba(240,150,42,.45)}
.t2 .lv-hc .nsc-b b{font-size:.95rem}
.t2 .lv-st{display:inline-flex;align-items:center;gap:6px;font:600 .78rem/1.5 var(--t2-ff-text);color:var(--t2-muted);min-width:0}
.t2 .lv-st::before{content:"";flex:0 0 auto;width:.45rem;height:.45rem;border-radius:50%;background:currentColor;opacity:.85}
.t2 .lv-st.is-ok{color:var(--t2-ok)}.t2 .lv-st.is-warn{color:var(--t2-warn)}.t2 .lv-st.is-danger{color:var(--t2-danger)}.t2 .lv-st.is-info{color:var(--t2-info)}
.t2 .lv-sum .t2-sc-top{flex-wrap:wrap}
/* مراسلة جديدة */
.t2 .lv-kind{grid-template-columns:repeat(3,minmax(0,1fr))}
.t2 .lv-kind .t2-mp-i{position:relative;min-block-size:64px}
.t2 .lv-kind-ok{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--t2-brand);color:#fff}
.t2 .lv-msgnew .lv-wide{grid-column:1/-1}
.t2 .lv-msgnew textarea.t2-input{inline-size:100%;resize:vertical;min-block-size:120px}
.t2 .lv-cc-w{display:flex;justify-content:flex-end}
.t2 .is-missing .t2-input,.t2 .is-missing .t2-cb-btn{border-color:var(--t2-danger)}
@media (max-width:40rem){
  .t2 .lv-hub{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t2 .lv-hc .nsc-f{flex-wrap:wrap}
  .t2 .lv-kind{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .t2 .lv-kind .t2-mp-i{flex-direction:column;justify-content:center;text-align:center;padding:10px 4px}
  .t2 .lv-kind .t2-mp-n{font-size:.8rem}
  .t2 .lv-msgnew .t2-pb-grid{grid-template-columns:1fr}
  .t2 .lv-msgnew .t2-pb-actions .t2-btn{flex:1 1 auto}
}
/* ===== عضويتك — إخراج محسّن + المحفظة الرقمية ===== */
.tm .hs{display:grid;gap:14px;align-content:start}
.tm .hs-h{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px 12px}
.tm .hs-h .eyebrow{grid-column:1/-1}
.tm .hs-h h2{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font:800 clamp(1.5rem,1.2rem + 1.2vw,2.1rem)/1.2 var(--t2-ff-display);color:#fff}
.tm .hs-h h2 small{font:700 1rem var(--t2-ff-display);color:#FFE3A6}
.tm .hs-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:99px;background:rgba(25,194,174,.16);border:1px solid rgba(25,194,174,.5);color:#7FF0DD;font:800 .8rem var(--t2-ff-display)}
.tm .hs-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:#19C2AE;box-shadow:0 0 0 4px rgba(25,194,174,.22)}
.tm .hs-pill.is-off{background:rgba(255,138,128,.14);border-color:rgba(255,138,128,.5);color:#FFB4AC}.tm .hs-pill.is-off::before{background:#FF8A80}
.tm .hs-v{display:grid;gap:8px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12)}
.tm .hs-vt{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;font:500 .78rem var(--t2-ff-text);color:#B9C9E0}
.tm .hs-vt b{color:#fff;font:700 .86rem var(--t2-ff-display)}
.tm .hs-left{padding:2px 10px;border-radius:99px;background:rgba(255,200,97,.12);color:#FFE3A6}.tm .hs-left b{color:#FFC861}
.tm .hs-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.tm .hs-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(270deg,#FFC861,#19C2AE)}
.tm .hs-chip{justify-self:start;display:inline-flex;align-items:center;gap:6px;font:600 .74rem var(--t2-ff-text);color:#C9D6EA}
.tm .hs-chip svg{width:14px;height:14px;fill:#19C2AE}
.tm .wl{display:grid;gap:10px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(255,200,97,.16),rgba(255,200,97,.04));border:1px solid rgba(255,200,97,.4)}
.tm .wl-h{display:flex;align-items:center;gap:10px}.tm .wl-h .tile{width:40px;height:auto;flex:0 0 auto}
.tm .wl-h div{display:grid;gap:2px}.tm .wl-h b{font:800 .9rem/1.5 var(--t2-ff-display);color:#FFE3A6}.tm .wl-h span{font-size:.74rem;color:#C9D6EA}
.tm .wl-bs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tm .wl-b{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:#05101F;color:#fff;font:inherit;cursor:pointer;text-align:start;transition:transform .15s,border-color .2s}
.tm .wl-b:hover{transform:translateY(-1px);border-color:#FFC861}
.tm .wl-b svg{width:24px;height:24px;fill:#fff;flex:0 0 auto}
.tm .wl-b span{display:grid;line-height:1.2}.tm .wl-b small{font-size:.66rem;color:#B9C9E0}.tm .wl-b b{font:800 .92rem var(--t2-ff-display)}
.tm .wl-b.is-on{background:rgba(25,194,174,.14);border-color:rgba(25,194,174,.55);cursor:default}.tm .wl-b.is-on svg{fill:#19C2AE}.tm .wl-b.is-on:hover{transform:none}
.tm.wl-ov{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgba(5,14,32,.62);backdrop-filter:blur(4px)}
.tm .wl-sh{inline-size:min(26rem,100%);max-block-size:calc(100vh - 32px);overflow:auto;display:grid;gap:14px;padding:16px;border-radius:22px;background:#0B1F44;color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.45);animation:tpIn .25s ease both}
.tm .wl-sh-h{display:flex;align-items:center;justify-content:space-between;gap:8px}.tm .wl-sh-h b{font:800 1rem var(--t2-ff-display)}
.tm .wl-x{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.1);cursor:pointer}.tm .wl-x svg{width:16px;height:16px;fill:#fff}
.tm .wl-pass{display:grid;gap:0;border-radius:20px;overflow:hidden;background:#07142A;border:1px solid rgba(255,255,255,.12)}
.tm .wl-pass .mcard{border-radius:0}
.tm .wl-pass-f{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:12px 14px}
.tm .wl-pass-f div{display:grid}.tm .wl-pass-f small{font-size:.68rem;color:#9FB4D1}.tm .wl-pass-f b{font:700 .86rem var(--t2-ff-display)}
.tm .wl-qr{display:grid;place-items:center;width:54px;height:54px;border-radius:10px;background:#fff}.tm .wl-qr svg{width:44px;height:44px;fill:#0B1F44}
.tm .wl-gift{margin:0;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(255,200,97,.12);color:#FFE3A6;font-size:.82rem}.tm .wl-gift svg{width:20px;height:20px;fill:#FFC861;flex:0 0 auto}
.tm .wl-a{display:flex;gap:8px;flex-wrap:wrap}.tm .wl-a .lux-btn{flex:1 1 auto;justify-content:center}
@media (max-width:40rem){.tm .wl-bs{grid-template-columns:1fr}.tm .hs-h{grid-template-columns:1fr}.tm .hs-pill{justify-self:start}}
.t2-dash .tp-home{margin:0}
.t2-dash .tp-home .lux{margin:0}
.t2-dash .tp-home .lvl-note{display:none}
.tm .wl-gift.is-used{background:rgba(255,255,255,.07);color:#C9D6EA}.tm .wl-gift.is-used svg{fill:#9FB4D1}
/* ===== الهوية الفاخرة — ملفي الشخصي ومركز الأمان ===== */
.t2 .lx-hero{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:16px;padding:22px 24px;border-radius:24px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#1B4C86 0%,#0E2A55 45%,#081936 100%);box-shadow:0 18px 40px -22px rgba(8,25,54,.75),inset 0 1px 0 rgba(255,255,255,.08)}
.t2 .lx-hero.is-sec{background:radial-gradient(120% 140% at 100% 0%,#0F6A74 0%,#0C3B55 45%,#081936 100%)}
.t2 .lx-hero::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,200,97,.65),rgba(255,255,255,.06) 40%,rgba(25,194,174,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.t2 .lx-guil{position:absolute;inset:0;z-index:-1;background:var(--guil) center/cover no-repeat;opacity:.55}
.t2 .lx-glow{position:absolute;z-index:-1;inline-size:260px;block-size:260px;inset-inline-start:-80px;inset-block-end:-120px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,97,.35),transparent 70%)}
.t2 .lx-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.t2 .lx-ic{flex:0 0 auto;display:grid;place-items:center;inline-size:72px;block-size:72px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.t2 .lx-ic .t2-tile{width:52px;height:auto}
.t2 .lx-av{flex:0 0 auto;display:grid;place-items:center;inline-size:72px;block-size:72px;border-radius:50%;font:800 1.9rem/1 var(--t2-ff-display);color:#0B1F44;background:linear-gradient(145deg,#FFE7A8,#F2B64A 55%,#C98418);box-shadow:0 0 0 4px rgba(255,200,97,.2),0 10px 24px -8px rgba(201,132,24,.7)}
.t2 .lx-tx{display:grid;gap:3px;min-width:0;flex:1 1 14rem}
.t2 .lx-eye{font:700 .74rem/1.4 var(--t2-ff-display);letter-spacing:.04em;color:#FFC861}
.t2 .lx-tx h2{margin:0;font:800 clamp(1.25rem,1.05rem + .9vw,1.7rem)/1.3 var(--t2-ff-display);color:#fff;text-wrap:balance}
.t2 .lx-sub{font-size:.82rem;color:#B9C9E0}
.t2 .lx-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:99px;font:800 .78rem var(--t2-ff-display);white-space:nowrap}
.t2 .lx-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 22%,transparent)}
.t2 .lx-pill.is-ok{background:rgba(25,194,174,.16);border:1px solid rgba(25,194,174,.5);color:#7FF0DD}
.t2 .lx-pill.is-warn{background:rgba(255,200,97,.14);border:1px solid rgba(255,200,97,.5);color:#FFD88A}
.t2 .lx-ring{position:relative;flex:0 0 auto;inline-size:92px;block-size:92px}
.t2 .lx-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.t2 .lx-r0{fill:none;stroke:rgba(255,255,255,.12);stroke-width:9}
.t2 .lx-r1{fill:none;stroke:url(#lx-rg);stroke-width:9;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,200,97,.45))}
.t2 .lx-ring-c{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1.15}
.t2 .lx-ring-c b{font:800 1.25rem var(--t2-ff-display);color:#FFE3A6;direction:ltr}
.t2 .lx-ring-c small{font-size:.62rem;color:#B9C9E0}
.t2 .lx-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:10px}
.t2 .lx-tile{position:relative;display:grid;gap:2px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.t2 .lx-tile-ic{position:absolute;inset-block-start:10px;inset-inline-end:10px;color:rgba(255,227,166,.75)}
.t2 .lx-tile small{font-size:.72rem;color:#9FB4D1}
.t2 .lx-tile b{font:800 1rem/1.4 var(--t2-ff-display);color:#fff}
.t2 .lx-tile.is-ok b{color:#7FF0DD}.t2 .lx-tile.is-warn b{color:#FFD88A}
.t2 .lx-acts{display:flex;flex-wrap:wrap;gap:8px}
/* بطاقات الحقول */
.t2 .lx-fs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:10px}
.t2 .lx-f{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(160deg,var(--t2-surface),var(--t2-surface-2));border:1px solid var(--t2-line);box-shadow:var(--t2-sh-1);transition:transform .15s,box-shadow .2s,border-color .2s}
.t2 .lx-f:hover{transform:translateY(-1px);border-color:rgba(10,165,173,.35);box-shadow:0 12px 24px -16px rgba(10,31,68,.45)}
.t2 .lx-f-ic{flex:0 0 auto;display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#19C2AE,#0A8C93);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 12px -6px rgba(10,140,147,.7)}
.t2 .lx-f.is-empty .lx-f-ic{background:linear-gradient(145deg,#FFD27A,#F0962A);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 12px -6px rgba(240,150,42,.7)}
.t2 .lx-f-b{display:grid;gap:3px;min-width:0}
.t2 .lx-f-k{font:600 .76rem/1.4 var(--t2-ff-text);color:var(--t2-muted)}
.t2 .lx-f-v{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:700 .95rem/1.5 var(--t2-ff-display);color:var(--t2-ink);overflow-wrap:anywhere}
.t2 .lx-f-ok{position:absolute;inset-block-start:10px;inset-inline-start:10px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--t2-ok-wash);color:var(--t2-ok)}
/* الصفحات الداخلية: لوحات بلمسة ذهبية */
.t2 .lv-page:not(.is-member) .t2-panel{border-radius:22px;border:1px solid var(--t2-line);box-shadow:0 10px 26px -20px rgba(10,31,68,.45);background:linear-gradient(180deg,var(--t2-surface),var(--t2-surface) 70%,var(--t2-surface-2));position:relative;overflow:hidden}
.t2 .lv-page:not(.is-member) .t2-panel::before{content:"";position:absolute;inset-inline:22px;inset-block-start:0;block-size:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent,#FFC861,#19C2AE,transparent);opacity:.8}
.t2 .lv-page .t2-sec{border-radius:22px}
.t2 .lv-page .t2-pb-doc{border-radius:20px;box-shadow:var(--t2-sh-1)}
.t2 .lv-page .t2-tablewrap{border-radius:22px}
@media (max-width:40rem){
  .t2 .lx-hero{padding:18px 16px;border-radius:22px}
  .t2 .lx-ic,.t2 .lx-av{inline-size:58px;block-size:58px}.t2 .lx-ic .t2-tile{width:42px}.t2 .lx-av{font-size:1.5rem}
  .t2 .lx-ring{inline-size:76px;block-size:76px;margin-inline-start:auto}
  .t2 .lx-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .t2 .lx-tile{padding:10px 12px}.t2 .lx-tile b{font-size:.9rem}
  .t2 .lx-fs{grid-template-columns:1fr}
}
/* ===== لوحتي الرئيسية — الإخراج الجديد ===== */
.lx-dash{display:grid;gap:18px}
.lx-dash .hs-home .lux{margin:0}
.lx-dash .hs-home .lux-grid{align-items:center}
.lx-day{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:stretch;padding:10px;border-radius:20px;background:linear-gradient(135deg,#0E2A55,#0B1F44);box-shadow:0 12px 30px -22px rgba(8,25,54,.8)}
.lx-dt{position:relative;display:grid;gap:2px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.lx-dt-ic{position:absolute;inset-block-start:10px;inset-inline-end:12px;color:#FFC861;opacity:.85}
.lx-dt small{font-size:.72rem;color:#9FB4D1}.lx-dt b{font:800 1.02rem/1.4 var(--t2-ff-display);color:#fff;font-variant-numeric:tabular-nums;text-align:start}
.lx-refresh{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:0;border-radius:14px;background:linear-gradient(180deg,#FFD27A,#F0A23A);color:#3A2306;font:800 .86rem var(--t2-ff-display);cursor:pointer;box-shadow:0 8px 18px -10px rgba(240,150,42,.8);transition:transform .15s}
.lx-refresh:hover{transform:translateY(-1px)}.lx-refresh:active svg{transform:rotate(180deg);transition:transform .3s}
.lx-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.lx-2col>*{min-width:0}
.tm .wl-b .wl-t{width:30px;height:auto;flex:0 0 auto}
/* ظهور متحرّك */
@media (prefers-reduced-motion:no-preference){
  .lx-rv{opacity:0;transform:translateY(18px) scale(.985);transition:opacity .6s cubic-bezier(.2,.8,.2,1) var(--d,0ms),transform .6s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
  .lx-rv.is-in{opacity:1;transform:none}
  .mcard.lx-rv{transform:translateY(18px) rotateX(8deg)}
  .mcard.lx-rv.is-in{transform:none}
  .tm .mcard{transition:transform .25s ease-out}
  .tm .mcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 62%);background-size:250% 100%;background-position:120% 0}
  .tm .mcard.is-in::after{animation:lxShine 1.6s ease .3s 1}
}
@keyframes lxShine{from{background-position:120% 0}to{background-position:-60% 0}}
@media (max-width:40rem){
  .lx-day{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-refresh{grid-column:1/-1;min-block-size:44px}
  .lx-2col{grid-template-columns:1fr}
}
/* ===== تذكرة المراسلة ===== */
.tk{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 11rem;border-radius:22px;background:var(--t2-surface);border:1px solid var(--t2-line);box-shadow:0 18px 36px -24px rgba(10,31,68,.55);overflow:hidden;animation:tpIn .35s ease both}
.tk::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:5px;background:linear-gradient(180deg,#19C2AE,#FFC861)}
.tk-main{display:grid;gap:14px;padding:18px 20px;min-width:0}
.tk-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tk-ic .t2-tile{width:46px;height:auto}
.tk-h>div{display:grid;flex:1 1 12rem;min-width:0}
.tk-eye{font:800 .76rem var(--t2-ff-display);color:#0A939A}
.tk-h h2{margin:0;font:800 1.1rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.tk-pr{padding:4px 12px;border-radius:99px;font:800 .76rem var(--t2-ff-display)}
.tk-pr.is-danger{background:var(--t2-danger-wash);color:var(--t2-danger)}.tk-pr.is-warn{background:var(--t2-warn-wash);color:var(--t2-warn)}.tk-pr.is-info{background:var(--t2-info-wash);color:var(--t2-info)}
.tk-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:8px}
.tk-r{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:var(--t2-surface-2);border:1px solid var(--t2-line)}
.tk-r small{font-size:.72rem;color:var(--t2-muted)}.tk-r b{font:700 .88rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.tk-ln .mt-req{margin:0}
.tk-stub{position:relative;display:grid;align-content:center;justify-items:center;gap:6px;padding:18px 12px;background:linear-gradient(160deg,#0E2A55,#0B1F44);color:#fff;text-align:center;border-inline-start:2px dashed rgba(255,255,255,.35)}
.tk-stub::before,.tk-stub::after{content:"";position:absolute;inset-inline-start:-12px;inline-size:22px;block-size:22px;border-radius:50%;background:var(--t2-bg,#F3F6FA)}
.tk-stub::before{inset-block-start:-11px}.tk-stub::after{inset-block-end:-11px}
.tk-stub small{font-size:.72rem;color:#9FB4D1}.tk-stub b{font:800 1.05rem var(--t2-ff-display);color:#FFE3A6;letter-spacing:.02em}
.tk-bar{color:#fff;opacity:.9;line-height:0}
.tk-copy{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font:700 .76rem var(--t2-ff-display);cursor:pointer}
@media (max-width:40rem){.tk{grid-template-columns:1fr}.tk-stub{border-inline-start:0;border-block-start:2px dashed rgba(255,255,255,.35);grid-template-columns:auto 1fr auto;justify-items:start;text-align:start;align-items:center}.tk-stub small{grid-column:1/-1}.tk-stub::before,.tk-stub::after{inset-block-start:-11px;inset-inline-start:auto}.tk-stub::before{inset-inline-start:-11px}.tk-stub::after{inset-inline-end:-11px;inset-block-end:auto}}
/* اليوم والوقت حول بطاقة العضوية */
.tm .hs-cardcol{display:grid;gap:12px;align-content:center}
.tm .hs-day{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tm .hs-day.is-bot{grid-template-columns:repeat(2,minmax(0,1fr)) auto}
.tm .hs-day .lx-refresh{min-block-size:100%;padding:0 16px}
@media (max-width:40rem){.tm .hs-day.is-bot{grid-template-columns:repeat(2,minmax(0,1fr))}.tm .hs-day.is-bot .lx-refresh{grid-column:1/-1;min-block-size:44px}}
.tm .lux .hs-day .lx-refresh,.tm .lux .hs-day .lx-refresh span{color:#3A2306;opacity:1;font:800 .86rem var(--t2-ff-display)}.tm .lux .hs-day .lx-refresh svg{fill:#3A2306}
/* أيقونات الهوية ثلاثية الأبعاد في المكوّنات الجديدة */
.t2 .lx-tile-ic{inset-block-start:8px;inset-inline-end:8px;line-height:0}
.t2 .lx-tile-ic .t2-tile{width:28px;height:auto}
.t2 .lx-tile{padding-inline-end:44px}
.t2 .lx-f-ic{inline-size:auto;block-size:auto;border-radius:0;background:none!important;box-shadow:none!important;line-height:0}
.t2 .lx-f-ic .t2-tile{width:42px;height:auto}
.lx-dt-ic,.tm .lx-dt-ic{inset-block-start:6px;inset-inline-end:8px;line-height:0;opacity:1}
.lx-dt-ic .t2-tile{width:26px;height:auto}
.lx-dt{padding-inline-end:42px}
.tm .hs-chip .hs-chip-t{width:20px;height:auto}
/* ===== معاينة المشرف ===== */
.pv-bar .pv-role button[data-role="admin"].is-on{background:linear-gradient(180deg,#FFD27A,#F0A23A);color:#3A2306}
.t2 .mt-m.is-note .mt-bub{background:#FFF8EC;border:1px dashed #F0C27A}
.t2 .lv-adm-g{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.t2 .lv-adm-tk .tk{animation:none}
@media (max-width:40rem){.pv-bar{flex-wrap:wrap;gap:6px}.pv-bar>span{flex-basis:100%;text-align:center}}
/* ===== مدفوعاتي — سداد سريع ===== */
.qp-bulk{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,#0E2A55,#0B1F44);color:#fff;box-shadow:0 14px 30px -20px rgba(8,25,54,.8)}
.qp-bulk-ic .t2-tile{width:52px;height:auto;filter:drop-shadow(0 6px 14px rgba(240,162,58,.35))}
.qp-bulk-t{display:grid;gap:2px}.qp-bulk-t b{font:800 1rem var(--t2-ff-display)}.qp-bulk-t span{font-size:.8rem;color:#B9C9E0}
.qp-bulk-v{display:grid;justify-items:end;line-height:1.2}.qp-bulk-v small{font-size:.72rem;color:#9FB4D1}.qp-bulk-v b{font:800 1.3rem var(--t2-ff-display);color:#FFE3A6}.qp-bulk-v b small{color:#B9C9E0;font-size:.75rem}
.qp-bulk .t2-btn.is-primary{background:linear-gradient(180deg,#FFD27A,#F0A23A);border-color:transparent;color:#3A2306}
.qp-l{display:grid;gap:10px;margin-top:4px}
.qp-r{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:12px 16px;border-radius:18px;background:var(--t2-surface);border:1px solid var(--t2-line);box-shadow:var(--t2-sh-1)}
.qp-r::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;inline-size:4px;border-radius:0 4px 4px 0;background:var(--t2-line-2)}
.qp-r.is-late::before{background:var(--t2-danger)}.qp-r.is-due::before,.qp-r.is-partial::before{background:var(--t2-amber,#F0962A)}
.qp-ic .t2-tile{width:40px;height:auto}
.qp-t{display:grid;gap:2px;min-width:0}.qp-t b{font:700 .95rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}.qp-t small{font-size:.78rem;color:var(--t2-muted)}
.qp-d{display:grid;gap:4px;justify-items:start}.qp-d small{font-size:.76rem;color:var(--t2-muted);white-space:nowrap}
.qp-v{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.qp-v b{font:800 1.2rem var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}.qp-v small{font-size:.74rem;color:var(--t2-muted)}
@media (max-width:40rem){
  .qp-bulk{grid-template-columns:auto minmax(0,1fr) auto;row-gap:12px}
  .qp-bulk .t2-btn{grid-column:1/-1;min-block-size:48px;font-size:.95rem}
  .qp-r{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ic t v" "d d d" "b b b";row-gap:10px;padding:14px}
  .qp-ic{grid-area:ic}.qp-t{grid-area:t}.qp-v{grid-area:v;align-self:start}.qp-d{grid-area:d;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px dashed var(--t2-line)}
  .qp-r>.t2-btn{grid-area:b;inline-size:100%;min-block-size:48px;font-size:.95rem}
}
/* ===== تطبيق الجوال (العميل): الرأس = الشعار · البحث · العميل — والشريط السفلي = الرئيسية · الأقسام · تسجيل الخروج ===== */
#pv-host.is-app .t2.is-client .t2-hbtn,#pv-host.is-app .t2.is-client .t2-hd-name{display:none!important}
#pv-host.is-app .t2.is-client .t2-dock{grid-template-columns:repeat(3,minmax(0,1fr))}
#pv-host.is-app .t2.is-client .t2-dock-i[data-nav="logout"] .t2-dock-l{color:#B3261E}
.t2 .lv-dark-row .nr-main{cursor:pointer}
.t2 .lv-dark-row .t2-switch{margin-inline-start:auto}
html.pv-dark,html.pv-dark body{background:#0A1322!important;color-scheme:dark}
/* ===== سجلات مدفوعاتي ===== */
.rc-l{display:grid;gap:10px;margin-top:4px}
.rc-r{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:12px 16px;border-radius:18px;background:var(--t2-surface);border:1px solid var(--t2-line);box-shadow:var(--t2-sh-1)}
.rc-r::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;inline-size:4px;border-radius:0 4px 4px 0;background:var(--t2-ok)}
.rc-r.is-review::before{background:var(--t2-amber,#F0962A)}.rc-r.is-defer::before{background:#6C8FDC}.rc-r.is-refund::before{background:#8A5A12}
.rc-ic .t2-tile{width:40px;height:auto}
.rc-t{display:grid;gap:2px;min-width:0}.rc-t b{font:700 .95rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}.rc-t small{font-size:.78rem;color:var(--t2-muted)}
.rc-m{display:grid;gap:4px;justify-items:start}.rc-m small{font-size:.76rem;color:var(--t2-muted);white-space:nowrap}
.rc-v{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.rc-v b{font:800 1.15rem var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}.rc-v small{font-size:.74rem;color:var(--t2-muted)}
.rc-na{font-size:.76rem;color:var(--t2-muted);white-space:nowrap}
@media (max-width:40rem){
  .rc-r{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ic t v" "m m m" "a a a";row-gap:10px;padding:14px}
  .rc-ic{grid-area:ic}.rc-t{grid-area:t}.rc-v{grid-area:v;align-self:start}.rc-m{grid-area:m;display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px dashed var(--t2-line)}
  .rc-r>.t2-btn,.rc-r>.rc-na{grid-area:a;justify-self:stretch;text-align:center}.rc-r>.t2-btn{min-block-size:46px}
}
/* ===== جدول الدفعات — مسار زمني ===== */
.tl-h{display:grid;gap:10px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#0E2A55,#0B1F44);color:#fff}
.tl-h-t{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.tl-h-t b{font:800 1rem var(--t2-ff-display)}.tl-h-t span{font-size:.8rem;color:#B9C9E0}
.tl-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}
.tl-bar i{block-size:10px;border-radius:99px;background:rgba(255,255,255,.14)}
.tl-bar i.is-ok{background:linear-gradient(90deg,#19C2AE,#5EDBA9)}.tl-bar i.is-rev{background:#FFC861}.tl-bar i.is-part{background:linear-gradient(90deg,#6C8FDC,rgba(255,255,255,.2))}.tl-bar i.is-def{background:#8FA9EC}.tl-bar i.is-late{background:#FF7A6E}.tl-bar i.is-dflt{background:#C8352B}
.tl-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.76rem;color:#C9D6EA}
.tl-leg span{display:inline-flex;align-items:center;gap:6px}.tl-leg i{inline-size:10px;block-size:10px;border-radius:3px;background:rgba(255,255,255,.25)}.tl-leg b{color:#fff;font-family:var(--t2-ff-display)}
.tl-leg .is-ok i{background:#19C2AE}.tl-leg .is-rev i{background:#FFC861}.tl-leg .is-part i{background:#6C8FDC}.tl-leg .is-def i{background:#8FA9EC}.tl-leg .is-late i{background:#FF7A6E}.tl-leg .is-dflt i{background:#C8352B}
.tl{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:0;position:relative}
.tl-i{position:relative;padding-inline-start:44px}
.tl-i::before{content:"";position:absolute;inset-inline-start:17px;inset-block:0;inline-size:3px;background:var(--t2-line)}
.tl-i:first-child::before{inset-block-start:50%}.tl-i:last-child::before{inset-block-end:50%}
.tl-i.is-ok::before{background:linear-gradient(180deg,#19C2AE,#19C2AE)}
.tl-b{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:14px;inline-size:100%;margin:5px 0;padding:12px 14px;border-radius:16px;border:1px solid var(--t2-line);background:var(--t2-surface);text-align:start;font:inherit;color:inherit;cursor:pointer;box-shadow:var(--t2-sh-1);transition:transform .15s,border-color .15s}
.tl-b:hover{transform:translateX(-2px);border-color:rgba(10,165,173,.45)}
.tl-n{position:absolute;inset-inline-start:-44px;inset-block-start:50%;transform:translateY(-50%);display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:50%;font:800 .85rem var(--t2-ff-display);background:var(--t2-surface);border:3px solid var(--t2-line-2);color:var(--t2-muted);z-index:1}
.tl-i.is-ok .tl-n{background:#19C2AE;border-color:#19C2AE;color:#fff}
.tl-i.is-rev .tl-n{background:#FFC861;border-color:#FFC861;color:#3A2306}
.tl-i.is-def .tl-n{background:#6C8FDC;border-color:#6C8FDC;color:#fff}
.tl-i.is-late .tl-n{background:#FF6B5E;border-color:#FF6B5E;color:#fff}
.tl-i.is-dflt .tl-n{background:#B3261E;border-color:#B3261E;color:#fff}
.tl-i.is-part .tl-n{border-color:#6C8FDC;color:#1D3F86}
.tl-i.is-next .tl-n{border-color:var(--t2-amber,#F0962A);color:var(--t2-ink);box-shadow:0 0 0 6px rgba(240,150,42,.18)}
.tl-i.is-late .tl-b,.tl-i.is-dflt .tl-b{border-color:rgba(255,107,94,.45);background:linear-gradient(90deg,var(--t2-surface),color-mix(in srgb,#FF6B5E 6%,var(--t2-surface)))}
.tl-m{display:grid;gap:2px;min-width:0}.tl-m b{font:800 .95rem var(--t2-ff-display);color:var(--t2-ink)}.tl-m small{font-size:.76rem;color:var(--t2-muted)}
.tl-s{display:grid;gap:3px;justify-items:start}.tl-s small{font-size:.72rem;color:var(--t2-muted);white-space:nowrap}
.tl-v{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.tl-v b{font:800 1.05rem var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}.tl-v small{font-size:.72rem;color:var(--t2-muted)}
.tl-go{color:var(--t2-muted)}
@media (max-width:40rem){
  .tl-b{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"m v" "s s";row-gap:8px;padding:12px}
  .tl-m{grid-area:m}.tl-v{grid-area:v}.tl-s{grid-area:s;display:flex;align-items:center;justify-content:space-between;gap:8px}.tl-go{display:none}
}
/* ===== موقع الدفعة في العقد — مسار احترافي على الخلفية الداكنة ===== */
.pt-w{overflow-x:auto;padding:26px 4px 6px;scrollbar-width:thin}
.pt{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(56px,1fr);min-inline-size:max-content}
.pt-i{position:relative;display:grid;justify-items:center;gap:4px;text-align:center;padding:0 4px}
.pt-i::before{content:"";position:absolute;inset-block-start:16px;inset-inline-start:50%;inline-size:100%;block-size:4px;border-radius:4px;background:rgba(255,255,255,.14)}
.pt-i:last-child::before{display:none}
.pt-i.is-ok::before{background:linear-gradient(90deg,#19C2AE,#5EDBA9)}
.pt-dot{position:relative;z-index:1;display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:50%;font:800 .78rem var(--t2-ff-display);color:#C9D6EA;background:#0B1F44;border:2px solid rgba(255,255,255,.28)}
.pt-i.is-ok .pt-dot{background:#19C2AE;border-color:#19C2AE;color:#04202A}
.pt-i.is-bad .pt-dot{background:#FF6B5E;border-color:#FF6B5E;color:#fff}
.pt-i.is-dflt .pt-dot{background:#B3261E;border-color:#FF8A80;color:#fff}
.pt-i.is-def .pt-dot{background:#6C8FDC;border-color:#6C8FDC;color:#fff}
.pt-i.is-part .pt-dot{background:conic-gradient(#8FA9EC var(--p,50%),#0B1F44 0);border-color:#8FA9EC;color:#fff;font-size:.66rem}
.pt-i.is-cur .pt-dot{inline-size:44px;block-size:44px;margin-block-start:-5px;border-width:3px;border-color:#FFC861;box-shadow:0 0 0 6px rgba(255,200,97,.18),0 0 22px rgba(255,200,97,.45);animation:ptPulse 2.4s ease-in-out infinite}
@keyframes ptPulse{50%{box-shadow:0 0 0 10px rgba(255,200,97,.08),0 0 28px rgba(255,200,97,.55)}}
.pt-i b{font:800 .8rem var(--t2-ff-display);color:#fff}
.pt-i small{font-size:.68rem;color:#9FB4D1;font-variant-numeric:tabular-nums}
.pt-s{font:700 .64rem var(--t2-ff-display);color:#9FB4D1}
.pt-i.is-ok .pt-s{color:#7FF0DD}.pt-i.is-bad .pt-s,.pt-i.is-dflt .pt-s{color:#FFB4AC}.pt-i.is-def .pt-s,.pt-i.is-part .pt-s{color:#B9CCF5}
.pt-tag{position:absolute;inset-block-start:-24px;white-space:nowrap;padding:1px 8px;border-radius:99px;background:#FFC861;color:#3A2306;font:800 .64rem var(--t2-ff-display);font-style:normal}
.pt-lg{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:.74rem;color:#C9D6EA}
.pt-lg span{display:inline-flex;align-items:center;gap:6px}.pt-lg i{inline-size:10px;block-size:10px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}
.pt-lg .is-ok i{background:#19C2AE;border-color:#19C2AE}.pt-lg .is-bad i{background:#FF6B5E;border-color:#FF6B5E}.pt-lg .is-dflt i{background:#B3261E;border-color:#FF8A80}.pt-lg .is-def i{background:#6C8FDC;border-color:#6C8FDC}.pt-lg .is-part i{background:#8FA9EC;border-color:#8FA9EC}
@media (prefers-reduced-motion:reduce){.pt-i.is-cur .pt-dot{animation:none}}
.tl{direction:rtl}
/* ===== الشريط السفلي في الجوال: خلفية صلبة، أيقونات أكبر، بلا تداخل ===== */
#pv-host.is-app .t2-dock{background:var(--t2-surface)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:80;box-shadow:0 -10px 28px rgba(10,31,68,.12)}
#pv-host.is-app .t2-dock-i{min-height:68px;gap:4px;font-size:12px}
#pv-host.is-app .t2-dock-i svg.t2-tile{width:36px;height:auto}
#pv-host.is-app .t2-dock .t2-dock-l{display:block!important}
#pv-host.is-app .t2.t2-app{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
@media (max-width:40rem){.pv-bar{position:relative!important}.t2-head{top:0!important}}
/* ===== توحيد الحقول في تطبيق الجوال — للعرض: العنوان فوق القيمة · للإدخال: العنوان فوق حقل بعرض كامل وارتفاع موحّد ===== */
@media (max-width:40rem){
  .t2 .t2-fields.t2-desc>.t2-field{grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 14px}
  .t2 .t2-fields.t2-desc>.t2-field>.t2-field-k{padding:0;background:none;color:var(--t2-muted);font-size:.76rem;font-weight:600}
  .t2 .t2-fields.t2-desc>.t2-field>.t2-field-v{padding:0;font-size:.95rem;font-weight:700}
  .t2 .t2-fields.t2-desc>.t2-field:nth-child(2n){border-inline-start:0!important}
  .t2 .fx-fg-r{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:2px;padding:10px 14px!important;text-align:start}
  .t2 .fx-fg-r>span{font-size:.76rem;color:var(--t2-muted)}.t2 .fx-fg-r>b{font-size:.95rem;justify-self:start}
  .t2 .t2-field.is-edit{grid-template-columns:minmax(0,1fr)!important;gap:6px;border:0!important;margin:0!important;padding:0!important}
  .t2 .t2-field.is-edit>.t2-field-k{font-size:.82rem;font-weight:700;color:var(--t2-ink-2);background:none;padding:0}
  .t2 .t2-field.is-edit .t2-input,.t2 .t2-field.is-edit .t2-cb-btn,.t2 .t2-field.is-edit .t2-dp,.t2 .t2-pb-cell .t2-input,.t2 .t2-pb-cell .t2-cb-btn,.t2 .t2-pb-cell .t2-dp{inline-size:100%;min-block-size:48px;font-size:16px;border-radius:14px}
  .t2 .t2-dpw{inline-size:100%}
  .t2 .t2-pb-grid,.t2 .lv-adm-g{grid-template-columns:minmax(0,1fr)!important;gap:14px}
  .t2 .t2-pb-actions .t2-btn,.t2 .t2-abar .t2-btn{flex:1 1 auto;min-block-size:48px}
}
/* ===== v80 · شريط الدفع الآمن: نص ثم شعار بمسافة واضحة، وشعارات الشبكات شرائح موحّدة في صف واحد ===== */
.fx-osum-p{gap:10px}
.fx-prov{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}
.fx-prov>span:not(.fx-mini-ic){white-space:nowrap}
.fx-prov-img,.fx-gwb-h .fx-prov-img{height:15px;width:auto;padding:5px 9px;background:#fff;border:1px solid var(--t2-line);border-radius:8px;box-sizing:content-box;display:block;flex:none}
.fx-marks{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;width:100%;max-width:21rem}
.fx-home-pay-m .fx-marks{max-width:19rem}
.fx-mark,.fx-mark.is-img{height:30px;padding:0 5px;justify-content:center;border-radius:8px;background:#fff;border:1px solid var(--t2-line);box-sizing:border-box;min-width:0}
.fx-mark.is-img img{height:auto;max-height:17px;max-width:100%;object-fit:contain;display:block;padding:0;background:none}
.fx-osum-lg{height:16px;padding:3px 6px;background:#fff;border:1px solid var(--t2-line);border-radius:6px;box-sizing:content-box}
/* «ستدفع الآن» شريط إجمالي واضح */
.fx-osum-t{align-items:center;border:1px solid rgba(15,118,110,.18)}
.fx-osum-t b{display:inline-flex;align-items:baseline;gap:4px;font-size:1.55rem!important;color:var(--t2-ink)}
.fx-osum-t b span{font:inherit;color:inherit}
.fx-split b{font-size:1.2rem}
/* ===== v80 · سداد دفعات محددة: قائمة ظاهرة، والاختيار بالضغط على الدفعة ===== */
.fx-groups.is-pick{display:grid;gap:12px}
.fx-pick-sum{position:sticky;top:96px;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 14px;border-radius:14px;background:var(--t2-surface);border:1px solid var(--t2-brand);box-shadow:0 8px 20px -14px rgba(10,31,68,.45)}
.fx-pick-sum>span{font-size:.84rem;color:var(--t2-ink-2);line-height:1.6}
.fx-pick-sum>span b{font:800 .95rem var(--t2-ff-display);color:var(--t2-ink)}
.fx-pick-sum>b{grid-row:span 2;grid-column:2;font:800 1.25rem/1.2 var(--t2-ff-display);color:var(--t2-brand-3);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:center}
.fx-pick-sum .fx-link{justify-self:start;text-decoration:none;padding:4px 12px;border-radius:999px;border:1px solid var(--t2-line-2);background:var(--t2-surface-2);color:var(--t2-brand-3);font-size:.76rem}
.fx-grpc-r.is-pk{appearance:none;-webkit-appearance:none;width:100%;margin:0;border:0;border-top:1px solid var(--t2-surface-3);border-radius:0;background:transparent;font:inherit;color:var(--t2-ink-2);text-align:start;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;min-height:56px;transition:background .15s}
.fx-grpc-r.is-pk:first-child{border-top:0}
.fx-grpc-r.is-pk:hover{background:var(--t2-surface-2)}
.fx-grpc-r.is-pk:focus-visible{outline:2px solid var(--t2-brand);outline-offset:-2px}
.fx-grpc-r.is-pk.is-on{background:var(--t2-brand-wash);box-shadow:inset -4px 0 0 var(--t2-brand)}
.fx-pk-box{inline-size:24px;block-size:24px;border-radius:8px;border:2px solid var(--t2-line-2);background:var(--t2-surface);display:grid;place-items:center;color:#fff;flex:none}
.fx-pk-box svg,.fx-pk-box img{width:14px;height:14px}
.fx-grpc-r.is-pk.is-on .fx-pk-box{background:var(--t2-brand);border-color:var(--t2-brand)}
.fx-grpc-r.is-pk.is-on .fx-pk-box img{filter:brightness(0) invert(1)}
@media (max-width:40rem){.fx-grpc-r.is-pk{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px}.fx-grpc-r.is-pk .fx-pk-box{grid-row:span 2}.fx-grpc-r.is-pk>span:nth-child(2){grid-column:2;grid-row:1}.fx-grpc-r.is-pk .t2-pill{grid-column:2;grid-row:2;justify-self:start}.fx-grpc-r.is-pk>b{grid-column:3;grid-row:span 2;align-self:center}}
@container app (max-width:40rem){.fx-grpc-r.is-pk{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px}.fx-grpc-r.is-pk .fx-pk-box{grid-row:span 2}.fx-grpc-r.is-pk>span:nth-child(2){grid-column:2;grid-row:1}.fx-grpc-r.is-pk .t2-pill{grid-column:2;grid-row:2;justify-self:start}.fx-grpc-r.is-pk>b{grid-column:3;grid-row:span 2;align-self:center}}
#pv-host.is-app .fx-pick-sum{top:64px}
/* ===== v80 · بطاقات التصفية في تطبيق الجوال: شبكة ظاهرة كاملة (2×2) بدل الشريط الأفقي والنقاط ===== */
#pv-host.is-app .t2-grid.fx-fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
#pv-host.is-app .t2-grid.fx-fgrid>:last-child:nth-child(odd){grid-column:1/-1}
#pv-host.is-app .fx-fgrid .t2-card.fx-vcard{padding:10px 12px;gap:2px;min-width:0}
#pv-host.is-app .fx-fgrid .fx-vc-ic .t2-tile{width:26px;height:29px}
#pv-host.is-app .fx-fgrid .fx-vc-h b{font-size:.84rem}
#pv-host.is-app .fx-fgrid .fx-vc-n b{font-size:1.35rem}
#pv-host.is-app .fx-fgrid .fx-vc-s{font-size:.72rem}
#pv-host.is-app .fx-fgrid .fx-vc-f{margin-top:2px;padding-top:4px;font-size:.72rem}
#pv-host.is-app .fx-fgrid .fx-vc-f .t2-chev{width:18px;height:18px}
.fx-vcard.is-on,.fx-vcard[aria-expanded=true]{border-color:var(--t2-brand)!important}
/* ===== v81 · أسفل الإيصال: خياران — إلغاء العملية / استرداد العملية ===== */
.rq-ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rq-op{appearance:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border-radius:16px;border:1.5px solid var(--t2-line);background:var(--t2-surface);font:inherit;color:var(--t2-ink);text-align:start;cursor:pointer;transition:border-color .15s,background .15s}
.rq-op:hover{border-color:var(--t2-line-2);background:var(--t2-surface-2)}
.rq-op:focus-visible{outline:2px solid var(--t2-brand);outline-offset:2px}
.rq-op.is-on{border-color:var(--t2-brand);background:var(--t2-brand-wash);box-shadow:0 0 0 3px rgba(10,165,173,.14)}
.rq-op.is-off{opacity:.55;cursor:not-allowed}
.rq-op-ic{line-height:0}.rq-op-ic .t2-tile{width:40px;height:45px}
.rq-op-t{display:grid;gap:2px;min-width:0}
.rq-op-t b{font:800 .95rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.rq-op-t small{font-size:.76rem;line-height:1.6;color:var(--t2-muted)}
.rq-op-r{inline-size:22px;block-size:22px;border-radius:50%;border:2px solid var(--t2-line-2);background:var(--t2-surface);box-sizing:border-box}
.rq-op.is-on .rq-op-r{border:7px solid var(--t2-brand)}
@media (max-width:40rem){.rq-ops{grid-template-columns:minmax(0,1fr)}}
@container app (max-width:40rem){.rq-ops{grid-template-columns:minmax(0,1fr)}}
/* «تفاصيل الدفعة» داخل بطاقة طلب تأجيل دفعة */
.st-hero-go{appearance:none;justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;font:700 .84rem/1.4 var(--t2-ff-display);cursor:pointer}
.st-hero-go:hover{background:rgba(255,255,255,.18)}
.st-hero-go svg,.st-hero-go img{width:16px;height:16px}
html,body,.pv-frame,#pv-host,#pv-root{overflow-anchor:none}
/* مركز الإشعارات: بطاقات الأقسام بنفس قالب بطاقات المنصة + عدّاد الجديد */
.t2-card.nh-card{position:relative}
.t2-card.nh-card .t2-nbadge{position:absolute;top:10px;inset-inline-end:10px;inset-inline-start:auto;transform:none;min-width:22px;height:22px;line-height:22px;font-size:.7rem}
/* ===== v83 · توحيد عقودي: ملخص الجدول المقترح ===== */
.mg-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mg-sum>div{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:var(--t2-surface-2);border:1px solid var(--t2-line);min-width:0}
.mg-sum span{font:700 .72rem/1.5 var(--t2-ff-display);color:var(--t2-muted)}
.mg-sum b{font:800 .92rem/1.4 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
@media (max-width:40rem){.mg-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container app (max-width:40rem){.mg-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-grid{grid-template-columns:minmax(0,1fr)!important}}
.mg-t{width:100%;table-layout:fixed}
.mg-t th:first-child,.mg-t td:first-child{width:3.6rem;text-align:center}
.mg-td-d b{display:block;font:700 .86rem/1.4 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.mg-td-d small{display:block;font-size:.72rem;color:var(--t2-muted)}
.mg-t td.is-tbd{white-space:normal;font-size:.78rem;line-height:1.5}
.mg-t{min-width:0!important}.mg-t td,.mg-t th{white-space:normal}
#pv-host.is-app .t2-dp-pop,#pv-host.is-app .t2-cb-pop{scroll-margin-bottom:104px;scroll-margin-top:72px}
/* ===== v83 · بطاقة العضوية في التطبيق: «شاهد فيلم التدشين» و«مقارنة العضويات» في سطر واحد ===== */
#pv-host.is-app .tm .lux-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex-wrap:nowrap}
#pv-host.is-app .tm .lux-acts .lux-btn{min-width:0;padding:0 10px;gap:6px;font-size:.8rem;white-space:nowrap}
#pv-host.is-app .tm .lux-acts .lux-btn .t2-tile{width:20px;height:22px;flex:none}
@media (max-width:22rem){#pv-host.is-app .tm .lux-acts .lux-btn{font-size:.74rem;padding:0 6px}}
/* شعارات الدفع في لوحتي: أصغر في التطبيق ليظهر أكثر من شعار */
#pv-host.is-app .pay-marks li{height:42px;min-width:84px;padding:4px 8px}
#pv-host.is-app .pay-marks img{height:26px;max-height:26px;max-width:72px}
/* ===== v83 · عرض السعر: جداول تلائم الجوال، والشروط تُفتح عند الطلب ===== */
.qd-dd b{display:block;font-weight:700;font-variant-numeric:tabular-nums}
.qd-dd small{display:block;font-size:.72em;opacity:.75}
.qd-more{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:14px 16px;border:0;border-top:1px solid var(--t2-line);background:var(--t2-surface-2);font:700 .88rem/1.4 var(--t2-ff-display);color:var(--t2-brand-3);cursor:pointer;text-align:start}
.qd-more.is-open{border-top:0;border-bottom:1px solid var(--t2-line)}
.qd-more.is-open .t2-chev{transform:rotate(180deg)}
#pv-host.is-app .qd-svc,#pv-host.is-app .qd-pl{min-width:0!important;table-layout:fixed;width:100%}
#pv-host.is-app .qd-svc th,#pv-host.is-app .qd-svc td{padding:8px 6px;white-space:normal;word-break:normal;overflow-wrap:anywhere;font-size:.76rem}
#pv-host.is-app .qd-svc th{font-size:.68rem;line-height:1.35}
#pv-host.is-app .qd-svc:not(.qd-pl) th:first-child,#pv-host.is-app .qd-svc:not(.qd-pl) td:first-child{width:38%;text-align:start}
#pv-host.is-app .qd-pl th:first-child,#pv-host.is-app .qd-pl td:first-child{width:3.2rem}
#pv-host.is-app .qd-svc-w{overflow-x:visible}
#pv-host.is-app .qd-svc tfoot tr.is-grand td{padding:12px 8px;font-size:.9rem}
#pv-host.is-app .qd-svc tfoot td{font-size:.8rem}
#pv-host.is-app .qd-svc:not(.qd-pl) th:first-child,#pv-host.is-app .qd-svc:not(.qd-pl) td:first-child{width:34%}
#pv-host.is-app .qd-svc:not(.qd-pl) th:nth-child(3),#pv-host.is-app .qd-svc:not(.qd-pl) tbody td:nth-child(3){width:13%}
#pv-host.is-app .qd-svc:not(.qd-pl) th:last-child,#pv-host.is-app .qd-svc:not(.qd-pl) td:last-child{width:28%;white-space:nowrap}
#pv-host.is-app .qd-svc tfoot td:last-child{white-space:nowrap}
/* بطاقة عرض السعر في صفحة الطلب — ترتيب الجوال: العنوان ← الإجمالي والحالة ← زر واضح */
#pv-host.is-app .qc{grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"ic t" "v v" "go go"!important;gap:10px 12px;padding:14px}
#pv-host.is-app .qc-v{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;padding:10px 12px;border-radius:12px;background:var(--t2-surface-2);border:1px solid var(--t2-line)}
#pv-host.is-app .qc-v small{flex:1 0 100%}
#pv-host.is-app .qc-v b{font-size:1.15rem}
#pv-host.is-app .qc-go{justify-self:stretch;justify-content:center;padding:10px;border-radius:12px;background:var(--t2-brand-wash);font-size:.84rem}
/* طلباتي في التطبيق: بطاقات الحالة شبكة ظاهرة (بدل الشريط الأفقي)، ورأس بطاقة الطلب بلا تداخل */
#pv-host.is-app .t2-grid.fx-rgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
#pv-host.is-app .t2-grid.fx-rgrid>:last-child:nth-child(odd){grid-column:1/-1}
#pv-host.is-app .fx-rgrid .t2-card.fx-vcard{padding:10px 12px;gap:2px;min-width:0}
#pv-host.is-app .fx-rgrid .fx-vc-ic .t2-tile{width:26px;height:29px}
#pv-host.is-app .fx-rgrid .fx-vc-h b{font-size:.84rem}
#pv-host.is-app .fx-rgrid .fx-vc-n b{font-size:1.35rem}
#pv-host.is-app .fx-rgrid .fx-vc-s{font-size:.72rem}
#pv-host.is-app .fx-rgrid .fx-vc-f{margin-top:2px;padding-top:4px;font-size:.72rem}
#pv-host.is-app .fx-req .fx-card-h{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;align-items:start}
#pv-host.is-app .fx-req .fx-card-h>.t2-pill{position:static!important;grid-column:2;justify-self:start;margin:0}
#pv-host.is-app .fx-req .fx-card-ic{grid-row:span 2}
/* معلومات الطلب في عرض السعر (الجوال): الاسم بعرض كامل ثم 3 خانات متساوية */
#pv-host.is-app .qd-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
#pv-host.is-app .qd-fact{padding:12px 10px;border-top:1px solid var(--t2-line);border-inline-start:1px solid var(--t2-line)}
#pv-host.is-app .qd-fact:nth-child(2){border-inline-start:0}
#pv-host.is-app .qd-fact.is-name{grid-column:1/-1;border-inline-start:0;border-top:0}
#pv-host.is-app .qd-fact b{font-size:.9rem}
#pv-host.is-app .qd-fact:last-child b{color:var(--t2-brand-3)}
/* ===== v85 · رأس تطبيق الجوال: زر الوضع الليلي/النهاري، شعار أكبر، مسافات أوسع ===== */
.t2-hmode .t2-hm-sun{display:none}
.t2.is-dark .t2-hmode .t2-hm-moon{display:none}.t2.is-dark .t2-hmode .t2-hm-sun{display:contents}
.t2-hmode .t2-hm-moon{display:contents}
#pv-host.is-app .t2.is-client .t2-hbtn.t2-hmode{display:inline-grid!important;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border-radius:14px}
#pv-host.is-app .t2-hbtn.t2-hmode .t2-tile{width:28px;height:31px}
#pv-host.is-app .t2-app>.t2-head{padding:12px 16px!important;gap:10px!important;min-height:74px}
#pv-host.is-app .t2-hd-logo{height:48px!important}
#pv-host.is-app .t2-head .t2-hcmd{flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:14px}
#pv-host.is-app .t2-head .t2-avatar{width:44px;height:44px;font-size:1.05rem}
#pv-host.is-app .fx-pick-sum{top:84px}
/* ===== v86 · مصدر البيانات من ملفي الشخصي داخل الاستمارة ===== */
.pf-src{display:grid;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--t2-line);background:var(--t2-surface-2)}
.pf-src-h{display:flex;align-items:center;gap:8px}.pf-src-h b{font:800 .9rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.pf-src-ic{line-height:0}.pf-src-ic .t2-tile{width:28px;height:31px}
.pf-src .fx-link{justify-self:start}
.t2-grid.pf-ready{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:64rem){.t2-grid.pf-ready{grid-template-columns:repeat(2,minmax(0,1fr))}}
#pv-host.is-app .t2-grid.pf-ready{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
/* ===== v87 · مرفقاتي: المنتهي والمراجعة والانتقال المباشر للبطاقة ===== */
.t2-doc.is-expired{border-color:var(--t2-danger)!important;box-shadow:0 0 0 3px rgba(179,38,30,.10)}
.t2-doc.is-focus{animation:docFocus 2.4s ease-out 1}
@keyframes docFocus{0%,35%{box-shadow:0 0 0 4px rgba(10,165,173,.45)}100%{box-shadow:0 0 0 0 rgba(10,165,173,0)}}
.lv-hc.is-expired{border-color:var(--t2-danger)!important}
.t2-card .t2-card-b .t2-pill.is-danger{margin-top:4px}
/* ===== v88 · طلب عرض سعر لخدمة أو منتج: خياران ودليل المنتجات ===== */
.t2-grid.sv-opts{grid-template-columns:repeat(2,minmax(0,1fr))}
.t2-card.sv-opt{min-height:96px;border-width:1.5px}
.t2-card.sv-opt .t2-card-ico .t2-tile{width:46px;height:52px}
.t2-card.sv-opt .t2-card-t{font-size:1rem}
.sv-opt-tag{display:inline-flex;align-self:flex-start;margin-top:6px;padding:3px 10px;border-radius:999px;background:var(--t2-brand-wash);color:var(--t2-brand-3);font:700 .72rem/1.5 var(--t2-ff-display)}
.sv-prods{display:grid;gap:10px}
.sv-prod{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--t2-line);background:var(--t2-surface)}
.sv-prod-ic{line-height:0}.sv-prod-ic .t2-tile{width:38px;height:43px}
.sv-prod-t{display:grid;gap:2px;min-width:0}.sv-prod-t b{font:800 .92rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}.sv-prod-t small{font-size:.74rem;color:var(--t2-muted)}
#pv-host.is-app .t2-grid.sv-opts{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;overflow:visible}
#pv-host.is-app .t2-grid.sv-cats{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;overflow:visible}
#pv-host.is-app .t2-grid.sv-cats>:last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:40rem){.sv-prod{grid-template-columns:auto minmax(0,1fr)}.sv-prod>.t2-btn{grid-column:1/-1;justify-content:center}}
@container app (max-width:40rem){.sv-prod{grid-template-columns:auto minmax(0,1fr)}.sv-prod>.t2-btn{grid-column:1/-1;justify-content:center}}
.sv-cats .t2-pill{white-space:nowrap}.sv-cats .t2-card-t{text-wrap:balance}
/* ===== v91 · المنتجات والحلول: الأقسام ← الفروع ← بطاقات المنتجات ===== */
.pr-br{display:grid;gap:10px}
.pr-br-h{display:flex;align-items:center;gap:10px}.pr-br-h h3{margin:0;font:800 1rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.pr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:10px}
.pr-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ic b" "a a";gap:10px 12px;padding:14px;border-radius:16px;border:1px solid var(--t2-line);background:var(--t2-surface);box-shadow:var(--i-sh)}
.pr-ic{grid-area:ic;line-height:0}.pr-ic .t2-tile{width:42px;height:47px}
.pr-b{grid-area:b;display:grid;gap:3px;min-width:0}
.pr-eye{font:700 .7rem/1.5 var(--t2-ff-display);color:var(--t2-muted)}
.pr-t{font:800 .92rem/1.5 var(--t2-ff-display);color:var(--t2-ink);text-wrap:balance}
.pr-p{font:800 .9rem/1.4 var(--t2-ff-display);color:var(--t2-brand-3);font-variant-numeric:tabular-nums}
.pr-p.is-ask{color:var(--t2-muted);font-weight:700;font-size:.8rem}
.pr-card>.t2-btn{grid-area:a;justify-content:center;width:100%}
.t2-card.is-on{border-color:var(--t2-brand)!important;box-shadow:0 0 0 2px rgba(10,165,173,.25)}
#pv-host.is-app .t2-grid.pr-depts,#pv-host.is-app .t2-grid.pr-brs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;overflow:visible}
#pv-host.is-app .pr-grid{grid-template-columns:minmax(0,1fr)}
/* v92 — «طلب كمية» للأجهزة */
.pr-bulk{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--t2-line);border-inline-start:4px solid var(--t2-gold);background:var(--t2-warn-wash)}
.pr-bulk-ic{line-height:0;flex:none}.pr-bulk-ic .t2-tile{width:38px;height:42px}
.pr-bulk>div{display:grid;gap:2px;min-width:0}
.pr-bulk b{font:800 .92rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.pr-bulk span{font:600 .8rem/1.6 var(--t2-ff-body,inherit);color:var(--t2-ink-2)}
.q-price{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;background:var(--t2-brand-wash)}
.q-price span{font:700 .8rem/1.5 var(--t2-ff-display);color:var(--t2-ink-2)}.q-price b{font:800 .95rem/1.4 var(--t2-ff-display);color:var(--t2-brand-3);font-variant-numeric:tabular-nums}
.q-time{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
/* v93 — نموذج «خدمة حسب الطلب» */
.t2-sec.has-ic>.t2-sec-h{gap:12px}
.fs-ic{flex:none;line-height:0}.fs-ic .t2-tile{width:36px;height:40px}
.sa-l{display:grid;gap:10px}
.sa-i{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:14px;background:var(--t2-surface-2);border:1px solid var(--t2-line)}
.sa-ic{flex:none;line-height:0}.sa-ic .t2-tile{width:34px;height:38px}
.sa-i>div{display:grid;gap:2px;min-width:0}.sa-i b{font:800 .9rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}.sa-i span{font-size:.84rem;line-height:1.7;color:var(--t2-ink-2)}
.st-l{margin:0;padding:0;list-style:none;counter-reset:st;display:grid;gap:8px}
.st-l li{counter-increment:st;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--t2-line);background:var(--t2-surface)}
.st-l li::before{content:counter(st);grid-row:span 2;display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:9px;background:var(--t2-brand-wash);color:var(--t2-brand-3);font:800 .8rem/1 var(--t2-ff-display)}
.st-l b{font:800 .86rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}.st-l span{font-size:.82rem;line-height:1.7;color:var(--t2-ink-2)}
.nd{display:grid;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--t2-line);background:var(--t2-surface-2)}
.nd.is-missing{border-color:var(--t2-danger,#C0392B)}
.nd-h{display:flex;align-items:center;gap:10px}.nd-h b{font:800 .92rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.nd-g{display:grid;gap:8px}
.nd-r{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(9rem,12rem) 40px;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--t2-line);background:var(--t2-surface)}
.nd-r.is-missing{border-color:var(--t2-danger,#C0392B)}
.nd-th{padding-block:4px;border:0;background:transparent;font:700 .74rem/1.4 var(--t2-ff-display);color:var(--t2-muted)}
.nd-n{display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:9px;background:var(--t2-brand-wash);color:var(--t2-brand-3);font:800 .8rem/1 var(--t2-ff-display)}
.nd-t textarea{min-height:44px;resize:vertical}
.nd-up{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-block-size:44px;padding:0 12px;border-radius:12px;border:1.5px dashed var(--t2-line);color:var(--t2-brand-3);font:700 .8rem/1.4 var(--t2-ff-display);cursor:pointer}
.nd-up input{position:absolute;inset:0;opacity:0;cursor:pointer}
.nd-chip{display:flex;align-items:center;gap:6px;min-width:0;min-block-size:44px;padding:0 10px;border-radius:12px;background:var(--t2-ok-wash);color:var(--t2-ink);font-size:.8rem}
.nd-chip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.nd-x,.nd-del{display:grid;place-items:center;inline-size:36px;block-size:36px;border:0;border-radius:10px;background:transparent;color:var(--t2-muted);cursor:pointer}
.nd-del:hover{background:var(--t2-danger-wash);color:var(--t2-danger,#C0392B)}
.nd>.t2-btn{justify-self:start}
.ap-src{display:grid;gap:10px}
.ap-src-h{display:flex;align-items:center;justify-content:space-between;gap:10px}.ap-src-h b{font:800 .9rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.ap-src .lx-fs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
/* تطبيق الجوال: بنود الاحتياج بطاقات، والحقول عمود واحد */
#pv-host.is-app .nd{padding:12px}
#pv-host.is-app .nd-th{display:none}
#pv-host.is-app .nd-r{grid-template-columns:28px minmax(0,1fr) 36px;grid-template-areas:"n t a" "f f f";gap:8px}
#pv-host.is-app .nd-n{grid-area:n;align-self:start}#pv-host.is-app .nd-t{grid-area:t}#pv-host.is-app .nd-f{grid-area:f}#pv-host.is-app .nd-a{grid-area:a;align-self:start}
#pv-host.is-app .nd>.t2-btn{justify-self:stretch}
#pv-host.is-app .ap-src .lx-fs{grid-template-columns:minmax(0,1fr);gap:8px}
#pv-host.is-app .ap-src .lx-f{padding:10px 12px}
#pv-host.is-app .t2-sec.has-ic>.t2-sec-h{padding:12px 14px}
#pv-host .t2 .t2-sec.is-closed>.t2-sec-b{display:none!important}
.nd-cnt{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--t2-brand-wash);color:var(--t2-brand-3);font:700 .72rem/1.6 var(--t2-ff-display)}
/* v94 — تطبيق الجوال: بطاقة علوية مختصرة في «خدمة حسب الطلب» ونماذجها حتى تظهر الخيارات والحقول من أول شاشة */
.st-links{display:flex;flex-wrap:wrap;gap:6px 16px}
#pv-host.is-app .t2 .lx-hero.is-compact{gap:10px;padding:14px;border-radius:20px}
#pv-host.is-app .t2 .lx-hero.is-compact .lx-top{gap:12px;align-items:center}
#pv-host.is-app .t2 .lx-hero.is-compact .lx-ic{inline-size:48px;block-size:48px;border-radius:15px}
#pv-host.is-app .t2 .lx-hero.is-compact .lx-ic .t2-tile{width:36px}
#pv-host.is-app .t2 .lx-hero.is-compact h2{font-size:1.12rem;line-height:1.45}
#pv-host.is-app .t2 .lx-hero.is-compact .lx-eye{font-size:.7rem}
#pv-host.is-app .t2 .lx-hero.is-compact .lx-sub{font-size:.78rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#pv-host.is-app .t2 .lx-hero.is-compact .lx-pill{display:none}
#pv-host.is-app .t2 .lx-hero.is-compact .lx-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#pv-host.is-app .t2 .lx-hero.is-compact .lx-tile{padding:8px 6px;padding-inline-end:6px;text-align:center;justify-items:center;border-radius:12px}
#pv-host.is-app .t2 .lx-hero.is-compact .lx-tile-ic{display:none}
#pv-host.is-app .t2 .lx-hero.is-compact .lx-tile small{font-size:.62rem;line-height:1.35}
#pv-host.is-app .t2 .lx-hero.is-compact .lx-tile b{font-size:.82rem}
#pv-host.is-app .t2 .lx-hero.is-form .lx-tiles{display:none}
#pv-host.is-app .t2 .lx-hero.is-compact .lx-tile b{font-size:.74rem;white-space:nowrap}
/* v95 — احتياجات الخدمة: بنود تُحفظ واحدًا واحدًا */
.nd-list{display:grid;gap:8px}
.nd-s{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;border-radius:14px;border:1px solid var(--t2-line);border-inline-start:4px solid var(--t2-brand,#0A8C93);background:var(--t2-surface)}
.nd-s.is-new{border-color:#19C2AE;box-shadow:0 0 0 3px rgba(25,194,174,.18)}
.nd-s.is-edit{opacity:.55}
.nd-sb{display:grid;gap:6px;min-width:0}
.nd-st{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nd-st b{font:800 .86rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.nd-ok{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--t2-ok-wash);color:#0B7A55;font:700 .7rem/1.6 var(--t2-ff-display)}
.nd-sb p{margin:0;font-size:.86rem;line-height:1.7;color:var(--t2-ink-2);overflow-wrap:anywhere}
.nd-sb .nd-chip{justify-self:start;max-width:100%;min-block-size:32px}
.nd-sa{display:flex;gap:4px}
.nd-ib{display:grid;place-items:center;inline-size:40px;block-size:40px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface);color:var(--t2-ink-2);cursor:pointer}
.nd-ib.is-del:hover{background:var(--t2-danger-wash);color:var(--t2-danger,#C0392B)}
.nd-saved{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--t2-ok-wash);color:#0B6B4C;font:700 .82rem/1.6 var(--t2-ff-display)}
.nd-e{display:grid;gap:10px;padding:12px;border-radius:14px;border:1.5px dashed var(--t2-line);background:var(--t2-surface)}
.nd-e.is-missing{border-color:var(--t2-danger,#C0392B);border-style:solid}
.nd-eh{display:flex;align-items:center;gap:10px}.nd-eh b{font:800 .88rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.nd-n.is-draft{background:var(--t2-surface-2);color:var(--t2-muted);border:1px dashed var(--t2-line)}
.nd-e textarea{min-height:72px;resize:vertical}
.nd-eb{display:flex;gap:8px;flex-wrap:wrap}
.nd-cnt.is-ok{background:var(--t2-ok-wash);color:#0B7A55}
#pv-host.is-app .nd-s{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"n b" "a a"}
#pv-host.is-app .nd-s>.nd-n{grid-area:n}#pv-host.is-app .nd-sb{grid-area:b}
#pv-host.is-app .nd-sa{grid-area:a;justify-content:flex-end;border-top:1px solid var(--t2-line);padding-top:8px}
#pv-host.is-app .nd-eb .t2-btn{flex:1 1 0;justify-content:center;min-block-size:44px}
.q-time.is-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
/* v98 — بطاقات المنتجات بصورها ومعلوماتها من الكتالوج العام */
.pr-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:12px}
.pr-card.is-dev{display:flex;flex-direction:column;gap:10px;grid-template-areas:none}
.pr-card.is-dig{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"img b" "a a";align-items:start}
.pr-img{line-height:0;border-radius:14px;overflow:hidden;background:#E9F6F7;display:grid;place-items:center}
.pr-card.is-dev .pr-img{aspect-ratio:1/1;width:100%;max-height:13rem}
.pr-card.is-dev .pr-img img{width:100%;height:100%;object-fit:contain}
.pr-card.is-dig .pr-img{grid-area:img;width:64px;height:64px;background:transparent}
.pr-card.is-dig .pr-img img{width:64px;height:64px;object-fit:cover;border-radius:16px}
.pr-card.is-dig .pr-b{grid-area:b}
.pr-card.is-dig>.t2-btn{grid-area:a}
.pr-card.is-dev>.t2-btn{margin-top:auto}
.pr-d{margin:0;font-size:.8rem;line-height:1.7;color:var(--t2-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:700 .72rem/1.5 var(--t2-ff-display);color:var(--t2-muted)}
.pr-rate{display:inline-flex;align-items:center;gap:3px;color:#B7791F}
.pr-rate svg{color:#E8A317}
.q-pv{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;border:1px solid var(--t2-line);background:var(--t2-surface-2)}
.q-pv img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#E9F6F7;flex:none}
.q-pv>div{display:grid;gap:2px;min-width:0}.q-pv b{font:800 .88rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.q-pv span{font-size:.78rem;line-height:1.6;color:var(--t2-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#pv-host.is-app .pr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#pv-host.is-app .pr-card.is-dev{padding:10px;gap:8px}
#pv-host.is-app .pr-card.is-dev .pr-t{font-size:.84rem}
#pv-host.is-app .pr-card.is-dev .pr-d{display:none}
#pv-host.is-app .pr-card.is-dev .pr-eye{display:none}
#pv-host.is-app .pr-card.is-dig{grid-column:1/-1}

/* الوضع الليلي — مولَّد بواسطة mkdark.py */
.t2.is-dark .t2-avatar{box-shadow:0 0 0 2px var(--t2-line),0 0 0 3px rgba(10,165,173,.3)}
.t2.is-dark .t2-app>.t2-side{background:var(--t2-surface)}
.t2.is-dark .t2-side-gh{color:var(--t2-muted)}
.t2.is-dark .t2-side-i:hover{background:var(--t2-surface-2)}
.t2.is-dark .t2-crumb-ol{border:1px solid color-mix(in srgb,#0AA5AD 22%,var(--t2-line))}
.t2.is-dark .t2-panel{background:var(--t2-surface)}
.t2.is-dark .t2-fields.t2-desc{background:var(--t2-surface)}
.t2.is-dark select.t2-input{background:var(--t2-surface) var(--t2-chev) no-repeat left 12px center/16px 16px}
.t2.is-dark .t2-btn{background:var(--t2-surface)}
.t2.is-dark .t2-field.is-toggle:has(>.t2-switch:checked){border-color:color-mix(in srgb,#0AA5AD 40%,var(--t2-line))}
.t2.is-dark input.t2-switch::after{background:var(--t2-surface)}
.t2.is-dark .t2-note.is-ok{border-color:var(--t2-line)}
.t2.is-dark .t2-stp-m{background:var(--t2-surface)}
.t2.is-dark .t2-abar{background:var(--t2-surface)}
.t2.is-dark .t2-tab{background:var(--t2-surface)}
.t2.is-dark .t2-card{background:var(--t2-surface)}
.t2.is-dark .t2-drop-ic{background:var(--t2-surface)}
.t2.is-dark .t2-drop-btn{background:var(--t2-surface)}
@media (max-width:40rem){.t2.is-dark .t2-dock{background:var(--t2-surface)}}
@container app (max-width:40rem){.t2.is-dark .t2-dock{background:var(--t2-surface)}}
.t2.is-dark .t2-cb-btn{background:var(--t2-surface)}
.t2.is-dark .t2-cb-pop{background:var(--t2-surface)}
.t2.is-dark .t2-cb-pop.is-sheet{background:var(--t2-surface)}
.t2.is-dark .t2-doc.is-ok{border-color:color-mix(in srgb,#12795C 35%,var(--t2-line))}
.t2.is-dark .t2-empty-i{background:var(--t2-surface)}
.t2.is-dark .t2-body .t2-sec{background:var(--t2-surface)}
.t2.is-dark .t2-input{background:var(--t2-surface)}
.t2.is-dark .t2-cb-btn.t2-input{background:var(--t2-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%230A1F44' d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") no-repeat left 12px center/16px 16px}
.t2.is-dark .t2-btn{background:var(--t2-surface)}
.t2.is-dark .t2-btn:hover{border-color:var(--t2-line)}
.t2.is-dark .t2-dp-pop{background:var(--t2-surface)}
.t2.is-dark .t2-dp-nav{background:var(--t2-surface)}
.t2.is-dark .t2-dp-sel{background:var(--t2-surface)}
.t2.is-dark .t2-dp-a{background:var(--t2-surface)}
.t2.is-dark .t2-item-n{background:var(--t2-surface)}
.t2.is-dark .t2-cb-ck{background:var(--t2-surface)}
.t2.is-dark .fx-kpi{background:var(--t2-surface)}
.t2.is-dark .fx-row{background:var(--t2-surface)}
.t2.is-dark .fx-row.is-late{border-color:var(--t2-line);background:var(--t2-surface)}
.t2.is-dark .fx-row.is-late .fx-date{background:var(--t2-surface-2)}
.t2.is-dark .fx-bar{background:var(--t2-surface)}
.t2.is-dark .fx-card{background:var(--t2-surface)}
.t2.is-dark .fx-card:hover{border-color:var(--t2-line)}
.t2.is-dark .fx-table tr.is-late td{background:var(--t2-surface-2)}
.t2.is-dark .fx-table tr.is-deferred td{background:var(--t2-surface-2)}
.t2.is-dark .fx-rhead{background:var(--t2-surface)}
.t2.is-dark .fx-path-m{background:var(--t2-surface)}
.t2.is-dark .fx-path-i.is-now .fx-path-m{color:var(--t2-warn);background:var(--t2-warn-wash)}
.t2.is-dark .fx-path-i.is-now .fx-path-b span{color:var(--t2-warn)}
@media (max-width:40rem){.t2.is-dark .fx-table tr.is-late{background:var(--t2-surface-2)}
.t2.is-dark .fx-table tr.is-deferred{background:var(--t2-surface-2)}}
@container app (max-width:40rem){.t2.is-dark .fx-table tr.is-late{background:var(--t2-surface-2)}
.t2.is-dark .fx-table tr.is-deferred{background:var(--t2-surface-2)}}
.t2.is-dark .fx-bulk{background:var(--t2-surface)}
.t2.is-dark .fx-confirm{background:var(--t2-surface)}
.t2.is-dark .fx-rcpt{background:var(--t2-surface)}
.t2.is-dark .fx-rcpt.is-pending .fx-rcpt-ic{box-shadow:0 0 0 8px var(--t2-line)}
.t2.is-dark .fx-paycard{background:var(--t2-surface)}
.t2.is-dark .fx-paycard.is-late .fx-paycard-m{background:var(--t2-surface-2)}
.t2.is-dark .fx-line.is-warn b{color:var(--t2-warn)}
.t2.is-dark .fx-table tr.is-partial td{background:var(--t2-surface-2)}
.t2.is-dark .fx-chead{background:var(--t2-surface)}
.t2.is-dark .fx-trio{background:var(--t2-surface)}
.t2.is-dark .fx-trio-i.is-brand{border-color:color-mix(in srgb,#0AA5AD 30%,var(--t2-line))}
.t2.is-dark .fx-trio-i.is-bad{background:var(--t2-surface-2);border-color:var(--t2-line)}
.t2.is-dark .fx-paynow{background:var(--t2-surface)}
.t2.is-dark .fx-prio{background:var(--t2-surface)}
.t2.is-dark .fx-prio.is-late{border-color:var(--t2-line);background:var(--t2-surface)}
.t2.is-dark .fx-pc{background:var(--t2-surface)}
.t2.is-dark .fx-pc.is-late{background:var(--t2-surface)}
.t2.is-dark .fx-pc:hover{border-color:var(--t2-line)}
.t2.is-dark .fx-cc{background:var(--t2-surface)}
.t2.is-dark .fx-cc-s .is-bad{background:var(--t2-surface-2)}
.t2.is-dark .fx-cc-s .is-warn b{color:var(--t2-warn)}
.t2.is-dark .fx-grpc{background:var(--t2-surface)}
.t2.is-dark .fx-ind{background:var(--t2-surface)}
.t2.is-dark .fx-ind.is-warn .fx-ind-v{color:var(--t2-warn)}
.t2.is-dark .fx-a2.is-bulk{border:1px solid color-mix(in srgb,#0AA5AD 40%,var(--t2-line));background:var(--t2-surface)}
.t2.is-dark .fx-a2-chips span{background:var(--t2-surface)}
.t2.is-dark .fx-a2-chips .is-bad{border-color:var(--t2-line)}
.t2.is-dark .fx-cmt2{background:var(--t2-surface)}
.t2.is-dark .fx-cmt2.is-poor .fx-cmt-score{color:var(--t2-danger);background:var(--t2-surface-2)}
.t2.is-dark .fx-cmt2.is-fair .fx-cmt-score{color:var(--t2-warn);background:var(--t2-warn-wash)}
.t2.is-dark .fx-cmt2.is-good .fx-cmt-score{color:var(--t2-warn);background:var(--t2-warn-wash)}
.t2.is-dark .fx-cmt2.is-vgood .fx-cmt-score{background:var(--t2-surface-2);border-color:var(--t2-line)}
.t2.is-dark .fx-cmt2.is-ex .fx-cmt-score{color:var(--t2-brand);background:var(--t2-surface-2)}
.t2.is-dark .fx-cmt-g{background:var(--t2-surface)}
.t2.is-dark .fx-cbx{background:var(--t2-surface)}
.t2.is-dark .fx-cbx.is-on .fx-cbx-ic{background:var(--t2-surface-2);color:var(--t2-brand)}
.t2.is-dark .fx-cbx.is-on b{color:var(--t2-brand)}
.t2.is-dark .fx-cbx.is-pl .fx-cbx-ic{background:var(--t2-warn-wash);color:var(--t2-warn)}
.t2.is-dark .fx-cbx.is-pl b{color:var(--t2-warn)}
.t2.is-dark .fx-cbx.is-lt .fx-cbx-ic{background:var(--t2-surface-2);color:var(--t2-danger)}
.t2.is-dark .fx-cbx.is-lt b{color:var(--t2-danger)}
.t2.is-dark .fx-dots-r .is-lt{box-shadow:0 0 0 3px var(--t2-line)}
.t2.is-dark .fx-ilg .is-fut{background:var(--t2-surface-2)}
.t2.is-dark .fx-cmt-tip{border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-brand)}
.t2.is-dark .fx-cmt-tip b{color:var(--t2-muted)}
.t2.is-dark .fx-cmt-tip-ic{background:var(--t2-surface)}
.t2.is-dark .fx-cmt-tip.is-ok{background:var(--t2-surface-2);color:var(--t2-brand)}
.t2.is-dark .fx-pc2{background:var(--t2-surface)}
.t2.is-dark .fx-pc2:hover{border-color:var(--t2-line)}
.t2.is-dark .fx-pc2.is-late .fx-pc2-m{background:var(--t2-surface-2)}
.t2.is-dark .fx-pc2.is-late .fx-pc2-a b{color:var(--t2-danger)}
.t2.is-dark .fx-trk i{background:var(--t2-surface-2)}
.t2.is-dark .fx-st.is-bad{color:var(--t2-danger)}
.t2.is-dark .fx-st.is-warn{color:var(--t2-warn)}
.t2.is-dark .fx-op{background:var(--t2-surface)}
.t2.is-dark .fx-op.is-card .fx-op-ic{background:var(--t2-surface-2);color:var(--t2-brand)}
.t2.is-dark .fx-op.is-bank .fx-op-ic{background:var(--t2-surface-2);color:var(--t2-info)}
.t2.is-dark .fx-op.is-def .fx-op-ic{background:var(--t2-surface-2);color:var(--t2-info)}
.t2.is-dark .fx-op-v b{color:var(--t2-brand)}
.t2.is-dark .fx-op.is-def .fx-op-v b{color:var(--t2-info)}
.t2.is-dark .fx-op-st.is-ok{background:var(--t2-surface-2);color:var(--t2-brand)}
.t2.is-dark .fx-op-st.is-warn{background:var(--t2-warn-wash);color:var(--t2-warn)}
.t2.is-dark .fx-pd-act{border:1px solid var(--t2-line);background:var(--t2-surface)}
.t2.is-dark .fx-stmt{background:var(--t2-surface)}
.t2.is-dark .fx-stmt-h{background:var(--t2-surface)}
.t2.is-dark .fx-st-r{border-bottom:1px dashed var(--t2-line)}
.t2.is-dark .fx-st-r.is-ok>b{color:var(--t2-brand)}
.t2.is-dark .fx-st-r.is-bad>b{color:var(--t2-danger)}
.t2.is-dark .fx-dots-r .is-on{border-color:var(--t2-line)}
.t2.is-dark .fx-ps::before{background:var(--t2-surface-2)}
.t2.is-dark .fx-ps.is-fut .fx-pn{background:var(--t2-surface);box-shadow:inset 0 0 0 2px var(--t2-line)}
.t2.is-dark .fx-ps.is-cur .fx-pn{box-shadow:0 0 0 3px var(--t2-line),0 0 0 5px var(--t2-brand),0 6px 14px rgba(10,165,173,.35)}
.t2.is-dark .fx-scl-t i.is-on{box-shadow:0 0 0 3px var(--t2-line),0 4px 10px rgba(11,35,73,.2)}
.t2.is-dark .fx-ps.is-cur.is-part .fx-pn{box-shadow:0 0 0 3px var(--t2-line),0 0 0 5px var(--t2-brand),0 6px 14px rgba(10,165,173,.35)}
.t2.is-dark .fx-gw{background:var(--t2-surface)}
.t2.is-dark .fx-gw-sec{color:var(--t2-brand)}
.t2.is-dark .fx-gw-sec b{color:var(--t2-muted)}
.t2.is-dark .fx-gw-br i{background:var(--t2-surface);border:1px solid var(--t2-line)}
.t2.is-dark .fx-auth{background:var(--t2-surface)}
.t2.is-dark .fx-autoh{background:var(--t2-surface)}
.t2.is-dark .fx-autoh.is-on{border-color:var(--t2-line);background:var(--t2-surface)}
.t2.is-dark .fx-cardrow{background:var(--t2-surface)}
.t2.is-dark .fx-osum{background:var(--t2-surface)}
.t2.is-dark .fx-mark{background:var(--t2-surface)}
.t2.is-dark .fx-home-pay{background:var(--t2-surface)}
.t2.is-dark .fx-trust{background:var(--t2-surface)}
.t2.is-dark .fx-mark.is-img{background:var(--t2-surface)}
.t2.is-dark .pay-card{background:var(--t2-surface)}
.t2.is-dark .pay-marks li{background:var(--t2-surface)}
.t2.is-dark .fx-scard-sigl{background:var(--t2-surface)}
.t2.is-dark .fx-scard-cvv{background:var(--t2-surface);color:var(--t2-ink)}
.t2.is-dark .t2-cb-ic.is-logo,.t2.is-dark .t2-cb-oic.is-logo{background:var(--t2-surface)}
.t2.is-dark .fx-blogo{background:var(--t2-surface)}
.t2.is-dark .fx-rc-sigl{background:var(--t2-surface)}
.t2.is-dark .fx-rc-cvv{background:var(--t2-surface);color:var(--t2-ink)}
.t2.is-dark .fx-rv{background:var(--t2-surface)}
.t2.is-dark .fx-rv-h{background:var(--t2-surface)}
.t2.is-dark .fx-rv-sec{color:var(--t2-brand)}
.t2.is-dark .fx-rcfile{background:var(--t2-surface)}
.t2.is-dark .fx-doc{background:var(--t2-surface)}
.t2.is-dark .fx-nrule{background:var(--t2-surface)}
.t2.is-dark .fx-ntl li::before{background:var(--t2-surface-2)}
.t2.is-dark .fx-ncard{background:var(--t2-surface)}
.t2.is-dark .fx-nsch-r{background:var(--t2-surface)}
.t2.is-dark .t2-nbadge{box-shadow:0 0 0 2px var(--t2-line)}
.t2.is-dark .fx-ncard.is-unread{background:var(--t2-surface)}
.t2.is-dark .fx-ncard.is-unread::after{box-shadow:0 0 0 3px var(--t2-line)}
.t2.is-dark .fx-dn-i{background:var(--t2-surface)}
.t2.is-dark .fx-dn-i.is-unread{background:var(--t2-surface-2)}
.t2.is-dark .fx-nhead{background:var(--t2-surface)}
.t2.is-dark .fx-nhead-n{background:var(--t2-surface-2)}
.t2.is-dark .fx-nsec-chip{background:var(--t2-surface-2)}
.t2.is-dark .fx-nempty{border:1px dashed var(--t2-line)}
.t2.is-dark .fx-vbody{background:var(--t2-surface)}
.t2.is-dark .app-dots i{background:var(--t2-info-wash)}
.t2.is-dark .t2-back{background:var(--t2-surface)}
.t2.is-dark .fx-table tr.is-partial td,.t2.is-dark .fx-table tr.is-part td{background:var(--t2-surface-2)}
.t2.is-dark .fx-table tr.is-late.is-part td{background:var(--t2-surface)}
.t2.is-dark .fx-pp i{background:var(--t2-surface-2)}
.t2.is-dark .fx-trail.is-sm .fx-ps{background:var(--t2-surface-2)}
.t2.is-dark .fx-trail.is-sm .fx-ps.is-part{background:var(--t2-surface-2)}
.t2.is-dark .fx-seg.is-due{color:var(--t2-ink);background:var(--t2-surface);box-shadow:0 4px 0 var(--t2-line),0 8px 14px rgba(11,35,73,.08),inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .fx-seg.is-due small{color:var(--t2-muted)}
.t2.is-dark .fx-seg.is-due.is-next{color:var(--t2-ink)}
.t2.is-dark .fx-lg.is-due i{background:var(--t2-surface);box-shadow:0 2px 0 var(--t2-line),inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .fx-pd .fx-pd-st i{background:var(--t2-surface)!important}
.t2.is-dark .fx-pd .fx-trail.is-lg .fx-ps.is-cur .fx-pn{outline:2.5px solid var(--t2-line)}
.t2.is-dark .fx-table tr.is-partial td,.t2.is-dark .fx-table tr.is-part td{background:var(--t2-surface-2)}
.t2.is-dark .fx-pc2.is-late .fx-pc2-m{background:var(--t2-surface-2)}
.t2.is-dark .fx-pc2.is-late .fx-pc2-a b{color:var(--t2-warn)}
.t2.is-dark .fx-pc2.is-late.is-dflt .fx-pc2-m{background:var(--t2-surface-2)}
.t2.is-dark .fx-pc2.is-late.is-dflt .fx-pc2-a b{color:var(--t2-danger)}
.t2.is-dark .fx-thx{color:var(--t2-ink);background:var(--t2-surface-2);box-shadow:inset 0 0 0 6px var(--t2-line),inset 0 0 0 7px #EAD39C,0 18px 40px rgba(11,35,73,.12),0 2px 0 #E7CF92}
.t2.is-dark .fx-thx-eye{color:var(--t2-warn);background:var(--t2-surface-2)}
.t2.is-dark .fx-thx-t{color:var(--t2-ink)}
.t2.is-dark .fx-thx-to{color:var(--t2-muted)}
.t2.is-dark .fx-thx-to b{color:var(--t2-ink)}
.t2.is-dark .fx-thx-b{color:var(--t2-muted)}
.t2.is-dark .fx-thx-meta{color:var(--t2-brand)}
.t2.is-dark .fx-thx-meta span+span{color:var(--t2-muted)}
.t2.is-dark .fx-thx-f span{color:var(--t2-muted)}
.t2.is-dark .fx-thx-f b{color:var(--t2-ink)}
.t2.is-dark .fx-thx.is-compact{box-shadow:inset 0 0 0 4px var(--t2-line),inset 0 0 0 5px #EAD39C}
.t2.is-dark .fx-tpl-mail{background:var(--t2-surface)}
.t2.is-dark .fx-tpl-mail-bar{background:var(--t2-surface-2)}
.t2.is-dark .fx-tpl-mail-bar i{background:var(--t2-info-wash)}
.t2.is-dark .fx-tpl-wa{border:1px solid var(--t2-line)}
.t2.is-dark .fx-tpl-wa-h img{background:var(--t2-surface)}
.t2.is-dark .fx-tpl-wa-c{background:var(--t2-surface)}
.t2.is-dark .fx-tpl-wa-m{background:var(--t2-surface);color:var(--t2-ink)}
.t2.is-dark .fx-tpl-wa-m>b{color:var(--t2-ink)}
.t2.is-dark .fx-tpl-wa-ref{color:var(--t2-muted)}
.t2.is-dark .fx-tpl-wa-s{color:var(--t2-muted)}
.t2.is-dark .fx-tpl-wa-t{color:var(--t2-muted)}
.t2.is-dark .fx-sub{background:var(--t2-surface)}
.t2.is-dark .fx-sub-m{background:var(--t2-surface-2);color:var(--t2-muted)}
.t2.is-dark .fx-sub-i.is-now .fx-sub-m{background:var(--t2-surface);color:var(--t2-brand)}
.t2.is-dark .fx-sub-i.is-done{color:var(--t2-brand)}
.t2.is-dark .fx-rcpt-cut{background:var(--t2-surface)}
.t2.is-dark .fx-rcpt-cut::after{border-top:2px dashed var(--t2-line)}
.t2.is-dark .t2-pill.is-rf{background:var(--t2-warn-wash);color:var(--t2-warn)}
.t2.is-dark .fx-adm{background:var(--t2-surface)}
.t2.is-dark .fx-adm>span{color:var(--t2-warn)}
.t2.is-dark .fx-op.is-refund{background:var(--t2-surface)}
.t2.is-dark .fx-rcl{background:var(--t2-surface);box-shadow:0 2px 0 var(--t2-line),0 8px 18px rgba(11,35,73,.05)}
.t2.is-dark .fx-rcl:hover{box-shadow:0 2px 0 var(--t2-line),0 14px 24px rgba(11,35,73,.09)}
.t2.is-dark .fx-rcl.is-void .fx-rcl-v b{color:var(--t2-muted)}
.t2.is-dark .fx-doc-void{background:var(--t2-warn-wash);color:var(--t2-warn)}
.t2.is-dark .fx-doc-stamp.is-void{color:var(--t2-warn)}
.t2.is-dark .fx-rfq{background:var(--t2-surface);color:var(--t2-warn)}
.t2.is-dark .fx-rfq.is-wait{background:var(--t2-surface-2)}
.t2.is-dark .qd{background:var(--t2-surface);color:var(--t2-ink)}
.t2.is-dark .qd-brand b{color:var(--t2-info)}
.t2.is-dark .qd-brand span{color:var(--t2-muted)}
.t2.is-dark .qd-title h2{color:var(--t2-info)}
.t2.is-dark .qd-m{border:1px solid var(--t2-line)}
.t2.is-dark .qd-m small{color:var(--t2-muted)}
.t2.is-dark .qd-m b{color:var(--t2-ink)}
.t2.is-dark .qd-c{border:1px solid var(--t2-line);background:var(--t2-surface)}
.t2.is-dark .qd-ch{border-bottom:1px solid var(--t2-line)}
.t2.is-dark .qd-ch h3{color:var(--t2-info)}
.t2.is-dark .qd-r{border-bottom:1px solid var(--t2-line)}
.t2.is-dark .qd-r span{color:var(--t2-muted)}
.t2.is-dark .qd-r b{color:var(--t2-ink)}
.t2.is-dark .qd-plan th{color:var(--t2-muted);border-bottom:1px solid var(--t2-line)}
.t2.is-dark .qd-plan td{border-bottom:1px solid var(--t2-line)}
.t2.is-dark .qd-exec b{color:var(--t2-info)}
.t2.is-dark .qd-exec span{color:var(--t2-muted)}
.t2.is-dark .qd-c.is-gold .qd-ch{background:var(--t2-surface)}
.t2.is-dark .qd-c.is-gold h3{color:var(--t2-warn)}
.t2.is-dark .qd-note{color:var(--t2-muted)}
.t2.is-dark .qd-f{color:var(--t2-muted)}
.t2.is-dark .qd-f span:first-child{color:var(--t2-ink)}
.t2.is-dark .qd-stamp.is-accepted{color:var(--t2-brand)}
.t2.is-dark .qd-stamp.is-rejected,.t2.is-dark .qd-stamp.is-expired{color:var(--t2-danger)}
.t2.is-dark .qd-stamp.is-mod{color:var(--t2-warn)}
.t2.is-dark .qd-stamp.is-replaced{color:var(--t2-warn)}
.t2.is-dark .qp{background:var(--t2-surface)}
.t2.is-dark .qp-sum{background:var(--t2-surface-2);color:var(--t2-muted)}
.t2.is-dark .qp-sum b{color:var(--t2-brand)}
.t2.is-dark .qv.is-ok{background:var(--t2-surface-2)}
.t2.is-dark .qv.is-miss{background:var(--t2-surface-2)}
.t2.is-dark .qx-h{background:var(--t2-surface-2);color:var(--t2-muted)}
.t2.is-dark .qx-r{border-top:1px solid var(--t2-line)}
.t2.is-dark .qx-r span{color:var(--t2-muted)}
.t2.is-dark .qx-r.is-ch{background:var(--t2-surface-2)}
.t2.is-dark .qx-r.is-ch .qx-b{color:var(--t2-warn)}
.t2.is-dark .qx-n{border-top:1px solid var(--t2-line)}
.t2.is-dark .qc{background:var(--t2-surface);box-shadow:0 2px 0 var(--t2-line),0 8px 18px rgba(11,35,73,.05)}
.t2.is-dark .qc-t b em{color:var(--t2-warn)}
.t2.is-dark .qd-dl{border:1px dashed var(--t2-line);background:var(--t2-surface-2)}
.t2.is-dark .qd-svc td{border-bottom:1px solid var(--t2-line);color:var(--t2-ink)}
.t2.is-dark .qd-svc td small{color:var(--t2-muted)}
.t2.is-dark .qd-svc tr.is-main td{background:var(--t2-surface-2)}
.t2.is-dark .qd-svc tbody tr:nth-child(even):not(.is-main) td{background:var(--t2-surface-2)}
.t2.is-dark .qd-svc tfoot td{background:var(--t2-surface-2);color:var(--t2-info)}
.t2.is-dark .qd-svc-n{color:var(--t2-muted)}
.t2.is-dark .qd-sum{border-top:1px solid var(--t2-line)}
.t2.is-dark .qd-sum-r{border-bottom:1px solid var(--t2-line)}
.t2.is-dark .qd-sum-r span{color:var(--t2-muted)}
.t2.is-dark .qd-sum-r b{color:var(--t2-ink)}
.t2.is-dark .qd-sum-r.is-minus b{color:var(--t2-brand)}
.t2.is-dark .qd-pk{background:var(--t2-surface-2);border-bottom:1px solid var(--t2-line)}
.t2.is-dark .qd-pk>div{background:var(--t2-surface);box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .qd-pk small{color:var(--t2-muted)}
.t2.is-dark .qd-pk b{color:var(--t2-info)}
.t2.is-dark .qd-pl tbody tr.is-first td{background:var(--t2-surface-2)}
.t2.is-dark .qd-pl tbody tr.is-first td:nth-child(4){color:var(--t2-warn)}
.t2.is-dark .qd{background:var(--t2-surface);box-shadow:0 24px 50px rgba(11,35,73,.14),0 0 0 1px var(--t2-line)}
.t2.is-dark .qd-logo{background:var(--t2-surface)}
.t2.is-dark .qd-to-c{background:var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line),0 8px 18px rgba(11,35,73,.05)}
.t2.is-dark .qd-to-c small{color:var(--t2-warn)}
.t2.is-dark .qd-to-c b{color:var(--t2-ink)}
.t2.is-dark .qd-to-c span{color:var(--t2-muted)}
.t2.is-dark .qd-m{background:var(--t2-surface);box-shadow:0 2px 0 var(--t2-line)}
.t2.is-dark .qd-c{box-shadow:0 2px 0 var(--t2-line),0 10px 22px rgba(11,35,73,.04)}
.t2.is-dark .qd-ch{background:var(--t2-surface);border-bottom:1px solid var(--t2-line)}
.t2.is-dark .qd-ch small{color:var(--t2-muted)}
.t2.is-dark .qd-fact{border-inline-start:1px solid var(--t2-line)}
.t2.is-dark .qd-fact small{color:var(--t2-muted)}
.t2.is-dark .qd-fact b{color:var(--t2-ink)}
.t2.is-dark .qd-fact.is-name b{color:var(--t2-info)}
.t2.is-dark .qd-svc tfoot tr td{background:var(--t2-surface);border-top:1px solid var(--t2-line);color:var(--t2-muted)}
.t2.is-dark .qd-svc tfoot tr td:last-child{color:var(--t2-ink)}
.t2.is-dark .qd-svc tfoot tr.is-sub td{border-top:2px solid var(--t2-line);background:var(--t2-surface-2)}
.t2.is-dark .qd-svc tfoot tr.is-minus td:last-child{color:var(--t2-brand)}
.t2.is-dark .qd-tg{border:1px solid var(--t2-line);background:var(--t2-surface)}
.t2.is-dark .qd-tg>header{background:var(--t2-surface);border-bottom:1px solid var(--t2-line)}
.t2.is-dark .qd-tg>header b{color:var(--t2-info)}
.t2.is-dark .qd-tg li{border-bottom:1px dashed var(--t2-line)}
.t2.is-dark .qd-tg li p{color:var(--t2-muted)}
.t2.is-dark .qd-tg li p b{color:var(--t2-ink)}
.t2.is-dark .qd-tg:last-child{background:var(--t2-surface);border-color:var(--t2-line)}
.t2.is-dark .qd-tg:last-child>header b{color:var(--t2-brand)}
.t2.is-dark .qd-f{background:var(--t2-surface)}
.t2.is-dark .qd-f div b{color:var(--t2-ink)}
.t2.is-dark .qd-f div span{color:var(--t2-muted)}
.t2.is-dark .qd-f em{color:var(--t2-warn)}
.t2.is-dark .qp-agree{background:var(--t2-surface-2);color:var(--t2-muted)}
.t2.is-dark .qp-agree.is-miss{background:var(--t2-surface-2)}
#pv-host.is-app .t2.is-dark .qd-fact{border-top:1px solid var(--t2-line)}
#pv-host.is-app .t2.is-dark .qd-tg li:nth-last-child(2):nth-child(odd){border-bottom:1px dashed var(--t2-line)}
.t2.is-dark .qcd-u b{background:var(--t2-surface);color:var(--t2-ink)}
.t2.is-dark .qcd.is-low .qcd-u b{background:var(--t2-surface-2);color:var(--t2-danger)}
.t2.is-dark .qcd.is-sm i{color:var(--t2-warn)}
.t2.is-dark .qcd.is-sm .qcd-u b{box-shadow:0 2px 0 var(--t2-line);background:var(--t2-surface-2)}
.t2.is-dark .qcd.is-sm .qcd-u small{color:var(--t2-muted)}
.t2.is-dark .qd-recv{background:var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line)}
.t2.is-dark .qd-recv small{color:var(--t2-muted)}
.t2.is-dark .qd-recv b{color:var(--t2-brand)}
.t2.is-dark .qd-recv span{color:var(--t2-muted)}
.t2.is-dark .qc-t .qcd.is-sm .qcd-u small{color:var(--t2-muted)}
.t2.is-dark .qc-t .qcd.is-sm .qcd-u b{color:var(--t2-ink)}
.t2.is-dark .t2-grid.fx-rgrid>.fx-rv.is-all{background:var(--t2-surface)}
.t2.is-dark .fx-rv.is-ok .fx-vc-n b,.t2.is-dark .fx-rv.is-ok .fx-vc-h b{color:var(--t2-brand)}
.t2.is-dark .fx-rv.is-warn .fx-vc-n b,.t2.is-dark .fx-rv.is-warn .fx-vc-h b{color:var(--t2-warn)}
.t2.is-dark .fx-rv.is-danger .fx-vc-n b,.t2.is-dark .fx-rv.is-danger .fx-vc-h b{color:var(--t2-danger)}
.t2.is-dark .fx-rv.is-info .fx-vc-n b,.t2.is-dark .fx-rv.is-info .fx-vc-h b{color:var(--t2-info)}
.t2.is-dark .fx-rbody.is-ok{background:var(--t2-surface)}
.t2.is-dark .fx-rbody.is-warn{background:var(--t2-surface)}
.t2.is-dark .fx-rbody.is-danger{background:var(--t2-surface)}
.t2.is-dark .fx-rbody.is-info{background:var(--t2-surface)}
.t2.is-dark .st-flow-i{background:var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line),0 6px 14px -10px rgba(10,31,68,.3)}
.t2.is-dark .st-flow-i:not(:last-child)::after{background:var(--t2-info-wash)}
.t2.is-dark .st-flow-n{background:var(--t2-surface-2);color:var(--t2-muted)}
.t2.is-dark .st-flow-i.is-done{background:var(--t2-surface)}
.t2.is-dark .st-flow-i.is-now{background:var(--t2-surface)}
.t2.is-dark .st-agree{background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .st-agree.is-miss{background:var(--t2-surface-2)}
.t2.is-dark .st-tw{box-shadow:0 0 0 1px var(--t2-line)}
.t2.is-dark .st-t td{border-top:1px solid var(--t2-line)}
.t2.is-dark .st-t tbody tr:nth-child(even) td{background:var(--t2-surface)}
.t2.is-dark .st-t tfoot td{background:var(--t2-surface-2)}
.t2.is-dark .st-empty{background:var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line)}
.t2.is-dark .st-done{background:var(--t2-surface)}
.t2.is-dark .st-done-h b{color:var(--t2-brand)}
.t2.is-dark .st-done-f{background:var(--t2-surface-2);border:1px dashed var(--t2-line)}
.t2.is-dark .nsc{background:var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line),0 8px 18px -14px rgba(10,31,68,.35)}
.t2.is-dark .nsc:hover{box-shadow:0 0 0 1px var(--t2-line),0 14px 24px -14px rgba(10,31,68,.4)}
.t2.is-dark .nsc.is-all{background:var(--t2-surface)}
.t2.is-dark .nsc-f{border-top:1px dashed var(--t2-line)}
.t2.is-dark .nsc-go{background:var(--t2-surface-2);color:var(--t2-ink)}
.t2.is-dark .nh{background:var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line)}
.t2.is-dark .nh-t>div>span{color:var(--t2-warn)}
.t2.is-dark .nr-gh small{background:var(--t2-surface-2);color:var(--t2-muted)}
.t2.is-dark .nr{background:var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line)}
.t2.is-dark .nr.is-unread{background:var(--t2-surface)}
.t2.is-dark .nr-k,.t2.is-dark .nr-s{background:var(--t2-surface-2);color:var(--t2-muted)}
.t2.is-dark .nr-k.is-danger{background:var(--t2-surface-2);color:var(--t2-danger)}
.t2.is-dark .nr-k.is-warn{background:var(--t2-warn-wash);color:var(--t2-warn)}
.t2.is-dark .nr-k.is-ok{background:var(--t2-surface-2);color:var(--t2-brand)}
.t2.is-dark .nr-k.is-info{background:var(--t2-surface-2);color:var(--t2-info)}
.t2.is-dark .nr-x{background:var(--t2-surface-2)}
.t2.is-dark .nr-nx{color:var(--t2-brand)}
.t2.is-dark .nr-k.is-off{background:var(--t2-surface-2);color:var(--t2-muted)}
.t2.is-dark .mt-h{background:var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line)}
.t2.is-dark .mt-st{background:var(--t2-surface-2);color:var(--t2-muted)}
.t2.is-dark .mt-st.is-ok{background:var(--t2-surface-2);color:var(--t2-brand)}
.t2.is-dark .mt-st.is-warn{background:var(--t2-warn-wash);color:var(--t2-warn)}
.t2.is-dark .mt-st.is-info{background:var(--t2-surface-2);color:var(--t2-info)}
.t2.is-dark .mt-req{background:var(--t2-surface-2);color:var(--t2-ink)}
.t2.is-dark .mt-c{background:var(--t2-surface)}
.t2.is-dark .mt-m.is-staff .mt-av{background:var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line)}
.t2.is-dark .mt-bub{background:var(--t2-surface)}
.t2.is-dark .mt-m.is-staff .mt-who b{color:var(--t2-brand)}
.t2.is-dark .mt-m.is-staff .mt-file{background:var(--t2-surface-2);color:var(--t2-ink)}
.t2.is-dark .mt-r{background:var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line)}
.t2.is-dark .rq-f{background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .rq-f.is-navy{background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .rq-f.is-navy b{color:var(--t2-info)}
.t2.is-dark .rq-f.is-teal{background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .rq-f.is-teal b{color:var(--t2-brand)}
.t2.is-dark .rq-f.is-gold{background:var(--t2-surface-2)}
.t2.is-dark .rq-f.is-gold b{color:var(--t2-warn)}
.t2.is-dark .rq-f.is-saffron{background:var(--t2-surface-2)}
.t2.is-dark .rq-f.is-saffron b{color:var(--t2-warn)}
.t2.is-dark .rq-f.is-sky{background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .rq-dt{background:var(--t2-surface-2);color:var(--t2-brand);box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .fx-card-t .rq-dt,.t2.is-dark .fx-card-t .rq-dt bdi{color:var(--t2-brand)}
.t2.is-dark .mg-cnt{background:var(--t2-surface-2);color:var(--t2-brand)}
.t2.is-dark .mg-card{background:var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line),0 8px 18px -14px rgba(10,31,68,.35)}
.t2.is-dark .mg-card.is-on{background:var(--t2-surface)}
.t2.is-dark .mg-chk{box-shadow:inset 0 0 0 2px var(--t2-line);background:var(--t2-surface)}
.t2.is-dark .mg-card-f>span{background:var(--t2-surface-2)}
.t2.is-dark .mg-card-f>span:first-child b{color:var(--t2-warn)}
.t2.is-dark .mg-card .st-pill{background:var(--t2-surface-2)}
.t2.is-dark .mg-card .st-pill.is-ok{background:var(--t2-surface-2);color:var(--t2-brand)}
.t2.is-dark .mg-card .st-pill.is-warn{background:var(--t2-warn-wash);color:var(--t2-warn)}
.t2.is-dark .mg-card .st-pill.is-danger{background:var(--t2-surface-2);color:var(--t2-danger)}
.t2.is-dark .st-t td.is-tbd{color:var(--t2-warn)}
.t2.is-dark .nh-seg{background:var(--t2-surface-2)}
.t2.is-dark .nh-seg-i b{background:var(--t2-surface-2)}
.t2.is-dark .nh-seg-i.is-on{background:var(--t2-surface);color:var(--t2-ink)}
.t2.is-dark .rq-f.is-red{background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .rq-f.is-red b{color:var(--t2-danger)}
.t2.is-dark .tm .mb-pts{background:var(--t2-surface-2);color:var(--t2-ink)}
.t2.is-dark .tm .mb-pts .eyebrow{color:var(--t2-warn)}
.t2.is-dark .tm .mb-pts-g>div{background:var(--t2-surface)}
.t2.is-dark .tm .mb-pts-g small{color:var(--t2-warn)}
.t2.is-dark .tm .mb-pts-g b{color:var(--t2-ink)}
.t2.is-dark .tm .mb-pts-g b em{color:var(--t2-warn)}
.t2.is-dark .tm .mb-pts-g b.is-ok{color:var(--t2-brand)}
.t2.is-dark .qk-i{background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .qk-i:hover{box-shadow:inset 0 0 0 1px var(--t2-line),0 10px 20px -14px rgba(10,31,68,.4);background:var(--t2-surface)}
.t2.is-dark .mg-pager{background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .mb-toast{background:var(--t2-surface-2);color:var(--t2-brand)}
.t2.is-dark .pt-plus{color:var(--t2-brand)}
.t2.is-dark .ov-b{background:var(--t2-surface)}
.t2.is-dark .otp{background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.is-dark .otp-i{background:var(--t2-surface);box-shadow:inset 0 0 0 1.5px var(--t2-line);color:var(--t2-ink)}
.t2.is-dark .otp-f b{color:var(--t2-ink)}
.t2.is-dark .pw-r li{background:var(--t2-surface-2);color:var(--t2-muted)}
.t2.is-dark .pw-r li.is-ok{background:var(--t2-surface-2);color:var(--t2-brand)}
.t2.is-dark .t2-input.is-ro{background:var(--t2-surface-2);color:var(--t2-muted)}
.t2.is-dark .pf-wa{background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line);color:var(--t2-brand)}
.t2.is-dark .lv-map{background:var(--t2-surface)}
.t2.is-dark .lv-docv{background:var(--t2-surface-2)}
.t2.is-dark .lv-docv small{color:var(--t2-muted)}
.t2.is-dark .lv-who .t2-hwho-r{color:var(--t2-brand)}
.t2.is-dark .mt-m.is-note .mt-bub{background:var(--t2-surface-2)}
.t2.is-dark .tl-i.is-part .tl-n{color:var(--t2-info)}
.t2.is-dark .fx-prov-img,.t2.is-dark .fx-gwb-h .fx-prov-img{background:var(--t2-surface)}
.t2.is-dark .fx-mark,.t2.is-dark .fx-mark.is-img{background:var(--t2-surface)}
.t2.is-dark .fx-osum-lg{background:var(--t2-surface)}
.t2.is-dark .nd-del:hover{color:var(--t2-danger)}
.t2.is-dark .nd-ok{color:var(--t2-brand)}
.t2.is-dark .nd-ib.is-del:hover{color:var(--t2-danger)}
.t2.is-dark .nd-saved{color:var(--t2-brand)}
.t2.is-dark .nd-cnt.is-ok{color:var(--t2-brand)}
.t2.is-dark .pr-img{background:var(--t2-surface-2)}
.t2.is-dark .q-pv img{background:var(--t2-surface-2)}
.t2.is-dark{filter:none!important;color-scheme:dark;background:var(--t2-bg)!important;color:var(--t2-ink);
--t2-bg:#0A1322;--t2-surface:#111C31;--t2-surface-2:#15233D;--t2-surface-3:#1B2C4B;--t2-input:#0E1829;--t2-elev:#14213A;
--t2-ink:#E8EEF8;--t2-ink-2:#C9D6EA;--t2-muted:#93A6C4;--t2-line:#24385B;--t2-line-2:#2F4870;
--t2-brand-wash:#0E3541;--t2-ok:#5EDBA9;--t2-ok-wash:#10342C;--t2-warn:#FFC861;--t2-warn-wash:#382A0F;--t2-danger:#FF8A80;--t2-danger-wash:#3B191C;--t2-info:#9CC1FF;--t2-info-wash:#14284A;
--t2-part:#8FA9EC;--t2-part-wash:#16264A;--t2-st-ok:#5EDBA9;--t2-st-warn:#FFC861;--t2-st-danger:#FF8A80;--t2-st-info:#9CC1FF;--t2-st-none:#93A6C4;--t2-st-none-bg:#15233D;--t2-st-none-line:#24385B;
--t2-sh-1:0 1px 2px rgba(0,0,0,.35);--t2-sh-2:0 10px 28px rgba(0,0,0,.4);--t2-sh-3:0 18px 44px rgba(0,0,0,.55);--b-sh:0 10px 28px -14px rgba(0,0,0,.6)}
.t2.is-dark img,.t2.is-dark .t2-tile,.t2.is-dark .mcard,.t2.is-dark .lux,.t2.is-dark .lx-hero{filter:none!important}
.t2.is-dark .t2-head,.t2.is-dark .t2-side,.t2.is-dark .t2-dock{background:var(--t2-surface)!important;border-color:var(--t2-line)!important}
.t2.is-dark .t2-hd-logo{filter:none!important;background:#fff;border-radius:10px;padding:3px 8px}
.t2.is-dark .t2-side-i.is-on{background:var(--t2-brand-wash)!important}
.t2.is-dark .t2-crumb-ol{background:var(--t2-surface)!important;border-color:var(--t2-line)!important;box-shadow:none!important}
.t2.is-dark .t2-side-l,.t2.is-dark .t2-dock-l{color:var(--t2-ink)}
.t2.is-dark .t2-input,.t2.is-dark .t2-cb-btn,.t2.is-dark textarea{background:var(--t2-input)!important;color:var(--t2-ink)!important;border-color:var(--t2-line-2)!important}
.t2.is-dark .t2-input::placeholder{color:#6F84A6}
.t2.is-dark .t2-cb-pop,.t2.is-dark .t2-dp-pop,.t2.is-dark .lv-whom,.t2.is-dark .ov-b{background:var(--t2-surface)!important;color:var(--t2-ink);border-color:var(--t2-line)!important}
.t2.is-dark .t2-cb-o:hover,.t2.is-dark .t2-cb-o.is-on{background:var(--t2-surface-3)!important}
.t2.is-dark .t2-pill{background:var(--t2-surface-3);color:var(--t2-ink-2)}
.t2.is-dark .t2-pill.is-ok{background:var(--t2-ok-wash);color:var(--t2-ok)}.t2.is-dark .t2-pill.is-warn{background:var(--t2-warn-wash);color:var(--t2-warn)}.t2.is-dark .t2-pill.is-danger{background:var(--t2-danger-wash);color:var(--t2-danger)}.t2.is-dark .t2-pill.is-info{background:var(--t2-info-wash);color:var(--t2-info)}
.t2.is-dark .t2-note.is-danger{background:var(--t2-danger-wash)!important;border-color:rgba(255,138,128,.35)!important}
.t2.is-dark .t2-note.is-warn{background:var(--t2-warn-wash)!important}.t2.is-dark .t2-note.is-info{background:var(--t2-info-wash)!important}.t2.is-dark .t2-note.is-ok{background:var(--t2-ok-wash)!important}
.t2.is-dark .t2-note-t,.t2.is-dark .t2-note-b{color:var(--t2-ink)!important}
.t2.is-dark .mb-toast{background:var(--t2-ok-wash);color:var(--t2-ok)}
.t2.is-dark .t2-empty{background:var(--t2-surface)!important;border-color:var(--t2-line-2)!important}
.t2.is-dark .t2-empty-i{background:var(--t2-surface-3)!important}
.t2.is-dark .lx-f{background:linear-gradient(160deg,var(--t2-surface),var(--t2-surface-2))!important}
.t2.is-dark .t2-table thead th{background:var(--t2-surface-3)!important;color:var(--t2-ink-2)!important}
.t2.is-dark .t2-table tbody td{color:var(--t2-ink)}
.t2.is-dark .otp,.t2.is-dark .otp-i{background:var(--t2-surface-2)!important;color:var(--t2-ink)!important;border-color:var(--t2-line-2)!important}
.t2.is-dark .mt-bub{background:var(--t2-surface-2)!important;color:var(--t2-ink)}.t2.is-dark .mt-m.is-me .mt-bub{background:var(--t2-brand-wash)!important}
.t2.is-dark .mt-m.is-note .mt-bub{background:var(--t2-warn-wash)!important}
.t2.is-dark .tk-main{background:var(--t2-surface)}.t2.is-dark .tk-stub::before,.t2.is-dark .tk-stub::after{background:var(--t2-bg)}
.t2.is-dark .lx-tile-ic .t2-tile,.t2.is-dark .lx-dt-ic .t2-tile{filter:none!important}
/* شعارات الشبكات والمحافظ (مدى · Visa · Mastercard · Apple Pay · Google Pay) على شريحة بيضاء في الوضع الليلي — عدا البطاقة المصوّرة الداكنة */
.t2.is-dark img[src^="data:image/svg"]:not(.t2-hd-logo):not(.fx-rc img):not(.fx-rc-net):not(.fx-prov-img):not(.fx-mark img):not(.fx-osum-lg):not(.t2-cb-oic img):not(.t2-cb-ic img):not(.fx-blogo img):not(.pay-marks img){background:#fff;border-radius:6px;padding:2px 4px;box-sizing:content-box}
.t2.is-dark .fx-blogo,.t2.is-dark .t2-cb-oic.is-logo,.t2.is-dark .t2-cb-ic.is-logo{background:#fff!important;border-radius:8px}
/* شريط الشعارات: شرائح بيضاء موحّدة الحجم في الوضعين — بلا حشو مضاعف */
.t2.is-dark .fx-mark.is-img,.t2.is-dark .fx-prov-img,.t2.is-dark .fx-osum-lg{background:#fff!important;border-color:transparent!important}
.t2.is-dark .fx-prov{color:var(--t2-ink-2)}
/* «ستدفع الآن» واضحة في الوضع الليلي */
.t2.is-dark .fx-osum-t,.t2.is-dark .fx-split>div.is-now{background:linear-gradient(135deg,rgba(45,212,191,.16),rgba(45,212,191,.06))!important;border:1px solid rgba(94,234,212,.38)!important}
.t2.is-dark .fx-osum-t span,.t2.is-dark .fx-split .is-now span{color:#8EEBDF!important}
.t2.is-dark .fx-osum-t b,.t2.is-dark .fx-split .is-now b,.t2.is-dark .fx-osum-t b span{color:#fff!important;-webkit-text-fill-color:#fff}
.t2.is-dark .fx-osum-t b small{color:#B9C9E0!important;-webkit-text-fill-color:#B9C9E0}
.t2.is-dark .fx-split>div{background:var(--t2-surface-2)!important;border-color:var(--t2-line-2)!important}
.t2.is-dark .fx-split b{color:var(--t2-ink)}
.t2.is-dark .t2-btn.is-primary{background:var(--t2-brand)!important;border-color:transparent!important;color:#fff!important}
.t2.is-dark .qp-bulk .t2-btn.is-primary{background:linear-gradient(180deg,#FFD27A,#F0A23A)!important;color:#3A2306!important}
.t2.is-dark .fx-hero-v small{color:#B9C9E0!important;-webkit-text-fill-color:#B9C9E0}
.t2.is-dark .fx-scl-pin b{background:#E8EEF8!important;color:#0A1F44!important}.t2.is-dark .fx-scl-pin::after{background:#E8EEF8}
.t2.is-dark .t2-nbadge{background:#E5484D!important;color:#fff!important}
.t2.is-dark .pt-tag{background:#FFC861!important;color:#3A2306!important}
.t2.is-dark .lx-tile small{color:#B9C9E0}
.t2.is-dark .pr-bulk{background:rgba(245,180,60,.08)!important;border-color:#2A3D5C!important;border-inline-start-color:#E8B44C!important}.t2.is-dark .pr-bulk span{color:#B9C9E0}
.t2.is-dark .pr-p{color:#8EEBDF}.t2.is-dark .pr-p.is-ask{color:#9FB2CF}.t2.is-dark .t2-card.is-on{border-color:#2DD4BF!important}
.t2.is-dark .pr-img,.t2.is-dark .q-pv img{background:#1C2E4A!important}.t2.is-dark .pr-rate{color:#F5C46B}.t2.is-dark .q-pv{background:var(--t2-surface)!important}
.t2.is-dark .nd-ok,.t2.is-dark .nd-cnt.is-ok,.t2.is-dark .nd-saved{background:rgba(52,211,153,.12)!important;color:#7EE2B8!important}.t2.is-dark .nd-e,.t2.is-dark .nd-s,.t2.is-dark .nd-ib{background:var(--t2-surface)!important}
.t2.is-dark .nd-n,.t2.is-dark .nd-cnt,.t2.is-dark .st-l li::before{background:rgba(45,212,191,.14)!important;color:#8EEBDF!important}
.t2.is-dark .nd,.t2.is-dark .sa-i{background:rgba(255,255,255,.03)!important}.t2.is-dark .nd-r,.t2.is-dark .st-l li{background:var(--t2-surface)!important}.t2.is-dark .nd-up{color:#8EEBDF}.t2.is-dark .sa-i span,.t2.is-dark .st-l span{color:#B9C9E0}
.t2.is-dark .q-price b{color:#8EEBDF}.t2.is-dark .q-price{background:rgba(45,212,191,.08)!important}
.t2.is-dark .sv-opt-tag{background:rgba(45,212,191,.12)!important;color:#8EEBDF!important}
.t2.is-dark .t2-doc.is-expired{border-color:#FF8A80!important;box-shadow:0 0 0 3px rgba(255,138,128,.14)!important}.t2.is-dark .lv-hc.is-expired{border-color:#FF8A80!important}
.t2.is-dark .fx-path-i.is-done .fx-path-m{background:var(--t2-brand)!important;border-color:var(--t2-brand)!important;color:#fff!important}
#pv-host.is-app .t2.is-dark .qd-fact:last-child b{color:#8EEBDF}
#pv-host.is-app .t2.is-dark .qc-go{background:rgba(45,212,191,.12)!important;color:#8EEBDF!important}.t2.is-dark .qc-t .qcd.is-sm .qcd-u b{color:var(--t2-ink)!important}
/* عرض السعر في الليلي: شريط الإجمالي بلونه، والرؤوس والبطاقات واضحة */
.t2.is-dark .qd{background:var(--t2-surface)!important;color:var(--t2-ink);box-shadow:0 0 0 1px var(--t2-line)!important}
.t2.is-dark .qd-svc th{background:#1D3F86!important;color:#fff!important}
.t2.is-dark .qd-svc tfoot tr.is-grand td{background:linear-gradient(90deg,#1D3F86,#16306A)!important;color:#fff!important}
.t2.is-dark .qd-svc tfoot tr.is-grand td:last-child,.t2.is-dark .qd-svc tfoot tr.is-grand td:nth-child(2){color:#FFE29A!important}
.t2.is-dark .qd-svc tfoot td{background:var(--t2-surface-2)!important;color:var(--t2-ink)!important}
.t2.is-dark .qd-pk{background:var(--t2-surface-2)!important;border-color:var(--t2-line)!important}.t2.is-dark .qd-pk>div{background:var(--t2-surface)!important;box-shadow:inset 0 0 0 1px var(--t2-line)!important}.t2.is-dark .qd-pk b{color:var(--t2-info)!important}
.t2.is-dark .qd-more{background:var(--t2-surface-2)!important;color:#8EEBDF!important;border-color:var(--t2-line)!important}
/* تسجيل الخروج: أحمر فاتح واضح في الوضع الليلي */
#pv-host.is-app .t2.is-dark.is-client .t2-dock-i[data-nav="logout"] .t2-dock-l,.t2.is-dark .t2-dock-i[data-nav="logout"] .t2-dock-l,.t2.is-dark .t2-hbtn.is-out{color:#FF9A90!important}
.t2.is-dark .t2-hbtn.is-out{border-color:rgba(255,138,128,.45)!important}
/* شريط شعارات الدفع: بلا تلاشٍ على الأطراف في الليلي حتى تبقى الشعارات واضحة */
.t2.is-dark .pay-marquee{-webkit-mask-image:none!important;mask-image:none!important}
.t2.is-dark .st-t td{color:var(--t2-ink)!important}.t2.is-dark .st-t td.is-tbd{color:var(--t2-warn)!important}
.t2.is-dark .st-agree.is-miss{border-color:#FF8A80!important;background:var(--t2-danger-wash)!important}
.t2.is-dark .t2-field.is-missing .t2-input,.t2.is-dark .t2-field.is-missing .t2-cb-btn,.t2.is-dark .t2-field.is-missing textarea{border-color:#FF8A80!important;box-shadow:0 0 0 3px rgba(255,138,128,.18)!important}
.t2.is-dark .pay-marks li{background:#fff!important;border-color:transparent!important;box-shadow:0 2px 10px rgba(0,0,0,.35)!important}
.t2.is-dark .rq-op.is-on{background:rgba(45,212,191,.10)!important;border-color:#2DD4BF!important}.t2.is-dark .rq-op.is-on .rq-op-r{border-color:#2DD4BF}
.t2.is-dark .app-dots i{background:#3A5277}.t2.is-dark .app-dots i.is-on{background:#2DD4BF}.t2.is-dark .app-dots .app-cnt{color:var(--t2-ink-2)}
.t2.is-dark .t2-crumb-a{color:var(--t2-ink-2)!important}
.t2.is-dark .fx-vcard.is-on,.t2.is-dark .fx-vcard[aria-expanded=true]{background:linear-gradient(180deg,rgba(45,212,191,.10),var(--t2-surface))!important;border-color:#2DD4BF!important;box-shadow:0 0 0 1px rgba(45,212,191,.35)!important}
.t2.is-dark .fx-vc-f{color:#8EEBDF!important}
.t2.is-dark .pt-dot bdi{text-shadow:0 1px 3px rgba(0,0,0,.75)}
.t2.is-dark .t2-cb-btn.t2-input,.t2.is-dark select.t2-input{background:var(--t2-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23C9D6EA' d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") no-repeat left 12px center/16px 16px!important}
.t2.is-dark .fx-pick-sum .fx-link{background:var(--t2-surface-3)!important;color:#8EEBDF!important;border-color:var(--t2-line-2)!important}
.t2.is-dark .fx-pick-sum{background:var(--t2-surface-2)!important;border-color:rgba(94,234,212,.45)!important}
.t2.is-dark .fx-pick-sum>b{color:#8EEBDF!important}
.t2.is-dark .fx-grpc-r.is-pk{background:transparent!important;color:var(--t2-ink-2)}
.t2.is-dark .fx-grpc-r.is-pk.is-on{background:rgba(45,212,191,.12)!important}
.t2.is-dark .fx-pk-box{background:var(--t2-surface)!important;border-color:var(--t2-line-2)!important}
.t2.is-dark .fx-grpc-r.is-pk.is-on .fx-pk-box{background:var(--t2-brand)!important;border-color:var(--t2-brand)!important}
/* ===== متجر تيرا: الواجهة والبطاقة وصفحة المنتج والمعرض والمقارنة ومختاراتي — الويب وتطبيق الجوال ===== */
/* البطاقة */
.pr-grid.pr-grid.is-pc{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:20px}
.pc.pc{position:relative;container:pc/inline-size;display:flex;flex-direction:column;gap:12px;min-width:0;padding:10px 10px 14px;border-radius:22px;border:1px solid var(--t2-line);background:var(--t2-surface);box-shadow:0 1px 2px rgba(10,31,68,.05);cursor:pointer;transition:box-shadow .35s var(--t2-ease-out),transform .35s var(--t2-ease-out),border-color .35s}
.pc.pc:hover{box-shadow:0 22px 44px -18px rgba(10,31,68,.28),0 2px 6px rgba(10,31,68,.06);border-color:transparent}
.pc.pc:has(:focus-visible){outline:3px solid var(--t2-brand);outline-offset:2px}
.pc-media.pc-media{position:relative;aspect-ratio:1/1;border-radius:16px;background:radial-gradient(120% 90% at 50% 18%,#FFFFFF 0%,#F2F6FB 55%,#E3EBF5 100%);display:grid;place-items:center;overflow:hidden;isolation:isolate}
.pc-img.pc-img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;animation:pcFloat 6.5s ease-in-out infinite;animation-delay:var(--d,0s);transition:transform .6s var(--t2-ease-out)}
.pc.pc:hover .pc-img{animation-play-state:paused;transform:scale(1.07)}
@keyframes pcFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}
.pc-shine.pc-shine{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);transform:translateX(120%);transition:none}
.pc.pc:hover .pc-shine{transform:translateX(-120%);transition:transform 1s var(--t2-ease-out)}
.pc-media.pc-media>.t2-tile{width:46%;height:auto}
.pc-badge.pc-badge{position:absolute;top:10px;inset-inline-start:10px;z-index:2;padding:3px 10px;border-radius:999px;font:700 .72rem/1.4 var(--t2-ff-display);background:linear-gradient(135deg,#0B2349,#1D3F86);color:#fff;box-shadow:0 4px 10px rgba(10,31,68,.25)}
.pc-badge.pc-badge.is-new{background:linear-gradient(135deg,#0AA5AD,#067A82)}
.pc-badge.pc-badge.is-prev{background:rgba(255,255,255,.92);color:var(--t2-navy);box-shadow:inset 0 0 0 1px var(--t2-line)}
.pc-badge.pc-badge.is-inline{position:static;box-shadow:none}
.pc-fav.pc-fav{position:absolute;top:4px;inset-inline-end:4px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--t2-ink-2);cursor:pointer}
.pc-fav.pc-fav::before{content:"";position:absolute;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(10,31,68,.16);backdrop-filter:blur(6px)}
.pc-fav.pc-fav svg{position:relative;transition:transform .3s var(--t2-ease-out)}
.pc-fav.pc-fav:hover svg{transform:scale(1.15)}
.pc-fav.pc-fav.is-on{color:#E0475B}
.pc-fav.pc-fav.is-on svg{animation:favPop .45s var(--t2-ease-out)}
@keyframes favPop{0%{transform:scale(.6)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.pc-fav.pc-fav:focus-visible{outline:3px solid var(--t2-brand);outline-offset:-4px;border-radius:50%}
.pc-cmp.pc-cmp{position:absolute;bottom:8px;inset-inline-end:8px;z-index:2;display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 10px;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:var(--t2-ink-2);font:700 .72rem/1 var(--t2-ff-display);box-shadow:0 2px 8px rgba(10,31,68,.14);cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.pc.pc:hover .pc-cmp,.pc-cmp.pc-cmp.is-on,.pc-cmp.pc-cmp:focus-visible{opacity:1;transform:none}
.pc-cmp.pc-cmp.is-on{background:var(--t2-navy);color:#fff}
.pc-cmp.pc-cmp:focus-visible{outline:3px solid var(--t2-brand);outline-offset:2px}
.pc-b.pc-b{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;padding-inline:4px}
.pc-top.pc-top{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.pc-brand.pc-brand{font:700 .7rem/1.4 var(--t2-ff-text);color:var(--t2-brand-3);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.pc-rate.pc-rate{display:inline-flex;align-items:center;gap:3px;min-width:0;font:500 .72rem/1.4 var(--t2-ff-text);color:var(--t2-muted);white-space:nowrap;overflow:hidden}
.pc-rate.pc-rate>.t2-ui-ic{color:#F2A516;flex:none}
.pc-rate.pc-rate b{font-weight:800;color:var(--t2-ink)}
.pc-rate.pc-rate.is-new{color:var(--t2-brand-3);font-weight:700}
.pc-rate.pc-rate.is-new .t2-ui-ic{color:var(--t2-brand)}
.pc-rate.pc-rate.is-big{gap:6px;font-size:.84rem;overflow:visible;flex-wrap:wrap;white-space:normal}
.pc-rate.pc-rate.is-big b{font-size:.95rem}
.pc-t.pc-t{all:unset;box-sizing:border-box;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em;font:700 .95rem/1.45 var(--t2-ff-display);color:var(--t2-ink);cursor:pointer}
.pc-t.pc-t:hover{color:var(--t2-brand-3)}
.pc-t.pc-t:focus-visible{outline:2px solid var(--t2-brand);outline-offset:2px;border-radius:4px}
.pc-attrs.pc-attrs{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.pc-chip.pc-chip{max-width:100%;padding:2px 8px;border-radius:8px;background:var(--t2-surface-2);font:500 .72rem/1.6 var(--t2-ff-text);color:var(--t2-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-cols.pc-cols{display:flex;align-items:center;gap:6px;font:500 .72rem/1.4 var(--t2-ff-text);color:var(--t2-muted)}
.pc-dots.pc-dots{display:inline-flex}
.pc-dots.pc-dots i{width:14px;height:14px;margin-inline-start:-3px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px var(--t2-surface),inset 0 0 0 1px rgba(10,31,68,.2)}
.pc-dots.pc-dots i:first-child{margin-inline-start:0}
.pc-dots.pc-dots i.is-clear{background:repeating-linear-gradient(45deg,#fff 0 3px,#DCE4EF 3px 6px)}
.pc-foot.pc-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.pc-pr.pc-pr{display:grid;min-width:0}
.pc-pr.pc-pr small{font:500 .7rem/1.4 var(--t2-ff-text);color:var(--t2-muted)}
.pc-pr.pc-pr b{font:800 1.08rem/1.35 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.pc-pr.pc-pr .pc-cur{font-size:.72em;font-weight:700;color:var(--t2-ink-2)}
.pc-pr.pc-pr.is-ask b{font-size:.92rem;color:var(--t2-navy-3,#1D3F78)}
.pc-pr.pc-pr s{font:500 .76rem/1.3 var(--t2-ff-text);color:var(--t2-muted)}
.pc-add.pc-add{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 14px;border:0;border-radius:14px;background:linear-gradient(135deg,#0AA5AD,#067A82);color:#fff;font:700 .82rem/1 var(--t2-ff-display);box-shadow:0 8px 18px -8px rgba(6,122,130,.7);cursor:pointer;transition:transform .2s,box-shadow .2s}
.pc-add.pc-add:hover{transform:translateY(-1px);box-shadow:0 12px 22px -8px rgba(6,122,130,.8)}
.pc-add.pc-add:active{transform:scale(.96)}
.pc-add.pc-add:focus-visible{outline:3px solid var(--t2-brand);outline-offset:2px}
.pc-add.pc-add.is-soon{background:var(--t2-surface-2);color:var(--t2-ink);box-shadow:inset 0 0 0 1px var(--t2-line)}
.pc-add.pc-add.is-sm{height:36px;padding:0 10px;font-size:.76rem;border-radius:12px}
@container pc (max-width:190px){.pc-add.pc-add span{display:none}.pc-add.pc-add{padding:0;width:44px}.pc-rate.pc-rate span{display:none}.pc-dots.pc-dots{display:none}}
.pc-av.pc-av{display:inline-flex;align-items:center;gap:6px;font:700 .78rem/1.4 var(--t2-ff-text);color:var(--t2-ok)}
.pc-av.pc-av::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}
.pc-av.pc-av.is-warn{color:var(--t2-warn,#B9690F)}
/* ظهور البطاقات */
.pc.pc.is-pre:not(.is-in){opacity:0;transform:translateY(16px)}
.pc.pc.is-pre.is-in{transition:opacity .6s var(--t2-ease-out) var(--in,0ms),transform .6s var(--t2-ease-out) var(--in,0ms),box-shadow .35s,border-color .35s}
#pv-host.is-app.is-app .pr-grid.is-pc{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#pv-host.is-app.is-app .pc{padding:6px 6px 10px;gap:8px;border-radius:18px}
#pv-host.is-app.is-app .pc-media{border-radius:14px}
#pv-host.is-app.is-app .pc-b{gap:6px;padding-inline:4px}
#pv-host.is-app.is-app .pc-t{font-size:.84rem}
#pv-host.is-app.is-app .pc-pr b{font-size:.95rem}
#pv-host.is-app.is-app .pc-cmp{opacity:1;transform:none;min-height:28px;padding:0 8px}
#pv-host.is-app.is-app .pc-cmp span{display:none}
#pv-host.is-app.is-app .pc:hover{transform:none}
.is-app.is-app .app-row.pr-grid.is-pc{grid-auto-columns:46%;gap:12px}
/* واجهة المتجر */
.st.st{display:grid;gap:20px;min-width:0}
.sh.sh{position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(60% 90% at 85% 10%,rgba(10,165,173,.35),transparent 60%),radial-gradient(50% 80% at 10% 100%,rgba(255,200,97,.22),transparent 60%),linear-gradient(135deg,#071631 0%,#0B2349 55%,#123468 100%);color:#fff;isolation:isolate;touch-action:pan-y;user-select:none}
.sh-track.sh-track{display:grid}
.sh-slide.sh-slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:center;gap:24px;min-height:20rem;padding:36px 40px 64px;opacity:0;visibility:hidden;transition:opacity .8s var(--t2-ease-out),visibility .8s}
.sh-slide.sh-slide.is-on{opacity:1;visibility:visible}
.sh-orb.sh-orb{position:absolute;inset-inline-start:6%;top:50%;width:min(24rem,44%);aspect-ratio:1;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(95,214,210,.35),transparent 65%);filter:blur(10px);z-index:-1}
.sh-tx.sh-tx{display:grid;gap:10px;justify-items:start;min-width:0}
.sh-eye.sh-eye{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:rgba(255,200,97,.16);color:#FFD27A;font:700 .78rem/1.4 var(--t2-ff-display)}
.sh-brand.sh-brand{font:700 .8rem/1 var(--t2-ff-text);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.sh-t.sh-t{margin:0;font:800 clamp(1.5rem,3.2vw,2.4rem)/1.25 var(--t2-ff-display);color:#fff;text-wrap:balance}
.sh-d.sh-d{margin:0;max-width:34rem;font:500 .95rem/1.7 var(--t2-ff-text);color:rgba(255,255,255,.78)}
.sh-a.sh-a{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px}
.sh-a.sh-a .t2-btn{min-height:48px;padding-inline:20px;background:#fff;color:var(--t2-navy);border-color:#fff}
.sh-a.sh-a .t2-btn:hover{background:#E6F7F7}
.sh-pr.sh-pr{font:700 .95rem/1.4 var(--t2-ff-display);color:#fff}
.sh-im.sh-im{justify-self:center;width:min(100%,19rem);aspect-ratio:1;border-radius:32px;overflow:hidden;background:#F2F6FB;box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12);transform:rotate(-3deg)}
.sh-im.sh-im img{width:100%;height:100%;object-fit:cover}
.sh-slide.sh-slide.is-on .sh-im{animation:shIn 1s var(--t2-ease-out) both,shFloat 7s ease-in-out 1s infinite}
.sh-slide.sh-slide.is-on .sh-tx>*{animation:shUp .8s var(--t2-ease-out) both}
.sh-slide.sh-slide.is-on .sh-tx>:nth-child(2){animation-delay:.06s}.sh-slide.sh-slide.is-on .sh-tx>:nth-child(3){animation-delay:.12s}.sh-slide.sh-slide.is-on .sh-tx>:nth-child(4){animation-delay:.18s}.sh-slide.sh-slide.is-on .sh-tx>:nth-child(5){animation-delay:.24s}
@keyframes shIn{from{opacity:0;transform:rotate(-8deg) scale(.9) translateY(20px)}to{opacity:1;transform:rotate(-3deg)}}
@keyframes shFloat{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-10px)}}
@keyframes shUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.sh-nav.sh-nav{position:absolute;inset-inline:0;bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px}
.sh-arrow.sh-arrow{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.sh-arrow.sh-arrow:hover{background:rgba(255,255,255,.18)}
.sh-dots.sh-dots{display:flex;gap:4px}
.sh-dots.sh-dots button{display:grid;place-items:center;width:24px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.sh-dots.sh-dots i{display:block;width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.35);transition:width .4s var(--t2-ease-out),background .4s}
.sh-dots.sh-dots .is-on i{width:22px;background:#FFC861}
.sh.sh :focus-visible{outline:3px solid #5FD6D2;outline-offset:2px}
.st-bar.st-bar{display:grid;gap:12px;min-width:0}
.st-search.st-search{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:16px;border:1px solid var(--t2-line);background:var(--t2-input,#fff);color:var(--t2-muted);box-shadow:0 1px 2px rgba(10,31,68,.05);transition:border-color .2s,box-shadow .2s}
.st-search.st-search:focus-within{border-color:var(--t2-brand);box-shadow:var(--t2-ring)}
.t2.t2 .st-search-i{flex:1;min-width:0;height:50px;padding:0;border:0;background:none;box-shadow:none;outline:none;font:500 .95rem/1 var(--t2-ff-text);color:var(--t2-ink)}
.st-search-i.st-search-i::-webkit-search-cancel-button{display:none}
.st-search-x.st-search-x{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--t2-surface-2);color:var(--t2-ink-2);cursor:pointer}
.st-chips.st-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px;scroll-snap-type:x proximity}
.st-chips.st-chips::-webkit-scrollbar{display:none}
.st-chip.st-chip{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 16px;border-radius:999px;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-ink);font:700 .84rem/1 var(--t2-ff-display);cursor:pointer;scroll-snap-align:start;transition:background .2s,border-color .2s,color .2s}
.st-chip.st-chip:hover{border-color:var(--t2-brand)}
.st-chip.st-chip.is-on{background:var(--t2-navy);border-color:var(--t2-navy);color:#fff}
.st-chip.st-chip small{padding:2px 7px;border-radius:999px;background:var(--t2-surface-2);color:var(--t2-muted);font:700 .7rem/1.3 var(--t2-ff-text)}
.st-chip.st-chip.is-on small{background:rgba(255,255,255,.16);color:#fff}
.st-chip-ic.st-chip-ic .t2-tile{width:24px;height:27px;display:block}
.st-chips.st-chips.is-sub .st-chip{min-height:38px;font-size:.8rem;font-weight:600}
.st-chips.st-chips.is-sub .st-chip.is-on{background:var(--t2-brand-wash);border-color:var(--t2-brand);color:var(--t2-brand-3)}
.st-chips.st-chips.is-sub .st-chip.is-on small{background:var(--t2-surface);color:var(--t2-brand-3)}
.st-chip.st-chip:focus-visible,.st-tab.st-tab:focus-visible,.pk-tab.pk-tab:focus-visible{outline:3px solid var(--t2-brand);outline-offset:2px}
.st-head.st-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.st-h.st-h{margin:0;font:800 1.45rem/1.3 var(--t2-ff-display);color:var(--t2-ink)}
.st-hs.st-hs{font:500 .84rem/1.6 var(--t2-ff-text);color:var(--t2-muted)}
.st-head-a.st-head-a{display:flex;gap:8px;flex-wrap:wrap}
.st-pill.st-pill{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-ink);font:700 .8rem/1 var(--t2-ff-display);cursor:pointer}
.st-pill.st-pill .t2-ui-ic{color:#E0475B}
.st-pill.st-pill:hover{border-color:var(--t2-brand)}
.st-tabs.st-tabs{display:flex;gap:6px;padding:5px;border-radius:18px;background:var(--t2-surface-2);overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 0 0 1px var(--t2-line)}
.st-tabs.st-tabs::-webkit-scrollbar{display:none}
.st-tab.st-tab{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border:0;border-radius:14px;background:transparent;color:var(--t2-ink-2);font:700 .86rem/1 var(--t2-ff-display);white-space:nowrap;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.st-tab.st-tab .t2-ui-ic{color:var(--t2-muted)}
.st-tab.st-tab small{font:600 .7rem/1 var(--t2-ff-text);color:var(--t2-muted)}
.st-tab.st-tab.is-on{background:var(--t2-surface);color:var(--t2-ink);box-shadow:0 4px 14px -4px rgba(10,31,68,.18)}
.st-tab.st-tab.is-on .t2-ui-ic{color:#F2A516}
.st-more.st-more{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px;font:500 .8rem/1.4 var(--t2-ff-text);color:var(--t2-muted)}
.st-more.st-more .t2-btn{min-width:11rem;justify-content:center}
.st-more.st-more .t2-row-wrap{justify-content:center}
.st-bulk.st-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;border-radius:22px;background:linear-gradient(120deg,#FFF6E3 0%,#FFFBF2 55%,#EAF7F8 100%);box-shadow:inset 0 0 0 1px rgba(185,105,15,.18)}
.st-bulk-ic.st-bulk-ic .t2-tile{width:48px;height:54px;display:block}
.st-bulk-tx.st-bulk-tx{flex:1;min-width:14rem;display:grid;gap:4px}
.st-bulk-tx.st-bulk-tx b{font:800 1.05rem/1.4 var(--t2-ff-display);color:#3E2A07}
.st-bulk-tx.st-bulk-tx span{font:500 .88rem/1.6 var(--t2-ff-text);color:#5C4A2A}
.st-bulk.st-bulk .t2-btn{min-height:48px;padding-inline:22px}
.st-trust.st-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.st-trust.st-trust li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid var(--t2-line);background:var(--t2-surface)}
.st-trust-ic.st-trust-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--t2-brand-wash);color:var(--t2-brand-3)}
.st-trust.st-trust b{display:block;font:700 .86rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.st-trust.st-trust span,.st-trust.st-trust a{font:500 .78rem/1.5 var(--t2-ff-text);color:var(--t2-muted)}
.st-trust.st-trust a{display:inline-flex;align-items:center;gap:4px;color:var(--t2-brand-3);font-weight:700;text-decoration:none}
.st-trust.st-trust a:hover{text-decoration:underline}
.st-trust.st-trust.is-pp{grid-template-columns:minmax(0,1fr);gap:0;border:1px solid var(--t2-line);border-radius:18px;overflow:hidden}
.st-trust.st-trust.is-pp li{border:0;border-radius:0;padding:12px 14px;background:transparent}
.st-trust.st-trust.is-pp li+li{border-top:1px solid var(--t2-line)}
.st-trust.st-trust.is-pp .st-trust-ic{width:38px;height:38px;border-radius:12px}
/* التصفية وعرض الكل */
.st-fbtn.st-fbtn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:14px;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-ink);font:700 .86rem/1 var(--t2-ff-display);cursor:pointer}
.st-fbtn.st-fbtn:hover{border-color:var(--t2-brand)}
.st-fbtn.st-fbtn.is-on{border-color:var(--t2-navy);background:var(--t2-navy);color:#fff}
.st-fbtn.st-fbtn small{min-width:20px;padding:3px 6px;border-radius:999px;background:#FFC861;color:#3E2A07;font:800 .7rem/1 var(--t2-ff-display);text-align:center}
.st-fbtn.st-fbtn:focus-visible,.sf-o.sf-o:focus-visible,.sf-pill.sf-pill:focus-visible{outline:3px solid var(--t2-brand);outline-offset:2px}
.st-pill.st-pill.is-all{color:var(--t2-brand-3);border-color:var(--t2-brand-wash);background:var(--t2-brand-wash)}
.st-head-a.st-head-a.is-picks{width:100%}
.sf-pills.sf-pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:-8px}
.sf-pill.sf-pill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:var(--t2-brand-wash);color:var(--t2-brand-3);font:700 .78rem/1 var(--t2-ff-display);cursor:pointer}
.sf-pill.sf-pill:hover{background:var(--t2-brand);color:#fff}
.sf-clear.sf-clear{min-height:36px}
.sf-sheet.sf-sheet{width:min(34rem,100%)}
.st-modal.st-modal.is-dev .sf-sheet{max-height:88%}
.sf-ic.sf-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#E6EEF8;color:#0B2349}
.sf-body.sf-body{display:grid;align-content:start;gap:16px;flex:1 1 auto;min-height:0;overflow:auto;padding:2px;margin:-2px;overscroll-behavior:contain}
.sf-g.sf-g{margin:0;padding:0;border:0;display:grid;gap:8px;min-width:0}
.sf-g.sf-g legend{padding:0;margin-bottom:8px;font:800 .9rem/1.4 "Alexandria","IBM Plex Sans Arabic",sans-serif;color:#0A1F44}
.sf-os.sf-os{display:flex;flex-wrap:wrap;gap:8px}
.sf-o.sf-o{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid #D4DEEA;background:#fff;color:#0A1F44;font:700 .82rem/1 "IBM Plex Sans Arabic",sans-serif;cursor:pointer}
.sf-o.sf-o small{padding:2px 7px;border-radius:999px;background:#F2F6FB;color:#566A88;font:700 .7rem/1.3 "IBM Plex Sans Arabic",sans-serif}
.sf-o.sf-o.is-on{border-color:#0B2349;background:#0B2349;color:#fff}
.sf-o.sf-o.is-on small{background:rgba(255,255,255,.18);color:#fff}
.sf-foot.sf-foot{flex:none;display:flex;gap:8px;padding-top:12px;border-top:1px solid #E6EEF8}
.sf-foot.sf-foot .t2-btn{min-height:50px;justify-content:center}
.sf-foot.sf-foot .sf-apply{flex:1;gap:8px}
.sf-apply.sf-apply:disabled{opacity:.5}
/* «المتجر» في لوحتي الرئيسية */
.hs-store.hs-store,.pp-rel.pp-rel{display:grid;gap:14px;min-width:0}
.hs-h.hs-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px}
.hs-h.hs-h>div{display:grid;gap:2px}
.hs-h.hs-h span{font:500 .82rem/1.5 var(--t2-ff-text);color:var(--t2-muted)}
#pv-host:not(.is-app.is-app) .hs-row{grid-template-columns:repeat(4,minmax(0,1fr))}
#pv-host:not(.is-app.is-app) .hs-row>.pc:nth-child(n+5){display:none}
/* شارة السلة والإشعار العائم والنوافذ */
.t2-hbtn.t2-hbtn.t2-hcart,.t2-dock-i.t2-dock-i[data-nav=picks],.t2-side-i.t2-side-i[data-nav=picks]{position:relative}
.t2-side-i.t2-side-i .st-cbadge{top:50%;transform:translateY(-50%);inset-inline-end:12px}
.t2-side-i.t2-side-i .st-cbadge.is-bump{animation:none}
.st-cbadge.st-cbadge{position:absolute;top:2px;inset-inline-end:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#E0475B;color:#fff;font:800 .66rem/18px var(--t2-ff-display);font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--t2-surface,#fff);pointer-events:none}
.st-cbadge.st-cbadge[hidden]{display:none}
.t2-dock-i.t2-dock-i .st-cbadge{top:4px;inset-inline-end:calc(50% - 22px)}
.st-cbadge.st-cbadge.is-bump{animation:bump .5s var(--t2-ease-out)}
@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.5)}100%{transform:scale(1)}}
.st-snack.st-snack{position:fixed;z-index:2147483100;left:50%;bottom:92px;display:flex;align-items:center;gap:10px;max-width:min(92vw,34rem);padding:12px 12px 12px 18px;border-radius:16px;background:#0B2349;color:#fff;font:600 .86rem/1.5 var(--t2-ff-text,sans-serif);box-shadow:0 18px 40px -10px rgba(4,18,43,.55);transform:translate(-50%,24px);opacity:0;transition:transform .35s var(--t2-ease-out,ease),opacity .35s;direction:rtl}
.st-snack.st-snack.is-dev{position:absolute;bottom:104px;max-width:calc(100% - 32px)}
.st-snack.st-snack.is-on{transform:translate(-50%,0);opacity:1}
.st-snack.st-snack>.t2-ui-ic{flex:none;color:#5FD6D2}
.st-snack.st-snack span{flex:1;min-width:0}
.st-snack.st-snack button{flex:none;min-height:36px;padding:0 12px;border:0;border-radius:10px;background:rgba(255,255,255,.12);color:#FFD27A;font:800 .8rem/1 var(--t2-ff-display,sans-serif);cursor:pointer}
.st-modal.st-modal{position:fixed;inset:0;z-index:2147483050;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;background:rgba(4,18,43,.55);opacity:0;transition:opacity .25s;direction:rtl;font-family:var(--t2-ff-text,sans-serif)}
.st-modal.st-modal.is-dev{position:absolute;align-items:end;padding:0}
.st-modal.st-modal.is-on{opacity:1}
.st-sheet.st-sheet{width:min(30rem,100%);min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;max-height:min(88vh,46rem);padding:20px;border-radius:24px;background:#fff;color:#0A1F44;box-shadow:0 30px 70px rgba(4,18,43,.4);transform:translateY(20px);transition:transform .35s var(--t2-ease-out,ease)}
.st-modal.st-modal.is-on .st-sheet{transform:none}
.st-sheet.st-sheet>*{min-width:0}
.st-modal.st-modal.is-dev .st-sheet{width:100%;border-radius:28px 28px 0 0;padding-bottom:28px}
.st-grip.st-grip{justify-self:center;width:40px;height:4px;border-radius:999px;background:#C9D3DF}
.st-modal.st-modal:not(.is-dev) .st-grip{display:none}
.st-sheet-h.st-sheet-h{display:flex;align-items:center;gap:12px}
.st-sheet-h.st-sheet-h img{width:52px;height:52px;border-radius:14px;object-fit:cover;background:#F2F6FB}
.st-sheet-h.st-sheet-h>div{flex:1;min-width:0;display:grid}
.st-sheet-h.st-sheet-h b{font:800 1rem/1.4 "Alexandria","IBM Plex Sans Arabic",sans-serif}
.st-sheet-h.st-sheet-h span{font:500 .82rem/1.5 "IBM Plex Sans Arabic",sans-serif;color:#566A88;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-sheet-x.st-sheet-x{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#F2F6FB;color:#0A1F44;cursor:pointer}
.sh-os.sh-os{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:6px}
.sh-o.sh-o{display:grid;justify-items:center;gap:8px;padding:12px 4px;border:0;border-radius:16px;background:none;color:#0A1F44;font:600 .78rem/1.3 "IBM Plex Sans Arabic",sans-serif;cursor:pointer}
.sh-o.sh-o:hover{background:#F2F6FB}
.sh-o.sh-o:focus-visible{outline:3px solid #0AA5AD;outline-offset:0}
.sh-o-ic.sh-o-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#E6EEF8;color:#0B2349}
.sh-o.sh-o.is-wa .sh-o-ic{background:#25D366;color:#fff}.sh-o.sh-o.is-x .sh-o-ic{background:#0F1419;color:#fff}.sh-o.sh-o.is-tg .sh-o-ic{background:#229ED9;color:#fff}.sh-o.sh-o.is-mail .sh-o-ic{background:#F0962A;color:#fff}.sh-o.sh-o.is-copy .sh-o-ic{background:#0AA5AD;color:#fff}.sh-o.sh-o.is-dev .sh-o-ic{background:#0B2349;color:#fff}
.sh-url.sh-url{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:14px;background:#F2F6FB}
.sh-url.sh-url bdi{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .78rem/1.4 ui-monospace,monospace;color:#566A88}
.sh-url.sh-url button{min-height:40px;padding:0 16px;border:0;border-radius:10px;background:#0B2349;color:#fff;font:700 .8rem/1 "Alexandria",sans-serif;cursor:pointer}
/* صفحة المنتج */
.pp.pp{display:grid;gap:24px;min-width:0}
.pp-top.pp-top{display:grid;grid-template-columns:minmax(0,30rem) minmax(0,1fr);gap:40px;align-items:start}
.pp-media.pp-media{position:relative;aspect-ratio:1/1;border-radius:24px;background:#F2F6FB;display:grid;place-items:center;overflow:hidden}
.pp-media.pp-media img{width:100%;height:100%;object-fit:cover}
.pp-media.pp-media>.t2-tile{width:40%;height:auto}
.pp.pp.is-web .pp-media:not(.is-gal),.pp.pp.is-web .pp-gal{position:sticky;top:96px;align-self:start}
.pp-dec.pp-dec{display:flex;flex-direction:column;gap:18px;min-width:0}
.pp-head.pp-head{display:flex;flex-direction:column;gap:8px}
.pp-eyer.pp-eyer{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pp-eye.pp-eye{display:inline-flex;gap:2px;font:700 .78rem/1.4 var(--t2-ff-text);color:var(--t2-brand-3);letter-spacing:.03em}
.pp-tools.pp-tools{display:flex;gap:4px;margin-block:-8px}
.pp-tools.pp-tools .pc-fav{position:relative;top:auto;inset:auto}
.pp-t.pp-t{margin:0;font:800 1.9rem/1.3 var(--t2-ff-display);color:var(--t2-ink);text-wrap:balance}
.pp-avr.pp-avr{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}
.pp-ln.pp-ln{margin:0;font:500 .95rem/1.7 var(--t2-ff-text);color:var(--t2-ink-2)}
.pp-d.pp-d{margin:0;font:400 .92rem/1.9 var(--t2-ff-text);color:var(--t2-ink-2);max-width:60rem}
.pp-opts.pp-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:12px}
.pp-buy.pp-buy{display:grid;gap:14px;padding:18px;border-radius:22px;border:1px solid var(--t2-line);background:var(--t2-surface);box-shadow:0 20px 40px -28px rgba(10,31,68,.35)}
.pp-price.pp-price{display:grid;gap:4px}
.pc-pr.pc-pr.is-big b{font-size:1.7rem}
.pc-pr.pc-pr.is-big.is-ask b{font-size:1.25rem}
.pp-ask.pp-ask{font:500 .78rem/1.5 var(--t2-ff-text);color:var(--t2-muted)}
.pp-buy-r.pp-buy-r,.pp-buy-r2.pp-buy-r2{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pp-buy-r.pp-buy-r>.t2-btn,.pp-buy-r2.pp-buy-r2>.t2-btn{min-height:52px;justify-content:center}
.pp-buy-r.pp-buy-r>.pp-buy-b{flex:1;min-width:11rem;font-size:1rem;background:linear-gradient(135deg,#0AA5AD,#067A82);border-color:transparent;box-shadow:0 12px 24px -12px rgba(6,122,130,.8)}
.pp-buy-r2.pp-buy-r2>.t2-btn{flex:1}
.pp-cmp.pp-cmp{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:52px;padding:0 14px;border-radius:14px;border:1px dashed var(--t2-line-2);background:transparent;color:var(--t2-ink-2);font:700 .86rem/1 var(--t2-ff-display);cursor:pointer}
.pp-cmp.pp-cmp:hover{border-color:var(--t2-brand);color:var(--t2-brand-3)}
.pp-cmp.pp-cmp.is-on{border-style:solid;border-color:var(--t2-navy);background:var(--t2-navy);color:#fff}
.pp-cmp.pp-cmp:focus-visible{outline:3px solid var(--t2-brand);outline-offset:2px}
.pp-qty.pp-qty{display:inline-flex;align-items:center;flex:none;border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface);overflow:hidden}
.pp-qty-b.pp-qty-b{display:grid;place-items:center;width:44px;height:50px;padding:0;border:0;background:transparent;color:var(--t2-ink);cursor:pointer}
.pp-qty-b.pp-qty-b:hover{background:var(--t2-brand-wash);color:var(--t2-brand-3)}
.pp-qty-b.pp-qty-b:focus-visible{outline:2px solid var(--t2-brand);outline-offset:-2px}
.t2.t2 .pp-qty .pp-qty-v{width:48px;min-height:50px;padding:0;border:0;border-inline:1px solid var(--t2-line);border-radius:0;box-shadow:none;text-align:center;font:700 .95rem/1 var(--t2-ff-display);font-variant-numeric:tabular-nums;background:transparent}
.pp-secs.pp-secs{display:grid;gap:10px;min-width:0}
.pp-secs.pp-secs>.t2-sec{border-radius:18px}
.pp-hl.pp-hl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
.pp-hl.pp-hl li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}
.pp-hl-ic.pp-hl-ic{display:grid;place-items:center;width:24px;height:24px;margin-top:2px;border-radius:8px;background:var(--t2-brand-wash);color:var(--t2-brand-3)}
.pp-hl.pp-hl b{display:block;font:700 .88rem/1.55 var(--t2-ff-display);color:var(--t2-ink)}
.pp-hl.pp-hl span{font:400 .82rem/1.65 var(--t2-ff-text);color:var(--t2-ink-2)}
.pp-dl.pp-dl{margin:0;display:grid;border:1px solid var(--t2-line);border-radius:14px;overflow:hidden}
.pp-dl-r.pp-dl-r{display:grid;grid-template-columns:minmax(8rem,16rem) minmax(0,1fr);gap:12px;padding:10px 14px;background:var(--t2-surface)}
.pp-dl-r.pp-dl-r:nth-child(even){background:var(--t2-surface-2)}
.pp-dl.pp-dl dt{font:700 .82rem/1.65 var(--t2-ff-display);color:var(--t2-ink)}
.pp-dl.pp-dl dd{margin:0;font:400 .82rem/1.65 var(--t2-ff-text);color:var(--t2-ink-2);text-align:start}
.pp-box.pp-box{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:8px}
.pp-box.pp-box li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--t2-surface-2);font:500 .84rem/1.5 var(--t2-ff-text);color:var(--t2-ink-2)}
.pp-box.pp-box .t2-ui-ic{color:var(--t2-brand-3);flex:none}
.pp-none.pp-none{margin:0;color:var(--t2-muted)}
.pp-rv.pp-rv{display:flex;align-items:center;gap:20px;padding:16px;border-radius:16px;background:var(--t2-surface-2)}
.pp-rv-n.pp-rv-n{display:grid;justify-items:center;padding-inline-end:20px;border-inline-end:1px solid var(--t2-line)}
.pp-rv-n.pp-rv-n b{font:800 2.4rem/1 var(--t2-ff-display);color:var(--t2-ink)}
.pp-rv-n.pp-rv-n small{font:500 .78rem/1.6 var(--t2-ff-text);color:var(--t2-muted)}
.pp-rv-b.pp-rv-b{display:grid;gap:4px;font:500 .84rem/1.5 var(--t2-ff-text);color:var(--t2-ink-2)}
.pp-rv-buys.pp-rv-buys{display:inline-flex;align-items:center;gap:6px;color:var(--t2-muted)}
.pp-rv.pp-rv.is-empty{gap:12px;color:var(--t2-brand-3)}
.pp-rv.pp-rv.is-empty b{display:block;font:700 .9rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.pp-rv.pp-rv.is-empty span{font:500 .82rem/1.5 var(--t2-ff-text);color:var(--t2-muted)}
.st-stars.st-stars{position:relative;display:inline-block;line-height:0;vertical-align:middle}
.st-stars-b.st-stars-b,.st-stars-f.st-stars-f{display:inline-flex;gap:1px;white-space:nowrap}
.st-stars-b.st-stars-b{color:#D9E1EC}
.st-stars-f.st-stars-f{position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;color:#F2A516}
.pp-src.pp-src{margin:0;font:500 .78rem/1.7 var(--t2-ff-text);color:var(--t2-muted)}
.pp-src.pp-src a{color:var(--t2-brand-3);font-weight:700;text-decoration:none}
.pp-src.pp-src a:hover{text-decoration:underline}
/* صفحة المنتج — تطبيق الجوال */
.pp.pp.is-app{gap:14px}
.pp.pp.is-app .pp-gal{margin-inline:-4px}
.pp-card.pp-card{position:relative;display:grid;gap:14px;padding:18px 16px;border-radius:24px;background:var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line)}
.pp.pp.is-app .pp-t{font-size:1.4rem}
.pp.pp.is-app .pp-opts{grid-template-columns:minmax(0,1fr)}
.pp.pp.is-app .pp-hl{grid-template-columns:minmax(0,1fr)}
.pp.pp.is-app .pp-dl-r{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:8px;padding:10px 12px}
.pp.pp.is-app .pp-price{padding:12px 14px;border-radius:16px;background:var(--t2-surface-2)}
.pp.pp.is-app .pp-rv{flex-direction:column;align-items:flex-start}
.pp.pp.is-app .pp-rv-n{border:0;padding:0;justify-items:start}
.pp-sbar.pp-sbar{position:sticky;z-index:70;bottom:var(--pp-dock,94px);display:flex;align-items:center;gap:8px;margin-inline:-6px;padding:8px;border-radius:20px;border:1px solid var(--t2-line);background:color-mix(in srgb,var(--t2-surface) 88%,transparent);backdrop-filter:blur(14px);box-shadow:0 14px 34px -12px rgba(10,31,68,.35)}
.pp-sbar.pp-sbar>.t2-btn{flex:1;min-height:56px;justify-content:center;font-size:1rem;background:linear-gradient(135deg,#0AA5AD,#067A82);border-color:transparent}
.pp-sbar.pp-sbar .pp-qty-b{height:54px}
.t2.t2 .pp-sbar .pp-qty .pp-qty-v{min-height:54px;width:44px}
@media (max-width:60rem){.pp-top.pp-top{grid-template-columns:minmax(0,1fr)}.pp.pp.is-web .pp-media:not(.is-gal),.pp.pp.is-web .pp-gal{position:relative;top:auto;max-width:34rem}.st-trust.st-trust{grid-template-columns:minmax(0,1fr)}.sh-slide.sh-slide{grid-template-columns:minmax(0,1fr);padding:28px 24px 72px}.sh-im.sh-im{width:min(70%,15rem);grid-row:1}}
#pv-host.is-app.is-app .st-trust{grid-template-columns:minmax(0,1fr)}
#pv-host.is-app.is-app .t2.is-client .t2-hwho-r{display:none}
#pv-host.is-app.is-app .sh{border-radius:24px}
#pv-host.is-app.is-app .sh-slide{grid-template-columns:minmax(0,1fr) 40%;gap:12px;min-height:0;padding:18px 18px 52px;text-align:start}
#pv-host.is-app.is-app .sh-im{width:100%;border-radius:22px}
#pv-host.is-app.is-app .sh-tx{gap:6px}
#pv-host.is-app.is-app .sh-eye{font-size:.7rem;padding:3px 9px}
#pv-host.is-app.is-app .sh-brand{font-size:.66rem}
#pv-host.is-app.is-app .sh-t{font-size:1.12rem}
#pv-host.is-app.is-app .sh-d{display:none}
#pv-host.is-app.is-app .sh-a{flex-direction:column;align-items:flex-start;gap:6px;margin-top:2px}
#pv-host.is-app.is-app .sh-a .t2-btn{min-height:40px;padding-inline:14px;font-size:.8rem}
#pv-host.is-app.is-app .sh-pr{font-size:.78rem;color:rgba(255,255,255,.8)}
#pv-host.is-app.is-app .sh-nav{bottom:6px}
#pv-host.is-app.is-app .sh-arrow{display:none}
#pv-host.is-app.is-app .st-h{font-size:1.2rem}
#pv-host.is-app.is-app .st-tab{padding:0 12px;font-size:.8rem}
#pv-host.is-app.is-app .st-tab small{display:none}
#pv-host.is-app.is-app .st-bulk{padding:16px;border-radius:20px}
#pv-host.is-app.is-app .st-bulk .t2-btn{width:100%;justify-content:center}
/* معرض صور المنتج */
.pp-gal.pp-gal{display:flex;flex-direction:column;gap:12px;min-width:0}
.pp-media.pp-media.is-gal{background:#fff;box-shadow:0 0 0 1px var(--t2-line),0 30px 60px -36px rgba(10,31,68,.45)}
.pp-media.pp-media.is-fade{cursor:zoom-in}
.pp-media.pp-media.is-fade .pg-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--t2-ease-out)}
.pp-media.pp-media.is-fade .pg-slide.is-on{opacity:1}
.pg-slide.pg-slide{overflow:hidden}
.pg-kb.pg-kb{width:100%;height:100%;background:#fff no-repeat;background-size:500% 100%;transform-origin:50% 40%}
.pg-slide.pg-slide.is-on .pg-kb{animation:kb 7s ease-out both}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.045)}}
.pg-segs.pg-segs{display:flex;gap:4px;pointer-events:none}
.pg-segs.pg-segs i{flex:1;height:3px;border-radius:999px;background:rgba(10,31,68,.14);overflow:hidden}
.pg-segs.pg-segs b{display:block;height:100%;width:0;background:var(--t2-navy)}
.pg-segs.pg-segs i.is-done b{width:100%}
.pg-segs.pg-segs i.is-on b{animation:seg 4.8s linear forwards}
.pp-gal.pp-gal.is-user .pg-segs i.is-on b,.pp-gal.pp-gal.is-hold .pg-segs i.is-on b{animation:none;width:100%}
@keyframes seg{from{width:0}to{width:100%}}
.pg-zoom.pg-zoom{position:absolute;bottom:12px;inset-inline-end:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:0;border-radius:999px;background:#0B2349;color:#fff;font:700 .76rem/1 var(--t2-ff-display);box-shadow:0 4px 12px rgba(4,18,43,.25);cursor:pointer}
.pg-zoom.pg-zoom:hover{background:#fff;transform:translateY(-1px)}
.pg-n.pg-n{position:absolute;bottom:20px;left:50%;z-index:2;transform:translateX(-50%);padding:2px 10px;border-radius:999px;background:rgba(11,35,73,.82);color:#fff;font:700 .72rem/1.6 var(--t2-ff-text);direction:ltr;pointer-events:none}
.pg-bar.pg-bar{display:flex;align-items:center;gap:8px}
.pg-ths.pg-ths{flex:1;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.pg-th.pg-th{aspect-ratio:1/1;padding:0;border:2px solid transparent;border-radius:12px;background:#fff no-repeat;background-size:500% 100%;cursor:pointer;box-shadow:0 0 0 1px var(--t2-line);opacity:.72;transition:opacity .2s,border-color .2s,transform .2s}
.pg-th.pg-th:hover{opacity:1;transform:translateY(-2px)}
.pg-th.pg-th.is-on{border-color:var(--t2-brand);opacity:1}
.pg-nav.pg-nav{flex:none;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--t2-line);border-radius:50%;background:var(--t2-surface);color:var(--t2-ink);cursor:pointer}
.pg-nav.pg-nav:hover{border-color:var(--t2-brand);color:var(--t2-brand-3)}
.pg-track.pg-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.pg-track.pg-track::-webkit-scrollbar{display:none}
.pg-track.pg-track>.pg-slide{flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always}
.pg-zoom.pg-zoom:focus-visible,.pg-th.pg-th:focus-visible,.pg-track.pg-track:focus-visible,.pg-nav.pg-nav:focus-visible{outline:3px solid var(--t2-brand);outline-offset:-3px}
/* العرض بملء الشاشة مع التقريب */
.pg-lb.pg-lb{position:fixed;inset:0;z-index:2147483000;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;padding:14px 16px 18px;background:rgba(3,10,24,.96);color:#fff;font-family:var(--t2-ff-text,sans-serif);animation:lbIn .25s ease-out}
.pg-lb.pg-lb.is-dev{position:absolute}
@keyframes lbIn{from{opacity:0}to{opacity:1}}
.pg-lb-top.pg-lb-top{display:flex;align-items:center;gap:12px;min-width:0}
.pg-lb-top.pg-lb-top b{flex:1;min-width:0;font:700 .95rem/1.4 var(--t2-ff-display,sans-serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-lb-hint.pg-lb-hint{font:500 .76rem/1.4 var(--t2-ff-text,sans-serif);color:rgba(255,255,255,.6)}
.pg-lb.pg-lb.is-dev .pg-lb-hint{display:none}
.pg-lb-in.pg-lb-in{display:grid;place-items:center;min-height:0}
.pg-lb-pic.pg-lb-pic{position:relative;width:min(100%,calc(100vh - 210px),760px);aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#fff;cursor:zoom-in;touch-action:none}
.pg-lb.pg-lb.is-dev .pg-lb-pic{width:100%}
.pg-lb-pic.pg-lb-pic.is-zoom{cursor:grab}
.pg-lb-pic.pg-lb-pic.is-zoom:active{cursor:grabbing}
.pg-lb-z.pg-lb-z{position:absolute;inset:0;background:#fff no-repeat;background-size:500% 100%;will-change:transform}
.pg-lb-bar.pg-lb-bar{display:flex;align-items:center;justify-content:center;gap:12px}
.pg-lb-sp.pg-lb-sp{width:16px}
.pg-lb-n.pg-lb-n{min-width:3.5em;text-align:center;font:700 .95rem/1 var(--t2-ff-text,sans-serif);direction:ltr}
.pg-lb-b.pg-lb-b{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.pg-lb-b.pg-lb-b:hover{background:rgba(255,255,255,.24)}
.pg-lb-b.pg-lb-b:disabled{opacity:.35;cursor:default}
.pg-lb-b.pg-lb-b.is-x{flex:none}
.pg-lb-b.pg-lb-b:focus-visible,.pg-lb-ths.pg-lb-ths button:focus-visible{outline:3px solid #5FD6D2;outline-offset:2px}
.pg-lb-ths.pg-lb-ths{display:flex;justify-content:center;gap:8px}
.pg-lb-ths.pg-lb-ths button{width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:10px;background:#fff no-repeat;background-size:500% 100%;opacity:.55;cursor:pointer}
.pg-lb-ths.pg-lb-ths button.is-on{opacity:1;border-color:#5FD6D2}
/* المقارنة */
.cmp-bar.cmp-bar{position:sticky;bottom:16px;z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px 10px 14px;border-radius:20px;background:#0B2349;color:#fff;box-shadow:0 20px 40px -14px rgba(4,18,43,.55);animation:shUp .4s var(--t2-ease-out)}
#pv-host.is-app.is-app .cmp-bar{bottom:var(--pp-dock,94px);gap:8px;padding:8px 10px}
#pv-host.is-app.is-app .pp .cmp-bar{bottom:calc(var(--pp-dock,94px) + 84px)}
.cmp-ims.cmp-ims{display:inline-flex}
.cmp-ims.cmp-ims img{width:40px;height:40px;margin-inline-start:-10px;object-fit:cover;border-radius:12px;background:#F2F6FB;box-shadow:0 0 0 2px #0B2349}
.cmp-ims.cmp-ims img:first-child{margin-inline-start:0}
.cmp-tx.cmp-tx{flex:1;min-width:8rem;display:grid}
.cmp-tx.cmp-tx b{font:800 .88rem/1.4 var(--t2-ff-display)}
.cmp-tx.cmp-tx span{font:500 .74rem/1.4 var(--t2-ff-text);color:rgba(255,255,255,.7)}
.cmp-bar.cmp-bar .t2-btn{background:#FFC861;border-color:#FFC861;color:#3E2A07}
.cmp-bar.cmp-bar .t2-btn:disabled{background:rgba(255,255,255,.14);border-color:transparent;color:rgba(255,255,255,.5)}
.cmp-x.cmp-x{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.cmp-head.cmp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 .86rem/1.5 var(--t2-ff-text);color:var(--t2-muted)}
.cmp-w.cmp-w{overflow-x:auto;border:1px solid var(--t2-line);border-radius:20px;background:var(--t2-surface)}
.cmp-t.cmp-t{width:100%;min-width:40rem;border-collapse:separate;border-spacing:0}
.cmp-t.cmp-t th,.cmp-t.cmp-t td{padding:12px 14px;border-bottom:1px solid var(--t2-line);text-align:start;vertical-align:top;font:400 .84rem/1.65 var(--t2-ff-text);color:var(--t2-ink-2)}
.cmp-t.cmp-t tbody tr:last-child>*{border-bottom:0}
.cmp-t.cmp-t .cmp-k{position:sticky;inset-inline-start:0;z-index:1;width:9rem;font-weight:700;color:var(--t2-ink);background:var(--t2-surface-2)}
.cmp-t.cmp-t thead th{vertical-align:bottom;background:var(--t2-surface)}
.cmp-t.cmp-t thead .cmp-k{background:var(--t2-surface-2)}
.cmp-t.cmp-t tr.is-diff td{color:var(--t2-ink);font-weight:600}
.cmp-diff.cmp-diff{display:flex;align-items:center;gap:8px;font:600 .76rem/1.4 var(--t2-ff-text);color:var(--t2-ink-2);cursor:pointer}
.cmp-p.cmp-p{display:grid;gap:4px;justify-items:start}
.cmp-p.cmp-p img{width:104px;height:104px;object-fit:cover;border-radius:16px;background:#F2F6FB}
.cmp-p.cmp-p .pc-t{min-height:0;font-size:.86rem}
.cmp-pa.cmp-pa{display:flex;align-items:center;gap:6px;margin-top:4px}
.cmp-rm.cmp-rm{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--t2-line);border-radius:50%;background:var(--t2-surface);color:var(--t2-ink-2);cursor:pointer}
.cmp-w.cmp-w.is-app .cmp-t{min-width:0;table-layout:fixed}
.cmp-w.cmp-w.is-app .cmp-k{width:5.6rem;padding:10px 8px;font-size:.74rem}
.cmp-w.cmp-w.is-app td,.cmp-w.cmp-w.is-app thead th{padding:10px 8px;font-size:.76rem}
.cmp-w.cmp-w.is-app .cmp-p img{width:100%;height:auto;aspect-ratio:1}
.cmp-w.cmp-w.is-app .cmp-pa .pc-add span{display:none}
.cmp-w.cmp-w.is-app .cmp-pa .pc-add{width:36px;padding:0}
.cmp-w.cmp-w.is-app .cmp-diff span{font-size:.68rem}
/* مختاراتي */
.pk-tabs.pk-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;border-radius:20px;background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.pk-tab.pk-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border:0;border-radius:16px;background:transparent;color:var(--t2-ink-2);font:800 .95rem/1 var(--t2-ff-display);cursor:pointer}
.pk-tab.pk-tab small{min-width:22px;padding:3px 7px;border-radius:999px;background:var(--t2-surface);color:var(--t2-ink-2);font:800 .72rem/1 var(--t2-ff-display)}
.pk-tab.pk-tab.is-on{background:var(--t2-surface);color:var(--t2-ink);box-shadow:0 6px 16px -6px rgba(10,31,68,.2)}
.pk-tab.pk-tab.is-on .t2-ui-ic{color:#E0475B}
.pk-tab.pk-tab.is-on small{background:var(--t2-navy);color:#fff}
.pk-cart.pk-cart{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);gap:20px;align-items:start}
.cl-list.cl-list{display:grid;gap:12px;min-width:0}
.cl.cl{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:14px;padding:12px;border-radius:20px;border:1px solid var(--t2-line);background:var(--t2-surface)}
.cl-im.cl-im{padding:0;border:0;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#F2F6FB;cursor:pointer}
.cl-im.cl-im img{width:100%;height:100%;object-fit:cover}
.cl-b.cl-b{display:grid;gap:8px;min-width:0;align-content:start}
.cl-t.cl-t{all:unset;cursor:pointer;font:700 .95rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.cl-t.cl-t:hover{color:var(--t2-brand-3)}
.cl-t.cl-t:focus-visible{outline:2px solid var(--t2-brand);outline-offset:2px}
.cl-o.cl-o{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:8px}
.cl-f.cl-f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.cl-pr.cl-pr{display:grid;justify-items:end;text-align:end}
.cl-pr.cl-pr b{font:800 1.05rem/1.4 var(--t2-ff-display);color:var(--t2-ink);font-variant-numeric:tabular-nums}
.cl-pr.cl-pr b.is-ask{font-size:.9rem;color:var(--t2-navy-3,#1D3F78)}
.cl-pr.cl-pr small{font:500 .72rem/1.4 var(--t2-ff-text);color:var(--t2-muted)}
.cl-a.cl-a{display:flex;flex-wrap:wrap;gap:16px}
.cl-a.cl-a .fx-link{display:inline-flex;align-items:center;gap:4px;min-height:32px}
.cl-a.cl-a .fx-link.is-danger{color:var(--t2-danger)}
.cs.cs{position:sticky;top:96px;display:grid;gap:14px;padding:18px;border-radius:22px;border:1px solid var(--t2-line);background:var(--t2-surface);box-shadow:0 20px 40px -28px rgba(10,31,68,.35)}
.cs-t.cs-t{margin:0;font:800 1.05rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.cs-l.cs-l{margin:0;display:grid;gap:8px}
.cs-l.cs-l>div{display:flex;justify-content:space-between;gap:10px;font:500 .84rem/1.6 var(--t2-ff-text);color:var(--t2-ink-2)}
.cs-l.cs-l dd{margin:0;font-weight:700;color:var(--t2-ink);font-variant-numeric:tabular-nums}
.cs-l.cs-l .is-tot{padding-top:10px;border-top:1px dashed var(--t2-line-2);font:800 1rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.cs-l.cs-l .is-tot dd{font-size:1.15rem}
.cs-note.cs-note{display:flex;gap:8px;margin:0;padding:10px 12px;border-radius:12px;background:var(--t2-info-wash);font:500 .78rem/1.6 var(--t2-ff-text);color:var(--t2-info)}
.cs-note.cs-note .t2-ui-ic{flex:none;margin-top:3px}
.cs.cs>.t2-btn{min-height:52px;justify-content:center;font-size:.95rem}
.cs-custom.cs-custom{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed rgba(185,105,15,.4);border-radius:16px;background:#FFF9EC;color:#3E2A07;text-align:start;cursor:pointer}
.cs-custom.cs-custom .t2-tile{width:34px;height:38px;flex:none}
.cs-custom.cs-custom>span{flex:1;display:grid}
.cs-custom.cs-custom b{font:700 .84rem/1.4 var(--t2-ff-display)}
.cs-custom.cs-custom small{font:500 .74rem/1.4 var(--t2-ff-text);color:#5C4A2A}
.cs-custom.cs-custom:focus-visible{outline:3px solid var(--t2-brand);outline-offset:2px}
.pk-fav-a.pk-fav-a{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 .84rem/1.5 var(--t2-ff-text);color:var(--t2-muted)}
#pv-host.is-app.is-app .pk-cart{grid-template-columns:minmax(0,1fr)}
#pv-host.is-app.is-app .cs{position:static}
#pv-host.is-app.is-app .cl{grid-template-columns:5.5rem minmax(0,1fr);gap:10px;padding:10px}
#pv-host.is-app.is-app .cl-o{grid-template-columns:minmax(0,1fr)}
@media (max-width:60rem){.pk-cart.pk-cart{grid-template-columns:minmax(0,1fr)}.cs.cs{position:static}}
/* إتمام الطلب */
.ck.ck{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);gap:20px;align-items:start}
.ck-main.ck-main{display:grid;gap:16px;min-width:0}
.ck-side.ck-side{position:sticky;top:96px;display:grid;gap:12px}
.ck-side.ck-side>.t2-btn{min-height:54px;justify-content:center;font-size:.95rem;background:linear-gradient(135deg,#0AA5AD,#067A82);border-color:transparent}
.ck-legal.ck-legal{margin:0;font:500 .74rem/1.7 var(--t2-ff-text);color:var(--t2-muted);text-align:center}
.ck-legal.ck-legal a{color:var(--t2-brand-3);font-weight:700}
.ck-g.ck-g{display:grid;gap:8px}
.ck-g.ck-g+.ck-g{margin-top:12px;padding-top:12px;border-top:1px solid var(--t2-line)}
.ck-g-h.ck-g-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ck-g-h.ck-g-h b{font:700 .9rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.ck-tag.ck-tag{padding:2px 10px;border-radius:999px;font:700 .7rem/1.6 var(--t2-ff-display);background:var(--t2-surface-2);color:var(--t2-ink-2)}
.ck-tag.ck-tag.is-ok{background:var(--t2-ok-wash);color:var(--t2-ok)}.ck-tag.ck-tag.is-warn{background:#FFF3DF;color:#8A5A12}
.ck-l.ck-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ck-l.ck-l li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center}
.ck-l.ck-l img{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#F2F6FB}
.ck-l.ck-l b{display:block;font:700 .84rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.ck-l.ck-l span{font:500 .76rem/1.4 var(--t2-ff-text);color:var(--t2-muted)}
.ck-p.ck-p{font:800 .86rem/1.4 var(--t2-ff-display)!important;color:var(--t2-ink)!important;white-space:nowrap}
.ck-r.ck-r{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:10px}
.ck-ro.ck-ro{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 14px;border-radius:16px;border:1.5px solid var(--t2-line);background:var(--t2-surface);cursor:pointer;transition:border-color .2s,background .2s}
.ck-ro.ck-ro:hover{border-color:var(--t2-line-2)}
.ck-ro.ck-ro.is-on{border-color:var(--t2-brand);background:var(--t2-brand-wash)}
.ck-ro.ck-ro input{position:absolute;opacity:0;pointer-events:none}
.ck-ro.ck-ro:has(:focus-visible){outline:3px solid var(--t2-brand);outline-offset:2px}
.ck-ro-ic.ck-ro-ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:var(--t2-surface-2);color:var(--t2-brand-3)}
.ck-ro.ck-ro.is-on .ck-ro-ic{background:var(--t2-brand);color:#fff}
.ck-ro-t.ck-ro-t{display:grid;min-width:0}
.ck-ro-t.ck-ro-t b{font:700 .86rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.ck-ro-t.ck-ro-t small{font:500 .74rem/1.45 var(--t2-ff-text);color:var(--t2-muted)}
.ck-done.ck-done{display:grid;justify-items:center;gap:12px;max-width:34rem;margin-inline:auto;padding:36px 24px;border-radius:28px;background:var(--t2-surface);border:1px solid var(--t2-line);text-align:center}
.ck-done-ic.ck-done-ic .t2-tile{width:72px;height:80px}
.ck-done.ck-done h2{margin:0;font:800 1.5rem/1.3 var(--t2-ff-display);color:var(--t2-ink)}
.ck-done.ck-done p{margin:0;font:500 .9rem/1.7 var(--t2-ff-text);color:var(--t2-ink-2)}
.ck-nos.ck-nos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ck-nos.ck-nos span{padding:6px 12px;border-radius:12px;background:var(--t2-surface-2);font:700 .8rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.ck-prev.ck-prev{font-size:.76rem!important;color:var(--t2-muted)!important}
#pv-host.is-app.is-app .ck{grid-template-columns:minmax(0,1fr)}
#pv-host.is-app.is-app .ck-side{position:static}
#pv-host.is-app.is-app .ck-r{grid-template-columns:minmax(0,1fr)}
@media (max-width:60rem){.ck.ck{grid-template-columns:minmax(0,1fr)}.ck-side.ck-side{position:static}}
/* حركة أقل لمن يفضّلها */
@media (prefers-reduced-motion:reduce){.pc-img.pc-img,.sh-slide.sh-slide.is-on .sh-im,.sh-slide.sh-slide.is-on .sh-tx>*,.pg-slide.pg-slide.is-on .pg-kb,.pg-segs.pg-segs i.is-on b,.pc-fav.pc-fav.is-on svg,.st-cbadge.st-cbadge.is-bump{animation:none!important}.pc.pc.is-pre{opacity:1!important;transform:none!important}.pc.pc,.sh-slide.sh-slide,.pp-media.pp-media.is-fade .pg-slide{transition:none!important}}
/* بنود «الخيارات والكميات» في طلب عرض السعر */
.ql.ql{display:grid;gap:10px}
.ql-row.ql-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface-2)}
.ql-n.ql-n{display:grid;place-items:center;width:28px;height:28px;margin-top:26px;border-radius:50%;background:var(--t2-brand-wash);color:var(--t2-brand-3);font:800 .8rem/1 var(--t2-ff-display)}
.ql-f.ql-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:10px;min-width:0}
.ql-o.ql-o{display:grid;gap:4px;min-width:0}
.ql-o.ql-o>span{font:600 .76rem/1.4 var(--t2-ff-display);color:var(--t2-ink-2)}
.ql-x.ql-x{display:grid;place-items:center;width:44px;height:44px;margin-top:22px;padding:0;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface);color:var(--t2-danger);cursor:pointer}
.ql-x.ql-x:hover{border-color:var(--t2-danger);background:var(--t2-danger-wash)}
.ql-f2.ql-f2{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.ql-tot.ql-tot{font:700 .82rem/1.4 var(--t2-ff-display);color:var(--t2-ink-2);font-variant-numeric:tabular-nums}
#pv-host.is-app.is-app .ql-row{grid-template-columns:minmax(0,1fr) auto}
#pv-host.is-app.is-app .ql-n{display:none}
#pv-host.is-app.is-app .ql-f{grid-template-columns:minmax(0,1fr)}
/* دائرة اللون داخل القائمة المنسدلة */
.t2-cb-ic.t2-cb-ic.is-logo:has(img[src*="swatch"]),.t2-cb-oic.t2-cb-oic.is-logo:has(img[src*="swatch"]){width:22px;height:22px;padding:0;border:0;border-radius:50%;background:none!important}
/* الوضع الليلي: نفس الهوية بلا قلب للألوان */
.t2.t2.is-dark .pc{box-shadow:none}
.t2.t2.is-dark .pc:hover{box-shadow:0 22px 44px -18px rgba(0,0,0,.7);border-color:var(--t2-line-2)}
.t2.t2.is-dark .pc-media{background:radial-gradient(120% 90% at 50% 18%,#FFFFFF 0%,#F2F6FB 60%,#DCE5F0 100%)}
.t2.t2.is-dark .pc-fav::before{background:rgba(255,255,255,.95)}
.t2.t2.is-dark .pc-fav{color:#132E5E}
.t2.t2.is-dark .pc-fav.is-on{color:#E0475B}
.t2.t2.is-dark .pc-brand,.t2.t2.is-dark .pp-eye,.t2.t2.is-dark .pp-src a,.t2.t2.is-dark .st-trust a,.t2.t2.is-dark .pc-rate.is-new{color:#5FD6D2}
.t2.t2.is-dark .pc-pr.is-ask b,.t2.t2.is-dark .cl-pr b.is-ask{color:#9CC1FF}
.t2.t2.is-dark .pc-av{color:#5DD39E}.t2.t2.is-dark .pc-av.is-warn{color:#F5C46B}
.t2.t2.is-dark .st-chip.is-on{background:#E8EEF8;border-color:#E8EEF8;color:#0A1F44}
.t2.t2.is-dark .st-chip.is-on small{background:rgba(10,31,68,.12);color:#0A1F44}
.t2.t2.is-dark .st-chips.is-sub .st-chip.is-on{background:rgba(10,165,173,.18);border-color:#5FD6D2;color:#5FD6D2}
.t2.t2.is-dark .st-tab.is-on{background:#1C2E4A;color:#fff}
.t2.t2.is-dark .st-bulk{background:linear-gradient(120deg,#2A2312 0%,#1B2033 60%,#10303A 100%);box-shadow:inset 0 0 0 1px rgba(255,200,97,.22)}
.t2.t2.is-dark .st-bulk-tx b{color:#FFE7A8}.t2.t2.is-dark .st-bulk-tx span{color:#D9CBA8}
.t2.t2.is-dark .st-trust-ic,.t2.t2.is-dark .pp-hl-ic,.t2.t2.is-dark .pp-box .t2-ui-ic{background:rgba(10,165,173,.16);color:#5FD6D2}
.t2.t2.is-dark .pp-box .t2-ui-ic{background:none}
.t2.t2.is-dark .pp-buy,.t2.t2.is-dark .cs{box-shadow:none}
.t2.t2.is-dark .pp-cmp.is-on{background:#E8EEF8;border-color:#E8EEF8;color:#0A1F44}
.t2.t2.is-dark .pk-tab.is-on small{background:#E8EEF8;color:#0A1F44}
.t2.t2.is-dark .cs-custom{background:#2A2312;border-color:rgba(255,200,97,.35);color:#FFE7A8}.t2.t2.is-dark .cs-custom small{color:#D9CBA8}
.t2.t2.is-dark .ck-ro.is-on{background:rgba(10,165,173,.14);border-color:#5FD6D2}
.t2.t2.is-dark .ck-ro-ic{color:#5FD6D2}
.t2.t2.is-dark .ck-tag.is-warn{background:#3A2A10;color:#FFD27A}
.t2.t2.is-dark .st-stars-b{color:#2F4870}
.t2.t2.is-dark .pg-segs i{background:rgba(10,31,68,.18)}
.t2.t2.is-dark .pp-media.is-gal{box-shadow:0 0 0 1px #22375A}
.t2.t2.is-dark .pg-nav{background:#162A47;border-color:#22375A;color:#C9D6EA}
.t2.t2.is-dark .pg-th{box-shadow:0 0 0 1px #22375A}.t2.t2.is-dark .pg-th.is-on{border-color:#5FD6D2}
.t2.t2.is-dark .ql-n{background:rgba(10,165,173,.18);color:#5FD6D2}
.t2.t2.is-dark .pp-qty-b:hover{background:rgba(10,165,173,.18);color:#5FD6D2}
.t2.t2.is-dark .ql-x{color:#FF9B93}
.t2.t2.is-dark .pc-add.is-soon{background:#1C2E4A;color:#E8EEF8}
.t2.t2.is-dark .st-cbadge{box-shadow:0 0 0 2px #0A1322}

.t2.t2.is-dark .st-fbtn.is-on{background:#E8EEF8;border-color:#E8EEF8;color:#0A1F44}
.t2.t2.is-dark .sf-pill{background:rgba(10,165,173,.18);color:#5FD6D2}
.t2.t2.is-dark .st-pill.is-all{background:rgba(10,165,173,.16);border-color:transparent;color:#5FD6D2}

/* ===== رأس تطبيق الجوال: الشعار · البحث · المستخدم · الوضع الليلي · الخروج — أكبر وأوضح ===== */
#pv-host.is-app.is-app .t2-app>.t2-head{min-height:84px;padding:14px 16px!important;gap:8px!important}
#pv-host.is-app.is-app .t2-hd-logo{height:54px!important}
#pv-host.is-app.is-app .t2-head .t2-hcmd{flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:16px;background:#EEF3FA;border-color:transparent}
#pv-host.is-app.is-app .t2-head .t2-hcmd-i{width:22px;height:22px;background:#0B2349}
#pv-host.is-app.is-app .t2-head .t2-avatar{width:48px;height:48px;font-size:1.15rem}
#pv-host.is-app.is-app .t2-head .t2-hwho{gap:4px;padding:0;border:0;background:none;box-shadow:none}
#pv-host.is-app.is-app .t2-head .lv-caret{display:none}
#pv-host.is-app.is-app .t2.is-client .t2-hbtn.t2-hmode,#pv-host.is-app.is-app .t2.is-client .t2-hbtn.is-out{display:inline-grid!important;place-items:center;width:48px;min-width:48px;height:48px;padding:0;border-radius:16px}
#pv-host.is-app.is-app .t2-hbtn.t2-hmode .t2-tile,#pv-host.is-app.is-app .t2-hbtn.is-out .t2-tile{width:32px;height:36px}
#pv-host.is-app.is-app .t2.is-client .t2-hbtn.is-out{background:#FDECEA;border-color:transparent}
#pv-host.is-app.is-app .t2-hbtn.is-out .t2-tile{filter:hue-rotate(-32deg) saturate(1.5)}
#pv-host.is-app.is-app .t2-hbtn.is-out .t2-hbtn-t{display:none}
#pv-host.is-app.is-app .t2.is-dark .t2-head .t2-hcmd{background:#162A47}
#pv-host.is-app.is-app .t2.is-dark .t2-head .t2-hcmd-i{background:#C9D6EA}
#pv-host.is-app.is-app .t2.is-dark.is-client .t2-hbtn.is-out{background:#3B191C}
/* البحث في الرأس: المنتجات */
.ov-pr.ov-pr{display:grid;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid var(--t2-line)}
.ov-pr-h.ov-pr-h{font:700 .76rem/1.4 var(--t2-ff-display);color:var(--t2-muted);padding-inline:6px}
.ov-pr-o.ov-pr-o{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 8px;border:0;border-radius:14px;background:none;color:var(--t2-ink);text-align:start;cursor:pointer}
.ov-pr-o.ov-pr-o:hover,.ov-pr-o.ov-pr-o:focus-visible{background:var(--t2-surface-2);outline:none}
.ov-pr-o.ov-pr-o img{width:44px;height:44px;border-radius:12px;object-fit:cover;background:#F2F6FB;flex:none}
.ov-pr-o.ov-pr-o>span{flex:1;min-width:0;display:grid}
.ov-pr-o.ov-pr-o b{font:700 .86rem/1.4 var(--t2-ff-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ov-pr-o.ov-pr-o small{font:500 .74rem/1.4 var(--t2-ff-text);color:var(--t2-muted)}
/* ===== المتجر (الرئيسية للمتجر) ===== */
.hub.hub{display:grid;gap:18px}
.hub-h.hub-h{display:grid;gap:4px}
.hub-eye.hub-eye{font:700 .78rem/1.4 var(--t2-ff-display);color:var(--t2-brand-3)}
.hub-t.hub-t{margin:0;font:800 1.9rem/1.25 var(--t2-ff-display);color:var(--t2-ink)}
.hub-s.hub-s{margin:0;font:500 .9rem/1.6 var(--t2-ff-text);color:var(--t2-muted)}
.hub-g.hub-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hub-c.hub-c{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:112px;padding:18px;border-radius:24px;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-ink);text-align:start;cursor:pointer;overflow:hidden;transition:transform .3s var(--t2-ease-out),box-shadow .3s}
.hub-c.hub-c:hover{transform:translateY(-2px);box-shadow:0 20px 40px -24px rgba(10,31,68,.4)}
.hub-c.hub-c:focus-visible{outline:3px solid var(--t2-brand);outline-offset:2px}
.hub-ic.hub-ic .t2-tile{width:48px;height:54px;display:block}
.hub-tx.hub-tx{display:grid;gap:2px;min-width:0}
.hub-tx.hub-tx b{font:800 1.02rem/1.4 var(--t2-ff-display)}
.hub-tx.hub-tx span{font:500 .78rem/1.5 var(--t2-ff-text);color:var(--t2-muted)}
.hub-n.hub-n{margin-top:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--t2-surface-2);font:700 .76rem/1.4 var(--t2-ff-display);color:var(--t2-ink-2)}
.hub-c.hub-c.is-0{grid-column:1/3;grid-row:span 2;min-height:240px;justify-content:flex-end;padding:22px;color:#fff;border:0;background:radial-gradient(60% 90% at 15% 10%,rgba(10,165,173,.45),transparent 60%),linear-gradient(135deg,#071631,#0B2349 55%,#16407A)}
.hub-c.hub-c.is-0 .hub-tx b{font-size:1.5rem;color:#fff}.hub-c.hub-c.is-0 .hub-tx span{color:rgba(255,255,255,.75)}
.hub-c.hub-c.is-0 .hub-n{background:#FFC861;color:#3E2A07}
.hub-ims.hub-ims{position:absolute;inset-block-start:16px;inset-inline-end:14px;display:flex;pointer-events:none}
.hub-ims.hub-ims img{width:92px;height:92px;border-radius:22px;object-fit:cover;background:#F2F6FB;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);margin-inline-start:-26px;animation:pcFloat 6s ease-in-out infinite}
.hub-ims.hub-ims img.is-0{margin-inline-start:0;transform:rotate(-6deg)}.hub-ims.hub-ims img.is-1{animation-delay:-2s}.hub-ims.hub-ims img.is-2{animation-delay:-4s}
.hub-c.hub-c.is-1{background:linear-gradient(135deg,var(--t2-surface),#E8F7F7)}
.hub-c.hub-c.is-2{background:linear-gradient(135deg,var(--t2-surface),#FFF6E3)}
#pv-host.is-app.is-app .hub-t{font-size:1.55rem}
#pv-host.is-app.is-app .hub-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#pv-host.is-app.is-app .hub-c{min-height:170px;padding:14px;gap:8px;border-radius:22px}
#pv-host.is-app.is-app .hub-c.is-0{grid-column:1/-1;grid-row:auto;min-height:210px}
#pv-host.is-app.is-app .hub-ims img{width:76px;height:76px;border-radius:18px}
#pv-host.is-app.is-app .hub-ic .t2-tile{width:42px;height:47px}
@media (max-width:60rem){.hub-g.hub-g{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-c.hub-c.is-0{grid-column:1/-1}}
/* ===== سوق الأجهزة ===== */
.mk-sec.mk-sec{display:grid;gap:14px;min-width:0}
.mk-all.mk-all{display:inline-flex;align-items:center;gap:4px;min-height:40px;font-weight:800}
.tb.tb{display:grid;gap:10px;min-width:0}
.tb-row.tb-row{display:grid;grid-auto-flow:column;grid-auto-columns:15.5rem;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;margin:-4px -2px -10px}
.tb-row.tb-row::-webkit-scrollbar{display:none}
.tb-row.tb-row>.pc{scroll-snap-align:start}
.tb-row.tb-row:focus-visible{outline:3px solid var(--t2-brand);outline-offset:2px;border-radius:18px}
.tb-dots.tb-dots{display:flex;justify-content:center;gap:5px}
.tb-dots.tb-dots i{width:6px;height:6px;border-radius:999px;background:var(--t2-line-2);transition:width .3s,background .3s}
.tb-dots.tb-dots i.is-on{width:18px;background:var(--t2-brand)}
#pv-host.is-app.is-app .tb-row{grid-auto-columns:calc((100cqw - 44px)/2);gap:12px}
.mk-cats.mk-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mk-cat.mk-cat{position:relative;display:grid;grid-template-rows:auto auto;gap:10px;padding:12px;border-radius:22px;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-ink);text-align:start;cursor:pointer;overflow:hidden;transition:transform .3s var(--t2-ease-out),box-shadow .3s}
.mk-cat.mk-cat:hover{transform:translateY(-2px);box-shadow:0 20px 40px -26px rgba(10,31,68,.45)}
.mk-cat.mk-cat:focus-visible{outline:3px solid var(--t2-brand);outline-offset:2px}
.mk-cat-ims.mk-cat-ims{position:relative;display:block;aspect-ratio:16/10;border-radius:16px;background:radial-gradient(120% 90% at 50% 20%,#fff,#EEF3FA 60%,#E1E9F4);overflow:hidden}
.mk-cat-ims.mk-cat-ims img{position:absolute;bottom:-6%;width:52%;aspect-ratio:1;object-fit:cover;border-radius:14px;mix-blend-mode:multiply;transition:transform .5s var(--t2-ease-out)}
.mk-cat-ims.mk-cat-ims img.is-0{left:24%;z-index:2;bottom:-2%;width:56%}
.mk-cat-ims.mk-cat-ims img.is-1{left:-4%;transform:rotate(-8deg);opacity:.9}
.mk-cat-ims.mk-cat-ims img.is-2{right:-4%;transform:rotate(8deg);opacity:.9}
.mk-cat.mk-cat:hover .mk-cat-ims img.is-0{transform:translateY(-4px) scale(1.04)}
.mk-cat-tx.mk-cat-tx{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center}
.mk-cat-ic.mk-cat-ic{grid-row:1/3}.mk-cat-ic.mk-cat-ic .t2-tile{width:38px;height:42px;display:block}
.mk-cat-tx.mk-cat-tx b{font:800 .98rem/1.35 var(--t2-ff-display)}
.mk-cat-tx.mk-cat-tx small{font:600 .76rem/1.4 var(--t2-ff-text);color:var(--t2-muted)}
.mk-cat-go.mk-cat-go{position:absolute;top:18px;inset-inline-start:18px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--t2-navy);box-shadow:0 4px 12px rgba(10,31,68,.15)}
.mk-cat.mk-cat.is-all{background:linear-gradient(135deg,#0B2349,#16407A);border-color:transparent;color:#fff}
.mk-cat.mk-cat.is-all .mk-cat-ims{background:radial-gradient(120% 90% at 50% 20%,rgba(255,255,255,.95),#E7EEF8)}
.mk-cat.mk-cat.is-all small{color:rgba(255,255,255,.75)}
#pv-host.is-app.is-app .mk-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#pv-host.is-app.is-app .mk-cat{padding:8px 8px 12px;gap:8px;border-radius:20px}
#pv-host.is-app.is-app .mk-cat-tx{grid-template-columns:minmax(0,1fr);row-gap:2px}
#pv-host.is-app.is-app .mk-cat-ic{display:none}
#pv-host.is-app.is-app .mk-cat-tx b{font-size:.9rem}
#pv-host.is-app.is-app .mk-cat-go{top:12px;inset-inline-start:12px;width:30px;height:30px}
@media (max-width:60rem){.mk-cats.mk-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.st-pol.st-pol{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px dashed var(--t2-line-2);background:var(--t2-surface);color:var(--t2-ink);text-decoration:none}
.st-pol.st-pol:hover{border-color:var(--t2-brand);background:var(--t2-brand-wash)}
.st-pol.st-pol:focus-visible{outline:3px solid var(--t2-brand);outline-offset:2px}
.st-pol-ic.st-pol-ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:var(--t2-brand-wash);color:var(--t2-brand-3)}
.st-pol-t.st-pol-t{flex:1;min-width:0;display:grid}
.st-pol-t.st-pol-t b{font:700 .86rem/1.5 var(--t2-ff-display)}
.st-pol-t.st-pol-t span{font:600 .78rem/1.5 var(--t2-ff-text);color:var(--t2-brand-3)}
/* ===== القسم: العلامات بطاقات جانبية + البحث والتصفية + التحميل التلقائي ===== */
.br-row.br-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(7.5rem,8.5rem);gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px;margin:-2px}
.br-row.br-row::-webkit-scrollbar{display:none}
.br-c.br-c{display:grid;justify-items:center;gap:6px;padding:10px 8px 12px;border-radius:20px;border:1.5px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-ink);cursor:pointer;scroll-snap-align:start;transition:border-color .2s,background .2s,transform .2s}
.br-c.br-c:hover{border-color:var(--t2-brand);transform:translateY(-1px)}
.br-c.br-c:focus-visible{outline:3px solid var(--t2-brand);outline-offset:2px}
.br-c-im.br-c-im{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#F2F6FB;overflow:hidden;color:var(--t2-navy)}
.br-c-im.br-c-im img{width:100%;height:100%;object-fit:cover}
.br-c.br-c b{font:800 .86rem/1.3 var(--t2-ff-display)}
.br-c.br-c small{font:600 .7rem/1.3 var(--t2-ff-text);color:var(--t2-muted)}
.br-c.br-c.is-on{border-color:var(--t2-navy);background:var(--t2-navy);color:#fff}
.br-c.br-c.is-on small{color:rgba(255,255,255,.75)}
.br-c.br-c.is-on .br-c-im{box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.br-c.br-c.is-all .br-c-im{background:linear-gradient(135deg,#0AA5AD,#067A82);color:#fff}
#pv-host.is-app.is-app .br-row{grid-auto-columns:6.4rem;gap:8px}
#pv-host.is-app.is-app .br-c-im{width:54px;height:54px;border-radius:16px}
.st-tools.st-tools{display:flex;gap:10px;align-items:stretch}
.st-tools.st-tools .st-search{flex:1;min-width:0}
.st-tools.st-tools .st-fbtn{min-height:52px;border-radius:16px}
.st-end.st-end{display:flex;justify-content:center;align-items:center;gap:6px;min-height:56px;font:600 .8rem/1.4 var(--t2-ff-text);color:var(--t2-muted)}
.st-end.st-end.is-loading i{width:8px;height:8px;border-radius:50%;background:var(--t2-brand);animation:dotP 1s ease-in-out infinite}
.st-end.st-end.is-loading i:nth-child(2){animation-delay:.15s}.st-end.st-end.is-loading i:nth-child(3){animation-delay:.3s}
@keyframes dotP{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:none}}
/* ===== المقارنة من داخل المنتج ===== */
.cp-sheet.cp-sheet{width:min(34rem,100%)}
.st-modal.st-modal.is-dev .cp-sheet{max-height:88%}
.cp-sheet.cp-sheet .st-sheet-h span{white-space:normal}
.cp-s.cp-s{min-height:46px;border-radius:14px;background:#F7F9FC;color:#566A88}
.cp-l.cp-l{display:grid;align-content:start;gap:6px;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px;margin:-2px}
.cp-o.cp-o{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 10px;border-radius:16px;border:1.5px solid #E1E8F2;background:#fff;color:#0A1F44;text-align:start;cursor:pointer}
.cp-o.cp-o img{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#F2F6FB;flex:none}
.cp-t.cp-t{flex:1;min-width:0;display:grid}
.cp-t.cp-t b{font:700 .86rem/1.4 "Alexandria","IBM Plex Sans Arabic",sans-serif}
.cp-t.cp-t small{font:700 .66rem/1.3 "IBM Plex Sans Arabic",sans-serif;color:#067A82;letter-spacing:.04em;text-transform:uppercase;justify-self:start}
.cp-ck.cp-ck{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:8px;border:1.5px solid #BFCDDE;color:#fff}
.cp-o.cp-o.is-on{border-color:#0AA5AD;background:#EAF8F8}
.cp-o.cp-o.is-on .cp-ck{background:#0AA5AD;border-color:#0AA5AD}
.cp-o.cp-o:disabled{opacity:.45;cursor:not-allowed}
.cp-o.cp-o:focus-visible{outline:3px solid #0AA5AD;outline-offset:1px}
.cp-go.cp-go{flex:1;min-height:52px;justify-content:center;gap:8px}
.cp-go.cp-go:disabled{opacity:.5}
.t2.t2.is-dark .hub-c.is-1,.t2.t2.is-dark .hub-c.is-2{background:var(--t2-surface)}
.t2.t2.is-dark .br-c.is-on{background:#E8EEF8;border-color:#E8EEF8;color:#0A1F44}
.t2.t2.is-dark .br-c.is-on small{color:#566A88}
.t2.t2.is-dark .st-pol-ic{background:rgba(10,165,173,.16);color:#5FD6D2}.t2.t2.is-dark .st-pol-t span{color:#5FD6D2}
.t2.t2.is-dark .st-pol:hover{background:rgba(10,165,173,.1)}
.cp-s.cp-s .st-search-i{flex:1;min-width:0;height:44px;padding:0;border:0;background:none;box-shadow:none;outline:none;font:500 .9rem/1 "IBM Plex Sans Arabic",sans-serif;color:#0A1F44}

/* صور البطاقة المتبدّلة */
.pc-sl.pc-sl{position:absolute;inset:0;z-index:1;background:#fff no-repeat;background-size:500% 100%;opacity:0;transition:opacity .9s var(--t2-ease-out);pointer-events:none}
.pc.pc.is-sl .pc-sl{opacity:1}
.pc-pg.pc-pg{position:absolute;bottom:8px;left:50%;z-index:2;transform:translateX(-50%);display:flex;gap:4px;padding:4px 6px;border-radius:999px;background:rgba(11,35,73,.55);pointer-events:none}
.pc-pg.pc-pg i{width:5px;height:5px;border-radius:999px;background:rgba(255,255,255,.55);transition:width .3s,background .3s}
.pc-pg.pc-pg i.is-on{width:12px;background:#fff}
/* معرض المنتج في تطبيق الجوال: بعرض الشاشة، والمصغّرات تحته، ومسافة واضحة قبل البطاقة */
.pp.pp.is-app{gap:16px}
.pp.pp.is-app .pp-gal{margin-inline:-16px;gap:10px}
.pp.pp.is-app .pp-media.is-gal{border-radius:0;box-shadow:none}
.pg-bar.pg-bar.is-app{padding-inline:16px}
.pg-bar.pg-bar.is-app .pg-ths{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.pg-bar.pg-bar.is-app .pg-th{border-radius:12px}
.pp.pp.is-app .pg-zoom span{display:none}
.pp.pp.is-app .pg-zoom{width:44px;min-height:44px;padding:0;justify-content:center}
.t2.t2.is-dark .pg-th{background-color:#fff}
/* المقارنة في تطبيق الجوال */
.cmm.cmm{display:grid;gap:14px;min-width:0}
.cmm-top.cmm-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 .84rem/1.5 var(--t2-ff-text);color:var(--t2-muted)}
.cmm-plus.cmm-plus{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-ink);font:700 .8rem/1 var(--t2-ff-display);cursor:pointer}
.cmm-ps.cmm-ps{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px}
.cmm-p.cmm-p{display:grid;gap:6px;align-content:start;justify-items:center;min-width:0;padding:8px 6px 10px;border-radius:18px;border:1px solid var(--t2-line);background:var(--t2-surface);text-align:center}
.cmm-im.cmm-im{position:relative;width:100%;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#F2F6FB}
.cmm-im.cmm-im img{width:100%;height:100%;object-fit:cover}
.cmm-rm.cmm-rm{position:absolute;top:4px;inset-inline-start:4px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#0B2349;color:#fff;box-shadow:0 2px 8px rgba(4,18,43,.35);cursor:pointer}
.cmm-p.cmm-p .pc-brand{font-size:.62rem}
.cmm-t.cmm-t{all:unset;box-sizing:border-box;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;font:700 .78rem/1.4 var(--t2-ff-display);color:var(--t2-ink);cursor:pointer}
.cmm-add.cmm-add{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:40px;padding:0 6px;border:0;border-radius:12px;background:linear-gradient(135deg,#0AA5AD,#067A82);color:#fff;font:700 .76rem/1 var(--t2-ff-display);cursor:pointer}
.cmm-soon.cmm-soon{display:grid;place-items:center;width:100%;min-height:40px;border-radius:12px;background:var(--t2-surface-2);font:700 .74rem/1 var(--t2-ff-display);color:var(--t2-ink-2)}
.cmm-diff.cmm-diff{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:14px;background:var(--t2-surface-2);font:700 .82rem/1.4 var(--t2-ff-display);color:var(--t2-ink);cursor:pointer}
.cmm-rows.cmm-rows{display:grid;border:1px solid var(--t2-line);border-radius:18px;overflow:hidden;background:var(--t2-surface)}
.cmm-r.cmm-r+.cmm-r{border-top:1px solid var(--t2-line)}
.cmm-k.cmm-k{padding:8px 12px;background:var(--t2-surface-2);font:800 .76rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.cmm-vs.cmm-vs{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr))}
.cmm-v.cmm-v{padding:10px 8px;font:500 .78rem/1.55 var(--t2-ff-text);color:var(--t2-ink-2);text-align:center;overflow-wrap:anywhere}
.cmm-v.cmm-v+.cmm-v{border-inline-start:1px solid var(--t2-line)}
.cmm-r.cmm-r.is-diff .cmm-v{color:var(--t2-ink);font-weight:700}
.cmm-none.cmm-none{margin:0;padding:16px;font:500 .84rem/1.6 var(--t2-ff-text);color:var(--t2-muted);text-align:center}
.cmm-rm.cmm-rm:focus-visible,.cmm-add.cmm-add:focus-visible,.cmm-t.cmm-t:focus-visible,.cmm-plus.cmm-plus:focus-visible,.cmm-diff.cmm-diff:has(:focus-visible){outline:3px solid var(--t2-brand);outline-offset:2px}
.t2.t2.is-dark .cmm-rm{background:#E8EEF8;color:#0A1F44}
.t2.t2.is-dark .cmm-k{background:#16253F}
.t2.t2.is-dark .cmm-im{background:#F2F6FB}

/* ===== إصلاحات تطبيق الجوال (v107) ===== */
.pp.pp.is-app .pg-segs{padding-inline:16px}
.tb.tb{padding-bottom:6px}
.mk-sec.mk-sec+.mk-sec{margin-top:6px}
.t2-out-ui.t2-out-ui{display:none}
#pv-host.is-app.is-app .t2-app>.t2-head{justify-content:space-between}
#pv-host.is-app.is-app .t2-hd-r{flex:1 1 auto;justify-content:space-evenly}
#pv-host.is-app.is-app .t2.is-client .t2-hbtn.is-out{background:#FDECEA;border:1px solid #F4C3BF}
#pv-host.is-app.is-app .t2-hbtn.is-out .t2-tile{display:none}
#pv-host.is-app.is-app .t2-hbtn.is-out .t2-out-ui{display:grid;place-items:center;color:#C62828}
#pv-host.is-app.is-app .t2.is-dark.is-client .t2-hbtn.is-out{background:rgba(255,138,128,.12);border-color:rgba(255,138,128,.4)}
#pv-host.is-app.is-app .t2.is-dark .t2-hbtn.is-out .t2-out-ui{color:#FF8A80}
#pv-host.is-app.is-app .t2.is-client .t2-hbtn.t2-hmode{border:1px solid var(--t2-line)}
@media (max-width:40rem){.st-modal.st-modal{align-items:end;padding:0}.st-sheet.st-sheet{width:100%;max-height:88vh;border-radius:28px 28px 0 0;padding-bottom:max(22px,env(safe-area-inset-bottom))}.st-modal.st-modal:not(.is-dev) .st-grip{display:block}}
.st-modal.st-modal.is-dev .st-sheet{max-height:88%}
.t2.t2.is-dark .pg-segs i{background:rgba(255,255,255,.14)}
.t2.t2.is-dark .pg-segs b{background:#5FD6D2}

/* ===== v108: السلة في الرأس، والخروج واضح في الويب والتطبيق، وشريط التنقل السفلي للشاشات المتوسطة ===== */
.t2-hbtn.t2-hbtn.is-out .t2-tile{display:none}
.t2-hbtn.t2-hbtn.is-out .t2-out-ui{display:grid;place-items:center;color:#C62828}
.t2.t2.is-client .t2-hbtn.is-out{background:#FDECEA;border-color:#F4C3BF;color:#B3261E}
.t2.t2.is-dark .t2-hbtn.is-out{background:rgba(255,138,128,.12);border-color:rgba(255,138,128,.4);color:#FF9A90}
.t2.t2.is-dark .t2-hbtn.is-out .t2-out-ui{color:#FF8A80}
#pv-host.is-app.is-app .t2.is-client .t2-hbtn.t2-hcart{display:inline-grid!important;place-items:center;width:46px;min-width:46px;height:46px;padding:0;border-radius:16px;border:1px solid var(--t2-line)}
#pv-host.is-app.is-app .t2-hbtn.t2-hcart .t2-tile{width:30px;height:34px}
#pv-host.is-app.is-app .t2.is-client .t2-hbtn.t2-hmode,#pv-host.is-app.is-app .t2.is-client .t2-hbtn.is-out{width:46px;min-width:46px;height:46px}
#pv-host.is-app.is-app .t2-head .t2-hcmd{flex:0 0 46px!important;width:46px!important;height:46px!important}
#pv-host.is-app.is-app .t2-head .t2-avatar{width:46px;height:46px}
#pv-host.is-app.is-app .t2-hd-logo{height:48px!important}
#pv-host.is-app.is-app .t2-app>.t2-head{padding-inline:12px!important;gap:6px!important}
.t2-hcart.t2-hcart .st-cbadge{top:-4px;inset-inline-end:-4px}
@media (min-width:40.01rem) and (max-width:64rem){#pv-host:not(.is-app.is-app) .t2-app>.t2-dock{display:grid;position:fixed;inset-inline:0;bottom:0;grid-template-columns:repeat(4,minmax(0,1fr))}#pv-host:not(.is-app.is-app) .t2-app .t2-main{padding-bottom:96px}#pv-host:not(.is-app.is-app) .t2-app>.t2-dock{z-index:80;padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));background:var(--t2-surface);border-top:1px solid var(--t2-line);box-shadow:0 -10px 28px rgba(10,31,68,.12)}#pv-host:not(.is-app.is-app) .t2-app>.t2-dock .t2-dock-i{position:relative;display:grid;justify-items:center;align-content:center;gap:4px;min-height:64px;padding:4px 2px;border:0;background:transparent;color:var(--t2-ink);font:600 12px/14px var(--t2-ff-display);cursor:pointer}#pv-host:not(.is-app.is-app) .t2-app>.t2-dock .t2-dock-i .t2-tile{width:34px!important;height:34px!important;max-width:34px;max-height:34px}#pv-host:not(.is-app.is-app) .t2-app>.t2-dock .t2-dock-l{display:block;color:var(--t2-ink)}#pv-host:not(.is-app.is-app) .t2-app>.t2-dock .t2-dock-i.is-on::after{content:"";position:absolute;top:-6px;width:26px;height:3px;border-radius:0 0 3px 3px;background:var(--t2-brand)}}

/* v109 شريط الإشعار: عرض كامل بهوامش ثابتة، عنوان قصير واسم المنتج بسطر واحد */
.st-snack.st-snack{left:16px;right:16px;margin-inline:auto;width:auto;max-width:34rem;min-height:60px;padding:10px 10px 10px 12px;gap:12px;transform:translateY(24px);border:1px solid rgba(255,255,255,.08)}
.st-snack.st-snack.is-on{transform:none}
.st-snack.st-snack.is-dev{left:12px;right:12px;max-width:none;bottom:108px}
.st-snack.st-snack .st-snack-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(95,214,210,.16);color:#5FD6D2;font-style:normal}
.st-snack.st-snack .st-snack-tx{flex:1 1 auto;min-width:0;display:grid;gap:2px;text-align:start}
.st-snack.st-snack .st-snack-tx b{font:800 .9rem/1.35 var(--t2-ff-display,sans-serif);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-snack.st-snack .st-snack-tx small{font:500 .78rem/1.4 var(--t2-ff-text,sans-serif);color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-snack.st-snack button{flex:none;min-height:40px;padding:0 14px;white-space:nowrap;background:#FFD27A;color:#0B2349}

/* v110 تنبيه السلة البارز */
.cn.cn{margin:0 0 16px;padding:16px 18px;border-radius:18px;background:#FFF5DC;border:1.5px solid #F0B93A;border-inline-start-width:6px;box-shadow:0 10px 26px -14px rgba(176,112,0,.45)}
.cn.cn .cn-t{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:800 1.02rem/1.4 var(--t2-ff-display);color:#6B4100}
.cn.cn .cn-t .t2-ui-ic{flex:none;color:#C27C00}
.cn.cn .cn-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cn.cn .cn-l li{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.7)}
.cn.cn .cn-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#F0B93A;color:#3A2400;font-style:normal}
.cn.cn .cn-l b{display:block;font:800 .92rem/1.45 var(--t2-ff-display);color:#3A2400}
.cn.cn .cn-l span{display:block;font:600 .88rem/1.7 var(--t2-ff-text);color:#4A3200}
.t2.t2.is-dark .cn{background:rgba(255,200,90,.10);border-color:rgba(255,200,90,.55);box-shadow:none}
.t2.t2.is-dark .cn .cn-t{color:#FFD27A}
.t2.t2.is-dark .cn .cn-t .t2-ui-ic{color:#FFD27A}
.t2.t2.is-dark .cn .cn-l li{background:rgba(255,255,255,.05)}
.t2.t2.is-dark .cn .cn-ic{background:#FFD27A;color:#2A1A00}
.t2.t2.is-dark .cn .cn-l b{color:#FFE6B0}
.t2.t2.is-dark .cn .cn-l span{color:#F2E4C6}

/* v111 ارتفاع الهدر الفعلي في التطبيق حتى لا يتداخل المسار والمحتوى معه */
#pv-host.is-app.is-app .t2-app{--t2-hh:5.25rem}
/* v111 الشريط السفلي: العنصر النشط واضح (خلفية + لون + خط عريض) وغير النشط هادئ */
.t2-dock.t2-dock .t2-dock-i{transition:background-color .2s ease,color .2s ease}
.t2-dock.t2-dock .t2-dock-i .t2-tile{transition:transform .2s ease,filter .2s ease,opacity .2s ease}
.t2-dock.t2-dock .t2-dock-i:not(.is-on) .t2-tile{opacity:.72;filter:saturate(.75)}
.t2-dock.t2-dock .t2-dock-i:not(.is-on) .t2-dock-l{color:var(--t2-muted)!important;font-weight:600}
.t2-dock.t2-dock .t2-dock-i.is-on{margin:4px 3px;border-radius:18px;background:color-mix(in srgb,var(--t2-brand) 16%,transparent)!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--t2-brand) 55%,transparent)}
.t2-dock.t2-dock .t2-dock-i.is-on .t2-tile{transform:translateY(-2px) scale(1.08);opacity:1;filter:none}
.t2-dock.t2-dock .t2-dock-i.is-on .t2-dock-l{color:var(--t2-brand-3,var(--t2-brand))!important;font-weight:800}
.t2-dock.t2-dock .t2-dock-i.is-on::after{top:auto!important;bottom:4px;width:18px!important;height:4px!important;border-radius:4px!important}
.t2.t2.is-dark .t2-dock .t2-dock-i.is-on{background:rgba(95,214,210,.14)!important;box-shadow:inset 0 0 0 1.5px rgba(95,214,210,.5)}
.t2.t2.is-dark .t2-dock .t2-dock-i.is-on .t2-dock-l{color:#7FE3DF!important}
.t2.t2.is-dark .t2-dock .t2-dock-i:not(.is-on) .t2-dock-l{color:#A9B6CC!important}
.t2-dock.t2-dock .t2-dock-i.is-on::after{display:none!important}

/* v112 سوق الحلول الرقمية */
.pc.pc .pc-brand.is-dg{direction:rtl;font:700 .72rem/1.3 var(--t2-ff-display);color:var(--t2-brand-3,var(--t2-brand));text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cl.cl .pc-brand.is-dg{direction:rtl;letter-spacing:0;text-transform:none}
.pc.pc .pc-ln{margin:0;font:500 .8rem/1.55 var(--t2-ff-text);color:var(--t2-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}
.pp-media.pp-media.is-dg{display:block;aspect-ratio:1/1;padding:0;overflow:hidden;border-radius:20px;background:#F4F7FB;border:1px solid var(--t2-line)}
.pp-media.pp-media.is-dg img{display:block;width:100%;height:100%;object-fit:cover}
.br-c-im.br-c-im.is-dg img,.mk-cat.mk-cat.is-dg .mk-cat-ims img,.sh-im.sh-im.is-dg img{object-fit:cover}
.br-c-im.br-c-im.is-dg{overflow:hidden}
.br-c-im.br-c-im.is-dg img{transform:scale(2.3);transform-origin:50% 38%}
.sh-im.sh-im.is-dg img{border-radius:18px;box-shadow:0 18px 40px -18px rgba(10,31,68,.45);max-height:100%;aspect-ratio:1/1}
.dg-facts.dg-facts{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0}
.dg-fact.dg-fact{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;background:var(--t2-surface-2,color-mix(in srgb,var(--t2-brand) 7%,transparent));border:1px solid var(--t2-line);color:var(--t2-brand-3,var(--t2-brand))}
.dg-fact.dg-fact>span{display:grid;gap:0}
.dg-fact.dg-fact small{font:600 .7rem/1.3 var(--t2-ff-text);color:var(--t2-muted)}
.dg-fact.dg-fact b{font:800 .84rem/1.35 var(--t2-ff-display);color:var(--t2-ink)}
.dg-l.dg-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dg-l.dg-l li{display:flex;align-items:flex-start;gap:10px;font:500 .9rem/1.7 var(--t2-ff-text);color:var(--t2-ink)}
.dg-l.dg-l .dg-l-ic{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:3px;border-radius:50%;background:color-mix(in srgb,var(--t2-brand) 14%,transparent);color:var(--t2-brand-3,var(--t2-brand))}
.dg-l.dg-l.is-x .dg-l-ic{background:rgba(179,38,30,.1);color:#B3261E}
.dg-l.dg-l.is-need .dg-l-ic{background:rgba(240,185,58,.18);color:#9A6200}
.dg-g.dg-g{display:grid;gap:8px}
.dg-g.dg-g+.dg-g{padding-top:12px;border-top:1px dashed var(--t2-line)}
.dg-g.dg-g .dg-g-t{margin:0;font:800 .86rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.dg-terms.dg-terms{display:grid;gap:12px}
.dg-time.dg-time{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--t2-brand) 8%,transparent);color:var(--t2-brand-3,var(--t2-brand))}
.dg-time.dg-time>div{display:grid;gap:2px}
.dg-time.dg-time b{font:800 .88rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.dg-time.dg-time span{font:500 .86rem/1.6 var(--t2-ff-text);color:var(--t2-ink)}
.dg-steps.dg-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:none}
.dg-steps.dg-steps li{display:flex;gap:12px;align-items:flex-start}
.dg-steps.dg-steps .dg-step-n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--t2-brand);color:#fff;font:800 .9rem/1 var(--t2-ff-display)}
.dg-steps.dg-steps li>div{display:grid;gap:2px}
.dg-steps.dg-steps b{font:800 .88rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.dg-steps.dg-steps span{font:500 .84rem/1.6 var(--t2-ff-text);color:var(--t2-muted)}
.dg-more.dg-more{display:inline-flex;align-items:center;gap:6px;font:700 .84rem/1.4 var(--t2-ff-display);color:var(--t2-brand-3,var(--t2-brand));text-decoration:underline;text-underline-offset:3px}
.dg-sheet-b.dg-sheet-b{display:grid;gap:16px}
.t2.t2.is-dark .pp-media.is-dg{background:#0F1E38}
.t2.t2.is-dark .dg-l li,.t2.t2.is-dark .dg-time b,.t2.t2.is-dark .dg-time span,.t2.t2.is-dark .dg-steps b,.t2.t2.is-dark .dg-g .dg-g-t,.t2.t2.is-dark .dg-fact b{color:#E8EEF7}
.t2.t2.is-dark .dg-steps span,.t2.t2.is-dark .dg-fact small,.t2.t2.is-dark .pc .pc-ln{color:#A9B6CC}
.t2.t2.is-dark .dg-l .dg-l-ic,.t2.t2.is-dark .dg-time,.t2.t2.is-dark .dg-fact{color:#7FE3DF}
.t2.t2.is-dark .dg-l.is-x .dg-l-ic{background:rgba(255,154,144,.14);color:#FF9A90}
.t2.t2.is-dark .dg-l.is-need .dg-l-ic{background:rgba(255,210,122,.16);color:#FFD27A}
.t2.t2.is-dark .dg-more,.t2.t2.is-dark .pc .pc-brand.is-dg{color:#7FE3DF}
.mk-cat.mk-cat.is-dg .mk-cat-ims{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 8px}
.mk-cat.mk-cat.is-dg .mk-dg-t{display:block;width:28%;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 22px -12px rgba(10,31,68,.45);transition:transform .4s var(--t2-ease-out)}
.mk-cat.mk-cat.is-dg .mk-dg-t.is-0{order:2;width:34%}
.mk-cat.mk-cat.is-dg .mk-dg-t.is-1{order:1}
.mk-cat.mk-cat.is-dg .mk-dg-t.is-2{order:3}
.mk-cat.mk-cat.is-dg .mk-dg-t img{position:static;display:block;width:100%;height:100%;object-fit:cover;transform:scale(3.1);transform-origin:50% 38.5%;mix-blend-mode:normal;border-radius:0;opacity:1}
.mk-cat.mk-cat.is-dg:hover .mk-dg-t.is-0{transform:translateY(-4px)}
.br-c-im.br-c-im.is-dg img{transform:scale(3.1)!important;transform-origin:50% 38.5%!important}
.t2.t2.is-dark .mk-cat.is-dg .mk-dg-t{background:#0F1E38}
/* v116 بلا بطاقة «الكل» في السوقين: عرض الكل داخل كل قسم */

#pv-host.is-app.is-app .mk-cats>.mk-cat:last-child:nth-child(odd){grid-column:1/-1}
#pv-host.is-app.is-app .mk-cats>.mk-cat:last-child:nth-child(odd) .mk-cat-ims{aspect-ratio:16/7}
@media (max-width:60rem){.mk-cats.mk-cats>.mk-cat:last-child:nth-child(odd){grid-column:1/-1}.mk-cats.mk-cats>.mk-cat:last-child:nth-child(odd) .mk-cat-ims{aspect-ratio:16/7}}
.mk-cats.mk-cats>.mk-cat.is-dg:last-child:nth-child(odd) .mk-dg-t{width:16%}
.mk-cats.mk-cats>.mk-cat.is-dg:last-child:nth-child(odd) .mk-dg-t.is-0{width:20%}

/* v118 طلباتي من المتجر */
.so-tabs.so-tabs{margin-bottom:12px}
.so-list.so-list{display:grid;gap:12px;margin-top:12px}
.so-c.so-c{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:18px;background:var(--t2-surface);border:1px solid var(--t2-line)}
.so-ims.so-ims{flex:none;display:grid;gap:6px;width:76px}
.so-ims.so-ims img{width:76px;height:76px;border-radius:14px;object-fit:cover;background:#F4F7FB;border:1px solid var(--t2-line)}
.so-ims.so-ims img+img{width:36px;height:36px;border-radius:10px}
.so-b.so-b{flex:1;min-width:0;display:grid;gap:6px}
.so-top.so-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.so-no.so-no{font:600 .78rem/1.4 ui-monospace,Menlo,monospace;color:var(--t2-muted)}
.so-pill.so-pill{flex:none;font:700 .74rem/1 var(--t2-ff-display);padding:6px 10px;border-radius:99px}
.so-pill.so-pill.is-ok{background:var(--t2-ok-wash,#E4F4EA);color:var(--t2-ok,#1E7B4C)}
.so-pill.so-pill.is-info{background:var(--t2-info-wash,#E3EEFB);color:var(--t2-info,#1F5FA8)}
.so-pill.so-pill.is-warn{background:#FFF1DA;color:#9A5B00}
.so-t.so-t{display:block;font:700 .95rem/1.5 var(--t2-ff-display);color:var(--t2-ink);text-align:start;border:0;background:none;padding:0}
.so-t.so-t.is-link{cursor:pointer}
.so-m.so-m{font:500 .82rem/1.6 var(--t2-ff-text);color:var(--t2-muted)}
.so-f.so-f{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px}
.so-amt.so-amt{font:800 1.02rem/1.3 var(--t2-ff-display);color:var(--t2-ink)}
.so-amt.so-amt.is-refund{color:var(--t2-info,#1F5FA8)}.so-amt.so-amt.is-cancel{color:var(--t2-muted)}
.so-trk.so-trk{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 18px;padding:10px 12px;border-radius:14px;background:var(--t2-bg,#F3F6FA);border:1px dashed var(--t2-line)}
.so-trk.so-trk>span{display:grid;gap:2px}
.so-trk.so-trk small{font:600 .72rem/1.3 var(--t2-ff-text);color:var(--t2-muted)}
.so-trk.so-trk b{font:700 .88rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.so-trk-n.so-trk-n{font:700 .95rem/1.4 ui-monospace,Menlo,monospace;color:var(--t2-ink);letter-spacing:.04em}
.so-copy.so-copy{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-brand-3,var(--t2-brand));font:700 .8rem/1 var(--t2-ff-display);cursor:pointer;margin-inline-start:auto}
.so-steps.so-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.so-steps.so-steps.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.so-steps.so-steps li{display:grid;gap:4px;justify-items:center;text-align:center;font:600 .7rem/1.35 var(--t2-ff-text);color:var(--t2-muted);position:relative}
.so-steps.so-steps li i{width:14px;height:14px;border-radius:50%;background:var(--t2-line);border:2px solid var(--t2-surface);box-shadow:0 0 0 1px var(--t2-line);position:relative;z-index:1}
.so-steps.so-steps li::before{content:"";position:absolute;top:6px;inset-inline-start:-50%;width:100%;height:2px;background:var(--t2-line)}
.so-steps.so-steps li:first-child::before{display:none}
.so-steps.so-steps li.is-done i,.so-steps.so-steps li.is-now i{background:var(--t2-brand);box-shadow:0 0 0 1px var(--t2-brand)}
.so-steps.so-steps li.is-done::before,.so-steps.so-steps li.is-now::before{background:var(--t2-brand)}
.so-steps.so-steps li.is-now{color:var(--t2-ink);font-weight:800}
.so-steps.so-steps li.is-now i{box-shadow:0 0 0 4px color-mix(in srgb,var(--t2-brand) 25%,transparent)}
.so-steps.so-steps small{font-size:.66rem;color:var(--t2-muted)}
.so-hint.so-hint{margin:0;font:500 .78rem/1.6 var(--t2-ff-text);color:var(--t2-muted)}
.so-files.so-files{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}
.so-files.so-files li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--t2-line);color:var(--t2-brand-3,var(--t2-brand))}
.so-files.so-files li>span{display:grid;min-width:0}
.so-files.so-files b{font:700 .84rem/1.4 var(--t2-ff-display);color:var(--t2-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.so-files.so-files small{font:500 .72rem/1.3 var(--t2-ff-text);color:var(--t2-muted)}
.sorc.sorc{display:grid;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--t2-line);background:var(--t2-surface)}
.sorc-h.sorc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;border-bottom:2px solid var(--t2-ink)}
.sorc-h.sorc-h>div{display:grid;gap:2px}.sorc-h.sorc-h b{font:800 1.05rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}.sorc-h.sorc-h>div>span{font:500 .78rem/1.4 var(--t2-ff-text);color:var(--t2-muted)}
.sorc-dl.sorc-dl{margin:0;display:grid;gap:6px}
.rc-dl.rc-dl>div{display:flex;justify-content:space-between;gap:12px;font:500 .86rem/1.5 var(--t2-ff-text)}
.sorc-dl.sorc-dl dt{color:var(--t2-muted)}.sorc-dl.sorc-dl dd{margin:0;color:var(--t2-ink);text-align:end}
.sorc-dl.sorc-dl .is-ref{color:var(--t2-info,#1F5FA8)}
.sorc-t.sorc-t{width:100%;border-collapse:collapse;font:500 .84rem/1.5 var(--t2-ff-text)}
.sorc-t.sorc-t th{font-weight:700;color:var(--t2-muted);text-align:start;padding:6px 0;border-bottom:1px solid var(--t2-line)}
.sorc-t.sorc-t td{padding:8px 0;border-bottom:1px dashed var(--t2-line);color:var(--t2-ink);vertical-align:top}
.sorc-t.sorc-t th:nth-child(2),.sorc-t.sorc-t td:nth-child(2){text-align:center;width:3.5rem}.sorc-t.sorc-t th:last-child,.sorc-t.sorc-t td:last-child{text-align:end;white-space:nowrap}
.sorc-n.sorc-n{margin:0;font:500 .78rem/1.6 var(--t2-ff-text);color:var(--t2-muted)}
.t2.t2.is-dark .so-ims img{background:#0F1E38}
.t2.t2.is-dark .so-pill.is-warn{background:rgba(255,210,122,.14);color:#FFD27A}
.t2.t2.is-dark .so-pill.is-ok{background:rgba(111,217,160,.14);color:#6FD9A0}
.t2.t2.is-dark .so-pill.is-info{background:rgba(127,190,255,.14);color:#9CCBFF}
.t2.t2.is-dark .so-t,.t2.t2.is-dark .so-amt,.t2.t2.is-dark .so-trk b,.t2.t2.is-dark .so-trk-n,.t2.t2.is-dark .sorc-h b,.t2.t2.is-dark .sorc-dl dd,.t2.t2.is-dark .sorc-t td,.t2.t2.is-dark .so-files b,.t2.t2.is-dark .so-steps li.is-now{color:#E8EEF7}
.t2.t2.is-dark .sorc-h{border-bottom-color:#E8EEF7}
.t2.t2.is-dark .so-trk{background:rgba(255,255,255,.03)}
@media (max-width:30rem){.so-c.so-c{flex-direction:column}.so-ims.so-ims{display:flex;width:auto}.so-ims.so-ims img{width:56px;height:56px}.so-ims.so-ims img+img{width:56px;height:56px;border-radius:14px}.so-steps.so-steps small{display:none}}
#pv-host.is-app.is-app .so-c{flex-direction:column}#pv-host.is-app.is-app .so-ims{display:flex;width:auto}#pv-host.is-app.is-app .so-ims img,#pv-host.is-app.is-app .so-ims img+img{width:56px;height:56px;border-radius:14px}
.pk-tabs.pk-tabs.so-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.so-tabs.so-tabs .pk-tab{flex-wrap:wrap;gap:4px 6px;padding:6px 4px;font-size:.84rem;line-height:1.3;text-align:center}
.so-sheet.so-sheet .sorc{grid-template-columns:minmax(0,1fr)}
.sorc.sorc .sorc-dl>div{display:flex!important;flex-wrap:nowrap!important;align-items:baseline;justify-content:space-between;grid-template-columns:none!important}
.sorc.sorc .sorc-dl dt,.sorc.sorc .sorc-dl dd{flex:0 1 auto!important;width:auto!important;max-width:none!important;margin:0!important;grid-column:auto!important}
.sorc.sorc .sorc-dl dd{text-align:end;min-width:0}

/* v120 صفحات الأقسام: فلتر جانبي عريض + بطاقات مصممة */
.shb.shb{display:grid;gap:16px}
.shb-h.shb-h{display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--t2-brand) 22%,transparent),transparent 60%),var(--t2-surface);border:1px solid var(--t2-line)}
.shb-ic.shb-ic{flex:none}.shb-ic.shb-ic .t2-tile{width:54px;height:58px}
.shb-h.shb-h>div{display:grid;gap:2px;min-width:0}
.shb-t.shb-t{margin:0;font:800 1.45rem/1.3 var(--t2-ff-display);color:var(--t2-ink)}
.shb-s.shb-s{margin:0;font:500 .9rem/1.6 var(--t2-ff-text);color:var(--t2-muted)}
.hf-row.hf-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(10.5rem,max-content);gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}
.hf-row.hf-row::-webkit-scrollbar{display:none}
.hf-c.hf-c{scroll-snap-align:start;display:flex;align-items:center;gap:10px;min-height:66px;padding:10px 16px 10px 12px;border-radius:18px;border:1.5px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-ink);cursor:pointer;text-align:start;transition:border-color .2s,background-color .2s,transform .2s}
.hf-c.hf-c .hf-ic .t2-tile{width:36px;height:40px}
.hf-tx.hf-tx{display:grid;gap:2px}.hf-tx.hf-tx b{font:800 .92rem/1.3 var(--t2-ff-display);white-space:nowrap}.hf-tx.hf-tx small{font:600 .72rem/1.2 var(--t2-ff-text);color:var(--t2-muted)}
.hf-c.hf-c.is-on{border-color:var(--t2-brand);background:color-mix(in srgb,var(--t2-brand) 12%,var(--t2-surface));box-shadow:0 8px 20px -12px color-mix(in srgb,var(--t2-brand) 70%,transparent)}
.hf-c.hf-c.is-on .hf-tx b{color:var(--t2-brand-3,var(--t2-brand))}
.hc-sec.hc-sec{display:grid;gap:10px}
.hc-sec-h.hc-sec-h{display:flex;align-items:baseline;gap:8px}
.hc-sec-h.hc-sec-h h2{margin:0;font:800 1.05rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.hc-sec-h.hc-sec-h small{font:700 .78rem/1 var(--t2-ff-display);color:var(--t2-muted);padding:4px 8px;border-radius:99px;background:var(--t2-surface-2,rgba(0,0,0,.04))}
.hc-g.hc-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#pv-host.is-app.is-app .hc-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:60rem){.hc-g.hc-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hc-g.hc-g>.hc:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:60.01rem){#pv-host:not(.is-app.is-app) .hc-g>.hc:last-child:nth-child(odd){grid-column:auto}}
.hc.hc{position:relative;display:grid;align-content:start;gap:10px;padding:14px;border-radius:20px;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-ink);text-align:start;cursor:pointer;min-width:0;box-shadow:0 10px 26px -20px rgba(10,31,68,.45);transition:transform .2s,box-shadow .2s,border-color .2s}
.hc.hc:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--t2-brand) 45%,var(--t2-line))}
.hc.hc:focus-visible,.hf-c.hf-c:focus-visible{outline:3px solid var(--t2-brand);outline-offset:2px}
.hc-row.hc-row{display:flex;align-items:center;gap:10px;min-width:0}
.hc-ic.hc-ic{flex:none}.hc-ic.hc-ic .t2-tile{width:42px;height:46px}
.hc-tx.hc-tx{flex:1;min-width:0;display:grid;gap:2px}
.hc-tx.hc-tx b{font:800 .95rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.hc-tx.hc-tx small{font:500 .78rem/1.5 var(--t2-ff-text);color:var(--t2-muted)}
.hc-go.hc-go{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--t2-surface-2,rgba(0,0,0,.04));color:var(--t2-brand-3,var(--t2-brand))}
.hc-meta.hc-meta{display:flex;flex-wrap:wrap;gap:6px}
.hc-n.hc-n{font:700 .74rem/1 var(--t2-ff-display);padding:6px 10px;border-radius:99px;background:color-mix(in srgb,var(--t2-brand) 12%,transparent);color:var(--t2-brand-3,var(--t2-brand))}
.hc-bd.hc-bd{font:700 .74rem/1 var(--t2-ff-display);padding:6px 10px;border-radius:99px}
.hc-bd.hc-bd.is-danger{background:rgba(179,38,30,.1);color:#B3261E}
.hc-ims.hc-ims{position:relative;display:block;aspect-ratio:16/8;border-radius:14px;overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#fff,#EEF3FA 60%,#E1E9F4)}
.hc-ims.hc-ims img{position:absolute;bottom:-4%;width:40%;aspect-ratio:1;object-fit:cover;border-radius:12px;mix-blend-mode:multiply}
.hc-ims.hc-ims img.is-0{left:30%;z-index:2;width:44%}
.hc-ims.hc-ims img.is-1{left:2%;transform:rotate(-7deg);opacity:.9}
.hc-ims.hc-ims img.is-2{right:2%;transform:rotate(7deg);opacity:.9}
.hc.hc:not(.is-big) .hc-ims{aspect-ratio:16/7}
.hc.hc:not(.is-big) .hc-ims img.is-0{left:28%;width:44%;bottom:-8%}
.t2.t2.is-dark .shb-t,.t2.t2.is-dark .hc-tx b,.t2.t2.is-dark .hc-sec-h h2,.t2.t2.is-dark .hf-tx b{color:#E8EEF7}
.t2.t2.is-dark .hf-c.is-on .hf-tx b{color:#7FE3DF}
.t2.t2.is-dark .hc-tx small,.t2.t2.is-dark .shb-s,.t2.t2.is-dark .hf-tx small{color:#A9B6CC}
.t2.t2.is-dark .hc-n{color:#7FE3DF}
/* الشريط السفلي: ثلاثة عناصر بعد نقل «مختاراتي» إلى الأقسام */
@media (min-width:40.01rem) and (max-width:64rem){#pv-host:not(.is-app.is-app) .t2-app>.t2-dock{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hc-ims.hc-ims.is-dg{display:flex;align-items:center;justify-content:center;gap:8%}
.hc-dgt.hc-dgt{display:block;width:24%;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 22px -12px rgba(10,31,68,.45)}
.hc-dgt.hc-dgt.is-0{order:2;width:30%}.hc-dgt.hc-dgt.is-1{order:1}.hc-dgt.hc-dgt.is-2{order:3}
.hc-dgt.hc-dgt img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(3.1);transform-origin:50% 38.5%}
.t2.t2.is-dark .hc-dgt{background:#0F1E38}
/* بطاقات القسم على الجوال: الأيقونة فوق الاسم، والسهم في الزاوية */
#pv-host.is-app.is-app .hc{padding:12px;gap:8px}
#pv-host.is-app.is-app .hc-row{flex-direction:column;align-items:flex-start;gap:8px}
#pv-host.is-app.is-app .hc-go{position:absolute;inset-inline-end:10px;top:12px;width:26px;height:26px}
#pv-host.is-app.is-app .hc.has-ims .hc-go{top:auto;bottom:12px}
#pv-host.is-app.is-app .hc-tx b{font-size:.9rem}
#pv-host.is-app.is-app .hc-tx small{font-size:.74rem}
#pv-host.is-app.is-app .hc-g>.hc:last-child:nth-child(odd) .hc-row{flex-direction:row;align-items:center}
@media (max-width:40rem){.hc.hc{padding:12px;gap:8px}.hc-row.hc-row{flex-direction:column;align-items:flex-start;gap:8px}.hc-go.hc-go{position:absolute;inset-inline-end:10px;top:12px;width:26px;height:26px}.hc.hc.has-ims .hc-go{top:auto;bottom:12px}.hc-g.hc-g>.hc:last-child:nth-child(odd) .hc-row{flex-direction:row;align-items:center}}
.hc-ims.hc-ims.is-dg .hc-dgt img{position:static;width:100%;height:100%;aspect-ratio:auto;border-radius:0;mix-blend-mode:normal;opacity:1;inset:auto}

/* v122 لوحة الإعلانات */
.ad.ad{position:relative;border-radius:22px;overflow:hidden;color:#fff;isolation:isolate;margin-bottom:14px}
.ad-track.ad-track{display:grid}
.ad-s.ad-s{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:12px;min-height:220px;padding:22px 24px 40px;opacity:0;visibility:hidden;transform:translateX(-14px);transition:opacity .55s ease,transform .55s ease,visibility 0s .55s}
.ad-s.ad-s.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .55s ease,transform .55s ease}
.ad-s.ad-s.is-t0{background:radial-gradient(90% 120% at 0% 100%,rgba(43,179,177,.55),transparent 60%),linear-gradient(135deg,#0B2E66,#0A4C7E 60%,#0C7A88)}
.ad-s.ad-s.is-t1{background:radial-gradient(90% 120% at 100% 0%,rgba(95,214,210,.35),transparent 60%),linear-gradient(135deg,#0C6F7A,#0B4F7C 55%,#0B2E66)}
.ad-s.ad-s.is-t2{background:radial-gradient(80% 120% at 0% 0%,rgba(240,185,58,.35),transparent 60%),linear-gradient(135deg,#0B2349,#173F7A 60%,#0B6E73)}
.ad-s.ad-s.is-t3{background:radial-gradient(90% 120% at 100% 100%,rgba(240,185,58,.4),transparent 60%),linear-gradient(135deg,#0A3E7A,#0B2E66 55%,#132B55)}
.ad-tx.ad-tx{display:grid;gap:6px;justify-items:start;min-width:0;position:relative;z-index:1}
.ad-eye.ad-eye{font:700 .74rem/1 var(--t2-ff-display);padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.14);color:#BFF1EE;letter-spacing:.01em}
.ad-t.ad-t{margin:0;font:800 1.35rem/1.35 var(--t2-ff-display);color:#fff;text-wrap:balance}
.ad-d.ad-d{margin:0;font:500 .88rem/1.65 var(--t2-ff-text);color:rgba(255,255,255,.82);max-width:42ch}
.ad-cta.ad-cta{margin-top:6px;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:12px;border:0;background:#FFD27A;color:#0B2349;font:800 .85rem/1 var(--t2-ff-display);cursor:pointer}
.ad-cta.ad-cta:focus-visible,.ad-dots.ad-dots button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.ad-im.ad-im{position:relative;height:100%;min-height:170px}
.ad-im.ad-im img{position:absolute;bottom:0;width:58%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.35))}
.ad-im.ad-im img.is-0{left:21%;z-index:2;width:64%}
.ad-im.ad-im img.is-1{left:-4%;width:46%;bottom:6%;transform:rotate(-8deg);opacity:.92}
.ad-im.ad-im img.is-2{right:-4%;width:46%;bottom:6%;transform:rotate(8deg);opacity:.92}
.ad-im.ad-im.is-dg{display:flex;align-items:center;justify-content:center;gap:6%}
.ad-dgt.ad-dgt{display:block;width:26%;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 26px -10px rgba(0,0,0,.45)}
.ad-dgt.ad-dgt.is-0{order:2;width:34%}.ad-dgt.ad-dgt.is-1{order:1}.ad-dgt.ad-dgt.is-2{order:3}
.ad-dgt.ad-dgt img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(3.1);transform-origin:50% 38.5%}
.ad-dots.ad-dots{position:absolute;inset-inline:0;bottom:12px;display:flex;justify-content:center;gap:6px;z-index:2}
.ad-dots.ad-dots button{display:grid;place-items:center;width:26px;height:20px;border:0;background:none;padding:0;cursor:pointer}
.ad-dots.ad-dots i{display:block;width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.45);transition:width .3s,background .3s}
.ad-dots.ad-dots .is-on i{width:22px;background:#FFD27A}
#pv-host.is-app.is-app .ad-s{grid-template-columns:minmax(0,1fr) 40%;min-height:196px;padding:18px 16px 36px;gap:8px}
#pv-host.is-app.is-app .ad-t{font-size:1.08rem}
#pv-host.is-app.is-app .ad-d{font-size:.8rem;line-height:1.55}
#pv-host.is-app.is-app .ad-im{min-height:130px}
@media (max-width:40rem){.ad-s.ad-s{grid-template-columns:minmax(0,1fr) 40%;min-height:196px;padding:18px 16px 36px;gap:8px}.ad-t.ad-t{font-size:1.08rem}.ad-d.ad-d{font-size:.8rem}.ad-im.ad-im{min-height:130px}}
@media (prefers-reduced-motion:reduce){.ad-s.ad-s{transition:none}}
.ad-im.ad-im{border-radius:18px;background:radial-gradient(120% 90% at 50% 20%,#fff,#EEF3FA 60%,#DCE6F2);overflow:hidden;align-self:stretch;margin-block:4px}
.ad-im.ad-im img{mix-blend-mode:multiply;filter:none;bottom:-4%}
.ad-im.ad-im img.is-1,.ad-im.ad-im img.is-2{bottom:2%}
.ad-im.ad-im.is-dg .ad-dgt img{position:static;width:100%;height:100%;aspect-ratio:auto;mix-blend-mode:normal;opacity:1;inset:auto;transform:scale(3.1)}
.ad-dgt.ad-dgt{box-shadow:0 12px 22px -12px rgba(10,31,68,.5)}
#pv-host.is-app.is-app .ad-im img.is-0{width:84%;left:8%}
#pv-host.is-app.is-app .ad-im img.is-1,#pv-host.is-app.is-app .ad-im img.is-2{width:60%}
#pv-host.is-app.is-app .ad-im img.is-1{left:-14%}#pv-host.is-app.is-app .ad-im img.is-2{right:-14%}
@media (max-width:40rem){.ad-im.ad-im img.is-0{width:84%;left:8%}.ad-im.ad-im img.is-1,.ad-im.ad-im img.is-2{width:60%}.ad-im.ad-im img.is-1{left:-14%}.ad-im.ad-im img.is-2{right:-14%}}
/* v123 أسعار الخدمات على لوحة الحلول الرقمية */
.ad-from.ad-from{display:inline-flex;align-items:center;gap:6px;font:800 .82rem/1 var(--t2-ff-display);color:#FFD27A;padding:7px 10px;border-radius:10px;background:rgba(255,210,122,.12);border:1px solid rgba(255,210,122,.35)}
.ad-im.ad-im.is-dg{gap:4%;padding:10px 6px}
.ad-dgw.ad-dgw{display:grid;justify-items:center;gap:5px;width:30%;min-width:0}
.ad-dgw.ad-dgw.is-0{order:2;width:34%}.ad-dgw.ad-dgw.is-1{order:1}.ad-dgw.ad-dgw.is-2{order:3}
.ad-dgw.ad-dgw .ad-dgt{width:100%}
.ad-dgw.ad-dgw.is-0 .ad-dgt{width:100%}
.ad-pr.ad-pr{font:800 .8rem/1.1 var(--t2-ff-display);color:#0B2349;background:#FFD27A;padding:5px 8px;border-radius:8px;white-space:nowrap;box-shadow:0 6px 14px -8px rgba(10,31,68,.45)}
.ad-pn.ad-pn{font:600 .66rem/1.35 var(--t2-ff-text);color:#334B6E;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
#pv-host.is-app.is-app .ad-pn{display:none}
@media (max-width:40rem){.ad-pn.ad-pn{display:none}}
#pv-host.is-app.is-app .ad-pr{font-size:.66rem;padding:4px 6px}
@media (max-width:40rem){.ad-pr.ad-pr{font-size:.66rem;padding:4px 6px}}
.ad-im.ad-im.is-dg{gap:3%;padding:10px 4px}
.ad-dgw.ad-dgw{width:27%}.ad-dgw.ad-dgw.is-0{width:32%}
.ad-dgw.ad-dgw{flex:0 0 auto}
#pv-host.is-app.is-app .ad-dgw.is-2{display:none}
#pv-host.is-app.is-app .ad-dgw{width:38%}#pv-host.is-app.is-app .ad-dgw.is-0{width:44%}
@media (max-width:40rem){.ad-dgw.ad-dgw.is-2{display:none}.ad-dgw.ad-dgw{width:38%}.ad-dgw.ad-dgw.is-0{width:44%}}
#pv-host.is-app.is-app .ad-dgw.is-2{display:grid}#pv-host.is-app.is-app .ad-dgw{width:27%}#pv-host.is-app.is-app .ad-dgw.is-0{width:32%}
@media (max-width:40rem){.ad-dgw.ad-dgw.is-2{display:grid}.ad-dgw.ad-dgw{width:27%}.ad-dgw.ad-dgw.is-0{width:32%}}

/* v125 الفلتر الجانبي: البطاقة بعرض نصها دائمًا */
.hf-row.hf-row{display:flex!important;grid-auto-flow:unset;gap:10px}
.hf-row.hf-row>.hf-c{flex:0 0 auto;width:max-content;max-width:none}
.hf-c.hf-c .hf-tx{min-width:0}
/* «الأقسام»: بطاقات الصفحات الرئيسية نفسها */
.hub-in.hub-in{display:grid;gap:14px}
.hub-open.hub-open{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:16px;border:1.5px solid color-mix(in srgb,var(--t2-brand) 45%,var(--t2-line));background:color-mix(in srgb,var(--t2-brand) 8%,var(--t2-surface));color:var(--t2-ink);cursor:pointer;text-align:start}
.hub-open.hub-open b{flex:1;font:800 .95rem/1.4 var(--t2-ff-display)}
.hub-open.hub-open .hc-ic .t2-tile{width:38px;height:42px}
.hub-in.hub-in .hc-sec-h h2{font-size:.95rem}
.t2.t2.is-dark .hub-open b{color:#E8EEF7}

/* v126 شارة المنتج والمفضلة خارج الصورة */
.pc.pc .pc-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;margin:0 0 6px}
.pc.pc .pc-fav.is-bar{position:relative;top:auto;inset:auto;width:34px;height:34px;flex:none}
.pc.pc .pc-fav.is-bar::before{width:34px;height:34px;background:var(--t2-surface-2,#F1F5FA);box-shadow:inset 0 0 0 1px var(--t2-line);backdrop-filter:none}
.pc.pc .pc-badge.is-bar{position:static;box-shadow:none;font-size:.72rem}
.pc.pc .pc-badge.is-bar.is-prev{background:var(--t2-surface-2,#F1F5FA);color:var(--t2-navy);box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.t2.is-dark .pc .pc-fav.is-bar::before{background:rgba(255,255,255,.06)}
.t2.t2.is-dark .pc .pc-fav.is-bar{color:#C9D5E8}
.t2.t2.is-dark .pc .pc-fav.is-bar.is-on{color:#FF7A8A}
.t2.t2.is-dark .pc .pc-badge.is-bar.is-prev{background:rgba(255,255,255,.08);color:#E8EEF7}
/* v127: شارات البطاقات في صفحات الأقسام */
.hc-bd.hc-bd.is-warn{background:rgba(196,122,0,.12);color:#9A5B00}
.hc-bd.hc-bd.is-ok{background:rgba(15,123,92,.1);color:#0F7B5C}
.t2.t2.is-dark .hc-bd.is-warn{background:rgba(245,176,65,.16);color:#F5C26B}
.t2.t2.is-dark .hc-bd.is-ok{background:rgba(52,199,152,.14);color:#6FD9B4}
/* v128: ثبات الصفحة — الظهور تلاشٍ خفيف في مكانه دون حركة للأعلى أو الأسفل */
.lx-rv.lx-rv:not(.mcard){transform:none!important;transition:opacity .3s ease var(--d,0ms)!important}
.is-pre.is-pre:not(.is-in){transform:none!important}
.is-pre.is-pre.is-in{transition:opacity .3s ease var(--in,0ms),box-shadow .35s,border-color .35s!important}
/* v130: قالب مستقل لكل مجموعة في صفحات الأقسام — إطار وشريط عنوان ملوّن وتباعد واضح */
.hc-sec.hc-sec{position:relative;gap:14px;padding:14px 14px 16px;border-radius:24px;background:#F3F7FA;border:1px solid var(--t2-line);box-shadow:0 14px 30px -26px rgba(11,35,73,.45);--sec-a:#06707A;--sec-w:rgba(6,112,122,.09)}
.hc-sec.hc-sec.is-t1{--sec-a:#0B2349;--sec-w:rgba(11,35,73,.07)}
.hc-sec.hc-sec.is-t2{--sec-a:#B9690F;--sec-w:rgba(185,105,15,.09)}
.hc-sec.hc-sec.is-t3{--sec-a:#1B5F93;--sec-w:rgba(27,95,147,.08)}
.hc-sec-h.hc-sec-h{position:relative;align-items:center;gap:10px;margin:-14px -14px 0;padding:12px 16px;border-radius:23px 23px 0 0;background:var(--sec-w);border-bottom:1px solid var(--t2-line)}
.hc-sec-h.hc-sec-h::before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--sec-a)}
[dir="rtl"] .hc-sec-h.hc-sec-h::before{border-radius:4px 0 0 4px}
.hc-sec-ic.hc-sec-ic{display:grid;place-items:center;width:36px;height:36px;flex:none}
.hc-sec-ic.hc-sec-ic .t2-tile{width:36px;height:36px}
.hc-sec-h.hc-sec-h h2{flex:1;min-width:0;font-size:1.02rem;color:var(--sec-a)}
.hc-sec-h.hc-sec-h small{background:#fff;color:var(--sec-a);box-shadow:inset 0 0 0 1px var(--t2-line)}
.shb.shb>.hc-sec{margin-top:6px}
.hub-in.hub-in .hc-sec{padding:12px 12px 14px;border-radius:20px}
.hub-in.hub-in .hc-sec-h{margin:-12px -12px 0;padding:10px 14px;border-radius:19px 19px 0 0}
.t2.t2.is-dark .hc-sec{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09);box-shadow:none;--sec-a:#5FD0C6;--sec-w:rgba(95,208,198,.08)}
.t2.t2.is-dark .hc-sec.is-t1{--sec-a:#A9C1E8;--sec-w:rgba(169,193,232,.07)}
.t2.t2.is-dark .hc-sec.is-t2{--sec-a:#F5C26B;--sec-w:rgba(245,194,107,.08)}
.t2.t2.is-dark .hc-sec.is-t3{--sec-a:#8CC4EE;--sec-w:rgba(140,196,238,.08)}
.t2.t2.is-dark .hc-sec-h{border-bottom-color:rgba(255,255,255,.08)}
.t2.t2.is-dark .hc-sec-h h2{color:var(--sec-a)}
.t2.t2.is-dark .hc-sec-h small{background:rgba(255,255,255,.06);color:var(--sec-a);box-shadow:none}
/* v132: الوضع الليلي والأيقونات — بلاطة أفتح بحافة مضيئة، وصور المنتجات على لوح هادئ بدل الأبيض الساطع، ووضوح الشارات والأزرار */
.t2.t2.is-dark svg.t2-tile>rect:nth-of-type(1){fill:#0C8E97}
.t2.t2.is-dark svg.t2-tile>rect:nth-of-type(2){fill:url(#top-teal-d)}
.t2.t2.is-dark svg.t2-tile>rect:nth-of-type(3){stroke:rgba(255,255,255,.5);stroke-width:2.5}
.t2.t2.is-dark svg.t2-tile>g:last-of-type{fill:#FFFFFF}
.t2.t2 .pk-tab .t2-ui-ic{color:#06707A}
.t2.t2.is-dark .pk-tab .t2-ui-ic{color:#6FDCD6}
.t2.t2.is-dark .pc-media{background:radial-gradient(120% 90% at 50% 18%,#E6ECF3 0%,#D6DEE8 60%,#C6D1DD 100%)}
.t2.t2.is-dark .hc-ims,.t2.t2.is-dark .ad-im,.t2.t2.is-dark .sh-im,.t2.t2.is-dark .cl-im,.t2.t2.is-dark .pg-th,.t2.t2.is-dark .pp-media,.t2.t2.is-dark .br-c-im,.t2.t2.is-dark .mk-cat-ims,.t2.t2.is-dark .ad-dgt,.t2.t2.is-dark .pg-kb{background:#D6DEE8}
.t2.t2.is-dark .pc-media img,.t2.t2.is-dark .hc-ims img,.t2.t2.is-dark .ad-im img,.t2.t2.is-dark .sh-im img,.t2.t2.is-dark .cl-im img,.t2.t2.is-dark .pg-th img,.t2.t2.is-dark .pp-media img,.t2.t2.is-dark .br-c-im img,.t2.t2.is-dark .mk-cat-ims img,.t2.t2.is-dark .ad-dgt img{mix-blend-mode:multiply}
.t2.t2.is-dark .pc-shine{opacity:.35}
.t2.t2.is-dark .hc-bd.is-danger{background:rgba(255,120,110,.16);color:#FFA39B}
.t2.t2 .t2-nbadge{background:#C0262D!important}
.t2.t2 .lv-who .t2-hwho-r{color:#06707A}
.t2.t2.is-dark .lv-who .t2-hwho-r,.t2.t2.is-dark .t2-hwho-r{color:#7FE0E4}
.t2.t2.is-dark .t2-btn.is-primary:not(.qp-bulk .t2-btn){background:#077C86!important;border-color:#077C86!important}
.t2.t2.is-dark .t2-btn.is-primary:not(.qp-bulk .t2-btn):hover{background:#06656E!important;border-color:#06656E!important}
.t2.t2.is-dark .mg-cnt b{background:#077C86}
.t2.t2 .mg-cnt b{background:#077C86}
.hc-sec.hc-sec.is-t2{--sec-a:#94540A}
/* v133: رأس الصفحة المضغوط — نفس شكل رأس القسم */
.t2-phead-tx.t2-phead-tx{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;border:1px solid var(--t2-line);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--t2-brand) 18%,transparent),transparent 60%),var(--t2-surface)}
.t2-phead-ic.t2-phead-ic{flex:none;display:grid;place-items:center}.t2-phead-ic.t2-phead-ic .t2-tile{width:42px;height:46px}
.t2-phead-tt.t2-phead-tt{display:grid;gap:2px;min-width:0}
.t2.t2 .t2-phead-t{font-size:clamp(1.15rem,1rem + .6vw,1.45rem);line-height:1.35}
.t2.t2 .t2-phead-s{font-size:.88rem;line-height:1.6}
.t2-phead-tx.t2-phead-tx[hidden],.t2-phead-ic.t2-phead-ic[hidden]{display:none!important}
/* v133: فلتر الشريط في صفحات الفروع */
.fc-wrap.fc-wrap{display:grid;gap:6px;min-width:0}
.fc-c.fc-c .fc-n{font-style:normal;display:inline-block;min-width:1.4em;padding:1px 6px;margin-inline-end:2px;border-radius:99px;background:var(--t2-brand-wash,#E3F2F3);color:#06707A;font-weight:800;text-align:center}
.fc-c.fc-c.is-warn .fc-n{background:#FFF1DC;color:#8A4E08}
.fc-c.fc-c.is-danger .fc-n{background:#FBE4E2;color:#A12B22}
.fc-c.fc-c.is-ok .fc-n{background:#E1F4EC;color:#11684F}
.fc-c.fc-c.is-info .fc-n{background:#E4F0FB;color:#1B5F93}
.fc-c.fc-c.is-0{opacity:.7}
.fc-hint.fc-hint{margin:0;font-size:.84rem;color:var(--t2-muted)}
.t2.t2.is-dark .fc-c .fc-n{background:rgba(95,208,198,.14);color:#7FE3DF}
.t2.t2.is-dark .fc-c.is-warn .fc-n{background:rgba(245,194,107,.14);color:#F5C26B}
.t2.t2.is-dark .fc-c.is-danger .fc-n{background:rgba(255,120,110,.16);color:#FFA39B}
.t2.t2.is-dark .fc-c.is-ok .fc-n{background:rgba(111,217,180,.14);color:#6FD9B4}
.t2.t2.is-dark .fc-c.is-info .fc-n{background:rgba(140,196,238,.14);color:#8CC4EE}
.t2.t2.is-dark .fc-hint{color:#A9B6CC}
/* v133: خيار العقد في القائمة المنسدلة */
.t2-cb-o.t2-cb-o .t2-cb-rt{display:grid;gap:2px;flex:1;min-width:0}
.t2-cb-o.t2-cb-o .t2-cb-rt b{font:700 .92rem/1.4 var(--t2-ff-display)}
.t2-cb-o.t2-cb-o .t2-cb-rt small{font:500 .78rem/1.4 var(--t2-ff-text);color:var(--t2-muted)}
.t2-cb-o.t2-cb-o:has(.t2-cb-rt){display:flex;align-items:center;gap:10px}
.t2-cb-o.t2-cb-o .t2-cb-oic .t2-tile{width:30px;height:34px}
.t2-cb-btn.t2-cb-btn[disabled]{opacity:.55;cursor:not-allowed}
/* v133: قائمتا الشهر والسنة في التقويم بشكل حقول المنصة */
.t2.t2 .t2-dp-sel{appearance:none;-webkit-appearance:none;padding:0 1.6rem 0 .6rem;background:var(--t2-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 256 256'%3E%3Cpath fill='%2306707A' d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E") no-repeat left .5rem center;border-radius:10px}
/* v133: العقود المختارة في التوحيد */
.mg-sel.mg-sel{display:grid;gap:8px}
.mg-sel.mg-sel .fx-lockc{position:relative;padding-inline-end:44px}
.mg-x.mg-x{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-ink);cursor:pointer;display:grid;place-items:center}

/* v133: الرأس الكحلي بالأرقام يصير ملخصًا فاتحًا بنفس شكل رأس القسم — يبقى الكحلي في لوحتي وبطاقة العضوية فقط */
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *){--hx-ok:#11684F;--hx-warn:#8A4E08;--hx-bad:#A12B22;--hx-okw:#E1F4EC;--hx-warnw:#FFF1DC;--hx-badw:#FBE4E2;--hx-tile:#F3F7FA;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--t2-brand) 16%,transparent),transparent 60%),var(--t2-surface)!important;color:var(--t2-ink)!important;border:1px solid var(--t2-line)!important;box-shadow:none!important}
.t2.t2.is-dark :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *){--hx-ok:#6FD9B4;--hx-warn:#F5C26B;--hx-bad:#FFA39B;--hx-okw:rgba(111,217,180,.14);--hx-warnw:rgba(245,194,107,.14);--hx-badw:rgba(255,120,110,.16);--hx-tile:rgba(255,255,255,.04)}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *)::before,.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *)::after,.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .lx-glow,.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .lx-guil{display:none!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(h2,.fx-hero-v.fx-hero-v,.st-hero-v.st-hero-v b,.lx-tile.lx-tile b,.fx-fs.fx-fs b,.st-hero-t.st-hero-t b,.lx-ring-c.lx-ring-c b,.fx-fin-tx.fx-fin-tx b){color:var(--t2-ink)!important;-webkit-text-fill-color:var(--t2-ink)!important;background:none!important;text-shadow:none!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.lx-sub,.fx-hero-l.fx-hero-l,.fx-fin-date.fx-fin-date,.fx-fs.fx-fs span,.fx-fs.fx-fs small,.lx-tile.lx-tile small,.st-hero-t.st-hero-t span,.st-hero-v.st-hero-v span,.st-hero-v.st-hero-v em,.lx-ring-c.lx-ring-c small,.fx-hero-s.fx-hero-s,.fx-fin-tx.fx-fin-tx span,.fx-fin-tx.fx-fin-tx small){color:var(--t2-muted)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.lx-eye,.fx-eye.fx-eye,.st-hero-t.st-hero-t small,.st-hero-v.st-hero-v b small){color:var(--t2-brand-3,#06707A)!important;-webkit-text-fill-color:currentColor!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.lx-tile,.st-hero-v.st-hero-v,.fx-fs.fx-fs){background:var(--hx-tile)!important;border:1px solid var(--t2-line)!important;box-shadow:none!important;backdrop-filter:none!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .fx-fin-s{background:var(--t2-line)!important;border-color:var(--t2-line)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .fx-fs{border:0!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.lx-tile.is-ok b,.fx-fs.fx-fs.is-ok b){color:var(--hx-ok)!important;-webkit-text-fill-color:var(--hx-ok)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.lx-tile.is-warn b,.fx-fs.fx-fs.is-warn b){color:var(--hx-warn)!important;-webkit-text-fill-color:var(--hx-warn)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.lx-tile.is-bad b,.lx-tile.lx-tile.is-danger b,.fx-fs.fx-fs.is-bad b){color:var(--hx-bad)!important;-webkit-text-fill-color:var(--hx-bad)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.lx-pill.is-ok,.st-pill.st-pill.is-ok){background:var(--hx-okw)!important;border-color:transparent!important;color:var(--hx-ok)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.lx-pill.is-warn,.st-pill.st-pill.is-warn){background:var(--hx-warnw)!important;border-color:transparent!important;color:var(--hx-warn)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.lx-pill.is-danger,.lx-pill.lx-pill.is-bad,.st-pill.st-pill.is-danger){background:var(--hx-badw)!important;border-color:transparent!important;color:var(--hx-bad)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .lx-r0{stroke:var(--t2-line)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .lx-tile-ic{color:var(--t2-brand-3,#06707A)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .fx-fin-bar{background:var(--t2-line)!important}

.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .fx-ring-v{fill:var(--t2-ink)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .fx-ring-l{fill:var(--t2-muted)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .fx-next{background:var(--hx-tile)!important;border:1px solid var(--t2-line)!important;backdrop-filter:none!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .fx-next :is(span,small){color:var(--t2-muted)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .fx-next b{color:var(--t2-ink)!important}
/* v134: قالب المجموعة داخل صفحات الفروع */
.hc-sec.hc-sec.is-gs{margin-top:4px}
.hc-sec-n.hc-sec-n{margin:-4px 2px 0;font-size:.84rem;color:var(--t2-muted)}
.t2.t2.is-dark .hc-sec-n{color:#A9B6CC}
.hc-sec.hc-sec.is-gs .lv-hub{margin:0}
/* v135: الجوال والويب بالمحتوى نفسه — بطاقة المنتج الضيقة تُظهر عدد الشراء والألوان وكلمة «أضف» */
@container pc (max-width:190px){.pc.pc .pc-add span{display:inline!important}.pc.pc .pc-add{width:100%!important;padding:0 10px!important;justify-content:center;gap:6px}.pc.pc .pc-foot{display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px}.pc.pc .pc-rate span{display:inline!important}.pc.pc .pc-top{flex-wrap:wrap;row-gap:2px}.pc.pc .pc-dots{display:inline-flex!important}}
/* v135: لا شرائط أفقية في الجوال إلا للفلتر ولوحة الإعلانات — البطاقات شبكة من عمودين */
#pv-host.is-app.is-app .t2-grid,#pv-host.is-app.is-app .fx-kpis,#pv-host.is-app.is-app .fx-inds,#pv-host.is-app.is-app .fx-ccs,#pv-host.is-app.is-app .fx-dn,#pv-host.is-app.is-app .fx-ops2,#pv-host.is-app.is-app .fx-pcs2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;overflow:visible!important;gap:10px!important}
#pv-host.is-app.is-app :is(.t2-grid,.fx-kpis.fx-kpis,.fx-inds.fx-inds,.fx-ccs.fx-ccs,.fx-dn.fx-dn,.fx-ops2.fx-ops2,.fx-pcs2.fx-pcs2)>*{min-width:0!important;width:auto!important;max-width:none!important}
#pv-host.is-app.is-app :is(.t2-grid,.fx-kpis.fx-kpis,.fx-inds.fx-inds,.fx-ccs.fx-ccs,.fx-dn.fx-dn,.fx-ops2.fx-ops2,.fx-pcs2.fx-pcs2)>:last-child:nth-child(odd){grid-column:1/-1}
#pv-host.is-app.is-app .nh-card .t2-card-t,#pv-host.is-app.is-app .nh-card b{padding-inline-end:24px}
#pv-host.is-app.is-app .sh .sh-d{display:block!important;font-size:.8rem;line-height:1.55;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* v136: نصوص داخل الملخصات الفاتحة — كانت بألوان الخلفية الكحلية فبهتت */
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.st-prog-l span,.st-tile.st-tile span,.st-tile.st-tile small,.fx-pd-trk-h.fx-pd-trk-h span,.pt-i.pt-i small,.pt-s.pt-s,.fx-rg.fx-rg>span,.fx-rg.fx-rg>small,.mg-cmp-i.mg-cmp-i span,.mg-cmp-i.mg-cmp-i b small,.fx-trk.fx-trk.is-lg i){color:var(--t2-muted)!important;-webkit-text-fill-color:currentColor!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .fx-hero-v small{color:var(--t2-muted)!important;-webkit-text-fill-color:var(--t2-muted)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.st-prog-l b,.st-tile.st-tile b,.st-tile.st-tile b bdi,.fx-pd-trk-h.fx-pd-trk-h span:first-child,.mg-cmp-i.mg-cmp-i b){color:var(--t2-ink)!important;-webkit-text-fill-color:currentColor!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.st-tile.is-ok b,.st-tile.st-tile.is-ok b bdi,.pt-i.pt-i.is-ok .pt-s){color:var(--hx-ok)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.st-tile.is-warn b,.st-tile.st-tile.is-warn b bdi,.mg-cmp-i.mg-cmp-i.is-tbd b){color:var(--hx-warn)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.st-tile.is-bad b,.st-tile.st-tile.is-danger b,.st-tile.st-tile.is-bad b bdi,.pt-i.pt-i.is-bad .pt-s,.pt-i.pt-i.is-dflt .pt-s){color:var(--hx-bad)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.pt-i.is-def .pt-s,.pt-i.pt-i.is-part .pt-s){color:#1B5F93!important}
.t2.t2.is-dark :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.pt-i.is-def .pt-s,.pt-i.pt-i.is-part .pt-s){color:#8CC4EE!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.st-tile,.mg-cmp-i.mg-cmp-i,.fx-pd-trk.fx-pd-trk){background:var(--hx-tile)!important;box-shadow:inset 0 0 0 1px var(--t2-line)!important;border-color:var(--t2-line)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .mg-cmp-i.is-new{background:var(--hx-okw)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .fx-trk.is-lg i{background:var(--hx-tile)!important;box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .st-prog-b{background:var(--t2-line)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .pt-i:not(.is-ok)::before{background:var(--t2-line)!important}

.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .pt-i>b{color:var(--t2-ink)!important}
.t2.t2 :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) .pt-lg>*{color:var(--t2-muted)!important}
.t2.t2 .st-flow-i.is-now .st-flow-n{background:#077C86}
.t2.t2.is-dark{--t2-brand-3:#5FCFCB}
.t2.t2.is-dark :is(.lx-hero,.fx-fin.fx-fin,.fx-hero.fx-hero,.st-hero.st-hero):not(.lx-dash *):not(.hs-home *):not(.tm *) :is(.lx-eye,.fx-eye.fx-eye,.st-hero-t.st-hero-t small,.st-hero-v.st-hero-v b small){color:#6FDCD6!important}
.t2.t2.is-dark .st-flow-i.is-now .st-flow-n{color:#fff!important;background:#077C86!important}
#pv-host.is-app.is-app .st-flow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;overflow:visible!important;gap:10px!important}
#pv-host.is-app.is-app .st-flow>*{min-width:0!important;width:auto!important}
/* v137: صف خيار موحّد في كل القوائم المنسدلة (يعمل داخل الصفحة وفي اللوحة السفلية) */
.t2-cb-o.t2-cb-o.t2-cb-o{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px}
.t2-cb-o.t2-cb-o .t2-cb-rt{display:grid;gap:2px;flex:1;min-width:0;text-align:start}
.t2-cb-o.t2-cb-o .t2-cb-rt b{font:600 .95rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.t2-cb-o.t2-cb-o.is-sel .t2-cb-rt b{font-weight:800;color:#067A82}
.t2-cb-o.t2-cb-o .t2-cb-rt small{font:500 .78rem/1.4 var(--t2-ff-text);color:var(--t2-muted)}
.t2-cb-o.t2-cb-o .t2-cb-ck,.t2-cb-o.t2-cb-o .t2-cb-rd{order:9;flex:none;margin-inline-start:auto}
.t2-cb-rd.t2-cb-rd{position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid #C6D2E1;background:#fff;box-sizing:border-box}
.t2-cb-o.t2-cb-o.is-sel .t2-cb-rd{border-color:#077C86;background:#077C86}
.t2-cb-o.t2-cb-o.is-sel .t2-cb-rd::before{content:"";width:10px;height:6px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.t2-cb-o.t2-cb-o .t2-pill{flex:none}
:is(.t2.t2.is-dark,html.pv-dark.pv-dark) .t2-cb-o .t2-cb-rt b{color:#E8EEF7}
:is(.t2.t2.is-dark,html.pv-dark.pv-dark) .t2-cb-o.is-sel .t2-cb-rt b{color:#7FE3DF}
:is(.t2.t2.is-dark,html.pv-dark.pv-dark) .t2-cb-o .t2-cb-rt small{color:#A9B6CC}
:is(.t2.t2.is-dark,html.pv-dark.pv-dark) .t2-cb-rd{border-color:#41536E;background:transparent}
:is(.t2.t2.is-dark,html.pv-dark.pv-dark) .t2-cb-o.is-sel .t2-cb-rd{border-color:#0C8E97;background:#0C8E97}
html.pv-dark.pv-dark .t2-cb-pop.is-sheet,html.pv-dark.pv-dark .t2-dp-pop.is-sheet{background:#13203A!important;color:#E8EEF7}
html.pv-dark.pv-dark .t2-cb-pop.is-sheet .t2-cb-sh b,html.pv-dark.pv-dark .t2-dp-pop.is-sheet .t2-cb-sh b{color:#E8EEF7}
/* v137: حقل التاريخ بنفس شكل القائمة المنسدلة، ويفتح لوحة سفلية في الجوال */
.t2.t2 .t2-input.t2-dp .t2-dp-i{color:var(--t2-ink)}
.t2.t2.is-dark .t2-input.t2-dp .t2-dp-i{color:#E8EEF7}
.t2-dp-pop.t2-dp-pop .t2-cb-sh{display:none}
.t2-dp-pop.t2-dp-pop.is-sheet{display:block!important;position:fixed!important;z-index:201;inset-inline:0!important;top:auto!important;bottom:0;width:auto!important;max-width:none!important;max-height:86dvh;overflow:auto;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px))!important;border-radius:22px 22px 0 0!important;box-shadow:0 -18px 40px rgba(7,21,46,.25)!important}
.t2-dp-pop.t2-dp-pop.is-sheet .t2-cb-sh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 2px 10px;margin-bottom:10px;border-bottom:1px solid var(--t2-line,#E3EAF3)}
.t2.t2.t2-shost{display:contents}
.t2-dp-pop.t2-dp-pop.is-sheet .t2-dp-d{min-height:42px;font-size:1rem}
.t2.t2.is-dark .t2-dp-pop{background:var(--t2-surface);border-color:var(--t2-line)}
/* v137: وسم «اختياري» الموحّد */
.t2.t2 .t2-opt{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:99px;background:var(--t2-surface-2,#F1F5FA);color:var(--t2-muted);font:600 .7rem/1.6 var(--t2-ff-text);vertical-align:middle;box-shadow:inset 0 0 0 1px var(--t2-line)}
.t2.t2.is-dark .t2-opt{background:rgba(255,255,255,.06);color:#A9B6CC}
.t2.t2.is-dark .t2-dp-a.is-main{background:#0C8E97;border-color:#0C8E97;color:#fff}
.t2-cb-sh.t2-cb-sh .t2-cb-x{font-size:1.35rem;line-height:1}

/* v138: ألوان الملخصات الفاتحة بمحددات بسيطة تعمل في كل المتصفحات (Safari على الآيفون) */
.t2.t2 .st-prog-l span,.t2.t2 .st-tile span,.t2.t2 .st-tile small,.t2.t2 .fx-pd-trk-h span,.t2.t2 .pt-i small,.t2.t2 .pt-s,.t2.t2 .fx-rg>span,.t2.t2 .fx-rg>small,.t2.t2 .mg-cmp-i span,.t2.t2 .mg-cmp-i b small,.t2.t2 .fx-trk.is-lg i,.t2.t2 .fx-hero-v small,.t2.t2 .pt-lg>*{color:#566A88!important;-webkit-text-fill-color:#566A88!important}
.t2.t2 .st-prog-l b,.t2.t2 .st-tile b,.t2.t2 .st-tile b bdi,.t2.t2 .fx-pd-trk-h span:first-child,.t2.t2 .mg-cmp-i b,.t2.t2 .pt-i>b{color:#0A1F44!important;-webkit-text-fill-color:#0A1F44!important}
.t2.t2 .st-tile.is-ok b,.t2.t2 .st-tile.is-ok b bdi,.t2.t2 .pt-i.is-ok .pt-s{color:#11684F!important;-webkit-text-fill-color:#11684F!important}
.t2.t2 .st-tile.is-warn b,.t2.t2 .st-tile.is-warn b bdi,.t2.t2 .mg-cmp-i.is-tbd b{color:#8A4E08!important;-webkit-text-fill-color:#8A4E08!important}
.t2.t2 .st-tile.is-bad b,.t2.t2 .st-tile.is-danger b,.t2.t2 .st-tile.is-bad b bdi,.t2.t2 .pt-i.is-bad .pt-s,.t2.t2 .pt-i.is-dflt .pt-s{color:#A12B22!important;-webkit-text-fill-color:#A12B22!important}
.t2.t2 .pt-i.is-def .pt-s,.t2.t2 .pt-i.is-part .pt-s{color:#1B5F93!important;-webkit-text-fill-color:#1B5F93!important}
.t2.t2 .st-tile,.t2.t2 .mg-cmp-i,.t2.t2 .fx-pd-trk,.t2.t2 .fx-trk.is-lg i{background:#F3F7FA!important;box-shadow:inset 0 0 0 1px #D4DEEA!important;border-color:#D4DEEA!important}
.t2.t2 .mg-cmp-i.is-new{background:#E1F4EC!important}
.t2.t2 .st-prog-b,.t2.t2 .pt-i:not(.is-ok)::before{background:#D4DEEA!important}
.t2.t2.is-dark .st-prog-l span,.t2.t2.is-dark .st-tile span,.t2.t2.is-dark .st-tile small,.t2.t2.is-dark .fx-pd-trk-h span,.t2.t2.is-dark .pt-i small,.t2.t2.is-dark .pt-s,.t2.t2.is-dark .fx-rg>span,.t2.t2.is-dark .fx-rg>small,.t2.t2.is-dark .mg-cmp-i span,.t2.t2.is-dark .mg-cmp-i b small,.t2.t2.is-dark .fx-trk.is-lg i,.t2.t2.is-dark .fx-hero-v small,.t2.t2.is-dark .pt-lg>*{color:#93A6C4!important;-webkit-text-fill-color:#93A6C4!important}
.t2.t2.is-dark .st-prog-l b,.t2.t2.is-dark .st-tile b,.t2.t2.is-dark .st-tile b bdi,.t2.t2.is-dark .fx-pd-trk-h span:first-child,.t2.t2.is-dark .mg-cmp-i b,.t2.t2.is-dark .pt-i>b{color:#E8EEF8!important;-webkit-text-fill-color:#E8EEF8!important}
.t2.t2.is-dark .st-tile.is-ok b,.t2.t2.is-dark .st-tile.is-ok b bdi,.t2.t2.is-dark .pt-i.is-ok .pt-s{color:#6FD9B4!important;-webkit-text-fill-color:#6FD9B4!important}
.t2.t2.is-dark .st-tile.is-warn b,.t2.t2.is-dark .st-tile.is-warn b bdi,.t2.t2.is-dark .mg-cmp-i.is-tbd b{color:#F5C26B!important;-webkit-text-fill-color:#F5C26B!important}
.t2.t2.is-dark .st-tile.is-bad b,.t2.t2.is-dark .st-tile.is-danger b,.t2.t2.is-dark .st-tile.is-bad b bdi,.t2.t2.is-dark .pt-i.is-bad .pt-s,.t2.t2.is-dark .pt-i.is-dflt .pt-s{color:#FFA39B!important;-webkit-text-fill-color:#FFA39B!important}
.t2.t2.is-dark .pt-i.is-def .pt-s,.t2.t2.is-dark .pt-i.is-part .pt-s{color:#8CC4EE!important;-webkit-text-fill-color:#8CC4EE!important}
.t2.t2.is-dark .st-tile,.t2.t2.is-dark .mg-cmp-i,.t2.t2.is-dark .fx-pd-trk,.t2.t2.is-dark .fx-trk.is-lg i{background:rgba(255,255,255,.04)!important;box-shadow:inset 0 0 0 1px #24385B!important;border-color:#24385B!important}
.t2.t2.is-dark .mg-cmp-i.is-new{background:rgba(111,217,180,.14)!important}
.t2.t2.is-dark .st-prog-b,.t2.t2.is-dark .pt-i:not(.is-ok)::before{background:#24385B!important}
.t2.t2 .st-hero-t small,.t2.t2 .st-hero-v b small{color:#067A82!important;-webkit-text-fill-color:#067A82!important}
.t2.t2 .st-hero-t b,.t2.t2 .st-hero-v b{color:#0A1F44!important;-webkit-text-fill-color:#0A1F44!important}
.t2.t2 .st-hero-t span,.t2.t2 .st-hero-v span,.t2.t2 .st-hero-v em{color:#566A88!important;-webkit-text-fill-color:#566A88!important}
.t2.t2.is-dark .st-hero-t small,.t2.t2.is-dark .st-hero-v b small{color:#6FDCD6!important;-webkit-text-fill-color:#6FDCD6!important}
.t2.t2.is-dark .st-hero-t b,.t2.t2.is-dark .st-hero-v b{color:#E8EEF8!important;-webkit-text-fill-color:#E8EEF8!important}
.t2.t2.is-dark .st-hero-t span,.t2.t2.is-dark .st-hero-v span,.t2.t2.is-dark .st-hero-v em{color:#93A6C4!important;-webkit-text-fill-color:#93A6C4!important}
/* v139: مراجعة شاملة للتباين في Safari والفاتح والليلي */
.pv-bar.pv-bar .pv-ver{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:99px;background:rgba(255,255,255,.14);font-weight:800;font-size:.78em}
.t2.t2 .t2-step.is-todo{opacity:1}
.t2.t2 .t2-step.is-todo .t2-step-n{opacity:.7}
.fc-c.fc-c.is-0{opacity:1!important}
.fc-c.fc-c.is-0 .fc-n{background:#EEF2F7!important;color:#566A88!important}
.t2.t2.is-dark .fc-c.is-0 .fc-n{background:rgba(255,255,255,.07)!important;color:#93A6C4!important}
.t2.t2 .t2-pb-doc-req.is-req{color:#067A82}
.t2.t2.is-dark .t2-pb-doc-req.is-req{color:#5FD6D2}
.t2.t2 .pr-rate{color:#8A5A0B}
.t2.t2.is-dark .pr-rate{color:#F5C46B}
.fx-pd.fx-pd .fx-pd-st.is-deferred{background:linear-gradient(180deg,#B9690F,#8A4E08)}
.t2.t2 .tm .hs-pill{color:#7FF0DD!important;-webkit-text-fill-color:#7FF0DD!important}
.t2.t2 .tm .hs-pill.is-off{color:#FFB4AC!important;-webkit-text-fill-color:#FFB4AC!important}
.tm.tm .tnode.lock,.tm-lv.tm-lv .tnode.lock{opacity:.85!important}
.t2.t2:not(.is-dark) .t2-stp-i.is-now .t2-stp-s{color:#067A82!important}
.t2.t2:not(.is-dark) .t2-stp-i.is-now .t2-stp-m{color:#05666D!important}
.t2.t2:not(.is-dark) .fx-chead-t .rq-dt,.t2.t2:not(.is-dark) .fx-chead-t .rq-dt small{color:#06707A!important}
.t2.t2.is-dark .fx-chead-t .rq-dt small{color:inherit!important}
/* v140: سداد أكثر من عقد */
.st-grp.st-grp+.st-grp{margin-top:16px}
.st-grp-h.st-grp-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 8px;font:700 .95rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.st-grp-h.st-grp-h small{font:600 .8rem/1.5 var(--t2-ff-text);color:var(--t2-muted)}
.st-pn-a.st-pn-a{display:flex;flex-wrap:wrap;gap:8px}
/* v141: صور الحلول الرقمية في الليلي — بلا دمج مع الخلفية الداكنة */
.t2.t2.is-dark .hc-dgt img,.t2.t2.is-dark .mk-dg-t img,.t2.t2.is-dark .pp-media.is-dg img{mix-blend-mode:normal!important}
.t2.t2.is-dark .hc-dgt,.t2.t2.is-dark .mk-dg-t{background:#fff!important}
/* v141: مراسلة جديدة */
.m2-kind.m2-kind .t2-mp-t{display:grid;gap:2px}
.m2-kind.m2-kind .m2-d{display:block;font:500 .78rem/1.45 var(--t2-ff-text);color:var(--t2-muted)}
.m2-none.m2-none{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:14px;border-radius:14px;background:#FFF6E8;border:1px solid #F3D7A6}
.m2-none.m2-none>div{display:grid;gap:6px;justify-items:start}
.m2-none.m2-none b{font:800 .95rem/1.5 var(--t2-ff-display);color:#7A4308}
.m2-none.m2-none span{font-size:.88rem;line-height:1.7;color:#5B3A12}
.m2-none-ic.m2-none-ic{flex:none}
.t2.t2.is-dark .m2-none{background:rgba(245,194,107,.1);border-color:rgba(245,194,107,.35)}
.t2.t2.is-dark .m2-none b{color:#F5C26B}
.t2.t2.is-dark .m2-none span{color:#E8D9BE}
/* v143: بطاقة طلب «خدمة حسب الطلب» ضمن مدفوعات المتجر */
.so-ims.so-ims.is-ic{display:grid;place-items:center}
/* v145: شارة «حسب الطلب» وصفحة الطلب */
.cus-bd.cus-bd{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;background:#FFF1DC;border:1px solid #F3D7A6;color:#7A4308;font:700 .74rem/1.5 var(--t2-ff-display);white-space:nowrap}
.cus-bd.cus-bd svg{width:12px;height:12px}
.t2.t2.is-dark .cus-bd{background:rgba(245,194,107,.12);border-color:rgba(245,194,107,.35);color:#F5C26B}
.so-c.so-c.is-cus{border-inline-start:3px solid #E7A93B}
.so-c.so-c.is-cus .so-top{flex-wrap:wrap;gap:6px}
.cus-h.cus-h{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:18px;background:var(--t2-surface);border:1px solid var(--t2-line);border-inline-start:4px solid #E7A93B}
.cus-h-t.cus-h-t{display:grid;gap:4px;flex:1;min-width:0}
.cus-h-t.cus-h-t h2{margin:0;font:800 1.15rem/1.45 var(--t2-ff-display);color:var(--t2-ink)}
.cus-h-t.cus-h-t>span{font-size:.84rem;color:var(--t2-muted)}
.cus-h-e.cus-h-e{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--t2-muted)}
.cus-h-ic.cus-h-ic{flex:none}
.so-steps.so-steps.cus-tl li.is-bad i{background:#A12B22;border-color:#A12B22}
.cus-acts.cus-acts{margin-top:12px}
.so-steps.so-steps.cus-tl{grid-template-columns:repeat(6,minmax(0,1fr))}
/* v146: منظومة التواصل — على مكوّن البطاقات نفسه المستخدم في المنصة */
.t2.t2 .m3-seg.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.t2.t2 .m3-seg.is-miss .t2-mp-i{border-color:#C0392B}
.t2.t2 .m3-seg .t2-mp-d{line-height:1.45}
.m3-req-ic.m3-req-ic,.m2-none-ic.m2-none-ic{flex:0 0 auto;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:10px;background:var(--t2-brand-wash);line-height:0}
.m3-req-ic.m3-req-ic .t2-tile,.m2-none-ic.m2-none-ic .t2-tile{width:30px;height:auto}
.m3-req.m3-req,.m3-cur.m3-cur,.m3-sec.m3-sec{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--t2-surface-2,#F3F7FA);border:1px solid var(--t2-line)}
.m3-req.m3-req>div,.m3-cur.m3-cur{display:grid;gap:2px}
.m3-req.m3-req small,.m3-cur.m3-cur small{font-size:.76rem;color:var(--t2-muted)}
.m3-req.m3-req b,.m3-cur.m3-cur b{font:700 .9rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.m3-sec.m3-sec{justify-content:space-between;flex-wrap:wrap;background:#FFF6E8;border-color:#F3D7A6;color:#5B3A12;font-size:.86rem}
.t2.t2.is-dark .m3-sec{background:rgba(245,194,107,.1);border-color:rgba(245,194,107,.35);color:#E8D9BE}
.m3-tech.m3-tech{display:grid;gap:8px;margin-top:12px;padding:12px 14px;border-radius:14px;border:1px dashed var(--t2-line)}
.m3-tech.m3-tech>small{font-size:.78rem;color:var(--t2-muted)}
.m3-tech.m3-tech>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:8px}
.m3-tech.m3-tech span{display:grid;gap:2px}.m3-tech.m3-tech span small{font-size:.72rem;color:var(--t2-muted)}.m3-tech.m3-tech span b{font:700 .84rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}
.m3-cl.m3-cl{display:grid;gap:14px;padding:16px;border-radius:18px;background:var(--t2-surface);border:1px solid var(--t2-line)}
.m3-cl-h.m3-cl-h{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.88rem;color:var(--t2-muted)}
.m3-rate.m3-rate,.m3-ro.m3-ro{display:grid;gap:8px;justify-items:start;padding-top:12px;border-top:1px solid var(--t2-line)}
.m3-rate.m3-rate b,.m3-ro.m3-ro b{font:800 .95rem/1.5 var(--t2-ff-display);color:var(--t2-ink)}
.m3-ro.m3-ro small{font-size:.8rem;color:var(--t2-muted)}
.m3-ro.m3-ro .t2-field,.m3-ro.m3-ro textarea,.m3-rate.m3-rate textarea{width:100%}
.m3-stars.m3-stars{display:flex;gap:4px}
.m3-star.m3-star{width:40px;height:40px;border-radius:12px;border:1px solid var(--t2-line);background:var(--t2-surface);font-size:1.3rem;line-height:1;color:#C6D2E1;cursor:pointer}
.m3-star.m3-star.is-on{color:#D99423;border-color:#F3D7A6;background:#FFF6E8}
.m3-stars-v.m3-stars-v{color:#D99423;letter-spacing:2px}
.m3-rated.m3-rated{font-size:.88rem;color:var(--t2-muted)}
.m3-tools.m3-tools{display:grid;gap:10px}
.m3-q.m3-q{display:flex;gap:8px;align-items:center}
.m3-q-i.m3-q-i{flex:1;min-width:0}
@media (max-width:40rem){.t2.t2 .m3-seg.is-3 .t2-mp-d{display:none}.t2.t2 .m3-seg.is-2 .t2-mp-i{padding:12px 8px}}
.t2.t2:not(.is-dark) .nr-k.is-off,.t2.t2:not(.is-dark) .mt-st.is-off{color:#4F5F78!important}
/* v148: قوائم الطلبات — عناوين المجموعات وتمييز المنتهية */
.t2-cb-gh.t2-cb-gh{list-style:none;margin:10px 4px 4px;padding:0 8px;font:800 .78rem/1.6 var(--t2-ff-display);color:#566A88;letter-spacing:.2px}
.t2-cb-gh.t2-cb-gh:first-child{margin-top:2px}
html.pv-dark.pv-dark .t2-cb-gh,.t2.t2.is-dark .t2-cb-gh{color:#93A6C4}
.t2-cb-o.t2-cb-o.is-closed .t2-cb-rt b{color:#4F5F78;font-weight:600}
.t2-cb-o.t2-cb-o.is-closed .t2-cb-oic{filter:grayscale(.6);opacity:.85}
html.pv-dark.pv-dark .t2-cb-o.is-closed .t2-cb-rt b,.t2.t2.is-dark .t2-cb-o.is-closed .t2-cb-rt b{color:#B4C2D6}
.t2-cb-o.t2-cb-o .t2-pill{flex:none;white-space:nowrap}
.t2-cb-o.t2-cb-o .t2-cb-oic.is-logo{background:#fff;border-radius:10px;overflow:hidden}
.t2-cb-o.t2-cb-o .t2-cb-oic.is-logo img{width:100%;height:100%;object-fit:cover}
.m3-req.m3-req{align-items:center}
.m3-req.m3-req>div{flex:1;min-width:0}
.m3-req.m3-req>div>span{font-size:.78rem;color:var(--t2-muted)}
.m3-req-ic.m3-req-ic.is-img{background:#fff;overflow:hidden;padding:0}
.m3-req-ic.m3-req-ic.is-img img{width:100%;height:100%;object-fit:cover}
.m3-cur.m3-cur.is-empty b{color:var(--t2-muted);font-weight:600}
/* v150: قسم العملاء في لوحة المشرف */
.cu-kpis.cu-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cu-kpi.cu-kpi{display:grid;justify-items:start;gap:2px;padding:12px 14px;border-radius:16px;background:var(--t2-surface);border:1px solid var(--t2-line)}
.cu-kpi.cu-kpi b{font:800 1.4rem/1.2 var(--t2-ff-display);color:var(--t2-ink)}
.cu-kpi.cu-kpi small{font-size:.8rem;color:var(--t2-muted)}
.cu-kpi-ic.cu-kpi-ic{color:var(--t2-brand)}
.cu-kpi.cu-kpi.is-danger{border-color:#F2C4BF}.cu-kpi.cu-kpi.is-danger b,.cu-kpi.cu-kpi.is-danger .cu-kpi-ic{color:#A12B22}
.cu-kpi.cu-kpi.is-warn{border-color:#F3D7A6}.cu-kpi.cu-kpi.is-warn b,.cu-kpi.cu-kpi.is-warn .cu-kpi-ic{color:#8A4E08}
.t2.t2.is-dark .cu-kpi.is-danger b,.t2.t2.is-dark .cu-kpi.is-danger .cu-kpi-ic{color:#FFA39B}
.t2.t2.is-dark .cu-kpi.is-warn b,.t2.t2.is-dark .cu-kpi.is-warn .cu-kpi-ic{color:#F5C26B}
.t2.t2.is-dark .cu-kpi.is-danger{border-color:rgba(255,120,110,.35)}.t2.t2.is-dark .cu-kpi.is-warn{border-color:rgba(245,194,107,.35)}
.cu-row.cu-row.is-danger{box-shadow:inset 3px 0 0 #C0392B}
.cu-row.cu-row.is-warn{box-shadow:inset 3px 0 0 #E7A93B}
.nr-k.nr-k.is-danger{color:#A12B22}.nr-k.nr-k.is-warn{color:#8A4E08}
.t2.t2.is-dark .nr-k.is-danger{color:#FFA39B}.t2.t2.is-dark .nr-k.is-warn{color:#F5C26B}
.cu-cards.cu-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr))}
.cu-card.cu-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"av t go" "av m go";align-items:center;gap:4px 12px;padding:14px;border-radius:18px;background:var(--t2-surface);border:1px solid var(--t2-line);text-align:start;font:inherit;color:inherit;cursor:pointer}
.cu-card.cu-card:hover{border-color:var(--t2-brand)}
.cu-av.cu-av{grid-area:av;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#0AA5AD,#067A82);color:#fff;font:800 1.1rem var(--t2-ff-display)}
.cu-card-t.cu-card-t{grid-area:t;display:grid;gap:2px}.cu-card-t.cu-card-t b{font:800 .98rem/1.4 var(--t2-ff-display);color:var(--t2-ink)}.cu-card-t.cu-card-t small{font-size:.78rem;color:var(--t2-muted)}
.cu-card-m.cu-card-m{grid-area:m;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cu-card-m.cu-card-m small{font-size:.76rem;color:var(--t2-muted)}
.cu-card.cu-card .nsc-go{grid-area:go}
.cu-acts.cu-acts{margin-top:-4px}
.cu-sh-h.cu-sh-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.85rem;color:var(--t2-muted)}
.so-steps.so-steps.cu-steps{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));margin:6px 0 12px}
@media (max-width:40rem){.cu-kpis.cu-kpis{gap:6px}.cu-kpi.cu-kpi{padding:10px}.cu-kpi.cu-kpi b{font-size:1.15rem}}
/* v151 — لوحة القرار (درج جانبي في الويب، ورقة سفلية في الجوال) */
.cu-dr.cu-dr{position:fixed;inset:0;z-index:2147483050;display:flex;justify-content:flex-end;align-items:stretch;background:rgba(4,18,43,.5);opacity:0;transition:opacity .25s;direction:rtl;font-family:var(--t2-ff-text,sans-serif)}
.cu-dr.cu-dr.is-on{opacity:1}
.cu-dr-p.cu-dr-p{width:min(36rem,100%);height:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;background:var(--t2-surface);color:var(--t2-ink);box-shadow:var(--t2-sh-3);transform:translateX(-28px);transition:transform .3s var(--t2-ease-out,ease)}
.cu-dr.cu-dr.is-on .cu-dr-p{transform:none}
.cu-dr.cu-dr .st-grip{display:none}
.cu-dr-h.cu-dr-h{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--t2-line)}
.cu-dr-h.cu-dr-h>div{flex:1;min-width:0;display:grid;gap:2px}
.cu-dr-h.cu-dr-h b{font:800 1rem/1.45 var(--t2-ff-display,"Alexandria",sans-serif);color:var(--t2-ink)}
.cu-dr-h.cu-dr-h span{font-size:.82rem;color:var(--t2-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-dr-ic.cu-dr-ic{display:grid;flex:none}
.cu-dr.cu-dr .st-sheet-x{background:var(--t2-surface-3);color:var(--t2-ink)}
.cu-dr-b.cu-dr-b{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 18px 20px;display:grid;align-content:start;gap:16px}
.cu-dr-f.cu-dr-f{display:grid;gap:10px;padding:12px 18px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--t2-line);background:var(--t2-surface)}
.cu-dr-f.cu-dr-f:empty{display:none}
.cu-dr-fa.cu-dr-fa{display:flex;flex-wrap:nowrap;gap:8px}
.cu-dr-fa.cu-dr-fa .t2-btn{min-height:44px;width:auto;flex:0 0 auto;white-space:nowrap}
.cu-dr-fa.cu-dr-fa .t2-btn.is-primary{flex:1 1 auto;min-width:0;justify-content:center}
.cu-dr-hint.cu-dr-hint{font-size:.8rem;color:var(--t2-muted)}
.cu-btn-no.cu-btn-no.t2-btn{color:var(--t2-danger)}
.cu-dr-st.cu-dr-st{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.84rem;color:var(--t2-muted)}
.cu-dr-at.cu-dr-at{margin-inline-start:auto}
.cu-ds.cu-ds{display:grid;gap:10px}
.cu-ds-h.cu-ds-h{display:flex;align-items:center;gap:8px;margin:0;font:800 .92rem/1.5 var(--t2-ff-display,"Alexandria",sans-serif);color:var(--t2-ink)}
.cu-ds-ic.cu-ds-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--t2-brand-wash);color:var(--t2-brand-3,#067A82)}
.t2.t2.is-dark .cu-ds-ic{color:#5FCFCB}
.cu-dr-cust.cu-dr-cust{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.cu-dr-cust.cu-dr-cust>*{grid-area:auto}
.cu-dr-cust.cu-dr-cust .cu-av{width:40px;height:40px;font-size:1rem}
.cu-fg.cu-fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:10px}
.cu-fg.cu-fg .t2-field.is-edit{min-width:0}
.cu-plan.cu-plan .st-t td,.cu-plan.cu-plan .st-t th{text-align:start}
.cu-plan-more.cu-plan-more{color:var(--t2-muted);font-size:.8rem}
.cu-mini.cu-mini{display:grid;gap:6px}
.cu-mini-i.cu-mini-i{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line);font-size:.84rem;color:var(--t2-ink-2)}
.cu-mini-i.cu-mini-i>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-mini-i.cu-mini-i b{font:800 .88rem var(--t2-ff-display,sans-serif);color:var(--t2-ink)}
.cu-cks.cu-cks{display:grid;gap:8px}
.cu-ck.cu-ck{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line);font:700 .86rem/1.6 var(--t2-ff-display,sans-serif);color:var(--t2-ink);cursor:pointer}
.cu-ck.cu-ck input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:#0AA5AD}
.cu-ck.cu-ck:has(input:checked){box-shadow:inset 0 0 0 1.5px #0AA5AD;background:var(--t2-brand-wash)}
.cu-ck.cu-ck.is-miss{box-shadow:inset 0 0 0 1.5px var(--t2-danger)}
.cu-why-b.cu-why-b{display:grid;gap:8px;padding:12px;border-radius:16px;background:var(--t2-warn-wash);box-shadow:inset 0 0 0 1px rgba(166,92,8,.25)}
.cu-why-b.cu-why-b.is-rej{background:var(--t2-danger-wash);box-shadow:inset 0 0 0 1px rgba(179,38,30,.25)}
.cu-why-b.cu-why-b>b{font:800 .86rem/1.5 var(--t2-ff-display,sans-serif);color:var(--t2-ink)}
.cu-why.cu-why{min-height:76px;resize:vertical;font:500 .9rem/1.7 var(--t2-ff-text,sans-serif)}
.cu-why.cu-why.is-miss,.cu-why-b.cu-why-b.is-miss .cu-why{box-shadow:0 0 0 2px var(--t2-danger)}
.cu-err.cu-err{font:700 .82rem/1.5 var(--t2-ff-text,sans-serif);color:var(--t2-danger)}
.cu-log.cu-log{list-style:none;margin:0;padding:0 14px 0 0;display:grid;gap:10px;border-inline-start:2px solid var(--t2-line)}
.cu-log.cu-log li{position:relative;display:grid;gap:2px}
.cu-log.cu-log li::before{content:"";position:absolute;inset-inline-start:-21px;top:6px;width:10px;height:10px;border-radius:50%;background:#0AA5AD;box-shadow:0 0 0 3px var(--t2-surface)}
.cu-log.cu-log b{font:700 .85rem/1.6 var(--t2-ff-text,sans-serif);color:var(--t2-ink)}
.cu-log.cu-log small{font-size:.76rem;color:var(--t2-muted)}
.cu-asg.cu-asg .t2-field.is-edit{max-width:22rem}
/* الجوال وتطبيق الجوال: ورقة سفلية */
.cu-dr.cu-dr.is-dev{position:absolute}
.cu-dr.cu-dr.is-dev,.cu-dr.cu-dr.is-sm{align-items:flex-end;justify-content:stretch}
.cu-dr.cu-dr.is-dev .cu-dr-p{width:100%;height:auto;max-height:92%;border-radius:26px 26px 0 0;transform:translateY(28px)}
.cu-dr.cu-dr.is-dev .st-grip{display:block;margin:8px auto 0}
.cu-dr.cu-dr.is-dev.is-on .cu-dr-p{transform:none}
@media (max-width:40rem){.cu-dr.cu-dr{align-items:flex-end;justify-content:stretch}.cu-dr-p.cu-dr-p{width:100%;height:auto;max-height:92vh;border-radius:26px 26px 0 0;transform:translateY(28px)}.cu-dr.cu-dr .st-grip{display:block;margin:8px auto 0}.cu-dr.cu-dr.is-on .cu-dr-p{transform:none}.cu-dr-h.cu-dr-h,.cu-dr-b.cu-dr-b,.cu-dr-f.cu-dr-f{padding-inline:14px}.cu-dr-fa.cu-dr-fa{flex-wrap:wrap}.cu-dr-fa.cu-dr-fa .t2-btn{flex:1 1 auto;justify-content:center}}
/* الوارد: التحديد والاعتماد الجماعي */
.cu-row.cu-row.has-sel{grid-template-columns:auto minmax(0,1fr);padding-inline-start:4px}
.cu-sel.cu-sel{display:grid;place-items:center;width:40px;height:40px;cursor:pointer}
.cu-sel.cu-sel input{width:20px;height:20px;margin:0;accent-color:#0AA5AD}
.cu-row.cu-row.has-sel:has(.cu-sel input:checked){box-shadow:0 0 0 1.5px #0AA5AD}
.cu-bulk.cu-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:var(--t2-brand-wash);box-shadow:inset 0 0 0 1px rgba(10,165,173,.3);font:700 .86rem/1.5 var(--t2-ff-display,sans-serif);color:var(--t2-ink)}
.cu-bulk.cu-bulk>span{flex:1 1 12rem}
.nr-s.nr-s.is-asg{display:inline-flex;align-items:center;gap:4px}
/* القوائم المنسدلة ومنتقي التاريخ بنمط الورقة فوق لوحة القرار */
body:has(.cu-dr.cu-dr) .t2-cb-pop.is-sheet,body:has(.cu-dr.cu-dr) .t2-dp-pop.is-sheet{z-index:2147483062!important}
body:has(.cu-dr.cu-dr) .t2-cb-bd.is-sheet,body:has(.cu-dr.cu-dr) .t2-dp-bd{z-index:2147483061!important}
.cu-dr.cu-dr.is-dev .cu-dr-fa{flex-wrap:wrap}.cu-dr.cu-dr.is-dev .cu-dr-fa .t2-btn{flex:1 1 auto;justify-content:center}
.cu-dr.cu-dr.is-dev .cu-dr-h,.cu-dr.cu-dr.is-dev .cu-dr-b,.cu-dr.cu-dr.is-dev .cu-dr-f{padding-inline:14px}
/* تطبيق الجوال: منتقي التاريخ والقوائم بنمط الورقة داخل إطار الجهاز، وبألوان الوضع الليلي */
.pv-dev.pv-dev>.t2-dp-pop.t2-dp-pop.is-sheet{position:absolute!important}
html.pv-dark.pv-dark .pv-dev>.t2-dp-pop,html.pv-dark.pv-dark .pv-dev>.t2-cb-pop,html.pv-dark.pv-dark .pv-dev>.t2-cb-bd{--t2-bg:#0A1322;--t2-surface:#111C31;--t2-surface-2:#15233D;--t2-surface-3:#1B2C4B;--t2-input:#0E1829;--t2-ink:#E8EEF8;--t2-ink-2:#C9D6EA;--t2-muted:#93A6C4;--t2-line:#24385B;--t2-line-2:#2F4870;--t2-brand-wash:#0E3541;color:#E8EEF8}
html.pv-dark.pv-dark .pv-dev>.t2-dp-pop .t2-dp-nav,html.pv-dark.pv-dark .pv-dev>.t2-dp-pop .t2-dp-sel,html.pv-dark.pv-dark .pv-dev>.t2-dp-pop .t2-dp-a{background:#111C31;color:#E8EEF8;border-color:#24385B}
html.pv-dark.pv-dark .pv-dev>.t2-dp-pop .t2-dp-a.is-main{background:#0C8E97;border-color:#0C8E97;color:#fff}
/* v152 — محرّر بنود عرض السعر والملفات في لوحة القرار */
.cu-qe.cu-qe{display:grid;gap:8px}
.cu-qe-r.cu-qe-r{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 40px;gap:8px;align-items:center}
.cu-qe-x.cu-qe-x{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:12px;background:var(--t2-danger-wash);color:var(--t2-danger);cursor:pointer}
.cu-qe-f.cu-qe-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cu-qe-t.cu-qe-t{margin-inline-start:auto;font-size:.85rem;color:var(--t2-muted)}
.cu-qe-t.cu-qe-t b{font:800 1rem var(--t2-ff-display,sans-serif);color:var(--t2-ink)}
.cu-steps.cu-steps.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:40rem){.cu-qe-r.cu-qe-r{grid-template-columns:minmax(0,1fr) 40px}.cu-qe-r.cu-qe-r>:nth-child(2){grid-column:1}.cu-qe-r.cu-qe-r>:nth-child(3){grid-row:1/3;grid-column:2}}
.cu-dr.cu-dr.is-dev .cu-qe-r{grid-template-columns:minmax(0,1fr) 40px}.cu-dr.cu-dr.is-dev .cu-qe-r>:nth-child(2){grid-column:1}.cu-dr.cu-dr.is-dev .cu-qe-r>:nth-child(3){grid-row:1/3;grid-column:2}
/* v154 — لوحة التذكرة */
.cu-dr-fa.cu-dr-fa.is-wrap{flex-wrap:wrap}
.cu-dr-fa.cu-dr-fa.is-wrap .t2-btn.is-primary{flex:1 1 10rem}
.cu-why-b.cu-why-b.is-reply{background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.cu-tk-c.cu-tk-c{max-height:none;margin:0;padding:0}
.cu-tk-c.cu-tk-c .mt-m{max-width:none}
.mt-m.mt-m.is-staff .mt-av{color:var(--t2-ink)}
.mt-m.mt-m.is-note .mt-bub,.mt-m.mt-m.is-note .mt-bub p,.mt-m.mt-m.is-note .mt-who b{color:var(--t2-ink)!important}
.mt-m.mt-m.is-note .mt-who time{color:var(--t2-muted)!important}
.mt-m.mt-m.is-note .mt-bub{border:1px dashed rgba(166,92,8,.45)!important}
@media (max-width:40rem){.cu-why.cu-why{min-height:56px}.cu-dr-f.cu-dr-f{gap:8px}}.cu-dr.cu-dr.is-dev .cu-why{min-height:56px}
/* v155 — العضوية والإشعارات */
.cu-kpis.cu-kpis.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:40rem){.cu-kpis.cu-kpis.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cu-ch.cu-ch{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}
.cu-ck.cu-ck input:disabled{opacity:.7}
.cu-pv-h.cu-pv-h{font:800 .86rem var(--t2-ff-display,sans-serif);color:var(--t2-ink)}
.cu-npv.cu-npv{pointer-events:none}
.pt-plus.pt-plus.is-neg{color:var(--t2-danger)}
/* v156 — الإسناد والملاحظات الداخلية وعرض الموظف */
.cu-role.cu-role{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 14px;border-radius:16px;background:var(--t2-surface);box-shadow:inset 0 0 0 1px var(--t2-line)}
.cu-role-ic.cu-role-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--t2-brand-wash);color:#067A82}
.t2.t2.is-dark .cu-role-ic{color:#5FCFCB}
.cu-role-t.cu-role-t{display:grid;flex:1 1 12rem;gap:2px}.cu-role-t.cu-role-t b{font:800 .9rem var(--t2-ff-display,sans-serif);color:var(--t2-ink)}.cu-role-t.cu-role-t small{font-size:.78rem;color:var(--t2-muted)}
.cu-role.cu-role .t2-cb{flex:0 1 16rem;min-width:12rem}
.cu-nt.cu-nt{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cu-nt.cu-nt li{display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:var(--t2-warn-wash);box-shadow:inset 0 0 0 1px rgba(166,92,8,.22)}
.cu-nt.cu-nt li.is-sys{background:var(--t2-surface-2);box-shadow:inset 0 0 0 1px var(--t2-line)}
.cu-nt-h.cu-nt-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.cu-nt-h.cu-nt-h b{font:800 .82rem var(--t2-ff-display,sans-serif);color:var(--t2-ink)}.cu-nt-h.cu-nt-h small{font-size:.74rem;color:var(--t2-muted)}
.cu-nt.cu-nt p{margin:0;font:500 .86rem/1.7 var(--t2-ff-text,sans-serif);color:var(--t2-ink)}
.cu-nt-in.cu-nt-in{min-height:60px}
.cu-nt-a.cu-nt-a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.nr-s.nr-s.is-un{color:var(--t2-warn)}
.cu-acct-a.cu-acct-a .t2-btn{flex:0 1 auto}
.hc.hc.is-big .hc-tx small{white-space:normal}
/* v157 — إدارة الحساب بأقسام المنصة */
.cu-ac-h.cu-ac-h{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"av t" "av m";align-items:center;gap:4px 12px}
.cu-ac-h.cu-ac-h .cu-av{grid-area:av;width:52px;height:52px;font-size:1.2rem}.cu-ac-h.cu-ac-h .cu-card-t{grid-area:t}.cu-ac-h.cu-ac-h .cu-card-m{grid-area:m}
.cu-ac-tiles.cu-ac-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:16px;box-shadow:inset 0 0 0 1px var(--t2-line);overflow:hidden}
.cu-ac-tiles.cu-ac-tiles>div{display:grid;gap:4px;padding:12px 14px;border-inline-start:1px solid var(--t2-line)}.cu-ac-tiles.cu-ac-tiles>div:first-child{border-inline-start:0}
.cu-ac-tiles.cu-ac-tiles small{font-size:.76rem;color:var(--t2-muted)}.cu-ac-tiles.cu-ac-tiles b{font:800 .92rem var(--t2-ff-display,sans-serif);color:var(--t2-ink)}
@media (max-width:40rem){.cu-ac-tiles.cu-ac-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.cu-ac-tiles.cu-ac-tiles>div:nth-child(3){border-inline-start:0}.cu-ac-tiles.cu-ac-tiles>div:nth-child(n+3){border-top:1px solid var(--t2-line)}}
.cu-dr.cu-dr.is-dev .cu-ac-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.cu-acc.cu-acc{border-radius:18px;background:var(--t2-surface);box-shadow:inset 0 0 0 1px var(--t2-line);overflow:hidden}
.cu-acc-h.cu-acc-h{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:0;background:none;text-align:start;font:inherit;color:inherit;cursor:pointer}
.cu-acc-t.cu-acc-t{display:grid;gap:2px;flex:1}.cu-acc-t.cu-acc-t b{font:800 1rem/1.4 var(--t2-ff-display,sans-serif);color:var(--t2-ink)}.cu-acc-t.cu-acc-t small{font-size:.8rem;color:var(--t2-muted)}
.cu-acc-c.cu-acc-c{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--t2-line);color:var(--t2-brand);transform:rotate(90deg);transition:transform .2s}
.cu-acc.cu-acc.is-open .cu-acc-c{transform:none;background:var(--t2-brand-wash)}
.cu-acc-b.cu-acc-b{display:grid;gap:10px;padding:0 16px 16px;border-top:1px solid var(--t2-line);padding-top:14px}
.cu-acx.cu-acx{display:grid;border-radius:14px;box-shadow:inset 0 0 0 1px var(--t2-line);overflow:hidden}
.cu-acx-r.cu-acx-r{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--t2-line)}
.cu-acx.cu-acx>:first-child .cu-acx-r,.cu-acx.cu-acx>.cu-acx-r:first-child{border-top:0}
.cu-acx-t.cu-acx-t{display:grid;gap:2px;flex:1;min-width:0}.cu-acx-t.cu-acx-t b{font:800 .9rem var(--t2-ff-display,sans-serif);color:var(--t2-ink)}.cu-acx-r.cu-acx-r.is-no .cu-acx-t b{color:var(--t2-danger)}.cu-acx-t.cu-acx-t small{font-size:.8rem;color:var(--t2-muted)}
.cu-acx-r.cu-acx-r .t2-btn{flex:none;min-width:8.5rem;justify-content:center}
.t2-btn.t2-btn.cu-acx-no{background:#C62828;border-color:#C62828;color:#fff}.t2-btn.t2-btn.cu-acx-no:disabled,.cu-acx-r.cu-acx-r .t2-btn:disabled{opacity:.45;cursor:not-allowed}
.cu-acx-f.cu-acx-f{display:grid;gap:8px;padding-bottom:12px;background:var(--t2-surface-2)}.cu-acx-f.cu-acx-f>:not(.cu-acx-r){margin-inline:14px}
.cu-acx-f.cu-acx-f+.cu-acx-r,.cu-acx-f.cu-acx-f+.cu-acx-f .cu-acx-r{border-top:1px solid var(--t2-line)}
.cu-dr-b.cu-dr-b>*{min-height:min-content}.cu-acc.cu-acc{overflow:visible}.cu-acc-h.cu-acc-h{border-radius:18px}
.cu-dr-b.cu-dr-b{display:flex;flex-direction:column;align-items:stretch}.cu-dr-b.cu-dr-b>*{flex:none}
.cu-ltr.cu-ltr{unicode-bidi:isolate;direction:ltr;display:inline-block}
.cu-vf.cu-vf{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}
/* v159 — مطابقة النظام وسبب القفل */
.cu-mt.cu-mt{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.cu-sm.cu-sm{display:grid;gap:8px}.cu-sm-h.cu-sm-h{display:flex;align-items:center;justify-content:space-between;gap:8px}.cu-sm-h.cu-sm-h b{font:800 .9rem var(--t2-ff-display,sans-serif);color:var(--t2-ink)}
.cu-why-x.cu-why-x{display:grid;gap:8px;padding:12px;border-radius:14px;background:var(--t2-danger-wash);box-shadow:inset 0 0 0 1px rgba(179,38,30,.25)}
.cu-why-x.cu-why-x>b{font:800 .88rem var(--t2-ff-display,sans-serif);color:var(--t2-danger)}
.cu-why-x.cu-why-x.is-lock{background:var(--t2-warn-wash);box-shadow:inset 0 0 0 1px rgba(166,92,8,.3)}.cu-why-x.cu-why-x.is-lock>b{color:var(--t2-warn)}
.cu-vf-ref.cu-vf-ref{font:700 .76rem var(--t2-ff-text,sans-serif);color:var(--t2-muted);padding:2px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--t2-line)}
/* v161 — طلب التحديث بأقسام صفحة المنصة */
.cu-secs.cu-secs{display:flex;flex-direction:column;gap:16px}
.cu-upd-t.cu-upd-t td.cu-old{color:var(--t2-muted)}
/* v162 — أجزاء طلب التحديث بفواصل واضحة + أكمل لاحقًا */
.cu-part.cu-part{display:flex;align-items:center;gap:10px;margin-top:6px;padding-top:16px;border-top:2px solid var(--t2-line)}
.cu-secs.cu-secs>.cu-part:first-child{margin-top:0;padding-top:0;border-top:0}
.cu-part-n.cu-part-n{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--t2-navy,#0B2545);color:#fff;font:800 .85rem/1 var(--t2-ff-display,sans-serif)}
.t2.t2.is-dark .cu-part-n{background:#5FCFCB;color:#08202A}
.cu-part.cu-part>div{display:grid;gap:1px;min-width:0}
.cu-part.cu-part b{font:800 1rem/1.4 var(--t2-ff-display,"Alexandria",sans-serif);color:var(--t2-ink)}
.cu-part.cu-part small{font:500 .78rem/1.5 var(--t2-ff-text,sans-serif);color:var(--t2-muted)}
.cu-ds-h.cu-ds-h>.t2-badge:last-child,.cu-ds-h.cu-ds-h>[class*="badge"]:last-child{margin-inline-start:auto}
.cu-file.cu-file{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.cu-file.cu-file small,.cu-eq.cu-eq small{display:block;inline-size:100%;font-size:.72rem;color:var(--t2-muted);font-weight:500}
.cu-eq.cu-eq{display:inline-grid;gap:1px;color:var(--t2-ink-2)}
.cu-upd-t.cu-upd-t tr.is-eq td{background:var(--t2-surface-2)}
.cu-vf-act.cu-vf-act{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
/* v162 — جدول القيم بطاقات في الجوال */
@media (max-width:640px){.cu-dr.cu-dr .cu-upd-t thead{display:none}.cu-dr.cu-dr .cu-upd-t,.cu-dr.cu-dr .cu-upd-t tbody{display:block}.cu-dr.cu-dr .cu-upd-t tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--t2-line)}.cu-dr.cu-dr .cu-upd-t td{display:block;border:0}.cu-dr.cu-dr .cu-upd-t td:first-child{grid-column:1/-1;font-weight:800;color:var(--t2-ink);padding-bottom:0}.cu-dr.cu-dr .cu-upd-t td[data-l]::before{content:attr(data-l);display:block;font-size:.72rem;font-weight:600;color:var(--t2-muted);margin-bottom:2px}.cu-dr.cu-dr .st-tw:has(.cu-upd-t){overflow:visible}}
.cu-dr.cu-dr.is-dev .cu-upd-t thead{display:none}.cu-dr.cu-dr.is-dev .cu-upd-t,.cu-dr.cu-dr.is-dev .cu-upd-t tbody{display:block}.cu-dr.cu-dr.is-dev .cu-upd-t tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--t2-line)}.cu-dr.cu-dr.is-dev .cu-upd-t td{display:block;border:0}.cu-dr.cu-dr.is-dev .cu-upd-t td:first-child{grid-column:1/-1;font-weight:800;color:var(--t2-ink);padding-bottom:0}.cu-dr.cu-dr.is-dev .cu-upd-t td[data-l]::before{content:attr(data-l);display:block;font-size:.72rem;font-weight:600;color:var(--t2-muted);margin-bottom:2px}.cu-dr.cu-dr.is-dev .st-tw:has(.cu-upd-t){overflow:visible}
@media (max-width:640px){.cu-dr.cu-dr .cu-upd-t{min-width:0!important;width:100%}.cu-dr.cu-dr .cu-upd-t tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cu-dr.cu-dr .cu-upd-t td{min-width:0;overflow-wrap:anywhere}}
.cu-dr.cu-dr.is-dev .cu-upd-t{min-width:0!important;width:100%}.cu-dr.cu-dr.is-dev .cu-upd-t tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cu-dr.cu-dr.is-dev .cu-upd-t td{min-width:0;overflow-wrap:anywhere}
/* v163 — الصلاحية والإسناد ومطابقة التوثيق حقلًا حقلًا */
.cu-asg-box.cu-asg-box{display:grid;gap:8px}
.cu-asg-row.cu-asg-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.cu-asg-k.cu-asg-k{font:700 .8rem var(--t2-ff-text,sans-serif);color:var(--t2-muted)}
.cu-asg-who.cu-asg-who{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.cu-asg-who.cu-asg-who b{color:var(--t2-ink)}.cu-asg-who.cu-asg-who small{color:var(--t2-muted);font-size:.74rem;inline-size:100%}
.cu-asg-none.cu-asg-none{font-weight:700;color:var(--t2-warn,#B7791F)}
.cu-asg-act.cu-asg-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cu-asg-act.cu-asg-act>*:first-child:not(.t2-btn){flex:1 1 180px;min-width:0}
.cu-asg-chip.cu-asg-chip{display:inline-flex;align-items:center;gap:5px;border:1px dashed var(--t2-line-2,var(--t2-line));background:transparent;color:var(--t2-ink-2);border-radius:999px;padding:3px 10px;font:700 .74rem var(--t2-ff-text,sans-serif);cursor:pointer}
.cu-asg-chip.cu-asg-chip.is-on{border-style:solid;background:var(--t2-brand-wash);color:var(--t2-brand-3,#067A82)}
.t2.t2.is-dark .cu-asg-chip.is-on{color:#5FCFCB}
.cu-perm-no.cu-perm-no{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--t2-info-wash);color:var(--t2-ink)}
.cu-perm-no.cu-perm-no>span:last-child{display:grid;gap:2px}.cu-perm-no.cu-perm-no small{color:var(--t2-ink-2);font-size:.78rem}
.cu-perm-ic.cu-perm-ic{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:var(--t2-surface);color:var(--t2-info,#2563EB)}
.cu-perm.cu-perm{display:grid;gap:6px;margin-top:8px}
.cu-perm-r.cu-perm-r{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface)}
.cu-perm-r.cu-perm-r>span{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cu-perm-r.cu-perm-r b{color:var(--t2-ink)}
.cu-why-l.cu-why-l{display:grid;gap:2px}.cu-why-l.cu-why-l.is-box{padding:8px 10px;border-radius:10px;background:var(--t2-danger-wash);color:var(--t2-ink);font-size:.86rem}
.cu-vs.cu-vs{border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface);overflow:hidden}
.cu-vs.cu-vs.is-bad{border-color:color-mix(in srgb,var(--t2-danger,#C53030) 45%,var(--t2-line))}
.cu-vs-h.cu-vs-h{display:flex;align-items:center;gap:8px;padding:8px 10px}
.cu-vs-t.cu-vs-t{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:none;border:0;padding:4px 2px;text-align:start;cursor:pointer;color:var(--t2-ink);font:inherit}
.cu-vs-t.cu-vs-t b{font:800 .95rem var(--t2-ff-display,sans-serif)}
.cu-vs-c.cu-vs-c{margin-inline-start:auto;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--t2-brand-wash);color:var(--t2-brand-3,#067A82);transition:transform .2s}
.cu-vs.cu-vs.is-open .cu-vs-c{transform:rotate(180deg)}
.cu-vs-b.cu-vs-b{display:grid;border-top:1px solid var(--t2-line)}
.cu-fm.cu-fm{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:9px 12px;border-bottom:1px solid var(--t2-line);border-inline-start:3px solid transparent}
.cu-fm.cu-fm:last-child{border-bottom:0}
.cu-fm.cu-fm.is-ok{border-inline-start-color:var(--t2-ok,#2F855A)}.cu-fm.cu-fm.is-no{border-inline-start-color:var(--t2-danger,#C53030);background:color-mix(in srgb,var(--t2-danger-wash) 55%,transparent)}
.cu-fm-v.cu-fm-v{display:grid;gap:1px;min-width:0}.cu-fm-v.cu-fm-v small{color:var(--t2-muted);font-size:.74rem}.cu-fm-v.cu-fm-v b{color:var(--t2-ink);overflow-wrap:anywhere}
.cu-fm-why.cu-fm-why{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.cu-fm-why.cu-fm-why.is-miss .t2-cb-btn{border-color:var(--t2-danger,#C53030)}
.cu-fm-r.cu-fm-r{grid-column:1/-1;color:var(--t2-danger,#C53030);font-size:.8rem;font-weight:600}
.cu-seg.cu-seg{display:inline-flex;border:1px solid var(--t2-line);border-radius:999px;overflow:hidden;background:var(--t2-surface-2)}
.cu-seg-b.cu-seg-b{border:0;background:transparent;padding:5px 11px;font:700 .76rem var(--t2-ff-text,sans-serif);color:var(--t2-ink-2);cursor:pointer;white-space:nowrap}
.cu-seg-b.cu-seg-b+.cu-seg-b{border-inline-start:1px solid var(--t2-line)}
.cu-seg-b.cu-seg-b.is-ok.is-on{background:var(--t2-ok,#2F855A);color:#fff}
.cu-seg-b.cu-seg-b.is-no.is-on{background:var(--t2-danger,#C53030);color:#fff}
.cu-seg-b.cu-seg-b:focus-visible{outline:2px solid var(--t2-brand,#0B7A80);outline-offset:-2px}
@media (max-width:640px){.cu-fm.cu-fm{grid-template-columns:1fr}.cu-fm-why.cu-fm-why{grid-template-columns:1fr}}
.cu-dr.cu-dr.is-dev .cu-fm{grid-template-columns:1fr}.cu-dr.cu-dr.is-dev .cu-fm-why{grid-template-columns:1fr}
/* v164 — «تعمل بصفة» في شريط المعاينة */
.pv-bar.pv-bar .pv-as{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 10px;border-radius:999px;background:rgba(255,255,255,.12);font:700 .78rem/1.2 var(--t2-ff-display,sans-serif);color:#fff}
.pv-bar.pv-bar .pv-as[hidden]{display:none}
.pv-bar.pv-bar .pv-as select{appearance:auto;border:0;border-radius:999px;padding:4px 10px;background:#fff;color:#0A1F44;font:700 .78rem/1.2 var(--t2-ff-display,sans-serif);max-width:210px;cursor:pointer}
.pv-bar.pv-bar .pv-as select:focus-visible{outline:2px solid #FFD27A;outline-offset:2px}
/* v165 — إعدادات النظام */
.sys-roles.sys-roles{display:grid;gap:10px}
.sys-rd.sys-rd{display:block;padding:0 14px 10px;color:var(--t2-muted);font-size:.8rem}
.sys-kg.sys-kg{display:grid;border-bottom:1px solid var(--t2-line)}.sys-kg.sys-kg:last-child{border-bottom:0}
.sys-kg-t.sys-kg-t{padding:8px 14px 4px;font:800 .76rem var(--t2-ff-display,sans-serif);color:var(--t2-brand-3,#067A82)}
.t2.t2.is-dark .sys-kg-t{color:#5FCFCB}
.sys-k.sys-k{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-inline-start:3px solid transparent}
.sys-k.sys-k.is-on{border-inline-start-color:var(--t2-ok,#2F855A)}
.sys-k-t.sys-k-t{display:grid;gap:2px;min-width:0}.sys-k-t.sys-k-t b{color:var(--t2-ink);font-size:.88rem}.sys-k-t.sys-k-t code{justify-self:start;font-size:.7rem}
.sys-sw.sys-sw{flex:none;position:relative;width:44px;height:24px;border-radius:999px;border:0;background:var(--t2-line-2,#C9D3DE);cursor:pointer;transition:background .2s}
.sys-sw-k.sys-sw-k{position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:inset-inline-start .2s}
.sys-sw.sys-sw.is-on{background:var(--t2-ok,#2F855A)}.sys-sw.sys-sw.is-on .sys-sw-k{inset-inline-start:23px}
.sys-sw.sys-sw:focus-visible{outline:2px solid var(--t2-brand,#0B7A80);outline-offset:2px}
.sys-team.sys-team{display:grid;gap:8px;margin-top:8px}
.sys-tm.sys-tm{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface)}
.sys-tm-t.sys-tm-t{flex:1;display:grid;gap:2px;min-width:0}.sys-tm-t.sys-tm-t b{color:var(--t2-ink)}.sys-tm-t.sys-tm-t small{color:var(--t2-muted);font-size:.76rem}
.sys-tm.sys-tm>.t2-cb,.sys-tm.sys-tm>[class*="t2-cb"]{flex:0 0 220px;max-width:50%}
.sys-sls.sys-sls{display:grid;gap:8px}
.sys-sl.sys-sl{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface)}
.sys-sl-t.sys-sl-t{color:var(--t2-ink);font-weight:700;font-size:.88rem}
.sys-sl-v.sys-sl-v{display:inline-flex;align-items:center;gap:6px}.sys-sl-v.sys-sl-v input{width:76px;text-align:center}.sys-sl-v.sys-sl-v small{color:var(--t2-muted)}
.sys-rp.sys-rp{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:1px solid var(--t2-line);color:var(--t2-ink);font-size:.86rem}
.sys-rp-add.sys-rp-add{display:flex;gap:8px;padding:10px 14px}.sys-rp-add.sys-rp-add input{flex:1;min-width:0}
@media (max-width:640px){.sys-tm.sys-tm{flex-wrap:wrap}.sys-tm.sys-tm>.t2-cb,.sys-tm.sys-tm>[class*="t2-cb"]{flex:1 1 100%;max-width:none}}
.pv-dev.pv-dev .sys-tm{flex-wrap:wrap}.pv-dev.pv-dev .sys-tm>.t2-cb,.pv-dev.pv-dev .sys-tm>[class*="t2-cb"]{flex:1 1 100%;max-width:none}
/* v166 — جداول الإعدادات وصفحة الدور بأسلوب المنصة */
.sys-t.sys-t td{vertical-align:middle}.sys-t.sys-t code{font-size:.72rem}
.sys-tr.sys-tr{cursor:pointer}.sys-tr.sys-tr:hover td{background:var(--t2-brand-wash)}.sys-tr.sys-tr:focus-visible{outline:2px solid var(--t2-brand,#0B7A80);outline-offset:-2px}
.sys-del.sys-del{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-danger,#C53030);cursor:pointer}
.sys-del.sys-del:disabled{color:var(--t2-muted);cursor:not-allowed;opacity:.6}
.sys-form.sys-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:640px){.sys-form.sys-form{grid-template-columns:1fr}}
.pv-dev.pv-dev .sys-form{grid-template-columns:1fr}
.sys-pg.sys-pg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
@media (max-width:640px){.sys-pg.sys-pg{grid-template-columns:1fr}}
.pv-dev.pv-dev .sys-pg{grid-template-columns:1fr}
.sys-p.sys-p{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface)}
.sys-p.sys-p.is-on{border-color:color-mix(in srgb,var(--t2-brand,#0B7A80) 45%,var(--t2-line));background:var(--t2-brand-wash)}
.t2-pb-actions.t2-pb-actions.is-start{justify-content:flex-start}
/* جداول الإعدادات بطاقاتٍ في الجوال */
@media (max-width:640px){.sys-tw.sys-tw{overflow:visible}.sys-t.sys-t{min-width:0!important;width:100%}.sys-t.sys-t thead{display:none}.sys-t.sys-t,.sys-t.sys-t tbody{display:block}.sys-t.sys-t tr{display:grid;gap:6px;padding:10px 12px;border-bottom:1px solid var(--t2-line)}.sys-t.sys-t td{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;padding:0;min-width:0}.sys-t.sys-t td::before{content:attr(data-l);flex:none;font-size:.74rem;font-weight:700;color:var(--t2-muted)}.sys-t.sys-t td>*{min-width:0}.sys-t.sys-t td .t2-cb,.sys-t.sys-t td [class*="t2-cb"]{flex:1;max-width:70%}}
.pv-dev.pv-dev .sys-tw{overflow:visible}.pv-dev.pv-dev .sys-t{min-width:0!important;width:100%}.pv-dev.pv-dev .sys-t thead{display:none}.pv-dev.pv-dev .sys-t,.pv-dev.pv-dev .sys-t tbody{display:block}.pv-dev.pv-dev .sys-t tr{display:grid;gap:6px;padding:10px 12px;border-bottom:1px solid var(--t2-line)}.pv-dev.pv-dev .sys-t td{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;padding:0;min-width:0}.pv-dev.pv-dev .sys-t td::before{content:attr(data-l);flex:none;font-size:.74rem;font-weight:700;color:var(--t2-muted)}.pv-dev.pv-dev .sys-t td .t2-cb,.pv-dev.pv-dev .sys-t td [class*="t2-cb"]{flex:1;max-width:70%}
@media (max-width:640px){.sys-t.sys-t td::before{width:92px}.sys-t.sys-t td>.t2-cb,.sys-t.sys-t td>[class*="t2-cb"],.sys-t.sys-t td>div{flex:1 1 0;max-width:none!important;width:auto}}
.pv-dev.pv-dev .sys-t td::before{width:92px}.pv-dev.pv-dev .sys-t td>.t2-cb,.pv-dev.pv-dev .sys-t td>[class*="t2-cb"],.pv-dev.pv-dev .sys-t td>div{flex:1 1 0;max-width:none!important;width:auto}
@media (max-width:640px){.sys-t.sys-t td .t2-cb-btn{width:100%}}
.pv-dev.pv-dev .sys-t td .t2-cb-btn{width:100%}
@media (max-width:640px){.sys-t.sys-t td .t2-cb-btn{max-width:none!important}}
.pv-dev.pv-dev .sys-t td .t2-cb-btn{max-width:none!important}
/* v167 */
.sys-sub.sys-sub{display:block;color:var(--t2-muted);font-size:.74rem;font-weight:500}
.sys-ul.sys-ul{margin:0;padding-inline-start:18px;display:grid;gap:4px;color:var(--t2-ink-2);font-size:.86rem}
.sys-form.sys-form.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.sys-form.sys-form.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sys-form.sys-form.is-4{grid-template-columns:1fr}}
.pv-dev.pv-dev .sys-form.is-4{grid-template-columns:1fr}
/* v168 — أسهم تمرير صفوف الفلاتر في الويب، وقائمة «حسابي»، وسجل الحساب */
.st-chips-w.st-chips-w{position:relative;min-width:0}
.st-sa.st-sa{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:30px;height:30px;border-radius:50%;border:1px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-ink);box-shadow:0 2px 8px rgba(10,31,68,.14);cursor:pointer;place-items:center}
.st-sa.st-sa.is-prev{inset-inline-start:-4px}.st-sa.st-sa.is-next{inset-inline-end:-4px}
@media (hover:hover) and (pointer:fine){.st-chips-w.st-chips-w.has-prev .st-sa.is-prev,.st-chips-w.st-chips-w.has-next .st-sa.is-next{display:grid}}
.st-sa.st-sa:hover{background:var(--t2-brand-wash);color:var(--t2-brand-3,#067A82)}
.t2.t2.is-dark .st-sa{background:var(--t2-surface-2)}
.cu-whom.cu-whom{inline-size:min(22rem,90vw)}
.cu-whom-k.cu-whom-k{font:800 .74rem var(--t2-ff-display,sans-serif);color:var(--t2-muted)}
.cu-ctx-l.cu-ctx-l{display:grid;gap:8px}
.cu-ctx.cu-ctx{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface);color:var(--t2-ink);text-align:start;font:inherit;cursor:pointer}
button.cu-ctx.cu-ctx:hover{border-color:var(--t2-brand,#0B7A80);background:var(--t2-brand-wash)}
.cu-ctx.cu-ctx.is-on{border-color:color-mix(in srgb,var(--t2-brand,#0B7A80) 50%,var(--t2-line));background:var(--t2-brand-wash)}
.cu-ctx-ic.cu-ctx-ic{flex:none}.cu-ctx-t.cu-ctx-t{flex:1;display:grid;gap:1px;min-width:0}.cu-ctx-t.cu-ctx-t b{font-size:.92rem}.cu-ctx-t.cu-ctx-t small{color:var(--t2-muted);font-size:.74rem}
.cu-ctx-go.cu-ctx-go{font:700 .78rem var(--t2-ff-display,sans-serif);color:var(--t2-brand-3,#067A82)}
.t2.t2.is-dark .cu-ctx-go{color:#5FCFCB}
.sys-pad.sys-pad{padding:12px;display:grid;gap:10px}
.sys-form.sys-form.is-2{grid-template-columns:minmax(0,1fr) auto;align-items:end}
@media (max-width:640px){.sys-form.sys-form.is-2{grid-template-columns:1fr}}
.pv-dev.pv-dev .sys-form.is-2{grid-template-columns:1fr}
@media (max-width:640px){.lv-whom.lv-whom.cu-whom{position:fixed;inset-block-start:64px;inset-inline:12px;inline-size:auto;max-block-size:calc(100dvh - 150px);overflow:auto}}
.pv-dev.pv-dev .lv-whom.cu-whom{inline-size:300px}
.cu-kpis.cu-kpis:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:640px){.cu-kpis.cu-kpis:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.pv-dev.pv-dev .cu-kpis:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
/* v172 — الوظيفة ← دورها */
.t2.t2 .sys-job{ display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; margin: 4px 0 12px; }
.t2.t2 .sys-job-c{ display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid var(--t2-line); border-radius: 14px; background: var(--t2-surface-2); min-width: 0; }
.t2.t2 .sys-job-c > small{ color: var(--t2-muted); font-size: 12px; }
.t2.t2 .sys-job-c > b{ font-family: var(--t2-ff-display); color: var(--t2-ink); font-size: 15px; overflow-wrap: anywhere; }
.t2.t2 .sys-job-a{ color: var(--t2-brand); display: inline-flex; }
.t2.t2 .sys-t tr.is-job > td{ background: var(--t2-brand-wash); }
@media (max-width: 560px) { .t2.t2 .sys-job{ grid-template-columns: 1fr; } .t2.t2 .sys-job-a{ justify-self: center; transform: rotate(-90deg); } }
/* v173 — توثيق ملف العملاء المرحّلين */
.t2.t2 .cu-mg-g{ display: grid; gap: 6px; padding: 10px 12px; border: 1px solid var(--t2-line); border-radius: 12px; background: var(--t2-surface); }
.t2.t2 .cu-mg-g + .cu-mg-g{ margin-top: 8px; }
.t2.t2 .cu-mg-g.is-warn{ border-inline-start: 3px solid var(--t2-warn, #B9690F); }
.t2.t2 .cu-mg-g.is-miss{ border-inline-start: 3px solid var(--t2-danger); }
.t2.t2 .cu-mg-gh{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; }
.t2.t2 .cu-mg-gh b{ font-family: var(--t2-ff-display); color: var(--t2-ink); font-size: 14px; }
.t2.t2 .cu-mg-gh small{ color: var(--t2-muted); font-size: 12px; }
.t2.t2 .cu-mg-pv{ margin: 10px 0 6px; max-width: 460px; }
.t2.t2 .cu-mg-mc{ display: grid; gap: 8px; padding: 16px; border-radius: 14px; background: #fff; color: #111B21; box-shadow: 0 6px 18px rgba(11,35,73,.10); font-size: 13px; line-height: 1.8; }
.t2.t2 .cu-mg-mc > b{ font-family: var(--t2-ff-display); font-size: 15px; color: #0B2349; }
.t2.t2 .cu-mg-mc p, .t2.t2 .cu-mg-mc ol{ margin: 0; }
.t2.t2 .cu-mg-mc ol{ padding-inline-start: 18px; }
.t2.t2 .cu-mg-mc small{ color: #4A5D78; font-size: 12px; }
.t2.t2 .cu-mg-mb{ display: flex; flex-wrap: wrap; gap: 8px; }
.t2.t2 .cu-mg-btn{ display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 10px; border: 1px solid #C9D6E6; color: #0B2349; font: 700 13px/1 var(--t2-ff-display); }
.t2.t2 .cu-mg-btn.is-p{ background: #0B2349; border-color: #0B2349; color: #fff; }
.t2.t2.is-dark .cu-mg-mc{ background: var(--t2-surface); color: var(--t2-ink); }
.t2.t2.is-dark .cu-mg-mc > b{ color: var(--t2-ink); }
.t2.t2.is-dark .cu-mg-mc small{ color: var(--t2-muted); }
.t2.t2.is-dark .cu-mg-btn{ border-color: var(--t2-line); color: var(--t2-ink); }
.t2.t2.is-dark .cu-mg-btn.is-p{ background: var(--t2-brand); border-color: var(--t2-brand); color: #fff; }
.t2.t2 .cu-mg-g.is-svc{ border-inline-start: 3px solid var(--t2-brand); }
.t2.t2 .cu-nw{ white-space: nowrap; }
/* v177 — الملفات الفعلية للمرحّلين */
.t2.t2 .cu-mgr-miss{ color: var(--t2-muted); font-style: italic; }
.t2.t2 .cu-mgr-docs{ display: grid; gap: 8px; }
.t2.t2 .cu-mgr-doc{ display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid var(--t2-line); border-radius: 12px; background: var(--t2-surface); }
.t2.t2 .cu-mgr-doc-t{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.t2.t2 .cu-mgr-doc-t b{ font-family: var(--t2-ff-display); color: var(--t2-ink); font-size: 14px; }
.t2.t2 .cu-mgr-doc-t small{ color: var(--t2-muted); font-size: 12px; }
.t2.t2 .cu-mgr-pv{ margin-top: 10px; border: 1px solid var(--t2-line); border-radius: 14px; overflow: hidden; background: var(--t2-surface-2); }
.t2.t2 .cu-mgr-pv img{ display: block; width: 100%; height: auto; }
.t2.t2 .cu-mgr-pv iframe{ display: block; width: 100%; height: 70vh; border: 0; background: #fff; }
.t2.t2 .cu-mgr-pv > small, .t2.t2 .cu-mgr-pv > .t2-note{ display: block; padding: 14px; }
/* v180 — إجراءات الإدارة: السندات التنفيذية */
.t2.t2 .cu-bd-int{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--t2-danger-wash);color:var(--t2-ink);border:1px solid color-mix(in srgb,var(--t2-danger) 30%,transparent)}
.t2.t2 .cu-bd-int.is-sm{padding:8px 12px;align-items:center}
.t2.t2 .cu-bd-int>span:last-child{display:grid;gap:2px;min-width:0}
.t2.t2 .cu-bd-int b{color:var(--t2-danger);font-weight:800}
.t2.t2 .cu-bd-int small{color:var(--t2-ink-2);font-size:.8rem;line-height:1.6}
.t2.t2 .cu-bd-int-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--t2-surface);color:var(--t2-danger)}
.t2.t2 .cu-bd-int.is-sm .cu-bd-int-ic{width:26px;height:26px;border-radius:8px}
.t2.t2 .cu-bd-form{align-items:start}
.t2.t2 .cu-bd-wide{grid-column:1/-1;min-width:0}
.t2.t2 .cu-bd-err{display:block;margin-top:4px;color:var(--t2-danger);font-size:.78rem;font-weight:600}
.t2.t2 .cu-bd-ro{display:flex;align-items:center;background:var(--t2-surface-2);color:var(--t2-ink);cursor:default}
.t2.t2 .cu-bd-file{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface-2)}
.t2.t2 .cu-bd-fic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--t2-brand-wash);color:var(--t2-brand)}
.t2.t2 .cu-bd-fn{display:grid;gap:1px;min-width:0;flex:1}
.t2.t2 .cu-bd-fn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--t2-ink);font-size:.88rem}
.t2.t2 .cu-bd-fn small{color:var(--t2-muted);font-size:.76rem}
.t2.t2 .cu-bd-cf{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.t2.t2 .cu-bd-cf>.t2-field{flex:1 1 220px;max-width:340px;min-width:0}
.t2.t2 .cu-bd-go{flex:none;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;background:var(--t2-brand-wash);color:var(--t2-brand);font-weight:700;font-size:.8rem;align-self:center}
.t2.t2 .cu-bd-off{color:var(--t2-muted);text-decoration:line-through}
.t2.t2 .cu-bd-k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.t2.t2 .cu-bd-r .nr-meta{flex-wrap:wrap}
.t2.t2.is-dark .cu-bd-int{background:color-mix(in srgb,var(--t2-danger) 14%,var(--t2-surface));border-color:color-mix(in srgb,var(--t2-danger) 40%,transparent)}
.t2.t2.is-dark .cu-bd-int b{color:#FF8A80}
.t2.t2.is-dark .cu-bd-int-ic{background:var(--t2-surface-2);color:#FF8A80}
.t2.t2.is-dark .cu-bd-file,.t2.t2.is-dark .cu-bd-ro{background:var(--t2-surface-2);border-color:var(--t2-line-2)}
.t2.t2.is-dark .cu-bd-go{background:color-mix(in srgb,var(--t2-brand) 22%,transparent);color:var(--t2-ink)}
.t2.t2.is-dark .cu-bd-err{color:#FF8A80}
@media (max-width:520px){.t2.t2 .cu-bd-k3{grid-template-columns:repeat(3,minmax(0,1fr))}.t2.t2 .cu-bd-k3 .cu-kpi b{font-size:.92rem}}
.t2.t2 .cu-bd-k4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:40rem){.t2.t2 .cu-bd-k4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.t2.t2 .cu-dr .cu-bd-k4,.t2-shost.t2-shost .cu-bd-k4{grid-template-columns:repeat(2,minmax(0,1fr))}
/* v181 — الاستقطاع · الحوالات · الشيكات */
.t2.t2 .t2-btn.is-danger{background:var(--t2-surface);color:var(--t2-danger);border-color:color-mix(in srgb,var(--t2-danger) 45%,transparent)}
.t2.t2 .t2-btn.is-danger:hover{background:var(--t2-danger-wash)}
.t2.t2.is-dark .t2-btn.is-danger{background:transparent;color:#FF8A80;border-color:rgba(255,138,128,.45)}
.t2.t2 .ax-sh{display:flex;align-items:center;gap:8px;margin-top:6px;padding-top:12px;border-top:1px dashed var(--t2-line);font-weight:800;font-size:.86rem;color:var(--t2-ink)}
.t2.t2 .cu-bd-form>.ax-sh:first-child{margin-top:0;padding-top:0;border-top:0}
.t2.t2 .ax-sh-ic{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--t2-brand-wash);color:var(--t2-brand)}
.t2.t2 .ax-oth{display:grid;gap:6px}
.t2.t2 .ax-sch{border:1px solid var(--t2-line);border-radius:12px;overflow:hidden;background:var(--t2-surface)}
.t2.t2 .ax-sch-h{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:10px 12px;background:var(--t2-surface-2);border-bottom:1px solid var(--t2-line)}
.t2.t2 .ax-sch-h b{color:var(--t2-ink)}.t2.t2 .ax-sch-h span{color:var(--t2-ink-2);font-size:.82rem}
.t2.t2 .ax-sch-b{max-height:260px;overflow:auto}
.t2.t2 .ax-sch-b .sys-tw{border:0;border-radius:0}
.t2.t2 .ax-pin{min-width:110px;width:100%;height:36px;padding:0 10px;font-size:.85rem}
.t2.t2 .ax-st{min-width:170px}.t2.t2 .ax-st>*+*{margin-top:6px}
.t2.t2 .ax-auth{display:block;margin-top:4px;color:var(--t2-danger);font-weight:600}
.t2.t2 .ax-lt{color:var(--t2-danger);font-weight:700}
.t2.t2 tr.ax-late>td:first-child{box-shadow:inset -3px 0 0 var(--t2-danger)}
.t2.t2.is-dark .ax-sch{background:var(--t2-surface);border-color:var(--t2-line-2)}
.t2.t2.is-dark .ax-sch-h{background:var(--t2-surface-2);border-color:var(--t2-line-2)}
.t2.t2.is-dark .ax-sh{border-color:var(--t2-line-2)}
.t2.t2.is-dark .ax-sh-ic{background:color-mix(in srgb,var(--t2-brand) 22%,transparent);color:var(--t2-ink)}
.t2.t2.is-dark .ax-auth,.t2.t2.is-dark .ax-lt{color:#FF8A80}
.t2.t2 .ax-pays{display:grid;gap:8px}
.t2.t2 .ax-pay{border:1px solid var(--t2-line);border-radius:12px;padding:10px 12px;background:var(--t2-surface)}
.t2.t2 .ax-pay.is-late{border-inline-start:3px solid var(--t2-danger)}
.t2.t2 .ax-pay-h{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.t2.t2 .ax-pay-h b{color:var(--t2-ink)}
.t2.t2 .ax-pay-a{font-weight:700;color:var(--t2-ink)}
.t2.t2 .ax-pay-d{color:var(--t2-ink-2);font-size:.82rem}
.t2.t2 .ax-pay-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}
.t2.t2 .ax-pay-f{display:grid;gap:4px;min-width:0}
.t2.t2 .ax-pay-f>small{color:var(--t2-muted);font-size:.74rem;font-weight:600}
.t2.t2 .ax-pay-t{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;color:var(--t2-ink-2);font-size:.82rem}
.t2.t2.is-dark .ax-pay{background:var(--t2-surface-2);border-color:var(--t2-line-2)}
.t2.t2.is-dark .ax-pay.is-late{border-inline-start-color:#FF8A80}
/* v182 — حقول مضغوطة · محكمة التنفيذ والإمهال · تقرير العملاء */
.t2.t2 .sys-form.cu-bd-form{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:start}
.pv-dev.pv-dev .t2 .sys-form.cu-bd-form,.pv-dev.pv-dev .sys-form.cu-bd-form{grid-template-columns:1fr}
@media (max-width:640px){.t2.t2 .sys-form.cu-bd-form{grid-template-columns:1fr}}
.t2.t2 .ax-w2{grid-column:span 2;min-width:0}
@media (max-width:640px){.t2.t2 .ax-w2{grid-column:auto}}
.pv-dev.pv-dev .ax-w2{grid-column:auto}
.t2.t2 .cu-bd-ct{display:block;margin-top:4px;font-size:.76rem;font-weight:600;color:var(--t2-ink-2)}
.t2.t2 .cu-bd-ct.is-warn,.t2.t2 .cu-bd-gl.is-warn{color:var(--t2-warn)}
.t2.t2 .cu-bd-ct.is-danger,.t2.t2 .cu-bd-gl.is-danger{color:var(--t2-danger)}
.t2.t2 .cu-bd-gl{font-size:.82rem;font-weight:600;color:var(--t2-ink-2)}
.t2.t2 .ax-alerts{border:1px solid color-mix(in srgb,var(--t2-warn) 45%,transparent);background:var(--t2-warn-wash);border-radius:14px;padding:12px 14px;display:grid;gap:10px}
.t2.t2 .ax-alerts>header{display:flex;align-items:center;gap:8px;color:var(--t2-ink)}
.t2.t2 .ax-al-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--t2-surface);color:var(--t2-warn)}
.t2.t2 .ax-al-l{display:grid;gap:8px}
.t2.t2 .ax-al-r{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--t2-surface);border:1px solid var(--t2-line);border-inline-start:3px solid var(--t2-info)}
.t2.t2 .ax-al-r.is-warn{border-inline-start-color:var(--t2-warn)}.t2.t2 .ax-al-r.is-danger{border-inline-start-color:var(--t2-danger)}
.t2.t2 .ax-al-r>span{min-width:0;color:var(--t2-ink);font-size:.86rem;line-height:1.7}
.t2.t2 .ax-al-r small{display:block;color:var(--t2-ink-2);font-size:.78rem}
.t2.t2 .ax-mts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:4px}
.pv-dev.pv-dev .ax-mts{grid-template-columns:1fr}
.t2.t2 .ax-mt-t{display:block;margin-bottom:8px;color:var(--t2-ink);font-size:.86rem}
.t2.t2 .ax-mt-b{display:flex;gap:2px;height:14px;border-radius:7px;overflow:hidden;background:var(--t2-surface-2)}
.t2.t2 .ax-mt-s{min-width:4px;background:var(--t2-line-2)}
.t2.t2 .ax-mt-s.is-ok,.t2.t2 .ax-mt-l i.is-ok{background:var(--t2-ok)}
.t2.t2 .ax-mt-s.is-warn,.t2.t2 .ax-mt-l i.is-warn{background:var(--t2-warn)}
.t2.t2 .ax-mt-s.is-danger,.t2.t2 .ax-mt-l i.is-danger{background:var(--t2-danger)}
.t2.t2 .ax-mt-s.is-navy,.t2.t2 .ax-mt-l i.is-navy{background:var(--t2-navy)}
.t2.t2 .ax-mt-s.is-none,.t2.t2 .ax-mt-l i.is-none{background:var(--t2-line-2)}
.t2.t2 .ax-mt-l{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:.78rem;color:var(--t2-ink-2)}
.t2.t2 .ax-mt-l span{display:inline-flex;align-items:center;gap:5px}
.t2.t2 .ax-mt-l b{color:var(--t2-ink)}
.t2.t2 .ax-mt-l i{width:10px;height:10px;border-radius:3px;display:inline-block}
.t2.t2 .ax-ind{display:grid;gap:6px;padding:12px 14px;border-radius:14px;border:1px solid var(--t2-line);background:var(--t2-surface-2)}
.t2.t2 .ax-ind.is-ok{background:var(--t2-ok-wash)}.t2.t2 .ax-ind.is-warn{background:var(--t2-warn-wash)}.t2.t2 .ax-ind.is-danger{background:var(--t2-danger-wash)}
.t2.t2 .ax-ind b{display:flex;align-items:center;gap:8px;color:var(--t2-ink)}.t2.t2 .ax-ind span{color:var(--t2-ink-2);font-size:.86rem}
.t2.t2.is-dark .ax-alerts{background:color-mix(in srgb,var(--t2-warn) 12%,var(--t2-surface));border-color:color-mix(in srgb,var(--t2-warn) 40%,transparent)}
.t2.t2.is-dark .ax-al-ic{background:var(--t2-surface-2)}
.t2.t2.is-dark .ax-al-r{background:var(--t2-surface-2);border-color:var(--t2-line-2)}
.t2.t2.is-dark .ax-mt-s.is-navy,.t2.t2.is-dark .ax-mt-l i.is-navy{background:#8FA8D8}
.t2.t2.is-dark .ax-ind{background:var(--t2-surface-2);border-color:var(--t2-line-2)}
.t2.t2.is-dark .ax-ind.is-ok{background:color-mix(in srgb,var(--t2-ok) 14%,var(--t2-surface))}.t2.t2.is-dark .ax-ind.is-warn{background:color-mix(in srgb,var(--t2-warn) 14%,var(--t2-surface))}.t2.t2.is-dark .ax-ind.is-danger{background:color-mix(in srgb,var(--t2-danger) 14%,var(--t2-surface))}
.t2.t2.is-dark .cu-bd-ct.is-danger,.t2.t2.is-dark .cu-bd-gl.is-danger{color:#FF8A80}
/* v183 — السجل الائتماني للعميل */
.t2.t2 .axc-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}
@media (max-width:760px){.t2.t2 .axc-head{grid-template-columns:auto minmax(0,1fr)}.t2.t2 .axc-ha{grid-column:1/-1}}
.pv-dev.pv-dev .axc-head{grid-template-columns:auto minmax(0,1fr)}.pv-dev.pv-dev .axc-ha{grid-column:1/-1}
.t2.t2 .axc-ring{position:relative;width:96px;height:96px;flex:none}
.t2.t2 .axc-ring svg{width:100%;height:100%}
.t2.t2 .axc-ring circle{fill:none;stroke-width:8}
.t2.t2 .axc-ring-bg{stroke:var(--t2-surface-2)}
.t2.t2 .axc-ring-v{stroke:var(--t2-info);stroke-linecap:round}
.t2.t2 .axc-ring.is-ok .axc-ring-v{stroke:var(--t2-ok)}.t2.t2 .axc-ring.is-warn .axc-ring-v{stroke:var(--t2-warn)}.t2.t2 .axc-ring.is-danger .axc-ring-v{stroke:var(--t2-danger)}
.t2.t2 .axc-ring>span{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.t2.t2 .axc-ring b{font-size:1.6rem;line-height:1;color:var(--t2-ink)}.t2.t2 .axc-ring small{font-size:.7rem;color:var(--t2-muted)}
.t2.t2 .axc-hb{display:grid;gap:6px;min-width:0}
.t2.t2 .axc-ht{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.t2.t2 .axc-ht>b{font-size:1.15rem;color:var(--t2-ink)}
.t2.t2 .axc-ind{color:var(--t2-ink-2);font-size:.88rem}.t2.t2 .axc-ind b{color:var(--t2-ink)}
.t2.t2 .axc-hb>small{color:var(--t2-muted);font-size:.8rem}
.t2.t2 .axc-ha{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.t2.t2 .axc-ha>.t2-field{min-width:190px}
.t2.t2 .axc-cnt{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
@media (max-width:640px){.t2.t2 .axc-cnt{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pv-dev.pv-dev .axc-cnt{grid-template-columns:repeat(3,minmax(0,1fr))}
.t2.t2 .axc-c{border:1px solid var(--t2-line);border-radius:12px;padding:10px 12px;display:grid;gap:2px;background:var(--t2-surface)}
.t2.t2 .axc-c b{font-size:1.35rem;color:var(--t2-ink)}.t2.t2 .axc-c small{color:var(--t2-ink-2);font-size:.78rem}
.t2.t2 .axc-c.is-ok{background:var(--t2-ok-wash)}.t2.t2 .axc-c.is-info{background:var(--t2-info-wash)}.t2.t2 .axc-c.is-warn{background:var(--t2-warn-wash)}.t2.t2 .axc-c.is-danger{background:var(--t2-danger-wash)}
.t2.t2 .axc-sub{display:grid;gap:8px}.t2.t2 .axc-sub+.axc-sub{margin-top:10px}
.t2.t2 .axc-sub-t{color:var(--t2-ink);font-size:.9rem}
.t2.t2 .axc-mo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
@media (max-width:640px){.t2.t2 .axc-mo{grid-template-columns:repeat(6,minmax(0,1fr))}}
.pv-dev.pv-dev .axc-mo{grid-template-columns:repeat(6,minmax(0,1fr))}
.t2.t2 .axc-m{display:grid;justify-items:center;gap:4px;padding:8px 2px;border-radius:10px;border:1px solid var(--t2-line);background:var(--t2-surface)}
.t2.t2 .axc-m i{width:14px;height:14px;border-radius:50%;background:var(--t2-line-2)}
.t2.t2 .axc-m small{font-size:.66rem;color:var(--t2-ink-2);direction:ltr}
.t2.t2 .axc-m.is-ok i,.t2.t2 .ax-mt-l i.is-ok{background:var(--t2-ok)}.t2.t2 .axc-m.is-late i{background:var(--t2-warn)}.t2.t2 .axc-m.is-bad i{background:var(--t2-danger)}.t2.t2 .axc-m.is-up i,.t2.t2 .ax-mt-l i.is-info{background:var(--t2-info)}
.t2.t2 .axc-neg{color:var(--t2-danger)}
.t2.t2 .axc-tot td{background:var(--t2-surface-2)}
.t2.t2.is-dark .axc-c{background:var(--t2-surface-2);border-color:var(--t2-line-2)}
.t2.t2.is-dark .axc-c.is-ok{background:color-mix(in srgb,var(--t2-ok) 14%,var(--t2-surface))}.t2.t2.is-dark .axc-c.is-info{background:color-mix(in srgb,var(--t2-info) 14%,var(--t2-surface))}.t2.t2.is-dark .axc-c.is-warn{background:color-mix(in srgb,var(--t2-warn) 14%,var(--t2-surface))}.t2.t2.is-dark .axc-c.is-danger{background:color-mix(in srgb,var(--t2-danger) 14%,var(--t2-surface))}
.t2.t2.is-dark .axc-m{background:var(--t2-surface-2);border-color:var(--t2-line-2)}
.t2.t2.is-dark .axc-neg{color:#FF8A80}
.t2.t2 .axp-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.pv-dev.pv-dev .axp-opts{grid-template-columns:1fr}
.t2.t2 .axp-opts .t2-field{position:relative}
.t2.t2 .axp-od{display:block;flex-basis:100%;color:var(--t2-muted);font-size:.74rem;margin-top:2px}
/* معاينة PDF — ألوان ثابتة للطباعة بصرف النظر عن الوضع الداكن */
#axp-root{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;background:#5b6577;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;color:#13213a}
#axp-root .axp-bar.axp-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#0f1d36;color:#fff}
#axp-root .axp-bar.axp-bar>b{font-size:.95rem}
#axp-root .axp-st.axp-st{font-size:.8rem;color:#c9d6ee}
#axp-root .axp-sp.axp-sp{flex:1}
#axp-root .axp-btn.axp-btn{font:inherit;font-size:.85rem;font-weight:700;border-radius:999px;padding:8px 16px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer}
#axp-root .axp-btn.axp-btn.is-p{background:#0d8a8a;border-color:#0d8a8a}
#axp-root .axp-btn.axp-btn:disabled{opacity:.6;cursor:progress}
#axp-root .axp-stage.axp-stage{flex:1;overflow:auto;padding:14px 12px 40px}
#axp-root .axp-pages.axp-pages{width:794px;margin:0 auto;transform-origin:top center}
@media (max-width:820px){#axp-root .axp-pages.axp-pages{margin:0;transform-origin:top right;margin-inline-start:auto}}
.axp-page.axp-page{width:794px;height:1123px;box-sizing:border-box;padding:30px 36px 22px;margin:0 0 18px;background:#fff;color:#13213a;display:flex;flex-direction:column;box-shadow:0 6px 24px rgba(0,0,0,.25);font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;direction:rtl;font-size:11px;line-height:1.55}
.axp-h.axp-h{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding-bottom:10px;border-bottom:2px solid #0d8a8a}
.axp-h.axp-h img{height:40px;width:auto}
.axp-ht.axp-ht{display:grid}.axp-ht.axp-ht b{font-size:17px;color:#0f1d36}.axp-ht.axp-ht small{font-size:10px;color:#b4232a;font-weight:700}
.axp-hm.axp-hm{display:grid;gap:1px;font-size:10px;color:#4a5a75;text-align:left}.axp-hm.axp-hm b{color:#13213a}
.axp-b.axp-b{flex:1;overflow:hidden;padding-top:12px;display:flex;flex-direction:column;gap:12px}
.axp-f.axp-f{display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #d7deea;font-size:9px;color:#5b6a84}
.axp-sh.axp-sh{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#eef3fa;margin-bottom:8px}
.axp-sh.axp-sh b{font-size:13px;color:#0f1d36}.axp-sh.axp-sh small{color:#5b6a84;font-size:10px}
.axp-sn.axp-sn{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#0f1d36;color:#fff;font-weight:700;font-size:11px}
.axp-kv.axp-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.axp-k.axp-k{border:1px solid #d7deea;border-radius:8px;padding:7px 9px;display:grid;gap:1px;background:#fff}
.axp-k.axp-k small{color:#5b6a84;font-size:9.5px}.axp-k.axp-k b{font-size:13px;color:#13213a}
.axp-k.axp-k.is-ok{background:#e7f6ef;border-color:#bfe5d2}.axp-k.axp-k.is-warn{background:#fff4e0;border-color:#f3d9a6}.axp-k.axp-k.is-danger{background:#fdeceb;border-color:#f3c3c0}.axp-k.axp-k.is-info{background:#e8f1fb;border-color:#c5daf2}
.axp-sum-g.axp-sum-g{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:stretch}
.axp-score.axp-score{border-radius:10px;padding:12px;display:grid;justify-items:center;align-content:center;gap:4px;background:#e8f1fb;border:1px solid #c5daf2;text-align:center}
.axp-score.axp-score b{font-size:40px;line-height:1;color:#0f1d36}.axp-score.axp-score small{color:#4a5a75;font-size:10px}
.axp-score.axp-score.is-ok{background:#e7f6ef;border-color:#bfe5d2}.axp-score.axp-score.is-warn{background:#fff4e0;border-color:#f3d9a6}.axp-score.axp-score.is-danger{background:#fdeceb;border-color:#f3c3c0}
.axp-sum-t.axp-sum-t{display:grid;gap:8px}.axp-sum-t.axp-sum-t .axp-kv{grid-template-columns:repeat(2,minmax(0,1fr))}
.axp-ind.axp-ind{border-radius:8px;padding:8px 10px;background:#eef3fa;font-size:11px}.axp-ind.axp-ind.is-ok{background:#e7f6ef}.axp-ind.axp-ind.is-warn{background:#fff4e0}.axp-ind.axp-ind.is-danger{background:#fdeceb}
.axp-bd.axp-bd{display:inline-block;border-radius:999px;padding:1px 8px;font-size:9.5px;font-weight:700;background:#eef1f5;color:#3b4a63;white-space:nowrap}
.axp-bd.axp-bd.is-ok{background:#d9f1e5;color:#11663f}.axp-bd.axp-bd.is-warn{background:#fdebc8;color:#8a5300}.axp-bd.axp-bd.is-danger{background:#fbd9d6;color:#a3201a}.axp-bd.axp-bd.is-info{background:#dbe9f8;color:#1b4f8a}
.axp-tw.axp-tw{display:grid;gap:5px}
.axp-tt.axp-tt{font-weight:700;font-size:11.5px;color:#0f1d36}
.axp-tw.axp-tw.is-sec .axp-tt{padding:6px 10px;border-radius:8px;background:#eef3fa;font-size:13px}
.axp-t.axp-t{width:100%;border-collapse:collapse;font-size:10px}
.axp-t.axp-t th{background:#0f1d36;color:#fff;font-weight:700;padding:5px 6px;text-align:right}
.axp-t.axp-t td{padding:5px 6px;border-bottom:1px solid #e3e8f0;vertical-align:top}
.axp-t.axp-t tr:nth-child(even) td{background:#f7f9fc}
.axp-neg.axp-neg{color:#a3201a}
.axp-mo.axp-mo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
.axp-m.axp-m{display:grid;justify-items:center;gap:3px;border:1px solid #e3e8f0;border-radius:6px;padding:5px 0}
.axp-m.axp-m i,.axp-lg.axp-lg i{width:11px;height:11px;border-radius:50%;background:#cfd6e2;display:inline-block}
.axp-m.axp-m small{font-size:8.5px;color:#4a5a75;direction:ltr}
.axp-m.axp-m.is-ok i,.axp-lg.axp-lg i.is-ok{background:#1f9d63}.axp-m.axp-m.is-late i,.axp-lg.axp-lg i.is-late{background:#d98b00}.axp-m.axp-m.is-bad i,.axp-lg.axp-lg i.is-bad{background:#c8322b}.axp-m.axp-m.is-up i,.axp-lg.axp-lg i.is-up{background:#3b82c4}
.axp-lg.axp-lg{display:flex;flex-wrap:wrap;gap:4px 12px;margin:6px 0 8px;font-size:9.5px;color:#4a5a75}.axp-lg.axp-lg span{display:inline-flex;align-items:center;gap:4px}
.axp-nt.axp-nt{border:1px solid #d7deea;border-radius:8px;padding:10px;min-height:70px;white-space:pre-wrap;font-size:11px}
.axp-sign.axp-sign{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.axp-sign.axp-sign>div{border:1px dashed #b9c4d6;border-radius:8px;padding:8px 10px;display:grid;gap:4px;min-height:70px}
.axp-sign.axp-sign small{color:#5b6a84;font-size:9.5px}.axp-sign.axp-sign b{font-size:11px;min-height:14px}.axp-sign.axp-sign span{margin-top:auto;font-size:9px;color:#8a97ad;border-top:1px solid #e3e8f0;padding-top:4px}
@media print{
  @page{size:A4;margin:0}
  body.axp-on.axp-on>*:not(#axp-root){display:none!important}
  body.axp-on.axp-on #axp-root{position:static;display:block;background:#fff}
  body.axp-on.axp-on #axp-root .axp-bar{display:none}
  body.axp-on.axp-on #axp-root .axp-stage{overflow:visible;padding:0}
  body.axp-on.axp-on #axp-root .axp-pages{transform:none!important;height:auto!important;width:auto;margin:0}
  body.axp-on.axp-on .axp-page{box-shadow:none;margin:0;break-after:page;page-break-after:always}
}
.axp-nw.axp-nw,.axp-t.axp-t b[dir=ltr],.axp-t.axp-t span[dir=ltr],.axp-bd.axp-bd{white-space:nowrap}
.axp-kv.axp-kv.is-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.t2.t2 .axc-head .t2-badge,.t2.t2 .sys-t .t2-badge{white-space:nowrap}
.axp-t.axp-t td b{white-space:nowrap}
/* v184 — توحيد العرض: بطاقات أفقية للأقسام · صفوف مختصرة · بطاقات مستقلة لكل عقد وإجراء */
.shb.shb.is-wide .hc-g{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
@media (max-width:60rem){.shb.shb.is-wide .hc-g{grid-template-columns:1fr!important}}
#pv-host.is-app.is-app .shb.is-wide .hc-g{grid-template-columns:1fr!important}
.shb.shb.is-wide .hc-g>.hc:last-child:nth-child(odd){grid-column:1/-1!important}
.shb.shb.is-wide .hc{padding:14px 16px!important}
.shb.shb.is-wide .hc .hc-row{flex-direction:row!important;align-items:center!important;gap:12px!important}
.shb.shb.is-wide .hc .hc-go{position:static!important;flex:none}
.shb.shb.is-wide .hc .hc-tx{flex:1;min-width:0}
.shb.shb.is-wide .hc .hc-tx small{white-space:normal}
.shb.shb.is-wide .hc .hc-meta{padding-inline-start:58px}
#pv-host.is-app.is-app .shb.is-wide .hc .hc-meta{padding-inline-start:0}
.t2.t2 .ax-list{display:grid;gap:12px}
.t2.t2 .ax-r{border-radius:16px}
.t2.t2 .ax-r .nr-main{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:72px}
.t2.t2 .ax-r-b{display:grid;gap:3px;flex:1;min-width:0;text-align:start}
.t2.t2 .ax-r-b b{font-size:1rem;color:var(--t2-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t2.t2 .ax-r-b span{font-size:.86rem;color:var(--t2-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t2.t2 .cu-list{gap:12px}
.t2.t2 .ax-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px}
.t2.t2 .ax-top-t{display:grid;gap:2px;min-width:0}.t2.t2 .ax-top-t b{font-size:1.05rem;color:var(--t2-ink)}.t2.t2 .ax-top-t small{color:var(--t2-ink-2);font-size:.82rem}
.t2.t2 .ax-tools{gap:10px}
.t2.t2 .ax-card{border:1px solid var(--t2-line);border-radius:18px;padding:14px 16px;background:var(--t2-surface);display:grid;gap:10px}
.t2.t2 .ax-form{display:grid;gap:12px}
.t2.t2 .axc-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}
.t2.t2 .axc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.pv-dev.pv-dev .axc-grid{grid-template-columns:1fr}
@media (max-width:640px){.t2.t2 .axc-grid{grid-template-columns:1fr}}
.t2.t2 .axc-card{border:1px solid var(--t2-line);border-radius:18px;padding:14px 16px;background:var(--t2-surface);display:grid;gap:12px;align-content:start;border-inline-start:4px solid var(--t2-line-2)}
.t2.t2 .axc-card.is-warn{border-inline-start-color:var(--t2-warn)}.t2.t2 .axc-card.is-danger{border-inline-start-color:var(--t2-danger)}
.t2.t2 .axc-card>header{display:flex;align-items:center;gap:10px}
.t2.t2 .axc-card>header>div{display:grid;gap:2px;flex:1;min-width:0}
.t2.t2 .axc-card>header b{color:var(--t2-ink);font-size:1rem}
.t2.t2 .axc-card>header small{color:var(--t2-ink-2);font-size:.8rem}
.t2.t2 .axc-card-ic{width:38px;height:38px;flex:none}.t2.t2 .axc-card-ic svg{width:100%;height:100%}
.t2.t2 .axc-card>footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px dashed var(--t2-line);padding-top:10px}
.t2.t2 .axc-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0}
.t2.t2 .axc-kv>div{display:grid;gap:1px;min-width:0}
.t2.t2 .axc-kv dt{font-size:.74rem;color:var(--t2-muted)}.t2.t2 .axc-kv dd{margin:0;font-weight:700;color:var(--t2-ink);font-size:.9rem}
.t2.t2 .axc-kv>.is-ok dd{color:var(--t2-ok)}.t2.t2 .axc-kv>.is-warn dd{color:var(--t2-warn)}.t2.t2 .axc-kv>.is-danger dd{color:var(--t2-danger)}
.t2.t2 .axc-prog{position:relative;height:8px;border-radius:4px;background:var(--t2-surface-2);overflow:visible;margin-bottom:16px}
.t2.t2 .axc-prog>span{display:block;height:100%;border-radius:4px;background:var(--t2-ok)}
.t2.t2 .axc-prog>small{position:absolute;inset-inline-start:0;top:10px;font-size:.72rem;color:var(--t2-ink-2)}
.t2.t2 .axc-grp{display:grid;gap:10px;margin-top:6px}
.t2.t2 .axc-grp-t{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem;color:var(--t2-ink)}
.t2.t2 .axc-grp-t small{display:inline-grid;place-items:center;min-width:24px;height:22px;border-radius:999px;background:var(--t2-surface-2);color:var(--t2-ink-2);font-size:.75rem;padding:0 6px}
.t2.t2 .axc-fx{display:grid;gap:6px}
.t2.t2 .axc-fx>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--t2-surface-2)}
.t2.t2 .axc-fx>div>span{display:grid;gap:1px;color:var(--t2-ink);font-size:.86rem}.t2.t2 .axc-fx small{color:var(--t2-muted);font-size:.74rem}
.t2.t2 .axc-fx>div>b{color:var(--t2-danger)}
.t2.t2 .axc-fx>div.is-tot{background:var(--t2-info-wash)}.t2.t2 .axc-fx>div.is-tot>b{color:var(--t2-ink)}
.t2.t2 .axc-tags{display:flex;flex-wrap:wrap;gap:6px}
.t2.t2.is-dark .ax-card,.t2.t2.is-dark .axc-card{background:var(--t2-surface);border-color:var(--t2-line-2)}
.t2.t2.is-dark .axc-card.is-warn{border-inline-start-color:var(--t2-warn)}.t2.t2.is-dark .axc-card.is-danger{border-inline-start-color:#FF8A80}
.t2.t2.is-dark .axc-kv>.is-danger dd{color:#FF8A80}
.t2.t2.is-dark .axc-fx>div{background:var(--t2-surface-2)}.t2.t2.is-dark .axc-fx>div>b{color:#FF8A80}.t2.t2.is-dark .axc-fx>div.is-tot{background:color-mix(in srgb,var(--t2-info) 16%,var(--t2-surface))}
.axp-kv.axp-kv.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kv.axp-kv.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.axp-box.axp-box{border:1px solid #d7deea;border-radius:10px;padding:9px 11px;display:grid;gap:7px;border-inline-start:4px solid #cfd6e2;background:#fff}
.axp-box.axp-box.is-ok{border-inline-start-color:#1f9d63}.axp-box.axp-box.is-warn{border-inline-start-color:#d98b00}.axp-box.axp-box.is-danger{border-inline-start-color:#c8322b}.axp-box.axp-box.is-info{border-inline-start-color:#3b82c4}
.axp-box-h.axp-box-h{display:flex;align-items:center;gap:8px}.axp-box-h.axp-box-h b{font-size:12.5px;color:#0f1d36}.axp-box-h.axp-box-h small{flex:1;color:#5b6a84;font-size:10px}
.axp-box.axp-box .axp-k{padding:5px 8px}.axp-box.axp-box .axp-k b{font-size:11.5px}
/* v185 — التحويل إلى حساب أحد الأقارب */
.t2.t2 .rel-gap{flex-wrap:wrap;gap:8px}
.t2.t2 .rel-wrap{display:grid;gap:14px}
.t2.t2 .rel-blk{border-style:solid;background:var(--t2-surface)}
.t2.t2 .rel-blk>.t2-subf-h b{font-size:1rem;color:var(--t2-ink)}
.t2.t2 .rel-blk>.t2-subf-h span{color:var(--t2-ink-2);font-size:.82rem}
.t2.t2 .rel-file{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface-2);flex-wrap:wrap}
.t2.t2 .rel-file-th{flex:none;width:52px;height:52px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:var(--t2-brand-wash);color:var(--t2-brand)}
.t2.t2 .rel-file-th img{width:100%;height:100%;object-fit:cover}
.t2.t2 .rel-file-n{display:grid;gap:1px;flex:1;min-width:140px}.t2.t2 .rel-file-n b{color:var(--t2-ink);font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t2.t2 .rel-file-n small{color:var(--t2-muted);font-size:.76rem}
.t2.t2 .rel-file-a{display:flex;gap:6px;flex-wrap:wrap}
.t2.t2 .rel-ack{display:grid;gap:10px;grid-column:1/-1;padding:12px 14px;border-radius:12px;border:1px solid var(--t2-line);background:var(--t2-surface-2)}
.t2.t2 .rel-ack.is-missing{border-color:var(--t2-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--t2-danger) 15%,transparent)}
.t2.t2 .rel-ack-t{margin:0;line-height:1.9;color:var(--t2-ink);font-size:.92rem}
.t2.t2 .rel-ack-t.is-empty{color:var(--t2-muted)}
.t2.t2 .rel-ack-c{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--t2-ink);cursor:pointer}
.t2.t2 .rel-ack-c input{width:20px;height:20px;accent-color:var(--t2-brand)}
.t2.t2 .rel-otps{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;grid-column:1/-1}
.t2.t2 .rel-otp{display:grid;gap:10px;padding:12px 14px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface-2)}
.t2.t2 .rel-otp.is-missing{border-color:var(--t2-danger)}
.t2.t2 .rel-otp.is-ok{display:flex;align-items:center;gap:10px;background:var(--t2-ok-wash);border-color:color-mix(in srgb,var(--t2-ok) 40%,transparent)}
.t2.t2 .rel-otp-h{display:flex;align-items:center;gap:10px}
.t2.t2 .rel-otp-h>span:last-child,.t2.t2 .rel-otp.is-ok>span:last-child{display:grid;gap:1px}
.t2.t2 .rel-otp b{color:var(--t2-ink)}.t2.t2 .rel-otp small{color:var(--t2-ink-2);font-size:.78rem}
.t2.t2 .rel-otp-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--t2-surface);color:var(--t2-brand);flex:none}
.t2.t2 .rel-otp.is-ok .rel-otp-ic{color:var(--t2-ok)}
.t2.t2 .rel-otp-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.t2.t2 .rel-otp-i{max-width:140px;text-align:center;letter-spacing:.3em;font-weight:700}
.t2.t2 .rel-otp-hint{color:var(--t2-muted)!important}
.t2.t2 .rel-otp-err{color:var(--t2-danger)!important;font-weight:600}
.t2.t2 .rel-hint{grid-column:1/-1;color:var(--t2-ink-2);font-size:.8rem}
.rel-pv.rel-pv{position:fixed;inset:0;z-index:2147482000;background:rgba(10,18,32,.6);display:grid;place-items:center;padding:16px}
.pv-dev.pv-dev>.rel-pv{position:absolute}
.rel-pv-c.rel-pv-c{width:min(720px,100%);max-height:100%;display:grid;grid-template-rows:auto 1fr;background:var(--t2-surface,#fff);border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.rel-pv-c.rel-pv-c header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--t2-line,#dfe5ee)}
.rel-pv-c.rel-pv-c header b{font-size:.9rem;color:var(--t2-ink,#13213a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rel-pv-c.rel-pv-c img{max-width:100%;max-height:70vh;margin:auto;display:block}
.rel-pv-c.rel-pv-c iframe{width:100%;height:70vh;border:0;background:#fff}
.rel-pv-na.rel-pv-na{padding:24px;color:var(--t2-ink-2,#4a5a75);text-align:center}
.t2.t2.is-dark .rel-blk{background:var(--t2-surface)}
.t2.t2.is-dark .rel-ack,.t2.t2.is-dark .rel-otp,.t2.t2.is-dark .rel-file{background:var(--t2-surface-2);border-color:var(--t2-line-2)}
.t2.t2.is-dark .rel-otp.is-ok{background:color-mix(in srgb,var(--t2-ok) 16%,var(--t2-surface))}
.t2.t2.is-dark .rel-otp-err{color:#FF8A80!important}
/* v187 — قالب عرض السعر */
.t2.t2 .qt-docw{display:block;min-width:0}
.t2.t2 .qt-docw .qd{margin:0}
.t2.t2 .qt-terms{display:grid;gap:10px}
.t2.t2 .qt-term{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface)}
.t2.t2 .qt-term-h{display:flex;align-items:center;gap:8px}
.t2.t2 .qt-term-h .t2-input{flex:1;min-width:0}
.t2.t2 .qt-term-n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--t2-brand-wash);color:var(--t2-brand);font-weight:800;font-size:.8rem}
.t2.t2.is-dark .qt-term{background:var(--t2-surface-2);border-color:var(--t2-line-2)}
.t2.t2 .cu-dr .qt-docw .qd-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* v188 — التحويل لكل عقد وتقرير الرسوم */
.t2.t2 .fee-tot{display:grid;gap:10px}
.t2.t2 .fee-tb{display:grid;gap:4px}
.t2.t2 .fee-gh{font-size:.78rem;font-weight:700;color:var(--t2-muted);padding:8px 2px 2px}
.t2.t2 .fee-r{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;background:var(--t2-surface-2)}
.t2.t2 .fee-r>span{display:grid;gap:1px;min-width:0;color:var(--t2-ink);font-size:.88rem}
.t2.t2 .fee-r small{color:var(--t2-muted);font-size:.74rem;line-height:1.4}
.t2.t2 .fee-r>b{white-space:nowrap;color:var(--t2-ink);font-variant-numeric:tabular-nums}
.t2.t2 .fee-r.is-out>b{color:var(--t2-danger)}
.t2.t2 .fee-r.is-tot{background:var(--t2-info-wash);font-weight:700}
.t2.t2 .fee-r.is-net{border:1.5px solid var(--t2-line)}
.t2.t2 .fee-r.is-net.is-ok>b{color:var(--t2-ok)}.t2.t2 .fee-r.is-net.is-danger>b{color:var(--t2-danger)}
.t2.t2 .fee-r.is-net>span{font-weight:700}
.t2.t2.is-dark .fee-r.is-tot{background:color-mix(in srgb,var(--t2-info) 16%,var(--t2-surface))}
.t2.t2.is-dark .fee-r.is-out>b{color:#FF8A80}
.t2.t2 .fee-trl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.t2.t2 .fee-trl button{all:unset;box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--t2-surface-2);cursor:pointer;font-size:.82rem;color:var(--t2-ink)}
.t2.t2 .fee-trl button:hover{background:var(--t2-info-wash)}
.t2.t2 .fee-trl button:focus-visible{outline:2px solid var(--t2-focus,#2f6fed);outline-offset:2px}
.t2.t2 .fee-trl button>span{min-width:0;color:var(--t2-muted)}
.t2.t2 .fee-trl button>b{white-space:nowrap;color:var(--t2-ok)}
.t2.t2.is-dark .fee-trl button:hover{background:color-mix(in srgb,var(--t2-info) 16%,var(--t2-surface))}
.t2.t2 .fee-xs{display:grid;gap:10px}
.t2.t2 .fee-x{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:10px;align-items:end;padding:10px;border-radius:12px;background:var(--t2-surface-2)}
.t2.t2 .fee-x.is-3{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) auto}
.t2.t2 .fee-x.is-3>.t2-field:first-child{grid-column:1/-1}
.t2.t2 .fee-x>.cu-bd-err{grid-column:1/-1}
.t2.t2 .fee-x.is-missing{box-shadow:inset 0 0 0 1.5px var(--t2-danger)}
.t2.t2 .fee-xs>.t2-btn{justify-self:start}
.pv-dev.pv-dev .t2 .fee-x,.pv-dev.pv-dev .t2 .fee-x.is-3{grid-template-columns:minmax(0,1fr) auto}
.pv-dev.pv-dev .t2 .fee-x>.t2-field:first-child{grid-column:1/-1}
.pv-dev.pv-dev .t2 .fee-x.is-3>.t2-field:nth-child(2){grid-column:auto}
@media (max-width:640px){.t2.t2 .fee-x,.t2.t2 .fee-x.is-3{grid-template-columns:minmax(0,1fr) auto}.t2.t2 .fee-x>.t2-field:first-child{grid-column:1/-1}.t2.t2 .fee-x.is-3{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) auto}}
.t2.t2 .fee-hint{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 12px;border-radius:12px;background:var(--t2-info-wash);font-size:.82rem;color:var(--t2-muted)}
.t2.t2 .fee-hint b{color:var(--t2-ink);white-space:nowrap}
.t2.t2 .fee-hint .is-warn b{color:var(--t2-warn)}.t2.t2 .fee-hint .is-ok b{color:var(--t2-ok)}
.t2.t2.is-dark .fee-hint{background:color-mix(in srgb,var(--t2-info) 14%,var(--t2-surface))}
.t2.t2 .fee-net.is-ok{color:var(--t2-ok)}.t2.t2 .fee-net.is-danger{color:var(--t2-danger)}
.pv-dev.pv-dev .t2 .fee-x.is-3{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto}
/* v189 — مستندات PDF (عروض الأسعار · العقد · الفاتورة) */
.axp-kv.axp-kv.is-1{grid-template-columns:1fr}
.axp-kv.axp-kv.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.axp-sign.axp-sign.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.axp-page.axp-page.is-draft{position:relative}
.axp-page.axp-page.is-draft::after{content:"معاينة — قبل الإرسال";position:absolute;inset:0;display:grid;place-items:center;font-size:84px;font-weight:800;color:rgba(15,29,54,.05);transform:rotate(-28deg);pointer-events:none;white-space:nowrap}
.dc-intro.dc-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dc-to.dc-to,.dc-sum.dc-sum{border:1px solid #d7deea;border-radius:10px;padding:10px 12px;display:grid;gap:2px;background:#fff}
.dc-to.dc-to small,.dc-sum.dc-sum small{color:#5b6a84;font-size:9.5px}
.dc-to.dc-to b{font-size:14px;color:#0f1d36}
.dc-to.dc-to span,.dc-sum.dc-sum span{font-size:10px;color:#3b4a64}
.dc-sum.dc-sum{background:#0f1d36;border-color:#0f1d36}
.dc-sum.dc-sum small,.dc-sum.dc-sum span{color:#c9d6ea}
.dc-sum.dc-sum b{font-size:22px;color:#fff;direction:ltr;text-align:right}
.dc-ttl.dc-ttl{display:grid;gap:3px;text-align:center;padding:6px 0 2px}
.dc-ttl.dc-ttl b{font-size:19px;color:#0f1d36}
.dc-ttl.dc-ttl span{font-size:10.5px;color:#5b6a84}
.dc-par.dc-par{margin:0;font-size:11px;line-height:1.8;color:#13213a;text-align:justify}
.dc-par.dc-par.is-note{border:1px solid #ecd9a8;background:#fff9ea;border-radius:8px;padding:8px 10px;font-size:10.5px}
.axp-t.axp-t tr.dc-tot td{background:#eef3fa!important;font-weight:700;color:#0f1d36}
.axp-t.axp-t tr.dc-term td{line-height:1.7}
.axp-t.axp-t tr.dc-term td:first-child,.axp-t.axp-t td .dc-n{width:22px}
.dc-n.dc-n{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:5px;background:#e7f4f2;color:#0d7a6f;font-weight:700;font-size:9.5px}
.dc-close.dc-close{display:grid;gap:2px;text-align:center;padding:10px;border-top:2px solid #14b8a6;margin-top:4px}
.dc-close.dc-close b{font-size:12px;color:#0f1d36}.dc-close.dc-close span{font-size:10px;color:#5b6a84}.dc-close.dc-close em{font-size:11px;color:#0d7a6f;font-style:normal;font-weight:700}
.dc-inv-f.dc-inv-f{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.dc-qr.dc-qr{display:grid;justify-items:center;gap:4px;max-width:150px;text-align:center}
.dc-qr.dc-qr small{font-size:8.5px;color:#5b6a84;line-height:1.4}
/* الإعدادات: محرّر البنود · اختيار البنود الظاهرة · بنود القالب عند الإصدار */
.t2.t2 .tq-its{display:grid;gap:10px}
.t2.t2 .tq-it{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface)}
.t2.t2 .tq-it.is-missing{box-shadow:inset 0 0 0 1.5px var(--t2-danger)}
.t2.t2 .tq-it-h{display:flex;align-items:center;gap:8px}
.t2.t2 .tq-it-h>b{flex:1;min-width:0;font-size:.9rem;color:var(--t2-ink)}
.t2.t2 .tq-it-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pv-dev.pv-dev .t2 .tq-it-g{grid-template-columns:1fr}
@media (max-width:640px){.t2.t2 .tq-it-g{grid-template-columns:1fr}}
.t2.t2 .tq-sel{display:grid;gap:8px}
.t2.t2 .tq-sr{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 12px;border-radius:12px;background:var(--t2-surface-2)}
.t2.t2 .tq-sr.is-opt{border:1.5px dashed var(--t2-line-2,var(--t2-line))}
.t2.t2 .tq-sr>span{display:grid;gap:2px;min-width:0;flex:1 1 200px}
.t2.t2 .tq-sr>span b{font-size:.88rem;color:var(--t2-ink)}
.t2.t2 .tq-sr>span small{font-size:.76rem;color:var(--t2-muted)}
.t2.t2 .tq-sr>.t2-cb,.t2.t2 .tq-sr>div:last-child{flex:1 1 220px;max-width:320px}
.pv-dev.pv-dev .t2 .tq-sr>.t2-cb,.pv-dev.pv-dev .t2 .tq-sr>div:last-child{max-width:none}
.t2.t2 .tq-xs{display:grid;gap:8px;padding:10px 12px;border-radius:12px;background:var(--t2-surface-2)}
.t2.t2 .tq-xs-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.t2.t2 .tq-xs-h b{font-size:.88rem;color:var(--t2-ink)}.t2.t2 .tq-xs-h small{color:var(--t2-muted);font-size:.78rem}
#axp-root{z-index:2147483100}
/* v190 — عبارة الشركاء · أيقونة الخصم والنقاط */
.t2.t2 .pn-note,.pn-note.pn-note{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:var(--t2-brand-wash,#e7f4f2);border:1px solid color-mix(in srgb,var(--t2-brand,#0d7a6f) 30%,transparent);color:var(--t2-brand,#0d7a6f)}
.t2.t2 .pn-note b,.pn-note.pn-note b{font-size:.9rem;font-weight:700}
.t2.t2 .pn-note .pn-ic,.pn-note.pn-note .pn-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--t2-surface,#fff);flex:none}
.t2.t2.is-dark .pn-note{background:color-mix(in srgb,var(--t2-brand) 18%,var(--t2-surface));color:#7fe3d6;border-color:color-mix(in srgb,var(--t2-brand) 40%,transparent)}
.qd.qd .pn-note{margin:2px 0}
.axp-page.axp-page .pn-note{background:#e7f4f2;border:1px solid #bfe3dd;color:#0d7a6f;padding:7px 10px;border-radius:8px}
.axp-page.axp-page .pn-note b{font-size:11.5px}
.axp-page.axp-page .pn-note .pn-ic{width:22px;height:22px;background:#fff}
.ds-l.ds-l{display:inline-flex;align-items:center;gap:5px}
.ds-l.ds-l .ds-ic{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#fff1dc;color:#9a5b00;flex:none}
.ds-l.ds-l.is-pts .ds-ic{background:#e8f1fb;color:#1d5fa8}
.t2.t2.is-dark .ds-l .ds-ic{background:color-mix(in srgb,#d98b00 25%,var(--t2-surface));color:#ffc56b}
.t2.t2.is-dark .ds-l.is-pts .ds-ic{background:color-mix(in srgb,#3b82c4 25%,var(--t2-surface));color:#9ccaf5}
.qc-v.qc-v .ds-l{font-size:.78rem;font-weight:700;color:var(--t2-warn)}
.t2.t2 .ds-box{display:grid;gap:10px;padding:12px;border-radius:14px;border:1.5px dashed color-mix(in srgb,#d98b00 45%,transparent);background:color-mix(in srgb,#d98b00 6%,var(--t2-surface))}
.t2.t2 .ds-h{display:flex;align-items:center;gap:10px}
.t2.t2 .ds-hic svg{width:34px;height:auto}
.t2.t2 .ds-h>div{display:grid;gap:1px}.t2.t2 .ds-h b{font-size:.92rem;color:var(--t2-ink)}.t2.t2 .ds-h small{font-size:.76rem;color:var(--t2-muted)}
.t2.t2 .ds-pts{display:grid;gap:8px}
.t2.t2 .ds-pk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.t2.t2 .ds-pk>div{display:grid;gap:1px;padding:7px 9px;border-radius:10px;background:var(--t2-surface)}
.t2.t2 .ds-pk small{font-size:.72rem;color:var(--t2-muted)}.t2.t2 .ds-pk b{font-size:.84rem;color:var(--t2-ink)}
.pv-dev.pv-dev .t2 .ds-pk{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:640px){.t2.t2 .ds-pk{grid-template-columns:repeat(2,minmax(0,1fr))}}
.t2.t2 .ds-pa{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.t2.t2 .ds-sum{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 10px;border-radius:10px;background:var(--t2-surface);font-size:.84rem;font-weight:700;color:var(--t2-ink)}
.axp-k.axp-k small .ds-l .ds-ic,.axp-t.axp-t .ds-l .ds-ic{width:15px;height:15px;border-radius:4px}
.axp-t.axp-t .ds-l .ds-ic svg,.axp-k.axp-k .ds-l .ds-ic svg{width:10px;height:10px}
/* v191 — بيانات المنشأة الضريبية في المستندات */
.dc-tax.dc-tax{display:grid;gap:4px}
.dc-tax-t.dc-tax-t{font-size:9.5px;color:#5b6a84;font-weight:700}
.dc-tax.dc-tax .axp-k b{font-size:11.5px}
/* v192 — التقييم والتوصية والسعر داخل الطلب */
.t2.t2 .rq-ev{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.t2.t2 .rq-ev .axc-ring{width:84px;height:84px}
.t2.t2 .rq-ev-b{display:grid;gap:6px;flex:1 1 220px;min-width:0}
.t2.t2 .rq-ev-t{display:flex;gap:6px;flex-wrap:wrap}
.t2.t2 .rq-ev-ind{font-size:.86rem;color:var(--t2-ink)}
.t2.t2 .rq-ev-b small{color:var(--t2-muted);font-size:.76rem}
.t2.t2 .rq-ev-ks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.t2.t2 .rq-ev-k{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:var(--t2-surface-2)}
.t2.t2 .rq-ev-k small{font-size:.74rem;color:var(--t2-muted)}.t2.t2 .rq-ev-k b{font-size:.9rem;color:var(--t2-ink)}
.t2.t2 .rq-ev-k.is-ok b{color:var(--t2-ok)}.t2.t2 .rq-ev-k.is-warn b{color:var(--t2-warn)}.t2.t2 .rq-ev-k.is-danger b{color:var(--t2-danger)}
.t2.t2 .rq-ev-f{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.t2.t2 .rq-ev-f li{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:9px;background:var(--t2-surface-2);font-size:.82rem;color:var(--t2-ink)}
.t2.t2 .rq-ev-f li b{color:var(--t2-danger)}
.t2.t2.is-dark .rq-ev-f li b{color:#FF8A80}
.t2.t2 .rq-pr{display:grid;gap:10px;padding:10px 12px;border-radius:12px;background:var(--t2-surface-2)}
.t2.t2 .rq-ev-mini{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--t2-line);background:var(--t2-surface)}
.t2.t2 .rq-ev-mini>b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:4px solid var(--t2-ok);font-size:1rem;color:var(--t2-ink);flex:none}
.t2.t2 .rq-ev-mini.is-warn>b{border-color:var(--t2-warn)}.t2.t2 .rq-ev-mini.is-danger>b{border-color:var(--t2-danger)}
.t2.t2 .rq-ev-mini>span{display:grid;gap:2px;min-width:0}
.t2.t2 .rq-ev-mini strong{font-size:.88rem;color:var(--t2-ink)}.t2.t2 .rq-ev-mini small{font-size:.76rem;color:var(--t2-muted)}
/* v193 — لوحات المشرف صفحة كاملة في الويب · مساحة إعداد العرض مع السجل الائتماني · التسعيرة */
.cu-dr.cu-dr.is-page{justify-content:stretch;align-items:stretch;background:rgba(4,18,43,.35)}
.cu-dr.cu-dr.is-page .cu-dr-p{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;box-shadow:none;transform:none;background:var(--t2-bg)}
.cu-dr.cu-dr.is-page .cu-dr-p>.st-grip{display:none}
.cu-dr.cu-dr.is-page .cu-dr-h,.cu-dr.cu-dr.is-page .cu-dr-b,.cu-dr.cu-dr.is-page .cu-dr-f,.cu-dr.cu-dr.is-page .cu-dr-cr{padding-inline:max(24px,calc((100% - 1180px) / 2))}
.cu-dr.cu-dr.is-page .cu-dr-h{background:var(--t2-surface);padding-block:14px}
.cu-dr.cu-dr.is-page .cu-dr-h b{font-size:1.2rem}
.cu-dr.cu-dr.is-page .cu-dr-b{padding-block:20px 28px}
.cu-dr.cu-dr.is-page .cu-dr-f{background:var(--t2-surface)}
.cu-dr.cu-dr.is-page .cu-dr-f .cu-dr-fa{justify-content:flex-start}
.cu-dr-cr.cu-dr-cr{display:flex;align-items:center;gap:12px;padding-block:9px;border-bottom:1px solid var(--t2-line);background:var(--t2-surface);font-size:.82rem;color:var(--t2-muted);flex-wrap:wrap}
.cu-dr-cr.cu-dr-cr ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cu-dr-cr.cu-dr-cr li{display:inline-flex;align-items:center;gap:6px}
.cu-dr-cr.cu-dr-cr li+li::before{content:"‹";color:var(--t2-muted)}
.cu-dr-cr.cu-dr-cr li button{all:unset;cursor:pointer;color:var(--t2-brand)}
.cu-dr-cr.cu-dr-cr li button:focus-visible,.cu-dr-back.cu-dr-back:focus-visible{outline:2px solid var(--t2-brand);outline-offset:2px;border-radius:6px}
.cu-dr-cr.cu-dr-cr li b{color:var(--t2-ink)}
.cu-dr-back.cu-dr-back{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;border:1px solid var(--t2-line);color:var(--t2-ink);font-weight:700;background:var(--t2-surface)}
.cu-dr.cu-dr.is-page .cu-ds,.cu-dr.cu-dr.is-page .ax-form>section,.cu-dr.cu-dr.is-page .t2-sec{background:var(--t2-surface)}
.t2.t2 .dc-ws{display:grid;gap:16px;align-items:start}
.cu-dr.cu-dr.is-page .dc-ws{grid-template-columns:minmax(0,1fr) minmax(320px,400px)}
.cu-dr.cu-dr.is-page .dc-ws-a{position:sticky;top:0;display:grid;gap:14px}
.t2.t2 .dc-ws-m,.t2.t2 .dc-ws-a{display:grid;gap:14px;min-width:0;align-content:start}
@media (max-width:980px){.cu-dr.cu-dr.is-page .dc-ws{grid-template-columns:1fr}.cu-dr.cu-dr.is-page .dc-ws-a{position:static}}
.t2.t2 .tq-prs{display:grid;gap:10px}
.t2.t2 .tq-pr{display:grid;gap:8px;padding:10px 12px;border-radius:12px;background:var(--t2-surface-2);border:1px solid var(--t2-line)}
.t2.t2 .tq-pr.is-opt{border-style:dashed}
.t2.t2 .tq-pr.is-off{opacity:.7}
.t2.t2 .tq-pr-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.t2.t2 .tq-pr-h b{font-size:.9rem;color:var(--t2-ink)}
.t2.t2 .tq-pr-h small{margin-inline-start:auto;color:var(--t2-muted);font-size:.78rem}
.t2.t2 .tq-pr-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px}
.pv-dev.pv-dev .t2 .tq-pr-g{grid-template-columns:1fr}
.t2.t2 .tq-sub{display:block;font-size:.86rem;color:var(--t2-ink);margin:6px 0 4px}
/* ===================== v195 — قالب PDF الجديد (شكل نموذج عرض السعر المعتمد) ===================== */
.axp-page.axp-page.dc2{padding:0;font-family:Cairo,"IBM Plex Sans Arabic",Tahoma,sans-serif;color:#1d2742;font-size:12.5px;line-height:1.5}
.dc2.dc2 .d2-top{height:136px;flex:none;padding:0 49px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#1a2f7c;border-bottom:1px solid #e3e8f2;position:relative;box-sizing:border-box}
.dc2.dc2 .d2-top::after{content:"";position:absolute;inset:auto 0 0 0;height:8px;background:linear-gradient(90deg,#1a2f7c,#14a6a4)}
.dc2.dc2 .d2-top.is-sm{height:86px}
.dc2.dc2 .d2-brand{display:flex;align-items:center;gap:22px;min-width:0}
.dc2.dc2 .d2-brand img{width:100px;height:100px;display:block;object-fit:contain}
.dc2.dc2 .d2-top.is-sm .d2-brand img{width:56px;height:56px}
.dc2.dc2 .d2-brand h2{margin:0;font-size:20px;font-weight:800;line-height:1.3;color:#1a2f7c}
.dc2.dc2 .d2-brand p{margin:0;font-size:12.5px;color:#6b7590;font-weight:600}
.dc2.dc2 .d2-top.is-sm .d2-brand h2{font-size:15px}
.dc2.dc2 .d2-ttl{display:grid;justify-items:end;gap:7px;text-align:left}
.dc2.dc2 .d2-ttl h1{margin:0;font-size:35px;font-weight:900;line-height:1.1;color:#1a2f7c}
.dc2.dc2 .d2-top.is-sm .d2-ttl h1{font-size:22px}
.dc2.dc2 .d2-ttl span{font-size:12px;font-weight:700;background:#1a2f7c;color:#fff;padding:2px 15px;border-radius:40px;line-height:1.6}
.dc2.dc2 .d2-ttl small{font-size:11px;color:#6b7590;font-weight:600}.dc2.dc2 .d2-ttl small b{color:#1a2f7c}
.dc2.dc2 .axp-b{padding:19px 49px 14px;gap:15px}
.dc2.dc2 .d2-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.dc2.dc2 .d2-meta.is-1{grid-template-columns:minmax(0,1fr)}.dc2.dc2 .d2-meta.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dc2.dc2 .d2-meta.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dc2.dc2 .d2-chip{display:flex;align-items:center;gap:11px;border:1px solid #e3e8f2;border-radius:15px;padding:9px 13px;min-width:0}
.dc2.dc2 .d2-chip .d2-ic{width:40px;height:40px;flex:none}
.dc2.dc2 .d2-chip>div{min-width:0}
.dc2.dc2 .d2-chip small{display:block;font-size:10.5px;color:#6b7590;font-weight:600;line-height:1.25}
.dc2.dc2 .d2-chip b{display:block;font-size:14px;font-weight:800;color:#1a2f7c;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc2.dc2 .d2-foot{height:53px;flex:none;border-top:1px solid #e3e8f2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 49px;font-size:11.5px;color:#6b7590;font-weight:600;position:relative;box-sizing:border-box}
.dc2.dc2 .d2-foot::before{content:"";position:absolute;top:-1px;left:0;right:0;height:4px;background:linear-gradient(90deg,#1a2f7c,#14a6a4)}
.dc2.dc2 .d2-auto{display:flex;align-items:center;gap:9px;color:#1a2f7c;font-weight:800;min-width:0}
.dc2.dc2 .d2-auto i{width:10px;height:10px;border-radius:50%;background:#14a6a4;flex:none}
.dc2.dc2 .d2-fr{display:flex;gap:14px;align-items:center;white-space:nowrap}
.dc2.dc2 .d2-pg{color:#1a2f7c;font-weight:700}
.dc2.dc2 .d2-ib{display:inline-flex;flex:none}.dc2.dc2 .d2-ib .d2-ic{width:38px;height:38px}
/* البطاقات: كل قسم بإطار وعنوان بأيقونته */
.dc2.dc2 .axp-b>div:has(>.axp-sh),.dc2.dc2 .axp-tw{border:1px solid #e3e8f2;border-radius:17px;overflow:hidden;background:#fff;margin:0}
.dc2.dc2 .axp-sh{display:flex;align-items:center;gap:11px;padding:6px 15px;margin:0;border-radius:0;background:#fff;border-bottom:1px solid #e3e8f2;min-height:52px;box-sizing:border-box}
.dc2.dc2 .axp-sh b{font-size:15px;font-weight:800;color:#1a2f7c}
.dc2.dc2 .axp-sh~*{margin:11px 15px}
.dc2.dc2 .axp-sh~*:last-child{margin-bottom:14px}
.dc2.dc2 .axp-tt{display:flex;align-items:center;gap:11px;padding:6px 15px;min-height:52px;box-sizing:border-box;border-bottom:1px solid #e3e8f2;font-size:15px;font-weight:800;color:#1a2f7c;background:#fff;margin:0}
.dc2.dc2 .axp-tt b{font-weight:800}
.dc2.dc2 .axp-t{border:0;border-radius:0;font-size:12px;margin:0}
.dc2.dc2 .axp-t th{background:#fff;color:#6b7590;font-weight:700;font-size:11px;padding:7px 15px;border-bottom:1px solid #e3e8f2;text-align:right}
.dc2.dc2 .axp-t td{padding:7px 15px;border-bottom:1px solid #e3e8f2;background:#fff;font-weight:600;color:#1d2742}
.dc2.dc2 .axp-t tr:nth-child(even) td{background:#fff}
.dc2.dc2 .axp-t tr:last-child td{border-bottom:0}
.dc2.dc2 .axp-t th:last-child,.dc2.dc2 .axp-t td:last-child{text-align:left;font-weight:700}
.dc2.dc2 .axp-t tr.dc-tot td{background:#f4f7fc;color:#1a2f7c;font-weight:800}
.dc2.dc2 .axp-t tr.dc-gt td{background:#1a2f7c;color:#fff;font-size:14px;font-weight:800;padding:10px 15px}
.dc2.dc2 .dc-pill{display:inline-grid;place-items:center;min-width:25px;height:25px;border-radius:13px;background:#14a6a4;color:#fff;font-size:11.5px;font-weight:800;padding:0 6px;box-sizing:border-box}
.dc2.dc2 .axp-tw:has(tr.dc-term) thead{display:none}
.dc2.dc2 .axp-t tr.dc-term td{line-height:1.7;vertical-align:top;font-weight:600}
.dc2.dc2 .axp-t tr.dc-term td:last-child{text-align:right;font-weight:600}
.dc2.dc2 .dc-n{display:inline-grid;place-items:center;width:21px;height:21px;min-width:21px;border-radius:6px;background:linear-gradient(135deg,#14a6a4,#1a2f7c);color:#fff;font-size:10.5px;font-weight:800}
/* بيانات المفتاح والقيمة */
.dc2.dc2 .axp-kv{gap:10px 15px}
.dc2.dc2 .axp-k{border:1px solid #e3e8f2;border-radius:13px;padding:8px 12px;background:#fff}
.dc2.dc2 .axp-sh~.axp-kv .axp-k{border:0;border-bottom:1px dashed #e3e8f2;border-radius:0;padding:4px 2px 6px}
.dc2.dc2 .axp-k small{color:#6b7590;font-size:10.5px;font-weight:600}
.dc2.dc2 .axp-k b{color:#1a2f7c;font-size:13px;font-weight:800}
.dc2.dc2 .axp-k.is-ok{background:#1a2f7c;border-color:#1a2f7c}.dc2.dc2 .axp-k.is-ok small,.dc2.dc2 .axp-k.is-ok b{color:#fff}
.dc2.dc2 .dc-intro{gap:15px}
.dc2.dc2 .dc-to{border:1px solid #e3e8f2;border-radius:17px;padding:12px 15px}
.dc2.dc2 .dc-to small{color:#6b7590;font-size:10.5px;font-weight:600}
.dc2.dc2 .dc-to b{color:#1a2f7c;font-size:15px;font-weight:800}
.dc2.dc2 .dc-to span{color:#1d2742;font-size:11px}
.dc2.dc2 .dc-sum{border:0;border-radius:17px;background:linear-gradient(135deg,#1a2f7c,#0e2260);padding:12px 16px}
.dc2.dc2 .dc-sum b{font-size:24px;font-weight:900}
.dc2.dc2 .dc-ttl b{font-size:21px;font-weight:900;color:#1a2f7c}
.dc2.dc2 .dc-par{font-size:12px;line-height:1.75;color:#1d2742}
.dc2.dc2 .dc-par.is-note{border:1px solid #f3e2b8;background:#fffaf0;border-radius:13px;padding:10px 13px;font-weight:600}
.dc2.dc2 .dc-close{display:none}
.dc2.dc2 .pn-note{border-radius:13px}
.t2.t2 .tq-pr-g.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pv-dev.pv-dev .t2 .tq-pr-g.is-3{grid-template-columns:1fr}
@media (max-width:760px){.t2.t2 .tq-pr-g.is-3{grid-template-columns:1fr}}
.dc2.dc2 .axp-b>*{flex:none}
/* قوائم المستندات مجمّعة حسب العميل */
.t2.t2 .tm-cl{display:grid;gap:12px}
.t2.t2 .tm-cg{border:1px solid var(--t2-line);border-radius:16px;background:var(--t2-surface);overflow:hidden}
.t2.t2 .tm-cg-h{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--t2-surface-2);border-bottom:1px solid var(--t2-line)}
.t2.t2 .tm-cg-h>div{display:grid;min-width:0}
.t2.t2 .tm-av{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#1a2f7c;color:#fff;font-weight:800;font-size:.95rem}
.t2.t2 .tm-cg-h b{font-size:.95rem;color:var(--t2-ink)}
.t2.t2 .tm-cg-h small{color:var(--t2-muted);font-size:.78rem}
.t2.t2 .tm-cg-s{margin-inline-start:auto;display:grid;text-align:end}
.t2.t2 .tm-cg-s b{font-size:.92rem}
.t2.t2 .tm-r{display:grid;grid-template-columns:minmax(150px,max-content) minmax(0,1fr) max-content minmax(118px,max-content) 16px;align-items:center;gap:14px;width:100%;padding:10px 14px;border:0;border-bottom:1px solid var(--t2-line);background:none;text-align:start;font:inherit;color:var(--t2-ink);cursor:pointer;min-height:50px;box-sizing:border-box}
.t2.t2 .tm-r:last-child{border-bottom:0}
.t2.t2 .tm-r:hover{background:var(--t2-surface-2)}
.t2.t2 .tm-r:focus-visible{outline:2px solid #14a6a4;outline-offset:-2px}
.t2.t2 .tm-r.is-danger{box-shadow:inset -3px 0 0 #c0392b}.t2.t2 .tm-r.is-warn{box-shadow:inset -3px 0 0 #d99a1e}
.t2.t2 .tm-no{font-weight:700;font-size:.86rem;white-space:nowrap;text-align:right}
.t2.t2 .tm-sub{color:var(--t2-muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t2.t2 .tm-amt{font-weight:700;white-space:nowrap;font-size:.9rem}
.t2.t2 .tm-go{color:var(--t2-muted);display:grid}
.t2.t2 .tm-empty{padding:18px;text-align:center;color:var(--t2-muted);border:1px dashed var(--t2-line);border-radius:14px}
.pv-dev.pv-dev .t2 .tm-r{grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"no amt" "sub st";row-gap:4px}
.pv-dev.pv-dev .t2 .tm-no{grid-area:no}.pv-dev.pv-dev .t2 .tm-amt{grid-area:amt}.pv-dev.pv-dev .t2 .tm-sub{grid-area:sub}.pv-dev.pv-dev .t2 .tm-r>.t2-pill{grid-area:st}.pv-dev.pv-dev .t2 .tm-go{display:none}
@media (max-width:720px){.t2.t2 .tm-r{grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"no amt" "sub st";row-gap:4px}.t2.t2 .tm-no{grid-area:no}.t2.t2 .tm-amt{grid-area:amt}.t2.t2 .tm-sub{grid-area:sub}.t2.t2 .tm-r>.t2-pill{grid-area:st}.t2.t2 .tm-go{display:none}}
/* صفحات المستندات: العنوان في رأس الصفحة مرة واحدة */
.t2.t2 .ax-top.is-sub .ax-top-t small{font-size:.9rem;color:var(--t2-muted)}
.cu-dr.cu-dr.is-page .cu-dr-fa .t2-btn.is-primary{flex:0 0 auto;min-width:11rem}
.dc2.dc2 .axp-t tr.dc-gt td{background:#1a2f7c!important;color:#fff!important}
.dc2.dc2 .axp-t tr.dc-tot:not(.dc-gt) td{background:#f4f7fc!important}
.dc2.dc2 .d2-top.is-sm .d2-ttl span{display:none}
.dc2.dc2 .d2-top.is-sm .d2-ttl{gap:3px}
.dc2.dc2 .dc-ttl b{display:none}
/* ===================== v196 — ختم المنصة وتوقيعها ===================== */
.st-blk.st-blk{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:10px 22px;border-top:1px dashed #cfd8e6;break-inside:avoid;page-break-inside:avoid}
.st-who.st-who{display:grid;gap:3px;min-width:0}
.st-who.st-who small{font-size:10.5px;color:#6b7590;font-weight:600}
.st-who.st-who b{font-size:14px;color:#1a2f7c;font-weight:800}
.st-who.st-who span{font-size:11px;color:#6b7590;font-weight:600}
.st-line.st-line{display:block;width:190px;border-bottom:1.5px solid #1a2f7c;margin-top:26px}
.st-seal.st-seal{flex:none;display:grid;place-items:center}
.st-seal.st-seal .st-svg,.st-seal.st-seal .st-img{display:block;opacity:.92}
.st-img.st-img{object-fit:contain}
.t2.t2 .st-prev{display:flex;align-items:center;gap:16px;min-width:0}
.t2.t2 .st-prev-s{flex:none;padding:6px;border-radius:16px;background:#fff;border:1px solid var(--t2-line)}
.t2.t2 .st-prev-s .st-svg,.t2.t2 .st-prev-s .st-img{display:block}
.t2.t2 .st-prev-t{display:grid;gap:3px;min-width:0}
.t2.t2 .st-prev-t b{color:var(--t2-ink)}.t2.t2 .st-prev-t small{color:var(--t2-muted)}
.pv-dev.pv-dev .t2 .st-prev{flex-direction:column;align-items:flex-start}
/* ===================== v197 — لوحات الصفحة الكاملة في الويب ===================== */
html:has(.cu-dr.cu-dr.is-page.is-on),html:has(.cu-dr.cu-dr.is-page.is-on) body{overflow:hidden}
.cu-dr.cu-dr.is-page .cu-dr-b{scrollbar-width:thin;scrollbar-gutter:stable}
.cu-dr.cu-dr.is-page .cu-dr-ic{width:44px;height:44px;place-items:center}
.cu-dr.cu-dr.is-page .cu-dr-ic .t2-tile{width:44px;height:44px;display:block}
.cu-dr.cu-dr.is-page .cu-dr-h{display:flex;align-items:center;gap:14px}
.cu-dr.cu-dr.is-page .cu-dr-b>.cu-ds,.cu-dr.cu-dr.is-page .dc-ws-m>.cu-ds,.cu-dr.cu-dr.is-page .dc-ws-a>.cu-ds{padding:16px 18px;border:1px solid var(--t2-line);border-radius:18px;box-shadow:0 1px 2px rgba(15,29,54,.04)}
.cu-dr.cu-dr.is-page .cu-ds .t2-fields{border-radius:12px}
.cu-dr.cu-dr.is-page .cu-dr-cr ol li:last-child button{font-weight:700;color:var(--t2-ink)}
/* ===================== v198 ===================== */
/* شريط المعاينة والترويسة يبقيان ثابتين طوال الصفحة (لا فراغ يظهر فيه المحتوى فوق الترويسة) */
html,body{height:auto;min-height:100%}
/* وارد العملاء: صف مختصر */
.t2.t2 .cu-row.is-cmp .nr-main{display:grid;grid-template-columns:34px minmax(0,1.4fr) minmax(0,1fr) max-content max-content 18px;align-items:center;gap:12px;padding:8px 14px;min-height:54px;text-align:start}
.t2.t2 .cu-row.is-cmp .nr-ic{width:34px;height:34px;display:grid;place-items:center}
.t2.t2 .cu-row.is-cmp .nr-ic .t2-tile{width:34px;height:34px}
.t2.t2 .cu-row.is-cmp .cu-ir-a{font-size:.92rem;color:var(--t2-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t2.t2 .cu-row.is-cmp .cu-ir-c{color:var(--t2-muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t2.t2 .cu-row.is-cmp .cu-ir-no{font-size:.82rem;color:var(--t2-muted);font-weight:600;white-space:nowrap}
.t2.t2 .cu-row.is-cmp .cu-bd-go{display:grid;color:var(--t2-muted)}
.t2.t2 .cu-list{gap:8px}
.pv-dev.pv-dev .t2 .cu-row.is-cmp .nr-main{grid-template-columns:34px minmax(0,1fr) max-content;grid-template-areas:"ic a st" "ic c no";row-gap:2px}
.pv-dev.pv-dev .t2 .cu-row.is-cmp .nr-ic{grid-area:ic}.pv-dev.pv-dev .t2 .cu-row.is-cmp .cu-ir-a{grid-area:a}.pv-dev.pv-dev .t2 .cu-row.is-cmp .cu-ir-c{grid-area:c}.pv-dev.pv-dev .t2 .cu-row.is-cmp .cu-ir-no{grid-area:no}.pv-dev.pv-dev .t2 .cu-row.is-cmp .nr-main>.t2-pill{grid-area:st}.pv-dev.pv-dev .t2 .cu-row.is-cmp .cu-bd-go{display:none}
@media (max-width:720px){.t2.t2 .cu-row.is-cmp .nr-main{grid-template-columns:34px minmax(0,1fr) max-content;grid-template-areas:"ic a st" "ic c no";row-gap:2px}.t2.t2 .cu-row.is-cmp .nr-ic{grid-area:ic}.t2.t2 .cu-row.is-cmp .cu-ir-a{grid-area:a}.t2.t2 .cu-row.is-cmp .cu-ir-c{grid-area:c}.t2.t2 .cu-row.is-cmp .cu-ir-no{grid-area:no}.t2.t2 .cu-row.is-cmp .nr-main>.t2-pill{grid-area:st}.t2.t2 .cu-row.is-cmp .cu-bd-go{display:none}}
/* v199 — الختم: شعار تيرا */
.st-blk.st-blk{justify-content:flex-end;border-top:0;padding:0 8px}
.st-logo.st-logo{display:grid;place-items:center;border-radius:50%;box-sizing:border-box;background:#fff;flex:none}
.st-logo.st-logo img{width:76%;height:auto;display:block;object-fit:contain}
.st-logo.st-logo.is-ring{border:3px solid var(--st);box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 6.5px var(--st)}
.t2.t2 .st-prev-s .st-logo{background:#fff}
/* v200 — إعداد العرض المقفل بانتظار الاعتماد · توقيع العميل */
.t2.t2 .dc-ws-m.is-locked{opacity:.78}
.t2.t2 .tm-sign{display:grid;gap:12px;padding:14px 16px;border:1px solid var(--t2-line);border-radius:16px;background:var(--t2-surface)}
/* v202 — بيانات الطلب كما وصل */
.t2.t2 .tm-rq{display:grid;gap:14px}
.t2.t2 .tm-rq-d{border:1px solid var(--t2-line);border-radius:16px;background:var(--t2-surface);padding:12px 14px}
.t2.t2 .tm-rq-d>summary{cursor:pointer;font-weight:700;color:var(--t2-ink);display:flex;align-items:center;gap:6px;list-style:none}
.t2.t2 .tm-rq-d>summary::-webkit-details-marker{display:none}
.t2.t2 .tm-rq-d[open]>summary{margin-bottom:12px}
.t2.t2 .tm-rq .cu-mt{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.cu-dr.cu-dr.is-page .tm-rq>.cu-ds,.cu-dr.cu-dr.is-page .tm-rq-d .tm-rq>.cu-ds{padding:16px 18px;border:1px solid var(--t2-line);border-radius:18px;background:var(--t2-surface)}
.cu-dr.cu-dr.is-page .tm-rq-d .tm-rq>.cu-ds{padding:12px 0 0;border:0;border-top:1px dashed var(--t2-line);border-radius:0}
/* v204 — مطلوب إجراء */
.t2.t2 .tm-act{display:grid;gap:12px;padding:14px 16px;border:1px solid var(--t2-line);border-radius:16px;background:var(--t2-surface)}
.t2.t2 .tm-act-f{display:grid;gap:6px}
.t2.t2 .tm-act-f small{color:var(--t2-ok,#0f7a4d);display:inline-flex;align-items:center;gap:4px}
.t2.t2 .tm-act-f{justify-items:start}
/* v205 — توزيع الدفعات · الخصم والنقاط في قالبين */
.t2.t2 .ds-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.t2.t2 .ds-two>.ds-box{align-content:start}
.t2.t2 .ds-box.is-pts{border-color:color-mix(in srgb,#3b82c4 45%,transparent);background:color-mix(in srgb,#3b82c4 6%,var(--t2-surface))}
.t2.t2 .ds-amt{font-weight:800;font-size:1rem;color:var(--t2-ink)}
.pv-dev.pv-dev .t2 .ds-two{grid-template-columns:1fr}
@media (max-width:860px){.t2.t2 .ds-two{grid-template-columns:1fr}}
.t2.t2 .tm-plan{display:grid;gap:12px}
.t2.t2 .tm-cps{display:grid;gap:8px}
.t2.t2 .tm-cp{display:grid;grid-template-columns:90px minmax(0,1.2fr) minmax(0,1fr) minmax(90px,max-content);gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--t2-line);border-radius:12px;background:var(--t2-surface)}
.t2.t2 .tm-cp>b{font-size:.86rem;color:var(--t2-ink)}
.t2.t2 .tm-cp>small{font-weight:700;color:var(--t2-ink);white-space:nowrap}
.pv-dev.pv-dev .t2 .tm-cp{grid-template-columns:1fr 1fr}

@media (max-width:720px){.t2.t2 .tm-cp{grid-template-columns:1fr 1fr}.t2.t2 .tm-cp>b{grid-column:1/-1}}
.t2.t2 .tm-plan-t tr.is-fx td{background:color-mix(in srgb,var(--t2-accent,#1d5fa8) 7%,transparent)}
.t2.t2 .tm-plan-t tfoot td{font-weight:700;border-top:1.5px solid var(--t2-line)}
.t2.t2 .tm-plan-t td .dc-pill{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:8px;background:var(--t2-soft,#eef2f7);font-weight:700;font-size:.8rem}
.t2.t2 .ds-two .ds-pk{grid-template-columns:repeat(2,minmax(0,1fr))}
.pv-dev.pv-dev .t2 .tm-cp{grid-template-columns:1fr max-content;grid-template-areas:"b r" "s s" "i i"}
.pv-dev.pv-dev .t2 .tm-cp>b{grid-area:b}.pv-dev.pv-dev .t2 .tm-cp>small{grid-area:r}.pv-dev.pv-dev .t2 .tm-cp>.t2-cb{grid-area:s}.pv-dev.pv-dev .t2 .tm-cp>input{grid-area:i}
@media (max-width:720px){.t2.t2 .tm-cp{grid-template-columns:1fr max-content;grid-template-areas:"b r" "s s" "i i"}.t2.t2 .tm-cp>b{grid-area:b;grid-column:auto}.t2.t2 .tm-cp>small{grid-area:r}.t2.t2 .tm-cp>.t2-cb{grid-area:s}.t2.t2 .tm-cp>input{grid-area:i}}
/* v206 — بطاقة الإجمالي في إعداد العرض */
.t2.t2 .tm-tot{display:grid;gap:0;border:1px solid var(--t2-line);border-radius:16px;background:var(--t2-surface);overflow:hidden}
.t2.t2 .tm-tot-r{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--t2-line);font-size:.9rem;color:var(--t2-muted)}
.t2.t2 .tm-tot-r b{color:var(--t2-ink);font-weight:700;white-space:nowrap}
.t2.t2 .tm-tot-r.is-neg b{color:var(--t2-ok,#0f7a4d)}
.t2.t2 .tm-tot-r.is-sub{background:color-mix(in srgb,var(--t2-line) 35%,transparent)}
.t2.t2 .tm-tot-r.is-sub span,.t2.t2 .tm-tot-r.is-sub b{font-weight:800;color:var(--t2-ink)}
.t2.t2 .tm-tot-g{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:#0f2a4a;color:#fff}
.t2.t2 .tm-tot-g span{font-weight:700}
.t2.t2 .tm-tot-g b{font-size:1.2rem;font-weight:800;white-space:nowrap}
.t2.t2 .tm-tot>small{padding:8px 16px 10px}
/* v207 — الإظهار والإخفاء في قالب واحد · البنود والشروط تُطوى */
.t2.t2 .tm-vis{display:grid;gap:12px}
.t2.t2 .tm-vg{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface)}
.t2.t2 .tm-vg-t{font-size:.88rem;color:var(--t2-ink)}
.t2.t2 .tm-dets{display:grid;gap:8px}
.t2.t2 .tm-det{border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface);padding:0}
.t2.t2 .tm-det>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:44px}
.t2.t2 .tm-det>summary::-webkit-details-marker{display:none}
.t2.t2 .tm-det>summary>.tm-det-h,.t2.t2 .tm-det>summary>.tq-it-h{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.t2.t2 .tm-det-h>b{color:var(--t2-ink);font-size:.9rem}
.t2.t2 .tm-det-h>small,.t2.t2 .tq-it-s{color:var(--t2-muted);font-size:.8rem;flex:1 1 160px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t2.t2 .tm-det .is-del{margin-inline-start:auto}
.t2.t2 .tm-det-c{transition:transform .15s}
.t2.t2 .tm-det[open]>summary .tm-det-c{transform:rotate(180deg)}
.t2.t2 .tm-det[open]>summary{border-bottom:1px dashed var(--t2-line)}
.t2.t2 .tm-det-b{display:grid;gap:10px;padding:12px}
.t2.t2 .tm-det.is-grp>.tm-det-b{background:color-mix(in srgb,var(--t2-line) 18%,transparent);border-radius:0 0 14px 14px}
.t2.t2 .tm-det.tq-it.is-missing{border-color:var(--t2-danger,#c0392b)}
.t2.t2 .tm-det.qt-term textarea{min-height:72px}
.t2.t2 .tm-det>summary>.tq-it-h{display:flex!important;flex-wrap:wrap;grid-template-columns:none}
.t2.t2 .tm-det>summary>.tq-it-h>b,.t2.t2 .tm-det-h>b{flex:0 1 auto;min-width:0}
.pv-dev.pv-dev .t2 .tm-det>summary .tq-it-s,.pv-dev.pv-dev .t2 .tm-det-h>small{order:9;flex:1 0 100%;white-space:normal}
.pv-dev.pv-dev .t2 .tm-det>summary .is-del{order:8}
@media (max-width:720px){.t2.t2 .tm-det>summary .tq-it-s,.t2.t2 .tm-det-h>small{order:9;flex:1 0 100%;white-space:normal}.t2.t2 .tm-det>summary .is-del{order:8}}
.pv-dev.pv-dev .t2 .tm-vg .axp-opts{grid-template-columns:1fr 1fr;gap:6px}
.pv-dev.pv-dev .t2 .tm-vg .axp-opts>.t2-field.is-toggle{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:40px}
@media (max-width:720px){.t2.t2 .tm-vg .axp-opts{grid-template-columns:1fr 1fr;gap:6px}.t2.t2 .tm-vg .axp-opts>.t2-field.is-toggle{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:40px}}
/* v208 — سياسة التسعير والسداد */
.t2.t2 .pp-tiers{display:grid;gap:8px}
.t2.t2 .pp-tier{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) 44px;gap:10px;align-items:end;padding:10px 12px;border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface)}
.t2.t2 .pp-tier>.qt-term-n{align-self:center}
.t2.t2 .pp-tier-l{align-self:center;color:var(--t2-ink);font-size:.9rem}
.t2.t2 .pp-tier>.cu-bd-err{grid-column:1/-1}
.t2.t2 .pp-tier.is-missing{border-color:var(--t2-danger,#c0392b)}
.t2.t2 .pp-fq{display:grid;gap:8px}
.t2.t2 .pp-fq-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end;padding:10px 12px;border:1px solid var(--t2-line);border-radius:14px;background:var(--t2-surface)}
.pv-dev.pv-dev .t2 .pp-tier{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 40px;gap:8px}
.pv-dev.pv-dev .t2 .pp-fq-r{grid-template-columns:1fr}
@media (max-width:720px){.t2.t2 .pp-tier{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 40px;gap:8px}.t2.t2 .pp-fq-r{grid-template-columns:1fr}}
/* v209 — مفاتيح الإظهار والإخفاء في الجوال: صف كامل لكل مفتاح */
.pv-dev.pv-dev .t2 .axp-opts,.pv-dev.pv-dev .t2 .tm-vg .axp-opts{grid-template-columns:minmax(0,1fr)!important;gap:6px}
.pv-dev.pv-dev .t2 .axp-opts>.t2-field.is-toggle,.pv-dev.pv-dev .t2 .tm-vg .axp-opts>.t2-field.is-toggle{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;min-height:46px}
.pv-dev.pv-dev .t2 .axp-opts>.t2-field.is-toggle>.t2-field-k{white-space:normal;line-height:1.5}
@media (max-width:720px){.t2.t2 .axp-opts,.t2.t2 .tm-vg .axp-opts{grid-template-columns:minmax(0,1fr)!important;gap:6px}.t2.t2 .axp-opts>.t2-field.is-toggle,.t2.t2 .tm-vg .axp-opts>.t2-field.is-toggle{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;min-height:46px}}
.t2.t2 .tm-fsall{justify-content:flex-end}
/* PDF: البطاقات تعيد ترتيبها عند إخفاء أي حقل — لا خانات فارغة */
.dc2.dc2 .axp-kv{display:flex!important;flex-wrap:wrap}
.dc2.dc2 .axp-kv>.axp-k{flex:1 1 calc(50% - 15px);min-width:0}
.dc2.dc2 .axp-kv.is-3>.axp-k{flex-basis:calc(33.333% - 15px)}
/* v210 — الكمية والحسبة تحت كل بند في إعداد العرض */
.t2.t2 .tq-pr-q{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end;margin-top:10px;padding-top:10px;border-top:1px dashed var(--t2-line)}
.t2.t2 .tq-pr-eq{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--t2-line) 30%,transparent)}
.t2.t2 .tq-pr-eq small{color:var(--t2-muted);font-size:.76rem}
.t2.t2 .tq-pr-eq b{color:var(--t2-ink);font-size:.9rem}
.t2.t2 .tq-pr.is-off .tq-pr-eq b{color:var(--t2-muted);text-decoration:line-through}
.pv-dev.pv-dev .t2 .tq-pr-q{grid-template-columns:1fr}
@media (max-width:720px){.t2.t2 .tq-pr-q{grid-template-columns:1fr}}
/* v211 — القالب 2: ترويسة كحلية بزخرفة · إطار ذهبي · بطاقات بعمودين */
.dc3.dc3{--n1:#0e1a4f;--n2:#1a2f7c;--tl:#14a6a4;--gd1:#f6dc8c;--gd2:#c9962e;--gd3:#8a5f16;--ln:#e4e8f1;--mu:#6b7590}
.dc3.dc3 .d3-top{position:relative;height:168px;flex:none;overflow:hidden;color:#fff;background:linear-gradient(100deg,#0c1748 0%,#13246a 45%,#123d7a 75%,#147c8e 100%)}
.dc3.dc3 .d3-top.is-sm{height:92px}
.dc3.dc3 .d3-guil{position:absolute;inset:0;width:100%;height:100%}
.dc3.dc3 .d3-top-in{position:relative;height:calc(100% - 8px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 40px}
.dc3.dc3 .d3-gold{position:absolute;inset:auto 0 0 0;height:8px;background:linear-gradient(90deg,#8a5f16,#e9c46a 22%,#fbe7a1 50%,#d4a73f 78%,#8a5f16)}
.dc3.dc3 .d3-brand{display:flex;align-items:center;gap:14px;min-width:0}
.dc3.dc3 .d3-logo{width:96px;height:96px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 5px #e7c46b,0 0 0 7px #a9781f,0 4px 14px rgba(0,0,0,.35)}
.dc3.dc3 .d3-logo img{width:76%;height:auto}
.dc3.dc3 .is-sm .d3-logo{width:56px;height:56px;box-shadow:0 0 0 3px #e7c46b,0 0 0 4px #a9781f}
.dc3.dc3 .d3-brand h2{margin:0;font-size:24px;font-weight:800;color:#fff;line-height:1.25}
.dc3.dc3 .is-sm .d3-brand h2{font-size:16px}
.dc3.dc3 .d3-brand em{display:block;font-style:normal;color:#f2cf73;font-weight:700;font-size:13px;margin-top:4px}
.dc3.dc3 .d3-brand p{margin:2px 0 0;color:#d6e0f5;font-size:12.5px;font-weight:600}
.dc3.dc3 .d3-ttl{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}
.dc3.dc3 .d3-ttl small{color:#f2cf73;letter-spacing:.32em;font-size:10px;font-weight:800;direction:ltr}
.dc3.dc3 .d3-ttl h1{margin:0;font-size:38px;font-weight:900;color:#fff;line-height:1.1}
.dc3.dc3 .is-sm .d3-ttl h1{font-size:22px}
.dc3.dc3 .d3-ttl>span{display:inline-block;padding:3px 16px;border-radius:999px;background:linear-gradient(180deg,#f8e2a0,#d1a442 60%,#a87a22);color:#3a2604;font-weight:800;font-size:12px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.2)}
.dc3.dc3 .d3-ttl em{font-style:normal;color:#d6e0f5;font-size:11px}
.dc3.dc3 .d3-ttl em b{color:#fff}
.dc3.dc3 .axp-b{padding:16px 40px 10px;gap:12px}
.dc3.dc3 .d3-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dc3.dc3 .d3-meta.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dc3.dc3 .d3-meta.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dc3.dc3 .d3-meta.is-1{grid-template-columns:1fr}.dc3.dc3 .d3-meta.is-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.dc3.dc3 .d3-chip{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px 8px;border:1px solid var(--ln);border-radius:14px;background:#fff;overflow:hidden}
.dc3.dc3 .d3-chip::before{content:"";position:absolute;inset:0 18px auto;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#a87a22,#f3d580,#a87a22)}
.dc3.dc3 .d3-chip .d3-ic svg{width:36px;height:36px}
.dc3.dc3 .d3-chip>div{min-width:0}
.dc3.dc3 .d3-chip small{display:block;font-size:10.5px;color:var(--mu);font-weight:600}
.dc3.dc3 .d3-chip b{display:block;font-size:13.5px;font-weight:800;color:var(--n1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc3.dc3 .d3-chip.is-bar{flex-direction:column;align-items:stretch;gap:2px;padding:10px 12px 6px}
.dc3.dc3 .d3-bar{width:100%;height:30px;display:block}
.dc3.dc3 .d3-chip.is-bar small{text-align:center;letter-spacing:.18em;color:var(--n1);font-weight:700;font-size:9.5px}
.dc3.dc3 .d3-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.dc3.dc3 .d3-col{display:grid;gap:12px;align-content:start}
.dc3.dc3 .d3-card{border:1px solid var(--ln);border-radius:16px;background:#fff;overflow:hidden}
.dc3.dc3 .d3-ch{display:flex;align-items:center;gap:10px;padding:10px 14px 9px;border-bottom:1px solid var(--ln)}
.dc3.dc3 .d3-ch .d3-ic svg{width:34px;height:34px;display:block}
.dc3.dc3 .d3-ch b{position:relative;font-size:15px;font-weight:800;color:var(--n1);padding-bottom:5px}
.dc3.dc3 .d3-ch b::after{content:"";position:absolute;right:0;bottom:0;width:38px;height:3px;border-radius:3px;background:linear-gradient(90deg,#a87a22,#f3d580)}
.dc3.dc3 .d3-card>.d3-ch:not(:first-child){border-top:1px solid var(--ln)}
.dc3.dc3 .d3-rows{display:grid}
.dc3.dc3 .d3-r{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 14px;border-bottom:1px solid var(--ln);font-size:11.5px}
.dc3.dc3 .d3-r:last-child{border-bottom:0}
.dc3.dc3 .d3-r>span{color:var(--mu);font-weight:600}
.dc3.dc3 .d3-r>b{color:var(--n1);font-weight:800;text-align:left}
.dc3.dc3 .d3-r.is-neg>b{color:#0f7a4d}
.dc3.dc3 .d3-tot{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch;border-top:3px solid #d8ad4c;background:linear-gradient(100deg,#0c1748,#14306e 60%,#147c8e)}
.dc3.dc3 .d3-tot span{padding:11px 14px;color:#fff;font-size:15px;font-weight:900}
.dc3.dc3 .d3-tot b{padding:11px 14px;color:#f6d77c;font-size:17px;font-weight:900;text-align:left;border-right:1px solid rgba(255,255,255,.18)}
.dc3.dc3 .d3-plan{display:grid}
.dc3.dc3 .d3-pr{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;padding:5px 14px;border-bottom:1px solid var(--ln);font-size:11.5px}
.dc3.dc3 .d3-pr:last-child{border-bottom:0}
.dc3.dc3 .d3-pr.is-h{color:var(--mu);font-weight:700;font-size:10.5px}
.dc3.dc3 .d3-pr>b{color:var(--n1);font-weight:800}
.dc3.dc3 .d3-pr>:last-child{text-align:left}
.dc3.dc3 .d3-pill{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-style:normal;font-weight:800;font-size:11px;color:#fff;background:radial-gradient(circle at 35% 30%,#4fd8d2,#13a3a0 55%,#0d6f72);box-shadow:0 0 0 2px #e8c770}
.dc3.dc3 .d3-exp{display:grid}
.dc3.dc3 .d3-exp>div{padding:6px 14px;border-bottom:1px solid var(--ln);display:grid;gap:1px}
.dc3.dc3 .d3-exp>div:last-child{border-bottom:0}
.dc3.dc3 .d3-exp b{color:var(--n1);font-size:11.5px;font-weight:800}
.dc3.dc3 .d3-exp span{color:#3d4866;font-size:10.5px}
.dc3.dc3 .d3-card .dc-tax{border:0;padding:8px 14px;margin:0}.dc3.dc3 .d3-card .dc-tax-t{display:none}
.dc3.dc3 .d3-ol{list-style:none;margin:0;padding:10px 14px;display:grid;gap:7px}
.dc3.dc3 .d3-ol.is-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px}
.dc3.dc3 .d3-ol li{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#1d2742;line-height:1.6}
.dc3.dc3 .d3-ol li b{color:var(--n1)}
.dc3.dc3 .d3-n{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;font-style:normal;font-weight:800;font-size:10.5px;color:#fff;background:linear-gradient(180deg,#1d3f8a,#0e8f93);box-shadow:inset 0 -2px 0 #d8ad4c}
.dc3.dc3 .d3-p{margin:0;padding:10px 14px;font-size:11px;line-height:1.75;color:#1d2742}
.dc3.dc3 .d3-p.is-sm{font-size:10px;color:var(--mu);padding-top:0}
.dc3.dc3 .d3-bot{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.dc3.dc3 .d3-bot.is-2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.dc3.dc3 .d3-bot.is-1{grid-template-columns:minmax(0,1fr)}
.dc3.dc3 .d3-bot.is-3{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(0,1fr)}
.dc3.dc3 .d3-card.is-note{border-color:#ecd28e;background:#fffdf6}
.dc3.dc3 .d3-card.is-note .d3-ch{border-color:#f0dfae}
.dc3.dc3 .d3-exec{padding:10px 14px;display:grid;gap:4px}
.dc3.dc3 .d3-exec b{font-size:15px;font-weight:900;color:var(--n1);line-height:1.4}
.dc3.dc3 .d3-exec span{font-size:11px;color:var(--mu)}
.dc3.dc3 .d3-appr{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 12px 2px}
.dc3.dc3 .d3-qr svg{width:92px;height:92px;display:block;border:1px solid var(--ln);border-radius:8px;padding:4px;background:#fff}
.dc3.dc3 .d3-seal{display:grid;place-items:center}
.dc3.dc3 .d3-cap{display:block;text-align:center;font-size:9.5px;color:var(--mu);font-weight:700;padding:2px 10px 9px}
.dc3.dc3 .d3-sign{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 14px}
.dc3.dc3 .d3-sign>div{border:1px dashed #cfd6e6;border-radius:12px;padding:8px 10px 26px;display:grid;gap:2px}
.dc3.dc3 .d3-sign small{color:var(--mu);font-size:10px}.dc3.dc3 .d3-sign b{color:var(--n1);font-size:12px}.dc3.dc3 .d3-sign span{color:#9aa3b8;font-size:9.5px}
.dc3.dc3 .d3-bot.is-sign.is-2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.dc3.dc3 .pn-note{border-radius:12px}
.dc3.dc3 .d3-foot{flex:none;display:grid}
.dc3.dc3 .d3-micro{height:14px;overflow:hidden;white-space:nowrap;font-size:6.5px;line-height:14px;letter-spacing:.06em;color:#8a96b5;border-top:1px solid var(--ln);text-align:center}
.dc3.dc3 .d3-fb{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 40px;color:#fff;font-size:11.5px;font-weight:700;background:linear-gradient(100deg,#0c1748,#13246a 55%,#147c8e)}
.dc3.dc3 .d3-auto{display:flex;align-items:center;gap:8px}
.dc3.dc3 .d3-auto i{width:10px;height:10px;border-radius:50%;background:#e9c46a;box-shadow:0 0 0 3px rgba(233,196,106,.25)}
.dc3.dc3 .d3-fr{display:flex;align-items:center;gap:12px;color:#d6e0f5}
.dc3.dc3 .d3-fr .d2-pg{color:#f2cf73}
.dc3.dc3 .axp-tw{border-radius:16px}
.dc3.dc3 .axp-tt b{position:relative;padding-bottom:5px}.dc3.dc3 .axp-tt b::after{content:"";position:absolute;right:0;bottom:0;width:38px;height:3px;border-radius:3px;background:linear-gradient(90deg,#a87a22,#f3d580)}
.dc3.dc3 .axp-t tr.dc-gt td{background:linear-gradient(100deg,#0c1748,#14306e 60%,#147c8e);color:#fff;border-top:3px solid #d8ad4c}
.dc3.dc3 .axp-t tr.dc-gt td:last-child{color:#f6d77c}
.dc3.dc3 .dc-pill{background:radial-gradient(circle at 35% 30%,#4fd8d2,#13a3a0 55%,#0d6f72);box-shadow:0 0 0 2px #e8c770}
.dc3.dc3 .axp-b>div:has(>.axp-sh),.dc3.dc3 .axp-kv>.axp-k{border-color:var(--ln)}
/* بطاقتا اختيار التصميم في صفحة القالب */
.t2.t2 .d3-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.t2.t2 .d3-pick{display:grid;gap:8px;padding:12px;border:1.5px solid var(--t2-line);border-radius:16px;background:var(--t2-surface)}
.t2.t2 .d3-pick.is-on{border-color:#14a6a4;box-shadow:0 0 0 3px color-mix(in srgb,#14a6a4 18%,transparent)}
.t2.t2 .d3-pick-t{display:flex;align-items:center;gap:8px}.t2.t2 .d3-pick-t b{color:var(--t2-ink)}
.t2.t2 .d3-pick>small{color:var(--t2-muted);font-size:.8rem;line-height:1.6}
.t2.t2 .d3-thumb{position:relative;height:118px;border-radius:10px;border:1px solid var(--t2-line);background:#fff;overflow:hidden}
.t2.t2 .d3-thumb i{position:absolute;display:block;border-radius:5px}
.t2.t2 .d3-thumb.is-1 i:nth-child(1){inset:0 0 auto;height:26px;background:#f4f7fc;border-bottom:3px solid #14a6a4;border-radius:0}
.t2.t2 .d3-thumb.is-1 i:nth-child(2){top:36px;right:10px;left:10px;height:16px;background:#eef2f8}
.t2.t2 .d3-thumb.is-1 i:nth-child(3){top:58px;right:10px;left:10px;height:22px;background:#eef2f8}
.t2.t2 .d3-thumb.is-1 i:nth-child(4){top:86px;right:10px;left:10px;height:22px;background:#eef2f8}
.t2.t2 .d3-thumb.is-2 i:nth-child(1){inset:0 0 auto;height:30px;background:linear-gradient(100deg,#0c1748,#123d7a 70%,#147c8e);border-bottom:3px solid #e2bb5a;border-radius:0}
.t2.t2 .d3-thumb.is-2 i:nth-child(2){top:40px;right:10px;left:10px;height:12px;background:#fff;border:1px solid #e4e8f1;border-top:2px solid #d8ad4c}
.t2.t2 .d3-thumb.is-2 i:nth-child(3){top:58px;right:10px;width:calc(50% - 14px);height:50px;background:#fff;border:1px solid #e4e8f1}
.t2.t2 .d3-thumb.is-2 i:nth-child(4){top:58px;left:10px;width:calc(50% - 14px);height:50px;background:linear-gradient(180deg,#fff 0 62%,#13246a 62%);border:1px solid #e4e8f1}
.pv-dev.pv-dev .t2 .d3-picks{grid-template-columns:1fr}
@media (max-width:720px){.t2.t2 .d3-picks{grid-template-columns:1fr}}
.dc3.dc3 .d3-meta.is-4{grid-template-columns:1.3fr 1fr 1fr 1.25fr}
.dc3.dc3 .d3-chip b{font-size:13px}
.dc3.dc3 .d3-ttl h1.is-long{font-size:27px;max-width:300px;line-height:1.25}
.dc3.dc3 .is-sm .d3-ttl h1.is-long{font-size:19px;max-width:none}
.dc3.dc3 .d3-chip b.is-long{font-size:11.5px;letter-spacing:-.01em}
.dc2.dc2 .dc-intro.is-1{grid-template-columns:minmax(0,1fr)!important}
.dc3.dc3 .d3-sign.is-1{grid-template-columns:minmax(0,1fr)}.dc2.dc2 .axp-sign.is-1{grid-template-columns:minmax(0,1fr)!important}
/* ===== v244: معاينة PDF ثابتة ===== */
#axp-root .axp-stage.axp-stage{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#axp-root .axp-sizer{position:relative;margin:0 auto;overflow:hidden}
#axp-root .axp-pages.axp-pages{position:absolute;top:0;right:0;width:794px;margin:0;transform-origin:top right;will-change:transform}
#axp-root .axp-page{animation:none!important;transition:none!important}
@media print{#axp-root .axp-sizer{width:auto!important;height:auto!important;overflow:visible}#axp-root .axp-pages.axp-pages{position:static}}
/* ===== v244: عرض سعر الشركاء — الترتيب والتنظيم ===== */
.dc3.dc3 .d3-ttl{gap:10px}
.dc3.dc3 .d3-ttl h1{line-height:1.35}
.dc3.dc3 .d3-ttl>span{margin-top:2px}
.dc3 .d3-wm{position:absolute;left:50%;top:56%;width:440px;height:440px;margin:-220px 0 0 -220px;z-index:4;pointer-events:none;opacity:.11;mix-blend-mode:multiply}
.dc3 .d3-wm svg{width:100%;height:100%;display:block}
.dc3 .d3-wm::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.9) 50%,transparent 65%);mix-blend-mode:screen;opacity:.6}
.dc3.dc3 .axp-b>.d3-card+.d3-card{margin-top:0}
.dc3.dc3 .d3-kv{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11.5px}
.dc3.dc3 .d3-kv col.k{width:22%}.dc3.dc3 .d3-kv col.v{width:28%}
.dc3.dc3 .d3-kv th,.dc3.dc3 .d3-kv td{padding:7px 14px;border-top:1px solid var(--ln);text-align:right;vertical-align:middle;line-height:1.55}
.dc3.dc3 .d3-kv th{background:#f4f7fc;color:#5b6b86;font-weight:700}
.dc3.dc3 .d3-kv td{color:#0f1d36;font-weight:800}
.dc3.dc3 .d3-kv tr>*+*{border-inline-start:1px solid var(--ln)}
.dc3.dc3 .d3-kv td.is-empty{background:repeating-linear-gradient(135deg,#eef2f8 0 6px,#f7f9fc 6px 12px)}
.dc3.dc3 .d3-kv tr.is-tot th{background:#fbfcfe;color:#13213a;font-weight:800}
.dc3.dc3 .d3-kv tr.is-tot td{text-align:left}
.dc3.dc3 .d3-kv tr.is-neg td{color:#b03a2e}
.dc3.dc3 .d3-kv tr.is-gt th,.dc3.dc3 .d3-kv tr.is-gt td{background:linear-gradient(90deg,#0b1d52,#123f86);color:#fff;font-size:13px;font-weight:900;border-top:2px solid #d1a442}
.dc3.dc3 .d3-kv tr.is-gt td{color:#f8d77a}
.dc3.dc3 .d3-kv.is-recv th{width:30%}
.dc3.dc3 .d3-kv.is-1 td{font-weight:600}.dc3.dc3 .d3-kv.is-1 td b{font-weight:800}
.dc3.dc3 .d3-p6{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11.5px}
.dc3.dc3 .d3-p6 th{background:#f4f7fc;color:#5b6b86;font-weight:700;padding:6px 8px;border-top:1px solid var(--ln);text-align:center}
.dc3.dc3 .d3-p6 td{padding:6px 8px;border-top:1px solid var(--ln);text-align:center;font-weight:800;color:#0f1d36}
.dc3.dc3 .d3-p6 th:nth-child(4),.dc3.dc3 .d3-p6 td:nth-child(4){border-inline-start:2px solid #d1a442}
.dc3.dc3 .d3-p6 td.is-empty{background:repeating-linear-gradient(135deg,#eef2f8 0 6px,#f7f9fc 6px 12px)}
.dc3.dc3 .d3-exp.is-1{grid-template-columns:1fr!important}
.dc3.dc3 .d3-card.is-terms .d3-ol{grid-template-columns:1fr!important;columns:auto!important}
.dc3.dc3 .d3-apw{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:18px;padding:16px 18px;background:radial-gradient(120% 140% at 50% 0%,#fffaf0 0%,#fff 60%)}
.dc3.dc3 .d3-apw-c{display:grid;justify-items:center;gap:6px;text-align:center}
.dc3.dc3 .d3-apw-c small{font-size:10px;color:#6b7a94;font-weight:700}
.dc3.dc3 .d3-apw-c.is-bar .d3-bar{width:100%;height:58px;border:1px solid #e6d3a0;border-radius:8px;padding:4px;background:#fff}
.dc3.dc3 .d3-apw-c.is-bar b{font-size:12px;letter-spacing:.18em;color:#0b1d52}
.dc3.dc3 .d3-apw-c .d3-qr svg{width:104px;height:104px;border:1px solid #e6d3a0;border-radius:10px;padding:4px;background:#fff}
.dc3.dc3 .d3-apw-c.is-seal .d3-sealsvg,.dc3.dc3 .d3-apw-c.is-seal img{width:150px;height:150px;filter:drop-shadow(0 6px 10px rgba(143,95,14,.35))}
.dc3.dc3 .d3-apw{padding:10px 16px;gap:14px}
.dc3.dc3 .d3-apw-c .d3-qr svg{width:88px;height:88px}
.dc3.dc3 .d3-apw-c.is-bar .d3-bar{height:48px}
.dc3.dc3 .d3-apw-c.is-seal .d3-sealsvg,.dc3.dc3 .d3-apw-c.is-seal img{width:124px;height:124px}
.dc3.dc3 .d3-card.is-apw>.d3-ch{padding-block:8px}
.dc3.is-pq .d3-ch{padding:7px 14px 6px}
.dc3.is-pq .d3-ol li{margin-block:0}
.dc3.dc3.is-pq .d3-apw-c.is-seal .d3-sealsvg{width:112px;height:112px}
.dc3.dc3.is-pq .d3-apw{padding:8px 16px}
/* v246 — الاعتماد: الخلايا تتوزّع حسب الظاهر منها */
.dc3.dc3 .d3-apw{display:flex;justify-content:space-around;align-items:center}
.dc3.dc3 .d3-apw>.d3-apw-c{flex:1 1 0;min-width:0}.dc3.dc3 .d3-apw>.d3-apw-c.is-bar{flex-grow:1.4}
/* v247 — نقاط ومكافآت تيرا: المحفظة والحاسبة والإدارة */
.loy-card{position:relative;overflow:hidden;border-radius:24px;padding:20px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#1f6fb8 0%,#0f3b78 45%,#0a1f4d 100%);box-shadow:0 12px 32px rgba(10,31,77,.28);display:grid;gap:8px}
.loy-card::after{content:"";position:absolute;inset:auto -40px -60px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(25,194,190,.35),transparent);pointer-events:none}
.loy-card-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.loy-card-h small{color:#c8d6ee;font-size:12px}
.loy-tier{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:rgba(255,200,97,.16);border:1px solid rgba(255,200,97,.45);color:#ffe2a6;font:700 12px Alexandria,sans-serif}
.loy-card-t{margin:4px 0 0;font:700 15px Alexandria,sans-serif;color:#dfe8f7}
.loy-card-v{display:flex;align-items:baseline;gap:8px}
.loy-card-v b{font:800 44px/1.1 Alexandria,sans-serif;letter-spacing:-.5px;background:linear-gradient(100deg,#fff 0%,#ffe7b0 60%,#ffc861 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.loy-card-v span{font:700 18px Alexandria,sans-serif;color:#ffe7b0}
.loy-card-s{margin:0;color:#dfe8f7;font-size:13px}.loy-card-s b{color:#fff}
.loy-prog{display:grid;gap:6px;margin-top:6px;position:relative;z-index:1}
.loy-prog-b{height:8px;border-radius:9px;background:rgba(255,255,255,.18);overflow:hidden}
.loy-prog-b i{display:block;height:100%;border-radius:9px;background:linear-gradient(270deg,#19c2ae,#ffc861);box-shadow:0 0 12px rgba(255,200,97,.6)}
.loy-prog small{color:#c8d6ee;font-size:12px}
.loy-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.loy-tile{display:grid;gap:4px;padding:16px;border-radius:16px;background:var(--t2-surface);border:1px solid var(--t2-line);color:var(--t2-ink)}
.loy-tile span{font-size:12px;color:var(--t2-muted);font-weight:700}.loy-tile b{font:800 22px Alexandria,sans-serif}.loy-tile small{font-size:12px;color:var(--t2-muted)}
.loy-tile.is-ok{border-color:var(--t2-ok);background:var(--t2-ok-wash)}
.loy-tile.is-pend{border:1.5px dashed var(--t2-warn);background:var(--t2-warn-wash)}
.loy-tile.is-est{opacity:.85}.loy-tile.is-est b{font-weight:700}
.loy-calc{display:grid;gap:12px;padding:20px;border-radius:20px;background:var(--t2-surface);border:1px solid var(--t2-line);color:var(--t2-ink)}
.loy-calc-h{display:flex;gap:12px;align-items:center}.loy-calc-h .t2-tile{width:44px;height:48px}.loy-calc-h b{font:800 16px Alexandria,sans-serif}.loy-calc-h small{display:block;color:var(--t2-muted);font-size:12px;margin-top:2px}
.loy-q{font:700 14px Alexandria,sans-serif}
.loy-pick{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:8px;align-items:center}
.loy-num{text-align:center;font:800 20px Alexandria,sans-serif;min-height:48px}
.loy-step{min-width:48px;min-height:48px;border-radius:12px;border:1px solid var(--t2-line);background:var(--t2-brand-wash);color:var(--t2-ink);font:700 14px Alexandria,sans-serif;cursor:pointer}
.loy-step:focus-visible,.loy-rng:focus-visible,.loy-link:focus-visible{outline:3px solid #19c2ae;outline-offset:2px}
.loy-rng{width:100%;accent-color:#0a8c8c;min-height:32px}
.loy-out{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.loy-out>div{display:grid;gap:4px;padding:12px 16px;border-radius:14px;background:var(--t2-brand-wash)}
.loy-out span{font-size:12px;color:var(--t2-muted);font-weight:700}.loy-out b{font:800 20px Alexandria,sans-serif}
.loy-why{margin:0;padding:8px 12px;border-radius:12px;background:var(--t2-warn-wash);color:var(--t2-ink);font-size:13px;font-weight:700}
.loy-act{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.loy-act .t2-btn[disabled]{opacity:.5;cursor:not-allowed}
.loy-link{background:none;border:0;color:#0a8c8c;font:700 13px Alexandria,sans-serif;text-decoration:underline;cursor:pointer;min-height:44px}
.loy-note{color:var(--t2-muted);font-size:12px;line-height:1.8}
.loy-pts{font-family:Alexandria,sans-serif;color:#0a8c8c}.loy-pts.is-neg{color:#b9690f}
.loy-dlg-bg{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(6,16,40,.55)}
.loy-dlg{width:min(420px,100%);display:grid;gap:12px;padding:20px;border-radius:20px;background:var(--t2-surface);color:var(--t2-ink);box-shadow:0 20px 48px rgba(0,0,0,.35)}
.loy-dlg-t{font:800 17px Alexandria,sans-serif}.loy-dlg small{color:var(--t2-muted);font-size:12px}
.loy-dlg-a{display:flex;gap:8px;flex-wrap:wrap}
.loy-dl{display:grid;gap:8px;margin:0}.loy-dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:10px;background:var(--t2-brand-wash)}
.loy-dl dt{color:var(--t2-muted);font-size:13px}.loy-dl dd{margin:0;font-weight:800}
.loy-dl.is-row{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 0}.loy-dl.is-row>div{display:grid;gap:2px}
.loy-how{display:grid;gap:12px;padding:20px;border-radius:20px;background:var(--t2-surface);border:1px solid var(--t2-line);color:var(--t2-ink)}
.loy-how-h{display:flex;gap:12px;align-items:center}.loy-how-h .t2-tile{width:40px;height:44px}.loy-how h3{margin:0;font:800 16px Alexandria,sans-serif}
.loy-how p{margin:0;line-height:1.9}.loy-how-n{color:var(--t2-muted);font-size:13px}
.loy-trows{display:grid;gap:12px;margin-bottom:12px}
.loy-trow{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end;padding:12px;border-radius:14px;background:var(--t2-brand-wash)}
.loy-trow>b{font:800 14px Alexandria,sans-serif;align-self:center}
.loy-sim-out{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.loy-sim-c{display:grid;gap:4px;padding:12px 16px;border-radius:14px;border:1px solid var(--t2-line);background:var(--t2-surface)}.loy-sim-c p{margin:0;font-weight:800}.loy-sim-c small{color:var(--t2-muted)}
.loy-sim-out>.t2-note,.loy-sim-out>[class*="note"]{grid-column:1/-1}
.loy-diff{margin:6px 0 0;padding:0 16px 0 0;font-size:12px;line-height:1.9}.loy-diff s{color:#b0473a}.loy-diff ins{color:#0a8c8c;text-decoration:none;font-weight:700}
.loy-rows{display:grid;gap:8px}
.loy-row{border:1px solid var(--t2-line);border-radius:16px;background:var(--t2-surface);color:var(--t2-ink);padding:0 16px}
.loy-row>summary{display:flex;gap:12px;align-items:center;min-height:56px;cursor:pointer;list-style:none}.loy-row>summary::-webkit-details-marker{display:none}
.loy-row-n{flex:1;display:grid;min-width:0}.loy-row-n b{font:800 14px Alexandria,sans-serif}.loy-row-n small{color:var(--t2-muted);font-size:12px}
.loy-row-p{font:800 15px Alexandria,sans-serif;color:#0a8c8c}
.loy-row-a{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:0 0 16px}.loy-row-a .t2-input{flex:1 1 220px}
.t2.is-dark .loy-link,.t2.is-dark .loy-pts,.t2.is-dark .loy-row-p{color:#63e2e0}.t2.is-dark .loy-pts.is-neg{color:#ffc861}
.t2.is-dark .loy-diff ins{color:#63e2e0}.t2.is-dark .loy-diff s{color:#ff9b8f}
@media (max-width:46rem){.loy-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.loy-dl.is-row{grid-template-columns:repeat(2,minmax(0,1fr))}.loy-trow{grid-template-columns:1fr}.loy-sim-out{grid-template-columns:1fr}}
@media (max-width:34rem){.loy-card-v b{font-size:36px}.loy-pick{grid-template-columns:auto minmax(0,1fr) auto}.loy-pick .loy-step:first-child,.loy-pick .loy-step:last-child{display:none}.loy-out{grid-template-columns:1fr}.loy-tile{padding:12px}.loy-tile b{font-size:18px}}
/* v248 — منذ انضمامك لنا */
.loy-life{display:grid;gap:12px;padding:20px;border-radius:20px;background:var(--t2-surface);border:1px solid var(--t2-line);color:var(--t2-ink)}
.loy-life-h{display:flex;gap:12px;align-items:center}.loy-life-h .t2-tile{width:40px;height:44px}.loy-life-h b{font:800 16px Alexandria,sans-serif}.loy-life-h small{display:block;color:var(--t2-muted);font-size:12px;margin-top:2px}
.loy-life-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.loy-life-c{display:grid;gap:4px;padding:16px;border-radius:16px;background:var(--t2-brand-wash);border-inline-start:4px solid #0a8c8c}
.loy-life-c.is-used{border-inline-start-color:#c8901f}
.loy-life-c>span{font-size:12px;color:var(--t2-muted);font-weight:700}
.loy-life-c>b{font:800 26px Alexandria,sans-serif}.loy-life-c>b small,.loy-life-c>em small{font-size:13px;font-weight:700;color:var(--t2-muted)}
.loy-life-c>em{font:800 18px Alexandria,sans-serif;font-style:normal;color:#0a8c8c}.loy-life-c.is-used>em{color:#b9690f}
.loy-life-c>small{font-size:12px;color:var(--t2-muted)}
.t2.is-dark .loy-life-c>em{color:#63e2e0}.t2.is-dark .loy-life-c.is-used>em{color:#ffc861}
@media (max-width:46rem){.loy-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.loy-tiles .loy-tile.is-est{grid-column:1/-1}}
@media (max-width:34rem){.loy-life-g{grid-template-columns:1fr}}
/* ===== v249 — نقاطي: تصميم فاخر ===== */
.lx{display:grid;gap:20px;--lx-gold:linear-gradient(100deg,#fff4d6 0%,#ffd98e 30%,#f2b84b 55%,#fff1c4 75%,#d7952a 100%);--lx-ink:#0a1847}
.lx-tabs{justify-content:center}
/* البطاقة */
.lxc{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:6px;padding:28px 28px 22px;border-radius:28px;color:#fff;
  background:radial-gradient(140% 120% at 100% 0%,#1d4f9a 0%,#0e2f6a 38%,#091a45 70%,#060f2c 100%);box-shadow:0 24px 60px rgba(6,15,44,.45),inset 0 1px 0 rgba(255,255,255,.12)}
.lxc::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--guil);background-size:100% 100%;opacity:.55}
.lxc::after{content:"";position:absolute;inset:-40% -20% auto auto;width:70%;height:120%;z-index:-1;background:radial-gradient(closest-side,rgba(255,200,97,.22),transparent 70%);animation:lxGlow 7s ease-in-out infinite alternate}
.lxc-foil{position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,rgba(255,231,176,.9),rgba(255,200,97,.15) 30%,rgba(25,194,190,.35) 60%,rgba(255,231,176,.8));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lxc-h{display:flex;justify-content:space-between;align-items:center}
.lxc-tier{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font:700 12px Alexandria,sans-serif;letter-spacing:.06em;color:#0a1847;background:var(--lx-gold);box-shadow:0 6px 18px rgba(242,184,75,.35)}
.lxc-logo{height:30px;width:auto;opacity:.95}
.lxc-t{margin:18px 0 0;font:600 14px Alexandria,sans-serif;color:#c9d6ee;letter-spacing:.02em}
.lxc-v{display:flex;align-items:baseline;gap:10px}
.lxc-v b{font:800 clamp(48px,9vw,72px)/1 Alexandria,sans-serif;letter-spacing:-1px;background:var(--lx-gold);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lxSheen 6s linear infinite;filter:drop-shadow(0 6px 18px rgba(242,184,75,.25))}
.lxc-v span{font:700 20px Alexandria,sans-serif;color:#ffe2a6}
.lxc-p{display:flex;align-items:baseline;gap:6px;color:#dfe8f7}.lxc-p b{font:800 22px Alexandria,sans-serif;color:#fff}.lxc-p span{font-size:14px}
.lxc-bar{position:relative;height:6px;margin:16px 0 6px;border-radius:9px;background:rgba(255,255,255,.14)}
.lxc-bar i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:9px;background:linear-gradient(270deg,#ffc861,#19c2ae);box-shadow:0 0 14px rgba(255,200,97,.65)}
.lxc-bar span{position:absolute;top:10px;inset-inline-end:0;font:700 11px Alexandria,sans-serif;color:#9fb3d6}
.lxc-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;border-top:1px solid rgba(255,231,176,.18)}
.lxc-f>div{display:grid;gap:2px;padding:14px 12px 0;text-align:center}
.lxc-f>div+div{border-inline-start:1px solid rgba(255,231,176,.14)}
.lxc-f small{font:600 12px Alexandria,sans-serif;color:#9fb3d6}.lxc-f b{font:800 20px Alexandria,sans-serif;color:#fff}.lxc-f em{font:700 12px Alexandria,sans-serif;font-style:normal;color:#ffd98e}
.lxc-f .is-pend b{color:#ffd98e}
@keyframes lxSheen{to{background-position:-200% 0}}
@keyframes lxGlow{to{transform:translate(-12%,10%)}}
/* الاستبدال */
.lxr{display:grid;gap:16px;padding:24px;border-radius:24px;background:var(--t2-surface);color:var(--t2-ink);border:1px solid var(--t2-line);box-shadow:0 10px 30px rgba(10,31,77,.08);position:relative;overflow:hidden}
.lxr::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#d7952a,#ffd98e,#19c2ae)}
.lxr-h{display:flex;align-items:center;gap:12px}.lxr-h .t2-tile{width:40px;height:44px}.lxr-h b{font:800 18px Alexandria,sans-serif}
.lxr-pick{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:8px;align-items:center}
.lxr-num{min-height:56px;border-radius:16px;border:1.5px solid var(--t2-line);background:var(--t2-input,var(--t2-surface));color:var(--t2-ink);text-align:center;font:800 26px Alexandria,sans-serif;width:100%;-moz-appearance:textfield}
.lxr-num::-webkit-outer-spin-button,.lxr-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.lxr-num:focus{outline:none;border-color:#d7952a;box-shadow:0 0 0 4px rgba(242,184,75,.2)}
.lxr-step{min-width:52px;min-height:52px;border-radius:14px;border:1px solid var(--t2-line);background:var(--t2-brand-wash);color:var(--t2-ink);font:700 14px Alexandria,sans-serif;cursor:pointer;transition:transform .15s}
.lxr-step:active{transform:scale(.96)}
.lxr-step:focus-visible,.lxr-rng:focus-visible{outline:3px solid #d7952a;outline-offset:2px}
.lxr-rng{width:100%;accent-color:#d7952a;min-height:28px}
.lxr-res{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}
.lxr-res>div{display:grid;gap:4px;padding:16px 18px;border-radius:18px;background:var(--t2-brand-wash)}
.lxr-res>div.is-rew{background:linear-gradient(135deg,#0e2f6a,#091a45);color:#fff}
.lxr-res small{font:600 12px Alexandria,sans-serif;color:var(--t2-muted)}.lxr-res .is-rew small{color:#9fb3d6}
.lxr-res span{display:flex;align-items:baseline;gap:6px}.lxr-res span b{font:800 28px Alexandria,sans-serif}.lxr-res span i{font-style:normal;font:700 13px Alexandria,sans-serif;color:var(--t2-muted)}
.lxr-res .is-rew span b{background:var(--lx-gold);-webkit-background-clip:text;background-clip:text;color:transparent}.lxr-res .is-rew span i{color:#ffe2a6}
.lxr-why{margin:0;font:700 13px Alexandria,sans-serif;color:#b9690f;text-align:center}
.lxr-btn{min-height:56px;border-radius:16px!important;font-size:16px!important;background:linear-gradient(135deg,#ffe1a0,#ffc861 45%,#f0962a)!important;color:#0a1847!important;border:0!important;box-shadow:0 12px 28px rgba(240,150,42,.32)}
.lxr-btn[disabled]{opacity:.45;box-shadow:none;cursor:not-allowed}
/* السجل */
.lxl{list-style:none;margin:0;padding:8px;display:grid;gap:4px;border-radius:24px;background:var(--t2-surface);border:1px solid var(--t2-line)}
.lxl-i{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border-radius:16px}
.lxl-i:nth-child(odd){background:var(--t2-brand-wash)}
.lxl-ic .t2-tile{width:36px;height:40px}
.lxl-b{display:grid;min-width:0}.lxl-b b{font:700 14px Alexandria,sans-serif;color:var(--t2-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lxl-b small{font-size:12px;color:var(--t2-muted)}
.lxl-chip{padding:4px 10px;border-radius:999px;font:700 11px Alexandria,sans-serif;white-space:nowrap}
.lxl-chip.is-pend{color:#9a5a0e;background:#fff3dc;border:1px dashed #e8b45a}.lxl-chip.is-ok{color:#0a6f6a;background:#e3f6f4}.lxl-chip.is-off{color:#8a3a30;background:#fbe9e6}
.lxl-n{font:800 17px Alexandria,sans-serif;color:#0a8c8c;min-width:64px;text-align:end}.lxl-n.is-neg{color:#b9690f}.lxl-n.is-pend{color:var(--t2-muted)}
.lxl-empty{padding:40px;text-align:center;color:var(--t2-muted);border-radius:24px;background:var(--t2-surface);border:1px solid var(--t2-line)}
/* المستويات */
.lxt-wrap{display:grid;gap:18px}
.lxt-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;counter-reset:s}
.lxt-steps li{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:18px;background:var(--t2-surface);border:1px solid var(--t2-line);color:var(--t2-ink)}
.lxt-steps li span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:800 13px Alexandria,sans-serif;color:#0a1847;background:linear-gradient(135deg,#ffe1a0,#f2b84b)}
.lxt-steps li b{font:700 14px Alexandria,sans-serif}
.lxt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lxt-c{position:relative;overflow:hidden;display:grid;gap:14px;padding:22px;border-radius:24px;color:#fff;box-shadow:0 14px 34px rgba(6,15,44,.25);transition:transform .2s}
.lxt-c.is-plus{background:linear-gradient(150deg,#0a8c8c,#075a6b 60%,#06364a)}
.lxt-c.is-premium{background:linear-gradient(150deg,#1d4f9a,#0e2f6a 60%,#091a45)}
.lxt-c.is-elite{background:linear-gradient(150deg,#2a2a2e,#121216 60%,#000)}
.lxt-c::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,rgba(255,231,176,.75),transparent 40%,rgba(255,231,176,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}
.lxt-c.is-on{transform:translateY(-4px);box-shadow:0 22px 50px rgba(242,184,75,.35)}.lxt-c.is-on::after{opacity:1}
.lxt-h{display:flex;justify-content:space-between;align-items:center}.lxt-h b{font:800 18px Alexandria,sans-serif;letter-spacing:.02em}
.lxt-now{padding:4px 10px;border-radius:999px;font:700 11px Alexandria,sans-serif;color:#0a1847;background:linear-gradient(135deg,#ffe1a0,#f2b84b)}
.lxt-r{display:flex;align-items:baseline;gap:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
.lxt-r small{flex:1;font:600 13px Alexandria,sans-serif;color:rgba(255,255,255,.75)}.lxt-r b{font:800 28px Alexandria,sans-serif;background:linear-gradient(100deg,#fff4d6,#ffd98e 50%,#f2b84b);-webkit-background-clip:text;background-clip:text;color:transparent}.lxt-r i{font-style:normal;font:700 12px Alexandria,sans-serif;color:#ffe2a6}
/* تأكيد الاستبدال */
.lxd{justify-items:center;text-align:center;padding:28px}
.lxd-ic .t2-tile{width:56px;height:62px}
.lxd-v{display:flex;align-items:baseline;gap:8px}.lxd-v b{font:800 48px Alexandria,sans-serif;background:linear-gradient(100deg,#d7952a,#f2b84b 40%,#b9690f);-webkit-background-clip:text;background-clip:text;color:transparent}.lxd-v span{font:700 18px Alexandria,sans-serif;color:#b9690f}
.lxd-s{margin:0;color:var(--t2-muted)}.lxd-s b{color:var(--t2-ink)}
.lxd .loy-dlg-a{justify-content:center;width:100%}.lxd .loy-dlg-a .t2-btn{flex:1}
/* بطاقة نقاطي في الرئيسية */
.lxp{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;width:100%;padding:20px 22px;border-radius:22px;cursor:pointer;text-align:start;color:#fff;font:inherit;
  background:linear-gradient(135deg,rgba(255,231,176,.12),rgba(255,255,255,.04) 45%,rgba(25,194,190,.1));border:1px solid rgba(255,214,140,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:transform .2s,box-shadow .2s}
.lxp:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.12)}
.lxp:focus-visible{outline:3px solid #ffc861;outline-offset:3px}
.lxp-h{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}
.lxp-k{font:700 11px Alexandria,sans-serif;letter-spacing:.18em;color:#ffd98e}
.lxp-pend{padding:3px 10px;border-radius:999px;font:700 11px Alexandria,sans-serif;color:#ffe2a6;border:1px dashed rgba(255,214,140,.55)}
.lxp-v{display:flex;align-items:baseline;gap:6px}.lxp-v b{font:800 40px/1.05 Alexandria,sans-serif;background:linear-gradient(#fff0c8,#ffc861 60%,#e09a2e);-webkit-background-clip:text;background-clip:text;color:transparent}.lxp-v small{font:700 14px Alexandria,sans-serif;color:#e7eef6}
.lxp-r{display:flex;align-items:baseline;gap:4px;align-self:end;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.1)}.lxp-r b{font:800 18px Alexandria,sans-serif}.lxp-r small{font:700 12px Alexandria,sans-serif;color:#ffe2a6}
.lxp-bar{grid-column:1/-1;height:5px;margin-top:10px;border-radius:9px;background:rgba(255,255,255,.14);overflow:hidden}.lxp-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(270deg,#ffc861,#19c2ae)}
.lxp-f{grid-column:1/-1;display:flex;gap:18px;align-items:center;margin-top:8px;font:600 12px Alexandria,sans-serif;color:#b9c9e0}.lxp-f b{color:#fff;font-weight:800}
.lxp-go{margin-inline-start:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,200,97,.2);color:#ffd98e}
/* الوضع الليلي */
.t2.is-dark .lxr{box-shadow:0 10px 30px rgba(0,0,0,.3)}
.t2.is-dark .lxl-chip.is-pend{color:#ffd98e;background:rgba(242,184,75,.12);border-color:rgba(242,184,75,.5)}.t2.is-dark .lxl-chip.is-ok{color:#7fe3d8;background:rgba(25,194,174,.14)}.t2.is-dark .lxl-chip.is-off{color:#ffb3a8;background:rgba(176,71,58,.18)}
.t2.is-dark .lxl-n{color:#63e2e0}.t2.is-dark .lxl-n.is-neg{color:#ffc861}.t2.is-dark .lxr-why{color:#ffc861}
.t2.is-dark .lxd-v b{background:linear-gradient(100deg,#fff4d6,#ffd98e 40%,#f2b84b);-webkit-background-clip:text;background-clip:text}.t2.is-dark .lxd-v span{color:#ffe2a6}
@media (prefers-reduced-motion:reduce){.lxc-v b,.lxc::after{animation:none}}
@media (max-width:46rem){.lxt{grid-template-columns:1fr}.lxc{padding:22px 18px 18px}}
@media (max-width:34rem){.lxr-pick{grid-template-columns:auto minmax(0,1fr) auto}.lxr-pick .lxr-step:first-child,.lxr-pick .lxr-step:last-child{display:none}.lxr-res{grid-template-columns:1fr 1fr}.lxr-res span b{font-size:22px}
  .lxt-steps li{flex-direction:column;gap:6px;padding:12px 6px}.lxt-steps li b{font-size:12px;text-align:center}.lxc-f b{font-size:17px}.lxl-i{grid-template-columns:auto minmax(0,1fr) auto}.lxl-chip{grid-column:2;justify-self:start}.lxl-n{grid-row:1;grid-column:3}}
.lxl-n.is-pend{color:var(--t2-muted)!important;opacity:.8}.lxl-n.is-off{color:var(--t2-muted)!important;text-decoration:line-through}
.lxl-b b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.t2.is-dark .lxr-btn,.t2 .lx .lxr-btn.t2-btn{background:linear-gradient(135deg,#ffe1a0,#ffc861 45%,#f0962a)!important;color:#0a1847!important;border:0!important}
@media (min-width:60rem){.lx{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}.lx>.lx-tabs,.lx>.lxl,.lx>.lxt-wrap,.lx>.lxl-empty{grid-column:1/-1}.lx>.lxr{align-content:center}}
.t2.t2 .lx .lxr-btn.t2-btn.is-primary,.t2.t2.is-dark .lx .lxr-btn.t2-btn.is-primary{background:linear-gradient(135deg,#ffe1a0,#ffc861 45%,#f0962a)!important;background-color:#ffc861!important;color:#0a1847!important;border-color:transparent!important}
.t2.t2 .lx .lxr-btn.t2-btn.is-primary[disabled]{opacity:.45}
/* ===== v250 — نقاطي: بطاقات منفصلة · المستويات ببطاقة العضوية المعتمدة · الشروط ===== */
.lxs-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lxs{position:relative;overflow:hidden;display:grid;gap:4px;align-content:start;padding:18px;border-radius:22px;background:var(--t2-surface);border:1px solid var(--t2-line);color:var(--t2-ink);box-shadow:0 8px 24px rgba(10,31,77,.06)}
.lxs::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#19c2ae,#0a8c8c)}
.lxs.is-pend::before{background:linear-gradient(90deg,#ffd98e,#f0962a)}.lxs.is-used::before{background:linear-gradient(90deg,#f2b84b,#d7952a)}
.lxs-ic .t2-tile{width:36px;height:40px;margin-bottom:4px}
.lxs small{font:600 12px Alexandria,sans-serif;color:var(--t2-muted)}
.lxs b{font:800 28px/1.15 Alexandria,sans-serif}
.lxs em{font:700 13px Alexandria,sans-serif;font-style:normal;color:#0a8c8c}.lxs.is-pend em{color:var(--t2-muted)}.lxs.is-used em{color:#b9690f}
.lxs.is-pend{border-style:dashed;border-color:#e8b45a}
.t2.is-dark .lxs em{color:#63e2e0}.t2.is-dark .lxs.is-used em{color:#ffc861}.t2.is-dark .lxs.is-pend em{color:var(--t2-muted)}
@media (min-width:60rem){.lx.is-w>.lxs-row{grid-column:1/-1}}
/* المستويات: بطاقات العضوية المعتمدة */
.lxt-wrap.tm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:none;padding:0}
.lxt-card{position:relative;display:grid;transition:transform .25s}
.lxt-card .mcard{width:100%;max-width:none}
.lxt-card.is-on{transform:translateY(-6px)}.lxt-card.is-on .mcard{box-shadow:0 0 0 2px #ffc861,0 24px 50px rgba(242,184,75,.35)}
.lxt-card:not(.is-on){opacity:.92}
.lxt-card .lxt-now{position:absolute;z-index:3;top:-12px;inset-inline-start:18px;padding:5px 14px;border-radius:999px;font:800 12px Alexandria,sans-serif;color:#0a1847;background:linear-gradient(135deg,#ffe1a0,#f2b84b);box-shadow:0 6px 16px rgba(242,184,75,.4)}
/* الشروط */
.lxk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lxk-c{display:grid;gap:12px;align-content:start;padding:22px;border-radius:22px;background:var(--t2-surface);border:1px solid var(--t2-line);color:var(--t2-ink);position:relative;overflow:hidden}
.lxk-c::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#d7952a,#ffd98e,#19c2ae)}
.lxk-h{display:flex;align-items:center;gap:12px}.lxk-h .t2-tile{width:40px;height:44px}.lxk-h h3{margin:0;font:800 17px Alexandria,sans-serif}
.lxk-c ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.lxk-c li{position:relative;padding-inline-start:22px;font:500 14px/1.9 "IBM Plex Sans Arabic",Alexandria,sans-serif}
.lxk-c li::before{content:"";position:absolute;inset-inline-start:2px;top:.75em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,#ffd98e,#d7952a)}
@media (max-width:60rem){.lxt-wrap.tm{grid-template-columns:1fr;gap:28px}.lxk{grid-template-columns:1fr}}
@media (max-width:46rem){.lxs-row{grid-template-columns:1fr 1fr}.lxs-row .lxs.is-pend{grid-column:1/-1}}
@media (max-width:34rem){.lxs b{font-size:22px}.lxs{padding:14px}}
@media (max-width:46rem){.lxs-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lxs-row .lxs.is-pend{grid-column:auto}.lxs{padding:12px 10px;border-radius:18px}.lxs-ic{display:none}.lxs small{font-size:11px;line-height:1.5}.lxs b{font-size:20px}.lxs em{font-size:11px}}
@media (max-width:34rem){.lx-tabs .st-chip{padding-inline:12px;gap:6px}.lx-tabs .st-chip-ic{display:none}.lx-tabs{gap:6px}}
/* v251 — طريقة الحساب: مثال */
.lxk-ex{background:linear-gradient(160deg,var(--t2-surface) 0%,var(--t2-brand-wash) 100%)}
.lxk-ex-b{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:4px}.lxk-ex-b b{font:800 14px Alexandria,sans-serif}.lxk-ex-b small{font-size:12px;color:var(--t2-muted)}
.lxk-ex-g{display:grid;gap:8px}
.lxk-ex-r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--t2-surface);border:1px solid var(--t2-line)}
.lxk-ex-r span{font:700 13px Alexandria,sans-serif}
.lxk-ex-r code{font:600 13px "IBM Plex Sans Arabic",ui-monospace,monospace;color:var(--t2-muted);background:none}
.lxk-ex-r b{font:800 15px Alexandria,sans-serif;color:#0a8c8c;min-width:86px;text-align:end}
.lxk-ex-r.is-on{border-color:#e8b45a;box-shadow:inset 3px 0 0 #f2b84b}
.lxk-ex-r.is-tot{background:linear-gradient(135deg,#0e2f6a,#091a45);border-color:transparent;color:#fff}.lxk-ex-r.is-tot code{color:#9fb3d6}.lxk-ex-r.is-tot b{color:#ffd98e}
.t2.is-dark .lxk-ex-r b{color:#63e2e0}.t2.is-dark .lxk-ex-r.is-tot b{color:#ffd98e}
/* v252 — جداول الاكتساب والاستبدال داخل الشروط */
.lxk-c li.is-t{padding:0}.lxk-c li.is-t::before{display:none}
.lxk-t{display:grid;gap:6px}
.lxk-tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--t2-brand-wash);border:1px solid transparent}
.lxk-tr span{font:700 13px Alexandria,sans-serif}
.lxk-tr b{font:800 14px Alexandria,sans-serif;color:#0a8c8c;text-align:end}
.lxk-tr small{grid-column:2;text-align:end;font:600 11px Alexandria,sans-serif;color:var(--t2-muted)}
.lxk-tr.is-on{border-color:#e8b45a;box-shadow:inset 3px 0 0 #f2b84b}
.t2.is-dark .lxk-tr b{color:#63e2e0}
/* v253 — السجل: المكتسبة · المستبدلة · الملغاة · المنتهية */
.lxg-wrap{display:grid;gap:14px}
@media (min-width:60rem){.lx>.lxg-wrap{grid-column:1/-1}}
.lxg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lxg-b{position:relative;overflow:hidden;display:grid;gap:2px;justify-items:start;padding:14px 16px;border-radius:18px;border:1.5px solid var(--t2-line);background:var(--t2-surface);color:var(--t2-ink);cursor:pointer;font:inherit;text-align:start;transition:transform .15s,box-shadow .15s}
.lxg-b::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--lxg,#19c2ae)}
.lxg-b.is-earn{--lxg:linear-gradient(90deg,#19c2ae,#0a8c8c)}.lxg-b.is-red{--lxg:linear-gradient(90deg,#ffd98e,#d7952a)}.lxg-b.is-off{--lxg:linear-gradient(90deg,#f1a99f,#b0473a)}.lxg-b.is-exp{--lxg:linear-gradient(90deg,#a9c7ee,#4f7fc2)}
.lxg-b small{font:700 12px Alexandria,sans-serif;color:var(--t2-muted)}
.lxg-b b{font:800 24px/1.2 Alexandria,sans-serif}
.lxg-b i{font-style:normal;font:600 11px Alexandria,sans-serif;color:var(--t2-muted)}
.lxg-b.is-on{border-color:transparent;background:linear-gradient(150deg,#0e2f6a,#091a45);color:#fff;box-shadow:0 12px 28px rgba(9,26,69,.28);transform:translateY(-2px)}
.lxg-b.is-on small,.lxg-b.is-on i{color:#b9c9e0}.lxg-b.is-on b{background:linear-gradient(100deg,#fff4d6,#ffd98e 50%,#f2b84b);-webkit-background-clip:text;background-clip:text;color:transparent}
.lxg-b:focus-visible{outline:3px solid #f2b84b;outline-offset:2px}
.lxl-why{display:block;color:#b0473a!important}
.lxl-n.is-exp{color:#4f7fc2}.lxl-n.is-off{color:var(--t2-muted)!important;text-decoration:line-through}
.t2.is-dark .lxl-n.is-exp{color:#a9c7ee}.t2.is-dark .lxl-why{color:#ffb3a8!important}
@media (max-width:46rem){.lxg{grid-template-columns:repeat(2,minmax(0,1fr))}.lxg-b{padding:12px 14px}.lxg-b b{font-size:20px}}
/* v254 — إيليت: بطاقة سوداء فاخرة بذهب، مستقلة عن بلس (كانت تُغطّى بخلفية بلس الصريحة) */
.tm .mcard.elite,.tm-lv .mcard.elite{--foil:linear-gradient(120deg,#7A5210,#F7DC9A 20%,#B8862B 40%,#FFF1C9 56%,#A9741C 76%,#EBC777);color:#F3E6C6;background:repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 2px,transparent 2px 7px),radial-gradient(85% 70% at 100% 0%,rgba(232,190,110,.30),transparent 55%),radial-gradient(70% 90% at 0% 100%,rgba(176,128,48,.20),transparent 60%),linear-gradient(150deg,#000 0%,#0B0B0E 46%,#17140F 78%,#231C10 100%);box-shadow:0 30px 60px -12px rgba(0,0,0,.75),0 12px 24px -10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,226,160,.30),inset 0 -1px 0 rgba(0,0,0,.6)}
.tm .mcard.elite::after,.tm-lv .mcard.elite::after{padding:2px;background:var(--foil)}
.tm .mcard.elite .mc-guil,.tm-lv .mcard.elite .mc-guil{opacity:.55;mix-blend-mode:overlay;filter:sepia(1) saturate(1.6)}
.tm .mcard.elite .mc-brand b,.tm-lv .mcard.elite .mc-brand b{background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tm .mcard.elite .mc-name b,.tm-lv .mcard.elite .mc-name b{color:#F6E7C1;text-shadow:0 1px 0 rgba(0,0,0,.8)}
.tm .mcard.elite .mc-name span,.tm .mcard.elite .mc-foot b,.tm-lv .mcard.elite .mc-name span,.tm-lv .mcard.elite .mc-foot b{color:#E9D3A0;text-shadow:0 1px 0 rgba(0,0,0,.8)}
.tm .mcard.elite .mc-name i,.tm-lv .mcard.elite .mc-name i{height:1.5px;background:linear-gradient(90deg,transparent,#E8C878)}
.tm .mcard.elite .mc-foot,.tm-lv .mcard.elite .mc-foot{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.55));border-top-color:rgba(232,200,120,.55)}
.tm .mcard.elite .mc-st,.tm-lv .mcard.elite .mc-st{background:linear-gradient(135deg,#F3D58C,#B8862B);color:#1A1206;box-shadow:inset 0 0 0 1px rgba(255,240,200,.5)}
/* v256 — بطاقات العضوية على iPhone/Safari: لا زوايا مربعة خلف البطاقة (كل طبقة داخلية تتبع استدارة البطاقة)، والشعار المائي كامل غير مقصوص */
.tm .mcard .mc-guil,.tm-lv .mcard .mc-guil{border-radius:inherit}
.tm .mcard .mc-foot,.tm-lv .mcard .mc-foot{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0 0 22px 22px}
.tm .mcard::before,.tm-lv .mcard::before{inset:0;border-radius:inherit;transform:none;background-size:300% 100%;background-repeat:no-repeat;background-position:120% 0;animation:mcSheen 6s ease-in-out 1.2s infinite}
@keyframes mcSheen{0%{background-position:120% 0}55%,100%{background-position:-20% 0}}
.tm .mc-wm,.tm-lv .mc-wm{top:15%;height:56%;width:auto;max-width:42%;object-fit:contain}
/* v257 — أزرار صفحات الإعدادات على الجوال: شبكة منتظمة بعرض كامل · نموذج التصحيح المستقل */
@media (max-width:40rem){
  .t2.t2 .ax-top>.t2-row-wrap,.t2.t2 .t2-row-wrap.tm-fsall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .t2.t2 .ax-top>.t2-row-wrap>*,.t2.t2 .t2-row-wrap.tm-fsall>*{width:100%;min-width:0;justify-content:center;white-space:normal;text-align:center;line-height:1.3;height:auto;min-height:44px}
  .t2.t2 .ax-top>.t2-row-wrap>:last-child:nth-child(odd),.t2.t2 .t2-row-wrap.tm-fsall>:last-child:nth-child(odd){grid-column:1/-1}
  .t2.t2 .ax-top>.t2-btn{width:100%;justify-content:center}
  .t2.t2 .ax-top>.ax-top-t{flex:1 1 100%}
  .loy-row-a{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .loy-row-a>.t2-input{grid-column:1/-1}
  .loy-row-a>.t2-btn{width:100%;justify-content:center;min-width:0;white-space:normal;text-align:center}
  .loy-row-a>.t2-btn:last-child:nth-child(even){grid-column:auto}
}
.loy-fix{display:grid;gap:12px;margin:0 0 16px;padding:16px;border-radius:16px;border:1px solid var(--t2-line,#D6E2EE);background:var(--t2-surface-2,#F4F8FC)}
.loy-fix-t{font:700 .95rem var(--t2-ff-display);color:var(--t2-ink)}
.loy-fix-err{color:var(--t2-danger,#C0392B);font-weight:600;min-height:0}.loy-fix-err:empty{display:none}
.loy-fix-a{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.loy-fix-a>.t2-btn{width:100%;justify-content:center}
.t2.t2 .loy-eff .t2-dpw{width:100%;min-width:0}
/* v259 — شجرة الإظهار والإخفاء: أقسام المستند بالترتيب، وكل قسم يحوي عناصره */
.t2.t2 .tm-vt{display:grid;gap:8px}
.t2.t2 .tm-vt-h{flex:1;min-width:0;display:flex;align-items:center;gap:8px}
.t2.t2 .tm-vt-h>b{flex:1;min-width:0;font-size:.92rem;color:var(--t2-ink)}
.t2.t2 .tm-vt-h>small{color:var(--t2-muted);font-size:.78rem;white-space:nowrap}
.t2.t2 .tm-vt-swl{display:inline-flex;align-items:center;padding:4px;margin:-4px 0;cursor:pointer}
.t2.t2 .tm-vt-fx{font-style:normal;font-size:.72rem;font-weight:700;color:var(--t2-muted);padding:2px 8px;border-radius:99px;background:var(--t2-surface-2)}
.t2.t2 .tm-vt-d>.tm-det-b{display:grid;gap:8px;padding:0 12px 12px}
.t2.t2 .tm-vt-d.is-off{background:var(--t2-surface-2)}
.t2.t2 .tm-vt-d.is-off .tm-vt-h>b{color:var(--t2-muted)}
.t2.t2 .tm-vt .t2-field.is-off{opacity:.5;cursor:not-allowed}
.t2.t2 .tm-vt .axp-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (max-width:720px){.t2.t2 .tm-vt .axp-opts{grid-template-columns:minmax(0,1fr)}}
.t2.t2 .tm-vt .axp-opts>.t2-field.is-toggle,.pv-dev.pv-dev .t2 .tm-vt .axp-opts>.t2-field.is-toggle{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:10px;min-height:44px;padding:8px 12px}
.t2.t2 .tm-vt .axp-opts>.t2-field.is-toggle>.t2-field-k{margin:0;font-size:.86rem}