/* ASHI-DEV v22 — لایه‌ی نهایی رابط کاربری (بعد از site/signature/portal بارگذاری می‌شود) ۱) پالت تازه‌ی تم روشن ۲) دکمه‌ها ۳) هدر پرتال (رفع باگ) ۴) پرتال ۵) دکمه‌های شناور و چت ۶) صیقل سایت عمومی */ /* ============ ۱) تم روشن: کاغذی سرد + گرافیت + قرمز امضا (بدون رنگ‌های طلایی/قهوه‌ای قبلی) ============ */ :root[data-theme=light]{ --paper:#f5f6f8;--c1:#232936; --c2:color-mix(in srgb,var(--b2,#c1121f) 94%,#000); --c3:color-mix(in srgb,var(--b3,#7a0c16) 92%,#000); --bg:#e8ebf0;--tx:#1c202a;--mu:#4f596b; --ln:rgba(28,32,42,.13);--fill:rgba(28,32,42,.04); --navbg:rgba(245,246,248,.78);--navbg2:rgba(245,246,248,.93); --card1:#f5f6f8;--card2:rgba(245,246,248,.8);--ringc:rgba(28,32,42,.3); --accent:#232936;--signature:var(--c2);--signature-deep:var(--c3); --surface-0:#e8ebf0;--surface-1:#f5f6f8;--surface-2:#f5f6f8;--surface-3:#dfe3ea; --text:#1c202a;--text-muted:#4f596b;--text-strong:#000; --line:rgba(28,32,42,.13);--line-strong:rgba(28,32,42,.22); --fill-soft:rgba(28,32,42,.04);--fill-hover:rgba(28,32,42,.07); --metal-text:linear-gradient(100deg,#0f1218 0%,#3a414f 55%,#161a22 100%); } :root[data-theme=light] body{background:radial-gradient(58rem 34rem at 88% -8%,rgba(193,18,31,.055),transparent 62%),radial-gradient(52rem 32rem at -6% 108%,rgba(35,41,54,.06),transparent 62%),var(--bg)} :root[data-theme=light] .nebula{background:none} :root[data-theme=light] .nebula i{opacity:.045} :root[data-theme=light] .card,:root[data-theme=light] .pjc,:root[data-theme=light] .faq,:root[data-theme=light] .pd-card,:root[data-theme=light] .est,:root[data-theme=light] .tq{background:var(--paper);border-color:var(--ln);box-shadow:0 1px 2px rgba(28,32,42,.05),0 10px 30px -16px rgba(28,32,42,.18)} :root[data-theme=light] .card:hover,:root[data-theme=light] .pjc:hover{border-color:var(--line-strong);box-shadow:0 2px 4px rgba(28,32,42,.06),0 22px 44px -20px rgba(28,32,42,.28)} :root[data-theme=light] .card::after{background:none} :root[data-theme=light] nav,:root[data-theme=light] .pth{box-shadow:0 1px 0 var(--ln)} :root[data-theme=light] select option{background:var(--paper);color:#1c202a} :root[data-theme=light] .tag{background:rgba(28,32,42,.04);border-color:var(--ln);color:var(--tx)} :root[data-theme=light] .type{color:var(--c2)} :root[data-theme=light] .ptm a:not(.btn):not(.fl):not(.prow){color:var(--c2)} :root[data-theme=light] .term{background:var(--paper);color:#1c202a;border-color:var(--ln);box-shadow:0 18px 40px -18px rgba(28,32,42,.3)} :root[data-theme=light] .term .tb{background:var(--fill);border-color:var(--ln)} :root[data-theme=light] .term .pr,:root[data-theme=light] .term pre::after{color:var(--c2)} :root[data-theme=light] .term .tx{color:#2a2f3a} :root[data-theme=light] .me{background:radial-gradient(circle at 32% 26%,#fff,#e6e9f0);box-shadow:0 0 0 5px rgba(28,32,42,.06),0 10px 28px rgba(28,32,42,.22)} :root[data-theme=light] #splash{background:radial-gradient(circle at 50% 40%,var(--paper),var(--bg) 70%)} :root[data-theme=light] .st-new{color:#a15c07}:root[data-theme=light] .st-discussing,:root[data-theme=light] .st-offered{color:#1d4ed8} :root[data-theme=light] .st-accepted{color:#b45309}:root[data-theme=light] .st-active,:root[data-theme=light] .st-done{color:#15803d} :root[data-theme=light] .st-delivered{color:#0369a1}:root[data-theme=light] .st-rejected,:root[data-theme=light] .st-declined{color:#b91c1c} :root[data-theme=light] .fl2.ok{color:#15803d;border-color:#15803d}:root[data-theme=light] .fl2.err{color:#b91c1c;border-color:#b91c1c} /* ============ ۲) دکمه‌ها: یک زبان واحد برای سایت و پرتال ============ */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-pill,999px);padding:11px 26px;font-weight:700;font-size:14.5px;line-height:1.6;letter-spacing:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .2s,border-color .2s,color .2s} .btn.sm{padding:7px 18px;font-size:13.5px} .btn svg{width:16px;height:16px;flex:none} .btn.b1,:root[data-theme=light] .btn.b1{background:linear-gradient(180deg,color-mix(in srgb,var(--c2) 100%,#fff 10%),color-mix(in srgb,var(--c2) 78%,#000));color:#fff;border:1px solid color-mix(in srgb,var(--c2) 70%,#000);box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 10px 24px -10px color-mix(in srgb,var(--c2) 80%,transparent)} .btn.b1:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.26) inset,0 16px 32px -12px color-mix(in srgb,var(--c2) 90%,transparent)} .btn.b2{background:var(--fill);border:1px solid var(--line-strong,var(--ln));color:var(--tx)} .btn.b2:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--c2) 10%,transparent);border-color:color-mix(in srgb,var(--c2) 55%,transparent);box-shadow:none} .btn:active{transform:translateY(0)} .btn:focus-visible,.ib:focus-visible,#cb:focus-visible,#up:focus-visible,.pth-nav a:focus-visible,.pth-tabs a:focus-visible{outline:2px solid color-mix(in srgb,var(--c2) 75%,#fff);outline-offset:3px} input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--c2) 65%,var(--ln))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--c2) 16%,transparent)} .ib{border-radius:var(--r-pill,999px);transition:background .2s,border-color .2s,color .2s,transform .3s} .ib:hover{transform:none;background:var(--fill);border-color:var(--line-strong,var(--ln));color:var(--tx)} /* ============ ۳) هدر پرتال ============ علت باگ قبلی: عنصر