/* ========================================================================== پوستهٔ پنل هم‌زبان با قالب سیکانت فقط ظاهر عوض می‌شود؛ هیچ امکانی از پنل کم یا زیاد نمی‌شود. رنگ‌ها خنثی (سفید واقعی / سیاه) و سبز سیکانت برای نشانه‌ها. ========================================================================== */ :is(#nam-portal, #nam-auth, #nam-track), #nam-portal[data-nam-theme="light"], #nam-auth[data-nam-theme="light"], #nam-track[data-nam-theme="light"] { --nam-bg: #f5f6f6; --nam-card-bg: #ffffff; --nam-surface-2: #f7f8f8; --nam-surface-3: #eef0ef; --nam-text: #2e3533; --nam-text-title: #0b0f0e; --nam-text-muted: #69716f; --nam-text-faint: #a3aaa8; --nam-border: #e6e8e8; --nam-border-input: #d6dad9; --nam-primary: #0b0f0e; --nam-primary-hover: #2e3533; --nam-primary-light: #eef0ef; --nam-primary-ring: rgba(11,15,14,.16); --nam-on-primary: #ffffff; --nam-primary-solid: #0b0f0e; --nam-primary-solid-hover: #2e3533; --nam-on-solid: #ffffff; --nam-violet: #4c5553; --nam-violet-soft: #eef0ef; --nam-chart-green: #4cc8a0; --nam-focus: #0b0f0e; --nam-focus-ring: rgba(11,15,14,.14); --nam-ink: #0b0f0e; --nam-np-paper: #ffffff; --nam-np-grid-bg: #f5f6f6; --nam-np-rule: #0b0f0e; --nam-overlay: rgba(7,9,9,.5); --nam-shadow-sm: none; --nam-shadow: none; --nam-shadow-lg: 0 24px 60px -28px rgba(11,15,14,.28); --sk-block: #0b0f0e; --sk-block-line: rgba(255,255,255,.14); color-scheme: light; } #nam-portal[data-nam-theme="dark"], #nam-auth[data-nam-theme="dark"], #nam-track[data-nam-theme="dark"], html[data-theme="dark"] :is(#nam-portal, #nam-auth, #nam-track):not([data-nam-theme="light"]) { --nam-bg: #070909; --nam-card-bg: #0d1110; --nam-surface-2: #121716; --nam-surface-3: #181e1c; --nam-text: #c9cfcd; --nam-text-title: #f1f3f2; --nam-text-muted: #8b9491; --nam-text-faint: #59625f; --nam-border: #1c2221; --nam-border-input: #2a3230; --nam-primary: #f1f3f2; --nam-primary-hover: #ffffff; --nam-primary-light: rgba(241,243,242,.08); --nam-primary-ring: rgba(241,243,242,.2); --nam-on-primary: #070909; --nam-primary-solid: #f1f3f2; --nam-primary-solid-hover: #ffffff; --nam-on-solid: #070909; --nam-violet: #8b9491; --nam-violet-soft: rgba(139,148,145,.14); --nam-chart-green: #4cc8a0; --nam-focus: #f1f3f2; --nam-focus-ring: rgba(241,243,242,.2); --nam-ink: #000000; --nam-np-paper: #0d1110; --nam-np-grid-bg: #121716; --nam-np-rule: #c9cfcd; --nam-overlay: rgba(0,0,0,.7); --nam-shadow-sm: none; --nam-shadow: none; --nam-shadow-lg: 0 30px 70px -30px rgba(0,0,0,.8); --sk-block: #141a18; --sk-block-line: rgba(255,255,255,.1); color-scheme: dark; } /* تایپوگرافی: عنوان‌ها سبک‌تر، مثل سایت */ #nam-portal .nam-topbar-title h1 { font-weight: 400; font-size: 24px; letter-spacing: -.01em; } #nam-portal :where(.nam-card-title) { font-weight: 600; } #nam-portal .nam-kpi-value { font-weight: 300; letter-spacing: -.01em; } #nam-portal .nam-hero-band h2 { font-weight: 400; font-size: 22px; } /* کارت‌ها: خط نازک به‌جای سایه */ #nam-portal .nam-card:hover { box-shadow: none; } #nam-portal .nam-btn { border-radius: 999px; } #nam-portal .nam-input-text, #nam-portal .nam-select-box { border-radius: 12px; } /* نوار کناری: روشن و آرام */ #nam-portal .nam-side { background: var(--nam-card-bg); color: var(--nam-text); border: 1px solid var(--nam-border); box-shadow: none; } #nam-portal .nam-brand { border-bottom-color: var(--nam-border); } #nam-portal .nam-brand-mark { background: var(--nam-text-title); color: var(--nam-card-bg); } #nam-portal .nam-brand-name { color: var(--nam-text-title); } #nam-portal .nam-brand-sub { color: var(--nam-text-muted); } #nam-portal .nam-nav-label { color: var(--nam-text-faint); letter-spacing: 0; } #nam-portal .nam-nav-btn { color: var(--nam-text-muted); } #nam-portal .nam-nav-btn:hover { background: var(--nam-surface-2); color: var(--nam-text-title); } #nam-portal .nam-nav-btn.active { background: var(--nam-surface-3); color: var(--nam-text-title); box-shadow: none; } #nam-portal .nam-nav-btn.active::before { background: var(--nam-text-title); } #nam-portal .nam-nav-btn .nam-nav-tag { background: var(--nam-surface-3); color: var(--nam-text); } #nam-portal .nam-nav-btn.active .nam-nav-tag { background: var(--nam-text-title); color: var(--nam-card-bg); } #nam-portal .nam-side-user { background: var(--nam-surface-2); } #nam-portal .nam-side-user-name { color: var(--nam-text-title); } #nam-portal .nam-side-user-role { color: var(--nam-text-muted); } #nam-portal .nam-side .nam-icon-btn { color: var(--nam-text-muted); } #nam-portal .nam-side .nam-icon-btn:hover { background: var(--nam-surface-3); color: var(--nam-text-title); } #nam-portal .nam-side-promo { background: var(--sk-block); border: 0; color: #fff; } #nam-portal .nam-side-promo strong { color: #fff; } #nam-portal .nam-side-promo .nam-btn { background: #fff; color: #0b0f0e; } #nam-portal .nam-avatar { background: var(--nam-surface-3); color: var(--nam-text-title); } /* بلوک‌های برجسته: سیاه ساده، بدون گرادیان و خط‌چین */ #nam-portal .nam-hero-band, #nam-portal .nam-today, #nam-portal .nam-kpi.is-featured, #nam-portal .nam-bank-card, #nam-auth .nam-auth-art, #nam-track .nam-track-head, #nam-portal .nam-pick-tile.is-feat { background: var(--sk-block) !important; background-image: none !important; box-shadow: none; } #nam-portal .nam-hero-band::after, #nam-track .nam-track-head::after, #nam-auth .nam-auth-art::before, #nam-auth .nam-auth-art::after { display: none !important; } #nam-portal .nam-today-clock { border-left-color: var(--sk-block-line); } #nam-portal .nam-today-clock b { color: #fff; font-weight: 300; } #nam-portal .nam-today-clock.is-late b { color: #ffb38a; } #nam-portal .nam-bank-card-foot { background: rgba(255,255,255,.06); } #nam-auth .nam-auth-mini-grid i.on { background: #fff; } #nam-portal .nam-offer { background: linear-gradient(120deg, rgba(240,200,100,.2), rgba(214,160,50,.06) 60%, rgba(240,200,100,.12)); border: 1px solid rgba(232,190,90,.55); color: #f6e2a8; position: relative; overflow: hidden; } #nam-portal .nam-offer b { color: #f7d977; } #nam-portal .nam-offer small { color: rgba(246,226,168,.78); opacity: 1; } #nam-portal .nam-offer-pct { background: linear-gradient(145deg, #fbe7a1, #e2b04a 55%, #c58f26); color: #2a1c00; box-shadow: 0 0 0 3px rgba(232,190,90,.22), 0 6px 18px -6px rgba(232,190,90,.6); } #nam-portal .nam-offer .nam-btn { background: linear-gradient(145deg, #fbe7a1, #e2b04a 60%, #c99227); color: #2a1c00; border-color: transparent; font-weight: 700; } #nam-portal .nam-offer .nam-btn:hover { filter: brightness(1.06); } #nam-portal .nam-offer:not(.is-nudge)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 40%, rgba(255,236,170,.16) 50%, transparent 60%); transform: translateX(-120%); animation: sk-gold 6s ease-in-out infinite; pointer-events: none; } @keyframes sk-gold { 0%, 55% { transform: translateX(-120%); } 85%, 100% { transform: translateX(120%); } } #nam-portal .nam-offer.is-nudge { background: rgba(255,255,255,.06); border-color: var(--sk-block-line); color: inherit; } #nam-portal .nam-offer.is-nudge b { color: inherit; } #nam-portal .nam-offer.is-nudge small { color: inherit; opacity: .8; } #nam-portal .nam-pick-off, #nam-portal .nam-pick-star { background: var(--nam-text-title); color: var(--nam-card-bg); } /* ماکت: کادر انتخاب‌شده سیاه/سفید یک‌دست */ #nam-portal .nam-grid-cell.occupied-ad, #nam-portal .nam-legend .is-sel { background: var(--nam-primary-solid); } /* متن روی دکمه‌ها و نشانه‌های پررنگ: همیشه رنگ مقابلِ پس‌زمینه (در حالت تیره پس‌زمینه روشن است) */ :is(#nam-portal, #nam-auth, #nam-track) .nam-brand-mark, #nam-portal .nam-nav-btn.active .nam-nav-tag, :is(#nam-portal, #nam-auth, #nam-track) .nam-btn--soft:hover, :is(#nam-portal, #nam-auth, #nam-track) .nam-btn-add-funds, :is(#nam-portal, #nam-auth, #nam-track) .nam-btn-add-funds:hover, #nam-portal .nam-step.is-current i, #nam-portal .nam-media-pill-btn.active .nam-media-ico, #nam-portal .nam-media-pill-btn.active .nam-media-check, :is(#nam-portal, #nam-auth, #nam-track) .nam-grid-cell.occupied-ad, :is(#nam-portal, #nam-auth, #nam-track) .nam-addon:has(input:checked) .nam-check, #nam-portal .nam-howto i, #nam-portal .nam-mob-icon-circle, :is(#nam-portal, #nam-auth, #nam-track) .nam-own-check input:checked + .nam-check, #nam-portal .nam-pick-tile.is-on .nam-pick-tick { color: var(--nam-on-solid) !important; } #nam-portal .nam-topbar-title h1::after { display: none; } #nam-portal .nam-wallet-pill .nam-wallet-ico { background: var(--nam-surface-3); color: var(--nam-text-title); } /* بدون خط‌های رنگی تزئینی کنار عنوان‌ها، مثل سایت */ :is(#nam-portal, #nam-auth, #nam-track) .nam-card-title:not(:has(.nam-step-num))::before { display: none; } #nam-auth .nam-auth-art h2::after { display: none; } #nam-auth .nam-auth-brand .nam-brand-mark { background: #fff; color: #0b0f0e !important; } #nam-portal .nam-kpi.is-featured .nam-kpi-value { color: #fff; } @media (max-width: 1100px) { #nam-portal .nam-side { border: 0; } } /* ---------- روز چاپ: تقویم فارسی ---------- */ #nam-portal .nam-print-pick { width: 100%; display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--nam-border-input); border-radius: 16px; background: var(--nam-card-bg); color: var(--nam-text-title); cursor: pointer; text-align: right; font-family: inherit; transition: border-color .2s; } #nam-portal .nam-print-pick:hover, #nam-portal .nam-print-pick[aria-expanded="true"] { border-color: var(--nam-text-title); } #nam-portal .nam-print-ico { flex: none; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--nam-primary-solid); color: var(--nam-on-solid); } #nam-portal .nam-print-txt { flex: 1; display: flex; flex-direction: column; line-height: 1.7; } #nam-portal .nam-print-txt b { font-size: 16px; font-weight: 600; } #nam-portal .nam-print-txt small { font-size: 12.5px; color: var(--nam-text-muted); } #nam-portal .nam-print-chev { width: 9px; height: 9px; border-left: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: rotate(-45deg); margin-inline-end: 4px; transition: transform .25s; } #nam-portal .nam-print-pick[aria-expanded="true"] .nam-print-chev { transform: rotate(135deg); } #nam-portal .nam-print-cal { margin-top: 10px; padding: 14px; border: 1px solid var(--nam-border); border-radius: 18px; background: var(--nam-surface-2); animation: nam-cal-in .3s ease; } #nam-portal .nam-print-cal[hidden] { display: none; } @keyframes nam-cal-in { from { opacity: 0; transform: translateY(-6px); } } #nam-portal .nam-print-quick { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; } #nam-portal .nam-print-quick .nam-chip.is-on { background: var(--nam-primary-solid); color: var(--nam-on-solid); border-color: var(--nam-primary-solid); } #nam-portal .skc { max-width: 380px; margin-inline: auto; } #nam-portal .skc-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } #nam-portal .skc-title { font-size: 16px; font-weight: 600; color: var(--nam-text-title); } #nam-portal .skc-nav { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--nam-border-input); background: var(--nam-card-bg); color: var(--nam-text-title); cursor: pointer; display: grid; place-items: center; padding: 0; font-family: inherit; } #nam-portal .skc-nav:hover:not(:disabled) { border-color: var(--nam-text-title); } #nam-portal .skc-nav:disabled { opacity: .3; cursor: default; } #nam-portal .skc-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; direction: rtl; } #nam-portal .skc-wd { text-align: center; font-size: 12px; color: var(--nam-text-muted); padding: 4px 0 6px; } #nam-portal .skc-wd.is-fri { color: var(--nam-text-faint); } #nam-portal .skc-day { position: relative; aspect-ratio: 1; border: 1px solid transparent; border-radius: 12px; background: var(--nam-card-bg); color: var(--nam-text-title); font: 500 14px Vazirmatn, sans-serif; cursor: pointer; padding: 0; transition: background-color .15s, color .15s, border-color .15s, transform .15s; } #nam-portal .skc-day:hover:not(:disabled) { border-color: var(--nam-text-title); transform: translateY(-1px); } #nam-portal .skc-day.is-sel { background: var(--nam-primary-solid); color: var(--nam-on-solid); border-color: var(--nam-primary-solid); font-weight: 700; } #nam-portal .skc-day.is-dis { background: transparent; color: var(--nam-text-faint); cursor: not-allowed; } #nam-portal .skc-day.is-off { background: repeating-linear-gradient(135deg, transparent 0 5px, var(--nam-surface-3) 5px 6px); } #nam-portal .skc-day.is-hol::after { content: ""; position: absolute; top: 5px; left: 50%; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: currentColor; opacity: .7; } #nam-portal .skc-day.is-today { border-color: var(--nam-text-muted); border-style: dashed; } #nam-portal .skc-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 12px; font-size: 12px; color: var(--nam-text-muted); } #nam-portal .skc-legend span { display: inline-flex; align-items: center; gap: 6px; } #nam-portal .skc-legend i { width: 12px; height: 12px; border-radius: 4px; border: 1px solid var(--nam-border-input); } #nam-portal .skc-legend .a { background: var(--nam-primary-solid); border-color: var(--nam-primary-solid); } #nam-portal .skc-legend .b { background: repeating-linear-gradient(135deg, transparent 0 2px, var(--nam-text-faint) 2px 3px); } #nam-portal .skc-legend .c { border-style: dashed; } /* ---------- صفحهٔ ورود: زمین زنده پشت کل صفحه، کارت روی آن شناور و ارتفاع ثابت ---------- */ .nam-auth-stage { position: relative; width: 100%; min-height: calc(100vh - var(--sk-ab, 0px)); display: flex; align-items: center; justify-content: center; padding: 36px max(16px, env(safe-area-inset-right)) 36px max(16px, env(safe-area-inset-left)); background: #04050d; overflow: hidden; isolation: isolate; box-sizing: border-box; } .nam-auth-stage > .nam-earth { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; display: block; pointer-events: none; } .nam-auth-stage #nam-auth { margin: 0 auto; position: relative; box-shadow: 0 40px 90px -30px rgba(0,0,20,.75), 0 0 0 1px rgba(255,255,255,.06); } #nam-auth { min-height: 820px; } #nam-auth { background: transparent; } #nam-auth .nam-auth-form { background: var(--nam-card-bg); } #nam-auth .nam-auth-art { background: rgba(5,8,24,.42) !important; backdrop-filter: blur(10px) saturate(1.2); -webkit-backdrop-filter: blur(10px) saturate(1.2); min-height: 0; } #nam-auth .nam-auth-mini { display: none; } #nam-auth .nam-auth-art h2 { text-shadow: 0 2px 24px rgba(0,0,20,.55); } #nam-auth .nam-auth-feats { margin-bottom: 0; } #nam-auth .nam-auth-form { justify-content: flex-start; padding-top: 44px; } @media (max-width: 900px) { .nam-auth-stage { padding-block: 16px 130px; align-items: flex-start; } #nam-auth { min-height: 0; } #nam-auth .nam-auth-art { min-height: 0; justify-content: flex-start; gap: 14px; } #nam-auth .nam-auth-art > div:nth-of-type(2) p { display: none; } #nam-auth .nam-auth-form { min-height: 665px; padding-top: 22px; } } /* کرهٔ محو پشت پنل داخلی */ .sk-panel { position: relative; isolation: isolate; } .sk-pg { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; display: block; pointer-events: none; opacity: .92; } .sk-pg { --g-h1: 0; --g-h2: .07; --g-rim: .4; --g-body1: #01040a; --g-body2: #000103; } .sk-pg[data-gt="light"] { opacity: .55; --g-body1: #e6efff; --g-body2: #cddfff; --g-h1: 0; --g-h2: .16; --g-rim: .5; --g-dot: #2f7bff; } .sk-pg .sk-g-d1 { stroke: var(--g-dot, #3b8ff2); opacity: .32; } .sk-pg .sk-g-d2 { stroke: var(--g-dot, #3b8ff2); opacity: .62; } .sk-pg .sk-g-d3 { stroke: var(--g-dot, #3b8ff2); opacity: 1; } .sk-pg .sk-g-arc { stroke: var(--g-dot, #46b4ff); opacity: .2; } .sk-pg .sk-st { fill: #cfe8ff; } .sk-pg .sk-st1 { opacity: .6; animation: sk-tw 5s ease-in-out infinite alternate; } .sk-pg .sk-st2 { opacity: .3; animation: sk-tw 3.4s ease-in-out -1.7s infinite alternate; } .sk-pg[data-gt="light"] .sk-st { display: none; } @keyframes sk-tw { to { opacity: .1; } } @media (prefers-reduced-motion: reduce) { .sk-pg .sk-st { animation: none; } } @media print { .sk-pg { display: none; } } .sk-panel #nam-portal { background: transparent !important; } /* استعلام اصالت در تم تیره: کادر تیره و دکمهٔ روشن */ html[data-theme="dark"] #nam-track .nam-track-search, #nam-track[data-nam-theme="dark"] .nam-track-search { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.14); } html[data-theme="dark"] #nam-track .nam-track-search input, #nam-track[data-nam-theme="dark"] .nam-track-search input { color: #eef3f1; } html[data-theme="dark"] #nam-track .nam-track-search input::placeholder, #nam-track[data-nam-theme="dark"] .nam-track-search input::placeholder { color: #7f918c; } html[data-theme="dark"] #nam-track #nam-btn-track, #nam-track[data-nam-theme="dark"] #nam-btn-track { background: #f1f3f2; color: #0b0f0e; } /* چیپ میز مدیریت در تم تیره: متن روی پس‌زمینهٔ روشن خوانا */ #nam-portal .nam-role-chip:not(.is-agent) { color: var(--nam-on-solid, #fff); } /* ورود یکپارچه: نمایش شمارهٔ واردشده */ #nam-auth .nam-auth-chip { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border: 1px solid var(--nam-line, rgba(127,127,127,.25)); border-radius: 12px; font-size: 13.5px; } #nam-auth .nam-auth-chip b { font-weight: 700; letter-spacing: .02em; }