.zarin-enc-root{max-width:var(--zarin-w,1350px);margin:0 auto;padding:12px;direction:rtl;color:#1a1a1a;line-height:1.7;position:relative;overflow:visible} .zarin-enc-root *{box-sizing:border-box} .zarin-enc-shell{background:#fff;border:1px solid #ececec;border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.05);overflow:visible;position:relative} .zarin-enc-hd{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 18px;border-bottom:1px solid #f0f0f0;background:#fafafa;border-radius:18px 18px 0 0} .zarin-enc-hd b{font-size:16px}.zarin-enc-hd small{color:#777;display:block;font-size:12px} .zarin-enc-tags{display:flex;flex-wrap:wrap;gap:6px} .zarin-enc-tag{font-size:11px;padding:4px 10px;border-radius:8px;background:#f4f6f8;color:#445;border:1px solid #e8ecf0;font-weight:600} .zarin-enc-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#444;background:#fff;border:1px solid #eee;border-radius:999px;padding:5px 10px} .zarin-enc-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)} .zarin-enc-body{padding:16px 18px 20px;overflow:visible} .zarin-enc-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px} @media(max-width:960px){.zarin-enc-grid{grid-template-columns:1fr}} .zarin-enc-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;overflow:visible;position:relative} .zarin-enc-lab{display:flex;align-items:center;gap:6px;font-size:12px;color:#666;margin:0 0 6px;position:relative;z-index:2} .zarin-tip{position:relative;display:inline-flex;align-items:center;color:#999;cursor:help;z-index:5} .zarin-tipbox{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(240px,70vw);background:#fff;color:#333;font-size:11px;line-height:1.65;padding:9px 11px;border-radius:10px;border:1px solid #e8e8e8;box-shadow:0 10px 28px rgba(0,0,0,.12);opacity:0;visibility:hidden;transition:.15s;z-index:9999;pointer-events:none;text-align:center;white-space:normal} .zarin-tipbox:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#fff;filter:drop-shadow(0 1px 0 #e8e8e8)} .zarin-tip:hover .zarin-tipbox,.zarin-tip:focus .zarin-tipbox{opacity:1;visibility:visible} .zarin-enc-in,.zarin-enc-sel{width:100%;border:1px solid #e5e5e5;border-radius:12px;padding:10px 12px;background:#fcfcfc;color:#111;font:inherit} .zarin-enc-in-lg{padding:14px 16px;font-size:16px;border-radius:14px} .zarin-enc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px} @media(max-width:700px){.zarin-enc-row{grid-template-columns:1fr}} .zarin-enc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;font-weight:700;cursor:pointer;color:#fff!important;font:inherit;line-height:1.2;min-height:44px;transition:filter .15s,box-shadow .15s,transform .12s;box-shadow:0 4px 12px rgba(0,0,0,.06);text-decoration:none!important;letter-spacing:.2px} .zarin-enc-btn:hover,.zarin-enc-btn:focus{color:#fff!important;filter:brightness(.97);} .zarin-enc-btn:active{transform:translateY(0);filter:brightness(.94)} .zarin-enc-btn:disabled{opacity:.85;cursor:wait;transform:none} .zarin-enc-btn-gold,.zarin-enc-btn-gold:hover,.zarin-enc-btn-gold:focus{background:linear-gradient(180deg,#ffc933,#ffb900)!important} .zarin-enc-btn-dark,.zarin-enc-btn-dark:hover{background:linear-gradient(180deg,#333,#1f1f1f)!important} .zarin-enc-btn-green,.zarin-enc-btn-green:hover{background:linear-gradient(180deg,#22c55e,#16a34a)!important} .zarin-enc-btn-blue,.zarin-enc-btn-blue:hover{background:linear-gradient(180deg,#3b82f6,#2563eb)!important} .zarin-enc-btn-gray,.zarin-enc-btn-gray:hover{background:linear-gradient(180deg,#9ca3af,#6b7280)!important} .zarin-enc-btn-red,.zarin-enc-btn-red:hover{background:linear-gradient(180deg,#f2555a,#e5484d)!important} .zarin-enc-btn-tg,.zarin-enc-btn-tg:hover{background:linear-gradient(180deg,#2AABEE,#229ED9)!important} .zarin-enc-btn-block{width:100%!important} .zarin-enc-dots{display:inline-flex;gap:4px;align-items:center;height:14px} .zarin-enc-dots i{width:5px;height:5px;border-radius:50%;background:#fff;opacity:.35;animation:zarindot 1s infinite ease-in-out} .zarin-enc-dots i:nth-child(2){animation-delay:.15s}.zarin-enc-dots i:nth-child(3){animation-delay:.3s} @keyframes zarindot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}} .zarin-enc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center} .zarin-enc-toolbar{display:grid;grid-template-columns:1.2fr .9fr 1.1fr;gap:10px;margin:14px 0 0;padding:12px;background:linear-gradient(180deg,#fffdf7,#fafafa);border:1px solid #f0e6c8;border-radius:14px} @media(max-width:700px){.zarin-enc-toolbar{grid-template-columns:1fr}.zarin-enc-toolbar .zarin-enc-btn{width:100%}} .zarin-enc-toolbar .zarin-enc-btn{width:100%} .zarin-enc-login-note{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e8eef5;font-size:13px;color:#334} .zarin-enc-login-wrap{max-width:540px;margin:0 auto 16px} .zarin-enc-login{padding:6px} .zarin-enc-captcha{display:grid;grid-template-columns:140px 1fr auto;gap:8px;align-items:center;margin-top:4px} @media(max-width:520px){.zarin-enc-captcha{grid-template-columns:1fr 1fr;}.zarin-enc-captcha .zarin-enc-in{grid-column:1/-1}} .zarin-enc-cap-code{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;background:linear-gradient(135deg,#1f2937,#111827);color:#ffd666;font:700 22px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:8px;user-select:none;border:1px solid #0b1220;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)} .zarin-enc-cap-refresh{min-width:48px;padding:0 12px!important} .zarin-enc-access{width:100%;margin:0 0 4px;border-radius:18px;padding:0;overflow:hidden;border:1px solid #ffd48a;box-shadow:0 12px 32px rgba(255,170,0,.14);background:#fff} .zarin-enc-access-top{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:linear-gradient(135deg,#fff8eb 0%,#ffe8b8 55%,#fff 100%);border-bottom:1px solid #ffe0a0} .zarin-enc-access-ico{width:46px;height:46px;min-width:46px;border-radius:14px;background:linear-gradient(180deg,#ffc933,#ffb900);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(255,185,0,.35)} .zarin-enc-access-top strong{display:block;font-size:15px;color:#8a5a00;margin-bottom:6px} .zarin-enc-access-top p{margin:0;font-size:13px;color:#5c4a28;line-height:1.75} .zarin-enc-access-bot{padding:14px 18px 16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#fffdf8,#fff)} .zarin-enc-id{display:inline-flex;align-items:center;gap:6px;background:#111;color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700} .zarin-enc-access-bot .zarin-enc-btn-tg{min-width:180px} @media(max-width:600px){.zarin-enc-access-bot{flex-direction:column;align-items:stretch}.zarin-enc-access-bot .zarin-enc-btn-tg{width:100%}} .zarin-enc-alert{padding:10px 12px;border-radius:12px;font-size:13px;margin:8px 0;border:1px solid #eee} .zarin-enc-alert.ok{background:#ecfdf3;color:#166534;border-color:#bbf7d0} .zarin-enc-alert.err{background:#fef2f2;color:#991b1b;border-color:#fecaca} .zarin-enc-upload{border:1px dashed #d4d4d4;border-radius:14px;padding:14px;text-align:center;background:#fafafa;cursor:pointer;position:relative} .zarin-enc-upload input{position:absolute;inset:0;opacity:0;cursor:pointer} .zarin-enc-upload strong{display:block;margin-top:6px} .zarin-enc-prog{height:8px;background:#eee;border-radius:99px;overflow:hidden;margin-top:10px;display:none} .zarin-enc-prog>i{display:block;height:100%;width:0;background:#ffb900} .zarin-enc-codewrap{position:relative;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;background:#fbfbfb;direction:ltr} .zarin-enc-codewrap.dim{opacity:.55;pointer-events:none;filter:grayscale(.05)} .zarin-enc-gutter{position:absolute;top:0;left:0;bottom:0;width:46px;background:#f3f4f6;color:#9aa3af;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:12px 6px;text-align:right;user-select:none;overflow:hidden;border-right:1px solid #e8e8e8;white-space:pre} .zarin-enc-code{display:block;width:100%;min-height:220px;border:0;background:transparent;color:#1f2937;padding:12px 12px 12px 54px;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical;outline:none;tab-size:4;overflow:auto} .zarin-enc-pre{background:#fbfbfb;color:#1f2937;border:1px solid #e5e5e5;border-radius:12px;padding:12px;font-size:12px;line-height:1.65;max-height:240px;overflow:auto;direction:ltr;text-align:left;font-family:ui-monospace,Menlo,Consolas,monospace;position:relative;white-space:pre-wrap;word-break:break-word;min-height:120px} .zarin-enc-prev-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:rgba(255,255,255,.78);backdrop-filter:blur(7px);color:#222;text-align:center;padding:16px;border-radius:12px;z-index:2} .zarin-enc-log{display:flex;flex-direction:column;gap:6px} .zarin-enc-log-item{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#f7f7f7;font-size:12px} .zarin-enc-log-item b{color:#111} .zarin-enc-stats-box{margin-top:16px;border:1px solid #eee;border-radius:16px;padding:16px;background:#fcfcfc} .zarin-enc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px} @media(max-width:600px){.zarin-enc-stats{grid-template-columns:1fr}} .zarin-enc-stat{background:#fff;border:1px solid #eee;border-radius:12px;padding:12px} .zarin-enc-stat span{font-size:11px;color:#777}.zarin-enc-stat b{display:block;font-size:18px;margin-top:4px;color:#111;word-break:break-word} .zarin-enc-megrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px} @media(max-width:700px){.zarin-enc-megrid{grid-template-columns:1fr}} .zarin-enc-meitem{background:#fff;border:1px solid #eee;border-radius:12px;padding:10px 12px;font-size:12px} .zarin-enc-meitem span{display:block;color:#888;font-size:11px;margin-bottom:4px} .zarin-enc-meitem strong{color:#111;font-weight:700;word-break:break-all} .zarin-files-panel{margin-top:4px;border:1px solid #e9edf2;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.03)} .zarin-files-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center;padding:11px 14px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e8eef5} .zarin-files-head strong{font-size:13px;color:#1f2937} .zarin-files-head span{font-size:11px;color:#64748b} .zarin-enc-files{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;background:#fff} .zarin-enc-files th{padding:11px 14px;text-align:right;background:#f8fafc;color:#64748b;font-weight:700;border-bottom:1px solid #e8eef5;white-space:nowrap} .zarin-enc-files td{padding:12px 14px;text-align:right;border-bottom:1px solid #f1f5f9;color:#1f2937;vertical-align:middle} .zarin-enc-files tr:last-child td{border-bottom:0} .zarin-enc-files tbody tr:hover td{background:#fbfdff} .zarin-enc-files .size-cell{font-variant-numeric:tabular-nums;font-weight:700;color:#0f172a;direction:ltr;text-align:left;white-space:nowrap} .zarin-enc-empty{text-align:center;padding:28px 12px;color:#888;background:#fff;border:1px dashed #e5e5e5;border-radius:14px;font-size:13px} .zarin-enc-pager{display:none;gap:6px;flex-wrap:wrap;margin-top:10px} .zarin-enc-pager.on{display:flex} .zarin-enc-pager button{border:1px solid #e5e5e5;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer} .zarin-enc-pager button.on{background:#ffb900;border-color:#ffb900;color:#fff;font-weight:700} .zarin-enc-overlay{position:absolute;inset:0;background:rgba(255,255,255,.55);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:20;border-radius:18px} .zarin-enc-overlay.on{display:flex} .zarin-enc-loader{background:#fff;border:1px solid #eee;border-radius:16px;padding:22px 26px;min-width:280px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.08)} .zarin-enc-spin{width:42px;height:42px;border-radius:50%;border:3px solid #eee;border-top-color:#ffb900;margin:0 auto 12px;animation:zarinspin .8s linear infinite} .zarin-enc-spin.ok{border:0;background:#ecfdf3;color:#16a34a;display:flex;align-items:center;justify-content:center;animation:none} @keyframes zarinspin{to{transform:rotate(360deg)}} .zarin-enc-bar{height:8px;background:#f0f0f0;border-radius:99px;overflow:hidden;margin-top:12px} .zarin-enc-bar>i{display:block;height:100%;width:0;background:#ffb900;transition:width .25s} .zarin-enc-bar>i.ok{background:#16a34a} .zarin-enc-modal{position:fixed;inset:0;background:rgba(15,23,42,.42);display:none;align-items:center;justify-content:center;z-index:99999;padding:16px;opacity:0;transition:opacity .22s ease} .zarin-enc-modal.on{display:flex;opacity:1} .zarin-enc-modal-box{background:#fff;border-radius:16px;padding:24px;width:min(320px,100%);box-shadow:0 24px 60px rgba(0,0,0,.22);display:flex;flex-direction:column;justify-content:center;transform:scale(.92) translateY(8px);opacity:0;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .24s ease;border:1px solid #eee} .zarin-enc-modal.on .zarin-enc-modal-box{transform:scale(1) translateY(0);opacity:1} .zarin-enc-modal-box b{font-size:16px;display:block;text-align:center;margin-bottom:8px} .zarin-enc-modal-box p{font-size:13px;color:#555;margin:0 0 16px;text-align:center;line-height:1.7} .zarin-enc-modal-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%} .zarin-enc-modal-acts .zarin-enc-btn{width:100%} .zarin-enc-passmask{filter:blur(4px);letter-spacing:1px;user-select:none} .zarin-enc-passmask.show{filter:none;user-select:text} .zarin-enc-cal{display:none;position:absolute;z-index:50;background:#fff;border:1px solid #e6ebf2;border-radius:16px;padding:14px;box-shadow:0 18px 40px rgba(15,23,42,.14);width:310px;right:0} .zarin-enc-cal.on{display:block} .zarin-enc-cal-note{font-size:11px;color:#64748b;margin-bottom:10px;text-align:center;background:#f8fafc;border-radius:999px;padding:5px 10px} .zarin-enc-cal-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px} .zarin-enc-cal-hd select{flex:1;padding:8px 10px;border-radius:11px;border:1px solid #e5e7eb;background:#f8fafc;font:inherit;color:#111} .zarin-enc-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px} .zarin-enc-cal-grid button{border:0;background:#f1f5f9;border-radius:11px;padding:9px 0;cursor:pointer;font-size:12px;font-weight:600;color:#334155;transition:.12s} .zarin-enc-cal-grid button:hover{background:#ffb900;color:#fff;transform:translateY(-1px)} .zarin-enc-hide{display:none!important} .zarin-toast-wrap{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:100000;display:flex;flex-direction:column;gap:8px;width:min(320px,calc(100% - 28px));pointer-events:none} .zarin-toast{pointer-events:auto;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 12px 34px rgba(0,0,0,.12);padding:13px 14px 12px;position:relative;overflow:hidden;animation:zarintoastin .28s ease;min-height:54px} .zarin-toast.out{animation:zarintoastout .22s ease forwards} .zarin-toast-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px} .zarin-toast-msg{font-size:13px;line-height:1.65;flex:1;padding-top:1px} .zarin-toast.ok .zarin-toast-msg{color:#166534} .zarin-toast.err .zarin-toast-msg{color:#991b1b} .zarin-toast.info .zarin-toast-msg{color:#1f2937} .zarin-toast-x{border:0;background:transparent;cursor:pointer;color:#999;padding:2px;line-height:1} .zarin-toast-timer{position:absolute;right:0;bottom:0;left:0;height:3px;width:100%;background:transparent;overflow:hidden} .zarin-toast-timer>i{display:block;height:100%;width:100%;background:#ffb900;transform-origin:right center;animation:zarintimer linear forwards} .zarin-toast.ok .zarin-toast-timer>i{background:#16a34a} .zarin-toast.err .zarin-toast-timer>i{background:#e5484d} @keyframes zarintoastin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}} @keyframes zarintoastout{to{opacity:0;transform:translateY(10px)}} @keyframes zarintimer{from{transform:scaleX(0)}to{transform:scaleX(1)}} @media(max-width:700px){.zarin-enc-btn-block{min-height:50px;font-size:15px}} .zarin-enc-captcha{ display:flex; align-items:center; gap:10px; width:100%; margin-top:8px; } .zarin-enc-cap-code-wrap{ display:flex; align-items:center; gap:8px; flex-shrink:0; } .zarin-enc-cap-code{ width:95px; height:48px; background:#fff; border:1px solid #dcdcdc; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#444; font-size:21px; font-weight:700; font-family:Courier New, monospace; letter-spacing:2px; position:relative; overflow:hidden; user-select:none; } .zarin-enc-cap-code::before{ content:""; position:absolute; inset:0; background: linear-gradient(18deg,transparent 47%,rgba(0,0,0,.07) 48%,transparent 49%), linear-gradient(-22deg,transparent 52%,rgba(0,0,0,.05) 53%,transparent 54%); pointer-events:none; } .zarin-enc-cap-code::after{ content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(0,0,0,.08) .7px,transparent .7px); background-size:10px 10px; opacity:.25; } .zarin-enc-cap-refresh{ width:48px; height:48px; background:#fff; border:1px solid #dcdcdc; border-radius:10px; color:#666; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.2s; } .zarin-enc-cap-refresh:hover{ background:#f7f7f7; border-color:#bdbdbd; } .zarin-enc-captcha input{ flex:1; height:48px; border-radius:10px; } @media(max-width:600px){ .zarin-enc-captcha{ flex-wrap:wrap; } .zarin-enc-cap-code-wrap{ width:100%; } .zarin-enc-captcha input{ width:100%; flex:0 0 100%; } } button#zarinBtnLogin { padding: 16px 10px; font-weight: 700; font-size: 18px; } .zarin-enc-in-lg { border: 1px solid #e5e5e5 !important; background: #f7f8f9; border-radius: 10px!important; } input#zarinCaptcha { font-size: 14px; } .zarin-enc-lab { color: #2c3c50; font-weight: 600; font-size: 13px; } .zarin-enc-login.zarin-enc-card { padding: 15px; } .zarin-enc-login-wrap { max-width: 600px; } .zarin-enc-access { box-shadow: 0 0 0 #000; border-radius: 16px; } a.zarin-enc-btn.zarin-enc-btn-tg { padding: 17px 10px!important; border-radius: 12px; background: linear-gradient(180deg, #44b1ff, #0087e7) !important; font-weight: 500; font-size: 15px; } span.zarin-enc-id { padding: 14px 25px !important; border-radius: 12px; background: linear-gradient(180deg, #484848, #1e1e1e) !important; font-weight: 500; font-size: 15px; } .zarin-enc-access-bot { display: flex; justify-content: flex-start; } input#zarinPass { font-size: 14px; } .zarin-enc-in-lg { padding: 12px 10px!important; } .zarin-enc-login-note { background: #00ff691f; color: #11b745; border-color: #11b74530; } div#zarinWelcome { background: #00ff691f; color: #11b745; border-color: #11b74530; margin-bottom: 25px; } .zarin-enc-grid { gap: 20px; } .zarin-enc-row { gap: 15px; margin-bottom: 15px; } .zarin-enc-in, .zarin-enc-sel { font-size: 14px; padding: 14px 10px; border: 1px solid #e5e5e5 !important; background: #f7f8f9; border-radius: 10px!important; color: #1c1c1c; font-weight: 400; } .zarin-enc-btn { font-weight: 600; border-radius: 12px; padding: 17px 10px; box-shadow: 0 0 0 #000; } button#zarinBtnLogDl { padding: 15px 30px; } .zarin-enc-log-item { padding: 10px 10px; } .zarin-enc-stat { border: 1px solid #c1d7ff; background: #eff4ff; box-shadow: 0 5px 20px hwb(213.23deg 0% 28.35% / 6%); } .zarin-enc-stats { gap: 15px; } .zarin-enc-stat b { color: #0070ff; } .zarin-enc-stat span { color: #161616; font-size: 12px; } .zarin-enc-lab { font-size: 15px!Important; color: #2c3c50!important; margin: 8px 0px; } .zarin-enc-meitem { border: 1px solid #9be3c5; background: #35ad6c12; box-shadow: 0 5px 20px hwb(146.77deg 0% 28.35% / 6%); } .zarin-enc-megrid { gap: 15px; } .zarin-enc-meitem strong { color: #009f48; font-size: 14px; } .zarin-enc-meitem span { color: #161616; font-size: 12px; } .zarin-enc-btn {} button#zarinTogglePass { background: linear-gradient(180deg, #6c6c6c, #282828) !important; border-radius: 9px; } .zarin-files-panel { margin-top: 30px; } button.zarin-enc-btn.zarin-enc-btn-green { width: 100%; border-radius: 9px; padding: 14px 10px!important; background: #ffb900!important; } button.zarin-enc-btn.zarin-enc-btn-green:hover { background:#ffb900; box-shadow: 0 0 0 #000; } button#zarinBtnLogout { padding: 5px 25px; border-radius: 10px; } span.zarin-enc-live { padding: 12px 10px; border-radius: 12px; } span.zarin-enc-tag { padding: 12px 10px; border-radius: 12px; } .zarin-enc-tags { gap: 8px; } .zarin-enc-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; align-items:center; } .zarin-enc-actions .zarin-enc-btn{ display:flex; align-items:center; justify-content:center; gap:6px; min-height:42px; padding:0 16px; border-radius:10px; } .zarin-enc-btn-red{ background:#ef4444; color:#fff; } .zarin-enc-btn-red:hover{ background:#dc2626; } .zarin-enc-btn-gray{ background:#f3f4f6; color:#444; border:1px solid #ddd; } .zarin-enc-btn-gray:hover{ background:#e5e7eb; } @media(max-width:600px){ .zarin-enc-actions{ flex-direction:column; align-items:stretch; } .zarin-enc-actions .zarin-enc-btn{ width:100%; } } .zarin-enc-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; align-items:center; } @media(max-width:600px){ .zarin-enc-actions{ flex-direction:column; align-items:stretch; } .zarin-enc-actions .zarin-enc-btn{ width:100%; } } button#zarinBtnLogHide { border: 1px solid #d3d3d3; color: #707070 !important; background: #ffffff00 !important; font-size: 15px; padding: 13px 15px; } button#zarinBtnLogClear { border: 1px solid #f33838; color: #e34a4a !important; background: #ffffff00 !important; font-size: 15px; padding: 13px 15px; } button#zarinBtnLogDl { border: 1px solid #ffb900; color: #ffffff !important; background: #ffb900 !important; font-size: 15px; padding: 13px 15px; } div#zarinWelcome { font-weight: 600; } button#zarinPrevOk { padding: 5px 25px; border-radius: 11px; } #zarinFilesTableWrap{ width:100%; margin-top:16px; border:1px solid #ececec; border-radius:16px; overflow:hidden; background:#fff; } .zarin-enc-files{ width:100%; border-collapse:collapse; table-layout:fixed; background:#fff; } .zarin-enc-files thead{ background:#fafafa; } .zarin-enc-files th{ padding:14px 18px; text-align:right; font-size:13px; font-weight:700; color:#444; border-bottom:1px solid #ececec; } .zarin-enc-files td{ padding:14px 18px; border-bottom:1px solid #f3f3f3; color:#555; font-size:13px; transition:.2s; vertical-align:middle; word-break:break-word; } .zarin-enc-files tbody tr{ transition:.2s; } .zarin-enc-files tbody tr:hover{ background:#fafcff; } .zarin-enc-files tbody tr:last-child td{ border-bottom:none; } .zarin-enc-files td:first-child{ font-weight:700; color:#2b2b2b; } .size-cell{ color:#0f766e; font-weight:700; } .zarin-enc-files .zarin-enc-btn{ min-height:36px !important; padding:0 15px !important; border-radius:9px; } @media(max-width:768px){ #zarinFilesTableWrap{ border:none; background:transparent; } .zarin-enc-files, .zarin-enc-files tbody{ display:block; } .zarin-enc-files thead{ display:none; } .zarin-enc-files tr{ display:block; background:#fff; border:1px solid #ececec; border-radius:14px; margin-bottom:12px; overflow:hidden; } .zarin-enc-files td{ display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px 14px; border-bottom:1px dashed #ececec; text-align:left; } .zarin-enc-files td:last-child{ border-bottom:none; } .zarin-enc-files td::before{ font-weight:700; color:#666; margin-left:15px; flex-shrink:0; } .zarin-enc-files td:nth-child(1)::before{ content:"📄 فایل"; } .zarin-enc-files td:nth-child(2)::before{ content:"🕒 تاریخ"; } .zarin-enc-files td:nth-child(3)::before{ content:"💾 حجم"; } .zarin-enc-files td:nth-child(4)::before{ content:"⬇ دانلود"; } .zarin-enc-files .zarin-enc-btn{ width:100%; min-height:40px !important; } } .zarin-enc-pager button { color: #343434; background: #fff; padding: 5px 14px; border-radius: 11px; } .zarin-enc-access { max-width: 600px; width: 100%; margin: 0 auto 16px auto; border-radius: 18px; padding: 0; overflow: hidden; border: 1px solid #ffd48a; box-shadow: none !important; background: #fff; direction: rtl; text-align: right; box-sizing: border-box; } .zarin-enc-access-top { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; background: linear-gradient(135deg, #fff8eb 0%, #ffe8b8 55%, #fff 100%); border-bottom: 1px solid #ffe0a0; } .zarin-enc-access-ico { width: 46px; height: 46px; min-width: 46px; border-radius: 14px; background: linear-gradient(180deg, #ffc933, #ffb900); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: none !important; } .zarin-enc-access-top strong { display: block; font-size: 15px; color: #8a5a00; margin-bottom: 6px; font-weight: 700; } .zarin-enc-access-top p { margin: 0; font-size: 13px; color: #5c4a28; line-height: 1.75; } .zarin-enc-access-bot { padding: 14px 18px 16px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; background: linear-gradient(180deg, #fffdf8, #fff); } .zarin-enc-id { display: inline-flex; align-items: center; gap: 6px; background: #111; color: #fff; border-radius: 999px; padding: 8px 14px; font-size: 12px; font-weight: 700; } .zarin-enc-access-bot .zarin-enc-btn-tg { min-width: 180px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #0088cc; color: #ffffff !important; font-size: 13px; font-weight: 600; text-decoration: none; padding: 10px 18px; border-radius: 10px; border: none; transition: all 0.25s ease; cursor: pointer; } .zarin-enc-access-bot .zarin-enc-btn-tg:hover { background: #0077b5; transform: translateY(-2px); } @media (max-width: 480px) { .zarin-enc-access-top { flex-direction: column; align-items: center; text-align: center; } .zarin-enc-access-bot { flex-direction: column; align-items: stretch; } .zarin-enc-id { justify-content: center; } .zarin-enc-access-bot .zarin-enc-btn-tg { width: 100%; min-width: 100%; } } @media (max-width: 600px) { div#zarinEncRoot { padding: 0px; } .zarin-enc-shell { padding: 0px; } span.zarin-enc-live { width: 100%; text-align: center; display: flex; align-content: center; justify-content: center; } span.zarin-enc-tag { font-size: 10px; padding: 10px 5px; } div {} .zarin-enc-body { padding: 5px 10px 5px 10px; } .zarin-enc-hd { padding: 15px 10px; } .zarin-enc-captcha { display: flex; flex-direction: column-reverse; } div#zarinCapCode { width: 100%; } button#zarinBtnLogout { width: 100%; } .zarin-enc-row { margin-bottom: 9px; } .zarin-enc-in, .zarin-enc-sel { padding: 10px 10px; } .zarin-enc-toolbar { padding: 7px; } } span.zarin-tipbox { margin-bottom: 85px; }