/* ===================================================================== PenguCloud — تم بخش کلاینت WHMCS (twenty-one / قالب pengucloud) راست‌چین + تیره/نئون هماهنگ با سایت اصلی + فونت Peyda آخر از همه توسط head.tpl لود می‌شود (assetExists custom.css) ===================================================================== */ @font-face{ font-family:'Peyda'; src:url('../fonts/PeydaWebVF.woff2') format('woff2-variations'), url('../fonts/PeydaWebVF.woff') format('woff-variations'); font-weight:100 950; font-style:normal; font-display:swap; } :root{ --pc-bg:#08090D; --pc-surface:#11131A; --pc-surface-2:#1A1D27; --pc-surface-3:#222733; --pc-border:#262A36; --pc-neon:#18E0FF; --pc-neon-2:#0bb6d6; --pc-yellow:#FFE600; --pc-text:#FFFFFF; --pc-muted:#A6ACBE; --pc-navlink:#C6CCD8; } /* ===================== پایه / فونت / راست‌چین ===================== */ html{direction:rtl} body,body.primary-bg-color{ background-color:var(--pc-bg)!important; color:var(--pc-text)!important; font-family:'Peyda',Tahoma,sans-serif!important; direction:rtl;text-align:right; border-top:2px solid var(--pc-neon)!important; } *{font-family:'Peyda',Tahoma,sans-serif!important} /* آیکون‌های Font Awesome 5 Pro نباید Peyda بشوند (وگرنه آیکون‌ها خراب می‌شوند) */ .fa,.fas,.far,.fal,.fad,[class^="fa-"],[class*=" fa-"]{font-family:"Font Awesome 5 Pro"!important} .fab{font-family:"Font Awesome 5 Brands"!important} .fad{font-family:"Font Awesome 5 Duotone"!important} /* افکت پس‌زمینه‌ی سایت اصلی (bg-fx) — دقیقاً مثل pengucloud.net (مارک‌آپ در header.tpl) */ .bg-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden} .bg-fx .grid{position:absolute;inset:-2px; background-image: linear-gradient(var(--pc-border) 1px,transparent 1px), linear-gradient(90deg,var(--pc-border) 1px,transparent 1px); background-size:64px 64px;opacity:.16; -webkit-mask-image:radial-gradient(ellipse 95% 95% at 50% 50%,#000 55%,transparent 100%); mask-image:radial-gradient(ellipse 95% 95% at 50% 50%,#000 55%,transparent 100%);} .bg-fx .blob{position:absolute;border-radius:50%;filter:blur(95px)} .bg-fx .blob.b1{width:520px;height:520px;background:#0c6f8f;top:-150px;left:-120px;opacity:.5} .bg-fx .blob.b2{width:440px;height:440px;background:#13455c;top:42%;right:-150px;opacity:.5} .bg-fx .blob.b3{width:480px;height:480px;background:#0a5e7a;bottom:-170px;left:-100px;opacity:.42} .bg-fx .blob.b4{width:300px;height:300px;background:#3a3300;bottom:8%;right:30%;opacity:.2} h1,h2,h3,h4,h5,h6{color:var(--pc-text)!important} hr{border-color:var(--pc-border)!important} a{color:var(--pc-neon)} a:hover{color:var(--pc-neon-2)} /* رنگ‌های متنی که روی تیره نامرئی می‌شوند */ .text-muted,.text-secondary{color:var(--pc-muted)!important} .text-dark,.text-black,.text-body,.text-reset{color:var(--pc-text)!important} /* پس‌زمینه‌های روشن عمومی → تیره */ .primary-bg-color,.secondary-bg-color, .bg-white,.bg-light,.bg-body,.bg-gray,.bg-gray-100,.bg-gray-200{ background-color:var(--pc-surface)!important;color:var(--pc-text)!important; } /* ===================== هدر / نوار بالا / فوتر ===================== */ /* بار هدر دقیقاً مثل سایت اصلی: شیشه‌ای تیره + بلور + خط پایین + چسبان */ .header,#header{ background-color:rgba(8,9,13,.72)!important; -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); border-bottom:1px solid var(--pc-border)!important;color:var(--pc-text)!important; position:sticky;top:0;z-index:1000; } .topbar,.master-breadcrumb{ background-color:transparent!important; border-color:var(--pc-border)!important;color:var(--pc-text)!important; } .footer,#footer{ background-color:transparent!important; border-top:1px solid var(--pc-border)!important;color:var(--pc-muted)!important; } .navbar,.navbar-dark,.navbar-light{background:transparent!important} /* منوی بالا — هماهنگ با سایت اصلی (لینک‌ها هستند، نه nav-link) */ .main-navbar-wrapper .navbar-nav > li > a, #nav > li > a, .main-navbar-wrapper .navbar-nav > li > a.dropdown-toggle{ color:var(--pc-muted)!important;font-weight:500!important;font-size:.97rem!important; font-family:'Peyda',Tahoma,sans-serif!important;padding:.55rem 1.05rem!important;letter-spacing:0;position:relative;transition:color .2s} .main-navbar-wrapper .navbar-nav > li > a:hover,.main-navbar-wrapper .navbar-nav > li > a.active, #nav > li > a:hover,#nav > li > a.active, .main-navbar-wrapper .navbar-nav > li > a.dropdown-toggle:hover{color:#fff!important} /* خط چسبیده به متن (text-decoration) حذف */ .main-navbar-wrapper .navbar-nav > li > a,.main-navbar-wrapper .navbar-nav > li > a:hover,#nav > li > a,#nav > li > a:hover{text-decoration:none!important} /* زیرخط نئونی روی hover (مثل سایت اصلی) — با ::before تا با کارت دراپ‌داون (::after) تداخل نکند */ .main-navbar-wrapper .navbar-nav > li > a::before{content:"";position:absolute;right:1.05rem;left:1.05rem;bottom:5px;height:2px;background:var(--pc-neon);box-shadow:0 0 8px var(--pc-neon);transform:scaleX(0);transform-origin:center;transition:transform .25s;pointer-events:none} .main-navbar-wrapper .navbar-nav > li > a:hover::before,.main-navbar-wrapper .navbar-nav > li > a.active::before{transform:scaleX(1)} /* ===== منوی تک‌ردیفه (برند راست، لینک‌ها وسط، سبد/حساب چپ) مثل سایت اصلی ===== */ .pc-onebar{padding:.35rem 0!important} .pc-onebar > .container{display:flex!important;align-items:center;min-height:62px} .pc-onebar .pc-brand{flex:0 0 auto;margin:0!important} .pc-onebar .pc-actions{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:8px;margin:0!important} .pc-onebar .pc-actions .nav-item{margin:0!important} .pc-onebar .pc-secondary > li > a{padding:.5rem .8rem!important} @media(min-width:1200px){ .pc-onebar > .container{flex-wrap:nowrap} .pc-onebar #mainNavbar{flex:1 1 auto;display:flex!important;align-items:center} .pc-onebar #mainNavbar #nav{display:flex!important;flex-direction:row;flex:1 1 auto;align-items:center;justify-content:center;margin:0} .pc-onebar #mainNavbar .pc-secondary{display:flex!important;flex-direction:row;flex:0 0 auto;align-items:center;margin:0} } @media(max-width:1199.98px){ .pc-onebar > .container{flex-wrap:wrap} .pc-onebar #mainNavbar{flex:1 1 100%;order:5} .pc-onebar #mainNavbar #nav,.pc-onebar #mainNavbar .pc-secondary{flex-direction:column;width:100%} } /* دکمهٔ سبد خرید (داخل toolbar — سلکتور پرقدرت لازم است) */ ul.toolbar .nav-link.cart-btn{background:#1A1D27!important;border:1px solid #262A36!important;border-radius:12px!important;color:#fff!important;padding:.55rem .8rem!important} ul.toolbar .nav-link.cart-btn:hover{border-color:var(--pc-neon)!important;color:var(--pc-neon)!important} ul.toolbar .nav-link.cart-btn i{font-size:1.35rem!important;vertical-align:middle} ul.toolbar .nav-link.cart-btn .badge,#cartItemCount{background:var(--pc-neon)!important;color:#04222b!important;font-size:.72rem;font-weight:700} .navbar-brand{color:var(--pc-text)!important} .navbar-brand.pc-brand{display:inline-flex;align-items:center;gap:10px} .navbar-brand.pc-brand svg{width:38px;height:38px;filter:drop-shadow(0 0 8px rgba(24,224,255,.55))} .pc-word{font-weight:900;font-size:1.35rem;color:var(--pc-text)!important;letter-spacing:-.5px} .pc-word b{color:var(--pc-neon)!important;font-weight:900} /* موشن «Pengu» سایت اصلی (برای فوتر/برند سراسری) */ .pc-shine{background:linear-gradient(100deg,#0A9FE0 0%,#18E0FF 20%,#9af3ff 40%,#fff 50%,#9af3ff 60%,#18E0FF 80%,#0A9FE0 100%);background-size:200% auto;background-position:0% center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:pcShine 6s linear infinite,pcGlow 4s ease-in-out infinite} @keyframes pcShine{from{background-position:0% center}to{background-position:200% center}} @keyframes pcGlow{0%,100%{filter:drop-shadow(0 0 7px rgba(24,224,255,.45))}50%{filter:drop-shadow(0 0 15px rgba(24,224,255,.85))}} /* فوتر چسبیده به پایین صفحه (نه وسط) */ body{display:flex;flex-direction:column;min-height:100vh} #main-body{flex:1 0 auto} #footer{flex-shrink:0} /* برند بزرگ فوتر — Pengu گرادینت، Cloud سفید */ #footer .pc-foot-brand{text-align:center;margin:6px 0 48px;overflow:hidden} #footer .pc-copyright{margin-top:18px!important} #footer .pc-foot-brand .word{font-weight:900;font-size:clamp(2.4rem,8.5vw,5.8rem);letter-spacing:-1.5px;line-height:1.05;white-space:nowrap} #footer .pc-foot-brand .word b{color:#fff!important;font-weight:900} #footer .pc-copyright{color:#5C6275!important;font-size:.85rem} #footer .pc-copyright .pc-co-brand{margin:0 .4em;color:#9aa0b0} /* فوتر: نماد اعتماد (چپ) | لوگو (وسط) | توضیحات+سوشال (راست) — مثل سایت اصلی */ #footer .pc-foot-main{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:24px;max-width:1180px;margin:0 auto;text-align:right} #footer .pc-foot-main .pc-foot-about{flex:1 1 0;min-width:0} #footer .pc-foot-main .pc-foot-brand{flex:0 0 auto;text-align:center;margin:0!important;overflow:visible} #footer .pc-foot-main .pc-foot-brand .word{display:block;font-size:clamp(1.8rem,6vw,5rem)} #footer .pc-foot-main .pc-foot-brand .pc-copyright{margin:14px 0 0!important;text-align:center} #footer .pc-foot-main .pc-foot-trust{flex:1 1 0;min-width:0;text-align:left} #footer .pc-foot-desc{color:var(--pc-muted);font-size:.92rem;line-height:1.95;max-width:340px;margin:0 0 16px} #footer .pc-socials{display:flex;gap:12px} #footer .pc-socials a{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--pc-surface);border:1px solid var(--pc-border);color:var(--pc-muted);transition:color .2s,border-color .2s} #footer .pc-socials a:hover{color:var(--pc-neon);border-color:var(--pc-neon)} #footer .pc-foot-trust h4{font-size:.95rem;font-weight:800;color:#fff;margin:0 0 14px} #footer .pc-trust-badge{display:inline-flex;align-items:center;gap:8px;color:var(--pc-muted);background:var(--pc-surface);border:1px solid var(--pc-border);border-radius:10px;padding:9px 14px;font-size:.85rem;text-decoration:none;transition:border-color .2s,color .2s} #footer .pc-trust-badge:hover{border-color:#2BD97A;color:#fff} /* باکس نماد اعتماد (اینماد) — عنوان + لوگو در یک باکس کلیک‌پذیر */ #footer .pc-enamad-box{display:inline-flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;text-decoration:none;padding:13px 16px;background:#eef2f8;border:1px solid var(--pc-neon);border-radius:16px;box-shadow:0 0 22px -4px rgba(24,224,255,.65);transition:box-shadow .25s,transform .2s} #footer .pc-enamad-box:hover{transform:translateY(-2px);box-shadow:0 0 30px -2px rgba(24,224,255,.9)} #footer .pc-enamad-title{color:#11131A!important;font-weight:800;font-size:.92rem;white-space:nowrap} #footer .pc-enamad-box a{display:block;line-height:0} #footer .pc-enamad-box img{display:block;border-radius:6px;max-width:96px;height:auto} /* تاریخچهٔ ترافیک — جدولِ دارک */ #traffichistory{padding:6px 0} #traffichistory .pc-th-wrap{overflow-x:auto} .pc-th-table{width:100%;border-collapse:separate;border-spacing:0;direction:rtl;font-size:.95rem;margin:0} .pc-th-table thead th{color:var(--pc-neon,#18E0FF);font-weight:800;padding:12px 14px;text-align:center;border-bottom:1px solid var(--pc-border,#262A36);white-space:nowrap} .pc-th-table tbody td{padding:12px 14px;text-align:center;color:#E6E9F2;border-bottom:1px solid rgba(38,42,54,.55);white-space:nowrap} .pc-th-table tbody tr:hover td{background:rgba(24,224,255,.05)} .pc-th-table tbody tr:last-child td{border-bottom:none} .pc-th-table .pc-th-add{color:#1bbf63;font-weight:700} .pc-th-table .pc-th-cut{color:#ff5c6c;font-weight:700} .pc-th-table .pc-th-after{color:var(--pc-neon,#18E0FF);font-weight:700} /* تعویض IP — تبِ صفحهٔ محصول */ #ipchange{scroll-margin-top:90px} .pc-ipc-wrap{max-width:640px;margin:0 auto} .pc-ipc-card{background:var(--pc-surface,#12141c);border:1px solid var(--pc-border,#262A36);border-radius:16px;padding:22px 24px;text-align:right;direction:rtl} .pc-ipc-head{display:flex;align-items:center;gap:10px;color:var(--pc-neon,#18E0FF);font-weight:800;font-size:1.1rem;margin-bottom:12px} .pc-ipc-head i{font-size:1.05em} .pc-ipc-desc{color:#c3c9d6;font-size:.92rem;line-height:2;margin:0 0 16px} .pc-ipc-desc b{color:#fff} .pc-ipc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(38,42,54,.55)} .pc-ipc-row:first-of-type{border-top:1px solid rgba(38,42,54,.55)} .pc-ipc-label{color:#8a92a6;font-size:.9rem;font-weight:600} .pc-ipc-value{color:#E6E9F2;font-weight:700} .pc-ipc-btn{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:11px 26px;border:0;border-radius:11px;cursor:pointer; font-family:inherit;font-weight:800;font-size:.95rem;color:#04222b; background:linear-gradient(135deg,#18E0FF,#0e9cc0);box-shadow:0 8px 22px -10px rgba(24,224,255,.7);transition:filter .15s,transform .1s} .pc-ipc-btn:hover{filter:brightness(1.08);color:#04222b} .pc-ipc-btn:active{transform:translateY(1px)} .pc-ipc-btn i{font-size:.95em} .pc-ipc-note{margin-top:16px;padding:12px 15px;border-radius:11px;font-size:.9rem;line-height:1.9;display:flex;align-items:center;gap:9px} .pc-ipc-note-wait{background:rgba(255,196,0,.1);border:1px solid rgba(255,196,0,.35);color:#ffd766} .pc-ipc-note-wait a{color:var(--pc-neon,#18E0FF);font-weight:700;margin-right:6px} .pc-ipc-hint{margin:16px 0 0;color:#7c8496;font-size:.82rem;line-height:1.9} .pc-ipc-select{padding:14px 0;border-top:1px solid rgba(38,42,54,.55);border-bottom:1px solid rgba(38,42,54,.55)} .pc-ipc-opt{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:6px 0;border:1px solid var(--pc-border,#262A36);border-radius:11px;cursor:pointer;transition:border-color .15s,background .15s} .pc-ipc-opt:hover{border-color:rgba(24,224,255,.4);background:rgba(24,224,255,.04)} .pc-ipc-opt input[type=radio]{accent-color:var(--pc-neon,#18E0FF);width:17px;height:17px;cursor:pointer;flex:0 0 auto} .pc-ipc-opt-ip{color:#E6E9F2;font-weight:700;font-size:1rem;letter-spacing:.3px} .pc-ipc-opt-copy{margin-right:auto;padding:5px 9px} .pc-ipc-opt input[type=radio]:checked ~ .pc-ipc-opt-ip{color:var(--pc-neon,#18E0FF)} .pc-ip-line{margin:3px 0} #footer .pc-foot-bottom{display:flex;align-items:center;justify-content:center;gap:8px 18px;flex-wrap:wrap;margin-top:8px} #footer .pc-foot-bottom .pc-copyright{margin:0!important} #footer .pc-lang-btn{background:var(--pc-surface)!important;border:1px solid var(--pc-border)!important;color:var(--pc-muted)!important;border-radius:10px;font-size:.82rem;padding:6px 12px} #footer .pc-lang-btn:hover{border-color:var(--pc-neon)!important;color:#fff!important} #footer .pc-tos-link{color:var(--pc-muted);font-size:.82rem;text-decoration:none} #footer .pc-tos-link:hover{color:var(--pc-neon)} @media(max-width:900px){ #footer .pc-foot-main{flex-direction:column;align-items:center;text-align:center;gap:22px} #footer .pc-foot-main .pc-foot-about,#footer .pc-foot-main .pc-foot-trust{flex:0 0 auto;text-align:center} #footer .pc-foot-desc{margin-left:auto;margin-right:auto} #footer .pc-socials{justify-content:center} } /* چک‌باکس «مرا به خاطر بسپار» (ورود) — نئونی + جای درست (RTL) */ input.form-check-input[name="rememberme"]{ position:static!important;display:inline-block;vertical-align:-4px; margin:0 0 0 8px!important;width:18px;height:18px; -webkit-appearance:none;appearance:none;cursor:pointer; border:1px solid var(--pc-border)!important;border-radius:5px; background:var(--pc-surface-2)!important;transition:background .15s,border-color .15s,box-shadow .15s; } input.form-check-input[name="rememberme"]:hover{border-color:var(--pc-neon)!important} input.form-check-input[name="rememberme"]:checked{ border-color:var(--pc-neon)!important;box-shadow:0 0 10px -2px var(--pc-neon); background:var(--pc-neon) url('data:image/svg+xml,') center/12px no-repeat!important; } .text-right > label:has(input[name="rememberme"]){display:inline-flex;align-items:center;cursor:pointer;color:var(--pc-text)} /* ===================== دکمه‌ها ===================== */ .btn-primary,.btn-info{ background:linear-gradient(180deg,var(--pc-neon),var(--pc-neon-2))!important; border:none!important;color:#04222b!important;font-weight:700; box-shadow:0 0 24px -8px rgba(24,224,255,.7); } .btn-primary:hover,.btn-info:hover{filter:brightness(1.08);color:#04222b!important} .btn-secondary,.btn-default,.btn-light{ background-color:var(--pc-surface-3)!important;border:1px solid var(--pc-border)!important;color:var(--pc-text)!important; } .btn-outline-primary{border:1px solid var(--pc-neon)!important;color:var(--pc-neon)!important;background:transparent!important} .btn-outline-primary:hover{background:rgba(24,224,255,.12)!important;color:var(--pc-neon)!important} .btn-link{color:var(--pc-neon)!important} /* ===================== کارت‌ها (همهٔ اجزا) ===================== */ .card,.panel,.well,.modal-content,.popover,.toast,.accordion-item{ background-color:var(--pc-surface)!important; border:1px solid var(--pc-border)!important; border-radius:16px!important;color:var(--pc-text)!important; } .card-header,.panel-heading,.modal-header,.popover-header,.accordion-button{ background-color:var(--pc-surface-2)!important; border-bottom:1px solid var(--pc-border)!important;color:var(--pc-text)!important; } .card-body,.card-text,.card-footer,.collapsable-card-body,.modal-body,.modal-footer,.popover-body{ background-color:transparent!important;color:var(--pc-text)!important; } .card-footer,.modal-footer{border-top:1px solid var(--pc-border)!important} .card-title{color:var(--pc-text)!important} /* کارت‌های سایدبار */ .card-sidebar{background-color:var(--pc-surface)!important;border:1px solid var(--pc-border)!important} .card-sidebar .card-header{background-color:var(--pc-surface-2)!important} .card-minimise{color:var(--pc-muted)!important} /* ===================== کاشی‌های داشبورد (tiles) ===================== */ .tiles .tile,.tile{ background-color:var(--pc-surface)!important; border:1px solid var(--pc-border)!important; color:var(--pc-text)!important; } .tiles .tile:hover,.tile:hover{ background-color:var(--pc-surface-2)!important; box-shadow:inset 0 0 40px -18px rgba(24,224,255,.55); } .tile .stat{color:var(--pc-neon)!important;font-weight:800} .tile .title{color:var(--pc-muted)!important} .tile i{color:var(--pc-muted)!important} .tile .highlight{opacity:.9} /* ===================== لیست‌گروپ / منوی سایدبار ===================== */ .list-group,.list-group-flush{background:transparent!important} .list-group-item{ background-color:transparent!important; border-color:var(--pc-border)!important;color:var(--pc-text)!important; } .list-group-item-action{color:var(--pc-text)!important} .list-group-item-action:hover,.list-group-item-action:focus{ background-color:rgba(24,224,255,.08)!important;color:var(--pc-neon)!important; } .list-group-item.active{ background-color:rgba(24,224,255,.14)!important; border-color:var(--pc-neon)!important;color:var(--pc-neon)!important; } /* ===================== فرم‌ها و ورودی‌ها ===================== */ .form-control,.custom-select,.input-group-text,select,textarea,input, .form-control:disabled,.form-control[readonly]{ background-color:var(--pc-surface-2)!important; border:1px solid var(--pc-border)!important;color:var(--pc-text)!important; } .form-control:focus,.custom-select:focus{ border-color:var(--pc-neon)!important; box-shadow:0 0 0 .2rem rgba(24,224,255,.25)!important; background-color:var(--pc-surface-2)!important;color:var(--pc-text)!important; } .form-control::placeholder{color:var(--pc-muted)!important} /* رفع پس‌زمینه‌ی سفید فیلدهای autofill مرورگر */ input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus, textarea:-webkit-autofill,select:-webkit-autofill{ -webkit-text-fill-color:var(--pc-text)!important; -webkit-box-shadow:0 0 0 1000px var(--pc-surface-2) inset!important; caret-color:var(--pc-text)!important; transition:background-color 9999s ease-in-out 0s; } .input-group-text{background-color:var(--pc-surface-3)!important} /* RTL: گردیِ گوشه‌های input-group معکوسِ LTR بود (آیکونِ prepend سمتِ راست، دکمهٔ append سمتِ چپ) */ .input-group>.input-group-prepend:first-child>.input-group-text{border-radius:0 .25rem .25rem 0!important} .input-group>.input-group-append:last-child>.btn, .input-group>.input-group-append:last-child>.input-group-text{border-radius:.25rem 0 0 .25rem!important} .input-group>.form-control{border-radius:0!important} .input-group>.form-control:first-child{border-radius:0 .25rem .25rem 0!important} .input-group>.form-control:last-child{border-radius:.25rem 0 0 .25rem!important} label,.col-form-label{color:var(--pc-text)!important} /* ===================== جدول‌ها ===================== */ .table,.table td,.table th{color:var(--pc-text)!important;border-color:var(--pc-border)!important} .table thead th{border-color:var(--pc-border)!important;color:var(--pc-muted)!important;background-color:var(--pc-surface-2)!important} .table-hover tbody tr:hover{background-color:rgba(24,224,255,.05)!important;color:var(--pc-text)!important} .table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.02)!important} .table-bordered,.table-bordered td,.table-bordered th{border-color:var(--pc-border)!important} /* ===================== کشویی / بردکرامب / صفحه‌بندی / بج ===================== */ .dropdown-menu{ background-color:var(--pc-surface-2)!important;border:1px solid var(--pc-border)!important; color:var(--pc-text)!important;text-align:right;right:0;left:auto;padding:7px!important;border-radius:14px!important; } .dropdown-item{color:var(--pc-text)!important;border-radius:10px!important;border:1px solid transparent!important; margin:2px 0!important;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s} .dropdown-item:hover,.dropdown-item:focus{ background-color:rgba(24,224,255,.1)!important;color:var(--pc-neon)!important; border-color:transparent!important; box-shadow:none!important; } /* منوها تو در تواند (li.dropdown-item داخلش a.dropdown-item) → فقط LI پیلِ هاور بگیرد، A خنثی تا کادرِ دوم نیاید */ .dropdown-menu a.dropdown-item{margin:0!important;border:none!important;border-radius:8px!important} .dropdown-menu a.dropdown-item:hover,.dropdown-menu a.dropdown-item:focus{ background:transparent!important;box-shadow:none!important;border-color:transparent!important;color:var(--pc-neon)!important; } .dropdown-item.active,.dropdown-item:active{ background-color:rgba(24,224,255,.14)!important;color:var(--pc-neon)!important;border-color:rgba(24,224,255,.45)!important; } .dropdown-divider{border-color:var(--pc-border)!important} .breadcrumb{background-color:var(--pc-surface)!important;border:1px solid var(--pc-border)!important;border-radius:12px} .breadcrumb-item.active{color:var(--pc-muted)!important} .master-breadcrumb .breadcrumb{background:transparent!important;border:none!important} /* جداکنندهٔ مسیر: «/» → فلشِ نئونی (رو به راست — به‌خواستِ کاربر برعکسِ قبلی) */ .breadcrumb-item{align-items:center!important} .breadcrumb-item+.breadcrumb-item::before{ content:"\276F"!important;color:var(--pc-neon)!important; font-size:.72em!important;font-weight:700!important;line-height:1!important; display:inline-flex!important;align-items:center!important; padding-right:.6rem!important;padding-left:.2rem!important; text-shadow:0 0 9px rgba(24,224,255,.75),0 0 2px rgba(24,224,255,.9)!important; opacity:.95; } .breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none!important} .page-link{background-color:var(--pc-surface-2)!important;border-color:var(--pc-border)!important;color:var(--pc-text)!important} .page-item.active .page-link{background-color:var(--pc-neon)!important;border-color:var(--pc-neon)!important;color:#04222b!important} .page-item.disabled .page-link{background-color:var(--pc-surface)!important;color:var(--pc-muted)!important} .badge-primary,.bg-primary{background-color:var(--pc-neon)!important;color:#04222b!important} .badge-secondary{background-color:var(--pc-surface-3)!important;color:var(--pc-text)!important} /* ===================== هشدارها / نوتیفیکیشن ===================== */ .alert{border:1px solid var(--pc-border)!important;background-color:var(--pc-surface-2)!important;color:var(--pc-text)!important} .alert-success{border-color:rgba(40,200,120,.4)!important} .alert-danger{border-color:rgba(255,90,90,.4)!important} .alert-info{border-color:rgba(24,224,255,.4)!important} .alert-warning{border-color:rgba(255,200,0,.4)!important} /* ===================== نوار پیشرفت / تب‌ها ===================== */ .progress{background-color:var(--pc-surface-3)!important} .progress-bar{background-color:var(--pc-neon)!important} .nav-tabs{border-bottom:1px solid var(--pc-border)!important} .nav-tabs .nav-link{color:var(--pc-muted)!important;border:none!important} .nav-tabs .nav-link.active{color:var(--pc-neon)!important;background:transparent!important;border-bottom:2px solid var(--pc-neon)!important} /* ===================== بج/رنگ‌های کانتکست در پنل.tpl ===================== */ .card-title.bg-primary,.card-title.bg-info{background:linear-gradient(180deg,var(--pc-neon),var(--pc-neon-2))!important;color:#04222b!important} /* ===================== اصلاحات راست‌چین (RTL) ===================== */ .mr-auto{margin-right:0!important;margin-left:auto!important} .ml-auto{margin-left:0!important;margin-right:auto!important} .float-left{float:right!important} .float-right{float:left!important} .text-left{text-align:right!important} .text-right{text-align:left!important} .tile,.tiles .tile{border-right:none!important;border-left:1px solid var(--pc-border)!important} .list-group{padding-right:0} .modal-header .close{margin:-1rem auto -1rem -1rem} .fa,.fas,.far,.fab{margin-left:.15em} .card-minimise.float-right,.badge.float-right{float:left!important} /* ===================== سبد خرید (انتهای فایل — غلبه‌ی قطعی) ===================== */ ul.toolbar li .nav-link.cart-btn, .header ul.toolbar .nav-link.cart-btn{ background-color:transparent!important;background-image:none!important; border:none!important;color:#ffffff!important;padding:.4rem .5rem!important} ul.toolbar li .nav-link.cart-btn:hover{color:#18E0FF!important;background:transparent!important} ul.toolbar li .nav-link.cart-btn i{font-size:1.55rem!important;color:inherit!important} /* ===================== ناحیه کاربری — کارت‌های گلس + کاشی‌های مدرن ===================== */ /* گلس‌مورفیسم برای کارت/پنل‌های داشبورد — گوشه‌ها یکدست گرد */ #main-body .card,#main-body .panel{background:rgba(20,23,32,.55)!important;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);border:1px solid rgba(255,255,255,.09)!important;border-radius:18px!important;overflow:hidden;box-shadow:0 12px 36px -18px rgba(0,0,0,.6)!important} #main-body .card .card-header,#main-body .panel .panel-heading{background:rgba(255,255,255,.03)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;font-weight:700!important} /* کاشی‌های آماری — Grid: عدد+برچسب یک ستون، آیکون ستونِ دیگر (راست‌چینِ منطقی، فقط همین‌جا) */ .tiles .row.no-gutters{margin:0 -7px} .tiles .row.no-gutters > [class^="col"]{padding:7px!important} .tiles .tile{display:grid!important;grid-template-columns:1fr 56px;grid-template-rows:auto auto;align-content:center;column-gap:16px;background:rgba(26,29,39,.5)!important;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;padding:18px 22px!important;min-height:112px;height:100%;overflow:hidden;text-align:right;text-decoration:none!important;box-shadow:0 10px 30px -18px rgba(0,0,0,.5);transform:none!important;transition:border-color .2s} .tiles .tile:hover{border-color:rgba(24,224,255,.45)!important;transform:none!important;box-shadow:0 10px 30px -18px rgba(0,0,0,.5)!important} .tiles .tile > .tile-ic{grid-column:2;grid-row:1 / span 2;align-self:center;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;margin:0;color:var(--pc-neon);background:linear-gradient(145deg,rgba(24,224,255,.24),rgba(24,224,255,.05));border:1px solid rgba(24,224,255,.32);box-shadow:0 8px 20px -8px rgba(24,224,255,.55)} .tiles .tile > .tile-ic svg{width:27px;height:27px;display:block} .tiles .tile .stat{grid-column:1;grid-row:1;align-self:end;font-size:2.25rem;font-weight:800;color:#fff!important;line-height:1;margin:0;font-variant-numeric:tabular-nums} .tiles .tile .title{grid-column:1;grid-row:2;align-self:start;color:var(--pc-muted)!important;font-size:.92rem;font-weight:500;margin:4px 0 0} .tiles .tile .highlight{display:none!important} /* تَهرنگِ ملایمِ کارت بر اساس نوعش (جون‌دار) */ .tiles .tile:has(.bg-color-blue){background:linear-gradient(155deg,rgba(24,224,255,.12),rgba(26,29,39,.52) 48%)!important} .tiles .tile:has(.bg-color-green){background:linear-gradient(155deg,rgba(43,217,122,.12),rgba(26,29,39,.52) 48%)!important} .tiles .tile:has(.bg-color-red){background:linear-gradient(155deg,rgba(255,90,106,.12),rgba(26,29,39,.52) 48%)!important} .tiles .tile:has(.bg-color-gold){background:linear-gradient(155deg,rgba(255,196,0,.12),rgba(26,29,39,.52) 48%)!important} /* بَجِ آیکون: گرادیان + گلوی هم‌رنگِ کارت */ .tiles .tile:has(.bg-color-green) > .tile-ic{color:#2BD97A;background:linear-gradient(145deg,rgba(43,217,122,.26),rgba(43,217,122,.05));border-color:rgba(43,217,122,.36);box-shadow:0 8px 20px -8px rgba(43,217,122,.55)} .tiles .tile:has(.bg-color-red) > .tile-ic{color:#ff5a6a;background:linear-gradient(145deg,rgba(255,90,106,.26),rgba(255,90,106,.05));border-color:rgba(255,90,106,.36);box-shadow:0 8px 20px -8px rgba(255,90,106,.55)} .tiles .tile:has(.bg-color-gold) > .tile-ic{color:#FFC400;background:linear-gradient(145deg,rgba(255,196,0,.26),rgba(255,196,0,.05));border-color:rgba(255,196,0,.36);box-shadow:0 8px 20px -8px rgba(255,196,0,.5)} /* دکمهٔ سبزِ داشبورد */ .btn-success{background:linear-gradient(180deg,#2BD97A,#1fb866)!important;border-color:#2BD97A!important;color:#04220f!important;font-weight:700} .btn-success:hover{filter:brightness(1.07)} /* ============================================================ صفحهٔ «سرویس‌ها» / جدول‌های لیست (DataTables) + سایدبار فیلتر ============================================================ */ /* کانتینر جدول → کارت شیشه‌ای تیره (رفعِ پس‌زمینهٔ سفید) */ .table-container{ background:rgba(20,23,32,.55)!important; -webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15); border:1px solid rgba(255,255,255,.09)!important;border-radius:18px!important; padding:6px 12px!important;box-shadow:0 12px 36px -18px rgba(0,0,0,.6);overflow:hidden; } /* حذفِ پس‌زمینهٔ سفیدِ پیش‌فرضِ DataTables از جدول/ردیف‌ها/سلول‌ها */ .table-list, table.dataTable,table.dataTable tbody,table.dataTable tbody tr,table.dataTable tbody td, #tableServicesList,#tableServicesList tbody,#tableServicesList tbody tr,#tableServicesList td{ background-color:transparent!important; } table.dataTable{border-collapse:separate!important;border-spacing:0!important;width:100%!important;margin:0!important} table.dataTable thead th{ background:rgba(255,255,255,.03)!important;color:var(--pc-muted)!important; border:none!important;border-bottom:1px solid var(--pc-border)!important; font-weight:700!important;padding:14px 16px!important;white-space:nowrap; } table.dataTable tbody td{ border:none!important;border-bottom:1px solid rgba(255,255,255,.06)!important; padding:14px 16px!important;color:var(--pc-text)!important;vertical-align:middle!important; } table.dataTable tbody tr:last-child td{border-bottom:none!important} table.dataTable tbody tr{transition:background-color .15s} table.dataTable tbody tr:hover td{background-color:rgba(24,224,255,.06)!important} /* پیامِ «بدون رکورد» در جدولِ خالی */ table.dataTable td.dataTables_empty,.dataTables_empty{ background:transparent!important;color:var(--pc-muted)!important;text-align:center!important;padding:34px 16px!important; } /* جستجو / تعداد نمایش / اطلاعات / صفحه‌بندیِ DataTables */ .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select, .dataTables_filter input,.dataTables_length select{ background:var(--pc-surface-2)!important;color:var(--pc-text)!important; border:1px solid var(--pc-border)!important;border-radius:10px!important;padding:7px 12px!important;outline:none!important; } .dataTables_wrapper .dataTables_filter input:focus,.dataTables_wrapper .dataTables_length select:focus{border-color:var(--pc-neon)!important;box-shadow:0 0 0 3px rgba(24,224,255,.15)!important} .dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper label{color:var(--pc-muted)!important} .dataTables_wrapper .dataTables_paginate .paginate_button{ background:var(--pc-surface-2)!important;border:1px solid var(--pc-border)!important;border-radius:10px!important; color:var(--pc-text)!important;margin:0 3px!important;padding:6px 13px!important; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled){ background:var(--pc-neon)!important;border-color:var(--pc-neon)!important;color:#04222b!important; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{opacity:.4!important} /* ===== پیل‌های رنگیِ وضعیت (داخل جدول) ===== */ .label.status,span.label.status,span.status{ display:inline-block;padding:5px 14px;border-radius:999px;font-size:.8rem;font-weight:700;line-height:1;border:1px solid transparent; } .status-active{background:rgba(43,217,122,.14)!important;color:#2BD97A!important;border-color:rgba(43,217,122,.40)!important} .status-pending{background:rgba(255,196,0,.14)!important;color:#FFC400!important;border-color:rgba(255,196,0,.40)!important} .status-suspended,.status-fraud{background:rgba(255,90,106,.14)!important;color:#ff5a6a!important;border-color:rgba(255,90,106,.40)!important} .status-terminated,.status-cancelled{background:rgba(166,172,190,.14)!important;color:var(--pc-muted)!important;border-color:rgba(166,172,190,.35)!important} /* ===== سایدبارِ فیلترِ وضعیت («مشاهده») + باجِ شمارش ===== */ .card-sidebar .list-group-item{ display:flex!important;align-items:center;justify-content:space-between;gap:10px; padding:11px 16px!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.05)!important; background:transparent!important;color:var(--pc-text)!important;transition:background-color .15s; } .card-sidebar .list-group-item:last-child{border-bottom:none!important} .card-sidebar .list-group-item:hover{background:rgba(255,255,255,.03)!important} .card-sidebar .list-group-item input:checked ~ *{color:var(--pc-neon)!important} /* تیترِ کادر (مثلِ «دسته‌بندی‌ها») → سفیدِ ملایم با نوارِ نئونِ کناری، متمایز از آیتم‌ها */ .card-sidebar>.card-header,.card-sidebar>.panel-heading{background:rgba(255,255,255,.04)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-right:3px solid var(--pc-neon)!important;padding:13px 16px!important} .card-sidebar>.card-header .panel-title,.card-sidebar>.panel-heading .panel-title,.card-sidebar>.card-header .panel-title *,.card-sidebar>.panel-heading .panel-title *{color:#eaf6ff!important;font-weight:800!important;letter-spacing:.2px} .card-sidebar .card-minimise,.card-sidebar .panel-minimise{color:var(--pc-muted)!important} /* آیتمِ انتخاب‌شدهٔ دسته‌بندی → پس‌زمینهٔ کم‌رنگِ نئون + قابِ کناری (نه فقط هم‌رنگِ تیتر) */ .card-sidebar .list-group-item.active{background:rgba(24,224,255,.12)!important;color:var(--pc-neon)!important;border-right:3px solid var(--pc-neon)!important;font-weight:700!important} .card-sidebar .list-group-item:not(.active){color:var(--pc-text)!important} /* باجِ شمارش → پیلِ تمیز */ .card-sidebar .list-group-item .badge,.card-sidebar .badge{ background:var(--pc-surface-3)!important;color:var(--pc-text)!important; border:1px solid var(--pc-border)!important;border-radius:999px!important; min-width:28px;padding:4px 10px!important;font-size:.78rem!important;font-weight:700!important;text-align:center; } /* رادیوهای فیلتر — هم‌رنگِ نئون */ .card-sidebar input[type=radio],.card-sidebar input[type=checkbox]{accent-color:var(--pc-neon);width:15px;height:15px;cursor:pointer} .card-sidebar .list-group-item label{margin:0!important;cursor:pointer;font-weight:500} /* چیدمانِ آیتم سایدبار: آیکون | متن | باج */ .card-sidebar .sidebar-menu-item-wrapper{display:flex!important;align-items:center;gap:10px;width:100%} .card-sidebar .sidebar-menu-item-label{flex:1 1 auto;font-weight:600} .card-sidebar .sidebar-menu-item-badge{flex:0 0 auto} /* رنگِ متن + آیکونِ هر وضعیت در سایدبارِ فیلتر (بر اساسِ id آیتم — برای سرویس‌ها/فاکتورها/دامنه‌ها) */ .card-sidebar a[id$="-Active"] .sidebar-menu-item-label,.card-sidebar a[id$="-Active"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Active"] .sidebar-menu-item-label span{color:#2BD97A!important} .card-sidebar a[id$="-Pending"] .sidebar-menu-item-label,.card-sidebar a[id$="-Pending"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Pending"] .sidebar-menu-item-label span{color:#FFC400!important} .card-sidebar a[id$="-Suspended"] .sidebar-menu-item-label,.card-sidebar a[id$="-Suspended"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Suspended"] .sidebar-menu-item-label span{color:#ff8a3d!important} .card-sidebar a[id$="-Terminated"] .sidebar-menu-item-label,.card-sidebar a[id$="-Terminated"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Terminated"] .sidebar-menu-item-label span{color:#ff5a6a!important} .card-sidebar a[id$="-Cancelled"] .sidebar-menu-item-label,.card-sidebar a[id$="-Cancelled"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Cancelled"] .sidebar-menu-item-label span{color:#ff5a6a!important} .card-sidebar a[id$="-Fraud"] .sidebar-menu-item-label,.card-sidebar a[id$="-Fraud"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Fraud"] .sidebar-menu-item-label span{color:#ff5a6a!important} /* مالی (فاکتورها): پرداخت‌شده=سبز، پرداخت‌نشده=زرد، پس‌داده‌شده=فیروزه‌ای، لغوشده/Collections=قرمز */ .card-sidebar a[id$="-Paid"] .sidebar-menu-item-label,.card-sidebar a[id$="-Paid"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Paid"] .sidebar-menu-item-label span{color:#2BD97A!important} .card-sidebar a[id$="-Unpaid"] .sidebar-menu-item-label,.card-sidebar a[id$="-Unpaid"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Unpaid"] .sidebar-menu-item-label span{color:#FFC400!important} .card-sidebar a[id$="-Refunded"] .sidebar-menu-item-label,.card-sidebar a[id$="-Refunded"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Refunded"] .sidebar-menu-item-label span{color:#18E0FF!important} .card-sidebar a[id$="-Collections"] .sidebar-menu-item-label,.card-sidebar a[id$="-Collections"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Collections"] .sidebar-menu-item-label span{color:#ff5a6a!important} /* پشتیبانی (تیکت‌ها): در انتظار پاسخ=زرد، پاسخ‌داده‌شد=سبز، پاسخ مشتری=فیروزه‌ای، بسته‌شده=خاکستری */ .card-sidebar a[id$="-Open"] .sidebar-menu-item-label,.card-sidebar a[id$="-Open"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Open"] .sidebar-menu-item-label span{color:#FFC400!important} .card-sidebar a[id$="-Answered"] .sidebar-menu-item-label,.card-sidebar a[id$="-Answered"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Answered"] .sidebar-menu-item-label span{color:#2BD97A!important} .card-sidebar a[id$="-Customer-Reply"] .sidebar-menu-item-label,.card-sidebar a[id$="-Customer-Reply"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Customer-Reply"] .sidebar-menu-item-label span{color:#18E0FF!important} .card-sidebar a[id$="-Closed"] .sidebar-menu-item-label,.card-sidebar a[id$="-Closed"] .sidebar-menu-item-icon,.card-sidebar a[id$="-Closed"] .sidebar-menu-item-label span{color:#a6acbe!important} .card-sidebar a[id$="-In-Progress"] .sidebar-menu-item-label,.card-sidebar a[id$="-In-Progress"] .sidebar-menu-item-icon,.card-sidebar a[id$="-In-Progress"] .sidebar-menu-item-label span{color:#18E0FF!important} .card-sidebar a[id$="-On-Hold"] .sidebar-menu-item-label,.card-sidebar a[id$="-On-Hold"] .sidebar-menu-item-icon,.card-sidebar a[id$="-On-Hold"] .sidebar-menu-item-label span{color:#ff8a3d!important} /* ============================================================ فرم سفارش (standard_cart) — دارک‌سازی کارت‌ها و باکس‌های سفید ============================================================ */ /* ===== تیترِ گروهِ محصول (مثلِ «سرور مجازی ایران آسیاتک») → کادرِ قابِ‌گرادیانتیِ دورنگ ===== */ #order-standard_cart .header-lined{ position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px; min-height:84px;padding:20px 26px 20px 26px!important;margin-bottom:26px!important;border-radius:18px!important; border:1.5px solid transparent!important;overflow:hidden; background: linear-gradient(140deg,rgba(16,20,30,.92),rgba(11,13,20,.92)) padding-box, linear-gradient(120deg,#18E0FF,#7C5CFF 48%,#18E0FF) border-box!important; background-size:auto,220% auto!important;background-position:0 0,0 0!important; box-shadow:0 16px 40px -20px rgba(0,0,0,.7),0 0 30px -14px rgba(124,92,255,.45),0 0 30px -14px rgba(24,224,255,.4)!important; animation:pcTitleSheen 7s linear infinite; } @keyframes pcTitleSheen{to{background-position:0 0,220% 0}} /* هاله‌ی رادیالِ نرم گوشهٔ بالا-راست (RTL) برای عمق */ #order-standard_cart .header-lined::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background:radial-gradient(80% 120% at 92% -10%,rgba(124,92,255,.20),transparent 60%),radial-gradient(70% 120% at 4% 110%,rgba(24,224,255,.16),transparent 55%)} #order-standard_cart .header-lined::after{content:none!important;border:none!important} #order-standard_cart .header-lined>*{position:relative;z-index:1} #order-standard_cart .header-lined h1{ margin:0!important;font-weight:900!important;letter-spacing:-.3px; background:linear-gradient(95deg,#9af3ff 0%,#ffffff 42%,#c3b2ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important; -webkit-text-fill-color:transparent!important;color:#eaf6ff!important; text-shadow:0 2px 22px rgba(124,92,255,.3); } #order-standard_cart .header-lined p{margin:2px 0 0!important;color:#aeb6c9!important} /* کارت محصول در صفحهٔ گروه/فروشگاه */ .products .product,.product{ display:flex!important;flex-wrap:wrap!important;align-items:stretch!important; background:linear-gradient(160deg,rgba(24,224,255,.17),rgba(20,23,32,.72) 38%,rgba(13,16,24,.84))!important;border:1px solid rgba(255,255,255,.10)!important; border-radius:16px!important;color:var(--pc-text)!important;overflow:hidden; -webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1); box-shadow:0 14px 36px -18px rgba(0,0,0,.6),0 10px 42px -22px rgba(24,224,255,.40)!important; } /* هدر بالای کارت، تمام‌عرض */ .product header{background:rgba(255,255,255,.04)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)!important;flex:0 0 100%!important;order:0} /* راست (در RTL): قیمت + دکمهٔ سفارش | چپ: مشخصات */ .product footer{order:1;flex:1 1 44%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:7px;padding:10px 12px!important;border-left:1px solid rgba(255,255,255,.08)!important} .product .product-desc{order:2;flex:1 1 50%!important;background:transparent!important;text-align:center!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;padding:10px 12px!important;min-height:72px} .product .product-desc>p,.product .product-desc>ul{margin:0!important;padding:0!important;width:100%} .product .product-desc ul{list-style:none} .product .product-desc,.product .product-desc *{color:#dfe5f0!important} /* فونتِ خواناترِ مشخصات */ .product .product-desc{font-size:.88rem!important} .product .product-desc li,.product .product-desc p,.product .product-desc .feature-value{font-size:.88rem!important;line-height:1.7!important} .product .product-desc li{padding:1px 0!important} .product footer{background:transparent!important;border-top:1px solid rgba(255,255,255,.06)!important} .product .product-pricing,.product .price{color:#fff!important} .product .price{color:var(--pc-neon)!important;font-weight:800} /* صفحهٔ پیکربندی: باکس مشخصات، خلاصهٔ سفارش، کارت‌های افزودنی */ .product-info,.summary-container,.order-summary,.panel-addon, #order-standard_cart .panel,#frmConfigureProduct .panel{ background:rgba(20,23,32,.6)!important;border:1px solid rgba(255,255,255,.10)!important; color:var(--pc-text)!important;border-radius:14px!important; } .product-info,.product-info .product-title{color:#fff!important} .product-info .product-desc,.product-info ul,.product-info li,.product-info p{color:var(--pc-muted)!important;background:transparent!important} .summary-container,.summary-container td,.summary-container th,.summary-container li, .order-summary,.order-summary li,.order-summary td,.order-summary th,.order-summary span{color:var(--pc-text)!important} .summary-container .panel-heading,.order-summary .panel-heading,.panel-addon .panel-heading{background:rgba(255,255,255,.04)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.07)!important} .panel-addon,.panel-addon .panel-body,.panel-addon .card-body{background:rgba(20,23,32,.6)!important;color:var(--pc-text)!important} .panel-addon .panel-title,.panel-addon h3,.panel-addon h4{color:#fff!important} /* چک‌باکسِ افزونه → نئونیِ مدرن */ .panel-addon .panel-body label{display:flex!important;align-items:center;gap:10px;cursor:pointer;font-weight:700;color:#fff!important;margin:0!important} .panel-addon input[type=checkbox]{ -webkit-appearance:none;appearance:none;flex:0 0 auto;width:20px;height:20px;margin:0!important; border:1.5px solid rgba(24,224,255,.45)!important;border-radius:6px!important; background:rgba(13,16,24,.7)!important;cursor:pointer;position:relative;transition:background .15s,border-color .15s,box-shadow .15s; } .panel-addon input[type=checkbox]:hover{border-color:var(--pc-neon)!important;box-shadow:0 0 0 3px rgba(24,224,255,.15)!important} .panel-addon input[type=checkbox]:checked{background:linear-gradient(135deg,#18E0FF,#0A9FE0)!important;border-color:var(--pc-neon)!important;box-shadow:0 4px 12px -3px rgba(24,224,255,.7)!important} .panel-addon input[type=checkbox]:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #07121a;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)} /* کادرِ قیمتِ افزونه → تیره تا متنِ نئونی خوانا باشد (قبلاً پس‌زمینهٔ سفید بود) */ .panel-addon .panel-price,.panel-price{ background:rgba(13,16,24,.72)!important;color:var(--pc-neon)!important;font-weight:800!important; text-align:center!important;padding:12px 16px!important; border-top:1px solid rgba(255,255,255,.07)!important;border-bottom:1px solid rgba(255,255,255,.07)!important; } /* جمع‌کلِ خلاصهٔ سفارش */ .order-summary .totaldue,.summary-container .totaldue,.carttotalsbox{color:var(--pc-neon)!important} /* خلاصهٔ سفارشِ چسبان نباید زیرِ هدرِ sticky برود — هنگام پین، به اندازهٔ ارتفاعِ هدر پایین می‌آید (کلاس با JS سوئیچ می‌شود) */ #orderSummary{transition:transform .12s ease-out} #scrollingPanelContainer.pc-pin-active #orderSummary{transform:translateY(var(--pc-hdr-h,88px))} /* ===== صفحهٔ مرور سبد / پرداخت نهایی (viewcart) ===== */ .cart-body,.secondary-cart-body,.secondary-cart-sidebar, .view-cart-items,.view-cart-items table,.view-cart-items thead,.view-cart-items tbody, .view-cart-items tr,.view-cart-items td,.view-cart-items th{ font-family:'Peyda',Tahoma,sans-serif!important;color:var(--pc-text)!important;background:transparent!important; border-color:rgba(255,255,255,.08)!important; } /* کانتینرِ جدولِ سبد → کارت شیشه‌ای تیره */ .view-cart-items{ background:rgba(20,23,32,.6)!important;border:1px solid rgba(255,255,255,.10)!important; border-radius:14px!important;overflow:hidden;box-shadow:0 12px 34px -18px rgba(0,0,0,.6)!important; } /* هدرِ جدول (آبی → دارک، تیترِ نئونی) */ .view-cart-items-header,.view-cart-items thead th,.view-cart-items thead td{ background:rgba(24,224,255,.07)!important;color:var(--pc-neon)!important; border-bottom:1px solid rgba(24,224,255,.20)!important;font-weight:700!important;padding:13px 16px!important; } /* ردیف‌ها — خواناتر */ .view-cart-items tbody tr{border-bottom:1px solid rgba(255,255,255,.06)!important} .view-cart-items tbody tr:last-child{border-bottom:none!important} .view-cart-items td{padding:14px 16px!important;vertical-align:middle!important} .view-cart-items tbody tr:hover td{background:rgba(24,224,255,.05)!important} /* تیترِ آیتمِ سبد → نئونی */ .item-title,.item-title a,.item-title strong{color:var(--pc-neon)!important;font-weight:700!important} /* توتال‌ها */ .bordered-totals,.recurring-totals,.subtotal,.total-due-today{color:var(--pc-text)!important} .total-due-today{color:var(--pc-neon)!important;font-weight:800} /* ===== تیترِ کارت‌ها (همهٔ فرم سفارش) → نئونی ===== */ .summary-container .panel-heading,.summary-container h1,.summary-container h2,.summary-container h3, .order-summary .panel-heading,.cart-sidebar h1,.cart-sidebar h2,.cart-sidebar h3, .product-info .product-title,.panel-addon .panel-title, .view-cart-items-header{color:var(--pc-neon)!important} /* ===== کارت محصول: آیکونِ سرورِ نئونی + افکت + واترمارک ===== */ .product{position:relative;transition:transform .25s,border-color .25s,box-shadow .25s} .product:hover{transform:translateY(-4px);border-color:rgba(24,224,255,.45)!important;box-shadow:0 18px 44px -18px rgba(24,224,255,.45)!important} /* محتوای کارت بالای واترمارک */ .product > *{position:relative;z-index:1} /* هالهٔ نئونیِ داخلی از گوشهٔ بالا-چپ (نه واترمارک) */ .product::before{content:""!important;display:block!important;position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:16px;background:radial-gradient(120% 80% at 12% 0%,rgba(24,224,255,.20),transparent 55%)} .product:hover{box-shadow:0 20px 48px -18px rgba(24,224,255,.55),0 0 0 1px rgba(24,224,255,.18) inset!important} /* عنوان محصول → سفید و خوانا */ .product header span,.product header [id$="-name"]{color:#fff!important;font-weight:800!important;font-size:1.08rem!important} /* خطِ بالای مبلغ حذف */ .product footer{border-top:none!important} /* هدر: جا برای آیکون + عنوان */ .product header{position:relative;min-height:56px;padding-left:64px!important;display:flex;align-items:center;overflow:hidden} .product header::after{ content:"";position:absolute;left:14px;top:50%;width:42px;height:42px;border-radius:12px;pointer-events:none; border:1px solid rgba(24,224,255,.4);box-shadow:0 6px 18px -6px rgba(24,224,255,.55); background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2318E0FF' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='7' rx='2'/%3E%3Crect x='3' y='13' width='18' height='7' rx='2'/%3E%3Ccircle cx='7.5' cy='7.5' r='1' fill='%2318E0FF' stroke='none'/%3E%3Ccircle cx='7.5' cy='16.5' r='1' fill='%2318E0FF' stroke='none'/%3E%3C/svg%3E") center/24px no-repeat, linear-gradient(145deg,rgba(24,224,255,.24),rgba(24,224,255,.05)); animation:pcProdFloat 3.6s ease-in-out infinite; } @keyframes pcProdFloat{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 3px))}} /* ===== سبد خرید (viewcart) — رفعِ کاملِ باکس‌های سفید + کادرها ===== */ body .cart-body,body .secondary-cart-body{background:transparent!important;color:var(--pc-text)!important} /* جعبهٔ آیتم‌های سبد → کارت تیره با گوشهٔ گرد */ body .view-cart-items{ background:rgba(20,23,32,.6)!important;color:var(--pc-text)!important; border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;overflow:hidden; box-shadow:0 12px 34px -18px rgba(0,0,0,.6)!important; } body .view-cart-items .item{background:transparent!important;color:var(--pc-text)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;padding:14px 16px!important;margin:0!important} body .view-cart-items .item:last-child{border-bottom:none!important} body .view-cart-items .item:hover{background:rgba(24,224,255,.04)!important} body .view-cart-items *{color:var(--pc-text)!important} body .view-cart-items .item-title,body .view-cart-items .item-title a{color:var(--pc-neon)!important;font-weight:700!important} /* ===== کادرِ کوپنِ تخفیف (تبِ applyPromo) — کارتِ تیرهٔ کامل ===== */ body .view-cart-tabs{ background:var(--pc-surface-2)!important;border:1px solid rgba(255,255,255,.10)!important; border-radius:14px!important;padding:14px!important;margin-top:14px!important;overflow:hidden; box-shadow:0 12px 34px -18px rgba(0,0,0,.6)!important; } body .view-cart-tabs .tab-content,body .view-cart-tabs .tab-pane{background:transparent!important} body .view-cart-tabs .nav-tabs{border-bottom:1px solid rgba(255,255,255,.08)!important;margin-bottom:14px!important} body .view-cart-tabs .nav-tabs>li>a,body .view-cart-tabs .nav-link{color:var(--pc-muted)!important;border:none!important;background:transparent!important;font-weight:600} body .view-cart-tabs .nav-tabs>li.active>a,body .view-cart-tabs .nav-link.active{color:var(--pc-neon)!important;background:transparent!important;border-bottom:2px solid var(--pc-neon)!important} /* فیلدِ ورودِ کد + آیکونِ بلیت */ body .view-cart-tabs .form-group.prepend-icon{position:relative} body .view-cart-tabs .field-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--pc-neon)!important;z-index:2;pointer-events:none} body .view-cart-tabs input,body .view-cart-tabs .form-control,body #inputPromotionCode{ background:var(--pc-surface-2)!important;color:var(--pc-text)!important;border:1px solid var(--pc-border)!important; border-radius:10px!important;padding:11px 42px 11px 14px!important;height:auto!important; } body .view-cart-tabs input:focus,body #inputPromotionCode:focus{border-color:var(--pc-neon)!important;box-shadow:0 0 0 3px rgba(24,224,255,.15)!important} body .view-cart-tabs input::placeholder,body #inputPromotionCode::placeholder{color:var(--pc-muted)!important} /* دکمهٔ اعمالِ کد → نئونی */ body .view-cart-tabs .btn,body .view-cart-tabs button[name="validatepromo"]{ background:linear-gradient(135deg,rgba(24,224,255,.22),rgba(24,224,255,.10))!important; color:var(--pc-neon)!important;border:1px solid rgba(24,224,255,.4)!important;border-radius:10px!important; font-weight:700!important;margin-top:10px!important;transition:background .15s,box-shadow .15s; } body .view-cart-tabs .btn:hover{box-shadow:0 8px 22px -8px rgba(24,224,255,.6)!important} /* حالتِ کوپنِ اعمال‌شده */ body .view-cart-promotion-code{ background:rgba(24,224,255,.08)!important;border:1px solid rgba(24,224,255,.25)!important; border-radius:10px!important;padding:12px 14px!important;margin-bottom:10px!important;color:var(--pc-neon)!important;font-weight:600; } body .view-cart-promotion-code *{color:var(--pc-neon)!important} body .view-cart-tabs a{color:var(--pc-neon)!important} body .bordered-totals,body .recurring-totals,body .subtotal{border-color:rgba(255,255,255,.08)!important;color:var(--pc-text)!important} /* ===== انتخابِ حساب در چک‌اوت (checkout.tpl .account) — style.css سفیدش کرده بود (#f6f6f6/#fff) ===== */ #order-standard_cart .account-select-container{border-right:none!important;margin:0!important} #order-standard_cart .account-select-container div.account, #order-standard_cart .account-select-container div.account.active{ background:var(--pc-surface-2)!important;border:1px solid var(--pc-border)!important;color:var(--pc-text)!important; border-radius:12px!important;margin-bottom:10px!important;padding:14px!important; } #order-standard_cart .account-select-container div.account.active{background:rgba(24,224,255,.08)!important;border-color:var(--pc-neon)!important;box-shadow:0 0 22px -10px rgba(24,224,255,.5)!important} #order-standard_cart .account-select-container .account, #order-standard_cart .account-select-container .account label, #order-standard_cart .account-select-container .account strong, #order-standard_cart .account-select-container .account .address{color:var(--pc-text)!important} #order-standard_cart .account-select-container .account .small{color:var(--pc-muted)!important} #order-standard_cart .account-select-container .account .label-info{background:rgba(24,224,255,.18)!important;color:var(--pc-neon)!important} /* ============ صفحهٔ جزئیاتِ سرویس (پنل کاربری) ============ */ /* کادرِ وضعیتِ محصول (بالای صفحه) — قبلاً سفیدِ خام بود */ .product-status{ background:linear-gradient(155deg,rgba(24,224,255,.16),rgba(20,23,32,.9) 46%,rgba(11,14,21,.96))!important; border:1px solid rgba(24,224,255,.28)!important;border-radius:20px!important;overflow:hidden!important;position:relative; box-shadow:0 22px 52px -24px rgba(0,0,0,.75),0 0 50px -20px rgba(24,224,255,.45)!important; } .product-status::before{content:"";position:absolute;left:0;right:0;top:0;height:62%; background:radial-gradient(120% 100% at 50% 0%,rgba(24,224,255,.20),transparent 60%);pointer-events:none} .product-status .product-icon{background:transparent!important;padding:36px 20px 20px!important;position:relative;z-index:1;border-radius:0!important} /* آیکونِ نئونی — آیکون را به متنِ static و وسط‌چین با اندازهٔ ثابتِ rem تبدیل می‌کنیم */ .product-status .product-icon{display:block!important;text-align:center!important} .product-status .product-icon .fa-stack{display:block!important;position:static!important;width:100%!important;height:auto!important; line-height:1!important;text-align:center!important;font-size:4rem!important;margin:0 0 18px!important; background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;vertical-align:baseline!important} .product-status .product-icon .fa-stack .fa-circle{display:none!important} .product-status .product-icon .fa-stack .fa-inverse,.product-status .product-icon .fa-stack .fa-stack-1x{ position:static!important;display:inline!important;width:auto!important;height:auto!important;line-height:1!important;font-size:1em!important; color:var(--pc-neon)!important;text-shadow:0 0 20px rgba(24,224,255,.5)!important} .product-status .product-icon h3{color:#fff!important;font-weight:800!important;font-size:1.35rem!important;margin:0 0 6px;text-shadow:0 0 16px rgba(24,224,255,.25)} .product-status .product-icon h4{color:var(--pc-muted)!important;font-weight:500!important;font-size:.98rem!important} .product-status .product-status-text{font-weight:800!important;letter-spacing:.4px;padding:13px!important;border:none!important;font-size:1rem} /* ستونِ راستِ کارت (تاریخ ثبت، مبلغ، دوره، سررسید، روشِ پرداخت) — فاصله و خطِ جداکننده بینِ هر جفت */ .product-details .col-md-6.text-center h4{margin:0 0 7px!important;padding-top:6px!important;margin-top:6px!important; color:var(--pc-muted)!important;font-size:.9rem!important;font-weight:600!important;border-top:1px solid rgba(255,255,255,.07)} .product-details .col-md-6.text-center h4:first-child{margin-top:0!important;padding-top:0!important;border-top:none!important} /* مقدارها پیدا و پررنگ */ .product-details .col-md-6.text-center{font-size:1.12rem;line-height:1.6;color:#fff;font-weight:700;padding-bottom:6px} /* دکمه‌های اکشنِ سرویس (لغو/تمدید/ارتقا) — کادرِ گرد و قاب‌دار مثل کارتِ بالا */ .product-details .product-actions-wrapper{margin-top:14px} .product-details .product-actions-wrapper .btn{border-radius:18px!important;padding:14px!important;font-weight:700!important; border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 16px 38px -22px rgba(0,0,0,.7)!important; display:flex!important;align-items:center!important;justify-content:center!important;gap:11px!important} .product-details .product-actions-wrapper .btn-danger{ background:linear-gradient(135deg,#e23b54,#b91d36)!important;color:#fff!important; border:1px solid rgba(226,59,84,.55)!important;box-shadow:0 16px 40px -20px rgba(226,59,84,.55)!important} .product-details .product-actions-wrapper .btn-danger:hover{box-shadow:0 18px 44px -16px rgba(226,59,84,.7)!important} .product-details .product-actions-wrapper .btn-success{background:linear-gradient(135deg,#1bbf63,#159150)!important;border-color:rgba(27,191,99,.5)!important} .product-details .product-actions-wrapper .btn-primary{background:linear-gradient(135deg,var(--pc-neon),var(--pc-neon-2))!important;color:#04222b!important;border-color:rgba(24,224,255,.5)!important} .product-status-active .product-status-text{background:linear-gradient(135deg,#1bbf63,#159150)!important;color:#fff!important} .product-status-suspended .product-status-text,.product-status-terminated .product-status-text,.product-status-cancelled .product-status-text{background:linear-gradient(135deg,#e23b54,#b91d36)!important;color:#fff!important} .product-status-pending .product-status-text{background:linear-gradient(135deg,#f0a500,#d98b00)!important;color:#1a1305!important} /* ردیف‌های اطلاعاتِ تب (نام سرور / آی‌پی / ...) */ .product-details-tab-container .row{padding:9px 4px!important;border-bottom:1px solid rgba(255,255,255,.05);align-items:center!important} /* وسط‌چین بمانند ولی نزدیک‌تر: ستون‌ها باریک‌تر و وسطِ ردیف چیده شوند */ .product-details-tab-container .row{justify-content:center!important} .product-details-tab-container .row > .col-sm-5, .product-details-tab-container .row > .col-sm-7{flex:0 0 auto!important;width:38%!important;max-width:38%!important;text-align:center!important;padding:0 8px!important} .product-details-tab-container .row:last-child{border-bottom:none} .product-details-tab-container strong{color:var(--pc-muted)!important;font-weight:600} /* عنصرِ قابلِ کپی (آی‌پی) */ .pc-copy{display:inline-flex;align-items:center;gap:8px;cursor:pointer;direction:ltr; background:rgba(24,224,255,.08);border:1px solid rgba(24,224,255,.25);border-radius:9px; padding:5px 12px;color:#eaf6ff!important;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace; transition:background .15s,border-color .15s,box-shadow .15s;user-select:none;-webkit-user-select:none} .pc-copy:hover{background:rgba(24,224,255,.16);border-color:var(--pc-neon);box-shadow:0 6px 18px -8px rgba(24,224,255,.6)} .pc-copy i{color:var(--pc-neon)!important;font-size:.86em;opacity:.85} .pc-copy.pc-copied{background:rgba(27,191,99,.18);border-color:#1bbf63;color:#d6ffe7!important} .pc-copy.pc-copied i{color:#1bbf63!important} /* رمز عبورِ مخفی + دکمهٔ چشم/کپی */ .pc-secret{display:inline-flex;align-items:center;gap:10px;direction:ltr; background:rgba(24,224,255,.08);border:1px solid rgba(24,224,255,.25);border-radius:9px;padding:5px 12px} .pc-secret-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:#eaf6ff;letter-spacing:.5px;min-width:80px;user-select:none;-webkit-user-select:none} .pc-secret.pc-shown .pc-secret-text{letter-spacing:0} .pc-secret-toggle,.pc-secret-copy{cursor:pointer;color:var(--pc-neon)!important;font-size:.9em;opacity:.8;transition:opacity .15s,transform .1s} .pc-secret-toggle:hover,.pc-secret-copy:hover{opacity:1;transform:scale(1.12)} .pc-secret.pc-copied{background:rgba(27,191,99,.18);border-color:#1bbf63} .pc-secret.pc-copied .pc-secret-copy{color:#1bbf63!important} /* Toastِ کپی (پایینِ صفحه) */ .pc-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px); background:linear-gradient(135deg,rgba(20,23,32,.96),rgba(13,16,24,.96)); border:1px solid rgba(24,224,255,.35);border-radius:12px;padding:11px 20px; color:#eaf6ff;font-weight:700;font-size:.92rem;display:inline-flex;align-items:center;gap:9px; box-shadow:0 16px 40px -14px rgba(0,0,0,.7),0 0 26px -8px rgba(24,224,255,.5); opacity:0;pointer-events:none;z-index:99999} .pc-toast i{color:#1bbf63} /* انیمیشنِ کاملِ ورود→مکث→خروج؛ با reflow در هر کلیک از صفر ری‌استارت می‌شود */ .pc-toast.pc-toast-show{animation:pcToastPop 1.8s cubic-bezier(.22,1,.36,1) forwards} @keyframes pcToastPop{ 0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.96)} 10%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)} 85%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)} 100%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.98)} } /* ============ منوی همبرگریِ موبایل — قبلاً تیره/نامرئی بود ============ */ button[data-target="#mainNavbar"]{color:var(--pc-neon)!important;background:rgba(24,224,255,.08)!important; border:1px solid var(--pc-border)!important;border-radius:11px!important;padding:7px 13px!important;line-height:1!important} button[data-target="#mainNavbar"] .fas,button[data-target="#mainNavbar"] .fa-bars{color:var(--pc-neon)!important;font-size:1.4rem!important} button[data-target="#mainNavbar"]:hover,button[data-target="#mainNavbar"]:focus,button[data-target="#mainNavbar"]:active{ background:rgba(24,224,255,.16)!important;border-color:var(--pc-neon)!important;color:var(--pc-neon)!important;box-shadow:0 0 0 3px rgba(24,224,255,.12)!important} /* منوی بازشدهٔ موبایل خوانا باشد */ #mainNavbar .nav-link,#mainNavbar a{color:var(--pc-navlink)!important} #mainNavbar .nav-link:hover,#mainNavbar a:hover{color:var(--pc-neon)!important} /* ============ کادرِ بزرگِ تبِ «اطلاعات سرور» (+ پنلِ Virtualizor) — قاب کارت‌مانند ============ */ .product-details-tab-container{ background:rgba(13,16,24,.45)!important;border:1px solid rgba(255,255,255,.08)!important; border-radius:18px!important;padding:14px 18px 18px!important;margin-top:8px!important; box-shadow:0 16px 40px -24px rgba(0,0,0,.6)!important;overflow:hidden; } /* پنلِ Virtualizor را با یک خطِ جداکننده از ردیف‌های اطلاعاتِ بالا جدا کن (داخلش دست‌نخورده) */ .product-details-tab-container .module-client-area{margin-top:14px!important;padding-top:16px!important; border-top:1px solid rgba(255,255,255,.07)!important} /* ============ صفحهٔ ارسال تیکت: ادیتورِ پیام + آپلود + کپچا ============ */ /* ادیتورِ مارک‌داون (bootstrap-markdown / .md-editor) — theme.css با #fff!important سفیدش کرده بود */ .md-editor{border:1px solid var(--pc-border)!important;border-radius:12px!important;overflow:hidden;background:var(--pc-surface-2)!important} .md-editor>.btn-toolbar{background:var(--pc-surface)!important;border-bottom:1px solid var(--pc-border)!important;padding:8px!important;border-radius:0!important} .md-editor>.btn-toolbar .btn,.md-editor>.btn-toolbar .btn-group>.btn{background:transparent!important;color:var(--pc-navlink)!important;border:1px solid transparent!important;box-shadow:none!important} .md-editor>.btn-toolbar .btn:hover,.md-editor>.btn-toolbar .btn.active,.md-editor>.btn-toolbar .btn:focus{background:rgba(24,224,255,.12)!important;border-color:rgba(24,224,255,.35)!important;color:var(--pc-neon)!important} .md-editor>textarea.markdown-editor,.md-editor>.md-preview{background:var(--pc-surface-2)!important;color:var(--pc-text)!important;border-top:1px solid var(--pc-border)!important;border-bottom:1px solid var(--pc-border)!important} .md-editor>textarea.markdown-editor::placeholder{color:var(--pc-muted)!important} .md-editor>textarea.markdown-editor:focus{outline:none!important;box-shadow:none!important} .md-editor.active,.md-editor:focus-within{border-color:var(--pc-neon)!important;box-shadow:0 0 0 3px rgba(24,224,255,.12)!important} .md-editor>.md-footer,.md-footer{background:var(--pc-surface)!important;border:none!important;margin:0!important} .markdown-editor-status{background:var(--pc-surface)!important;color:var(--pc-muted)!important;border:none!important;padding:4px 12px!important;margin:0!important} .md-preview,.markdown-content{color:var(--pc-text)!important} .md-preview h1,.md-preview h2,.md-preview h3,.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--pc-text)!important} /* فیلدِ آپلودِ ضمیمه (custom-file) — قبلاً سفید */ .custom-file-input,.custom-file-label{background:var(--pc-surface-2)!important;color:var(--pc-text)!important; border:1px solid var(--pc-border)!important;border-radius:10px!important;height:auto!important;padding:10px 14px!important} .custom-file-label{line-height:1.6;text-align:right!important;padding:10px 14px 10px 92px!important;overflow:hidden} .custom-file-label::after{right:auto!important;left:0!important;background:var(--pc-surface-3)!important;color:var(--pc-text)!important; border-right:1px solid var(--pc-border)!important;border-left:none!important;border-radius:10px 0 0 10px!important;height:100%!important;display:flex;align-items:center} .attachment-group .btn,#btnTicketAttachmentsAdd{background:var(--pc-surface-2)!important;border:1px solid var(--pc-border)!important;color:var(--pc-text)!important;border-radius:10px!important} .attachment-group .btn:hover,#btnTicketAttachmentsAdd:hover{border-color:var(--pc-neon)!important;color:var(--pc-neon)!important} /* ============ صفحهٔ مشاهدهٔ تیکت (viewticket) ============ */ /* باکسِ «اطلاعات تیکت» — لیبل بالا، مقدار پایین (block، نه flexِ سایدبارِ فیلتر) نکته: قانونِ عمومیِ .card-sidebar .list-group-item{display:flex} این ردیف‌ها رو فشرده می‌کرد و اسمِ درخواست‌کننده رو ۲خط می‌کرد → با تخصصِ بالاتر block می‌کنیم */ .card-sidebar .list-group-item.ticket-details-children{display:block!important;padding:12px 16px!important;text-align:right} .card-sidebar .list-group-item.ticket-details-children:hover{background:transparent!important} .ticket-details-children .title{display:block!important;color:var(--pc-muted)!important;font-size:.75rem!important;font-weight:700;letter-spacing:.2px;margin-bottom:5px} .ticket-details-children br{display:none!important} .ticket-details-children .ticket-requestor-name{font-weight:600;white-space:nowrap} /* ردیف‌های مخفیِ گیرندگانِ CC (قالبِ کلون/خالی) — نباید دیده بشن. کلاسِ .w-hidden{display:none} تخصصش کمتر از قانونِ flexِ بالاست → صریح مخفی می‌کنیم */ .card-sidebar .list-group-item.w-hidden,.card-sidebar .list-group-item.hidden,#ccCloneRow,#Secondary_Sidebar-CC_Recipients-emptyTicketCCRow{display:none!important} /* دکمه‌های بالای کارتِ تیکت (پاسخ/بستن درخواست) — هم‌اندازه */ .view-ticket .card-title .ticket-actions{display:inline-grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;vertical-align:middle} .view-ticket .card-title .ticket-actions .btn{min-width:0!important;width:100%!important;margin:0!important;white-space:nowrap!important;display:inline-flex;align-items:center;justify-content:center;gap:6px} /* دکمه‌های پاسخ/بستن در فوترِ باکسِ سایدبار — گریدِ ۱fr ۱fr = دقیقاً نصف-نصف (غیرقابلِ نامساوی‌شدن) */ .card-sidebar .card-footer{padding:12px!important} .card-sidebar .card-footer .row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important} .card-sidebar .card-footer [class*=col-button]{min-width:0!important;max-width:none!important;width:auto!important;flex:none!important;padding:0!important;margin:0!important} .card-sidebar .card-footer .btn,.card-sidebar .card-footer .btn-block{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:100%!important;min-width:0!important;white-space:nowrap!important;padding:9px 4px!important;font-size:.78rem!important} .card-sidebar .card-footer .btn i{flex:0 0 auto} /* نوارِ «طراحی شده توسط…» — قبلاً سفید بود */ .ticket-reply .posted-by{background:var(--pc-surface-2)!important;color:var(--pc-text)!important; border-bottom:1px solid var(--pc-border)!important;padding:12px 16px!important;margin:0!important;border-radius:12px 12px 0 0} .ticket-reply .posted-by-name{color:var(--pc-neon)!important;font-weight:700} .ticket-reply .posted-on{color:var(--pc-muted)!important} .ticket-reply .message{background:transparent!important;color:var(--pc-text)!important} /* کپچا — تمیز و هماهنگ با تم */ /* دقیقاً هم‌اندازهٔ صفحهٔ register.php */ #default-captcha-domainchecker{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:10px!important; max-width:360px;margin:6px auto 22px;padding:16px!important;background:rgba(20,23,32,.5)!important;border:1px solid var(--pc-neon)!important;border-radius:14px!important;box-shadow:0 0 26px -10px rgba(24,224,255,.45)!important} #default-captcha-domainchecker>p{flex:0 0 100%!important;margin:0 0 4px!important;color:var(--pc-muted)!important;font-size:.82rem;line-height:1.8;text-align:center;font-weight:600} #default-captcha-domainchecker .col-6,#default-captcha-domainchecker>div{flex:0 0 auto!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important} .captchaimage img,#inputCaptchaImage{height:40px!important;width:auto!important;border-radius:8px!important;display:block;border:1px solid var(--pc-border)!important} #inputCaptcha,input[name=code]{width:120px!important;max-width:120px!important;height:40px!important;float:none!important;background:var(--pc-bg)!important;border:1px solid var(--pc-neon)!important;border-radius:8px!important;color:var(--pc-text)!important;text-align:center;letter-spacing:2px;font-size:.98rem;font-weight:700;padding:0 10px!important;box-shadow:0 0 12px -4px rgba(24,224,255,.5)!important} #inputCaptcha:focus{border-color:var(--pc-neon)!important;box-shadow:0 0 0 3px rgba(24,224,255,.15)!important} /* ============ صفحهٔ مشخصاتِ من: فیلدهای هویتیِ قفل‌شده (کد ملی / تاریخ تولد) ============ */ .control input[readonly]{background:var(--pc-surface)!important;color:var(--pc-muted)!important;cursor:not-allowed;opacity:.95} .pc-locked-note{display:inline-block;margin-top:6px;color:var(--pc-muted);font-size:.78rem} .pc-locked-note i{color:var(--pc-neon);margin-left:4px} /* تلفن: راست‌چین و هم‌شکلِ فیلدهای فارسیِ فرم (ارقام با JS فارسی می‌شوند) */ #inputPhone{text-align:right!important;direction:rtl!important} /* حذفِ زیرخطِ نقطه‌چینِ زیرِ نامِ کاربر در هدر (از theme.css) */ header.header .topbar .active-client .btn.btn-active-client span{border-bottom:none!important} /* چیدمانِ دو ستونهٔ مرتب و هم‌ردیف برای فرمِ مشخصات (به‌جای floatِ نامرتب بعد از مخفی‌کردنِ فیلدها). ستون‌ها flatten می‌شوند و آیتم‌های visible ستونی می‌ریزند: چپ=نام/خانوادگی/ایمیل، راست=تلفن/کدملی/تولد. grid تضمین می‌کند سطرها هم‌تراز بمانند حتی با یادداشت‌های 🔒 که قدِ ستونِ راست را زیاد می‌کنند. */ @media (min-width:768px){ /* گریدِ ردیفی: دو ستونِ مساوی، آیتم‌ها ردیف‌به‌ردیف پر می‌شوند. با اضافه‌شدنِ فیلد فقط ردیفِ جدید ساخته می‌شود (رشدِ عمودی) → هیچ‌وقت اسکرولِ افقی نمی‌آید. */ .pc-details-grid{ display:grid!important;grid-template-columns:1fr 1fr; align-items:start;column-gap:26px;row-gap:28px;margin:0!important;max-width:100%; } .pc-details-grid>div{display:contents!important} .pc-details-grid .form-group{margin-bottom:0!important;min-width:0!important;max-width:100%} /* ورودی‌های size=30 نباید ستون را پهن‌تر از 1fr کنند */ .pc-details-grid .form-group .form-control,.pc-details-grid .form-group input,.pc-details-grid .form-group select,.pc-details-grid .control{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box} .pc-details-grid .form-group label{text-align:right;display:block} /* یادداشتِ 🔒 درونِ جریان (in-flow) — کارت طبیعی باهاش رشد می‌کند، اسکرولِ داخلی نمی‌آید. کد ملی و تاریخ تولد هر دو در ردیفِ آخرند و هر دو یادداشت دارند → هم‌ارتفاع و هم‌تراز. */ .pc-details-grid .pc-locked-note{display:block;margin-top:6px;text-align:right;white-space:normal;font-size:.72rem;line-height:1.3;color:var(--pc-muted)} } /* ==================== PenguCloud: احراز هویت در صفحهٔ تسویه (cart.php?a=checkout) ==================== */ /* مودالِ کد پیامکی — قبلاً فقط inline در clientregister.tpl بود؛ حالا سراسری تا صفحهٔ تسویه هم داشته باشد */ .pc-otp-overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(4,6,12,.78);backdrop-filter:blur(4px);padding:20px;font-family:'Peyda',Tahoma,sans-serif} .pc-otp-overlay.show{display:flex} .pc-otp-box{position:relative;width:100%;max-width:400px;background:#11131A;border:1px solid #262A36;border-radius:20px;padding:34px 28px;text-align:center;box-shadow:0 30px 70px -20px rgba(0,0,0,.85),0 0 0 1px rgba(24,224,255,.08)} .pc-otp-close{position:absolute;top:14px;left:16px;background:transparent;border:none;color:#A6ACBE;font-size:1.7rem;line-height:1;cursor:pointer} .pc-otp-close:hover{color:#fff} .pc-otp-ic{width:60px;height:60px;border-radius:16px;display:inline-grid;place-items:center;background:rgba(24,224,255,.08);border:1px solid rgba(24,224,255,.22);margin-bottom:16px} .pc-otp-ic svg{width:28px;height:28px;stroke:#18E0FF} .pc-otp-box h3{color:#fff;font-weight:800;font-size:1.3rem;margin:0 0 8px} .pc-otp-sub{color:#A6ACBE;font-size:.92rem;margin:0 0 22px;line-height:1.9} .pc-otp-sub b{color:#fff;direction:ltr;display:inline-block} .pc-otp-input{width:100%;background:#08090D;border:1px solid #18E0FF;border-radius:12px;color:#fff;text-align:center;font-size:1.55rem;font-weight:800;letter-spacing:10px;padding:14px;direction:ltr;font-family:inherit;box-shadow:0 0 18px -6px rgba(24,224,255,.5)} .pc-otp-input:focus{outline:none;box-shadow:0 0 0 3px rgba(24,224,255,.25)} .pc-otp-input::placeholder{letter-spacing:6px;color:#3a3f4c} .pc-otp-err{color:#ff6b6b;font-size:.86rem;min-height:20px;margin:10px 0 4px} .pc-otp-box .pc-btn{margin-top:6px;display:block;width:100%;background:linear-gradient(180deg,#18E0FF,#0bb6d6);color:#04222b;border:none;border-radius:12px;padding:14px;font-weight:800;font-size:1rem;font-family:inherit;cursor:pointer} .pc-otp-box .pc-btn:hover{filter:brightness(1.07)} .pc-otp-resend{margin-top:16px;color:#A6ACBE;font-size:.86rem} .pc-otp-resend-btn{background:transparent;border:none;color:#18E0FF;font-weight:700;font-family:inherit;cursor:pointer} .pc-otp-resend-btn:disabled{color:#A6ACBE;opacity:.55;cursor:default} .pc-loading{opacity:.7;pointer-events:none} #pcResendCapBox{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0} #pcResendCapImg{height:40px;border-radius:8px;border:1px solid #262A36;cursor:pointer;background:#11131A} #pcResendCapInput{width:96px;height:40px;text-align:center;letter-spacing:3px;text-transform:uppercase;background:#0b0e14;border:1px solid #18E0FF;border-radius:8px;color:#fff;font-weight:700;font-size:1rem;outline:none} /* ---- ظاهرِ فرمِ تسویه دقیقاً مثل صفحهٔ ثبت‌نام (#pc-register) ---- */ /* صفحهٔ ثبت‌نام آیکونِ داخلِ فیلدها را کلاً مخفی می‌کند؛ همان کار اینجا هم مشکلِ افتادنِ آیکون روی متن (مثلاً «نا👤م») را ریشه‌ای حل می‌کند */ #order-standard_cart .field-icon{display:none!important} #order-standard_cart .form-group.prepend-icon{position:relative} #order-standard_cart .field, #order-standard_cart .form-control, #order-standard_cart select.field{width:100%;background:#161924!important;border:1px solid #262A36!important;border-radius:12px!important;color:#EAF0F7!important;padding:12px 14px!important;font-family:inherit!important;font-size:.92rem;line-height:1.6;height:auto!important;box-shadow:none!important} #order-standard_cart .field::placeholder, #order-standard_cart .form-control::placeholder{color:#A6ACBE;opacity:.85} #order-standard_cart .field:focus, #order-standard_cart .form-control:focus, #order-standard_cart select.field:focus{outline:none;border-color:#18E0FF!important;box-shadow:0 0 0 3px rgba(24,224,255,.18)!important} #order-standard_cart select.field option, #order-standard_cart select.form-control option{background:#161924;color:#EAF0F7} #order-standard_cart label:not(.field-icon):not(.form-check):not(.checkbox-inline){display:block;color:#EAF0F7;font-weight:600;font-size:.85rem;margin-bottom:6px} #order-standard_cart .field-help-text{display:block;color:#A6ACBE;font-size:.78rem;margin-top:5px} /* تاریخ تولد readonly است (ضدِ autofill) — نباید غیرفعال به نظر برسد */ #order-standard_cart input[readonly]{background:#161924!important;color:#EAF0F7!important;opacity:1!important;cursor:pointer} /* تیترِ بخش‌ها مثل .pc-section-title صفحهٔ ثبت‌نام */ #order-standard_cart .sub-heading{border:none!important;background:transparent!important;text-align:right;margin:26px 0 14px} #order-standard_cart .sub-heading span, #order-standard_cart .sub-heading .primary-bg-color{display:inline-block;background:transparent!important;color:#fff!important;font-size:1.05rem;font-weight:800;padding:0 12px 0 0!important;border-right:3px solid #18E0FF;line-height:1.5} #order-standard_cart .sub-heading span small, #order-standard_cart .sub-heading span i{display:block;color:#A6ACBE;font-weight:500;font-size:.78rem;margin-top:3px} /* متنِ راهنمای بالای فرم: با float نمی‌شد تا لبهٔ راست کشیدش. flex + row-reverse در RTL یعنی آیتمِ اولِ DOM (دکمه) می‌رود چپ و متن می‌چسبد راست. */ #order-standard_cart .already-registered{display:flex!important;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px} #order-standard_cart .already-registered > *{float:none!important} #order-standard_cart .already-registered p{flex:1 1 auto;margin:0;text-align:right!important;direction:rtl;color:#A6ACBE;font-size:.9rem;line-height:1.9} #order-standard_cart .already-registered .pull-right, #order-standard_cart .already-registered .float-right{float:none!important;flex:0 0 auto} /* دکمهٔ «قبلاً ثبت‌نام کرده‌اید؟» نباید هم‌وزنِ CTAی «تکمیل سفارش» باشد — حالتِ خطی/آرام، هم‌خانواده با لینکِ «ورود» در صفحهٔ ثبت‌نام */ #order-standard_cart .pc-alt-btn, #order-standard_cart .pc-alt-btn.btn-info, #order-standard_cart .pc-alt-btn.btn-warning{ background:rgba(24,224,255,.07)!important;background-image:none!important; border:1px solid rgba(24,224,255,.35)!important;color:#18E0FF!important; box-shadow:none!important;font-weight:700;font-size:.86rem; border-radius:10px!important;padding:9px 16px!important;white-space:nowrap; display:inline-flex;align-items:center;gap:8px;transition:background .15s,border-color .15s } #order-standard_cart .pc-alt-btn:hover, #order-standard_cart .pc-alt-btn.btn-info:hover, #order-standard_cart .pc-alt-btn.btn-warning:hover{ background:rgba(24,224,255,.16)!important;border-color:#18E0FF!important;color:#fff!important;filter:none!important } #order-standard_cart .pc-alt-btn i{font-size:.9em;line-height:1;opacity:.95} @media(max-width:600px){ #order-standard_cart .already-registered{flex-direction:column-reverse;align-items:stretch} #order-standard_cart .already-registered p{text-align:right!important} } /* ---- تقویم شمسی: تمِ تیره‌نئونی (خارج از فرم رندر می‌شود، بدون اسکوپ) ---- */ .datepicker-container .datepicker-plot-area{background:#11131A!important;border:1px solid #262A36!important;border-radius:16px!important;box-shadow:0 22px 55px -14px rgba(0,0,0,.78),0 0 0 1px rgba(24,224,255,.10)!important;font-family:'Peyda',Tahoma,sans-serif!important;color:#EAF0F7!important;overflow:hidden;width:360px!important;min-width:360px!important} .datepicker-container .datepicker-plot-area *{font-family:'Peyda',Tahoma,sans-serif!important} .datepicker-plot-area,.datepicker-plot-area *{font-family:'Peyda',Tahoma,sans-serif!important;font-weight:700!important} .datepicker-plot-area .table-days td span{display:inline-flex!important;align-items:center;justify-content:center;width:42px!important;height:38px!important;margin:1px auto!important} .datepicker-plot-area .month-item,.datepicker-plot-area .year-item{display:inline-flex!important;align-items:center;justify-content:center;width:78px!important;height:42px!important;margin:3px!important;box-sizing:border-box!important;float:none!important} .datepicker-plot-area .datepicker-month-view,.datepicker-plot-area .datepicker-year-view{text-align:center;padding:6px 4px} .datepicker-plot-area .table-days td span,.datepicker-plot-area .month-item,.datepicker-plot-area .year-item{font-size:.92rem!important} .datepicker-plot-area .datepicker-navigator .pwt-btn-switch{font-size:1rem!important} .datepicker-plot-area .header-row-cell{font-size:.82rem!important} .datepicker-container.pwt-mobile-view,.pwt-mobile-view{position:absolute!important;width:auto!important;height:auto!important;inset:auto!important;background:transparent!important} @media(max-width:600px){ .datepicker-container .datepicker-plot-area{width:300px!important;min-width:300px!important;max-width:92vw!important} .datepicker-plot-area .table-days td span{width:36px!important;height:33px!important;font-size:.88rem!important} .datepicker-plot-area .month-item,.datepicker-plot-area .year-item{width:64px!important;height:36px!important;margin:2px!important;font-size:.85rem!important} } .datepicker-plot-area .datepicker-navigator{background:#0d1622!important;border-bottom:1px solid #262A36!important;padding:4px 0} .datepicker-plot-area .datepicker-navigator button,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch{color:#fff!important;background:transparent!important;border:none!important;font-family:inherit!important;font-weight:700} .datepicker-plot-area .datepicker-navigator .pwt-btn-prev,.datepicker-plot-area .datepicker-navigator .pwt-btn-next{color:#18E0FF!important;font-size:1.05rem} .datepicker-plot-area .datepicker-navigator button:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover{color:#18E0FF!important;background:rgba(24,224,255,.10)!important;border-radius:8px} .datepicker-plot-area .datepicker-day-view,.datepicker-plot-area .datepicker-month-view,.datepicker-plot-area .datepicker-year-view,.datepicker-plot-area .datepicker-time-view,.datepicker-plot-area .month-grid-box,.datepicker-plot-area table,.datepicker-plot-area tbody,.datepicker-plot-area thead,.datepicker-plot-area tr{background:#11131A!important;background-color:#11131A!important;border:none!important} .datepicker-plot-area td,.datepicker-plot-area th{background:transparent!important;border:none!important} .datepicker-plot-area .header,.datepicker-plot-area .header-row{background:#11131A!important} .datepicker-plot-area .header-row .header-row-cell{color:#8b91a3!important;font-weight:600;font-size:.78rem} .datepicker-plot-area .table-days td span,.datepicker-plot-area .month-item,.datepicker-plot-area .year-item{background-color:transparent!important;color:#EAF0F7!important;border:none!important;text-shadow:none!important;border-radius:9px!important;transition:background .12s,color .12s} .datepicker-plot-area .table-days td span:hover,.datepicker-plot-area .month-item:hover,.datepicker-plot-area .year-item:hover{background:rgba(24,224,255,.16)!important;color:#fff!important;cursor:pointer} .datepicker-plot-area .table-days td span.other-month,.datepicker-plot-area .other-month{color:#565c6e!important} .datepicker-plot-area .table-days td span.disabled,.datepicker-plot-area .disabled,.datepicker-plot-area .month-item-disable,.datepicker-plot-area .year-item-disable{color:#3a3f4c!important;opacity:.5;cursor:default;background:transparent!important} .datepicker-plot-area .table-days td span.today,.datepicker-plot-area .today{border:1px solid #18E0FF!important;color:#18E0FF!important;background:transparent!important} .datepicker-plot-area .table-days td span.selected,.datepicker-plot-area .month-item.selected,.datepicker-plot-area .year-item.selected,.datepicker-plot-area .selected{background:linear-gradient(180deg,#18E0FF,#0bb6d6)!important;color:#04222b!important;font-weight:800;box-shadow:0 5px 16px -5px rgba(24,224,255,.65)!important} .datepicker-plot-area .toolbox{background:#0d1622!important;border-top:1px solid #262A36!important} .datepicker-plot-area .toolbox button,.datepicker-plot-area .toolbox .pwt-btn-today,.datepicker-plot-area .toolbox .pwt-btn-submit{color:#18E0FF!important;background:transparent!important;border:none!important;font-family:inherit!important;font-weight:700} .datepicker-plot-area .toolbox button:hover{color:#fff!important} /* ===================== صفحهٔ ارتقا سرویس (upgrade.php) ===================== قالب استوک برای این صفحه رنگ‌های روشن hard-code شده دارد (theme.css): .masspay-total td #efefef · .product-to-be-upgraded #f8f8f8 · .products .product #fff · .product .header #2b5580 اینجا همه را با پالت تیرهٔ پنگوکلاد جایگزین می‌کنیم. */ /* ردیف‌های «زیرمجموعه / مالیات / قابل پرداخت» در جدول خلاصه */ tr.masspay-total td, .masspay-total td, tr.masspay-invoice-detail td{ background-color:var(--pc-surface-2)!important; color:var(--pc-text)!important; border-color:var(--pc-border)!important; } /* ردیف آخر = مبلغ قابل پرداخت، برجسته‌تر */ tr.masspay-total:last-child td{ background-color:rgba(24,224,255,.08)!important; color:var(--pc-neon)!important; font-weight:800!important; } /* کادر «پیکربندی فعلی» بالای لیست پلن‌ها */ .upgrade .product-to-be-upgraded{ background-color:var(--pc-surface-2)!important; border:1px solid var(--pc-border)!important; border-radius:12px!important; color:var(--pc-text)!important; } /* کارت هر پلن قابل ارتقا */ .upgrade .products .product{ background-color:var(--pc-surface)!important; border:1px solid var(--pc-border)!important; border-radius:14px!important; overflow:hidden!important; } .upgrade .products .product .header{ background-color:var(--pc-surface-2)!important; color:var(--pc-text)!important; border-bottom:1px solid var(--pc-border)!important; } .upgrade .products .product .header p{color:var(--pc-muted)!important} .upgrade .products .product ul{ background-color:transparent!important; border-left:0!important; border-right:0!important; } .upgrade .products .product ul li{ color:var(--pc-muted)!important; border-bottom:1px solid var(--pc-border)!important; } .upgrade .products .product ul li:last-child{border-bottom:0!important} .upgrade .products .product ul li span{color:var(--pc-text)!important;font-weight:600} .upgrade .products .product .footer{ background-color:transparent!important; border:0!important; border-top:1px solid var(--pc-border)!important; } .upgrade .products .fa-check{color:#27e08a!important} .upgrade .products .fa-times{color:#ff5d6c!important} /* برچسب‌های «فعلی» و «پیشنهادی» روی کارت‌ها */ .upgrade .products .product .current{ background-color:rgba(255,188,0,.15)!important; color:#FFC83D!important; border-bottom:1px solid rgba(255,188,0,.3)!important; } .upgrade .products .product .recommended{ background-color:rgba(24,224,255,.15)!important; color:var(--pc-neon)!important; border-bottom:1px solid rgba(24,224,255,.3)!important; } /* ============ رفعِ نوارِ سفیدِ تب‌ها روی موبایل (صفحهٔ محصول / تعویض IP) ============ */ /* تمِ پایه زیرِ 768px به ul.responsive-tabs-sm و تبِ فعال background:#fff می‌دهد → با تمِ دارک ناسازگار بود */ @media(max-width:767.98px){ ul.nav-tabs.responsive-tabs-sm{ background:var(--pc-surface,#12141c)!important; width:100%!important;margin:0 0 6px!important; border:1px solid var(--pc-border,#262A36)!important; border-radius:12px!important;overflow:hidden; } .responsive-tabs-sm .nav-item{ width:100%;margin:0!important; border-bottom:1px solid var(--pc-border,#262A36)!important; } .responsive-tabs-sm .nav-item:last-child{border-bottom:0!important} .responsive-tabs-sm .nav-item a, .responsive-tabs-sm .nav-item a.nav-link{ background:transparent!important;color:var(--pc-navlink,#c3c9d6)!important; border:0!important;border-radius:0!important;padding:12px 16px!important;font-weight:600; } .responsive-tabs-sm .nav-item a:hover{ background:rgba(24,224,255,.06)!important;color:var(--pc-neon,#18E0FF)!important; } .responsive-tabs-sm .nav-item a.active{ background:rgba(24,224,255,.08)!important;color:var(--pc-neon,#18E0FF)!important; font-weight:800!important;border-bottom:0!important; border-right:3px solid var(--pc-neon,#18E0FF)!important; } /* اتصال‌دهندهٔ سفیدِ بینِ نوارِ تب و کادرِ محتوا */ .responsive-tabs-sm-connector .channel{background:transparent!important;border-right-color:var(--pc-border,#262A36)!important} .responsive-tabs-sm-connector .bottom-border{border-bottom-color:var(--pc-border,#262A36)!important} /* کادرِ محتوا هم‌عرضِ نوار باشد */ .product-details-tab-container{border-color:var(--pc-border,#262A36)!important} } /* ============================================================ داشبوردِ سفارشیِ پنگوکلاد (فاز ۲) — خوش‌آمد + سرورها + ویجت‌های کناری ۱۱ شهریور ۱۴۰۵ — مطابقِ ماکاپِ تأییدشده ============================================================ */ .pc-dash-grid{--g:#2FD98A;--a:#FFC24B;--r:#FF5D6E;--vi:#8C7CFF} /* خوش‌آمد */ .pc-hello{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:4px 0 22px} .pc-hello-title{margin:0;font-size:clamp(1.5rem,3.4vw,2rem);font-weight:800;letter-spacing:-.3px;color:var(--pc-text)} .pc-hello-sub{color:var(--pc-muted);font-size:.95rem;margin-top:4px} .pc-date{display:flex;align-items:center;gap:8px;color:var(--pc-muted);font-size:.9rem;font-weight:600;background:var(--pc-surface);border:1px solid var(--pc-border);padding:9px 15px;border-radius:12px} .pc-date .ic{color:var(--pc-neon);display:grid;place-items:center} /* گرید اصلی */ .pc-dash-grid{display:grid;grid-template-columns:1fr 356px;gap:20px;align-items:start;margin-top:8px} .pc-sec-head{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 14px} .pc-sec-head h2{margin:0;font-size:1.15rem;font-weight:800;display:flex;align-items:center;gap:9px;color:var(--pc-text)} .pc-sec-head h2 .ic{color:var(--pc-neon);display:grid;place-items:center} .pc-sec-head .more{color:var(--pc-muted);font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:9px;transition:.15s;text-decoration:none} .pc-sec-head .more:hover{color:var(--pc-neon);background:rgba(24,224,255,.08)} /* کارت سرور */ .pc-servers{display:flex;flex-direction:column;gap:16px} .pc-srv{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--pc-border);background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface));padding:20px;transition:border-color .2s,box-shadow .2s} .pc-srv::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--g),transparent)} .pc-srv.off::before{background:linear-gradient(#5E6980,transparent)} .pc-srv:hover{border-color:#2E3849;box-shadow:0 24px 60px -30px rgba(0,0,0,.85)} .pc-srv-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px} .pc-srv-ic{width:48px;height:48px;border-radius:14px;flex:0 0 auto;display:grid;place-items:center;background:rgba(24,224,255,.10);color:var(--pc-neon);border:1px solid rgba(24,224,255,.18)} .pc-srv.v2 .pc-srv-ic{background:rgba(140,124,255,.12);color:var(--vi);border-color:rgba(140,124,255,.22)} .pc-srv-h{min-width:0} .pc-srv-name{font-weight:800;font-size:1.05rem;color:var(--pc-text)} .pc-srv-loc{color:var(--pc-muted);font-size:.85rem;margin-top:2px;display:flex;align-items:center;gap:6px} .pc-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:700;margin-inline-start:auto;white-space:nowrap} .pc-pill i{width:7px;height:7px;border-radius:50%;display:inline-block} .pc-pill.on{background:rgba(47,217,138,.12);color:var(--g,#2FD98A)}.pc-pill.on i{background:var(--g,#2FD98A);box-shadow:0 0 9px rgba(47,217,138,.95)} .pc-pill.sus{background:rgba(255,93,110,.12);color:var(--r,#FF5D6E)}.pc-pill.sus i{background:var(--r,#FF5D6E);box-shadow:0 0 9px rgba(255,93,110,.95)} .pc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px} .pc-chip{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:11px;background:var(--pc-surface-3);border:1px solid var(--pc-border);font-size:.82rem;font-weight:600;color:#cdd5e4} .pc-chip .ic{color:var(--pc-muted);display:grid;place-items:center} .pc-chip b{color:#fff;font-weight:700} .pc-iprow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px} .pc-ipchip{display:inline-flex;align-items:center;padding:8px 13px;border-radius:11px;background:#0b1018;border:1px solid var(--pc-border);font-weight:700;font-size:.9rem;color:var(--pc-text);direction:ltr} .pc-meter{margin-bottom:18px} .pc-meter-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px} .pc-meter-top .lab{color:var(--pc-muted);font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px} .pc-meter-top .val{font-size:.85rem;font-weight:700;color:var(--pc-text)} .pc-meter-top .val b{font-size:1rem;font-variant-numeric:tabular-nums} .pc-bar{height:9px;border-radius:999px;background:#0b1018;border:1px solid var(--pc-border);overflow:hidden} .pc-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pc-neon-2),var(--pc-neon));box-shadow:0 0 12px -2px var(--pc-neon)} .pc-bar.warn>span{background:linear-gradient(90deg,#ff9d3b,var(--a));box-shadow:0 0 12px -2px var(--a)} .pc-rem{margin-top:7px;font-size:.78rem;color:#5E6980} .pc-rem.warn{color:var(--a)} .pc-srv-actions{display:flex;gap:9px;flex-wrap:wrap} .pc-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:11px;font-weight:700;font-size:.88rem;border:1px solid var(--pc-border);background:var(--pc-surface-3);color:var(--pc-text);transition:.16s;text-decoration:none;cursor:pointer} .pc-btn:hover,.pc-btn:focus{border-color:#2E3849;color:#fff;text-decoration:none} .pc-btn.primary:hover,.pc-btn.primary:focus{text-decoration:none} .pc-btn .ic{display:grid;place-items:center} .pc-btn.primary{background:linear-gradient(135deg,var(--pc-neon),var(--pc-neon-2));color:#04222b;border:none;box-shadow:0 10px 24px -12px rgba(24,224,255,.8)} .pc-btn.primary:hover{filter:brightness(1.08);color:#04222b} .pc-btn.block{width:100%;justify-content:center} .pc-empty{text-align:center;padding:44px 20px;border:1px dashed var(--pc-border);border-radius:18px;background:rgba(26,29,39,.4)} .pc-empty-ic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;margin:0 auto 14px;background:rgba(24,224,255,.08);color:var(--pc-neon)} .pc-empty p{color:var(--pc-muted);margin:0 0 18px} .pc-empty .pc-btn{display:inline-flex} /* ویجت‌های کناری */ .pc-dash-side{display:flex;flex-direction:column;gap:16px} .pc-card{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--pc-border);background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface));padding:20px;--c:var(--pc-neon);transition:border-color .18s,box-shadow .18s} .pc-card::before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,var(--c),transparent);opacity:.6} .pc-card:hover{box-shadow:0 24px 60px -30px rgba(0,0,0,.85)} .pc-card.c-amber{--c:var(--a)}.pc-card.c-green{--c:var(--g)}.pc-card.c-violet{--c:var(--vi)} .pc-card h3{margin:0 0 16px;font-size:1rem;font-weight:800;display:flex;align-items:center;gap:11px;color:var(--pc-text)} .pc-card h3 .ic{width:34px;height:34px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c)} .pc-card.feature{background:radial-gradient(120% 120% at 100% 0%,rgba(24,224,255,.18),transparent 55%),linear-gradient(160deg,#123039,#0e1a24);border:1px solid rgba(24,224,255,.32);box-shadow:0 22px 55px -30px rgba(24,224,255,.6)} .pc-card.feature::before{opacity:1;height:3px} .pc-card.feature h3 .ic{background:rgba(24,224,255,.18);color:var(--pc-neon)} .pc-wallet{text-align:center} .pc-wallet h3{justify-content:center} .pc-wallet-amt{font-size:2rem;font-weight:800;letter-spacing:-1px;line-height:1.1;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#fff,#c8f4ff);-webkit-background-clip:text;background-clip:text;color:transparent} .pc-wallet-amt small{font-size:.9rem;color:var(--pc-muted);font-weight:600;margin-inline-start:4px;-webkit-text-fill-color:var(--pc-muted)} .pc-wallet-cap{color:var(--pc-muted);font-size:.85rem;margin-top:4px} .pc-wallet .pc-btn{margin-top:18px} .pc-inv{display:flex;align-items:center;justify-content:space-between;gap:12px} .pc-inv-amt{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;color:var(--pc-text);font-variant-numeric:tabular-nums} .pc-inv-amt .u{font-size:.8rem;color:var(--pc-muted);font-weight:600} .pc-inv-due{color:var(--a);font-size:.82rem;font-weight:600;margin-top:3px;display:flex;align-items:center;gap:5px} .pc-tk{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--pc-border)} .pc-tk:first-of-type{border-top:none;padding-top:2px} .pc-tk-ic{width:36px;height:36px;border-radius:11px;flex:0 0 auto;display:grid;place-items:center;background:var(--pc-surface-3);color:var(--pc-muted)} .pc-tk-body{min-width:0;flex:1} .pc-tk-title{font-weight:700;font-size:.9rem;color:var(--pc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pc-tk-meta{color:#5E6980;font-size:.76rem;margin-top:2px} .pc-tag{font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap} .pc-tag.open{background:rgba(255,194,75,.12);color:var(--a)} .pc-tag.ans{background:rgba(47,217,138,.12);color:var(--g)} .pc-tag.clo{background:rgba(150,161,182,.12);color:var(--pc-muted)} .pc-qlinks{display:grid;grid-template-columns:1fr 1fr;gap:9px} .pc-qlink{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:13px;background:var(--pc-surface-3);border:1px solid var(--pc-border);color:var(--pc-muted);font-size:.8rem;font-weight:600;transition:.16s;text-align:center;text-decoration:none} .pc-qlink:hover{color:var(--pc-neon);border-color:rgba(24,224,255,.3);background:rgba(24,224,255,.06)} .pc-qlink .ic{color:var(--pc-neon)} @media(max-width:991px){.pc-dash-grid{grid-template-columns:1fr}} @media(max-width:520px){.pc-srv-actions .pc-btn{flex:1;justify-content:center}} /* ============================================================ فاز ۲.۱ — صفحهٔ خانه تمام‌عرض + کاشی‌های مطابقِ ماکاپ + hostname ۱۱ شهریور ۱۴۰۵ ============================================================ */ /* hostname در کارت سرور */ .pc-srv-host{font-size:.82rem;color:var(--pc-neon);margin-top:3px;direction:ltr;font-family:'JetBrains Mono',ui-monospace,monospace;opacity:.92} .pc-ipchip.mono,.mono{font-family:'JetBrains Mono',ui-monospace,monospace} /* ---- صفحهٔ خانه: کانتینرِ پهن‌تر، حذفِ سایدبار، محتوای تمام‌عرض (فقط جایی که داشبوردِ ماست) ---- */ .container:has(.pc-dash-grid){max-width:1400px!important} .row:has(.pc-dash-grid) > div:has(> .sidebar){display:none!important} .primary-content:has(.pc-dash-grid){flex:0 0 100%!important;max-width:100%!important} /* ---- کاشی‌ها: چیدمانِ بلوکیِ ماکاپ (بَج بالا-راست، عددِ درشت، هالهٔ گوشه) ---- */ .tiles .tile{ display:block!important;position:relative;overflow:hidden;min-height:140px;height:100%; padding:20px!important;border-radius:18px!important; background:linear-gradient(160deg,var(--pc-surface-2),var(--pc-surface))!important; border:1px solid var(--pc-border)!important; transition:transform .2s,border-color .2s,box-shadow .2s!important;transform:none!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important; } .tiles .tile:hover{transform:translateY(-3px)!important;border-color:#2E3849!important;box-shadow:0 24px 60px -30px rgba(0,0,0,.85)!important} .tiles .tile:has(.bg-color-blue), .tiles .tile:has(.bg-color-green), .tiles .tile:has(.bg-color-red), .tiles .tile:has(.bg-color-gold), .tiles .tile:has(.bg-color-yellow){background:linear-gradient(160deg,var(--pc-surface-2),var(--pc-surface))!important} .tiles .tile > .tile-ic{ grid-column:auto!important;grid-row:auto!important;align-self:auto!important; width:46px!important;height:46px!important;margin:0 0 16px!important;border-radius:13px!important; background:rgba(24,224,255,.12)!important;border:none!important;box-shadow:none!important;color:var(--pc-neon)!important; } .tiles .tile > .tile-ic svg{width:23px!important;height:23px!important} .tiles .tile .stat{grid-column:auto!important;grid-row:auto!important;align-self:auto!important;font-size:2rem!important;font-weight:800!important;color:#fff!important;line-height:1;margin:0!important} .tiles .tile .title{grid-column:auto!important;grid-row:auto!important;align-self:auto!important;color:var(--pc-muted)!important;font-size:.9rem;font-weight:600;margin:6px 0 0!important} .tiles .tile .highlight{display:block!important;position:absolute;inset-inline-end:-34px;top:-34px;width:120px;height:120px;border-radius:50%!important;filter:blur(36px);opacity:.4;pointer-events:none} .tiles .tile:has(.bg-color-green) > .tile-ic{background:rgba(47,217,138,.14)!important;color:#2FD98A!important} .tiles .tile:has(.bg-color-red) > .tile-ic{background:rgba(255,93,110,.14)!important;color:#FF5D6E!important} .tiles .tile:has(.bg-color-gold) > .tile-ic, .tiles .tile:has(.bg-color-yellow) > .tile-ic{background:rgba(255,194,75,.15)!important;color:#FFC24B!important} /* ============================================================ فاز ۲.۲ — منوی بالا + فوتر + مِترِ ترافیک (۱۱ شهریور ۱۴۰۵) ============================================================ */ /* ---- حذفِ نوارِ «بدون اعلان» بالای هدر ---- */ .header .topbar{display:none!important} /* ---- منوی بالا: ۵ لینکِ تمیزِ وسط‌چین (آیتم‌ها از هوکِ pc_nav، ساختارِ navbar.tpl: li>a.pr-4) ---- */ #mainNavbar #nav > li > a{padding:8px 15px!important;border-radius:10px!important;color:var(--pc-navlink)!important;font-weight:600;font-size:.95rem;transition:color .16s,background .16s;white-space:nowrap} #mainNavbar #nav > li > a:hover{color:#fff!important;background:var(--pc-surface-2)!important} #mainNavbar #nav > li.pc-nav-active > a{color:var(--pc-neon)!important;background:rgba(24,224,255,.09)!important} /* ---- مِترِ ترافیک: عددِ خوانا + نوارِ کلفت + باقی‌مانده داخلِ نوار ---- */ .pc-meter-top .val{color:var(--pc-muted);font-weight:600} .pc-meter-top .val b{color:var(--pc-neon);font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums} .pc-bar{height:22px;border-radius:999px;position:relative;overflow:hidden;background:#0b1018;border:1px solid var(--pc-border)} .pc-bar > span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pc-neon-2),var(--pc-neon));box-shadow:0 0 14px -2px var(--pc-neon)} .pc-bar.warn > span{background:linear-gradient(90deg,#ff9d3b,#FFC24B);box-shadow:0 0 14px -2px #FFC24B} .pc-bar-rem{position:absolute;top:0;bottom:0;left:14px;display:flex;align-items:center;font-style:normal;font-size:.76rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75);z-index:2;pointer-events:none;white-space:nowrap} .pc-meter .pc-rem.warn{margin-top:8px} /* ---- فوتر: گریدِ لوگو + ستون‌های لینک + کپی‌رایت/اینماد ---- */ .pc-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:32px;max-width:1180px;margin:0 auto;text-align:right;align-items:start} .pc-foot-brandcol{max-width:340px} .pc-foot-logo{display:flex;align-items:center;gap:12px;margin-bottom:14px} .pc-foot-mark{width:48px;height:48px;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(24,224,255,.35))} .pc-foot-mark svg{width:100%;height:100%;display:block} .pc-foot-name{font-weight:900;font-size:1.5rem;line-height:1;color:#fff} .pc-foot-name b{color:var(--pc-neon)} .pc-foot-brandcol .pc-foot-desc{margin:0 0 16px;max-width:340px;color:var(--pc-muted);font-size:.9rem;line-height:1.95} .pc-foot-col h4{margin:0 0 14px;font-size:.9rem;font-weight:800;color:var(--pc-muted);letter-spacing:.3px} .pc-foot-col a{display:block;color:#7c8496;font-size:.87rem;padding:6px 0;text-decoration:none;transition:color .15s} .pc-foot-col a:hover{color:var(--pc-neon)} .pc-foot-bottom2{max-width:1180px;margin:24px auto 0;padding-top:18px;border-top:1px solid var(--pc-border);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} .pc-foot-bottom2 .pc-copyright{margin:0!important;color:var(--pc-muted);font-size:.82rem} @media(max-width:760px){.pc-foot-grid{grid-template-columns:1fr 1fr}.pc-foot-brandcol{grid-column:1/-1}} @media(max-width:480px){.pc-foot-grid{grid-template-columns:1fr;gap:24px}} /* باقی‌ماندهٔ ترافیک وسطِ نوار */ .pc-bar-rem{left:0!important;right:0!important;justify-content:center!important;padding:0!important} /* ===== هماهنگیِ منوی بالا با UI مدرن (۱۱ شهریور) ===== */ #mainNavbar #nav > li > a::before{display:none!important} #mainNavbar #nav > li > a{padding:8px 15px!important;border-radius:10px!important;color:var(--pc-navlink)!important;font-weight:600!important;font-size:.95rem!important;transition:color .16s,background .16s} #mainNavbar #nav > li > a:hover{color:#fff!important;background:var(--pc-surface-2)!important} #mainNavbar #nav > li.pc-nav-active > a{color:var(--pc-neon)!important;background:rgba(24,224,255,.09)!important} #mainNavbar .pc-secondary > li > a{padding:8px 14px!important;border-radius:10px!important;color:var(--pc-navlink)!important;font-weight:700!important;background:var(--pc-surface)!important;border:1px solid var(--pc-border)!important} #mainNavbar .pc-secondary > li > a::before{display:none!important} #mainNavbar .pc-secondary > li > a:hover{color:var(--pc-neon)!important;border-color:var(--pc-neon)!important} /* شمارندهٔ لینک‌های دسترسی سریع (بعد از حذفِ کاشی‌ها) */ .pc-qlink{position:relative} .pc-ql-count{position:absolute;top:8px;left:8px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(24,224,255,.16);color:var(--pc-neon);font-size:.72rem;font-weight:800;line-height:1} .pc-ql-count.warn{background:rgba(255,194,75,.18);color:#FFC24B} /* ===== کارتِ کنترلِ برقِ سرور (صفحهٔ محصول) ===== */ .pc-power-card{position:relative;overflow:hidden} .pc-power-card::before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,var(--pc-neon),transparent);opacity:.6} .pc-pw-head{display:flex;align-items:center;gap:12px;margin-bottom:16px} .pc-pw-ic{width:44px;height:44px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;background:rgba(24,224,255,.12);color:var(--pc-neon)} .pc-pw-title{font-weight:800;font-size:1.05rem;color:var(--pc-text)} .pc-pw-sub{color:var(--pc-muted);font-size:.85rem;margin-top:2px} .pc-pw-btns{display:flex;gap:10px;flex-wrap:wrap} .pc-pw-btns form{margin:0} .pc-pw-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:12px;font-weight:700;font-size:.92rem;font-family:inherit;cursor:pointer;border:1px solid var(--pc-border);background:var(--pc-surface-3);color:var(--pc-text);transition:background .16s,border-color .16s,color .16s} .pc-pw-btn.on{border-color:rgba(47,217,138,.4);color:#2FD98A} .pc-pw-btn.on:hover{background:rgba(47,217,138,.12);color:#2FD98A} .pc-pw-btn.re{border-color:rgba(255,194,75,.4);color:#FFC24B} .pc-pw-btn.re:hover{background:rgba(255,194,75,.12);color:#FFC24B} .pc-pw-btn.off{border-color:rgba(255,93,110,.4);color:#FF5D6E} .pc-pw-btn.off:hover{background:rgba(255,93,110,.12);color:#FF5D6E} .pc-pw-hint{margin-top:14px;color:#5E6980;font-size:.8rem} .pc-pw-pending{margin-top:4px;padding:14px 16px;border-radius:12px;background:rgba(24,224,255,.08);border:1px solid rgba(24,224,255,.25);color:var(--pc-neon);font-size:.9rem;display:flex;align-items:center;gap:10px} /* ===================== صفحهٔ مدیریتِ سرورِ مدرن (pengu-server mockup) ===================== */ .pc-sv{--sv-r:16px;--sv-b2:#2E3849;--sv-faint:#5E6980;--sv-n2:#39B4FF;--sv-green:#2FD98A;--sv-amber:#FFC24B;--sv-red:#FF5D6E;--sv-violet:#8C7CFF;--sv-inset:#0b1018} .pc-sv *{box-sizing:border-box} .pc-sv .mono{font-family:'JetBrains Mono',ui-monospace,monospace;direction:ltr;unicode-bidi:isolate} /* hero */ .pc-hero{border-radius:var(--sv-r);border:1px solid var(--pc-border);overflow:hidden;position:relative;background:radial-gradient(120% 140% at 100% 0%,rgba(24,224,255,.12),transparent 55%),linear-gradient(160deg,var(--pc-surface-2),var(--pc-surface));padding:22px 24px;margin-bottom:20px} .pc-hero-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap} .pc-hero-ic{width:56px;height:56px;border-radius:16px;flex:0 0 auto;display:grid;place-items:center;background:rgba(24,224,255,.10);color:var(--pc-neon);border:1px solid rgba(24,224,255,.2)} .pc-hero-id{min-width:0} .pc-hero-name{font-weight:800;font-size:1.3rem;letter-spacing:-.3px;color:var(--pc-text)} .pc-hero-host{color:var(--pc-muted);font-weight:700;font-size:1rem} .pc-hero-meta{color:var(--pc-muted);font-size:.86rem;margin-top:4px;display:flex;align-items:center;gap:14px;flex-wrap:wrap} .pc-hero-meta span{display:flex;align-items:center;gap:6px} .pc-hero-status{margin-inline-start:auto;display:flex;align-items:center;gap:10px} .pc-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap} .pc-pill i{width:7px;height:7px;border-radius:50%;display:inline-block} /* ⚠️ --sv-green/--sv-red فقط داخلِ .pc-sv تعریف شده‌اند و روی کارت‌های سرور در دسترس نیستند؛ بدونِ مقدارِ پشتیبان، نقطهٔ رنگی نامرئی می‌شد. */ .pc-pill.on{background:rgba(47,217,138,.12);color:var(--sv-green,#2FD98A)} .pc-pill.on i{background:var(--sv-green,#2FD98A);box-shadow:0 0 9px rgba(47,217,138,.95)} .pc-pill.off{background:rgba(255,93,110,.12);color:var(--sv-red,#FF5D6E)} .pc-pill.off i{background:var(--sv-red,#FF5D6E);box-shadow:0 0 9px rgba(255,93,110,.95)} .pc-pill.unk{background:rgba(166,172,190,.12);color:var(--pc-muted)} .pc-pill.unk i{background:var(--pc-muted)} /* power row */ .pc-hero-power{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--pc-border)} .pc-hero-power form{margin:0} .pc-pbtn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:11px;font-weight:700;font-size:.86rem;font-family:inherit;cursor:pointer;background:var(--pc-surface-3);border:1px solid var(--pc-border);color:var(--pc-text);transition:.16s;text-decoration:none} /* ⚠️ text-decoration در پایه کافی نیست: `a:hover` قالب (۰,۱,۱) از `.pc-pbtn` (۰,۱,۰) قوی‌تر است و روی هاور زیرِ دکمه‌های لینکی (کنسول/پنل) خط می‌کشید. */ .pc-pbtn:hover,.pc-pbtn:focus{text-decoration:none} .pc-pbtn:hover{border-color:var(--sv-b2);color:#fff} .pc-pbtn .ic{display:grid;place-items:center} .pc-pbtn.on{color:var(--sv-green)} .pc-pbtn.on:hover{border-color:rgba(47,217,138,.4);background:rgba(47,217,138,.08)} .pc-pbtn.off:hover{border-color:rgba(255,93,110,.4);background:rgba(255,93,110,.08);color:var(--sv-red)} .pc-pbtn.re:hover{border-color:rgba(255,194,75,.4);background:rgba(255,194,75,.08);color:var(--sv-amber)} .pc-pbtn.os:hover{border-color:rgba(140,124,255,.4);background:rgba(140,124,255,.08);color:var(--sv-violet)} .pc-pbtn.console{margin-inline-start:auto;background:linear-gradient(135deg,var(--pc-neon),var(--sv-n2));color:#04222b;border:none;box-shadow:0 10px 24px -12px rgba(24,224,255,.8)} .pc-pbtn.console:hover{filter:brightness(1.08);color:#04222b} /* پنلِ ویرچوالایزور — هم‌ردهٔ کنسول ولی ثانویه (خطی، نه پُر) تا با آن رقابت نکند. وقتی کنارِ کنسول است، «هُلِ به انتها» به این می‌رسد تا جفتشان کنارِ هم بمانند. */ .pc-pbtn.vpanel{margin-inline-start:auto;color:var(--pc-neon);border-color:rgba(24,224,255,.35)} .pc-pbtn.vpanel:hover{border-color:var(--pc-neon);background:rgba(24,224,255,.08);color:var(--pc-neon)} .pc-pbtn.vpanel + .pc-pbtn.console{margin-inline-start:0} .pc-pbtn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none} .pc-hero-pending{margin-top:18px;padding-top:18px;border-top:1px solid var(--pc-border);color:var(--pc-neon);font-size:.9rem;display:flex;align-items:center;gap:10px} /* rings */ .pc-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px} .pc-ring-card{border-radius:var(--sv-r);border:1px solid var(--pc-border);background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface));padding:20px;display:flex;align-items:center;gap:18px;transition:.18s} .pc-ring-card:hover{border-color:var(--sv-b2)} .pc-ring-card.rc-cpu{--rc:var(--pc-neon)} .pc-ring-card.rc-ram{--rc:var(--sv-violet)} .pc-ring-card.rc-disk{--rc:var(--sv-green)} .pc-ring{width:88px;height:88px;flex:0 0 auto;position:relative} .pc-ring svg{transform:rotate(-90deg)} .pc-ring .track{fill:none;stroke:#0e131c;stroke-width:9} .pc-ring .prog{fill:none;stroke-width:9;stroke-linecap:round;stroke:var(--rc,var(--pc-neon));transition:stroke-dashoffset .6s ease} .pc-ring .lbl{position:absolute;inset:0;display:grid;place-content:center;text-align:center} .pc-ring .lbl b{font-size:1.3rem;font-weight:800;letter-spacing:-1px;color:var(--pc-text)} .pc-ring .lbl small{display:block;font-size:.64rem;color:var(--sv-faint);margin-top:-2px} .pc-ring-info .t{font-weight:700;font-size:1rem;display:flex;align-items:center;gap:8px;color:var(--pc-text)} .pc-ring-info .t .ic{color:var(--rc,var(--pc-neon));display:grid;place-items:center} .pc-ring-info .d{color:var(--pc-muted);font-size:.85rem;margin-top:5px} /* grid + cards */ .pc-sgrid{display:grid;grid-template-columns:1fr 356px;gap:20px;align-items:start} .pc-scard{position:relative;overflow:hidden;border-radius:var(--sv-r);border:1px solid var(--pc-border);background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface));padding:22px;--c:var(--pc-neon);margin-bottom:20px} .pc-sgrid-main .pc-scard:last-child,.pc-sgrid-side .pc-scard:last-child{margin-bottom:0} .pc-scard::before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,var(--c),transparent);opacity:.6} .pc-scard.pc-scard-amber{--c:var(--sv-amber)} .pc-scard.pc-scard-green{--c:var(--sv-green)} .pc-scard.pc-scard-violet{--c:var(--sv-violet)} .pc-scard h3{margin:0 0 18px;font-size:1.05rem;font-weight:800;display:flex;align-items:center;gap:11px;color:var(--pc-text)} .pc-scard h3 .ic{width:34px;height:34px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c)} /* access rows */ .pc-arow{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--pc-border)} .pc-arow:first-of-type{border-top:none;padding-top:0} .pc-arow .k{color:var(--pc-muted);font-size:.9rem;font-weight:600;min-width:120px;display:flex;align-items:center;gap:8px} .pc-arow .k svg{color:var(--sv-faint);flex:0 0 auto} .pc-arow .v{margin-inline-start:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} .pc-sv .pc-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:10px;background:var(--sv-inset);border:1px solid var(--pc-border);font-weight:700;font-size:.9rem;transition:.15s;cursor:pointer;color:var(--pc-text)} .pc-sv .pc-chip:hover{border-color:rgba(24,224,255,.35)} .pc-sv .pc-chip i{color:var(--sv-faint);transition:.15s} .pc-sv .pc-chip:hover i{color:var(--pc-neon)} .pc-sv .pc-chip.pc-copied{border-color:var(--sv-green);color:var(--sv-green)} .pc-sv .pc-chip.pc-copied i{color:var(--sv-green)} .pc-sv .pc-secret .pc-secret-toggle{cursor:pointer;margin-inline-start:2px} .pc-sv .pc-secret .pc-secret-copy{cursor:pointer} /* traffic meter */ .pc-sv-meter{margin-bottom:18px} .pc-sv-meter .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px} .pc-sv-meter .top .lab{color:var(--pc-muted);font-size:.88rem;font-weight:600} .pc-sv-meter .top .val{color:var(--pc-muted);font-size:.9rem} .pc-sv-meter .top .val b{font-size:1.15rem;font-weight:800;color:var(--pc-text)} .pc-sv-meter .bar{position:relative;height:34px;border-radius:999px;background:var(--sv-inset);border:1px solid var(--pc-border);overflow:hidden} .pc-sv-meter .bar > span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sv-n2),var(--pc-neon));box-shadow:0 0 12px -2px var(--pc-neon)} .pc-sv-meter .bar > em{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:.84rem;color:var(--pc-text);text-shadow:0 1px 3px rgba(0,0,0,.55)} /* traffic history table */ .pc-th-wrap{overflow-x:auto;margin:0 -4px} .pc-th-table{width:100%;border-collapse:collapse;font-size:.86rem} .pc-th-table th{color:var(--pc-muted);font-weight:700;text-align:right;padding:10px 12px;border-bottom:1px solid var(--pc-border);white-space:nowrap;font-size:.82rem} .pc-th-table td{padding:11px 12px;border-bottom:1px solid rgba(38,42,54,.5);white-space:nowrap;color:var(--pc-text)} .pc-th-table tr:last-child td{border-bottom:none} .pc-th-add{color:var(--sv-green);font-weight:700} .pc-th-cut{color:var(--sv-red);font-weight:700} .pc-th-after{color:var(--pc-neon);font-weight:700} /* ip change */ .pc-scard .pc-ipc-desc{color:#c3c9d6;font-size:.9rem;line-height:2;margin:0 0 16px} .pc-ipopt{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:8px 0;border:1px solid var(--pc-border);border-radius:12px;cursor:pointer;transition:.15s} .pc-ipopt:hover{border-color:rgba(24,224,255,.35);background:rgba(24,224,255,.04)} .pc-ipopt input{accent-color:var(--pc-neon);width:18px;height:18px} .pc-ipopt .ip{font-weight:700;font-size:1rem;color:var(--pc-text)} .pc-ipopt.sel .ip{color:var(--pc-neon)} .pc-ipc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;flex-wrap:wrap} .pc-ipc-price{color:var(--pc-muted);font-size:.9rem} .pc-ipc-price b{color:var(--pc-text);font-size:1.05rem} /* وقتی افزونه قیمتش صفر است → «رایگان» سبز */ .pc-ipc-price.is-free b{color:#2FD98A;text-shadow:0 0 10px rgba(47,217,138,.45)} /* ─── وضعیتِ تعویض IP: هزینه + سهمیهٔ رایگان، در یک بلوک ─── */ .pc-ipc-st{--c:#2FD98A;--cd:47,217,138; display:flex;align-items:flex-start;gap:12px; margin:0 0 15px;padding:13px 15px;border-radius:14px; background:linear-gradient(135deg,rgba(var(--cd),.10),rgba(var(--cd),.04)); border:1px solid rgba(var(--cd),.26)} .pc-ipc-st.paid{--c:#FFC24B;--cd:255,194,75} .pc-ipc-st-ic{flex:0 0 auto;width:30px;height:30px;border-radius:50%; display:flex;align-items:center;justify-content:center; background:rgba(var(--cd),.16);color:var(--c)} .pc-ipc-st-ic svg{width:16px;height:16px} .pc-ipc-st-main{flex:1 1 auto;min-width:0} .pc-ipc-st-head{font-size:.95rem;font-weight:700;color:var(--pc-text);line-height:1.6} .pc-ipc-st-head b{color:var(--c);font-weight:800} .pc-ipc-st-sub{font-size:.81rem;color:var(--pc-muted);line-height:1.7;margin-top:2px} .pc-ipc-st-sub b{color:var(--c);font-weight:800} /* گیجِ سهمیه — پرشده = باقی‌مانده (استعارهٔ باتری) */ .pc-ipc-meter{display:flex;gap:4px;margin:8px 0 6px;max-width:190px} .pc-ipc-meter i{flex:1 1 0;height:5px;border-radius:99px; background:rgba(255,255,255,.10)} .pc-ipc-meter i.on{background:var(--c);box-shadow:0 0 8px rgba(var(--cd),.6)} @media (max-width:480px){ .pc-ipc-st{padding:12px} .pc-ipc-meter{max-width:none} } .pc-ipc-note{color:var(--sv-amber);font-size:.88rem;display:flex;align-items:center;gap:8px} .pc-ipc-note a{color:var(--pc-neon)} /* specs */ .pc-spec-list{display:flex;flex-direction:column;gap:2px} .pc-spec{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid var(--pc-border)} .pc-spec:first-child{border-top:none} .pc-spec .k{color:var(--pc-muted);font-size:.88rem;display:flex;align-items:center;gap:9px} .pc-spec .k svg{color:var(--sv-faint);flex:0 0 auto} .pc-spec .v{font-weight:700;color:var(--pc-text)} .pc-spec .v.on{color:var(--sv-green)} /* buttons */ .pc-sv-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:700;font-size:.9rem;font-family:inherit;cursor:pointer;border:1px solid var(--pc-border);background:var(--pc-surface-3);color:var(--pc-text);transition:.16s;text-decoration:none} .pc-sv-btn:hover{border-color:var(--sv-b2);color:#fff} .pc-sv-btn svg{flex:0 0 auto} .pc-sv-btn.primary{background:linear-gradient(135deg,var(--pc-neon),var(--sv-n2));color:#04222b;border:none;box-shadow:0 10px 24px -12px rgba(24,224,255,.8)} .pc-sv-btn.primary:hover{filter:brightness(1.08);color:#04222b} .pc-sv-btn.block{width:100%;justify-content:center} .pc-sv-btn.danger{color:var(--sv-red)} .pc-sv-btn.danger:hover{border-color:rgba(255,93,110,.4);background:rgba(255,93,110,.08)} .pc-sv-btn.disabled{opacity:.5;pointer-events:none} .pc-sv-actions{display:flex;flex-direction:column;gap:9px} .pc-scard-amber .pc-sv-btn.primary,.pc-scard-green .pc-sv-btn.primary{margin-top:16px} /* responsive */ @media(max-width:980px){.pc-sgrid{grid-template-columns:1fr} .pc-rings{grid-template-columns:1fr}} @media(max-width:560px){.pc-hero-status{margin-inline-start:0;width:100%} .pc-pbtn.console,.pc-pbtn.vpanel{margin-inline-start:0}} /* صفحهٔ سرور: کانتینرِ عریض‌تر (مثلِ ماکاپ) */ .container:has(.pc-sv){max-width:1240px} /* صفحه‌بندیِ تاریخچهٔ ترافیک */ .pc-th-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--pc-border)} .pc-th-pg{background:var(--pc-surface-3);border:1px solid var(--pc-border);color:var(--pc-text);font-family:inherit;font-weight:700;font-size:.82rem;padding:7px 16px;border-radius:9px;cursor:pointer;transition:.15s} .pc-th-pg:hover:not(:disabled){border-color:var(--pc-neon);color:var(--pc-neon)} .pc-th-pg:disabled{opacity:.4;cursor:not-allowed} .pc-th-pg-info{color:var(--pc-muted);font-size:.85rem;font-weight:600;min-width:96px;text-align:center} /* نصبِ مجددِ OS */ .pc-reos-card{border-radius:var(--sv-r,16px);border:1px solid rgba(255,93,110,.35);background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface));padding:22px;margin-bottom:20px;position:relative;overflow:hidden} .pc-reos-card::before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,#FF5D6E,transparent);opacity:.7} .pc-reos-head{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.05rem;color:var(--pc-text);margin-bottom:16px} .pc-reos-head .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,93,110,.14);color:#FF5D6E;flex:0 0 auto} .pc-reos-warn{background:rgba(255,93,110,.08);border:1px solid rgba(255,93,110,.25);color:#FF9AA6;border-radius:12px;padding:12px 15px;font-size:.88rem;line-height:1.9;margin-bottom:16px} .pc-reos-warn b{color:#FF5D6E} .pc-reos-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px} .pc-reos-field label{display:block;color:var(--pc-muted);font-size:.85rem;font-weight:600;margin-bottom:7px} .pc-reos-field select,.pc-reos-pass input{width:100%;background:var(--sv-inset,#0b1018);border:1px solid var(--pc-border);color:var(--pc-text);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:.9rem} .pc-reos-field select:focus,.pc-reos-pass input:focus{outline:none;border-color:var(--pc-neon)} .pc-reos-pass{display:flex;gap:8px} .pc-reos-pass input{flex:1;min-width:0} .pc-reos-gen{flex:0 0 auto;background:var(--pc-surface-3);border:1px solid var(--pc-border);color:var(--pc-neon);font-family:inherit;font-weight:700;font-size:.82rem;padding:0 15px;border-radius:10px;cursor:pointer;transition:.15s} .pc-reos-gen:hover{border-color:var(--pc-neon)} .pc-reos-agree{display:flex;align-items:center;gap:9px;color:var(--pc-text);font-size:.88rem;margin-bottom:16px;cursor:pointer} .pc-reos-agree input{accent-color:#FF5D6E;width:17px;height:17px} .pc-reos-actions{display:flex;gap:10px;flex-wrap:wrap} @media(max-width:560px){.pc-reos-grid{grid-template-columns:1fr}} /* نمودارِ مصرفِ روزانهٔ شبکه */ .pc-netgraph{margin:20px 0 4px;padding-top:18px;border-top:1px solid var(--pc-border)} .pc-ng-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px} .pc-ng-head .t{font-weight:700;color:var(--pc-text);font-size:.92rem} .pc-ng-head .t small{color:var(--sv-faint,#5E6980);font-weight:600} .pc-ng-legend{display:flex;align-items:center;gap:14px;font-size:.82rem;color:var(--pc-muted)} .pc-ng-legend b{display:inline-flex;align-items:center;gap:6px;font-weight:700} .pc-ng-legend .in{color:var(--pc-neon)} .pc-ng-legend .out{color:var(--sv-violet,#8C7CFF)} .pc-ng-legend i{width:9px;height:9px;border-radius:3px;display:inline-block} .pc-ng-legend .in i{background:var(--pc-neon)} .pc-ng-legend .out i{background:var(--sv-violet,#8C7CFF)} .pc-ng-bars{display:flex;align-items:flex-end;gap:5px;overflow-x:auto;padding-bottom:4px} .pc-ng-col{flex:1 0 15px;min-width:15px;display:flex;flex-direction:column;align-items:center;gap:6px} .pc-ng-track{width:100%;height:96px;display:flex;align-items:flex-end;background:linear-gradient(var(--pc-border),transparent);background-size:100% 1px;background-repeat:no-repeat;border-radius:5px} .pc-ng-bar{width:100%;min-height:2px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--sv-n2,#39B4FF),var(--pc-neon));box-shadow:0 0 8px -2px var(--pc-neon);transition:height .4s ease} .pc-ng-bar.z{background:var(--pc-surface-3);box-shadow:none;min-height:2px;opacity:.5} .pc-ng-col:hover .pc-ng-bar:not(.z){filter:brightness(1.15)} .pc-ng-day{font-size:.62rem;color:var(--sv-faint,#5E6980);font-variant-numeric:tabular-nums} .pc-ng-empty{color:var(--sv-faint,#5E6980);font-size:.85rem;text-align:center;padding:18px 0} /* کارتِ تعویض IP — مطابقِ ماکاپ: باکس‌های تمام‌عرض + فوترِ space-between */ .pc-scard-violet .pc-ipopt{width:100%} .pc-scard-violet .pc-ipc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:18px;flex-wrap:wrap} .pc-scard-violet .pc-ipc-foot form{margin:0} /* لودینگِ تعویض IP — ثبتِ درخواست بلاک‌کننده است و بدونِ این، صفحه بی‌نشانه می‌ماند */ .pc-ipc-ov{display:none;position:absolute;inset:0;z-index:6;padding:24px;text-align:center; background:color-mix(in srgb,var(--pc-surface) 86%,transparent);backdrop-filter:blur(3px)} .pc-scard.working .pc-ipc-ov{display:grid;place-items:center} .pc-ipc-ov-in{max-width:330px} .pc-ipc-sp{display:block;width:44px;height:44px;margin:0 auto 16px;border-radius:50%; border:3px solid rgba(255,255,255,.1);border-top-color:var(--c,var(--pc-neon)); animation:pcIpcSpin .8s linear infinite} @keyframes pcIpcSpin{to{transform:rotate(360deg)}} .pc-ipc-ov-in .t{font-weight:800;font-size:1rem;color:var(--pc-text);margin-bottom:8px} .pc-ipc-ov-in .s{font-size:.85rem;line-height:2;color:#9aa3b2} @media (prefers-reduced-motion:reduce){.pc-ipc-sp{animation-duration:2.4s}} /* نمودارِ خطیِ throughputِ زندهٔ شبکه */ .pc-ng-chart{height:96px;margin-top:4px} .pc-ng-chart svg{width:100%;height:100%;display:block;overflow:visible} .pc-ng-chart .ng-area{fill:rgba(24,224,255,.12);stroke:none} .pc-ng-chart .ng-in{fill:none;stroke:var(--pc-neon);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round} .pc-ng-chart .ng-out{fill:none;stroke:var(--sv-violet,#8C7CFF);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round} /* ===================== داشبورد: دسترسی سریعِ افقی + کارت‌های سرورِ مربعی ===================== */ /* نوارِ دسترسی سریع (افقی، بالای صفحه) */ .pc-qbar{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:0 0 22px} .pc-qbtn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:16px 10px;border-radius:14px;border:1px solid var(--pc-border);background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface));color:var(--pc-text);font-weight:700;font-size:.9rem;text-decoration:none;transition:.16s;text-align:center} .pc-qbtn:hover{border-color:rgba(24,224,255,.4);color:var(--pc-neon);transform:translateY(-2px)} .pc-qbtn .ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(24,224,255,.1);color:var(--pc-neon);transition:.16s} .pc-qbtn:hover .ic{background:rgba(24,224,255,.18)} .pc-qbtn .pc-ql-count{position:absolute;top:9px;right:11px;left:auto;width:auto;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--pc-neon);color:#04222b;font-size:.72rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1} .pc-qbtn .pc-ql-count.warn{background:var(--pc-yellow);color:#3a2f00} @media(max-width:1100px){.pc-qbar{grid-template-columns:repeat(3,1fr)}} @media(max-width:560px){.pc-qbar{grid-template-columns:repeat(2,1fr);gap:9px} .pc-qbtn{padding:13px 8px;font-size:.82rem}} /* گریدِ کارت‌های سرورِ مربعیِ مختصر */ .pc-srv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px} .pc-srvc{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;border:1px solid var(--pc-border);background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface));transition:.16s} .pc-srvc:hover{border-color:rgba(24,224,255,.35);box-shadow:0 12px 30px -18px rgba(24,224,255,.5)} .pc-srvc.off{opacity:.72} .pc-srvc-top{display:flex;align-items:flex-start;gap:11px} .pc-srvc-ic{width:40px;height:40px;border-radius:11px;flex:0 0 auto;display:grid;place-items:center;background:rgba(24,224,255,.1);color:var(--pc-neon);border:1px solid rgba(24,224,255,.2)} .pc-srvc.v2 .pc-srvc-ic{background:rgba(140,124,255,.12);color:var(--sv-violet,#8C7CFF);border-color:rgba(140,124,255,.25)} .pc-srvc-h{min-width:0;flex:1} .pc-srvc-name{font-weight:800;font-size:1rem;color:var(--pc-text);line-height:1.3} .pc-srvc-loc{color:var(--pc-muted);font-size:.78rem;display:flex;align-items:center;gap:5px;margin-top:3px} .pc-srvc .pc-pill{flex:0 0 auto;padding:4px 10px;font-size:.72rem} .pc-srvc-specs{display:flex;flex-wrap:wrap;gap:6px 0;color:var(--pc-muted);font-size:.82rem} .pc-srvc-specs span{position:relative;padding:0 10px;font-weight:600} .pc-srvc-specs span:first-child{padding-inline-start:0} .pc-srvc-specs span+span::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:3px;height:3px;border-radius:50%;background:var(--pc-muted);transform:translateY(-50%);opacity:.6} .pc-srvc-ip{align-self:flex-start;padding:5px 11px;border-radius:9px;background:var(--sv-inset,#0b1018);border:1px solid var(--pc-border);color:var(--pc-text);font-size:.86rem;font-weight:700;direction:ltr} .pc-srvc-meter{margin-top:2px} .pc-srvc-bar{height:8px;border-radius:999px;background:var(--sv-inset,#0b1018);border:1px solid var(--pc-border);overflow:hidden} .pc-srvc-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sv-n2,#39B4FF),var(--pc-neon))} .pc-srvc-meter.warn .pc-srvc-bar>span{background:linear-gradient(90deg,#FFC24B,#FF5D6E)} .pc-srvc-bwtxt{margin-top:6px;color:var(--pc-muted);font-size:.75rem;text-align:center} .pc-srvc .pc-btn{margin-top:auto} /* نوارِ تاریخِ بالای داشبورد (بدونِ خوش‌آمد) */ .pc-topdate-row{display:flex;justify-content:flex-start;margin:0 0 14px} /* ============ صفحهٔ سرویس‌ها (clientareaproducts) ============ */ .pc-svc-head .pc-count{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 8px;border-radius:999px;background:rgba(24,224,255,.12);border:1px solid rgba(24,224,255,.28);color:var(--pc-neon);font-size:.82rem;font-weight:800;vertical-align:middle;margin-inline-start:4px} .pc-svc-head .more{border:1px solid rgba(24,224,255,.3);color:var(--pc-neon)} .pc-svc-head .more:hover{background:rgba(24,224,255,.12)} .pc-svc-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 2px 16px} .pc-search{position:relative;flex:1 1 260px;min-width:200px;display:flex;align-items:center} .pc-search svg{position:absolute;inset-inline-start:13px;color:var(--pc-muted);pointer-events:none} .pc-search input{width:100%;padding:11px 14px 11px 40px;padding-inline-start:40px;padding-inline-end:14px;border-radius:12px;border:1px solid var(--pc-border);background:var(--sv-inset,#0b1018);color:var(--pc-text);font-size:.9rem;font-family:inherit;transition:.15s} .pc-search input::placeholder{color:var(--pc-muted)} .pc-search input:focus{outline:none;border-color:rgba(24,224,255,.45);box-shadow:0 0 0 3px rgba(24,224,255,.12)} .pc-chips{display:flex;gap:7px;flex:0 0 auto} .pc-chip{padding:9px 16px;border-radius:11px;border:1px solid var(--pc-border);background:var(--pc-surface-2);color:var(--pc-muted);font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;transition:.15s} .pc-chip:hover{color:var(--pc-text);border-color:rgba(24,224,255,.3)} .pc-chip.on{background:rgba(24,224,255,.12);border-color:rgba(24,224,255,.4);color:var(--pc-neon)} .pc-svc-grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr))} .pc-svc-bill{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:11px;margin-top:2px;border-top:1px dashed var(--pc-border);flex-wrap:wrap} .pc-svc-price{font-weight:800;font-size:.95rem;color:var(--pc-text);display:flex;align-items:baseline;gap:5px} .pc-svc-price small{font-weight:600;font-size:.72rem;color:var(--pc-muted)} .pc-svc-due{display:flex;align-items:center;gap:5px;color:var(--pc-muted);font-size:.78rem;font-weight:600} .pc-svc-due svg{opacity:.8} .pc-svc-nores{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 20px;color:var(--pc-muted);text-align:center} .pc-svc-nores svg{opacity:.5} .pc-svc-nores p{margin:0;font-size:.92rem} .pc-srvc-host{display:flex;align-items:center;gap:6px;margin-top:5px;color:var(--pc-neon);font-size:.88rem} .pc-srvc-host svg{opacity:.95;flex:0 0 auto} .pc-srvc-host .mono{direction:ltr;font-weight:700;letter-spacing:.3px;color:var(--pc-neon); text-shadow:0 0 12px rgba(24,224,255,.5),0 0 2px rgba(24,224,255,.6)} /* کارت‌های اسکای‌لینک تمِ بنفش دارند — نامِ هاست هم هم‌رنگشان */ .pc-srvc.v2 .pc-srvc-host, .pc-srvc.v2 .pc-srvc-host .mono{color:#a99bff} .pc-srvc.v2 .pc-srvc-host .mono{text-shadow:0 0 12px rgba(140,124,255,.5),0 0 2px rgba(140,124,255,.6)} /* ============ صفحهٔ ورودِ مستقل (login) ============ */ .pc-auth{min-height:calc(100vh - 10px);display:flex;align-items:center;justify-content:center;padding:32px 16px;position:relative;z-index:2} .pc-auth-card{width:100%;max-width:430px;background:linear-gradient(170deg,var(--pc-surface-2,#141824),var(--pc-surface,#0f131c));border:1px solid var(--pc-border,#232a3a);border-radius:22px;padding:34px 30px;box-shadow:0 30px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(24,224,255,.04)} .pc-auth-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:20px} .pc-auth-mark{width:40px;height:40px;display:grid;place-items:center} .pc-auth-mark svg{width:40px;height:40px} .pc-auth-word{font-size:1.35rem;font-weight:800;color:var(--pc-text,#fff);letter-spacing:.2px} .pc-auth-word b{color:var(--pc-neon,#18E0FF);font-weight:800} .pc-auth-title{margin:0;text-align:center;font-size:1.4rem;font-weight:800;color:var(--pc-text,#fff)} .pc-auth-sub{margin:6px 0 20px;text-align:center;color:var(--pc-muted,#9aa3b5);font-size:.9rem} .pc-auth-tabs{display:flex;gap:6px;background:var(--sv-inset,#0b1018);border:1px solid var(--pc-border,#232a3a);border-radius:13px;padding:5px;margin-bottom:20px} .pc-auth-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;border:0;border-radius:9px;background:transparent;color:var(--pc-muted,#9aa3b5);font-family:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:.15s} .pc-auth-tab svg{opacity:.85} .pc-auth-tab:hover{color:var(--pc-text,#fff)} .pc-auth-tab.on{background:rgba(24,224,255,.12);color:var(--pc-neon,#18E0FF);box-shadow:inset 0 0 0 1px rgba(24,224,255,.28)} .pc-auth-pane{display:none} .pc-auth-pane.on{display:block;animation:pcAuthFade .18s ease} @keyframes pcAuthFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}} .pc-field{margin-bottom:15px} .pc-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px} .pc-field label{display:block;margin-bottom:7px;color:var(--pc-text,#e7ebf3);font-size:.85rem;font-weight:700} .pc-inp{position:relative;display:flex;align-items:center} .pc-inp-ic{position:absolute;inset-inline-start:13px;color:var(--pc-muted,#9aa3b5);display:grid;place-items:center;pointer-events:none} .pc-inp input{width:100%;padding:12px 42px;border-radius:12px;border:1px solid var(--pc-border,#232a3a);background:var(--sv-inset,#0b1018);color:var(--pc-text,#fff);font-size:.95rem;font-family:inherit;transition:.15s} .pc-inp input::placeholder{color:var(--pc-muted,#6b7385)} .pc-inp input:focus{outline:none;border-color:rgba(24,224,255,.5);box-shadow:0 0 0 3px rgba(24,224,255,.12)} .pc-inp-eye{position:absolute;inset-inline-end:8px;background:transparent;border:0;color:var(--pc-muted,#9aa3b5);padding:6px;cursor:pointer;border-radius:8px;display:grid;place-items:center} .pc-inp-eye:hover{color:var(--pc-neon,#18E0FF)} .pc-link-sm{color:var(--pc-muted,#9aa3b5);font-size:.78rem;font-weight:600;background:none;border:0;cursor:pointer;font-family:inherit;padding:0} .pc-link-sm:hover{color:var(--pc-neon,#18E0FF);text-decoration:none} .pc-hint{margin-top:7px;color:var(--pc-muted,#6b7385);font-size:.75rem;line-height:1.6} .pc-remember{display:flex;align-items:center;gap:8px;color:var(--pc-muted,#9aa3b5);font-size:.85rem;font-weight:600;margin:4px 0 18px;cursor:pointer} .pc-remember input{width:16px;height:16px;accent-color:var(--pc-neon,#18E0FF)} .pc-auth-btn{width:100%;padding:13px;border:0;border-radius:12px;background:linear-gradient(90deg,var(--sv-n2,#39B4FF),var(--pc-neon,#18E0FF));color:#04121a;font-family:inherit;font-size:.98rem;font-weight:800;cursor:pointer;transition:.15s;box-shadow:0 10px 26px -12px rgba(24,224,255,.7)} .pc-auth-btn:hover{filter:brightness(1.06);transform:translateY(-1px)} .pc-auth-btn:disabled{opacity:.6;cursor:default;transform:none;filter:none} .pc-otp-to{background:rgba(24,224,255,.07);border:1px solid rgba(24,224,255,.18);border-radius:11px;padding:11px 13px;color:var(--pc-text,#dfe6f2);font-size:.85rem;margin-bottom:15px;text-align:center} .pc-otp-to b{direction:ltr;color:var(--pc-neon,#18E0FF)} .pc-otp-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px} .pc-otp-msg{margin-top:14px;padding:11px 13px;border-radius:11px;font-size:.84rem;font-weight:600;text-align:center} .pc-otp-msg.err{background:rgba(255,93,110,.1);border:1px solid rgba(255,93,110,.3);color:#ff8792} .pc-otp-msg.ok{background:rgba(47,217,138,.1);border:1px solid rgba(47,217,138,.3);color:#54d19a} .pc-auth-foot{margin-top:22px;padding-top:18px;border-top:1px solid var(--pc-border,#232a3a);text-align:center;color:var(--pc-muted,#9aa3b5);font-size:.86rem} .pc-auth-foot a{color:var(--pc-neon,#18E0FF);font-weight:700} .pc-auth-foot a:hover{text-decoration:underline} /* پنهان‌کردنِ باقی‌ماندهٔ کروم روی صفحهٔ ورود (احتیاطی) */ body.pc-login-body #footer,body.pc-login-body #header{display:none} /* ============ فوترِ پایین — تراز نماد اعتماد + کپی‌رایت ============ */ #footer .pc-foot-bottom2{align-items:center} #footer .pc-foot-bottom2 .pc-copyright{margin:0!important;font-size:.85rem;color:var(--pc-muted);line-height:1.9} #footer .pc-foot-bottom2 .pc-copyright .pc-co-brand{color:var(--pc-neon);font-weight:800;margin:0 .35em} #footer .pc-enamad-box{padding:9px 13px;gap:6px;box-shadow:0 0 15px -6px rgba(24,224,255,.5)} #footer .pc-enamad-box:hover{transform:translateY(-2px);box-shadow:0 0 22px -4px rgba(24,224,255,.8)} #footer .pc-enamad-box img{max-width:72px} #footer .pc-enamad-title{font-size:.8rem} /* نماد اعتماد کنارِ ستونِ حساب کاربری (ستونِ چهارمِ گرید) */ #footer .pc-foot-enamadcol{display:flex;align-items:flex-start;justify-content:center} #footer .pc-foot-bottom2{justify-content:center;text-align:center} @media(max-width:760px){#footer .pc-foot-enamadcol{justify-content:center;margin-top:6px}} /* دکمهٔ قطع برقِ اجباری (poweroff) — قرمزِ خطر */ .pc-pbtn.po{color:var(--sv-red);border-color:rgba(255,93,110,.35)} .pc-pbtn.po:hover{border-color:var(--sv-red);background:rgba(255,93,110,.14);color:var(--sv-red)} /* ============ صفحهٔ ارتقا / گزینه‌های پیکربندی (upgrade.tpl) ============ */ .pc-upg{background:linear-gradient(170deg,var(--pc-surface-2),var(--pc-surface));border:1px solid var(--pc-border);border-radius:18px;box-shadow:0 16px 40px -24px rgba(0,0,0,.6);max-width:960px;margin:0 auto} .pc-upg .card-body{padding:26px 28px} .pc-upg p{color:var(--pc-muted);line-height:2} .pc-upg p strong{color:var(--pc-text)} .pc-upg table{width:100%;border-collapse:collapse;margin:18px 0} .pc-upg table thead th{color:var(--pc-muted);font-size:.82rem;font-weight:800;padding:10px 14px;border-bottom:1px solid var(--pc-border);text-align:right} .pc-upg table td{padding:16px 14px;border-bottom:1px solid var(--pc-border);vertical-align:middle;color:var(--pc-text);background:transparent} .pc-upg table tbody tr:last-child td{border-bottom:0} .pc-upg table td:first-child{font-weight:800;color:var(--pc-text)} .pc-upg table td:nth-child(2){color:var(--pc-muted)} .pc-upg table td:nth-child(3){text-align:center;width:44px} .pc-upg .fa-angle-double-right,.pc-upg [class*="angle-double"]{color:var(--pc-neon);font-size:1.1rem} .pc-upg .form-group{margin:0} .pc-upg .form-control,.pc-upg .custom-select,.pc-upg input[type=text],.pc-upg select{background:var(--sv-inset,#0b1018)!important;border:1px solid var(--pc-border)!important;color:var(--pc-text)!important;border-radius:10px;padding:10px 12px;font-family:inherit;min-width:120px} .pc-upg .form-control:focus,.pc-upg .custom-select:focus,.pc-upg select:focus{outline:none;border-color:rgba(24,224,255,.5)!important;box-shadow:0 0 0 3px rgba(24,224,255,.12)!important} .pc-upg .form-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} .pc-upg .form-inline input{width:90px;text-align:center} .pc-upg .form-inline span{color:var(--pc-muted);font-size:.88rem} .pc-upg .btn-primary{background:linear-gradient(90deg,var(--sv-n2,#39B4FF),var(--pc-neon))!important;border:0!important;color:#04121a!important;font-weight:800;border-radius:11px;padding:11px 30px;box-shadow:0 10px 26px -12px rgba(24,224,255,.7)} .pc-upg .btn-primary:hover{filter:brightness(1.06)} .pc-upg .btn-block{display:block;width:100%} /* ============================================================ فروشگاه (products.tpl) — سایدبارِ دسته‌بندی + کارت‌های محصول ============================================================ */ .pc-store{max-width:1180px;margin:0 auto} .pc-store-wrap{display:grid;grid-template-columns:262px minmax(0,1fr);gap:22px;align-items:start} /* ---------- پرچم / نشانِ دسته ---------- */ .pc-flagbox{flex:0 0 auto;display:inline-grid;place-items:center;width:30px;height:20px;border-radius:4px; overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px rgba(0,0,0,.45)} .pc-flagbox.lg{width:44px;height:30px;border-radius:6px} .pc-flagbox>img.pc-flag{display:block;width:100%;height:100%;object-fit:cover} .pc-flagbox>.pc-flag.gen{display:grid;place-items:center;width:100%;height:100%; background:linear-gradient(150deg,rgba(24,224,255,.22),rgba(24,224,255,.06));color:var(--pc-neon)} /* ---------- سایدبار ---------- */ .pc-stnav{position:sticky;top:100px} .pc-stnav-card{border:1px solid var(--pc-border);border-radius:16px;overflow:hidden; background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface)); box-shadow:0 14px 34px -24px rgba(0,0,0,.8)} .pc-stnav-head{display:flex;align-items:center;gap:8px;padding:14px 16px;font-size:.78rem;font-weight:800; letter-spacing:.2px;color:var(--pc-muted);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)} .pc-stnav-head .ic{color:var(--pc-neon);display:grid;place-items:center} .pc-stnav-list{display:block;padding:7px} .pc-stnav-item{position:relative;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px; color:#cdd5e4;text-decoration:none;transition:background .15s,color .15s;overflow:hidden} .pc-stnav-item+.pc-stnav-item{margin-top:3px} .pc-stnav-item:hover{background:rgba(255,255,255,.045);color:#fff;text-decoration:none} .pc-stnav-item .tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px} .pc-stnav-item .nm{font-size:.89rem;font-weight:700;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pc-stnav-item .sb{font-style:normal;font-size:.71rem;font-weight:500;color:var(--pc-muted);line-height:1.3; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pc-stnav-item .ct{flex:0 0 auto;min-width:24px;height:22px;padding:0 7px;border-radius:8px; display:grid;place-items:center;font-size:.74rem;font-weight:800; background:var(--pc-surface-3);border:1px solid var(--pc-border);color:var(--pc-muted)} .pc-stnav-item.on{color:#fff;background:linear-gradient(90deg,rgba(24,224,255,.16),rgba(24,224,255,.04))} .pc-stnav-item.on .sb{color:#8fd9ea} .pc-stnav-item.on .ct{background:rgba(24,224,255,.16);border-color:rgba(24,224,255,.35);color:var(--pc-neon)} .pc-stnav-item.on::before{content:"";position:absolute;inset-inline-end:0;top:0;bottom:0;width:3px; background:var(--pc-neon);box-shadow:0 0 14px rgba(24,224,255,.95)} .pc-stnav-foot{padding:10px;border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)} .pc-stnav-cart{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:11px; border:1px solid var(--pc-border);background:var(--sv-inset,#0b1018); color:#cdd5e4;font-size:.84rem;font-weight:700;text-decoration:none;transition:.15s} .pc-stnav-cart:hover{color:var(--pc-neon);border-color:rgba(24,224,255,.4);background:rgba(24,224,255,.07);text-decoration:none} .pc-stnav-fallback .card-sidebar{border:none!important;background:transparent!important;margin:0!important;box-shadow:none!important} .pc-stnav-help{margin-top:14px;padding:15px;border-radius:16px;border:1px dashed var(--pc-border);background:rgba(26,29,39,.45)} .pc-stnav-help .t{display:flex;align-items:center;gap:7px;font-size:.86rem;font-weight:700;color:var(--pc-text)} .pc-stnav-help .t svg{color:var(--pc-neon);flex:0 0 auto} .pc-stnav-help p{margin:7px 0 12px;color:var(--pc-muted);font-size:.8rem;line-height:1.7} /* ---------- سرتیترِ دسته ---------- */ .pc-sthead{position:relative;display:block; padding:0;margin-bottom:20px;border-radius:18px;border:1.5px solid transparent;overflow:hidden; background:linear-gradient(140deg,rgba(16,20,30,.92),rgba(11,13,20,.92)) padding-box, linear-gradient(120deg,#18E0FF,#7C5CFF 48%,#18E0FF) border-box; background-size:auto,220% auto;background-position:0 0,0 0; box-shadow:0 16px 40px -22px rgba(0,0,0,.75),0 0 30px -16px rgba(24,224,255,.42); animation:pcTitleSheen 7s linear infinite} .pc-sthead.v2{background:linear-gradient(140deg,rgba(16,20,30,.92),rgba(11,13,20,.92)) padding-box, linear-gradient(120deg,#7C5CFF,#18E0FF 48%,#7C5CFF) border-box; background-size:auto,220% auto; box-shadow:0 16px 40px -22px rgba(0,0,0,.75),0 0 30px -16px rgba(124,92,255,.45)} /* لایهٔ نور + شبکهٔ ریزِ پس‌زمینه */ .pc-sthead::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.5; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:34px 34px; -webkit-mask-image:radial-gradient(120% 130% at 88% -20%,#000,transparent 70%); mask-image:radial-gradient(120% 130% at 88% -20%,#000,transparent 70%)} .pc-sthead-glow{position:absolute;inset:-30% -10%;pointer-events:none;z-index:0; background:radial-gradient(38% 60% at 84% 18%,rgba(24,224,255,.26),transparent 62%), radial-gradient(42% 62% at 12% 88%,rgba(124,92,255,.24),transparent 60%); filter:blur(6px);animation:pcHeadDrift 14s ease-in-out infinite alternate} .pc-sthead.v2 .pc-sthead-glow{ background:radial-gradient(38% 60% at 84% 18%,rgba(124,92,255,.28),transparent 62%), radial-gradient(42% 62% at 12% 88%,rgba(24,224,255,.2),transparent 60%)} @keyframes pcHeadDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-4%,3%,0) scale(1.08)}} @media (prefers-reduced-motion:reduce){ .pc-sthead{animation:none!important} .pc-sthead-glow{animation:none!important} } .pc-sthead>*{position:relative;z-index:1} .pc-sthead-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px} .pc-sthead-l{display:flex;align-items:center;gap:15px;min-width:0} .pc-sthead-l .pc-flagbox.lg{box-shadow:0 0 0 4px rgba(255,255,255,.05),0 10px 26px -10px rgba(0,0,0,.9)} .pc-sthead-t{min-width:0} .pc-sthead-eyebrow{display:block;margin:0 0 5px;font-size:.7rem;font-weight:700;letter-spacing:.6px; color:var(--pc-neon);opacity:.85} .pc-sthead.v2 .pc-sthead-eyebrow{color:#a99bff} .pc-sthead h1{margin:0;font-size:1.55rem;font-weight:900;letter-spacing:-.3px;line-height:1.35; background:linear-gradient(95deg,#9af3ff 0%,#ffffff 45%,#c3b2ff 100%);-webkit-background-clip:text;background-clip:text; -webkit-text-fill-color:transparent;color:#eaf6ff} .pc-sthead p{display:flex;align-items:center;gap:6px;margin:6px 0 0;color:#aeb6c9;font-size:.85rem} .pc-sthead p svg{color:var(--pc-neon);opacity:.8;flex:0 0 auto} .pc-sthead-stat{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center; min-width:92px;padding:11px 16px;border-radius:14px; background:rgba(8,12,20,.5);border:1px solid rgba(255,255,255,.09); box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} .pc-sthead-stat b{font-size:1.5rem;font-weight:900;line-height:1;color:var(--pc-neon); text-shadow:0 0 20px rgba(24,224,255,.45)} .pc-sthead.v2 .pc-sthead-stat b{color:#a99bff;text-shadow:0 0 20px rgba(140,124,255,.45)} .pc-sthead-stat span{margin-top:5px;font-size:.72rem;font-weight:600;color:var(--pc-muted)} .pc-sthead-b{display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px; border-top:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.22)} .pc-stb{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 6px;border-radius:999px; background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:#c9d3e2; font-size:.755rem;font-weight:600;white-space:nowrap} .pc-stb .ic{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;flex:0 0 auto; background:rgba(24,224,255,.14);color:var(--pc-neon)} .pc-sthead.v2 .pc-stb .ic{background:rgba(140,124,255,.16);color:#a99bff} .pc-stalert{padding:13px 16px;border-radius:12px;margin-bottom:16px;font-size:.9rem; background:rgba(24,224,255,.07);border:1px solid rgba(24,224,255,.22);color:#cfe9f3} .pc-stalert.err{background:rgba(255,93,110,.09);border-color:rgba(255,93,110,.28);color:#ffc8ce} /* ---------- کارت محصول ---------- */ .pc-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:16px} .pc-pcard{position:relative;display:flex;flex-direction:column;gap:13px;padding:18px;border-radius:16px;overflow:hidden; border:1px solid var(--pc-border);background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface)); transition:transform .18s,border-color .18s,box-shadow .18s} .pc-pcard::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:16px; background:radial-gradient(120% 80% at 88% -10%,rgba(24,224,255,.13),transparent 55%)} .pc-pcard.v2::before{background:radial-gradient(120% 80% at 88% -10%,rgba(140,124,255,.15),transparent 55%)} .pc-pcard>*{position:relative;z-index:1} .pc-pcard:hover{transform:translateY(-4px);border-color:rgba(24,224,255,.4);box-shadow:0 18px 40px -20px rgba(24,224,255,.5)} .pc-pcard.v2:hover{border-color:rgba(140,124,255,.45);box-shadow:0 18px 40px -20px rgba(140,124,255,.5)} .pc-pcard-top{display:flex;align-items:flex-start;gap:11px} .pc-pcard-ic{width:40px;height:40px;border-radius:11px;flex:0 0 auto;display:grid;place-items:center; background:rgba(24,224,255,.1);color:var(--pc-neon);border:1px solid rgba(24,224,255,.2)} .pc-pcard.v2 .pc-pcard-ic{background:rgba(140,124,255,.12);color:#a99bff;border-color:rgba(140,124,255,.25)} .pc-pcard-h{min-width:0;flex:1 1 auto} .pc-pcard-name{font-weight:800;font-size:1.02rem;color:var(--pc-text);line-height:1.3} .pc-pcard-loc{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--pc-muted);font-size:.76rem} .pc-pcard-qty{flex:0 0 auto;padding:4px 9px;border-radius:999px;font-size:.7rem;font-weight:700; background:rgba(47,217,138,.12);color:#2FD98A;white-space:nowrap} .pc-pcard-desc{margin:0;color:var(--pc-muted);font-size:.83rem;line-height:1.7} .pc-pspecs{list-style:none;margin:0;display:flex;flex-direction:column;gap:9px; padding:14px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)} .pc-pspecs li{display:flex;align-items:center;gap:9px;color:#dfe5f0;font-size:.87rem;line-height:1.5;padding:0} .pc-pspecs .i{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:grid;place-items:center; background:rgba(24,224,255,.09);border:1px solid rgba(24,224,255,.18);color:var(--pc-neon)} .pc-pcard.v2 .pc-pspecs .i{background:rgba(140,124,255,.1);border-color:rgba(140,124,255,.2);color:#a99bff} .pc-pspecs .t{min-width:0} .pc-pspecs .t b{font-weight:800;color:#fff} .pc-pcard-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;margin-top:auto} .pc-pcard-price .lbl{flex:0 0 100%;color:var(--pc-muted);font-size:.75rem} .pc-pcard-price .amt{color:var(--pc-neon);font-weight:900;font-size:1.3rem;letter-spacing:-.2px} .pc-pcard.v2 .pc-pcard-price .amt{color:#a99bff} .pc-pcard-price .cyc{color:var(--pc-muted);font-size:.82rem;font-weight:600} .pc-pcard-price .fee{flex:0 0 100%;color:var(--pc-muted);font-size:.73rem} .pc-pcard .pc-btn.primary{background:linear-gradient(135deg,var(--pc-neon),var(--pc-neon-2))!important; color:#04222b!important;border:none!important;box-shadow:0 10px 24px -12px rgba(24,224,255,.8)} .pc-pcard.v2 .pc-btn.primary{background:linear-gradient(135deg,#8C7CFF,#6a58e6)!important;color:#0d0a2a!important; box-shadow:0 10px 24px -12px rgba(140,124,255,.85)} @media (max-width:991px){ .pc-store-wrap{grid-template-columns:1fr;gap:14px} .pc-stnav{position:static} .pc-stnav-head{display:none} .pc-stnav-list{display:flex;overflow-x:auto;gap:8px;padding:10px;scrollbar-width:none;-ms-overflow-style:none} .pc-stnav-list::-webkit-scrollbar{display:none} .pc-stnav-item{flex:0 0 auto;border:1px solid var(--pc-border);padding:9px 11px} .pc-stnav-item+.pc-stnav-item{margin-top:0} .pc-stnav-item .sb{display:none} .pc-stnav-item.on{border-color:rgba(24,224,255,.45)} .pc-stnav-item.on::before{display:none} .pc-stnav-help{display:none} .pc-sthead-main{padding:16px 16px;gap:12px} .pc-sthead h1{font-size:1.18rem} .pc-sthead-b{gap:6px;padding:10px 16px} .pc-stb{font-size:.71rem;padding:4px 10px 4px 5px} .pc-stb .ic{width:19px;height:19px} .pc-sthead-stat{min-width:0;padding:8px 13px} .pc-sthead-stat b{font-size:1.2rem} } @media (max-width:575px){ .pc-pgrid{grid-template-columns:1fr} .pc-flagbox.lg{width:36px;height:26px} } /* ---------- کارتِ افزونه ---------- */ .pc-addon-form{display:flex;flex-direction:column;gap:13px;height:100%;margin:0} .pc-addon-pick{padding-top:13px;border-top:1px solid rgba(255,255,255,.06)} .pc-addon-pick label{display:block;margin:0 0 6px;color:var(--pc-muted);font-size:.76rem;font-weight:600} .pc-select{width:100%;padding:10px 12px;border-radius:11px;font-size:.88rem;font-family:inherit; border:1px solid var(--pc-border);background:var(--sv-inset,#0b1018);color:var(--pc-text)} .pc-select:focus{outline:none;border-color:rgba(24,224,255,.45);box-shadow:0 0 0 3px rgba(24,224,255,.12)} .pc-select option{background:#11131A;color:#fff} .pc-addon-form .pc-pcard-price{margin-top:auto} /* ============================================================ مسیرِ صفحه (breadcrumb) — نوارِ فشردهٔ کپسولی ============================================================ */ .master-breadcrumb{border:none!important;padding:0!important} .master-breadcrumb>.container{padding-top:12px;padding-bottom:0} .master-breadcrumb ol.breadcrumb.pc-crumb{ display:inline-flex;flex-wrap:nowrap;align-items:center;max-width:100%; overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none; margin:0!important;padding:5px 11px!important; background:rgba(26,29,39,.55)!important;border:1px solid var(--pc-border)!important; border-radius:999px!important;font-size:.79rem!important;line-height:1.2!important; box-shadow:0 6px 18px -14px rgba(0,0,0,.9)!important; } .master-breadcrumb ol.breadcrumb.pc-crumb::-webkit-scrollbar{display:none} .pc-crumb .breadcrumb-item{display:inline-flex!important;align-items:center!important;white-space:nowrap;color:var(--pc-muted)!important} .pc-crumb .breadcrumb-item a{ display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:8px; color:var(--pc-muted)!important;font-weight:600;text-decoration:none!important;transition:.15s} .pc-crumb .breadcrumb-item a:hover,.pc-crumb .breadcrumb-item a:focus{ color:var(--pc-neon)!important;background:rgba(24,224,255,.09)} .pc-crumb .breadcrumb-item.active{padding:3px 7px;color:#fff!important;font-weight:700} /* جداکننده: نقطهٔ ریزِ خنثی (بدون فلش — جهت‌مستقل و تمیز) */ .pc-crumb .breadcrumb-item+.breadcrumb-item::before{ content:""!important;flex:0 0 auto;display:block!important; width:3px;height:3px;border-radius:50%; background:currentColor;color:var(--pc-muted)!important;opacity:.4; font-size:0!important;line-height:0!important; padding:0!important;margin:0 7px!important;text-shadow:none!important; } .pc-crumb-home{display:block;flex:0 0 auto} .pc-crumb .breadcrumb-item:first-child a{padding:4px 7px} @media (max-width:575px){ .master-breadcrumb>.container{padding-top:9px} .master-breadcrumb ol.breadcrumb.pc-crumb{font-size:.74rem!important;padding:4px 9px!important} } /* ============================================================ بازیابی کلمهٔ عبور — صفحهٔ مستقل (هم‌شکلِ صفحهٔ ورود) ============================================================ */ .pc-auth .pc-inp input.form-control{ width:100%;padding:12px 42px;border-radius:12px;height:auto; border:1px solid var(--pc-border,#232a3a);background:var(--sv-inset,#0b1018); color:var(--pc-text,#fff);font-size:.95rem;font-family:inherit;box-shadow:none} .pc-auth .pc-inp input.form-control:focus{ border-color:rgba(24,224,255,.5);box-shadow:0 0 0 3px rgba(24,224,255,.12); background:var(--sv-inset,#0b1018);color:var(--pc-text,#fff)} .pc-auth-note{margin:0 0 16px;padding:12px 14px;border-radius:12px;font-size:.86rem;line-height:1.8; background:rgba(24,224,255,.07);border:1px solid rgba(24,224,255,.22);color:#cfe9f3} .pc-auth-note.ok{background:rgba(47,217,138,.09);border-color:rgba(47,217,138,.28);color:#b6f0d3} .pc-auth-note.err{background:rgba(255,93,110,.09);border-color:rgba(255,93,110,.3);color:#ffc8ce} .pc-auth-captcha{display:flex;justify-content:center;margin:0 0 16px} /* هشدارهای استانداردِ WHMCS داخلِ کارتِ ورود/بازیابی */ .pc-auth .alert{border-radius:12px;font-size:.86rem;padding:12px 14px; background:rgba(255,93,110,.09)!important;border:1px solid rgba(255,93,110,.3)!important;color:#ffc8ce!important} .pc-auth .alert-success{background:rgba(47,217,138,.09)!important;border-color:rgba(47,217,138,.28)!important;color:#b6f0d3!important} /* نوارِ قدرتِ رمز */ .pc-pwstrength .progress{height:8px;border-radius:999px;background:var(--sv-inset,#0b1018); border:1px solid var(--pc-border,#232a3a);overflow:hidden;margin-top:4px} .pc-pwstrength .progress-bar{border-radius:999px} #inputNewPassword2Msg{margin-top:6px;font-size:.8rem;color:var(--pc-muted,#9aa3b5)} .pc-auth-foot svg{color:var(--pc-neon,#18E0FF)} /* ============================================================ فهرستِ فاکتورها (clientareainvoices) ============================================================ */ .pc-invlist{display:flex;flex-direction:column;gap:10px} .pc-invc{position:relative;display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:14px; border:1px solid var(--pc-border);background:linear-gradient(120deg,var(--pc-surface-2),var(--pc-surface)); color:var(--pc-text);text-decoration:none;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s} .pc-invc:hover{transform:translateY(-2px);border-color:rgba(24,224,255,.35);color:var(--pc-text); text-decoration:none;box-shadow:0 12px 30px -18px rgba(24,224,255,.55)} /* نوارِ رنگیِ وضعیت در لبهٔ راست (RTL) */ .pc-invc::before{content:"";position:absolute;inset-inline-end:0;top:0;bottom:0;width:3px;background:var(--pc-muted);opacity:.65} .pc-invc.st-paid::before{background:#2FD98A} .pc-invc.st-unpaid::before{background:#FFC24B} .pc-invc.st-cancelled::before{background:#6b7385} .pc-invc.st-refunded::before{background:var(--pc-neon)} .pc-invc-ic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center; background:rgba(24,224,255,.09);border:1px solid rgba(24,224,255,.18);color:var(--pc-neon)} .pc-invc.st-unpaid .pc-invc-ic{background:rgba(255,194,75,.1);border-color:rgba(255,194,75,.22);color:#FFC24B} .pc-invc.st-cancelled .pc-invc-ic{background:rgba(166,172,190,.1);border-color:rgba(166,172,190,.2);color:var(--pc-muted)} .pc-invc-h{flex:1 1 auto;min-width:0} .pc-invc-num{font-weight:800;font-size:.95rem;color:var(--pc-text);line-height:1.3} .pc-invc-num .mono{direction:ltr;display:inline-block;color:var(--pc-neon);letter-spacing:.3px} .pc-invc.st-unpaid .pc-invc-num .mono{color:#FFC24B} .pc-invc-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:5px;color:var(--pc-muted);font-size:.76rem} .pc-invc-meta span{display:inline-flex;align-items:center;gap:5px} .pc-invc-meta svg{opacity:.75;flex:0 0 auto} .pc-invc-amt{flex:0 0 auto;font-weight:800;font-size:1rem;color:var(--pc-text);white-space:nowrap; font-variant-numeric:tabular-nums} .pc-invc.st-unpaid .pc-invc-amt{color:#FFC24B} .pc-invc .pc-pill{flex:0 0 auto;padding:5px 11px;font-size:.74rem} .pc-invc-go{flex:0 0 auto;color:var(--pc-muted);display:grid;place-items:center;transition:.15s} .pc-invc:hover .pc-invc-go{color:var(--pc-neon);transform:translateX(3px)} /* رنگ‌های تازهٔ نشانِ وضعیت */ .pc-pill.warn{background:rgba(255,194,75,.13);color:#FFC24B} .pc-pill.warn i{background:#FFC24B;box-shadow:0 0 9px rgba(255,194,75,.95)} .pc-pill.info{background:rgba(24,224,255,.12);color:var(--pc-neon)} .pc-pill.info i{background:var(--pc-neon);box-shadow:0 0 9px rgba(24,224,255,.95)} @media (max-width:767px){ .pc-invc{flex-wrap:wrap;gap:10px;padding:13px 14px} .pc-invc-h{flex:1 1 100%;order:1} .pc-invc-ic{order:0} .pc-invc .pc-pill{order:0;margin-inline-start:auto} .pc-invc-amt{order:2;font-size:1.05rem} .pc-invc-go{order:3;margin-inline-start:auto} .pc-invc-meta{gap:3px 12px;font-size:.72rem} } /* چیپ‌های فیلترِ فاکتور — نقطهٔ رنگیِ وضعیت + حالتِ خالی */ #pcInvFilter .pc-chip{cursor:pointer;transition:.15s} #pcInvFilter .pc-chip .dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:var(--pc-muted)} #pcInvFilter .pc-chip .dot.s-all{background:var(--pc-neon)} #pcInvFilter .pc-chip .dot.s-paid{background:#2FD98A} #pcInvFilter .pc-chip .dot.s-unpaid{background:#FFC24B} #pcInvFilter .pc-chip .dot.s-cancelled{background:#6b7385} #pcInvFilter .pc-chip .dot.s-refunded{background:var(--pc-neon)} #pcInvFilter .pc-chip .dot.s-payment-pending{background:#FFC24B} #pcInvFilter .pc-chip .dot.s-collections{background:#FF5D6E} #pcInvFilter .pc-chip:hover:not(.zero){border-color:#2E3849;color:#fff} #pcInvFilter .pc-chip.on{background:rgba(24,224,255,.1);border-color:rgba(24,224,255,.4);color:var(--pc-neon)} #pcInvFilter .pc-chip.on b{color:var(--pc-neon)} #pcInvFilter .pc-chip.zero{opacity:.42;cursor:default} #pcInvFilter .pc-chip.zero .dot{opacity:.5} /* ============================================================ پشتیبانی (supportticketslist) ============================================================ */ .pc-supnew{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px; padding:18px 20px;margin:0 0 18px;border-radius:16px;position:relative;overflow:hidden; border:1px solid var(--pc-border); background:linear-gradient(120deg,rgba(24,224,255,.10),var(--pc-surface-2) 45%,var(--pc-surface)); box-shadow:0 14px 34px -24px rgba(0,0,0,.8)} .pc-supnew::before{content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(60% 120% at 92% -20%,rgba(24,224,255,.16),transparent 60%)} .pc-supnew>*{position:relative;z-index:1} .pc-supnew-l{display:flex;align-items:center;gap:14px;min-width:0} .pc-supnew-ic{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:grid;place-items:center; background:rgba(24,224,255,.12);border:1px solid rgba(24,224,255,.26);color:var(--pc-neon)} .pc-supnew-t{font-weight:800;font-size:1rem;color:var(--pc-text);line-height:1.4} .pc-supnew p{margin:4px 0 0;color:var(--pc-muted);font-size:.84rem} .pc-supnew-r{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .pc-supnew-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px; background:rgba(255,194,75,.13);color:#FFC24B;font-size:.78rem;font-weight:700;white-space:nowrap} .pc-supnew-badge i{width:7px;height:7px;border-radius:50%;background:#FFC24B;box-shadow:0 0 9px rgba(255,194,75,.95)} .pc-tklist{display:flex;flex-direction:column;gap:10px} .pc-tkc{position:relative;display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:14px; border:1px solid var(--pc-border);background:linear-gradient(120deg,var(--pc-surface-2),var(--pc-surface)); color:var(--pc-text);text-decoration:none;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s} .pc-tkc:hover{transform:translateY(-2px);border-color:rgba(24,224,255,.35);color:var(--pc-text); text-decoration:none;box-shadow:0 12px 30px -18px rgba(24,224,255,.55)} .pc-tkc::before{content:"";position:absolute;inset-inline-end:0;top:0;bottom:0;width:3px;background:var(--pc-muted);opacity:.65} .pc-tkc.st-open::before{background:#FFC24B} .pc-tkc.st-answered::before{background:#2FD98A} .pc-tkc.st-customer-reply::before{background:var(--pc-neon)} .pc-tkc.st-closed::before{background:#6b7385} .pc-tkc.unread{border-color:rgba(24,224,255,.32);background:linear-gradient(120deg,rgba(24,224,255,.07),var(--pc-surface-2) 55%,var(--pc-surface))} .pc-tkc-ic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center; background:rgba(24,224,255,.09);border:1px solid rgba(24,224,255,.18);color:var(--pc-neon)} .pc-tkc.st-open .pc-tkc-ic{background:rgba(255,194,75,.1);border-color:rgba(255,194,75,.22);color:#FFC24B} .pc-tkc.st-closed .pc-tkc-ic{background:rgba(166,172,190,.1);border-color:rgba(166,172,190,.2);color:var(--pc-muted)} .pc-tkc-h{flex:1 1 auto;min-width:0} .pc-tkc-title{display:flex;align-items:center;gap:8px;min-width:0} .pc-tkc-subj{font-weight:700;font-size:.95rem;color:var(--pc-text);line-height:1.35; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pc-tkc.unread .pc-tkc-subj{font-weight:800} .pc-tkc-new{flex:0 0 auto;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:800; background:var(--pc-neon);color:#04222b;box-shadow:0 0 12px rgba(24,224,255,.55)} .pc-tkc-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:5px;color:var(--pc-muted);font-size:.76rem} .pc-tkc-meta span{display:inline-flex;align-items:center;gap:5px} .pc-tkc-meta svg{opacity:.75;flex:0 0 auto} .pc-tkc-meta .mono{direction:ltr;font-weight:700;color:var(--pc-neon);opacity:.9} .pc-tkc .pc-pill{flex:0 0 auto;padding:5px 11px;font-size:.74rem} .pc-tkc-go{flex:0 0 auto;color:var(--pc-muted);display:grid;place-items:center;transition:.15s} .pc-tkc:hover .pc-tkc-go{color:var(--pc-neon);transform:translateX(3px)} /* نقطهٔ چیپ‌های وضعیتِ تیکت */ #pcTkFilter .pc-chip{cursor:pointer;transition:.15s} #pcTkFilter .pc-chip .dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:var(--pc-muted)} #pcTkFilter .pc-chip .dot.s-all{background:var(--pc-neon)} #pcTkFilter .pc-chip .dot.s-open{background:#FFC24B} #pcTkFilter .pc-chip .dot.s-answered{background:#2FD98A} #pcTkFilter .pc-chip .dot.s-customer-reply{background:var(--pc-neon)} #pcTkFilter .pc-chip .dot.s-closed{background:#6b7385} #pcTkFilter .pc-chip .dot.s-in-progress{background:var(--pc-neon)} #pcTkFilter .pc-chip .dot.s-on-hold{background:#ff8a3d} #pcTkFilter .pc-chip:hover:not(.zero){border-color:#2E3849;color:#fff} #pcTkFilter .pc-chip.on{background:rgba(24,224,255,.1);border-color:rgba(24,224,255,.4);color:var(--pc-neon)} #pcTkFilter .pc-chip.on b{color:var(--pc-neon)} #pcTkFilter .pc-chip.zero{opacity:.42;cursor:default} #pcTkFilter .pc-chip.zero .dot{opacity:.5} @media (max-width:767px){ .pc-supnew{padding:15px 16px} .pc-supnew-r{width:100%} .pc-supnew-r .pc-btn{flex:1 1 auto;justify-content:center} .pc-tkc{flex-wrap:wrap;gap:10px;padding:13px 14px} .pc-tkc-h{flex:1 1 100%;order:1} .pc-tkc-ic{order:0} .pc-tkc .pc-pill{order:0;margin-inline-start:auto} .pc-tkc-go{order:2;margin-inline-start:auto} .pc-tkc-meta{gap:3px 12px;font-size:.72rem} } /* ---------- انتخابِ دپارتمان (گامِ ۱ ثبت تیکت) ---------- */ .pc-dept-lead{margin:0 2px 16px;color:var(--pc-muted);font-size:.9rem;line-height:1.9} .pc-deptgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px} .pc-dept{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;overflow:hidden; border:1px solid var(--pc-border);background:linear-gradient(150deg,var(--pc-surface-2),var(--pc-surface)); color:var(--pc-text);text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s} .pc-dept::before{content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(70% 110% at 92% -20%,rgba(24,224,255,.13),transparent 60%)} .pc-dept>*{position:relative;z-index:1} .pc-dept:hover{transform:translateY(-3px);border-color:rgba(24,224,255,.42);color:var(--pc-text); text-decoration:none;box-shadow:0 16px 36px -20px rgba(24,224,255,.55)} .pc-dept-ic{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:grid;place-items:center; background:rgba(24,224,255,.11);border:1px solid rgba(24,224,255,.24);color:var(--pc-neon)} .pc-dept-h{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px} .pc-dept-h b{font-size:1rem;font-weight:800;color:var(--pc-text);line-height:1.35} .pc-dept-h em{font-style:normal;font-size:.8rem;color:var(--pc-muted);line-height:1.7} .pc-dept-go{flex:0 0 auto;color:var(--pc-muted);display:grid;place-items:center;transition:.15s} .pc-dept:hover .pc-dept-go{color:var(--pc-neon);transform:translateX(3px)} /* ============================================================ سبد خرید (viewcart) — چیدمانِ جدید + کارت‌های تیره ============================================================ */ /* بدنه دیگر float نیست؛ آیتمِ گریدِ .pc-store-wrap است */ .pc-cart .cart-body{float:none!important;width:auto!important;margin:0!important;padding:0!important} .pc-cart .cart-body>.row{margin-inline:0} .pc-cart-head .pc-sthead-main{padding:18px 22px} .pc-cart-ic{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:grid;place-items:center; background:rgba(24,224,255,.12);border:1px solid rgba(24,224,255,.26);color:var(--pc-neon)} .pc-cart-head h1{font-size:1.35rem} .pc-cart-back{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:11px; border:1px solid var(--pc-border);background:rgba(8,12,20,.45); color:var(--pc-muted);font-size:.82rem;font-weight:700;text-decoration:none;transition:.15s} .pc-cart-back:hover{color:var(--pc-neon);border-color:rgba(24,224,255,.4);background:rgba(24,224,255,.07);text-decoration:none} /* سبدِ خالی */ #order-standard_cart .view-cart-empty{padding:34px 20px!important;text-align:center; color:var(--pc-muted)!important;font-size:.95rem;border:1px dashed var(--pc-border);border-radius:14px;margin:14px} /* تب‌های کوپن/مالیات */ #order-standard_cart .view-cart-tabs{margin-top:16px;border-radius:16px;overflow:hidden; border:1px solid var(--pc-border);background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface))} #order-standard_cart .view-cart-tabs .nav-tabs{border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important; padding:0 8px;background:rgba(255,255,255,.02);margin:0} #order-standard_cart .view-cart-tabs .nav-item{margin:0} #order-standard_cart .view-cart-tabs .nav-link{position:relative;border:0!important;background:transparent!important; color:var(--pc-muted)!important;font-weight:700;font-size:.85rem;padding:13px 14px!important;border-radius:0!important} #order-standard_cart .view-cart-tabs .nav-link:hover{color:#fff!important} #order-standard_cart .view-cart-tabs .nav-link.active{color:var(--pc-neon)!important} #order-standard_cart .view-cart-tabs .nav-link.active::after{content:"";position:absolute;inset-inline:12px;bottom:-1px; height:2px;background:var(--pc-neon);border-radius:2px;box-shadow:0 0 10px rgba(24,224,255,.85)} #order-standard_cart .view-cart-tabs .tab-content{padding:18px} /* ورودیِ کدِ تخفیف */ #order-standard_cart #inputPromotionCode{width:100%;padding:12px 14px;border-radius:12px; border:1px solid var(--pc-border)!important;background:var(--sv-inset,#0b1018)!important;color:var(--pc-text)!important; font-family:inherit;font-size:.9rem;box-shadow:none!important} #order-standard_cart #inputPromotionCode:focus{border-color:rgba(24,224,255,.5)!important;box-shadow:0 0 0 3px rgba(24,224,255,.12)!important} #order-standard_cart #inputPromotionCode::placeholder{color:var(--pc-muted)} #order-standard_cart .tab-pane.promo .btn-default{width:100%;padding:12px;border-radius:12px; background:rgba(24,224,255,.09)!important;border:1px solid rgba(24,224,255,.32)!important; color:var(--pc-neon)!important;font-weight:700;transition:.15s} #order-standard_cart .tab-pane.promo .btn-default:hover{background:rgba(24,224,255,.16)!important} #order-standard_cart .view-cart-promotion-code{padding:12px 14px;border-radius:12px;margin-bottom:12px; background:rgba(47,217,138,.1);border:1px solid rgba(47,217,138,.28);color:#b6f0d3;font-weight:700;text-align:center} /* کارتِ خلاصهٔ سفارش */ #order-standard_cart .order-summary{border-radius:16px!important;overflow:hidden; border:1px solid var(--pc-border)!important; background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface))!important; box-shadow:0 14px 34px -24px rgba(0,0,0,.85)!important} #order-standard_cart .order-summary .panel-heading, #order-standard_cart .order-summary .card-header{background:rgba(255,255,255,.02)!important; border-bottom:1px solid rgba(255,255,255,.07)!important;font-weight:800!important;padding:14px 16px!important} #order-standard_cart .total-due-today{padding:16px!important;border-top:1px solid rgba(255,255,255,.07)!important; text-align:center} #order-standard_cart .total-due-today .amt,#order-standard_cart #totalDueToday{ display:block;color:var(--pc-neon)!important;font-weight:900!important;font-size:1.6rem!important; text-shadow:0 0 22px rgba(24,224,255,.4)} #order-standard_cart .total-due-today>span:last-child{color:var(--pc-muted)!important;font-size:.8rem} /* دکمهٔ پرداخت نهایی → نئونی (به‌جای سبزِ بوت‌استرپ) */ #order-standard_cart .btn-checkout{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%; background:linear-gradient(90deg,var(--sv-n2,#39B4FF),var(--pc-neon))!important;border:0!important; color:#04121a!important;font-weight:800!important;font-size:1rem!important;border-radius:12px!important; padding:13px 24px!important;box-shadow:0 12px 30px -14px rgba(24,224,255,.85)!important;transition:.15s} #order-standard_cart .btn-checkout:hover{filter:brightness(1.07);color:#04121a!important} #order-standard_cart .btn-checkout.disabled,#order-standard_cart .btn-checkout[disabled]{ opacity:.4;filter:grayscale(.5);box-shadow:none!important;pointer-events:none} #order-standard_cart .btn-continue-shopping{display:inline-block;margin-top:10px;color:var(--pc-muted)!important; font-size:.82rem;font-weight:600;text-decoration:none} #order-standard_cart .btn-continue-shopping:hover{color:var(--pc-neon)!important} #order-standard_cart .empty-cart .btn-link{color:#FF5D6E!important;font-size:.8rem;font-weight:600} @media (max-width:991px){ .pc-cart-head .pc-sthead-main{padding:15px 16px} .pc-cart-head h1{font-size:1.12rem} .pc-cart-back{padding:7px 11px;font-size:.78rem} } /* ============================================================ صفحهٔ پیکربندی محصول (configureproduct) ============================================================ */ .pc-cfg .cart-body>form>.row{margin-inline:0} .pc-cfg .secondary-cart-body>p:first-of-type{color:var(--pc-muted);font-size:.9rem;margin-bottom:14px} /* کارتِ معرفیِ محصول */ .pc-cfg .product-info{border-radius:16px!important;padding:18px!important;margin-bottom:18px!important; border:1px solid var(--pc-border)!important; background:linear-gradient(150deg,rgba(24,224,255,.08),var(--pc-surface-2) 45%,var(--pc-surface))!important} .pc-cfg .product-info .product-title{font-size:1.15rem!important;font-weight:800!important; color:var(--pc-neon)!important;margin:0 0 8px!important} .pc-cfg .product-info p:not(.product-title){margin:0!important;color:var(--pc-muted)!important; font-size:.86rem!important;line-height:2} /* عنوان‌های بخش */ .pc-cfg .sub-heading{margin:22px 0 14px!important;border:0!important;position:relative} .pc-cfg .sub-heading span{background:transparent!important;padding:0 0 0 10px!important; color:var(--pc-text)!important;font-weight:800!important;font-size:1rem!important; border-inline-end:3px solid var(--pc-neon);padding-inline-end:10px!important} /* فیلدها */ .pc-cfg .field-container{margin-bottom:16px} .pc-cfg label,.pc-cfg .control-label{color:var(--pc-text)!important;font-weight:700!important;font-size:.86rem!important;margin-bottom:7px} .pc-cfg .form-control,.pc-cfg select.form-control,.pc-cfg .custom-select{ border-radius:12px!important;padding:11px 14px!important;height:auto!important; border:1px solid var(--pc-border)!important;background:var(--sv-inset,#0b1018)!important; color:var(--pc-text)!important;font-family:inherit!important;font-size:.92rem!important;box-shadow:none!important} .pc-cfg .form-control:focus,.pc-cfg .custom-select:focus{ border-color:rgba(24,224,255,.5)!important;box-shadow:0 0 0 3px rgba(24,224,255,.12)!important} .pc-cfg select option{background:#11131A;color:#fff} /* اسلایدرِ ion.rangeSlider → تمِ نئونی */ .pc-cfg .irs{margin-top:6px} .pc-cfg .irs-line{background:var(--sv-inset,#0b1018)!important;border:1px solid var(--pc-border)!important; border-radius:999px!important;height:8px!important;top:26px!important} .pc-cfg .irs-bar{background:linear-gradient(90deg,var(--sv-n2,#39B4FF),var(--pc-neon))!important; border:0!important;height:8px!important;top:26px!important;border-radius:999px!important} .pc-cfg .irs-handle,.pc-cfg .irs-slider{width:20px!important;height:20px!important;top:20px!important; border-radius:50%!important;background:var(--pc-neon)!important;border:3px solid #0b1018!important; box-shadow:0 0 12px rgba(24,224,255,.85)!important;cursor:pointer} .pc-cfg .irs-handle>i,.pc-cfg .irs-handle::before,.pc-cfg .irs-handle::after{display:none!important} .pc-cfg .irs-min,.pc-cfg .irs-max{background:transparent!important;color:var(--pc-muted)!important;font-size:.72rem!important} .pc-cfg .irs-from,.pc-cfg .irs-to,.pc-cfg .irs-single{ background:var(--pc-neon)!important;color:#04222b!important;font-weight:800!important; border-radius:8px!important;padding:2px 8px!important;font-size:.75rem!important} .pc-cfg .irs-from::before,.pc-cfg .irs-to::before,.pc-cfg .irs-single::before{border-top-color:var(--pc-neon)!important} .pc-cfg .irs-grid-text{color:var(--pc-muted)!important;font-size:.7rem!important} .pc-cfg .irs-grid-pol{background:var(--pc-border)!important} /* کارت‌های افزونه */ .pc-cfg .panel-addon{border-radius:14px!important;overflow:hidden;transition:.16s} .pc-cfg .panel-addon:hover{border-color:rgba(24,224,255,.35)!important;transform:translateY(-2px)} .pc-cfg .panel-addon-selected{border-color:rgba(24,224,255,.5)!important; box-shadow:0 0 0 1px rgba(24,224,255,.25) inset,0 14px 32px -20px rgba(24,224,255,.6)!important} .pc-cfg .panel-addon label{font-size:.92rem!important;font-weight:800!important;color:#fff!important} .pc-cfg .panel-addon .card-body,.pc-cfg .panel-addon .panel-body{color:var(--pc-muted)!important;font-size:.83rem;line-height:1.9} /* نوارِ «افزودن به کارت» → نئونی به‌جای سبز */ .pc-cfg .panel-add{background:linear-gradient(90deg,var(--sv-n2,#39B4FF),var(--pc-neon))!important; color:#04121a!important;font-weight:800!important;text-align:center;padding:11px!important; cursor:pointer;transition:.15s;border:0!important} .pc-cfg .panel-add:hover{filter:brightness(1.07)} .pc-cfg .panel-addon-selected .panel-add{background:rgba(255,93,110,.16)!important;color:#FF5D6E!important} /* هشدارِ «سؤالی دارید؟» */ .pc-cfg .info-text-sm{border-radius:12px!important;font-size:.83rem!important; background:rgba(24,224,255,.07)!important;border:1px solid rgba(24,224,255,.2)!important;color:#cfe9f3!important} .pc-cfg .info-text-sm .alert-link{color:var(--pc-neon)!important;font-weight:700} /* دکمهٔ «ادامه» */ .pc-cfg #btnCompleteProductConfig{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%; background:linear-gradient(90deg,var(--sv-n2,#39B4FF),var(--pc-neon))!important;border:0!important; color:#04121a!important;font-weight:800!important;font-size:1rem!important;border-radius:12px!important; padding:13px 24px!important;box-shadow:0 12px 30px -14px rgba(24,224,255,.85)!important;transition:.15s} .pc-cfg #btnCompleteProductConfig:hover{filter:brightness(1.07)} .pc-cfg #orderSummary>.text-center{margin-top:12px} /* ---------- کارت‌های افزونه: انتخابِ یکدستِ کلِ کارت ---------- */ /* ردیف را flex کن تا کارت‌ها هم‌ارتفاع شوند (قبلاً نوارِ قیمت‌ها هم‌تراز نبود) */ .pc-cfg .addon-products{display:flex;flex-wrap:wrap;margin-inline:-7px} .pc-cfg .addon-products>[class*="col-"]{display:flex;padding:0 7px;margin-bottom:14px} .pc-cfg .panel-addon{position:relative;width:100%;display:flex;flex-direction:column;cursor:pointer; border-radius:14px!important;overflow:hidden; border:1.5px solid var(--pc-border)!important; background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface))!important; transition:border-color .16s,box-shadow .16s,transform .16s,background .16s} .pc-cfg .panel-addon:hover{transform:translateY(-2px);border-color:rgba(24,224,255,.35)!important} /* هیچ بخشی پس‌زمینهٔ مستقل نداشته باشد تا رنگِ «انتخاب‌شده» کلِ کارت را بگیرد */ .pc-cfg .panel-addon .card-body,.pc-cfg .panel-addon .panel-body{ background:transparent!important;flex:1 1 auto;padding:16px!important; color:var(--pc-muted)!important;font-size:.83rem;line-height:1.9} .pc-cfg .panel-addon label{display:flex!important;align-items:flex-start;gap:10px;margin:0 0 8px!important; font-size:.92rem!important;font-weight:800!important;color:#fff!important;cursor:pointer} .pc-cfg .panel-addon .panel-price{background:rgba(255,255,255,.03)!important; border-top:1px solid rgba(255,255,255,.07)!important;border-bottom:0!important; color:var(--pc-neon)!important;font-weight:800!important;text-align:center;padding:11px 14px!important; transition:background .16s,border-color .16s} /* حالتِ انتخاب‌شده — یک قابِ نئونیِ یکپارچه روی کلِ کارت */ .pc-cfg .panel-addon-selected{border-color:rgba(24,224,255,.6)!important; background:linear-gradient(165deg,rgba(24,224,255,.16),rgba(24,224,255,.06) 55%,rgba(24,224,255,.02))!important; box-shadow:0 0 0 1px rgba(24,224,255,.28) inset,0 16px 36px -20px rgba(24,224,255,.65)!important} .pc-cfg .panel-addon-selected .card-body,.pc-cfg .panel-addon-selected .panel-body{color:#cfe9f3!important} .pc-cfg .panel-addon-selected .panel-price{background:rgba(24,224,255,.10)!important; border-top-color:rgba(24,224,255,.24)!important} /* چک‌باکسِ درشت‌تر و نئونی */ .pc-cfg .panel-addon input[type=checkbox]{position:relative;appearance:none;-webkit-appearance:none; flex:0 0 auto;width:20px;height:20px;margin:1px 0 0!important;border-radius:6px;cursor:pointer; border:1.5px solid var(--pc-border);background:var(--sv-inset,#0b1018);transition:.15s} .pc-cfg .panel-addon input[type=checkbox]:checked{background:var(--pc-neon);border-color:var(--pc-neon); box-shadow:0 0 12px rgba(24,224,255,.7)} .pc-cfg .panel-addon input[type=checkbox]:checked::after{content:"";position:absolute;left:6px;top:2px; width:5px;height:10px;border:solid #04222b;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)} /* نوارِ پایین */ .pc-cfg .panel-add{background:linear-gradient(90deg,var(--sv-n2,#39B4FF),var(--pc-neon))!important; color:#04121a!important;font-weight:800!important;text-align:center;padding:11px!important; cursor:pointer;transition:.15s;border:0!important;font-size:.86rem} .pc-cfg .panel-add:hover{filter:brightness(1.07)} .pc-cfg .panel-addon-selected .panel-add{background:rgba(255,93,110,.14)!important;color:#FF5D6E!important; border-top:1px solid rgba(255,93,110,.28)!important} /* ⚠️ رفعِ تلهٔ specificity: قاعدهٔ قدیمیِ `#frmConfigureProduct .panel` (شناسه‌دار) بر قاعده‌های کلاس‌محورِ بالا غالب می‌شد و پس‌زمینهٔ تیره را روی کارتِ افزونه نگه می‌داشت — برای همین حالتِ «انتخاب‌شده» فقط نوارِ قیمت را رنگ می‌کرد و بدنه تیره می‌ماند. این بلوک با شناسه + کلاس (specificity بالاتر) همان را خنثی می‌کند. */ #order-standard_cart.pc-cfg .panel-addon, #order-standard_cart.pc-cfg .panel-addon .card-body, #order-standard_cart.pc-cfg .panel-addon .panel-body, #order-standard_cart.pc-cfg .panel-addon .panel-heading{background:transparent!important} #order-standard_cart.pc-cfg .panel-addon{ background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface))!important; border:1.5px solid var(--pc-border)!important;border-radius:14px!important} #order-standard_cart.pc-cfg .panel-addon:hover{border-color:rgba(24,224,255,.35)!important} #order-standard_cart.pc-cfg .panel-addon-selected{ border-color:rgba(24,224,255,.6)!important; background:linear-gradient(165deg,rgba(24,224,255,.17),rgba(24,224,255,.07) 55%,rgba(24,224,255,.03))!important; box-shadow:0 0 0 1px rgba(24,224,255,.28) inset,0 16px 36px -20px rgba(24,224,255,.65)!important} #order-standard_cart.pc-cfg .panel-addon-selected .card-body, #order-standard_cart.pc-cfg .panel-addon-selected .panel-body{background:transparent!important;color:#cfe9f3!important} #order-standard_cart.pc-cfg .panel-addon-selected .panel-price{ background:rgba(24,224,255,.10)!important;border-top-color:rgba(24,224,255,.24)!important} /* ⚠️ کلیک روی «همهٔ» کارتِ افزونه یکدست شود. اسکریپتِ خودِ WHMCS (js/scripts.js:2663) روی کلِ .panel-addon یک هندلر دارد که با iCheck تیک را برعکس می‌کند. ولی چک‌باکس و لیبل هندلرِ مستقلِ خودشان را هم دارند، پس کلیک روی آن ناحیه دو بار سوییچ می‌شد و عملاً «تیک نمی‌خورد». با برداشتنِ pointer-events از فرزندها، هر کلیک روی هر جای کارت فقط یک بار و از مسیرِ همان هندلرِ واحد پردازش می‌شود. */ #order-standard_cart.pc-cfg .panel-addon{cursor:pointer} #order-standard_cart.pc-cfg .panel-addon label, #order-standard_cart.pc-cfg .panel-addon input[type=checkbox], #order-standard_cart.pc-cfg .panel-addon .icheckbox_square-blue, #order-standard_cart.pc-cfg .panel-addon .panel-price, #order-standard_cart.pc-cfg .panel-addon .panel-add, #order-standard_cart.pc-cfg .panel-addon .card-body, #order-standard_cart.pc-cfg .panel-addon .panel-body{pointer-events:none} /* بازخوردِ فشردن، تا کاربر بفهمد کلیکش گرفته شد */ #order-standard_cart.pc-cfg .panel-addon:active{transform:translateY(0) scale(.99)} /* ============================================================ نشانگرِ انتخابِ افزونه — ساختِ خودمان چرا: چک‌باکسِ اصلی را افزونهٔ iCheck هنگام اجرا با یک
اسپرایت‌دار جایگزین می‌کند، پس هرچه روی خودِ استایل بدهیم یا نصفه رندر می‌شود یا اصلاً دیده نمی‌شود. راه‌حل: هم input و هم wrapperِ iCheck را کامل پنهان کن و نشانگر را با ::before بکش. ============================================================ */ #order-standard_cart.pc-cfg .panel-addon input[type=checkbox]{ position:absolute!important;opacity:0!important;width:1px!important;height:1px!important; margin:0!important;padding:0!important;border:0!important;pointer-events:none!important; clip:rect(0 0 0 0);overflow:hidden} #order-standard_cart.pc-cfg .panel-addon div[class*="icheckbox"], #order-standard_cart.pc-cfg .panel-addon div[class*="iradio"]{display:none!important} #order-standard_cart.pc-cfg .panel-addon .card-body, #order-standard_cart.pc-cfg .panel-addon .panel-body{position:relative;padding:16px 54px 16px 16px!important} html[dir="rtl"] #order-standard_cart.pc-cfg .panel-addon .card-body, html[dir="rtl"] #order-standard_cart.pc-cfg .panel-addon .panel-body{padding:16px 54px 16px 16px!important} #order-standard_cart.pc-cfg .panel-addon .card-body::before{ content:"";position:absolute;inset-inline-start:16px;top:17px; width:22px;height:22px;border-radius:7px;box-sizing:border-box; border:1.5px solid rgba(255,255,255,.24);background:var(--sv-inset,#0b1018); transition:background .15s,border-color .15s,box-shadow .15s} #order-standard_cart.pc-cfg .panel-addon:hover .card-body::before{border-color:rgba(24,224,255,.55)} #order-standard_cart.pc-cfg .panel-addon-selected .card-body::before{ border-color:var(--pc-neon); background:var(--pc-neon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304222b' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/13px 13px no-repeat; box-shadow:0 0 13px rgba(24,224,255,.8)} /* لیبل دیگر نیازی به چیدمانِ flex ندارد (چک‌باکس پنهان است) */ #order-standard_cart.pc-cfg .panel-addon label{display:block!important;margin:0 0 8px!important; font-size:.92rem!important;font-weight:800!important;color:#fff!important;line-height:1.5;cursor:pointer} /* ============================================================ منوی حسابِ کاربری در هدر (Secondary Navbar → Account) ============================================================ */ /* دکمهٔ باز‌کننده */ #header .pc-secondary .account>.dropdown-toggle{ display:inline-flex!important;align-items:center;gap:9px;padding:8px 14px!important;border-radius:12px!important; border:1px solid var(--pc-border)!important;background:rgba(255,255,255,.03)!important; color:var(--pc-text)!important;font-size:.86rem!important;font-weight:700!important; text-decoration:none!important;transition:.15s} #header .pc-secondary .account>.dropdown-toggle::before{ content:"";width:24px;height:24px;flex:0 0 auto;border-radius:50%; background:linear-gradient(140deg,rgba(24,224,255,.85),rgba(24,224,255,.35)); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") center/24px no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") center/24px no-repeat} #header .pc-secondary .account>.dropdown-toggle:hover, #header .pc-secondary .account.show>.dropdown-toggle{ border-color:rgba(24,224,255,.45)!important;background:rgba(24,224,255,.09)!important;color:#fff!important} /* پنلِ کشویی */ #header .pc-secondary .dropdown-menu{ min-width:232px;padding:8px!important;margin-top:10px!important;border-radius:16px!important; background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface))!important; border:1px solid var(--pc-border)!important; box-shadow:0 26px 60px -26px rgba(0,0,0,.95),0 0 0 1px rgba(24,224,255,.04)!important} /* هر آیتم (WHMCS دو تا dropdown-item تودرتو می‌سازد؛ بیرونی را خنثی کن) */ #header .pc-secondary .dropdown-menu>li.dropdown-item{ padding:0!important;background:transparent!important;border:0!important} #header .pc-secondary .dropdown-menu>li>a{ display:flex!important;align-items:center;gap:11px; padding:10px 12px!important;border-radius:11px!important; color:#cdd5e4!important;font-size:.86rem!important;font-weight:600!important; text-decoration:none!important;transition:.14s;white-space:nowrap} #header .pc-secondary .dropdown-menu>li>a:hover, #header .pc-secondary .dropdown-menu>li>a:focus{ background:rgba(24,224,255,.1)!important;color:var(--pc-neon)!important} /* آیکونِ هر آیتم — با mask تا هم‌رنگِ متن بماند */ #header .pc-secondary .dropdown-menu>li>a::before{ content:"";width:17px;height:17px;flex:0 0 auto;background-color:currentColor;opacity:.9; -webkit-mask:var(--pc-ic) center/17px no-repeat;mask:var(--pc-ic) center/17px no-repeat} #Secondary_Navbar-Account-Edit_Account_Details>a{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Ccircle cx='9' cy='11' r='2.4'/%3E%3Cpath d='M5.5 17c.8-1.7 2-2.4 3.5-2.4s2.7.7 3.5 2.4M15 9h4M15 13h4'/%3E%3C/svg%3E")} #Secondary_Navbar-Account-Profile>a{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M6.2 18.5c1.1-2.1 3.2-3.2 5.8-3.2s4.7 1.1 5.8 3.2'/%3E%3C/svg%3E")} #Secondary_Navbar-Account-Change_Password>a{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2.5'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")} #Secondary_Navbar-Account-Security_Settings>a{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3.5v5.2c0 4.7-3.3 8.5-8 9.3-4.7-.8-8-4.6-8-9.3V6.5L12 3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")} #Secondary_Navbar-Account-Logout>a{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 12H4'/%3E%3Cpath d='M8 8l-4 4 4 4'/%3E%3Cpath d='M11 4h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6'/%3E%3C/svg%3E")} /* خروج → قرمز */ #header .pc-secondary #Secondary_Navbar-Account-Logout>a{color:#ff8a94!important} #header .pc-secondary #Secondary_Navbar-Account-Logout>a:hover{ background:rgba(255,93,110,.12)!important;color:#FF5D6E!important} /* جداکننده‌ها */ #header .pc-secondary .dropdown-menu .dropdown-divider, #header .pc-secondary .dropdown-menu .divider{ height:1px!important;margin:6px 8px!important;background:rgba(255,255,255,.08)!important;border:0!important} /* ============================================================ صفحاتِ کاربر: پروفایل / تغییر رمز / تنظیمات امنیتی (.pc-ucard) ============================================================ */ .pc-ucard{margin-bottom:16px!important;border-radius:16px!important;overflow:hidden; border:1px solid var(--pc-border)!important; background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface))!important; box-shadow:0 14px 34px -26px rgba(0,0,0,.85)!important} .pc-ucard>.card-body{padding:20px!important;background:transparent!important} .pc-ucard .card-title{margin:0 0 16px!important;padding:0 0 13px!important;font-size:1rem!important;font-weight:800!important; color:var(--pc-text)!important;border-bottom:1px solid rgba(255,255,255,.07)} /* فیلدها */ .pc-ucard label,.pc-ucard .col-form-label{color:var(--pc-text)!important;font-weight:700!important; font-size:.85rem!important;margin-bottom:7px!important;padding-top:0!important} .pc-ucard .form-control,.pc-ucard select.form-control,.pc-ucard .custom-select{ border-radius:12px!important;padding:11px 14px!important;height:auto!important; border:1px solid var(--pc-border)!important;background:var(--sv-inset,#0b1018)!important; color:var(--pc-text)!important;font-family:inherit!important;font-size:.92rem!important;box-shadow:none!important} .pc-ucard .form-control:focus,.pc-ucard .custom-select:focus{ border-color:rgba(24,224,255,.5)!important;box-shadow:0 0 0 3px rgba(24,224,255,.12)!important} .pc-ucard .form-control:disabled,.pc-ucard .form-control[disabled]{opacity:.55;cursor:not-allowed} .pc-ucard .form-control::placeholder{color:var(--pc-muted)} .pc-ucard select option{background:#11131A;color:#fff} .pc-ucard .form-group{margin-bottom:15px} /* دکمه‌ها */ .pc-ucard .btn-primary,.pc-ucard input.btn-primary{ background:linear-gradient(90deg,var(--sv-n2,#39B4FF),var(--pc-neon))!important;border:0!important; color:#04121a!important;font-weight:800!important;border-radius:12px!important; padding:11px 26px!important;box-shadow:0 10px 26px -14px rgba(24,224,255,.85)!important;transition:.15s} .pc-ucard .btn-primary:hover{filter:brightness(1.07)} .pc-ucard .btn-default,.pc-ucard input.btn-default{ background:var(--pc-surface-3)!important;border:1px solid var(--pc-border)!important; color:#cdd5e4!important;font-weight:700!important;border-radius:12px!important;padding:11px 22px!important} .pc-ucard .btn-default:hover{border-color:#2E3849!important;color:#fff!important} .pc-ucard .btn-danger{background:rgba(255,93,110,.14)!important;border:1px solid rgba(255,93,110,.35)!important; color:#FF5D6E!important;font-weight:700!important;border-radius:12px!important;padding:11px 22px!important} .pc-ucard .btn-success{background:linear-gradient(90deg,#2FD98A,#1FB673)!important;border:0!important; color:#04221a!important;font-weight:800!important;border-radius:12px!important;padding:11px 22px!important} .pc-ucard .generate-password{margin-top:26px} /* نشانِ تأیید ایمیل */ .pc-ucard .label{display:inline-flex;align-items:center;gap:6px;padding:5px 12px!important; border-radius:999px!important;font-size:.76rem!important;font-weight:700!important} .pc-ucard .label-success{background:rgba(47,217,138,.13)!important;color:#2FD98A!important} .pc-ucard .label-default{background:rgba(255,194,75,.13)!important;color:#FFC24B!important} /* هشدارها داخل کارت */ .pc-ucard .alert{border-radius:12px!important;font-size:.85rem!important;padding:12px 14px!important; background:rgba(255,194,75,.09)!important;border:1px solid rgba(255,194,75,.26)!important;color:#ffe0a8!important} .pc-ucard .alert-danger{background:rgba(255,93,110,.09)!important;border-color:rgba(255,93,110,.3)!important;color:#ffc8ce!important} .pc-ucard .alert-success{background:rgba(47,217,138,.09)!important;border-color:rgba(47,217,138,.28)!important;color:#b6f0d3!important} /* نوارِ قدرتِ رمز */ .pc-ucard .progress{height:8px;border-radius:999px;background:var(--sv-inset,#0b1018); border:1px solid var(--pc-border);overflow:hidden;margin-top:8px} .pc-ucard .progress-bar{border-radius:999px} .pc-ucard #inputNewPassword2Msg{margin-top:6px;font-size:.8rem;color:var(--pc-muted)} .pc-ucard .twofa-config-link{color:var(--pc-muted)!important;font-size:.88rem} .pc-ucard .twofa-config-link strong{color:var(--pc-neon)!important} .pc-ucard p{color:var(--pc-muted)} /* ============================================================ اورلیِ انتظار (#pcLoad) — برای صفحه‌های کند مثل «مدیریت سرور» که به API مسترِ Virtualizor وصل می‌شوند. ============================================================ */ #pcLoad{position:fixed;inset:0;z-index:20000; display:flex;align-items:center;justify-content:center; background:rgba(6,9,14,.82);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s} #pcLoad.on{opacity:1;visibility:visible} /* نوارِ باریکِ بالای صفحه */ #pcLoad .pcl-bar{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.06)} #pcLoad .pcl-bar > i{display:block;height:100%;width:0; background:linear-gradient(90deg,var(--sv-n2,#39B4FF),var(--pc-neon,#18E0FF)); box-shadow:0 0 12px rgba(24,224,255,.85);transition:width .3s ease} #pcLoad .pcl-box{text-align:center;padding:0 22px;transform:translateY(6px); transition:transform .3s cubic-bezier(.2,.8,.3,1)} #pcLoad.on .pcl-box{transform:translateY(0)} /* حلقهٔ چرخان دورِ نشانِ پنگو */ #pcLoad .pcl-ring{position:relative;width:96px;height:96px;margin:0 auto 20px} #pcLoad .pcl-arc{position:absolute;inset:0;width:100%;height:100%; animation:pclSpin 1.15s linear infinite} #pcLoad .pcl-arc circle{fill:none;stroke:var(--pc-neon,#18E0FF);stroke-width:3; stroke-linecap:round;stroke-dasharray:70 213; filter:drop-shadow(0 0 6px rgba(24,224,255,.9))} #pcLoad .pcl-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center} #pcLoad .pcl-mark svg{width:46px;height:46px;animation:pclPulse 1.9s ease-in-out infinite} #pcLoad .pcl-title{font-size:1.06rem;font-weight:800;color:#fff;margin-bottom:7px; text-shadow:0 0 18px rgba(24,224,255,.35)} #pcLoad .pcl-sub{font-size:.86rem;color:var(--pc-muted,#8b97ab);line-height:1.9; max-width:330px;margin:0 auto} @keyframes pclSpin{to{transform:rotate(360deg)}} @keyframes pclPulse{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(1.07);opacity:1}} @media (prefers-reduced-motion:reduce){ #pcLoad .pcl-arc{animation-duration:2.4s} #pcLoad .pcl-mark svg{animation:none} #pcLoad,#pcLoad .pcl-box,#pcLoad .pcl-bar > i{transition:none} } /* ============================================================ فروشگاه روی موبایل — رفعِ سرریزِ افقی و فشردگی ------------------------------------------------------------ ریشهٔ سرریز: فرزندانِ گرید به‌طور پیش‌فرض min-width:auto دارند، یعنی ستون هرگز کوچک‌تر از min-content فرزند نمی‌شود و کلِ صفحه افقی اسکرول می‌خورد. min-width:0 این را می‌بندد. ============================================================ */ .pc-store{width:100%;overflow-x:clip} /* clip نه hidden: sticky را نمی‌شکند */ .pc-store-wrap > *{min-width:0} .pc-stmain,.pc-stnav{min-width:0} .pc-pgrid,.pc-pcard,.pc-pcard-h,.pc-pspecs .t{min-width:0} .pc-pcard-name,.pc-pcard-desc,.pc-pspecs li{overflow-wrap:anywhere} @media (max-width:991px){ /* نوارِ دسته‌بندی لبه‌به‌لبه اسکرول شود، ولی صفحه را پهن نکند */ .pc-stnav-list{padding:10px 12px;scroll-padding-inline:12px} .pc-stnav-item{scroll-snap-align:start} .pc-stnav-list{scroll-snap-type:x proximity} } @media (max-width:575px){ .pc-store-wrap{gap:12px} /* سربرگ: عنوان و آمار زیر هم، نه کنارِ هم فشرده */ .pc-sthead-main{flex-direction:column;align-items:stretch;gap:14px;padding:15px 14px} .pc-sthead-l{gap:12px} .pc-sthead h1{font-size:1.08rem;line-height:1.45} .pc-sthead p{font-size:.78rem} .pc-sthead-eyebrow{font-size:.65rem} .pc-sthead-stat{flex-direction:row;align-items:center;justify-content:space-between; width:100%;padding:9px 14px} .pc-sthead-stat b{font-size:1.15rem} .pc-sthead-stat span{margin-top:0} .pc-sthead-b{padding:10px 14px;gap:6px} /* کارت‌ها: یک‌ستونه با فاصله‌های جمع‌وجورتر */ .pc-pgrid{grid-template-columns:1fr;gap:13px} .pc-pcard{padding:15px;gap:11px} .pc-pcard:hover{transform:none} /* روی لمس، بالاپریدن معنی ندارد */ .pc-pcard-name{font-size:.97rem} .pc-pspecs{padding:12px 0;gap:8px} .pc-pspecs li{font-size:.83rem;gap:8px} .pc-pspecs .i{width:24px;height:24px} .pc-pcard-price .amt{font-size:1.18rem} /* دکمهٔ سفارش تمام‌عرض و قابلِ لمس */ .pc-pcard .pc-btn{width:100%;justify-content:center;padding:11px 14px;min-height:44px} } /* ============================================================ منوی موبایل (زیر ۱۲۰۰ پیکسل) — پنلِ کارتی به‌جای لیستِ لخت ============================================================ */ @media (max-width:1199.98px){ /* ---- دکمهٔ همبرگر ---- */ .pc-onebar .pc-actions .nav-item .btn.nav-link{ display:grid!important;place-items:center;width:42px;height:42px;padding:0!important; border-radius:12px!important;border:1px solid var(--pc-border)!important; background:#1A1D27!important;color:#fff!important;transition:.18s} .pc-onebar .pc-actions .nav-item .btn.nav-link[aria-expanded="true"]{ border-color:rgba(24,224,255,.5)!important;background:rgba(24,224,255,.1)!important; color:var(--pc-neon)!important} /* آیکون به ضربدر تبدیل شود (Font Awesome) */ .pc-onebar .pc-actions .nav-item .btn.nav-link[aria-expanded="true"] .fa-bars::before{content:"\f00d"} .pc-onebar .pc-actions .nav-item .btn.nav-link .fa-bars{font-size:1.15rem} /* ---- پنلِ کشویی ---- */ .pc-onebar #mainNavbar{ margin:10px 0 6px;padding:8px;border-radius:16px; background:linear-gradient(165deg,var(--pc-surface-2),var(--pc-surface)); border:1px solid var(--pc-border); box-shadow:0 24px 50px -26px rgba(0,0,0,.95); max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain} .pc-onebar #mainNavbar:not(.show):not(.collapsing){padding:0;border:0;box-shadow:none;margin:0} /* ---- آیتم‌ها ---- */ .pc-onebar #mainNavbar #nav > li > a, .pc-onebar #mainNavbar .pc-secondary > li > a{ display:flex!important;align-items:center;gap:12px; padding:12px 13px!important;border-radius:12px; font-size:.94rem!important;font-weight:600;color:#cdd5e4!important; text-decoration:none;transition:background .15s,color .15s} .pc-onebar #mainNavbar #nav > li + li{margin-top:2px} .pc-onebar #mainNavbar #nav > li > a:hover{background:rgba(255,255,255,.05);color:#fff!important} /* آیتمِ فعال */ .pc-onebar #mainNavbar #nav > li.active > a, .pc-onebar #mainNavbar #nav > li > a.active{ position:relative;color:#fff!important; background:linear-gradient(90deg,rgba(24,224,255,.16),rgba(24,224,255,.03))} .pc-onebar #mainNavbar #nav > li.active > a::after{ content:"";position:absolute;inset-inline-end:0;top:9px;bottom:9px;width:3px; border-radius:99px;background:var(--pc-neon);box-shadow:0 0 10px rgba(24,224,255,.9)} /* آیکونِ هر آیتم — با mask تا هم‌رنگِ متن بماند */ .pc-onebar #mainNavbar #nav > li > a::before{ content:"";width:19px;height:19px;flex:0 0 auto;background-color:currentColor;opacity:.9; -webkit-mask:var(--pc-ic) center/19px no-repeat;mask:var(--pc-ic) center/19px no-repeat} #Primary_Navbar-pc-dash > a{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1.6'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1.6'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1.6'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1.6'/%3E%3C/svg%3E")} #Primary_Navbar-pc-srv > a{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='4' width='18' height='7' rx='2'/%3E%3Crect x='3' y='13' width='18' height='7' rx='2'/%3E%3Cpath d='M7 7.5h.01M7 16.5h.01'/%3E%3C/svg%3E")} #Primary_Navbar-pc-store > a{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h16l-1.2 11a2 2 0 0 1-2 1.8H7.2a2 2 0 0 1-2-1.8L4 8z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")} #Primary_Navbar-pc-inv > a{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h9l5 5v15H6z'/%3E%3Cpath d='M14 2v6h6M9 13h6M9 17h4'/%3E%3C/svg%3E")} #Primary_Navbar-pc-sup > a{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 1 1-3.2-6.4'/%3E%3Cpath d='M21 4v5h-5'/%3E%3Cpath d='M8.5 11h.01M12 11h.01M15.5 11h.01'/%3E%3C/svg%3E")} /* ---- بخشِ حساب کاربری ---- */ .pc-onebar #mainNavbar .pc-secondary{ margin-top:8px!important;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)} #header .pc-onebar #mainNavbar .pc-secondary .account > .dropdown-toggle{ width:100%;justify-content:flex-start;padding:12px 13px!important;border-radius:12px!important} /* منوی حساب داخلِ پنل، نه پاپ‌آپِ شناور */ #header .pc-onebar #mainNavbar .pc-secondary .dropdown-menu{ position:static!important;float:none;width:100%;min-width:0; margin:6px 0 0!important;box-shadow:none!important; background:rgba(0,0,0,.25)!important;border-color:rgba(255,255,255,.07)!important} /* ---- ورودِ نرمِ آیتم‌ها ---- */ .pc-onebar #mainNavbar.show #nav > li{animation:pcNavIn .26s ease both} .pc-onebar #mainNavbar.show #nav > li:nth-child(2){animation-delay:.035s} .pc-onebar #mainNavbar.show #nav > li:nth-child(3){animation-delay:.07s} .pc-onebar #mainNavbar.show #nav > li:nth-child(4){animation-delay:.105s} .pc-onebar #mainNavbar.show #nav > li:nth-child(5){animation-delay:.14s} @keyframes pcNavIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} } @media (prefers-reduced-motion:reduce){ .pc-onebar #mainNavbar.show #nav > li{animation:none!important} } /* ===== هشدارِ فاکتور پرداخت‌نشده در صفحهٔ سرویس (pcv=188) ===== */ .pc-invalert{ display:flex; align-items:center; gap:14px; margin:0 0 18px; padding:14px 16px; border-radius:14px; background:linear-gradient(180deg, rgba(245,178,58,.10), rgba(245,178,58,.04)); border:1px solid rgba(245,178,58,.32); box-shadow:inset 3px 0 0 0 #F5B23A; color:#F6D9A0; } .pc-invalert.overdue{ background:linear-gradient(180deg, rgba(255,92,92,.11), rgba(255,92,92,.04)); border-color:rgba(255,92,92,.34); box-shadow:inset 3px 0 0 0 #FF5C5C; color:#FFC9C9; } .pc-invalert-ic{ flex:0 0 auto; display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:rgba(245,178,58,.13); color:#F5B23A; } .pc-invalert.overdue .pc-invalert-ic{ background:rgba(255,92,92,.13); color:#FF6B6B; } .pc-invalert-txt{ flex:1 1 auto; min-width:0; font-size:14px; line-height:1.75; } .pc-invalert-btn{ flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; padding:9px 16px; border-radius:10px; font-size:13px; font-weight:700; white-space:nowrap; background:#F5B23A; color:#20160A !important; border:0; text-decoration:none !important; transition:filter .15s ease, box-shadow .15s ease; } .pc-invalert-btn:hover{ filter:brightness(1.08); box-shadow:0 4px 16px rgba(245,178,58,.28); } .pc-invalert.overdue .pc-invalert-btn{ background:#FF5C5C; color:#2A0D0D !important; } .pc-invalert.overdue .pc-invalert-btn:hover{ box-shadow:0 4px 16px rgba(255,92,92,.3); } @media (max-width:575.98px){ .pc-invalert{ flex-wrap:wrap; gap:10px 12px; padding:13px 14px; } .pc-invalert-txt{ flex:1 1 100%; order:2; font-size:13px; } .pc-invalert-btn{ order:3; width:100%; justify-content:center; } } /* ===== پرچمِ کشور به‌جای آیکونِ سرور در کارت‌های «سرورهای من» و لیست سرویس‌ها (pcv=189) ===== */ /* از همان .pc-flagbox فروشگاه استفاده می‌شود؛ فقط اندازه/ترازش با هدرِ کارت هماهنگ می‌شود. */ .pc-srvc-top > .pc-flagbox.lg{ width:40px; height:28px; border-radius:7px; margin-top:3px; /* هم‌ترازی نوریِ بالای پرچم با خطِ اولِ نام */ box-shadow:0 0 0 3px rgba(255,255,255,.04), 0 6px 16px -6px rgba(0,0,0,.85); } @media (max-width:575.98px){ .pc-srvc-top > .pc-flagbox.lg{ width:34px; height:24px; border-radius:6px; margin-top:2px; } } /* ===== رفعِ سرریزِ افقی در موبایل — «هدر از سمت چپ خالی می‌شود» (pcv=190) ===== */ /* نشانه: صفحه افقی اسکرول می‌خورَد، ولی نوارِ هدر فقط به‌اندازهٔ عرضِ ویوپورت رنگ دارد، پس وقتی اسکرول کنی یک نوارِ خالی کنارش می‌ماند. علت همیشه یک فرزندِ گرید است که min-width پیش‌فرضش auto است و کوچک‌تر از min-content خودش نمی‌شود. */ /* ۱) تورِ ایمنیِ سراسری — عمداً clip نه hidden (hidden یک scroll container می‌سازد و position:sticky را می‌شکند) */ html,body{overflow-x:clip} /* ۲) هدر/نوارها همیشه تمامِ عرض را بگیرند حتی اگر چیزی سرریز کرد */ header.header,.pc-onebar,.topbar,.master-breadcrumb{width:100%;max-width:100%} /* ۳) علتِ اصلی: فرزندانِ گرید بدونِ min-width:0 */ .pc-dash-grid > *,.pc-dash-main,.pc-dash-side, .pc-sgrid > *,.pc-srv-grid > *,.pc-svc-grid > *{min-width:0} /* ۴) گریدهای auto-fill نباید ستونی پهن‌تر از خودِ صفحه بسازند. minmax(255px,1fr) روی موبایلِ باریک ۲۵۵px را تحمیل می‌کند → سرریز. min(255px,100%) یعنی «۲۵۵ پیکسل، مگر اینکه صفحه از آن باریک‌تر باشد». */ .pc-srv-grid{grid-template-columns:repeat(auto-fill,minmax(min(255px,100%),1fr))} .pc-svc-grid{grid-template-columns:repeat(auto-fill,minmax(min(272px,100%),1fr))} /* ===== صفحهٔ «سفارش ثبت شد» (orderforms/pengucloud_cart/complete.tpl) — pcv=191 ===== */ /* ⚠️ سلکتور باید IDدار باشد: خودِ فروشگاه در all.min.css قاعدهٔ `#order-standard_cart{margin:0}` دارد و آن فایل بعد از custom.css لود می‌شود — یک سلکتورِ کلاسی هرگز به آن نمی‌رسد. */ #order-standard_cart.pc-ordone{max-width:680px;margin:0 auto!important;padding:0 4px} .pc-done{ position:relative; overflow:hidden; margin:8px 0 22px; padding:38px 30px 30px; border-radius:20px; text-align:center; background:linear-gradient(170deg,var(--pc-surface-2,#141721),var(--pc-surface,#10131b)); border:1px solid var(--pc-border,#262A36); box-shadow:0 24px 60px -34px rgba(0,0,0,.9); } /* هالهٔ نرم پشتِ آیکون — سبز برای پرداخت‌شده، کهربایی برای در انتظارِ پرداخت */ .pc-done-glow{ position:absolute; top:-120px; inset-inline-start:50%; transform:translateX(-50%); width:340px; height:340px; border-radius:50%; pointer-events:none; background:radial-gradient(circle,rgba(47,217,138,.16),transparent 62%); } .pc-done.wait .pc-done-glow{background:radial-gradient(circle,rgba(245,178,58,.16),transparent 62%)} .pc-done > *{position:relative; z-index:1} .pc-done-badge{ width:74px; height:74px; margin:0 auto 18px; display:grid; place-items:center; border-radius:50%; background:rgba(47,217,138,.11); color:#2FD98A; border:1px solid rgba(47,217,138,.3); box-shadow:0 0 0 8px rgba(47,217,138,.05); } .pc-done.wait .pc-done-badge{ background:rgba(245,178,58,.11); color:#F5B23A; border-color:rgba(245,178,58,.32); box-shadow:0 0 0 8px rgba(245,178,58,.05); } .pc-done-badge svg{width:38px; height:38px} .pc-done-title{margin:0 0 8px!important; font-size:1.6rem!important; font-weight:900!important; color:var(--pc-text)!important; line-height:1.4} .pc-done-sub{margin:0 auto 24px!important; max-width:44ch; color:var(--pc-muted)!important; font-size:.95rem; line-height:1.9} .pc-done-order{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px 14px; padding:15px 18px; margin-bottom:20px; border-radius:14px; background:var(--sv-inset,#0b1018); border:1px solid var(--pc-border,#262A36); } .pc-done-order .k{color:var(--pc-muted); font-size:.88rem; font-weight:600} .pc-done-num{font-size:1.02rem!important; font-weight:800!important; letter-spacing:.5px} .pc-done-num.copied::after{content:"کپی شد"; margin-inline-start:8px; color:#2FD98A; font-size:.76rem; font-weight:700} .pc-done-note{ margin:0 0 20px; padding:14px 16px; border-radius:13px; font-size:.9rem; line-height:1.9; text-align:start; } .pc-done-note b{display:block; margin-bottom:3px} .pc-done-note.ok {background:rgba(47,217,138,.09); border:1px solid rgba(47,217,138,.26); color:#B6EFD3} .pc-done-note.warn{background:rgba(245,178,58,.09); border:1px solid rgba(245,178,58,.3); color:#F6D9A0} .pc-done-note.bad {background:rgba(255,92,92,.09); border:1px solid rgba(255,92,92,.3); color:#FFC9C9} .pc-done-note.info{background:rgba(24,224,255,.08); border:1px solid rgba(24,224,255,.24); color:#BEEBF6} .pc-done-acts{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:20px} .pc-done-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 22px; border-radius:12px; font-size:.92rem; font-weight:700; text-decoration:none!important; background:var(--sv-inset,#0b1018); color:var(--pc-text)!important; border:1px solid var(--pc-border,#262A36); transition:border-color .16s ease, color .16s ease, box-shadow .16s ease, filter .16s ease; } .pc-done-btn:hover{border-color:var(--pc-neon); color:var(--pc-neon)!important} .pc-done-btn.primary{ background:var(--pc-neon); color:#04222b!important; border-color:transparent; box-shadow:0 8px 24px -12px rgba(24,224,255,.75); } .pc-done-btn.primary:hover{filter:brightness(1.07); color:#04222b!important; box-shadow:0 10px 28px -10px rgba(24,224,255,.85)} .pc-done-help{margin:0!important; padding-top:18px; border-top:1px solid var(--pc-border,#262A36); color:var(--pc-muted)!important; font-size:.84rem; line-height:1.9} @media (max-width:575.98px){ .pc-done{padding:30px 18px 24px; border-radius:17px} .pc-done-badge{width:64px; height:64px; margin-bottom:15px} .pc-done-badge svg{width:33px; height:33px} .pc-done-title{font-size:1.32rem!important} .pc-done-sub{font-size:.9rem; margin-bottom:20px!important} .pc-done-order{flex-direction:column; gap:8px; padding:14px} .pc-done-acts{flex-direction:column} .pc-done-btn{width:100%} } /* صفحهٔ سفارش: ستونِ محتوا تمام‌عرض شود تا کارت واقعاً وسطِ صفحه بیفتد. بدونِ این، header.tpl به primary-content کلاسِ col-lg-8/col-xl-9 می‌دهد و سایدبارِ خالی سمتِ دیگر جا می‌گیرد → کارت به یک سمت می‌چسبد. (pcv=192) */ .row:has(.pc-ordone) > div:has(> .sidebar){display:none!important} .row:has(.pc-ordone) > .primary-content{flex:0 0 100%!important;max-width:100%!important} #order-standard_cart.pc-ordone{width:100%} /* ===== هشدارِ اتمامِ ترافیک (صفحهٔ سرور) — ۱۹ شهریور ۱۴۰۵ ===== */ /* رنگِ نوارِ مِتر با شدتِ هشدار عوض می‌شود؛ توکن‌ها داخلِ .pc-sv تعریف‌اند پس فالبکِ صریح می‌دهیم */ .pc-sv-meter.is-warn .bar > span{background:linear-gradient(90deg,#d98a1f,var(--sv-amber,#FFC24B));box-shadow:0 0 12px -2px var(--sv-amber,#FFC24B)} .pc-sv-meter.is-crit .bar > span, .pc-sv-meter.is-out .bar > span{background:linear-gradient(90deg,#c2344a,var(--sv-red,#FF5D6E));box-shadow:0 0 12px -2px var(--sv-red,#FF5D6E)} .pc-sv-meter.is-out .bar > em{color:#fff} .pc-bwalert{ --a:var(--sv-amber,#FFC24B); display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap; margin:0 0 18px;padding:14px 16px;border-radius:14px; border:1px solid color-mix(in srgb,var(--a) 42%,transparent); background:color-mix(in srgb,var(--a) 9%,var(--pc-surface)); } /* فالبک برای مرورگرهای بدونِ color-mix */ @supports not (background:color-mix(in srgb,red 10%,blue)){ .pc-bwalert{border-color:rgba(255,194,75,.42);background:rgba(255,194,75,.09)} .pc-bwalert.crit,.pc-bwalert.out{border-color:rgba(255,93,110,.42);background:rgba(255,93,110,.09)} } .pc-bwalert.crit,.pc-bwalert.out{--a:var(--sv-red,#FF5D6E)} .pc-bwalert .ic{flex:0 0 auto;width:22px;height:22px;color:var(--a);margin-top:1px} .pc-bwalert .ic svg{width:100%;height:100%;display:block} .pc-bwalert .tx{flex:1 1 260px;min-width:0} .pc-bwalert .tx b{display:block;color:var(--a);font-weight:800;font-size:.95rem;margin-bottom:5px} .pc-bwalert .tx > span{display:block;color:#c3c9d6;font-size:.86rem;line-height:1.95} .pc-bwalert .tx > span b{display:inline;color:#fff;font-weight:800;margin:0} .pc-bwalert .cta{ flex:0 0 auto;align-self:center; padding:9px 16px;border-radius:10px;white-space:nowrap; background:var(--a);color:#0b1018;font-weight:800;font-size:.85rem; text-decoration:none;transition:filter .15s,transform .15s; } .pc-bwalert .cta:hover{filter:brightness(1.12);transform:translateY(-1px);color:#0b1018;text-decoration:none} @media(max-width:520px){ .pc-bwalert{gap:10px} .pc-bwalert .cta{width:100%;text-align:center;align-self:stretch} } /* آیکونِ هشدار: مثلثِ اخطار برای warn/crit، ضربدر برای out (هر دو در DOM‌اند تا JS فقط کلاس عوض کند) */ .pc-bwalert .ic .ic-out{display:none} .pc-bwalert.out .ic .ic-warn{display:none} .pc-bwalert.out .ic .ic-out{display:block}