/* =====================================================================
   سیستم مدیریت هوشمند مشتریان — لایه ظاهری v27
   ===================================================================== */

/* ---------- دستیار متحرک (نیم‌تنه طراح) ---------- */
.ag27{--ags:84px;position:relative;display:inline-block;width:var(--ags);height:var(--ags);flex:0 0 var(--ags);isolation:isolate;vertical-align:middle;animation:ag27Float 6s ease-in-out infinite}
.ag27-ring{position:absolute;inset:-3px;border-radius:30%;background:conic-gradient(from 0deg,#0ea5b7,#3b82f6,#8b5cf6,#ec4899,#f59e0b,#0ea5b7);animation:ag27Spin 8s linear infinite;filter:saturate(1.1);opacity:.9;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2.5px}
.ag27-ph{position:absolute;inset:0;border-radius:28%;overflow:hidden;background:linear-gradient(160deg,#eef3fb,#dde7f5);box-shadow:0 10px 24px -14px rgba(20,50,100,.7)}
.ag27-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform-origin:50% 30%;animation:ag27Breath 5.5s ease-in-out infinite;user-select:none;-webkit-user-drag:none}
.ag27-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%) -150% 0/250% 100% no-repeat;animation:ag27Shine 6s ease-in-out infinite}
.ag27-chart{position:absolute;left:-8%;bottom:-6%;display:flex;align-items:flex-end;gap:2px;padding:4px 5px 3px;border-radius:8px;background:rgba(255,255,255,.95);box-shadow:0 6px 14px -6px rgba(15,23,42,.45);height:calc(var(--ags)*.3);width:calc(var(--ags)*.42)}
.ag27-chart i{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(#22c55e,#0ea5b7);animation:ag27Bar 2.8s ease-in-out infinite;transform-origin:bottom}
.ag27-chart i:nth-child(1){height:35%;animation-delay:0s}.ag27-chart i:nth-child(2){height:55%;animation-delay:.25s}.ag27-chart i:nth-child(3){height:45%;animation-delay:.5s}.ag27-chart i:nth-child(4){height:85%;animation-delay:.75s}
.ag27-chart b{position:absolute;top:-2px;right:3px;font-size:calc(var(--ags)*.13);color:#16a34a;line-height:1}
.ag27-spark{position:absolute;top:-6%;right:-4%;font-size:calc(var(--ags)*.18);color:#f59e0b;text-shadow:0 0 6px rgba(245,158,11,.7);animation:ag27Twinkle 2.6s ease-in-out infinite}
.ag27-spark.s2{top:22%;right:-12%;font-size:calc(var(--ags)*.11);color:#8b5cf6;animation-delay:1.3s}
.ag27-dot{position:absolute;right:-2px;bottom:-2px;width:max(10px,calc(var(--ags)*.16));height:max(10px,calc(var(--ags)*.16));border-radius:50%;background:#22c55e;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.ag27-dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #22c55e;animation:dzPing 2.4s cubic-bezier(0,0,.2,1) infinite}
.ag27-head{animation:none}
.ag27-head .ag27-ring,.ag27-head .ag27-ph{border-radius:50%}
.ag27-head .ag27-ph img{object-position:50% 8%;transform:scale(1.55);transform-origin:50% 18%;animation:none}
@keyframes ag27Float{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes ag27Spin{to{rotate:360deg}}
@keyframes ag27Breath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes ag27Shine{0%,60%{background-position:-150% 0}85%,100%{background-position:250% 0}}
@keyframes ag27Bar{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.55)}}
@keyframes ag27Twinkle{0%,100%{opacity:.3;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(20deg)}}
@media (prefers-reduced-motion:reduce){.ag27,.ag27 *,.ag27 *::before,.ag27 *::after{animation:none!important}}
html.no-heavyfx .ag27,html.no-heavyfx .ag27 *,html.no-heavyfx .ag27 *::after{animation:none!important}
html body .coach .emp .ag27{--ags:84px!important;margin:4px}
html body .coach.mini .emp .ag27{--ags:48px!important}
html body #fab .lady-h .ag27{--ags:34px!important}
@media (max-width:760px){html body .coach .emp .ag27{--ags:62px!important}}

/* ---------- قرعه‌کشی زنده: تایپوگرافی ظریف‌تر ---------- */
.v26-arena{font-family:"Vazirmatn",var(--f-ui,Tahoma),sans-serif}
.v26-arena b,.v26-arena strong{font-weight:700}
.v26-ar-brand b{font-size:14px}.v26-ar-brand small{font-size:10.5px}
.v26-ar-chips span{font-size:10.5px;padding:4px 10px}
.v26-ar-prize b{font-size:15px;font-weight:700;line-height:1.7}
.v26-ar-stats b{font-size:15px}.v26-ar-stats small{font-size:9.5px}
.v26-ar-step{font-size:12.5px;font-weight:600;padding:6px 14px}
.v26-ar-it{height:54px;font-size:clamp(16px,2.1vw,22px);font-weight:600;letter-spacing:0}
.v26-ar-win{height:54px;border-width:1.5px;border-radius:16px}
.v26-ar-card{padding:18px 22px;min-width:min(360px,88%);border-radius:22px}
.v26-ar-medal{font-size:40px}
.v26-ar-card small{font-size:11px}
.v26-ar-name{font-size:clamp(20px,2.6vw,30px);font-weight:800;margin:2px 0 8px;letter-spacing:-.2px}
.v26-ar-meta span{font-size:11px;padding:3px 9px}
.v26-ar-go{min-width:180px;min-height:46px;font-size:14.5px;font-weight:700;border-radius:15px}
.v26-ar-board h3{font-size:13.5px;font-weight:700}
.v26-ar-board li{padding:8px 10px}.v26-ar-board li b{font-size:13px}.v26-ar-board li .v26-m{font-size:19px;width:26px}
.v26-ar-foot .btn{font-size:12.5px!important}
.v26-ar-marq span{font-size:10.5px}
@media (max-width:900px){.v26-ar-it,.v26-ar-win{height:48px}}

/* ---------- قرارداد: پنل ظاهر ---------- */
html body #page .v27-ctst{margin:0 0 14px;overflow:hidden}
.v27-ctst>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;cursor:pointer;list-style:none;font-weight:700}
.v27-ctst>summary::-webkit-details-marker{display:none}
.v27-ctst>summary::after{content:"⌄";font-size:16px;color:var(--muted,#64748b);transition:transform .2s}
.v27-ctst[open]>summary::after{transform:rotate(180deg)}
.v27-ctst>summary small{flex:1;font-weight:400;font-size:11.5px;color:var(--muted,#64748b)}
.v27-ctst-b{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 18px 18px;border-top:1px solid var(--line,#e2e8f0);padding-top:14px}
.v27-span{grid-column:span 2}
.v27-num>div{display:flex;align-items:center;gap:8px}.v27-num input{flex:1;accent-color:var(--acc,#0f7f8a)}
.v27-num output{min-width:44px;text-align:center;font-size:12px;font-weight:700;padding:3px 6px;border-radius:8px;background:color-mix(in srgb,var(--acc,#0f7f8a) 10%,transparent);color:var(--acc,#0f7f8a)}
.v27-margins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:6px;align-items:end}
.v27-margins label{display:flex;flex-direction:column;gap:3px}.v27-margins small{font-size:10.5px;color:var(--muted,#64748b)}
.v27-margins input{text-align:center;padding:6px!important;min-height:36px}
.v27-presets{display:flex;gap:4px}.v27-presets button{border:1px solid var(--line,#e2e8f0);background:var(--panel,#fff);border-radius:9px;padding:7px 9px;font:inherit;font-size:11.5px;cursor:pointer}
.v27-presets button:hover{border-color:var(--acc,#0f7f8a);color:var(--acc,#0f7f8a)}
.v27-themes{display:flex;flex-wrap:wrap;gap:6px}
.v27-themes button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line,#e2e8f0);background:var(--panel,#fff);border-radius:10px;padding:6px 9px;font:inherit;font-size:11.5px;cursor:pointer}
.v27-themes button i{width:16px;height:16px;border-radius:5px;background:linear-gradient(135deg,var(--b),var(--a))}
.v27-themes button[aria-pressed="true"]{border-color:var(--a);box-shadow:0 0 0 2px color-mix(in srgb,var(--a) 25%,transparent)}
.v27-checks{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.v27-checks .btn{margin-inline-start:auto}
@media (max-width:1100px){.v27-ctst-b{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.v27-ctst-b{grid-template-columns:1fr}.v27-span{grid-column:auto}.v27-margins{grid-template-columns:repeat(2,minmax(0,1fr))}.v27-presets{grid-column:1/-1}}

/* ---------- قرارداد: پیش‌نمایش کاغذی ---------- */
html body #page .ct-preview.v27-paper{position:relative;font-family:var(--ct-font)!important;font-size:var(--ct-size)!important;line-height:var(--ct-lh)!important;text-align:var(--ct-align)!important;padding:var(--ct-pad)!important;background:#fff!important;color:#172033!important;border-radius:6px!important;box-shadow:0 1px 0 rgba(15,23,42,.04),0 18px 36px -24px rgba(15,23,42,.45)!important;border:1px solid #e5e9f0!important}
html body #page .ct-preview.v27-paper::before{content:"";position:absolute;inset:10px;pointer-events:none;border-radius:4px}
html body #page .ct-preview.v27-f-line::before{border:1.2px solid var(--ct-b)}
html body #page .ct-preview.v27-f-double::before{border:3.5px double var(--ct-a)}
html body #page .ct-preview.v27-f-fancy::before{border:2px solid var(--ct-b);outline:1px solid var(--ct-b);outline-offset:-6px;border-radius:6px}
html body #page .ct-preview.v27-water::after{content:"پیش‌نویس";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:64px;font-weight:800;color:var(--ct-b);opacity:.06;pointer-events:none;white-space:nowrap}